/* Session refinement: clear recording state, field clock, and keyboard sustain. */
#jamApp{--record-red:#ff0000}
#jamApp .jam-capture:before,#jamApp .jam-take-record:before,#jamApp .jam-pad-record:before{
 border-color:var(--record-red)!important;box-shadow:0 0 8px #ff000066
}
#jamApp .recording{color:var(--record-red)!important;border-color:#ff000099!important}
#jamApp .recording:before{background:var(--record-red)!important;border-color:var(--record-red)!important;border-radius:1px!important;box-shadow:0 0 10px #ff0000aa}
#jamApp .jam-field-rec{margin-left:8px;color:var(--record-red);font:9px/1 ui-monospace,monospace;letter-spacing:.04em;white-space:nowrap;pointer-events:none;text-shadow:0 0 8px #ff000088}
#jamApp .jam-field-rec:before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--record-red);box-shadow:0 0 8px #ff0000aa}
#jamApp .jam-field-rec[hidden]{display:none!important}
#jamApp .jam-field-free{right:102px}
#jamApp .jam-field-metro{position:absolute;top:44px;right:50px;z-index:5;display:grid;place-items:center;width:38px;height:36px;padding:6px;border:1px solid #bccbb824;border-radius:18px;background:#091016d6;color:#aebbb3}
#jamApp .jam-field-metro svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
#jamApp .jam-field-metro[aria-pressed="true"]{background:#dbe8cc;color:#172015;border-color:#dbe8cc}
#jamApp .jam-field-bars{position:absolute;right:48px;top:86px;z-index:4;padding:4px 7px;border-radius:12px;background:#07090ca8;color:#9eaca4;font:9px/1 ui-monospace,monospace;letter-spacing:.06em;pointer-events:none}
#jamApp .jam-field-bars[hidden]{display:none!important}
#jamApp .keyboard-sustain-row{display:flex;justify-content:flex-end;align-items:center;margin:2px 0 9px}
#jamApp .keyboard-sustain-row .jam-action{min-height:42px;min-width:132px}
#jamApp .keyboard-sustain-row .jam-action[aria-pressed="true"]{background:#dbe8cc;color:#172015;border-color:#dbe8cc}

@media(max-width:600px){
 #jamApp .jam-field-free{right:100px}
 #jamApp .jam-field-metro{right:50px;width:36px;height:34px}
 #jamApp .jam-field-bars{right:48px;top:82px;font-size:8px}
 #jamApp .jam-field-head .jam-material-name{max-width:calc(100% - 120px)}
 #jamApp .jam-field-rec{font-size:8px;margin-left:5px}
}
#jamApp[data-layout=chaotic] .jam-field-metro,#jamApp[data-layout=chaotic] .jam-field-bars{display:none}
#jamApp .palette-mode-status{display:block;margin:12px 0 4px;padding:9px 11px;border:1px solid #c6d8b428;border-radius:10px;color:#aebbb3;background:#0a1014;font:10px/1.2 ui-monospace,monospace;letter-spacing:.05em;font-variant-numeric:tabular-nums}
#jamApp .palette-mode-status[data-mode="palette"]{color:#dce9cf;border-color:#dce9cf63;background:#182117}