/* Ten complete instrument skins; outer workflow retains v139's aligned shell and controls. */
#studio[data-visual-theme]{--bg:var(--skin-bg);--panel:var(--skin-panel);--white:var(--skin-ink);--muted:var(--skin-muted);--mint:var(--skin-accent);--line:var(--skin-line);--text:var(--skin-ink);--text-dim:var(--skin-muted);--text-faint:var(--skin-muted);color:var(--skin-ink);background:var(--skin-bg)!important;border:1px solid var(--skin-line);border-radius:var(--skin-radius);padding:16px!important}
#studio .studio-head{align-items:center;padding:10px 4px 18px;border-color:var(--skin-line);gap:18px}
#studio .studio-head h1{font-size:28px!important;line-height:1.25;color:var(--skin-ink)}
#studio .studio-head .overline{color:var(--skin-accent);background:none;font-size:12px;letter-spacing:.13em}
#studio .studio-head p:empty{display:none}
#studio .st-header-tools{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:12px;min-width:0}
#studio .st-theme-controls{display:flex;align-items:flex-end;gap:8px;min-width:0}
#studio .st-theme-controls label{display:grid;gap:5px;color:var(--skin-muted);font-size:12px;min-width:0}
#studio .st-theme-controls select{width:260px;max-width:100%;font-size:14px;padding:9px 12px}
#studio[data-theme-scheme=light] .studio-head{background:var(--skin-panel);padding:14px;border-radius:var(--skin-radius)}
#studio[data-visual-theme] :is(button,input,select){color:var(--skin-ink);border-color:var(--skin-line)}
#studio[data-visual-theme] :is(button,input:not([type=range]):not([type=checkbox]),select){background:var(--skin-panel)}
#studio[data-visual-theme] button.primary{background:var(--skin-accent);color:var(--skin-bg);box-shadow:none}
#studio[data-visual-theme] :is(.st-top,.st-panel,.st-library,.st-native-aurora,.st-lab-toolbar,.st-transport,.st-pitch-guide,.st-empty){background:var(--skin-panel);color:var(--skin-ink);border-color:var(--skin-line);border-radius:var(--skin-radius)}
#studio[data-visual-theme] .st-native-aurora{border:2px solid var(--skin-line);box-shadow:0 14px 40px #0004}
#studio[data-visual-theme] .st-lab-toolbar{font-size:13px;background:var(--skin-panel);border-bottom:1px solid var(--skin-line)}
#studio[data-visual-theme] .st-lab-toolbar span{color:var(--skin-muted);font-size:12px}
#studio[data-visual-theme] .st-native-track select{color:var(--skin-ink);background:var(--skin-bg)}
#studio[data-theme-scheme=light] .st-native-track select{background:var(--skin-panel)}
#studio[data-visual-theme] :is(.st-title input,.st-panel-head,.st-track-name,.st-empty h2,.st-note-controls label){color:var(--skin-ink)}
#studio[data-visual-theme] :is(.st-title small,.st-footer,.st-status,.st-note-help,.st-edit-notice){color:var(--skin-muted)}
#studio[data-visual-theme] .st-footer{margin-top:18px;padding:14px;background:var(--skin-panel);border:1px solid var(--skin-line)}
#studio[data-visual-theme] #st-lab-frame{height:900px;min-height:700px}
#studio[data-visual-theme=emerald] :is(.studio-head,.st-native-aurora,.st-panel){border:3px double var(--skin-line)}
#studio[data-visual-theme=swiss] .studio-head{border-left:12px solid var(--skin-accent);border-bottom:5px solid var(--skin-accent2)}
#studio[data-visual-theme=construct] .studio-head{border-top:5px solid var(--skin-accent);border-radius:0}
#studio[data-visual-theme=popdots] .studio-head{border-bottom:4px solid #ffdc00}
#studio[data-visual-theme=deconstruct] .studio-head{border-top:6px solid var(--skin-accent2);border-bottom:2px dashed var(--skin-line)}
#studio[data-visual-theme=rain] .st-native-aurora{box-shadow:0 0 0 1px #ffda0044,0 10px 36px #0007}
#studio[data-visual-theme=collage] :is(.st-panel,.st-native-aurora){border-style:double;border-width:3px}
@media(max-width:760px){#studio[data-visual-theme]{padding:10px!important}#studio .studio-head{display:block}#studio .st-header-tools{display:block;margin-top:14px}#studio .st-theme-controls{width:100%;align-items:flex-end}#studio .st-theme-controls label{flex:1}#studio .st-theme-controls select{width:100%}#studio .st-head-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}#studio .st-head-actions button{font-size:13px!important;white-space:normal}#studio .st-theme-controls button{font-size:12px;padding:11px 8px}#studio[data-visual-theme] #st-lab-frame{height:850px;min-height:740px}#studio .st-native-track{width:100%}#studio .st-native-track select{flex:1}}
#studio[data-visual-theme] #st-play{background:var(--skin-accent)!important;color:var(--skin-bg)!important;border:1px solid var(--skin-accent);font-weight:750}
#studio[data-visual-theme] .st-empty p{color:var(--skin-muted)}

/* UI skin tools occupy their own upper, right-aligned row. Project actions remain below. */
#studio .studio-head{align-items:center}
#studio .st-header-tools{display:grid;grid-template-columns:minmax(0,1fr);justify-items:end;gap:12px}
#studio .st-theme-controls{justify-self:end}
#studio .st-head-actions{justify-content:flex-end;margin-top:0}
#studio .st-project-controls{display:grid;grid-template-columns:76px minmax(120px,1fr) auto;align-items:end;gap:12px;min-width:0}
#studio .st-project-controls label{min-width:0;flex:initial}
#studio .st-project-controls :is(input,select,button){height:42px;box-sizing:border-box;width:100%;margin:0;min-width:0;max-width:none}
#studio .st-project-controls button{align-self:end;white-space:nowrap}
@media(max-width:760px){#studio .st-header-tools{display:grid;margin-top:14px;width:100%}#studio .st-theme-controls{width:100%;justify-content:flex-end}#studio .st-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}#studio .st-project-controls{width:100%;grid-template-columns:minmax(55px,.65fr) minmax(90px,1.3fr) minmax(85px,1fr);gap:7px}#studio .st-project-controls :is(input,select,button){font-size:12px;padding-left:7px;padding-right:7px}}
/* Neutralize inherited global label margins and preserve 44px accessible controls. */
#studio .st-project-controls label,#studio .st-theme-controls label{margin:0}
#studio .st-project-controls :is(input,select,button){height:44px;min-height:44px}
#studio .st-source-selector{display:grid;gap:6px;font-size:12px;min-width:0;margin:0;flex:1 1 210px}
#studio .st-source-selector select{width:100%;max-width:100%;min-width:0;font-size:12px;min-height:44px}
#studio .st-source-notice{flex:1 1 100%;font-size:12px;line-height:1.5;color:var(--skin-muted);padding:5px 0}
#studio .st-lab-toolbar{flex-wrap:wrap;align-items:end}
#studio .st-sound .st-source-selector{margin-bottom:12px}
#studio .st-sound .st-source-selector select{font-size:12px;padding:8px 4px}
#studio .st-source-selector optgroup{font-weight:700}
#studio .st-chord-popover{color:var(--skin-ink);background:var(--skin-panel);border:2px solid var(--skin-line);border-radius:var(--skin-radius);width:min(640px,calc(100vw - 30px));max-height:85vh;padding:18px;box-shadow:0 20px 70px #0008}
#studio .st-chord-popover::backdrop{background:#0008;backdrop-filter:blur(3px)}
#studio .st-chord-popover :is(header,footer){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;margin:0;position:static;height:auto;background:none;box-shadow:none;border:0}
#studio .st-chord-popover header strong{font-size:20px}
#studio .st-chord-popover .st-chord-half{margin:12px 0;display:flex;align-items:center;gap:10px}
#studio .st-chord-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#studio .st-chord-options button{text-align:left;white-space:normal;min-height:64px;padding:10px}
#studio .st-chord-options b{font-size:18px;display:block;color:var(--skin-accent)}
#studio .st-chord-options small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--skin-muted)}
#studio .st-chord-message,#studio .st-chord-context{font-size:13px;line-height:1.6;color:var(--skin-muted)}
@media(max-width:500px){#studio .st-chord-options{grid-template-columns:1fr}#studio .st-chord-popover{padding:12px}}
#studio .st-transport-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#studio .st-transport-actions button{min-height:44px;white-space:nowrap;font-size:12px;padding:8px}
#studio .st-transport{flex-wrap:wrap}
#studio .st-transport #st-seek{min-width:90px}
@media(max-width:760px){#studio .st-transport-actions{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#studio .st-transport-actions button{min-width:0;font-size:12px;padding:8px 4px}}
#studio .st-completed-download{display:inline-block;max-width:100%;overflow-wrap:anywhere;margin:0 0 12px;padding:10px 14px;border:1px solid var(--skin-accent);border-radius:var(--skin-radius);color:var(--skin-ink);background:var(--skin-panel);font-size:13px}
#studio .st-sample-gain{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:4px 8px;align-items:center;flex:1 1 250px;min-width:220px}
#studio .st-sample-gain label{grid-column:1/-1;margin:0;display:flex;justify-content:space-between;font-size:12px;color:var(--skin-ink)}
#studio .st-sample-gain input{width:100%;height:32px;min-width:0;accent-color:var(--skin-accent)}
#studio .st-sample-gain button{font-size:11px;padding:7px;white-space:nowrap;min-height:32px}
#studio .st-sample-gain output{font-variant-numeric:tabular-nums;font-weight:700}
@media(max-width:760px){#studio .st-sample-gain{width:100%;flex-basis:100%;min-width:0}#studio .st-sample-gain input,#studio .st-sample-gain button{min-height:44px}}