#jamApp .piano-field-controls{position:absolute;top:99px;left:12px;display:flex;gap:6px;z-index:4;max-width:80%}
#jamApp .piano-field-controls button{font-size:10px;min-height:32px;border:1px solid #637066;padding:5px 9px;background:#0b1116d9;border-radius:18px;color:#c2cdc5}
#jamApp .piano-field-controls button[aria-pressed=true]{background:#dbe8cc;color:#172015;border-color:#dbe8cc}
#jamApp .piano-velocity-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 12px}
#jamApp .piano-velocity-controls .jam-range-row{flex:1;min-width:200px;margin:0;grid-template-columns:56px 1fr 26px}
#jamApp .piano-velocity-controls small{flex-basis:100%;font-size:10px;color:#9ba99e}
#jamApp .piano-velocity-controls button{font-size:11px;min-height:36px}
#jamApp .piano-velocity-controls button[aria-pressed=true]{background:#dbe8cc;color:#172015}
#jamApp .note-velocity-editor{grid-column:1/-1;display:grid!important;grid-template-columns:86px 1fr 30px!important;align-items:center;margin:0;padding:6px 0}
#jamApp .note-velocity-editor input{width:100%!important;min-height:36px;accent-color:#dbe8cc}
#jamApp .jam-seq-note,#jamApp .jam-seq-hit{opacity:calc(.35 + var(--note-strength,.72)*.65);box-shadow:inset 0 -3px 0 #ffffff50}
#jamApp .jam-seq-edit:has(.note-velocity-editor){position:sticky;bottom:0;background:#101719f5;border:1px solid #627063;border-radius:12px;padding:10px;z-index:7;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#jamApp .jam-seq-edit input{min-width:0} #jamApp .jam-seq-edit strong{grid-column:1/-1}

#jamApp .jam-seq-edit:has(.note-velocity-editor) strong{grid-column:1/3;grid-row:auto}
#jamApp .jam-seq-edit:has(.note-velocity-editor) .jam-action{grid-column:3/5;grid-row:auto}
#jamApp .jam-seq-edit:has(.note-velocity-editor) label:not(.note-velocity-editor){flex-direction:column;align-items:stretch;gap:3px}
#jamApp .jam-seq-edit:has(.note-velocity-editor) input[type=number]{width:100%}

#jamApp .seq-timing-details{flex:none;max-height:35dvh;overflow-y:auto;overscroll-behavior:contain;border:1px solid #536358;border-radius:10px;margin-bottom:8px;background:#0a1013}
#jamApp .seq-timing-details summary{padding:10px 12px;min-height:40px;cursor:pointer;font-size:12px;color:#d6e4d1}
#jamApp .seq-timing-details .performance-controls{margin:0;border:0;border-radius:0}
#jamApp .jam-seq-scroll{scroll-padding-top:42px;scroll-padding-left:82px}
#jamApp .jam-seq-edit:has(.note-velocity-editor){max-height:28dvh;flex-shrink:0}