/* The lower arrangement desk carries the same supplied artwork and construction
   language as the native synthesizer. Every grid cell and control remains live. */
#studio[data-visual-theme]{--roll-bg:#091622;--roll-ink:#d7e8ef;--roll-muted:#93b3c6;--roll-grid:#c1e3f025;--roll-key:#dde2da;--roll-black:#152630;--roll-note:var(--skin-accent2);--desk-display:var(--font-ui);--desk-shadow:0 10px 26px #0005}
#studio[data-theme-scheme=light]{--roll-bg:var(--skin-panel);--roll-ink:var(--skin-ink);--roll-muted:var(--skin-muted);--roll-grid:color-mix(in srgb,var(--skin-line) 25%,transparent);--roll-key:#fff6e0;--roll-black:var(--skin-ink);--roll-note:var(--skin-accent)}
#studio .st-workbench-stage{position:relative;isolation:isolate;margin:34px 0 16px;padding:10px 5px;background:var(--skin-bg);border:2px solid var(--skin-line);border-radius:var(--skin-radius);box-shadow:var(--desk-shadow);overflow:hidden;min-width:0}
#studio .st-workbench-stage .au-composition-head{position:relative;isolation:isolate;overflow:hidden;min-height:142px;padding:30px 24px 24px;margin:0 0 12px;border:1px solid var(--skin-line);border-radius:var(--skin-radius);background:var(--skin-panel);display:flex;align-items:flex-end;gap:16px;color:var(--skin-ink)}
#studio .st-workbench-art,#studio .st-workbench-foot-art{pointer-events:none;background-image:var(--skin-art);background-size:263.8806% 351.7787%;background-position:68.306% 8.6358%;background-repeat:no-repeat}
#studio .st-workbench-art{position:absolute;inset:0;z-index:-2}
#studio .au-composition-head::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--skin-panel) 94%,transparent),color-mix(in srgb,var(--skin-panel) 58%,transparent) 40%,transparent 76%)}
#studio .au-composition-head>span:first-of-type{font:800 30px/1.3 var(--desk-display);letter-spacing:.03em;max-width:75%;text-shadow:0 1px 15px color-mix(in srgb,var(--skin-panel) 80%,transparent)}
#studio .au-composition-head small{display:block;margin:7px 0 0;font:600 12px/1.4 var(--font-mono);color:var(--skin-muted);letter-spacing:.1em}
#studio .au-composition-head>span:last-child{font-size:13px;background:color-mix(in srgb,var(--skin-panel) 85%,transparent);border:1px solid var(--skin-line);padding:7px 10px;border-radius:var(--skin-radius);color:var(--skin-ink);margin-left:auto}
#studio .st-workbench-stage .st-layout{gap:12px;align-items:stretch;position:relative;z-index:1;margin:0}
#studio .st-workbench-stage .st-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--skin-line);border-radius:var(--skin-radius);background:var(--skin-panel);box-shadow:var(--desk-shadow)}
#studio .st-workbench-stage .st-panel-head{min-height:58px;padding:15px 13px;border-bottom:2px solid var(--skin-accent);font:700 15px/1.5 var(--desk-display);letter-spacing:.02em;background:linear-gradient(110deg,color-mix(in srgb,var(--skin-accent) 10%,var(--skin-panel)),var(--skin-panel));color:var(--skin-ink)}
#studio .st-workbench-stage .st-panel-head small{font-size:12px;color:var(--skin-muted)}
#studio .st-workbench-stage .st-track{padding:17px 10px 15px;margin:8px;border:1px solid var(--skin-line);border-left:4px solid color-mix(in srgb,var(--skin-accent) 35%,var(--skin-line));border-radius:var(--skin-radius);background:color-mix(in srgb,var(--skin-panel) 94%,var(--skin-bg));color:var(--skin-ink);box-shadow:inset 0 1px 0 #ffffff18}
#studio .st-workbench-stage .st-track.selected{border-color:var(--skin-accent);border-left-width:7px;background:color-mix(in srgb,var(--skin-accent) 12%,var(--skin-panel));box-shadow:0 0 14px color-mix(in srgb,var(--skin-accent) 16%,transparent)}
#studio .st-workbench-stage .st-track-title{gap:6px;flex-wrap:wrap;font-size:14px}
#studio .st-workbench-stage .st-track-title strong{font-weight:750}
#studio .st-workbench-stage .st-track small{color:var(--skin-muted);font-size:12px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
#studio .st-workbench-stage .st-track :is(button,output){color:var(--skin-ink)}
#studio .st-workbench-stage .st-track button.active{background:var(--skin-accent);color:var(--skin-bg)}
#studio .st-workbench-stage .st-track input[type=range]{accent-color:var(--skin-accent)}
#studio .st-workbench-stage .st-meter{height:5px;background:color-mix(in srgb,var(--skin-bg) 85%,var(--skin-ink));border-radius:1px}
#studio .st-workbench-stage .st-meter i{background:linear-gradient(90deg,var(--skin-accent2),var(--skin-accent));box-shadow:0 0 8px var(--skin-accent2)}
#studio .st-workbench-stage .st-arrange{padding:12px 10px 24px;position:relative;isolation:isolate;border-top:1px solid var(--skin-line)}
#studio .st-workbench-stage .st-arrange::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--skin-art);background-size:263.8806% 351.7787%;background-position:68.306% 8.6358%;opacity:.2;pointer-events:none}
#studio .st-workbench-stage .st-arrange button{width:100%;margin-bottom:6px;padding:10px 5px;font-size:13px;white-space:normal}
#studio .st-workbench-stage .st-arrange small{font-size:12px;line-height:1.75;color:var(--skin-muted)}
#studio .st-workbench-stage .st-timeline{background:color-mix(in srgb,var(--skin-bg) 22%,var(--skin-panel));padding:14px 10px 0;border-bottom:1px solid var(--skin-line)}
#studio .st-workbench-stage .st-chords{gap:6px}
#studio .st-workbench-stage .st-chords button{border:1px solid var(--skin-line);border-top:3px solid var(--skin-accent);border-radius:var(--skin-radius);font-size:14px;color:var(--skin-ink);box-shadow:0 3px 0 color-mix(in srgb,var(--skin-line) 25%,transparent)}
#studio .st-workbench-stage .st-chords button[aria-current=true]{background:var(--skin-accent);color:var(--skin-bg);border-color:var(--skin-accent);box-shadow:0 0 13px color-mix(in srgb,var(--skin-accent) 45%,transparent)}
#studio .st-workbench-stage .st-chords button[aria-current=true] small{color:inherit}
#studio .st-workbench-stage .st-roll-toolbar{background:var(--skin-panel);border-bottom:1px solid var(--skin-line);padding:10px;gap:6px;color:var(--skin-ink)}
#studio .st-workbench-stage :is(button,input,select){border-radius:var(--skin-radius);font-size:13px;border-color:var(--skin-line)}
#studio .st-workbench-stage button:hover:not(:disabled){background:color-mix(in srgb,var(--skin-accent) 14%,var(--skin-panel));border-color:var(--skin-accent)}
#studio .st-workbench-stage :is(button,input,select):focus-visible{outline:2px solid var(--skin-accent2);outline-offset:2px}
#studio .st-workbench-stage .st-roll-wrap{background:var(--roll-bg);border:1px solid var(--skin-line);box-shadow:inset 0 0 28px #0002}
#studio #st-roll .st-roll-row.is-white{fill:color-mix(in srgb,var(--roll-ink) 4%,transparent)}
#studio #st-roll .st-roll-row.is-black{fill:color-mix(in srgb,var(--roll-ink) 9%,transparent)}
#studio #st-roll .st-roll-row-line{stroke:var(--roll-grid)}
#studio #st-roll .st-roll-beat{stroke:var(--roll-grid)}
#studio #st-roll .st-roll-beat.is-bar{stroke:color-mix(in srgb,var(--skin-accent) 46%,transparent);stroke-width:1.3}
#studio #st-roll .st-roll-key.is-white{fill:var(--roll-key)}
#studio #st-roll .st-roll-key.is-black{fill:var(--roll-black)}
#studio #st-roll .st-roll-key-label{fill:var(--roll-muted);paint-order:stroke;stroke:var(--roll-bg);stroke-width:.7px}
#studio #st-roll .st-roll-bar-label{fill:var(--roll-ink);font-size:12px;font-weight:700}
#studio #st-roll .note{fill:var(--roll-note);stroke:color-mix(in srgb,var(--roll-note) 70%,var(--roll-ink));rx:2;filter:drop-shadow(0 1px 1px #0005)}
#studio #st-roll .note:hover,#studio #st-roll .note.picked{stroke:var(--roll-ink);stroke-width:2;filter:drop-shadow(0 0 4px var(--skin-accent2));fill-opacity:1}
#studio #st-playhead{stroke:var(--skin-accent2);stroke-width:2;filter:drop-shadow(0 0 2px var(--skin-accent2))}
#studio .st-workbench-stage .st-note-controls{padding:16px 12px;border-top:1px solid var(--skin-line);background:color-mix(in srgb,var(--skin-accent) 5%,var(--skin-panel));gap:10px}
#studio .st-workbench-stage .st-note-controls label{font-size:12px;color:var(--skin-muted)}
#studio .st-workbench-stage .st-note-controls input{border:1px solid var(--skin-line);background:var(--skin-panel);font:600 14px var(--font-mono);color:var(--skin-ink)}
#studio .st-workbench-stage .st-note-help{padding:0 12px;line-height:1.8;color:var(--skin-muted);font-size:12px}
#studio .st-workbench-stage .st-sound{padding:13px}
#studio .st-workbench-stage #st-dock-xy{padding:10px;border:1px solid var(--skin-line);border-radius:var(--skin-radius);background:color-mix(in srgb,var(--skin-accent) 5%,var(--skin-panel))}
#studio .st-workbench-stage #st-dock-xy .ac-xy{border:1px solid var(--skin-line);box-shadow:inset 0 0 25px #0004}
#studio .st-workbench-stage .st-dock-macros{position:relative;isolation:isolate;padding:18px 8px;gap:16px 7px;border:1px solid var(--skin-line);border-radius:var(--skin-radius);background:linear-gradient(120deg,color-mix(in srgb,var(--skin-panel) 86%,transparent),color-mix(in srgb,var(--skin-panel) 68%,transparent))}
#studio .st-workbench-stage .st-dock-macros::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--skin-art);background-size:263.8806% 351.7787%;background-position:68.306% 8.6358%;opacity:.18}
#studio .st-workbench-stage .st-sound-actions{display:grid;gap:8px;margin:16px 0}
#studio .st-workbench-stage .st-sound-actions button{min-height:40px;white-space:normal}
#studio .st-workbench-stage .st-library{margin:16px 0 0;border:1px solid var(--skin-line);border-top:3px solid var(--skin-accent);padding:14px;background:var(--skin-panel);gap:10px;position:relative;z-index:1}
#studio .st-workbench-stage .st-library :is(#st-wav,#st-mp4,#st-midi){background:var(--skin-accent);color:var(--skin-bg);font-weight:750;border:1px solid var(--skin-accent)}
#studio .st-workbench-foot-art{height:64px;opacity:.8;margin-top:12px;border:1px solid var(--skin-line);border-radius:var(--skin-radius)}
/* 01 — keyboard silhouettes, ivory lacquer, orange-and-black print construction. */
#studio[data-visual-theme=keybirds] .st-workbench-stage{border:3px solid #ff5b00;padding:12px 6px;background:#10100d}
#studio[data-visual-theme=keybirds] .st-workbench-stage .st-panel{border:2px solid #141411;box-shadow:5px 5px 0 #ff5b0038}
#studio[data-visual-theme=keybirds] .st-workbench-stage .st-panel-head{border-left:6px solid #ff5b00;border-bottom:2px solid #161612;letter-spacing:.04em}
#studio[data-visual-theme=keybirds] .st-workbench-stage .st-chords button{border-top-color:#151512;box-shadow:3px 3px 0 #171711}
#studio[data-visual-theme=keybirds] .st-workbench-stage .st-track.selected{background:#ffddad;border:2px solid #ff5b00;border-left-width:7px}
/* 02 — industrial frames, cold display glass and neon yellow signal edges. */
#studio[data-visual-theme=rain]{--roll-bg:#071116;--roll-grid:#4c8ba72c;--roll-note:#ffdc00;--roll-ink:#d6f3fa;--desk-shadow:inset 0 0 0 3px #071115,0 0 0 1px #ffda0040,0 9px 25px #0008}
#studio[data-visual-theme=rain] .st-workbench-stage{border:2px solid #6b8996;padding:12px 6px;background:linear-gradient(135deg,#1b2a32,#060e12 50%,#263139)}
#studio[data-visual-theme=rain] .st-workbench-stage .st-panel{border:2px solid #526875;box-shadow:inset 0 0 0 3px #071218,0 0 0 1px #ffdc0030}
#studio[data-visual-theme=rain] .st-workbench-stage .st-panel-head{border-bottom:3px solid #ffdc00;background:linear-gradient(180deg,#26353e,#101d24);text-transform:uppercase}
#studio[data-visual-theme=rain] .st-workbench-stage .st-track{border-radius:1px;border-left-color:#526875;box-shadow:inset 0 0 0 2px #071015}
#studio[data-visual-theme=rain] .st-workbench-stage .st-track.selected{border-color:#ffdc00;box-shadow:inset 0 0 14px #ffdc0010,0 0 12px #ffdc0028}
#studio[data-visual-theme=rain] .st-workbench-stage .st-library{border-bottom:4px double #4cb8d3}
/* 03 — actual wave print, warm washi fields and indigo frame edges. */
#studio[data-visual-theme=hokusai]{--roll-bg:#f0e1bb;--roll-note:#0b546d;--roll-grid:#1641582e;--desk-display:Georgia,'Noto Serif TC','PMingLiU',serif}
#studio[data-visual-theme=hokusai] .st-workbench-stage{border:4px double #af8a4a;background:#092d42;padding:12px 6px}
#studio[data-visual-theme=hokusai] .st-workbench-stage .st-panel{border:4px double #9b7c47;border-radius:12px;background:linear-gradient(135deg,#f6e9ca,#e8d8af)}
#studio[data-visual-theme=hokusai] .st-workbench-stage .st-panel-head{background:#123f56;color:#fbebc5;border-bottom:3px double #c49d5b}
#studio[data-visual-theme=hokusai] .st-workbench-stage .st-panel-head small{color:#dccaa5}
#studio[data-visual-theme=hokusai] .st-workbench-stage .st-track{background:#f5e8c7;border-color:#a88b53;box-shadow:inset 0 0 0 2px #fff4d1}
#studio[data-visual-theme=hokusai] .st-workbench-stage .st-track.selected{border-left:7px solid #b73529;background:#e6d5ac}
#studio[data-visual-theme=hokusai] .st-workbench-stage .st-chords button{border:1px solid #9c7d44;border-bottom:4px solid #123f56;color:#10374a}
/* 04 — saturated primary-color modules, round shells and oversized signal borders. */
#studio[data-visual-theme=popdots]{--roll-bg:#080e1a;--roll-note:#ffdc00;--roll-grid:#3163a84d;--desk-shadow:4px 5px 0 #0040d9}
#studio[data-visual-theme=popdots] .st-workbench-stage{border:4px solid #ffdc00;background:#050911;border-radius:24px;padding:14px 7px}
#studio[data-visual-theme=popdots] .st-workbench-stage .st-panel{border:3px solid #ffdc00;border-radius:20px}
#studio[data-visual-theme=popdots] .st-workbench-stage .st-panel-head{background:#104cdd;color:#fff;border-bottom:5px solid #ff2635}
#studio[data-visual-theme=popdots] .st-workbench-stage .st-panel-head small{color:#e9f7ff}
#studio[data-visual-theme=popdots] .st-workbench-stage .st-track{border:2px solid #ffdc00;border-radius:17px}
#studio[data-visual-theme=popdots] .st-workbench-stage .st-track.selected{background:#07329a;box-shadow:4px 4px 0 #ff2635}
#studio[data-visual-theme=popdots] .st-workbench-stage .st-chords button{border:2px solid #ffdc00;border-radius:13px;color:#ffdc00;background:#080e1a}
#studio[data-visual-theme=popdots] .st-workbench-stage .st-chords button[aria-current=true]{background:#ffdc00;color:#070d17}
/* 05 — torn-paper collage motif, layered card stock and charcoal print. */
#studio[data-visual-theme=collage]{--roll-bg:#ede0bd;--roll-note:#127b82;--desk-display:Georgia,'PMingLiU',serif}
#studio[data-visual-theme=collage] .st-workbench-stage{background:#143036;border:5px double #d88a5e;padding:15px 7.5px}
#studio[data-visual-theme=collage] .st-workbench-stage .st-panel{border:3px double #a58056;box-shadow:5px 6px 0 #041d22;background:linear-gradient(135deg,#f3e6c8,#e8d6af)}
#studio[data-visual-theme=collage] .st-workbench-stage .st-panel-head{border-top:7px solid #df7452;border-bottom:4px solid #16878b;background:#f6e8c8}
#studio[data-visual-theme=collage] .st-workbench-stage .st-track{border:1px solid #a18358;box-shadow:3px 4px 0 #d9be93;transform:rotate(-.35deg)}
#studio[data-visual-theme=collage] .st-workbench-stage .st-track:nth-child(even){transform:rotate(.35deg)}
#studio[data-visual-theme=collage] .st-workbench-stage .st-track.selected{border-left:7px solid #d16a45;background:#fcf0d6}
#studio[data-visual-theme=collage] .st-workbench-stage .st-library{border:4px double #c2894e;border-top:7px solid #198890}
/* 06 — Swiss editorial hierarchy, precise grids, violet-orange hard edges. */
#studio[data-visual-theme=swiss]{--roll-note:#7121de;--roll-bg:#f7f0df;--roll-grid:#14141525;--desk-display:Impact,'Arial Narrow','Microsoft JhengHei',sans-serif;--desk-shadow:5px 5px 0 #111}
#studio[data-visual-theme=swiss] .st-workbench-stage{padding:16px 8px;background:#121212;border:4px solid #7720ea;border-radius:0}
#studio[data-visual-theme=swiss] .st-workbench-stage .au-composition-head{border:0;border-bottom:9px solid #ff4c20}
#studio[data-visual-theme=swiss] .au-composition-head>span:first-of-type{font-size:36px;font-weight:900;letter-spacing:-.035em}
#studio[data-visual-theme=swiss] .st-workbench-stage .st-panel{border:1px solid #111;border-radius:0;box-shadow:5px 5px 0 #7720ea}
#studio[data-visual-theme=swiss] .st-workbench-stage .st-panel-head{background:#f7f0df;border-top:7px solid #7720ea;border-bottom:2px solid #111;font-size:17px}
#studio[data-visual-theme=swiss] .st-workbench-stage .st-track{border:1px solid #111;border-radius:0;box-shadow:3px 3px 0 #111;margin:10px}
#studio[data-visual-theme=swiss] .st-workbench-stage .st-track.selected{background:#ded0fa;border-left:8px solid #7720ea}
#studio[data-visual-theme=swiss] .st-workbench-stage .st-chords button{border:1px solid #111;border-top:6px solid #ff4c20;border-radius:0}
#studio[data-visual-theme=swiss] .st-workbench-stage .st-library{border-top:8px solid #ff4c20}
/* 07 — high-contrast ink, layered print bands and rough graphic boundaries. */
#studio[data-visual-theme=deconstruct]{--roll-bg:#161612;--roll-note:#f8e648;--roll-grid:#f4e8c82b;--desk-display:'Arial Black','Microsoft JhengHei',sans-serif}
#studio[data-visual-theme=deconstruct] .st-workbench-stage{padding:14px 7px;border:5px double #d6c7a3;background:#151511;box-shadow:8px 8px 0 #f45032}
#studio[data-visual-theme=deconstruct] .st-workbench-stage .st-panel{border:3px double #bcae8c;border-top:7px solid #f45032;border-radius:0;background:#23231d}
#studio[data-visual-theme=deconstruct] .st-workbench-stage .st-panel-head{border-bottom:3px dashed #d6c7a3;text-transform:uppercase;font-weight:900}
#studio[data-visual-theme=deconstruct] .st-workbench-stage .st-track{border:1px solid #b4a788;border-bottom:3px solid #f1dfa8;background:#1b1c17;box-shadow:3px 3px 0 #080906}
#studio[data-visual-theme=deconstruct] .st-workbench-stage .st-track.selected{background:#454331;border-left-color:#fff037}
#studio[data-visual-theme=deconstruct] .st-workbench-stage .st-chords button{background:#e6dab8;color:#1c1b15;border:2px solid #111;border-top:5px solid #f45032}
#studio[data-visual-theme=deconstruct] .st-workbench-stage .st-library{border-bottom:5px dashed #f8e648}
/* 08 — cream drafting paper, red rules and strict black structural divisions. */
#studio[data-visual-theme=construct]{--roll-bg:#ece2cc;--roll-grid:#4b44312e;--roll-note:#cc2819;--desk-display:'Arial Black','Microsoft JhengHei',sans-serif}
#studio[data-visual-theme=construct] .st-workbench-stage{border:3px solid #191912;background:#ddd2b8;padding:14px 7px;border-top:10px solid #e72919;box-shadow:8px 8px 0 #25251d}
#studio[data-visual-theme=construct] .st-workbench-stage .st-panel{border:1px solid #1b1b15;border-left:6px solid #e72919;border-radius:0;box-shadow:4px 4px 0 #ad9f80}
#studio[data-visual-theme=construct] .st-workbench-stage .st-panel-head{border-bottom:2px solid #181913;background:#ede3c9;font-weight:900}
#studio[data-visual-theme=construct] .st-workbench-stage .st-track{border:1px solid #3b392c;border-radius:0;border-bottom:4px solid #1c1c16}
#studio[data-visual-theme=construct] .st-workbench-stage .st-track.selected{background:#efd2b3;border-left:8px solid #e72919}
#studio[data-visual-theme=construct] .st-workbench-stage .st-chords button{border:1px solid #151610;border-left:5px solid #e72919;border-radius:0;box-shadow:2px 3px 0 #28271e}
#studio[data-visual-theme=construct] .st-workbench-stage .st-library{border:2px solid #181914;border-left:12px solid #e72919}
/* 09 — genuine emerald artwork, layered brass inlays and gold panel mouldings. */
#studio[data-visual-theme=emerald]{--roll-bg:#05261d;--roll-note:#e1bd66;--roll-grid:#d8b7693b;--roll-ink:#f4e1a7;--roll-key:#f8e7b8;--roll-black:#032016;--desk-display:Georgia,'Noto Serif TC','PMingLiU',serif}
#studio[data-visual-theme=emerald] .st-workbench-stage{padding:17px 8.5px;border:5px double #ca9e47;background:linear-gradient(130deg,#032519,#0c3a2b,#011c14);box-shadow:inset 0 0 0 6px #041f16,inset 0 0 0 7px #b18a3a,0 12px 38px #0007}
#studio[data-visual-theme=emerald] .st-workbench-stage .st-panel{border:4px double #d0ad5e;box-shadow:inset 0 0 0 4px #06261c,inset 0 0 0 5px #8a6e2f;background:#072e23;padding:4px}
#studio[data-visual-theme=emerald] .st-workbench-stage .st-panel-head{border:1px solid #b49147;border-bottom:4px double #d9b65f;background:linear-gradient(110deg,#123f2e,#042318);color:#f1d895}
#studio[data-visual-theme=emerald] .st-workbench-stage .st-track{border:3px double #a48643;background:linear-gradient(130deg,#113e2b,#04241c);box-shadow:inset 0 0 0 2px #032419}
#studio[data-visual-theme=emerald] .st-workbench-stage .st-track.selected{border-color:#f1d38b;background:#1b4c36;box-shadow:0 0 13px #dab65c1c}
#studio[data-visual-theme=emerald] .st-workbench-stage .st-chords button{border:3px double #c8a14e;background:#05251b;color:#f3d999;box-shadow:inset 0 0 0 2px #05251b}
#studio[data-visual-theme=emerald] .st-workbench-stage .st-library{border:4px double #d0ad5e}
/* 10 — violet glass, sunset reflections and cyan/magenta illuminated trim. */
#studio[data-visual-theme=tropical]{--roll-bg:#191427;--roll-note:#ff9bce;--roll-grid:#9e69ba42;--roll-ink:#ffe5f6;--roll-black:#151223;--desk-shadow:0 0 0 1px #ec78c929,0 9px 25px #050518aa}
#studio[data-visual-theme=tropical] .st-workbench-stage{padding:15px 7.5px;border:2px solid #d379b4;background:linear-gradient(145deg,#422343,#17172f 56%,#392744);border-radius:20px;box-shadow:0 0 26px #ff5ab720}
#studio[data-visual-theme=tropical] .st-workbench-stage .st-panel{background:linear-gradient(140deg,#332642,#1c1b30);border-color:#935e94;border-radius:14px;box-shadow:0 0 16px #ff79c618}
#studio[data-visual-theme=tropical] .st-workbench-stage .st-panel-head{background:linear-gradient(100deg,#492541,#262039);border-bottom:2px solid #59deeb;color:#ffe2f3}
#studio[data-visual-theme=tropical] .st-workbench-stage .st-track{background:linear-gradient(130deg,#302341,#171728);border:1px solid #a45b95;border-radius:12px}
#studio[data-visual-theme=tropical] .st-workbench-stage .st-track.selected{border-color:#ff8dcc;background:linear-gradient(115deg,#4f294b,#2b2846);box-shadow:0 0 16px #ff79c62f}
#studio[data-visual-theme=tropical] .st-workbench-stage .st-chords button{background:#211b32;border:1px solid #a16a9c;border-top:3px solid #56dfec;color:#ffe3f3;border-radius:10px;box-shadow:0 4px 12px #ef6ebb20}
#studio[data-visual-theme=tropical] .st-workbench-stage .st-library{border-top-color:#ff92c9;border-bottom:2px solid #59deeb}
@media(max-width:999px){#studio .st-workbench-stage{padding:9px 4.5px}#studio .st-workbench-stage .st-layout{grid-template-columns:170px minmax(0,1fr)}#studio .st-workbench-stage .st-sound-panel{grid-column:1/-1}#studio .st-workbench-stage .st-sound{display:grid;grid-template-columns:1fr 1fr;gap:12px}#studio .st-workbench-stage #st-dock-xy{margin:0}#studio .st-workbench-stage .st-dock-macros{margin:0}#studio .st-workbench-stage .st-dock-xy-title{grid-column:1/-1}}
@media(max-width:760px){#studio .st-workbench-stage{padding:7px 3.5px!important;margin-top:24px;border-width:2px!important}#studio .st-workbench-stage .au-composition-head{padding:24px 15px;min-height:145px;display:block}#studio .au-composition-head>span:first-of-type{font-size:26px;max-width:100%;display:block}#studio .au-composition-head>span:last-child{display:none}#studio .st-workbench-stage .st-layout{display:flex;gap:14px}#studio .st-workbench-stage .st-track-panel{order:1}#studio .st-workbench-stage .st-editor-panel{order:2}#studio .st-workbench-stage .st-sound-panel{order:3}#studio .st-workbench-stage .st-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}#studio .st-workbench-stage .st-track{padding:12px 8px;margin:5px;min-width:0}#studio .st-workbench-stage .st-track-title{font-size:13px;gap:4px}#studio .st-workbench-stage .st-arrange{display:flex;gap:5px;flex-wrap:wrap;padding:10px}#studio .st-workbench-stage .st-arrange button{width:auto;flex:1;min-width:95px}#studio .st-workbench-stage .st-sound{display:block}#studio .st-workbench-stage .st-dock-macros{margin:14px 0}#studio .st-workbench-stage .st-note-controls{grid-template-columns:1fr 1fr}#studio .st-workbench-stage .st-library{display:flex;flex-wrap:wrap;padding:12px;gap:8px}#studio .st-workbench-stage .st-library label{width:100%}#studio .st-workbench-stage .st-library select{flex:1;min-width:0;max-width:100%}#studio .st-workbench-stage .st-library button{font-size:12px;padding:10px 8px}#studio .st-workbench-stage .st-library :is(#st-wav,#st-mp4,#st-midi){flex:1}#studio .st-workbench-foot-art{height:75px}}
@media(prefers-reduced-motion:reduce){#studio .st-workbench-stage *{transition:none!important}}
/* Display labels use high contrast independently from decorative frame colors. */
#studio .st-workbench-stage .ac-xy__axis :is(.ac-zh,.ac-en){color:#e3eef7!important}
#studio .st-workbench-stage .ac-xy__axis .ac-xy__v{color:#9bedff!important}
#studio #st-roll .st-roll-key.is-black+.st-roll-key-label{fill:#fff3d6;stroke:none}
#studio #st-roll .st-roll-key.is-white+.st-roll-key-label{fill:#17232a;stroke:none}
#studio[data-theme-scheme=light] .st-workbench-stage .st-library :is(#st-wav,#st-mp4,#st-midi),#studio[data-theme-scheme=light] .st-workbench-stage .st-chords button[aria-current=true],#studio[data-theme-scheme=light] .st-workbench-stage .st-track button.active{color:#fff}
#studio[data-visual-theme=keybirds] .st-workbench-stage .st-library :is(#st-wav,#st-mp4,#st-midi),#studio[data-visual-theme=keybirds] .st-workbench-stage .st-chords button[aria-current=true]{color:#131711}
section#studio[data-visual-theme] .st-workbench-stage .st-chords button[aria-current=true]{background:var(--skin-accent);color:#101511;border-color:var(--skin-accent2);box-shadow:0 0 0 2px var(--skin-accent2),0 0 14px color-mix(in srgb,var(--skin-accent) 35%,transparent)}
section#studio[data-theme-scheme=light] .st-workbench-stage .st-chords button[aria-current=true]{color:#fff}
section#studio[data-visual-theme=keybirds] .st-workbench-stage .st-chords button[aria-current=true]{color:#131711}
#studio[data-visual-theme=deconstruct] .st-workbench-stage .st-chords button small{color:#564c36}
/* Proportional art windows: SVG viewBox + preserveAspectRatio always scale X=Y. */
.bird-artwork{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;display:block}
#studio .st-workbench-art,#studio .st-workbench-foot-art{background-image:none!important;overflow:hidden}
#studio .st-workbench-foot-art{position:relative}
#studio .st-workbench-stage .st-arrange::before,#studio .st-workbench-stage .st-dock-macros::before{background-image:none!important}
#studio .st-arrange-art{z-index:-1;opacity:.2}
#studio .st-dock-macro-art-wrap{position:relative;isolation:isolate;min-width:0}
#studio .st-macro-art{z-index:-1;opacity:.32}
#studio .st-workbench-stage .st-dock-macros{background:linear-gradient(120deg,color-mix(in srgb,var(--skin-panel) 78%,transparent),color-mix(in srgb,var(--skin-panel) 50%,transparent))}

/* Reduce only the left/right workbench column gutters by 50%. */
#studio .st-workbench-stage :is(.st-track-panel,.st-sound-panel) .st-panel-head{padding-inline:6.5px}
#studio .st-workbench-stage .st-track{padding-inline:5px;margin-inline:4px}
#studio .st-workbench-stage .st-arrange{padding-inline:5px}
#studio .st-workbench-stage .st-sound{padding-inline:6.5px}
@media(max-width:760px){#studio .st-workbench-stage .st-track{padding-inline:4px;margin-inline:2.5px}}