/* Compact workbench: reset the outer aside inset inherited from the whole app. */
#studio .st-workbench-stage{padding:4px!important;margin-top:20px}
#studio .st-workbench-stage .st-layout{gap:6px;align-items:start!important}
#studio .st-workbench-stage .st-layout>.st-panel{padding:0!important;min-height:0;align-self:start}
#studio .st-workbench-stage .st-panel-head{padding:8px 6px;min-height:38px;font-size:13px;line-height:1.4;margin:0}
#studio .st-workbench-stage .st-track{padding:9px 6px 8px;margin:4px;border-left-width:4px}
#studio .st-workbench-stage .st-track-title{font-size:13px;gap:4px}
#studio .st-workbench-stage .st-track small{font-size:12px;line-height:1.35;margin:4px 0 6px}
#studio .st-workbench-stage .st-track-title button{min-width:28px;min-height:28px;padding:4px;font-size:11px}
#studio .st-workbench-stage .st-meter{margin-top:7px}
#studio .st-workbench-stage .st-arrange{padding:8px 6px;gap:5px}
#studio .st-workbench-stage .st-arrange button{margin:0;min-height:36px;padding:7px 6px;font-size:12px}
#studio .st-workbench-stage .st-arrange small{font-size:11px;line-height:1.5}
#studio .st-workbench-stage .st-sound{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:6px!important;align-items:stretch}
#studio .st-workbench-stage .st-sound>label{margin:0!important;gap:4px;min-width:0}
#studio .st-workbench-stage .st-sound .st-source-selector{margin:0!important}
#studio .st-workbench-stage #st-dock-xy{padding:6px;margin:0}
#studio .st-workbench-stage .st-dock-xy-title{margin-bottom:5px;font-size:11px}
#studio .st-workbench-stage #st-dock-xy .ac-xy{height:160px;min-height:160px}
#studio .st-workbench-stage .st-dock-macros{padding:10px 4px;margin:0;gap:10px 6px}
#studio .st-workbench-stage .st-dock-macros .ac-knob{--k-size:64px}
#studio .st-workbench-stage .st-dock-macros .ac-knob__label{line-height:1.3;font-size:11px}
#studio .st-workbench-stage .st-sound-actions{gap:5px;margin:0}
#studio .st-workbench-stage .st-sound-actions button{min-height:36px;padding:7px 6px;font-size:12px}
#studio .st-workbench-stage .st-transform{margin:0!important;font-size:11px;line-height:1.4}
#studio .st-workbench-stage .st-timeline{padding:9px 6px 0}
#studio .st-workbench-stage .st-chords{margin-bottom:8px}
#studio .st-workbench-stage .st-roll-toolbar{padding:6px;gap:5px}
#studio .st-workbench-stage .st-roll-toolbar label{margin:0}
#studio .st-workbench-stage .st-note-controls{padding:8px 6px;gap:6px}
#studio .st-workbench-stage .st-note-controls label{margin:0;gap:4px}
#studio .st-workbench-stage .st-note-help{padding:0 6px 8px;font-size:11px}
#studio .st-workbench-stage .st-library{padding:8px 6px;gap:6px;margin-top:8px}
#studio .st-workbench-stage .st-library label{margin:0}
@media(min-width:1000px){#studio .st-workbench-stage .st-layout{grid-template-columns:170px minmax(0,1fr) 240px}}
@media(min-width:761px) and (max-width:999px){#studio .st-workbench-stage .st-layout{grid-template-columns:160px minmax(0,1fr)}#studio .st-workbench-stage .st-sound{grid-template-columns:1fr 1fr;gap:8px}#studio .st-workbench-stage .st-dock-macros{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#studio .st-workbench-stage{padding:3px!important}#studio .st-workbench-stage .st-layout{gap:8px}#studio .st-workbench-stage .st-track{padding:8px 6px;margin:3px}#studio .st-workbench-stage .st-arrange{padding:6px}#studio .st-workbench-stage .st-sound{padding:6px!important}#studio .st-workbench-stage .st-panel-head{min-height:36px;padding:7px 6px}#studio .st-workbench-stage .st-dock-macros{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 3px}#studio .st-workbench-stage .st-dock-macros .ac-knob{--k-size:55px}#studio .st-workbench-stage .st-dock-macros .ac-knob__label{font-size:10px}#studio .st-workbench-stage .st-note-controls{grid-template-columns:1fr 1fr}}
@media(pointer:coarse){#studio .st-workbench-stage .st-track-title button{min-width:32px;min-height:32px}#studio .st-workbench-stage .st-arrange button,#studio .st-workbench-stage .st-sound-actions button{min-height:44px}}

/* Selection is the final visual layer, above all twenty decorative skins.
   Invert the theme's high-contrast ink/panel pair; reserve the label's space so
   switching tracks never shifts controls. M/S, meters and focus stay separate. */
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track{border-width:1px;border-left-width:4px;border-style:solid;transition:background-color .12s,border-color .12s}
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:center}
#studio .st-track-heading{min-width:0;display:grid;justify-items:start;gap:1px}
#studio .st-track-heading strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}
#studio .st-track-editing{visibility:hidden;display:inline-flex;align-items:center;gap:3px;border:1px solid currentColor;border-radius:3px;padding:0 4px;font-size:10px;line-height:13px;font-weight:750;letter-spacing:.02em;white-space:nowrap}
#studio .st-track-mix{display:flex;gap:3px;white-space:nowrap}
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track.selected{background:var(--skin-ink);color:var(--skin-panel);border-color:var(--skin-ink);border-left-color:var(--skin-accent);box-shadow:inset 0 0 0 1px var(--skin-panel),0 0 0 1px var(--skin-ink)}
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track.selected .st-track-editing{visibility:visible}
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track.selected :is(strong,small,output){color:var(--skin-panel)}
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track.selected button{background:transparent;color:var(--skin-panel);border-color:var(--skin-panel)}
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track.selected button.active{background:var(--skin-panel);color:var(--skin-ink);font-weight:850}
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track.selected input[type=range]{accent-color:var(--skin-panel)}
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track.selected .st-meter{background:color-mix(in srgb,var(--skin-panel) 20%,var(--skin-ink))}
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track:focus-visible{outline:2px dashed var(--skin-ink);outline-offset:2px}
#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track.selected :is(button,input):focus-visible{outline:2px dashed var(--skin-panel);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track{transition:none}}
@media(forced-colors:active){#studio[data-visual-theme] .st-workbench-stage #st-tracks .st-track.selected{border:3px double Highlight}#studio .st-track-editing{forced-color-adjust:auto}}

/* One source control, next to its selected track; no duplicate upper panel. */
#studio .st-workbench-stage .st-sample-gain{min-width:0;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px;margin:0;padding:6px 0;border-bottom:1px solid var(--skin-line)}
#studio .st-workbench-stage .st-sample-gain label{font-size:11px;gap:4px}
#studio .st-workbench-stage .st-sample-gain input{min-width:0}
#studio .st-workbench-stage .st-sample-gain button{min-height:32px;padding:5px;font-size:10px}
#studio .st-workbench-stage .st-source-help{min-width:0;margin:0;padding:0;color:var(--skin-muted);font-size:11px}
#studio .st-workbench-stage .st-source-help summary{cursor:pointer;padding:4px 0;font-size:11px;line-height:1.4}
#studio .st-workbench-stage .st-source-notice{display:block;font-size:11px;line-height:1.5;padding:4px 0;overflow-wrap:anywhere}
@media(pointer:coarse){#studio .st-workbench-stage .st-sample-gain :is(input,button){min-height:44px}}

/* A quiet pencil lives inside each card's reserved lower-right corner.
   Its native button is a sibling of playback, never a nested action. */
section#studio[data-visual-theme] .st-workbench-stage #st-chords .st-chord-edit{position:absolute;right:2px;bottom:2px;z-index:1;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:var(--skin-radius,6px);background:transparent;color:var(--skin-ink,var(--white));box-shadow:none;transform:none;font:20px/1 system-ui,sans-serif;touch-action:manipulation}
section#studio[data-visual-theme] .st-workbench-stage #st-chords .st-chord-edit:hover{background:color-mix(in srgb,var(--skin-ink) 10%,transparent);color:var(--skin-ink,var(--white));box-shadow:inset 0 0 0 1px currentColor}
section#studio[data-visual-theme] .st-workbench-stage #st-chords .st-chord-play[aria-current=true]+.st-chord-edit{color:#101511}
section#studio[data-theme-scheme=light] .st-workbench-stage #st-chords .st-chord-play[aria-current=true]+.st-chord-edit{color:#fff}
section#studio[data-visual-theme=keybirds] .st-workbench-stage #st-chords .st-chord-play[aria-current=true]+.st-chord-edit{color:#131711}
section#studio[data-visual-theme] .st-workbench-stage #st-chords .st-chord-edit:focus-visible{outline:2px solid currentColor;outline-offset:-4px}

#studio .st-roll-toolbar .st-tempo-control{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;padding:4px 8px;border:1px solid var(--skin-line,var(--line));border-radius:7px;background:var(--skin-panel,var(--panel));color:var(--skin-ink,var(--white));font-size:14px}
#studio .st-tempo-control input{width:72px;min-width:0;padding:5px 6px;font:700 16px/1.2 monospace;color:inherit;background:transparent;border:1px solid var(--skin-line,var(--line));border-radius:4px}
#studio #st-tempo-drag{cursor:ns-resize;touch-action:none;user-select:none;font-weight:700}
#studio .st-tempo-help{font-size:12px;opacity:.75}
@media(max-width:900px){#studio .st-tempo-help{display:none}}