/* Source-grounded construction materials shared by the synth and arrangement desk. */
[data-visual-theme=bauhaus]{--skin-material:linear-gradient(135deg,#fff6df,#e6dec9);--skin-edge:0 0 0 2px #171916,4px 4px 0 #0055ad;--skin-header:linear-gradient(90deg,#0055ad 0 13%,#ec2b1b 13% 25%,#ffc41d 25% 37%,#171916 37% 39%,transparent 39%)}
[data-visual-theme=prehistoric]{--skin-material:radial-gradient(ellipse at 8% 12%,#526f3655,transparent 35%),repeating-linear-gradient(15deg,#1d352411 0 2px,#49614715 3px 5px),linear-gradient(135deg,#30402a,#112218);--skin-edge:inset 0 0 0 2px #263a27,inset 0 0 0 3px #a59456,0 5px 14px #0007;--skin-header:linear-gradient(90deg,#ab7c2466,transparent 40%,#23452b)}
[data-visual-theme=harbor]{--skin-material:repeating-linear-gradient(0deg,#d9cab809 0 1px,transparent 1px 4px),radial-gradient(ellipse at 80% 30%,#5b665b66,transparent 50%),linear-gradient(120deg,#364139,#192320);--skin-edge:inset 0 0 0 2px #111a16,inset 0 0 0 3px #6a674c,3px 4px 9px #0009;--skin-header:linear-gradient(90deg,#ff981655,transparent 26%,#121b1b)}
[data-visual-theme=chapel]{--skin-material:radial-gradient(ellipse at 10% 100%,#c07c2333,transparent 35%),repeating-linear-gradient(90deg,transparent 0 31px,#a77d2817 32px 33px),linear-gradient(120deg,#1d261b,#090e0c);--skin-edge:inset 0 0 0 2px #0a100d,inset 0 0 0 3px #6b5937,0 8px 18px #0009;--skin-header:linear-gradient(90deg,#a6803933,transparent 50%,#87e9ab1a)}
[data-visual-theme=iridescent]{--skin-material:linear-gradient(135deg,#b6b2ff22,transparent 33%,#72eaff22 48%,#fcbded22 66%,transparent),linear-gradient(120deg,#22315b,#111a3a);--skin-edge:inset 0 0 0 1px #eddaffa0,inset 0 0 14px #84eaff44,0 0 9px #bda4ff6b;--skin-header:linear-gradient(110deg,#57eaff44,#cd97ff44,#ffc6df44,#69e1ff44)}
[data-visual-theme=alpine]{--skin-material:radial-gradient(ellipse at 20% 20%,#fff9e8,transparent 60%),linear-gradient(125deg,#ead6b2,#ffecd6);--skin-edge:inset 0 0 0 2px #fcf0d1,inset 0 0 0 3px #bf914d,3px 4px 0 #99544c44;--skin-header:linear-gradient(90deg,#ce96734d,transparent 40%,#c18a4433)}
[data-visual-theme=dollisland]{--skin-material:repeating-linear-gradient(3deg,#af77461b 0 2px,transparent 2px 7px),radial-gradient(ellipse at 5% 10%,#79915a33,transparent 45%),linear-gradient(135deg,#3d3427,#202821);--skin-edge:inset 0 0 0 2px #151b16,inset 0 0 0 3px #8c7148,0 5px 18px #0008;--skin-header:linear-gradient(90deg,#16617266,#392c20 80%)}
[data-visual-theme=retrospace]{--skin-material:repeating-linear-gradient(0deg,#fff4db33 0 1px,transparent 1px 4px),linear-gradient(135deg,#f8ebcf,#cebea1);--skin-edge:inset 0 0 0 2px #fff2d1,inset 0 0 0 3px #86745b,0 4px 0 #172a2f99;--skin-header:linear-gradient(90deg,#d95c1666,transparent 45%,#46697033)}
[data-visual-theme=cyanotype]{--skin-material:repeating-linear-gradient(135deg,#accadc07 0 1px,transparent 1px 3px),radial-gradient(ellipse at 45% 30%,#175585,#042443);--skin-edge:inset 0 0 0 2px #082e4e,inset 0 0 0 3px #c6c2a3,0 4px 12px #0005;--skin-header:linear-gradient(90deg,#c7c2a32b,transparent 55%)}
[data-visual-theme=precision]{--skin-material:linear-gradient(145deg,#fafbfa,#e5e9e8);--skin-edge:inset 0 1px 0 #fff,0 2px 4px #3332;--skin-header:linear-gradient(90deg,#d408120d,transparent 45%)}
:is([data-visual-theme=bauhaus],[data-visual-theme=prehistoric],[data-visual-theme=harbor],[data-visual-theme=chapel],[data-visual-theme=iridescent],[data-visual-theme=alpine],[data-visual-theme=dollisland],[data-visual-theme=retrospace],[data-visual-theme=cyanotype],[data-visual-theme=precision]) :is(.card,.st-workbench-stage .st-panel){background:var(--skin-material)!important;box-shadow:var(--skin-edge);border:1px solid var(--skin-line)}
:is([data-visual-theme=bauhaus],[data-visual-theme=prehistoric],[data-visual-theme=harbor],[data-visual-theme=chapel],[data-visual-theme=iridescent],[data-visual-theme=alpine],[data-visual-theme=dollisland],[data-visual-theme=retrospace],[data-visual-theme=cyanotype],[data-visual-theme=precision]) :is(.tabs,.st-panel-head){background:var(--skin-header),var(--skin-panel)!important}
[data-visual-theme=bauhaus] :is(.card,.st-workbench-stage .st-panel){border:2px solid #131713!important;border-top:7px solid #ffc31b!important;border-radius:0!important}
#studio[data-visual-theme=bauhaus] .st-workbench-stage{border:4px solid #0055ad;border-top:10px solid #ffc31b;border-bottom:10px solid #e62b19;border-radius:0;padding:12px 6px}
#studio[data-visual-theme=bauhaus] .st-workbench-stage .st-track:nth-child(3n+1){border-left:7px solid #0055ad}
#studio[data-visual-theme=bauhaus] .st-workbench-stage .st-track:nth-child(3n+2){border-left:7px solid #e6281a}
#studio[data-visual-theme=bauhaus] .st-workbench-stage .st-track:nth-child(3n){border-left:7px solid #efae00}
#studio[data-visual-theme=prehistoric] .st-workbench-stage{border:5px double #a89355;background:linear-gradient(150deg,#263c1b,#0a1c12);padding:14px 7px;box-shadow:inset 0 0 25px #0009}
#studio[data-visual-theme=prehistoric] .st-workbench-stage .st-track{border-radius:5px 18px 5px 5px;border:2px solid #7b8553;background:var(--skin-material)}
[data-visual-theme=prehistoric] :is(.card,.st-panel)::after{content:'';pointer-events:none;position:absolute;right:7px;bottom:7px;width:30px;height:30px;border-right:3px double #afad6c;border-bottom:3px double #afad6c;border-radius:0 0 30px}
#studio[data-visual-theme=harbor] .st-workbench-stage{padding:12px 6px;border:5px double #7d7455;background:#111d19;box-shadow:inset 0 0 0 3px #070b09,0 5px 18px #0009}
#studio[data-visual-theme=harbor] .st-workbench-stage .st-track{border:2px solid #7e795c;background:var(--skin-material);box-shadow:inset 0 0 0 2px #152019}
[data-visual-theme=harbor] :is(.card,.st-panel-head){border-top:2px solid #efa125!important}
#studio[data-visual-theme=chapel] .st-workbench-stage{padding:15px 7.5px;border:6px double #8e743f;background:#080d0b;box-shadow:inset 0 0 0 3px #171b0e,0 8px 30px #000b}
#studio[data-visual-theme=chapel] .st-workbench-stage .st-track{border:3px double #8e774b;border-radius:24px 24px 4px 4px;background:var(--skin-material)}
[data-visual-theme=chapel] :is(.play__name,.au-composition-head,.st-panel-head){font-family:Georgia,'Noto Serif TC',serif}
#studio[data-visual-theme=iridescent] .st-workbench-stage{padding:13px 6.5px;border:3px solid #bdc4ff;border-radius:22px;background:linear-gradient(125deg,#364681,#151b41,#59356c);box-shadow:inset 0 0 25px #b5dbff55,0 0 24px #bdadff66}
#studio[data-visual-theme=iridescent] .st-workbench-stage .st-track{border:2px solid #baaaff;background:var(--skin-material);box-shadow:var(--skin-edge);border-radius:16px}
[data-visual-theme=iridescent] :is(.ac-knob__body,.st-macro-knob){filter:drop-shadow(0 0 5px #bdedff99)}
#studio[data-visual-theme=alpine] .st-workbench-stage{padding:14px 7px;border:6px double #b58a40;background:linear-gradient(120deg,#d5a387,#f0c8b6,#b88673);box-shadow:inset 0 0 0 3px #f5d8ad;--desk-display:Georgia,'Noto Serif TC',serif}
#studio[data-visual-theme=alpine] .st-workbench-stage .st-track{border:3px double #b28a48;background:var(--skin-material);border-radius:13px 13px 5px 5px}
[data-visual-theme=alpine] :is(.play__name,.au-composition-head,.st-panel-head){font-family:Georgia,'Noto Serif TC',serif}
[data-visual-theme=alpine] :is(.av-scope,.av-spectrum,.av-envelope,.st-roll-wrap){background:#451c2c!important}
#studio[data-visual-theme=dollisland] .st-workbench-stage{padding:12px 6px;border:5px double #9a7d4e;background:repeating-linear-gradient(4deg,#36291d 0 3px,#1b231c 4px 9px);box-shadow:inset 0 0 18px #000b}
#studio[data-visual-theme=dollisland] .st-workbench-stage .st-track{background:var(--skin-material);border:2px solid #91774b;box-shadow:inset 0 0 12px #0008}
[data-visual-theme=dollisland] .sidebar{background:#e1cfaa!important;--text:#251f16;--text-dim:#554734;--text-faint:#554734;color:#251f16}
#studio[data-visual-theme=retrospace] .st-workbench-stage{padding:13px 6.5px;border:5px double #9a805d;border-radius:22px;background:linear-gradient(180deg,#eadfc9,#707777 12px,#20343c 28px,#ded1b7);box-shadow:inset 0 0 0 3px #ebdac0}
#studio[data-visual-theme=retrospace] .st-workbench-stage .st-track{border:3px double #927858;border-left:6px solid #d55615;border-radius:14px;background:var(--skin-material)}
[data-visual-theme=retrospace] :is(.tabs,.dock){border-block:4px double #b79162}
#studio[data-visual-theme=cyanotype] .st-workbench-stage{padding:13px 6.5px;border:5px double #c1b797;background:#042344;box-shadow:inset 0 0 0 4px #073153,inset 0 0 0 5px #9ba697}
#studio[data-visual-theme=cyanotype] .st-workbench-stage .st-track{border:3px double #b3b59d;background:var(--skin-material);border-radius:1px 10px 1px 10px}
[data-visual-theme=cyanotype] :is(.card,.play){border:3px double #c0baa1!important}
#studio[data-visual-theme=precision] .st-workbench-stage{padding:10px 5px;border:1px solid #99a4a7;border-radius:2px;background:#dce2e1;box-shadow:0 4px 14px #0002}
#studio[data-visual-theme=precision] .st-workbench-stage .st-track{border:1px solid #9fa9a9;background:#edf0ef;border-radius:4px;box-shadow:none;border-left:3px solid #b9c1c1}
#studio[data-visual-theme=precision] .st-workbench-stage .st-track.selected{border-left-color:#e30918;background:#fff0ef}
[data-visual-theme=precision] :is(.card,.play){box-shadow:inset 0 1px 0 #fff,0 2px 4px #0001;border-top:1px solid #aaa!important}
@media(prefers-reduced-motion:no-preference){[data-visual-theme=iridescent] :is(.st-workbench-stage,.play){animation:studio-glass-glow 7s ease-in-out infinite alternate}@keyframes studio-glass-glow{to{box-shadow:inset 0 0 18px #ffbdf644,0 0 21px #77edff66}}}
/* Keep primary-color blocks off label glyphs and use ivory on blue actions. */
#studio[data-visual-theme=bauhaus] .st-panel-head{background:linear-gradient(90deg,#f3ecd7 0 83%,#0055ad 83% 90%,#e62619 90% 95%,#ffc41d 95%)!important;color:#111412;border-left:6px solid #0055ad}
[data-visual-theme=bauhaus] .tab[aria-selected=true],#studio[data-visual-theme=bauhaus] :is(#st-wav,#st-mp4,#st-midi,.st-chords button[aria-current=true]){color:#fff5df!important}
#studio[data-visual-theme=alpine]{--roll-bg:#451c2c;--roll-ink:#fff1d5;--roll-muted:#edd9b2;--roll-grid:#d9b77535;--roll-key:#fff1d1;--roll-black:#441728;--roll-note:#f1c777}
#studio[data-visual-theme=bauhaus] .st-panel-head{position:relative;background:#f3ecd7!important}
#studio[data-visual-theme=bauhaus] .st-panel-head::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#0055ad 0 55%,#e62619 55% 78%,#ffc41d 78%);pointer-events:none}