.stage-alternate-view{min-width:0}
.stage-harmony-knobs.is-playing-bank,.alternate-stage-bank.is-playing-bank{box-shadow:inset 0 0 0 1px var(--tone-edbd82,#edbd82);border-radius:10px}
.stage-bank-overlay{display:grid;min-width:0;isolation:isolate}
.stage-bank-overlay>.stage-harmony-knobs,.stage-bank-overlay>.alternate-stage-bank{grid-area:1/1;margin:18px 0;padding:0;border:0;min-width:0}
.stage-bank-overlay>.alternate-stage-bank .stage-harmony-knobs{margin:0}
.stage-bank-overlay .bank-hidden{visibility:hidden;pointer-events:none}
.stage-bank-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px}
.stage-bank-tabs button{flex:1;font-size:10px;min-width:75px}
.stage-bank-tabs button[aria-pressed=true]{border-color:var(--chords);color:var(--chords);background:color-mix(in srgb,var(--chords) 18%,var(--panel))}
.viewing-alternate .stage-bank-tabs button[aria-pressed=true]{border-color:var(--tone-ccb6ec,#ccb6ec);color:var(--tone-ccb6ec,#ccb6ec);background:color-mix(in srgb,var(--tone-ccb6ec,#ccb6ec) 20%,var(--panel))}
.viewing-alternate .stage-voice-map{box-shadow:inset 0 0 0 2px var(--tone-ccb6ec,#ccb6ec);border-radius:10px}
.viewing-alternate.chord-hit .stage-voice-map{box-shadow:inset 0 0 0 3px var(--tone-ccb6ec,#ccb6ec),0 0 24px var(--tone-ccb6ec,#ccb6ec)}
.alternate-timing-slider{display:grid;gap:8px;min-width:0;flex:1 1 130px}
.alternate-timing-slider>span{display:flex;justify-content:space-between;gap:12px;text-transform:uppercase}
.alternate-timing-slider output{font-variant-numeric:tabular-nums;color:var(--tone-ccb6ec,#ccb6ec)}
.alternate-timing-slider input{width:100%;min-height:30px;accent-color:var(--tone-ccb6ec,#ccb6ec)}
.alternate-stage-activity{display:flex;align-items:center;gap:8px;width:18ch;height:26px;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.alternate-stage-activity:before{content:'';width:9px;height:9px;flex:none;border-radius:50%;background:var(--edge)}
.alternate-playing .alternate-stage-activity,.alternate-stage-bank.alternate-live h4{color:var(--tone-ccb6ec,#ccb6ec)}
.alternate-playing .alternate-stage-activity:before{background:var(--tone-ccb6ec,#ccb6ec);box-shadow:0 0 14px var(--tone-ccb6ec,#ccb6ec);animation:alternate-lamp .9s ease-in-out infinite}
.alternate-stage-bank.alternate-live{border-color:var(--tone-ccb6ec,#ccb6ec);background:linear-gradient(145deg,color-mix(in srgb,var(--tone-ccb6ec,#ccb6ec) 18%,var(--tone-17232955,#17232955)),var(--tone-17232955,#17232955));animation:alternate-bank-glow .9s ease-in-out infinite}
.base-playing .alternate-stage-activity{color:var(--tone-a6d8c7,#a6d8c7)}
.base-playing .alternate-stage-activity:before{background:var(--tone-a6d8c7,#a6d8c7)}
.stage-harmony-knobs.base-live{box-shadow:inset 0 0 0 2px var(--tone-a6d8c7,#a6d8c7);border-radius:10px}
@keyframes alternate-lamp{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes alternate-bank-glow{0%,100%{box-shadow:inset 0 0 0 2px var(--tone-ccb6ec,#ccb6ec),0 0 22px color-mix(in srgb,var(--tone-ccb6ec,#ccb6ec) 45%,transparent)}50%{box-shadow:inset 0 0 0 1px var(--tone-ccb6ec,#ccb6ec),0 0 5px color-mix(in srgb,var(--tone-ccb6ec,#ccb6ec) 15%,transparent)}}
@media(prefers-reduced-motion:reduce){.alternate-playing .alternate-stage-activity:before,.alternate-stage-bank.alternate-live{animation:none}.alternate-stage-bank.alternate-live{box-shadow:inset 0 0 0 2px var(--tone-ccb6ec,#ccb6ec)}}
.stage-alternate-view .stage-harmony-dial:after{background:var(--tone-ccb6ec,#ccb6ec)}
.stage-alternate-view .stage-knob-control output{color:var(--tone-ccb6ec,#ccb6ec)}
.stage-knob-control output{height:3.9em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.pattern-indicator{width:20ch;min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;vertical-align:middle}
.voice-slot-row .pattern-indicator{flex-shrink:1;min-width:0}
.synth-lab-head{display:grid;grid-template-columns:minmax(0,1fr)}
.synth-lab-head>span,.synth-lab-envelope>span,.keyboard-status{display:block;min-width:0;height:1.8em;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.synth-lab-envelope>span{font-size:10px}
.drum-scope-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.drum-scope-head>*{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drum-scope-caption{height:4.8em;overflow:auto;font-variant-numeric:tabular-nums}
.voice-slot-hits .inactive{opacity:.2}
.drum-lane>.steps{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px}
.drum-lane>.steps .step-light{min-width:0}
.drum-lane>.steps .inactive{opacity:.15}
.drum-rhythm-readout{height:5.1em;overflow:auto}
.pitch-clock-caption{height:5.1em;overflow:auto}
#status{height:3.5em;overflow:auto}
.viz-header h2{height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viz-header>p{height:3.6em;line-height:1.8;overflow:auto}
.viz-tones{height:260px;overflow:auto}
.viz-phase+p{height:5.4em;overflow:auto}
.viz-lane>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chord-cards,.chord-cards:has(.variation-options[open]){grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:start}
@media(max-width:650px){.chord-cards,.chord-cards:has(.variation-options[open]){grid-template-columns:minmax(0,1fr)}}
