:root{
  --bg:#07090e;
  --bg-deep:#05070b;
  --panel:#0d1118;
  --panel2:#10151d;
  --panel3:#141a24;
  --line:#202734;
  --line-soft:rgba(255,255,255,.07);
  --text:#f1f4f8;
  --soft:#c0c6d2;
  --muted:#818a9b;
  --red:#d01418;
  --red-dark:#7e080d;
  --red-glow:rgba(208,20,24,.28);
  --blue:#469cf8;
  --blue2:#1e63c7;
  --blue-glow:rgba(70,156,248,.24);
  --violet:#b454ff;
  --violet2:#7034d8;
  --violet-glow:rgba(180,84,255,.24);
  --pink:#e57abb;
  --cyan:#65d6f7;
  --green:#5dd39e;
  --shadow:0 20px 60px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font:14px/1.42 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
button,input,textarea,select{font:inherit}
button{color:inherit}
.studio-shell{height:100vh;width:100vw;display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 82px;background:radial-gradient(circle at 87% -10%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 32%),linear-gradient(180deg,var(--bg-deep),var(--bg))}
.sidebar{grid-column:1;grid-row:1;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--bg-deep),color-mix(in srgb,var(--accent) 11%,var(--bg)));display:flex;flex-direction:column;min-height:0;overflow:auto;scrollbar-width:none}
.sidebar::-webkit-scrollbar{display:none}
.logo-panel{height:74px;flex:0 0 74px;background:color-mix(in srgb,var(--accent) 26%,#0a0709);border-bottom:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}
.logo-image{width:100%;height:100%;object-fit:cover;object-position:left center;display:block}
.side-nav{padding:20px 16px 8px;display:grid;gap:4px}
.nav-item{height:42px;width:100%;border:0;border-radius:8px;background:transparent;color:#aeb6c5;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left;cursor:pointer;transition:.16s;background-color,.16s color,.16s border-color;position:relative}
.nav-item:hover:not(:disabled){background:#111720;color:#fff}
.nav-item.active{background:linear-gradient(90deg,rgba(156,13,18,.42),rgba(69,15,20,.25));color:#fff;border-left:2px solid #f0262a;padding-left:10px}
.nav-icon{width:18px;text-align:center;color:#9fa8b8;font-size:14px}.nav-item.active .nav-icon{color:#fff}
.nav-item small{margin-left:auto;color:#646e7e;font-size:9px;text-transform:uppercase;letter-spacing:.11em}
.muted-nav{opacity:.62;cursor:default}
.nav-divider{height:1px;background:var(--line);margin:10px 16px 14px}
.nav-label{padding:0 26px 8px;color:#737d8f;font-size:10px;letter-spacing:.15em}
.library-links{padding:0 16px;display:grid;gap:3px}
.engine-card{margin:auto 14px 15px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--bg));border-radius:10px;padding:12px;display:grid;grid-template-columns:26px 1fr 10px;gap:10px;align-items:center}
.engine-glyph{height:26px;display:flex;align-items:center;gap:2px}.engine-glyph i{width:2px;border-radius:99px;background:linear-gradient(180deg,#c950ff,#496cff)}.engine-glyph i:nth-child(1){height:8px}.engine-glyph i:nth-child(2){height:16px}.engine-glyph i:nth-child(3){height:23px}.engine-glyph i:nth-child(4){height:14px}.engine-glyph i:nth-child(5){height:9px}
.engine-copy{min-width:0}.engine-copy span{display:block;color:#7f8998;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.engine-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.engine-dot{width:7px;height:7px;border-radius:50%;background:#596171;box-shadow:0 0 0 3px rgba(89,97,113,.08)}.engine-dot.ready{background:var(--green);box-shadow:0 0 12px rgba(93,211,158,.5)}.engine-dot.busy{background:#f4bb45;box-shadow:0 0 12px rgba(244,187,69,.5)}
.main-stage{grid-column:2;grid-row:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--bg)),var(--bg))}
.topbar{height:74px;flex:0 0 74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 24px;gap:18px;background:color-mix(in srgb,var(--bg) 86%,transparent)}
.project-title-wrap{min-width:0;max-width:min(46vw,620px)}.project-title-line{display:flex;align-items:center;gap:5px;min-width:0}.project-title-input{min-width:80px;width:min(360px,38vw);max-width:100%;height:28px;margin:-4px 0 -3px;padding:2px 6px;border:1px solid transparent;border-radius:6px;background:transparent;color:#f1f4f8;font-size:15px;font-weight:600;line-height:1.2;outline:none;text-overflow:ellipsis}.project-title-input:hover{border-color:#202a37;background:#0b1118}.project-title-input:focus{border-color:#3a4759;background:#0d141d;box-shadow:0 0 0 2px rgba(79,155,236,.08)}.tiny-icon{border:0;background:none;color:#6f7888;font-size:13px;cursor:pointer}.tiny-icon:hover{color:#dce3ee}.project-meta{display:flex;align-items:center;gap:7px;margin-top:3px;color:#778191;font-size:10px}.project-meta i,.audio-meta i{width:3px;height:3px;border-radius:50%;background:#4f5868;display:inline-block}
.top-actions{display:flex;align-items:center;gap:8px}.top-action{height:36px;border:1px solid var(--line);background:#0c1118;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:7px;cursor:pointer;color:#cbd1db;font-size:11px}.top-action:hover:not(:disabled){background:#121923;border-color:#2c3545;color:#fff}.top-action:disabled{opacity:.42;cursor:default}.icon-only{width:38px;justify-content:center;padding:0}.window-dots{display:flex;align-items:center;gap:17px;padding-left:10px}.window-dots i{width:10px;height:1px;background:#7e8796;display:block}.window-dots i:nth-child(2){height:10px;border:1px solid #7e8796;background:transparent}.window-dots .close-dot{width:11px;transform:rotate(45deg);position:relative}.window-dots .close-dot:after{content:"";position:absolute;inset:0;background:#7e8796;transform:rotate(90deg)}
.work-area{flex:1;min-height:0;display:grid;grid-template-columns:365px minmax(0,1fr);gap:12px;padding:12px 14px 12px 14px;overflow:hidden}
.control-column,.audio-workspace{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#26303e transparent}
.control-column{padding-right:2px;display:flex;flex-direction:column;gap:11px}
.control-card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#10151d,#0c1118);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.upload-card{padding:0;background:#0b1017}.dropzone{min-height:166px;border:1px dashed #384150;border-radius:10px;margin:0;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.15s border-color,.15s background}.dropzone:hover,.dropzone.drag{border-color:#626d80;background:#0f151f}.dropzone input{display:none}.upload-cloud{font-size:31px;color:#dbe2ec;line-height:1;margin-bottom:12px}.dropzone strong{font-size:12px;font-weight:550}.dropzone small{display:block;color:#737d8d;font-size:9px;margin-top:5px}.browse-button{margin-top:14px;border:1px solid #303846;border-radius:7px;background:#111720;padding:8px 16px;font-size:10px;color:#e5e8ed}
.prompt-card{padding:11px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.compact-heading{margin-bottom:8px}.compact-heading>div{display:flex;align-items:center;gap:6px}.card-heading strong{font-size:11px;font-weight:600}.card-heading>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#737e90}.info-dot{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;border:1px solid #4f5968;color:#758091;font-size:8px}.mini-select,.more-btn{border:1px solid var(--line);background:#101620;border-radius:6px;color:#a9b1bf;height:28px;padding:0 9px;font-size:9px;cursor:pointer}
#prompt{display:block;width:100%;min-height:82px;background:#111721;border:1px solid #1f2733;border-radius:7px;color:#e8ebf0;outline:none;resize:vertical;padding:11px 12px;font-size:11px;line-height:1.45}#prompt:focus{border-color:#3c4657}
.prompt-chips{display:flex;gap:5px;margin:8px 0;overflow-x:auto;padding-bottom:2px}.prompt-chips button{border:1px solid #26303d;background:#151c27;border-radius:6px;color:#c5ccd7;font-size:9px;padding:6px 9px;white-space:nowrap;cursor:pointer}.prompt-chips button:hover{background:#1b2431;color:#fff}
.advanced{border-top:1px solid var(--line);margin-top:4px}.advanced summary{list-style:none;padding:10px 1px 7px;display:flex;align-items:center;justify-content:space-between;color:#bec5d0;font-size:10px;cursor:pointer}.advanced summary::-webkit-details-marker{display:none}.advanced-body{padding-top:4px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.slider-card{border:1px solid var(--line);background:#0d131b;border-radius:7px;padding:9px}.slider-head{display:flex;align-items:center;justify-content:space-between;font-size:9px}.slider-head b{font-size:11px}.slider-card small{display:block;color:#657082;font-size:8px;margin-top:5px}.slider-card input[type=range]{width:100%;accent-color:#a541dd}.instrument-accent input[type=range]{accent-color:#4f9bec}
.settings-grid{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:6px;margin-top:7px}.field span{display:block;color:#687386;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.field select,.field input{width:100%;height:31px;border:1px solid var(--line);background:#0d131b;color:#c9cfda;border-radius:6px;padding:0 7px;font-size:9px;outline:none}.switch-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;border:1px solid var(--line);background:#0d131b;border-radius:7px;cursor:pointer}.switch-row input{display:none}.switch{width:29px;height:16px;border-radius:99px;background:#262e3a;position:relative;flex:0 0 auto}.switch:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#dce1e9;top:2px;left:2px;transition:.15s}.switch-row input:checked+.switch{background:#8c2bc6}.switch-row input:checked+.switch:after{left:15px}.switch-row strong{display:block;font-size:9px}.switch-row small{display:block;font-size:8px;color:#687386;margin-top:1px}
.primary{width:100%;height:43px;border:1px solid #a32a33;border-radius:7px;background:linear-gradient(90deg,#980a0d,#b51418 48%,#5d173a);box-shadow:0 8px 24px rgba(134,6,11,.2);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;cursor:pointer;font-size:10px}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.5;cursor:default}
.progress-card{padding:11px}.progress-layout{display:grid;grid-template-columns:106px minmax(0,1fr);gap:10px;align-items:center;padding:12px 2px 8px}.progress-ring{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#9f49ee calc(var(--p,0)*1%),#252b37 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#0f151e}.progress-ring>div{position:relative;text-align:center}.progress-ring strong{display:block;font-size:18px}.progress-ring span{font-size:7px;color:#6f7988;text-transform:uppercase;letter-spacing:.08em}.progress-steps>strong{display:block;font-size:10px;margin-bottom:2px}.progress-steps p{color:#7c8696;font-size:8px;margin:0 0 7px;line-height:1.35}.progress-steps ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}.progress-steps li{display:flex;align-items:center;gap:6px;color:#6e7888;font-size:8px}.progress-steps li i{width:6px;height:6px;border-radius:50%;background:#313947}.progress-steps li.done{color:#9fdabc}.progress-steps li.done i{background:#52c894}.progress-steps li.active{color:#eef1f5}.progress-steps li.active i{background:#e22c36;box-shadow:0 0 8px rgba(226,44,54,.6)}.progress-track{height:3px;border-radius:99px;background:#242c38;overflow:hidden}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#d02b34,#8c4df3);transition:width .25s}.tip-line{display:flex;align-items:flex-start;gap:8px;padding:3px 5px 8px;color:#777f8e;font-size:9px}.tip-line p{margin:0}
.audio-workspace{border:1px solid var(--line);border-radius:10px;background:#0a0f16;box-shadow:var(--shadow);overflow:auto;position:relative}
.workspace-toolbar{position:sticky;top:0;z-index:5;height:45px;background:rgba(10,15,22,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.workspace-tabs{display:flex;height:100%}.workspace-tab{height:100%;min-width:112px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aeb7c5;font-size:10px;cursor:pointer}.workspace-tab.active{color:#dceeff;background:linear-gradient(180deg,rgba(70,156,248,.09),transparent);border-bottom-color:#438fe7}.tab-glyph{margin-right:6px}.tab-glyph.blue{color:var(--blue)}.tab-glyph.violet{color:var(--violet)}.toolbar-right{display:flex;align-items:center;gap:7px}.spectrum-label{height:29px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;padding:0 9px;color:#9da7b7;font-size:9px}
.workspace-pane{padding:9px;display:grid;gap:8px}.audio-card{border:1px solid var(--line);border-radius:9px;background:linear-gradient(180deg,#0d121a,#0a0f16);padding:10px 10px 9px}.audio-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.audio-title-block span{display:block;font-size:10px;font-weight:700;letter-spacing:.04em}.original-card .audio-title-block span{color:#62aafe}.modified-card .audio-title-block span{color:#c169ff}.audio-title-block small{font-size:7px;color:#5f6a7b}.audio-meta{display:flex;align-items:center;gap:6px;color:#798395;font-size:8px}.audio-meta .more-btn{height:22px;padding:0 6px;border:0;background:transparent}
.audio-visual-row{display:grid;grid-template-columns:39px minmax(0,1fr) 60px;gap:9px;align-items:stretch}.round-play{width:35px;height:35px;border:0;border-radius:50%;align-self:start;margin-top:11px;color:#fff;display:grid;place-items:center;padding-left:2px;cursor:pointer;font-size:10px;box-shadow:0 7px 18px rgba(0,0,0,.25)}.blue-play{background:linear-gradient(145deg,#5aa9ff,#327ee0)}.violet-play{background:linear-gradient(145deg,#c065ff,#7c39df)}.vocal-play{background:linear-gradient(145deg,#f07db9,#a73778)}.instrument-play{background:linear-gradient(145deg,#71dfff,#2583a8)}.round-play:disabled{opacity:.35;cursor:default}
.visual-stack{min-width:0}.wave-area{height:73px;position:relative;border-bottom:1px solid #171e28;overflow:hidden}.wave-canvas,.spectrum-canvas{display:block;width:100%;height:100%;cursor:pointer}.playhead-line{position:absolute;top:8px;bottom:5px;left:0;width:1px;background:rgba(255,255,255,.76);pointer-events:none;opacity:0}.spectrum-area{height:88px;position:relative;padding-left:24px;padding-bottom:15px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.005),rgba(255,255,255,.01))}.spectrum-canvas{position:absolute;left:24px;top:0;width:calc(100% - 24px);height:73px}.freq-axis{position:absolute;left:0;top:1px;height:68px;width:22px;display:flex;flex-direction:column;justify-content:space-between;color:#5f6b7c;font-size:7px;text-align:right;padding-right:4px}.time-axis{position:absolute;left:24px;right:0;bottom:1px;height:12px;display:flex;justify-content:space-between;color:#606b7c;font-size:7px}.level-meter{border:1px solid #1c2430;background:#111721;border-radius:7px;display:grid;grid-template-columns:1fr 13px;grid-template-rows:auto auto 1fr;column-gap:4px;padding:8px 6px;min-height:166px}.level-meter>strong{grid-column:1/-1;text-align:center;font-size:10px}.level-meter>span{grid-column:1/-1;text-align:center;color:#697486;font-size:6px;margin-bottom:6px}.meter-body{grid-column:1;width:14px;justify-self:center;background:#202735;border-radius:2px;position:relative;overflow:hidden}.meter-fill{position:absolute;left:2px;right:2px;bottom:2px;height:10%;border-radius:1px;transition:height .08s}.original-meter{background:linear-gradient(180deg,#7dccff,#3084f1)}.modified-meter{background:linear-gradient(180deg,#e176ff,#923fe7)}.level-meter small{grid-column:2;color:#566172;font-size:6px;line-height:2.35;align-self:end}
.compare-strip{border:1px solid var(--line);border-radius:8px;background:#0d121a;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.compare-left{display:flex;align-items:center;gap:12px}.compare-left>strong{font-size:8px;letter-spacing:.08em;color:#afb8c5}.compare-buttons{display:flex}.compare-choice{height:27px;border:1px solid var(--line);background:#111823;color:#8e98a8;font-size:8px;padding:0 12px;cursor:pointer}.compare-choice:first-child{border-radius:6px 0 0 6px}.compare-choice:last-child{border-radius:0 6px 6px 0}.compare-choice.active{color:#fff;background:#211c31;border-color:#413157}.compare-right{display:flex;align-items:center;gap:8px;color:#7c8798;font-size:8px}.compare-right input{width:110px;accent-color:#66a8f4}
.stem-pane{padding:13px;gap:10px}.stem-pane-head{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:4px 3px 9px}.section-kicker{color:#ba67ff;font-size:8px;letter-spacing:.13em}.stem-pane-head h2{font-size:18px;margin:2px 0}.stem-pane-head p{margin:0;color:#768193;font-size:9px}.back-compare{border:1px solid var(--line);background:#111720;color:#aab3c2;border-radius:7px;padding:7px 11px;font-size:8px;cursor:pointer}.stem-card{border:1px solid var(--line);border-radius:9px;background:#0d121a;padding:11px}.stem-card-head{display:flex;align-items:center;justify-content:space-between}.stem-card-head>div{display:flex;align-items:center;gap:9px}.stem-badge{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:700}.stem-badge.vocal{background:rgba(229,122,187,.13);border:1px solid rgba(229,122,187,.22);color:#f6a9d7}.stem-badge.instrument{background:rgba(101,214,247,.12);border:1px solid rgba(101,214,247,.22);color:#a5ebff}.stem-card-head strong{display:block;font-size:10px}.stem-card-head small{display:block;color:#687385;font-size:8px}.small-play{width:31px;height:31px;margin:0;align-self:center}.stem-visual{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.stem-visual .wave-area,.stem-visual .spectrum-area{height:105px;border:1px solid #17202b;border-radius:7px;background:#090e14}.stem-visual .spectrum-area{padding:0}.stem-visual .spectrum-canvas{left:0;width:100%;height:100%;position:absolute}.source-stem-details{border:1px solid var(--line);border-radius:8px;background:#0d121a;padding:8px 10px}.source-stem-details summary{font-size:9px;color:#aeb6c4;cursor:pointer}.source-stems{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.source-stems label{border:1px solid var(--line);background:#0a0f16;border-radius:7px;padding:7px}.source-stems span{display:block;color:#697486;font-size:7px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.source-stems audio{width:100%;height:28px}
.bottom-transport{grid-column:1/-1;grid-row:2;border-top:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--bg));display:grid;grid-template-columns:248px 220px minmax(260px,1fr) 210px;align-items:center;gap:12px;padding:0 18px;box-shadow:0 -12px 30px rgba(0,0,0,.2);z-index:10}.transport-track-info{display:flex;align-items:center;gap:10px;min-width:0}.cover-placeholder{width:54px;height:54px;border-radius:5px;background:linear-gradient(145deg,#13304b,#9d1942 60%,#361637);display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px;box-shadow:0 8px 20px rgba(0,0,0,.25)}.transport-track-info>div:last-child{min-width:0}.transport-track-info strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport-track-info span{display:block;color:#707b8d;font-size:8px;margin-top:3px}.transport-controls{display:flex;align-items:center;justify-content:center;gap:16px}.transport-icon{border:0;background:none;color:#778294;font-size:12px;cursor:pointer}.transport-play{width:44px;height:44px;border-radius:50%;border:1px solid #2b3442;background:#111821;color:#fff;display:grid;place-items:center;padding-left:3px;cursor:pointer;font-size:13px}.transport-timeline{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px}.transport-timeline span{color:#7d8797;font-size:8px;text-align:right}.transport-timeline input,.transport-volume input{width:100%;accent-color:#9d54ef}.transport-volume{display:grid;grid-template-columns:16px 1fr;gap:7px;align-items:center;color:#8993a4}
.hidden{display:none!important}.error-box{color:#ff8e97!important}
@media(max-width:1250px){.studio-shell{grid-template-columns:205px minmax(0,1fr)}.bottom-transport{grid-template-columns:205px 180px minmax(220px,1fr) 170px}.work-area{grid-template-columns:330px minmax(0,1fr)}.source-stems{grid-template-columns:1fr}.audio-meta span:nth-of-type(1),.audio-meta i:nth-of-type(1){display:none}}
@media(max-width:980px){html,body{overflow:auto}.studio-shell{height:auto;min-height:100vh;grid-template-columns:1fr;grid-template-rows:auto auto auto}.sidebar{grid-column:1;grid-row:1;position:relative;max-height:none}.logo-panel{height:70px}.side-nav{display:flex;overflow:auto}.nav-divider,.nav-label,.library-links,.engine-card{display:none}.main-stage{grid-column:1;grid-row:2;min-height:900px}.work-area{grid-template-columns:1fr;overflow:visible}.control-column,.audio-workspace{overflow:visible}.bottom-transport{position:sticky;bottom:0;grid-column:1;grid-row:3;grid-template-columns:1fr 120px 1.4fr;height:76px}.transport-volume{display:none}.stem-visual{grid-template-columns:1fr}}
/* Reference-proportion polish pass */
@media(min-width:1260px){
  .studio-shell{grid-template-columns:292px minmax(0,1fr)}
  .bottom-transport{grid-template-columns:292px 220px minmax(300px,1fr) 210px}
  .work-area{grid-template-columns:386px minmax(0,1fr);gap:14px;padding:12px 16px 12px 14px}
  .workspace-tab{min-width:120px}
  .wave-area{height:88px}
  .spectrum-area{height:108px}
  .spectrum-canvas{height:93px}
  .freq-axis{height:88px}
  .level-meter{min-height:194px}
  .stem-visual .wave-area,.stem-visual .spectrum-area{height:116px}
}
@media(min-width:1600px){
  .studio-shell{grid-template-columns:310px minmax(0,1fr)}
  .bottom-transport{grid-template-columns:310px 235px minmax(360px,1fr) 220px}
  .work-area{grid-template-columns:402px minmax(0,1fr);gap:14px;padding:13px 18px 13px 14px}
  .logo-panel{height:76px;flex-basis:76px}
  .topbar{height:76px;flex-basis:76px}
  .audio-card{padding:11px 12px 10px}
  .wave-area{height:92px}
  .spectrum-area{height:118px}
  .spectrum-canvas{height:103px}
  .freq-axis{height:98px}
  .level-meter{min-height:210px}
}

/* -------------------------------------------------------------------------- */
/* Persistent local library                                                   */
/* -------------------------------------------------------------------------- */
.library-view{flex:1;min-height:0;overflow:auto;padding:18px 22px 26px;background:radial-gradient(circle at 80% 0%,rgba(121,49,166,.08),transparent 28%),#080c12}
.library-view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 2px 18px;border-bottom:1px solid var(--line);margin-bottom:16px}.library-view-head h1{font-size:25px;margin:3px 0 5px;letter-spacing:-.025em}.library-view-head p{margin:0;color:#758092;font-size:10px;max-width:620px}.library-head-actions{display:flex;gap:8px;flex-wrap:wrap}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.library-card{border:1px solid var(--line);background:linear-gradient(180deg,#0e141d,#0a0f16);border-radius:10px;padding:13px;min-width:0;box-shadow:0 12px 28px rgba(0,0,0,.15);transition:border-color .16s,transform .16s}.library-card:hover{border-color:#2a3443;transform:translateY(-1px)}.library-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.library-card-title{min-width:0}.library-card-title strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-title span{display:block;color:#667284;font-size:7px;text-transform:uppercase;letter-spacing:.09em;margin-top:3px}.library-card-badge{flex:0 0 auto;border:1px solid #28313d;border-radius:999px;padding:4px 7px;font-size:7px;color:#8f9aab;background:#111821}.library-card-prompt{color:#828d9e;font-size:8px;line-height:1.45;margin:11px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:23px}.library-card-actions{display:flex;align-items:center;gap:6px;margin-top:10px}.library-card-actions a,.library-card-actions button{height:27px;border:1px solid var(--line);background:#111821;color:#9ca7b7;border-radius:6px;padding:0 9px;font-size:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.library-card-actions a:hover,.library-card-actions button:hover{color:#fff;border-color:#354153}.library-card-actions .danger{margin-left:auto;color:#d98289}.library-empty{display:grid;place-items:center;text-align:center;min-height:360px;border:1px dashed #202936;border-radius:12px;background:rgba(255,255,255,.008);padding:30px}.library-empty-icon{font-size:30px;color:#69437d;margin-bottom:8px}.library-empty strong{font-size:13px}.library-empty p{color:#687486;font-size:9px;margin:5px 0 0;max-width:420px}.library-loading{grid-column:1/-1;color:#7a8596;padding:35px 4px;font-size:9px}.library-card-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.library-card-meta span{font-size:7px;color:#687486;border:1px solid #1b2430;border-radius:999px;padding:3px 6px;background:#0b1118}

/* Save-to-library modal */
.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(3,5,8,.74);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}.save-modal-card{width:min(650px,calc(100vw - 32px));border:1px solid #27313e;border-radius:14px;background:linear-gradient(180deg,#111720,#0b1017);box-shadow:0 30px 90px rgba(0,0,0,.55);padding:18px}.save-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid var(--line)}.save-modal-head h2{font-size:17px;margin:3px 0 4px}.save-modal-head p{margin:0;color:#707b8d;font-size:9px}.modal-close{width:31px;height:31px;border-radius:7px;border:1px solid var(--line);background:#121923;color:#9ca6b5;font-size:18px;cursor:pointer}.save-asset-choice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 1px;color:#8b96a7;font-size:8px}.save-asset-choice>span{text-transform:uppercase;letter-spacing:.1em;color:#687486}.save-asset-choice label{display:flex;align-items:center;gap:5px;color:#aeb7c5}.save-asset-choice input{accent-color:#9b4fef}.save-asset-choice small{margin-left:auto;color:#626d7e}.save-destinations{display:grid;grid-template-columns:1fr 1fr;gap:8px}.save-destination{display:grid;grid-template-columns:35px 1fr;align-items:center;text-align:left;gap:10px;border:1px solid var(--line);background:#0d141d;color:#fff;border-radius:9px;padding:12px;cursor:pointer;transition:border-color .15s,background .15s}.save-destination:hover{border-color:#3b4656;background:#111a25}.save-destination>span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(153,75,226,.16),rgba(64,108,210,.1));border:1px solid #283345;color:#c993ff}.save-destination strong{display:block;font-size:10px}.save-destination small{display:block;color:#6f7a8c;font-size:8px;line-height:1.35;margin-top:2px}.save-destination.saving{opacity:.55;pointer-events:none}.save-modal-status{min-height:20px;padding-top:10px;font-size:9px;color:#7e899a}.save-modal-status.good{color:#67d7a6}.save-modal-status.bad{color:#ef8b94}

@media(max-width:980px){.library-view{overflow:visible}.library-view-head{align-items:flex-start;flex-direction:column}.save-destinations{grid-template-columns:1fr}.save-asset-choice small{width:100%;margin-left:0}}

/* -------------------------------------------------------------------------- */
/* v4 interaction refinements                                                 */
/* -------------------------------------------------------------------------- */
.nav-count{margin-left:auto;min-width:20px;height:19px;padding:0 6px;border-radius:999px;border:1px solid #232d3a;background:#0b1118;color:#758194;font-size:8px;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.nav-item.active .nav-count{color:#f7d5d8;border-color:rgba(240,38,42,.25);background:rgba(123,19,24,.24)}
.top-action.icon-only.active{color:#fff;border-color:#5d3440;background:linear-gradient(180deg,rgba(139,20,29,.35),rgba(70,15,21,.24));box-shadow:inset 0 0 0 1px rgba(228,58,69,.08)}

.workspace-toolbar{justify-content:flex-start;padding:7px 12px;height:48px}
.workspace-mode-row{display:flex;align-items:center;gap:9px;height:100%}
.ab-segment{height:32px;display:flex;align-items:stretch;border:1px solid #28313e;border-radius:8px;overflow:hidden;background:#0b1118;box-shadow:inset 0 1px rgba(255,255,255,.015)}
.ab-segment .workspace-tab{height:100%;min-width:100px;padding:0 13px;border:0!important;background:transparent!important;color:#8995a6;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:9px;transition:background .15s,color .15s,box-shadow .15s}
.ab-segment .workspace-tab[data-tab="original"].active{color:#d9ecff;background:linear-gradient(180deg,rgba(50,126,221,.22),rgba(38,83,145,.13))!important;box-shadow:inset 0 -2px #4a9df4}
.ab-segment .workspace-tab[data-tab="modified"].active{color:#f0ddff;background:linear-gradient(180deg,rgba(159,69,218,.22),rgba(89,43,129,.13))!important;box-shadow:inset 0 -2px #bb5bf0}
.segment-divider{width:1px;background:#252e3b;align-self:stretch}
.tab-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.original-dot{background:#4b9cf5;box-shadow:0 0 8px rgba(75,156,245,.4)}.modified-dot{background:#b653f4;box-shadow:0 0 8px rgba(182,83,244,.38)}
.stem-tab{height:32px!important;min-width:94px!important;border:1px solid #28313e!important;border-radius:8px!important;background:#0b1118!important;color:#8995a6!important;padding:0 12px}.stem-tab.active{color:#fff!important;border-color:#3a4657!important;background:#121a24!important;box-shadow:none!important}
.audio-meta{padding-right:2px}

.save-destination.selectable{position:relative;grid-template-columns:36px 1fr;padding:12px 40px 12px 12px;user-select:none}.save-destination-check{position:absolute;opacity:0;pointer-events:none}.save-destination-icon{width:34px!important;height:34px!important;border-radius:8px;display:grid!important;place-items:center;background:linear-gradient(145deg,rgba(153,75,226,.16),rgba(64,108,210,.1))!important;border:1px solid #283345!important;color:#c993ff!important}.save-checkmark{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px!important;height:20px!important;border-radius:6px!important;border:1px solid #303b4b!important;background:#0a1017!important;color:transparent!important;font-size:11px;display:grid!important;place-items:center!important;transition:.15s}.save-destination.selected{border-color:#7150a1;background:linear-gradient(180deg,#151a25,#101620);box-shadow:inset 0 0 0 1px rgba(173,95,236,.12)}.save-destination.selected .save-checkmark{color:#fff!important;border-color:#9b55d6!important;background:linear-gradient(145deg,#7d3eb0,#a958db)!important}.save-destination.selectable:hover{border-color:#4a3d5e}.save-modal.saving,.modal-backdrop.saving{cursor:wait}.modal-backdrop.saving .save-destination{opacity:.58;pointer-events:none}.save-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:13px;margin-top:3px;border-top:1px solid var(--line)}.save-modal-status{padding-top:0;min-height:0;flex:1}.save-selected-btn{height:34px;min-width:132px;border:1px solid #76429b;border-radius:8px;background:linear-gradient(135deg,#61307f,#9a45c5);color:#fff;font-size:9px;font-weight:700;cursor:pointer;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;transition:.15s}.save-selected-btn:hover:not(:disabled){filter:brightness(1.08)}.save-selected-btn:disabled{opacity:.38;cursor:default}.save-selected-btn span{min-width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:8px}

@media(max-width:980px){.workspace-toolbar{overflow-x:auto}.ab-segment .workspace-tab{min-width:88px}.save-modal-footer{align-items:stretch;flex-direction:column}.save-selected-btn{width:100%}}

/* -------------------------------------------------------------------------- */
/* Source input modes: file / Reference Library / microphone                  */
/* -------------------------------------------------------------------------- */
.source-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-bottom:9px;border:1px solid var(--line);border-radius:9px;background:#0b1118}
.source-mode{height:31px;min-width:0;border:0;border-radius:6px;background:transparent;color:#768294;font:600 8px/1 inherit;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;cursor:pointer;transition:.15s background,.15s color,.15s box-shadow}
.source-mode:hover{color:#c3cbd7;background:#111923}.source-mode.active{color:#f2f5fa;background:linear-gradient(180deg,#1b2430,#141b25);box-shadow:inset 0 0 0 1px #2d3948,0 4px 12px rgba(0,0,0,.18)}
.source-panel{min-height:0}.source-panel.hidden{display:none!important}
.reference-picker,.mic-recorder{border:1px dashed #26313f;border-radius:9px;background:radial-gradient(circle at 50% 0%,rgba(116,73,159,.07),transparent 48%),#0b1017;padding:14px;min-height:190px;display:flex;flex-direction:column;align-items:center;text-align:center}
.reference-picker-icon,.mic-orb{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:8px;border:1px solid #2b3442;background:#111822;color:#b271d6;font-size:16px;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.reference-picker-copy strong,.mic-copy strong{display:block;font-size:9px;color:#dce1ea}.reference-picker-copy small,.mic-copy small{display:block;color:#6d7889;font-size:7px;line-height:1.45;margin-top:3px;max-width:270px}
.reference-picker select{width:100%;height:33px;margin-top:11px;border:1px solid #283342;border-radius:7px;background:#0e151e;color:#bcc5d2;padding:0 8px;font:600 7px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:none;white-space:nowrap;text-overflow:ellipsis}.reference-picker select option{font-size:7px!important;font-weight:500}
.reference-picker select:focus{border-color:#704d8e;box-shadow:0 0 0 2px rgba(133,74,175,.12)}
.reference-picker-actions,.mic-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:9px}
.secondary-button,.record-button{height:29px;border:1px solid #283342;border-radius:6px;background:#111923;color:#9da8b7;padding:0 10px;font:600 8px/1 inherit;cursor:pointer}.secondary-button:hover{color:#eef2f7;border-color:#3a4758}.secondary-button:disabled,.record-button:disabled{opacity:.4;cursor:not-allowed}
.reference-selected-note,.mic-status{margin-top:8px;color:#657183;font-size:7px;line-height:1.4}
.record-button{color:#ffc9cd;border-color:rgba(189,57,67,.38);background:rgba(116,25,32,.22)}.record-button:hover{background:rgba(143,31,39,.3);border-color:rgba(220,75,84,.52)}
.mic-orb{color:#e35f68}.mic-orb.recording{animation:jmMicPulse 1s ease-in-out infinite;background:rgba(112,22,29,.35);border-color:rgba(224,75,84,.5)}
@keyframes jmMicPulse{0%,100%{box-shadow:0 0 0 0 rgba(224,75,84,.0)}50%{box-shadow:0 0 0 8px rgba(224,75,84,.08)}}
.mic-preview{width:100%;height:30px;margin-top:10px}
.reference-upload-action{color:#dcb7f4!important;border-color:#533765!important;background:rgba(94,48,119,.18)!important}
.reference-upload-action:hover{background:rgba(112,57,141,.28)!important;border-color:#724a8c!important}

@media(max-width:720px){.source-mode-tabs{grid-template-columns:1fr}.source-mode{height:31px}}


/* v6 compact cleanup */
.compact-workspace-toolbar{justify-content:flex-start;padding-left:12px}
.compact-workspace-toolbar .workspace-mode-row{width:auto}
.compact-workspace-toolbar .stem-tab{min-width:88px!important;font-size:8px!important}
.library-view[data-collection="references"] .library-card-title strong{font-size:8px}
.library-view[data-collection="references"] .library-card-title span{font-size:6px}
.library-view[data-collection="references"] .library-card-prompt{font-size:7px;min-height:20px}
.library-view[data-collection="references"] .library-card-meta span{font-size:6px}
.library-view[data-collection="references"] .library-audio-label{font-size:6px}

/* -------------------------------------------------------------------------- */
/* v8 · audio-derived frequency color covers                                  */
/* -------------------------------------------------------------------------- */
.frequency-cover-shell{
  --cover-accent:rgba(179,66,133,.34);
  position:relative;
  flex:0 0 auto;
  overflow:hidden;
  isolation:isolate;
  background:#0d1420;
  border:1px solid rgba(255,255,255,.075);
  box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 24px var(--cover-accent),inset 0 1px rgba(255,255,255,.055);
}
.frequency-cover-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,0) 30%,rgba(0,0,0,.08) 66%,rgba(0,0,0,.24));
  mix-blend-mode:soft-light;
}
.frequency-cover-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 -12px 24px rgba(0,0,0,.10);
}
.frequency-cover{position:absolute;inset:0;width:100%;height:100%;display:block;transform:scale(1.025);filter:saturate(1.08) contrast(1.025)}
.frequency-cover-mark{
  position:absolute;
  z-index:4;
  right:8px;
  bottom:7px;
  color:rgba(255,255,255,.58);
  font-size:7px;
  line-height:1;
  letter-spacing:.08em;
  font-weight:800;
  text-shadow:0 1px 8px rgba(0,0,0,.45);
  pointer-events:none;
}
.transport-cover-shell{width:54px;height:54px;border-radius:8px;transition:box-shadow .35s ease,transform .22s ease}
.transport-track-info:hover .transport-cover-shell{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.31),0 0 31px var(--cover-accent),inset 0 1px rgba(255,255,255,.065)}

.library-card{background:radial-gradient(circle at 17% 0%,rgba(114,56,140,.055),transparent 31%),linear-gradient(180deg,#0e141d,#0a0f16)}
.library-card-top{align-items:center}
.library-card-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.library-cover-shell{width:62px;height:62px;border-radius:10px;transition:transform .22s ease,box-shadow .3s ease}
.library-card:hover .library-cover-shell{transform:translateY(-1px) scale(1.018);box-shadow:0 11px 28px rgba(0,0,0,.31),0 0 30px var(--cover-accent),inset 0 1px rgba(255,255,255,.06)}
.library-cover-shell .frequency-cover-mark{right:7px;bottom:6px;font-size:6px;opacity:.82}
.library-card-title{flex:1;min-width:0}
.library-card-title strong{font-size:11.5px;letter-spacing:-.008em;line-height:1.25}
.library-card-title span{line-height:1.45}
.library-card-badge{align-self:flex-start;margin-top:1px}

.library-view[data-collection="references"] .library-cover-shell{width:54px;height:54px;border-radius:9px}
.library-view[data-collection="references"] .library-card-identity{gap:10px}

@media(max-width:720px){
  .transport-cover-shell{width:48px;height:48px;border-radius:7px}
  .library-cover-shell{width:56px;height:56px}
  .library-card-identity{gap:10px}
}


/* v11: library cards use the single global bottom transport instead of per-card audio controls. */
.library-cover-shell{position:relative;overflow:hidden}
.library-cover-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.92);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(7,10,16,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:#fff;display:grid;place-items:center;padding:0 0 0 2px;font-size:11px;cursor:pointer;opacity:.12;transition:opacity .18s ease,transform .18s ease,background .18s ease,border-color .18s ease;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.library-cover-shell:hover .library-cover-play,.library-cover-play:focus-visible,.library-cover-play.playing{opacity:1;transform:translate(-50%,-50%) scale(1)}
.library-cover-play:hover{background:rgba(14,19,29,.82);border-color:rgba(255,255,255,.42)}
.library-cover-play.playing{padding-left:0;background:rgba(14,19,29,.78)}
.library-card-actions{margin-top:12px}
#libraryPlayer{display:none}

/* -------------------------------------------------------------------------- */
/* v15 · Selectable color system                                               */
/* One application, five palettes. Original Color uses the exact v13 base skin. */
/* -------------------------------------------------------------------------- */
.color-picker-wrap{position:relative;z-index:45}
.color-theme-button{min-width:82px;justify-content:center}
.color-button-swatch{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.36);background:linear-gradient(135deg,#d9bd72 0 48%,#3c2a19 49% 100%);box-shadow:0 0 0 2px rgba(0,0,0,.06)}
.color-chevron{margin-left:-2px;font-size:9px;opacity:.7}
.color-theme-menu{position:absolute;right:0;top:44px;width:252px;max-height:min(360px,70vh);overflow:auto;padding:7px;border-radius:12px;border:1px solid rgba(63,49,29,.16);background:rgba(247,240,225,.98);box-shadow:0 22px 54px rgba(30,22,12,.22),inset 0 1px rgba(255,255,255,.7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:100;color:#251d13}
.color-theme-option{width:100%;height:54px;border:0;border-radius:9px;background:transparent;display:grid;grid-template-columns:40px 1fr 16px;gap:9px;align-items:center;padding:6px 8px;text-align:left;color:inherit;cursor:pointer}
.color-theme-option:hover{background:rgba(115,83,36,.075)}
.color-theme-option.active{background:rgba(171,128,53,.12);box-shadow:inset 0 0 0 1px rgba(158,116,42,.15)}
.color-theme-option>span:nth-child(2){min-width:0}
.color-theme-option strong{display:block;font-size:9px;line-height:1.25;color:#261d12}
.color-theme-option small{display:block;margin-top:3px;font-size:6.5px;color:#7a6952}
.color-theme-option>b{font-size:11px;color:#a87824;opacity:0}
.color-theme-option.active>b{opacity:1}
.theme-preview{width:38px;height:34px;border-radius:8px;overflow:hidden;display:flex;border:1px solid rgba(0,0,0,.12);box-shadow:0 3px 10px rgba(0,0,0,.09)}
.theme-preview i{flex:1;height:100%}
.original-preview i:nth-child(1){background:#d01418}.original-preview i:nth-child(2){background:#469cf8}.original-preview i:nth-child(3){background:#b454ff}
.sand-preview i:nth-child(1){background:#efe2c7}.sand-preview i:nth-child(2){background:#c49a4a}.sand-preview i:nth-child(3){background:#211911}
.night-preview i:nth-child(1){background:#15120f}.night-preview i:nth-child(2){background:#a8762d}.night-preview i:nth-child(3){background:#5f4124}
.metal-preview i:nth-child(1){background:#111b25}.metal-preview i:nth-child(2){background:#789bb4}.metal-preview i:nth-child(3){background:#d2dae0}
.green-preview i:nth-child(1){background:#17231c}.green-preview i:nth-child(2){background:#6f8f70}.green-preview i:nth-child(3){background:#c1b66f}
html[data-theme="night"] .color-theme-menu{background:rgba(27,22,17,.98);border-color:#4b3a26;color:#f4ead7}
html[data-theme="night"] .color-theme-option:hover{background:rgba(207,159,76,.09)}
html[data-theme="night"] .color-theme-option.active{background:rgba(202,150,63,.13);box-shadow:inset 0 0 0 1px rgba(206,156,71,.18)}
html[data-theme="night"] .color-theme-option strong{color:#f2e8d4}
html[data-theme="night"] .color-theme-option small{color:#9e8b70}

/* Sand Gold --------------------------------------------------------------- */
html[data-theme="sand"]{
  --bg:#e8dcc4;--bg-deep:#17120d;--panel:#f3ead8;--panel2:#eadcc4;--panel3:#dfcdae;
  --line:#c9b693;--text:#241c13;--soft:#4f412f;--muted:#7c6b52;
  --shadow:0 18px 48px rgba(60,43,20,.12);
}
html[data-theme="sand"],html[data-theme="sand"] body{background:#e8dcc4;color:#241c13}
html[data-theme="sand"] body{background:radial-gradient(circle at 22% -8%,#f5ecd9 0,transparent 34%),linear-gradient(180deg,#e9ddc5,#e4d6bd)}
html[data-theme="sand"] .studio-shell,html[data-theme="sand"] .main-stage,html[data-theme="sand"] .work-area,html[data-theme="sand"] .library-view{background:transparent}
html[data-theme="sand"] .sidebar{background:linear-gradient(180deg,#18130f 0%,#21180f 58%,#15110e 100%);border-right-color:#3a2a19;box-shadow:8px 0 28px rgba(49,34,17,.08)}
html[data-theme="sand"] .logo-panel{background:#15110e;border-bottom-color:#3a2b1b}
html[data-theme="sand"] .logo-image{filter:sepia(.22) saturate(.7) contrast(1.08) brightness(1.05)}
html[data-theme="sand"] .nav-item{color:#b8a78d}
html[data-theme="sand"] .nav-item:hover:not(:disabled){background:#2a2017;color:#f4e8d2}
html[data-theme="sand"] .nav-item.active{background:linear-gradient(135deg,#dbc28d,#c69645);color:#22170c;border-left-color:#f4d993;box-shadow:0 8px 28px rgba(183,132,46,.2)}
html[data-theme="sand"] .nav-item.active .nav-icon{color:#37230c}
html[data-theme="sand"] .nav-icon{color:#9b805a}
html[data-theme="sand"] .nav-label{color:#7d6b52}
html[data-theme="sand"] .nav-divider{background:#392b1c}
html[data-theme="sand"] .nav-count{border-color:#443522;background:#211a13;color:#8e7b60}
html[data-theme="sand"] .nav-item.active .nav-count{border-color:#ab7d32;background:rgba(255,245,219,.48);color:#3b2912}
html[data-theme="sand"] .engine-card{border-color:#493620;background:linear-gradient(180deg,#261d14,#1b1510);box-shadow:inset 0 1px rgba(255,231,183,.04)}
html[data-theme="sand"] .engine-glyph i{background:linear-gradient(180deg,#e5c77f,#8b6227)}
html[data-theme="sand"] .engine-copy span{color:#826f56}
html[data-theme="sand"] .engine-copy strong{color:#ead9b7}
html[data-theme="sand"] .topbar{background:rgba(242,232,212,.95);border-bottom-color:#c6b38e;box-shadow:0 8px 28px rgba(70,49,22,.06)}
html[data-theme="sand"] .project-title-input{color:#21190f}
html[data-theme="sand"] .project-title-input:hover{background:#eadbc0;border-color:#c7b18b}
html[data-theme="sand"] .project-title-input:focus{background:#f7efdf;border-color:#9e7635;box-shadow:0 0 0 2px rgba(164,119,48,.11)}
html[data-theme="sand"] .tiny-icon{color:#8a6b3c}html[data-theme="sand"] .tiny-icon:hover{color:#3c2b15}
html[data-theme="sand"] .project-meta{color:#816e52}html[data-theme="sand"] .project-meta i,html[data-theme="sand"] .audio-meta i{background:#a98b5c}
html[data-theme="sand"] .top-action{border-color:#c5b28e;background:linear-gradient(180deg,#f3ead8,#e9dcc3);color:#59462d;box-shadow:0 1px rgba(255,255,255,.65)}
html[data-theme="sand"] .top-action:hover:not(:disabled){background:#2b2117;border-color:#2b2117;color:#f6ead3}
html[data-theme="sand"] .top-action.icon-only.active{background:#b4812f;border-color:#9b6d26;color:#fff8e9}
html[data-theme="sand"] .window-dots i{background:#806947}html[data-theme="sand"] .window-dots i:nth-child(2){border-color:#806947;background:transparent}html[data-theme="sand"] .window-dots .close-dot:after{background:#806947}
html[data-theme="sand"] .color-theme-button{border-color:#b89861;background:linear-gradient(180deg,#e2cca1,#d0ad72);color:#352514;box-shadow:inset 0 1px rgba(255,255,255,.48),0 4px 12px rgba(111,77,29,.09)}
html[data-theme="sand"] .color-theme-button:hover:not(:disabled){background:#b88637;border-color:#9d6d29;color:#fff5e1}
html[data-theme="sand"] .control-card{border-color:#cbb894;background:linear-gradient(180deg,#f2e8d4,#eee2cd);box-shadow:0 10px 28px rgba(72,51,24,.055),inset 0 1px rgba(255,255,255,.4)}
html[data-theme="sand"] .upload-card{background:#f1e7d3}
html[data-theme="sand"] .dropzone{border-color:#bda57d;background:#eadcc3}
html[data-theme="sand"] .dropzone:hover,html[data-theme="sand"] .dropzone.drag{border-color:#987039;background:#e3d0ae}
html[data-theme="sand"] .upload-cloud{color:#9a712d}html[data-theme="sand"] .dropzone strong{color:#342718}html[data-theme="sand"] .dropzone small{color:#806d50}
html[data-theme="sand"] .browse-button{border-color:#8f6528;background:linear-gradient(180deg,#c69a4a,#a9762d);color:#fff5df;box-shadow:0 7px 18px rgba(144,96,30,.15)}
html[data-theme="sand"] .card-heading strong{color:#302316}html[data-theme="sand"] .card-heading>span{color:#826e51}
html[data-theme="sand"] .info-dot{border-color:#a9926d;color:#896b3d}
html[data-theme="sand"] .mini-select,html[data-theme="sand"] .more-btn{border-color:#c4af89;background:#e9dbc0;color:#674e2e}
html[data-theme="sand"] #prompt{background:#e9dbc1;border-color:#c5af89;color:#2e2114}
html[data-theme="sand"] #prompt:focus{border-color:#9b7132;box-shadow:0 0 0 2px rgba(159,112,44,.1)}
html[data-theme="sand"] .prompt-chips button{border-color:#c6b18d;background:#eadcc2;color:#5f492f}
html[data-theme="sand"] .prompt-chips button:hover{border-color:#9c7131;background:#b88739;color:#fff5e3}
html[data-theme="sand"] .advanced{border-color:#cfbd9b}html[data-theme="sand"] .advanced summary{color:#604a30}
html[data-theme="sand"] .slider-card,html[data-theme="sand"] .switch-row{border-color:#c8b38d;background:#eadcc1}
html[data-theme="sand"] .slider-head{color:#4c3822}html[data-theme="sand"] .slider-card small,html[data-theme="sand"] .switch-row small{color:#806d51}
html[data-theme="sand"] .slider-card input[type=range],html[data-theme="sand"] .instrument-accent input[type=range],html[data-theme="sand"] .compare-right input,html[data-theme="sand"] .transport-timeline input,html[data-theme="sand"] .transport-volume input{accent-color:#ba8733}
html[data-theme="sand"] .field span{color:#806c4f}html[data-theme="sand"] .field select,html[data-theme="sand"] .field input{border-color:#c3ad86;background:#f5ead6;color:#43301d}
html[data-theme="sand"] .switch{background:#c2ad87}html[data-theme="sand"] .switch-row input:checked+.switch{background:#b5802e}
html[data-theme="sand"] .switch-row strong{color:#4b3620}
html[data-theme="sand"] .source-mode-tabs{border-color:#c4ad85;background:#dfcfb3}
html[data-theme="sand"] .source-mode{color:#756044}html[data-theme="sand"] .source-mode:hover{color:#352515;background:#eadcc4}html[data-theme="sand"] .source-mode.active{color:#fff3da;background:linear-gradient(180deg,#af7b2d,#8f6025);box-shadow:inset 0 0 0 1px #8f6025,0 5px 15px rgba(125,83,28,.14)}
html[data-theme="sand"] .reference-picker,html[data-theme="sand"] .mic-recorder{border-color:#c1aa80;background:#e9dbc1}
html[data-theme="sand"] .reference-picker-icon,html[data-theme="sand"] .mic-orb{border-color:#c5b18c;background:#f1e6d2;color:#a2732d;box-shadow:0 8px 22px rgba(80,55,23,.07)}
html[data-theme="sand"] .reference-picker-copy strong,html[data-theme="sand"] .mic-copy strong{color:#44301c}html[data-theme="sand"] .reference-picker-copy small,html[data-theme="sand"] .mic-copy small{color:#806d51}
html[data-theme="sand"] .reference-picker select{border-color:#c1aa82;background:#f4ead8;color:#4a3620}html[data-theme="sand"] .reference-picker select:focus{border-color:#9a7133;box-shadow:0 0 0 2px rgba(164,116,44,.1)}
html[data-theme="sand"] .secondary-button{border-color:#c3ad86;background:#eee2cc;color:#684e2f}html[data-theme="sand"] .secondary-button:hover{background:#9d6c28;border-color:#9d6c28;color:#fff4df}
html[data-theme="sand"] .reference-selected-note,html[data-theme="sand"] .mic-status{color:#806d51}
html[data-theme="sand"] .primary{border-color:#926324;background:linear-gradient(135deg,#b9822f,#d0aa5c 58%,#a16d27);color:#201509;box-shadow:0 11px 25px rgba(142,91,24,.22),inset 0 1px rgba(255,247,223,.42)}
html[data-theme="sand"] .primary:hover{background:linear-gradient(135deg,#c18b38,#d9b76c 58%,#aa762e)}
html[data-theme="sand"] .progress-card{background:#f0e5d1}html[data-theme="sand"] .progress-ring{background:conic-gradient(#b67f2e calc(var(--p,0)*1%),#d8c8aa 0)}html[data-theme="sand"] .progress-ring:before{background:#f0e5d1}html[data-theme="sand"] .progress-ring strong{color:#5a3d18}html[data-theme="sand"] .progress-ring span,html[data-theme="sand"] .progress-steps p{color:#816f53}html[data-theme="sand"] .progress-steps>strong{color:#4a331c}html[data-theme="sand"] .progress-steps li{color:#88765a}html[data-theme="sand"] .progress-steps li i{background:#c6b18d}html[data-theme="sand"] .progress-steps li.done i{background:#8f6a35}html[data-theme="sand"] .progress-steps li.active{color:#5b3c18}html[data-theme="sand"] .progress-steps li.active i{background:#b57d2d;box-shadow:0 0 0 4px rgba(183,127,44,.11)}html[data-theme="sand"] .progress-track{background:#d8c7a7}html[data-theme="sand"] .progress-track div{background:linear-gradient(90deg,#8f6227,#d4ad5f)}html[data-theme="sand"] .tip-line{color:#806d51}
html[data-theme="sand"] .audio-workspace{background:#18120d;border-color:#3b2b1a;box-shadow:0 18px 48px rgba(60,39,14,.16)}
html[data-theme="sand"] .workspace-toolbar{background:rgba(25,18,12,.96);border-bottom-color:#46331d}
html[data-theme="sand"] .stem-tab{border-color:#49361f!important;background:#211810!important;color:#bca47e!important}html[data-theme="sand"] .stem-tab:hover{color:#f5e5c5!important}html[data-theme="sand"] .stem-tab.active{color:#2d1e0d!important;border-color:#d5b46d!important;background:#d5b46d!important}
html[data-theme="sand"] .workspace-pane{background:#18120d}
html[data-theme="sand"] .audio-card{border-color:#3b2b1b;background:linear-gradient(180deg,#21180f,#17110c);box-shadow:inset 0 1px rgba(244,214,155,.035)}
html[data-theme="sand"] .original-card .audio-title-block span{color:#eadab9}html[data-theme="sand"] .modified-card .audio-title-block span{color:#d8aa50}html[data-theme="sand"] .audio-title-block small{color:#806e54}html[data-theme="sand"] .audio-meta{color:#8d795d}
html[data-theme="sand"] .wave-area{border-bottom-color:#3b2c1c}html[data-theme="sand"] .spectrum-area{background:linear-gradient(180deg,rgba(212,170,91,.025),rgba(255,255,255,.003))}
html[data-theme="sand"] .freq-axis,html[data-theme="sand"] .time-axis{color:#77644b}
html[data-theme="sand"] .level-meter{border-color:#3c2d1d;background:#211910}html[data-theme="sand"] .level-meter>span{color:#816d51}html[data-theme="sand"] .meter-body{background:#3a2d20}html[data-theme="sand"] .original-meter{background:linear-gradient(180deg,#f0debb,#9e7537)}html[data-theme="sand"] .modified-meter{background:linear-gradient(180deg,#d7aa54,#744c1e)}html[data-theme="sand"] .level-meter small{color:#6f5d47}
html[data-theme="sand"] .blue-play{background:linear-gradient(180deg,#f0dfbd,#c8a261)}html[data-theme="sand"] .violet-play{background:linear-gradient(180deg,#d6aa56,#9b6925)}html[data-theme="sand"] .vocal-play{background:#e4cfa5}html[data-theme="sand"] .instrument-play{background:#b88a45}
html[data-theme="sand"] .compare-strip{border-color:#3b2c1d;background:#20170f}html[data-theme="sand"] .compare-left>strong{color:#a9926d}html[data-theme="sand"] .compare-choice{border-color:#473522;background:#261c12;color:#9e8969}html[data-theme="sand"] .compare-choice.active{color:#25180b;background:linear-gradient(180deg,#e1c88f,#c79a4e);border-color:#c79a4e}html[data-theme="sand"] .compare-right{color:#917c5c}
html[data-theme="sand"] .stem-pane-head h2{color:#eadab9}html[data-theme="sand"] .section-kicker{color:#b48a45}html[data-theme="sand"] .stem-pane-head p{color:#8b775b}html[data-theme="sand"] .back-compare{border-color:#49361f;background:#211810;color:#bca47e}html[data-theme="sand"] .back-compare:hover{background:#d0aa5d;color:#281a0b}
html[data-theme="sand"] .stem-card,html[data-theme="sand"] .source-stem-details{border-color:#3b2b1b;background:#21180f}html[data-theme="sand"] .stem-badge.vocal,html[data-theme="sand"] .stem-badge.instrument{background:#2d2115;border-color:#513b23;color:#e2c995}html[data-theme="sand"] .stem-card-head small{color:#806d52}html[data-theme="sand"] .stem-visual .wave-area,html[data-theme="sand"] .stem-visual .spectrum-area{border-color:#392a1b;background:#15100c}
html[data-theme="sand"] .library-view-head{border-bottom-color:#c7b491}html[data-theme="sand"] .library-view-head h1{color:#2c2115}html[data-theme="sand"] .library-view-head p{color:#806d51}
html[data-theme="sand"] .library-card{border-color:#cbb893;background:linear-gradient(180deg,#f0e5d0,#eadcc4);box-shadow:0 12px 30px rgba(71,50,23,.06)}html[data-theme="sand"] .library-card:hover{border-color:#aa8956;box-shadow:0 16px 36px rgba(80,54,20,.09)}html[data-theme="sand"] .library-card-title strong{color:#332617}html[data-theme="sand"] .library-card-title span{color:#816f54}html[data-theme="sand"] .library-card-badge{border-color:#c5ae86;color:#765b37;background:#e2d1b4}html[data-theme="sand"] .library-card-prompt{color:#6f5a3e}html[data-theme="sand"] .library-card-meta span{color:#745d3d;border-color:#cfbd9b;background:#e6d6bb}html[data-theme="sand"] .library-card-actions a,html[data-theme="sand"] .library-card-actions button{border-color:#c5ae86;background:#efe3ce;color:#694f2f}html[data-theme="sand"] .library-card-actions a:hover,html[data-theme="sand"] .library-card-actions button:hover{color:#fff1d5;border-color:#956426;background:#956426}html[data-theme="sand"] .library-empty{border-color:#c8b28b;background:#ede1cc}html[data-theme="sand"] .library-empty-icon{color:#a9772f}html[data-theme="sand"] .library-empty strong{color:#4b3620}html[data-theme="sand"] .library-empty p,html[data-theme="sand"] .library-loading{color:#806d51}
html[data-theme="sand"] .save-modal-card{border-color:#c7b18a;background:linear-gradient(180deg,#f1e7d4,#eadcc4);color:#2b2014;box-shadow:0 32px 90px rgba(44,31,15,.32)}html[data-theme="sand"] .save-modal-head{border-bottom-color:#cfbd9c}html[data-theme="sand"] .save-modal-head h2{color:#312417}html[data-theme="sand"] .save-modal-head p{color:#806d51}html[data-theme="sand"] .modal-close{border-color:#c3ad85;background:#e8d9bd;color:#654b2d}html[data-theme="sand"] .modal-close:hover{background:#966528;color:#fff2d8;border-color:#966528}html[data-theme="sand"] .save-asset-choice{color:#60482d}html[data-theme="sand"] .save-asset-choice>span,html[data-theme="sand"] .save-asset-choice small{color:#806d51}html[data-theme="sand"] .save-asset-choice input{accent-color:#b57e2f}html[data-theme="sand"] .save-destination{border-color:#c6b089;background:#e9dbc1;color:#49341f}html[data-theme="sand"] .save-destination:hover{border-color:#9d7131;background:#ead8b8}html[data-theme="sand"] .save-destination-icon{background:#a8742b!important;border-color:#a8742b!important;color:#fff0d0!important}html[data-theme="sand"] .save-destination small{color:#806d51}html[data-theme="sand"] .save-destination.selected{border-color:#9c6e2d;background:#e1c99c;box-shadow:inset 0 0 0 1px #9c6e2d}html[data-theme="sand"] .save-destination.selected .save-checkmark{background:#9c6e2d!important;border-color:#9c6e2d!important}html[data-theme="sand"] .save-selected-btn{border-color:#8f6024;background:linear-gradient(180deg,#bd8937,#9b6828);color:#fff3dc}
html[data-theme="sand"] .bottom-transport{border-top-color:#3b2b1a;background:linear-gradient(180deg,#211810,#15100c);color:#f1dfbc;box-shadow:0 -12px 34px rgba(55,37,14,.2)}html[data-theme="sand"] .transport-track-info strong{color:#f0dfbd}html[data-theme="sand"] .transport-track-info span{color:#8d7759}html[data-theme="sand"] .transport-icon{color:#a98d65}html[data-theme="sand"] .transport-icon:hover{color:#f5dfb4}html[data-theme="sand"] .transport-play{border-color:#9f763a;background:linear-gradient(180deg,#e4ca93,#b98740);color:#26180a}html[data-theme="sand"] .transport-play:hover{background:#efd9aa;border-color:#c99e59}html[data-theme="sand"] .transport-timeline span{color:#8f795b}html[data-theme="sand"] .transport-volume{color:#a38a66}

/* Night Gold -------------------------------------------------------------- */
html[data-theme="night"]{--bg:#100d0a;--bg-deep:#090807;--panel:#1a1611;--panel2:#211a13;--panel3:#2a2117;--line:#4a3924;--text:#f1e5cf;--soft:#c3aa83;--muted:#8f7a5c}
html[data-theme="night"],html[data-theme="night"] body,html[data-theme="night"] .studio-shell,html[data-theme="night"] .main-stage,html[data-theme="night"] .work-area,html[data-theme="night"] .library-view{background:#100d0a;color:#f1e5cf}
html[data-theme="night"] .sidebar{background:linear-gradient(180deg,#0b0907,#15100b);border-right-color:#352718}
html[data-theme="night"] .logo-panel{background:#090807;border-bottom-color:#332618}
html[data-theme="night"] .nav-item{color:#9d8767}html[data-theme="night"] .nav-item:hover:not(:disabled){background:#21170f;color:#f0dfbd}html[data-theme="night"] .nav-item.active{background:linear-gradient(135deg,#bc8a3a,#825821);color:#160e07;border-left-color:#e0b65e;box-shadow:0 8px 26px rgba(178,123,43,.2)}
html[data-theme="night"] .nav-divider{background:#312418}html[data-theme="night"] .nav-label{color:#6e5b42}html[data-theme="night"] .nav-count{background:#17120d;border-color:#382a1c;color:#75634a}html[data-theme="night"] .nav-item.active .nav-count{background:rgba(255,233,184,.18);border-color:#9a6b2a;color:#251508}
html[data-theme="night"] .engine-card{background:#17110c;border-color:#392918}html[data-theme="night"] .engine-glyph i{background:linear-gradient(180deg,#e0b35b,#77501e)}html[data-theme="night"] .engine-copy strong{color:#e6cca0}
html[data-theme="night"] .topbar{background:rgba(22,17,12,.96);border-bottom-color:#3d2d1c;box-shadow:0 8px 28px rgba(0,0,0,.18)}html[data-theme="night"] .project-title-input{color:#f1e3c9}html[data-theme="night"] .project-title-input:hover{background:#211912;border-color:#42301d}html[data-theme="night"] .project-title-input:focus{background:#251b12;border-color:#a67631;box-shadow:0 0 0 2px rgba(186,133,48,.12)}html[data-theme="night"] .tiny-icon{color:#8f7654}html[data-theme="night"] .tiny-icon:hover{color:#e8c986}html[data-theme="night"] .project-meta{color:#806e53}html[data-theme="night"] .project-meta i,html[data-theme="night"] .audio-meta i{background:#6e573a}
html[data-theme="night"] .top-action{border-color:#42301d;background:#1d1610;color:#bda680}html[data-theme="night"] .top-action:hover:not(:disabled){background:#c08b38;border-color:#c08b38;color:#1a1006}html[data-theme="night"] .top-action.icon-only.active{background:#a16d29;border-color:#bd8837;color:#fff0d0}html[data-theme="night"] .color-theme-button{background:linear-gradient(180deg,#342619,#2a1d12);border-color:#6a4b27;color:#d9bb82}
html[data-theme="night"] .window-dots i{background:#6f604a}html[data-theme="night"] .window-dots i:nth-child(2){border-color:#6f604a;background:transparent}html[data-theme="night"] .window-dots .close-dot:after{background:#6f604a}
html[data-theme="night"] .control-card{border-color:#3f2e1d;background:linear-gradient(180deg,#1b1611,#17130f);box-shadow:0 12px 30px rgba(0,0,0,.18)}html[data-theme="night"] .dropzone{border-color:#4b3824;background:#201910}html[data-theme="night"] .dropzone:hover,html[data-theme="night"] .dropzone.drag{border-color:#9a6b2c;background:#251b11}html[data-theme="night"] .upload-cloud{color:#bd8a39}html[data-theme="night"] .dropzone strong{color:#e3d2b4}html[data-theme="night"] .dropzone small{color:#806d51}html[data-theme="night"] .browse-button{background:linear-gradient(180deg,#b27d31,#865820);border-color:#a16e29;color:#fff0d1}
html[data-theme="night"] .card-heading strong{color:#e8d8bb}html[data-theme="night"] .card-heading>span{color:#89765a}html[data-theme="night"] .info-dot{border-color:#655036;color:#a38558}html[data-theme="night"] .mini-select,html[data-theme="night"] .more-btn{border-color:#493522;background:#211910;color:#a78b63}html[data-theme="night"] #prompt{background:#211a13;border-color:#493622;color:#e8d8bb}html[data-theme="night"] #prompt:focus{border-color:#a67631;box-shadow:0 0 0 2px rgba(183,128,45,.1)}html[data-theme="night"] .prompt-chips button{border-color:#473421;background:#211910;color:#a8906b}html[data-theme="night"] .prompt-chips button:hover{background:#9d6a28;border-color:#9d6a28;color:#fff0d0}
html[data-theme="night"] .advanced{border-color:#3d2e20}html[data-theme="night"] .advanced summary{color:#a78c65}html[data-theme="night"] .slider-card,html[data-theme="night"] .switch-row{border-color:#3e2f20;background:#1d1711}html[data-theme="night"] .slider-head{color:#ccb58f}html[data-theme="night"] .slider-card small,html[data-theme="night"] .switch-row small{color:#7f6d53}html[data-theme="night"] .slider-card input[type=range],html[data-theme="night"] .instrument-accent input[type=range],html[data-theme="night"] .compare-right input,html[data-theme="night"] .transport-timeline input,html[data-theme="night"] .transport-volume input{accent-color:#c18a38}html[data-theme="night"] .field span{color:#867257}html[data-theme="night"] .field select,html[data-theme="night"] .field input{border-color:#443322;background:#1b1510;color:#d8c5a7}html[data-theme="night"] .switch{background:#4b3b29}html[data-theme="night"] .switch-row input:checked+.switch{background:#ad782e}html[data-theme="night"] .switch-row strong{color:#d2be9e}
html[data-theme="night"] .source-mode-tabs{border-color:#40301f;background:#15110d}html[data-theme="night"] .source-mode{color:#806d51}html[data-theme="night"] .source-mode:hover{color:#d8bd8c;background:#211810}html[data-theme="night"] .source-mode.active{color:#180f06;background:linear-gradient(180deg,#c28c3b,#936125);box-shadow:inset 0 0 0 1px #936125,0 5px 15px rgba(130,85,26,.17)}
html[data-theme="night"] .reference-picker,html[data-theme="night"] .mic-recorder{border-color:#40301f;background:#1c1610}html[data-theme="night"] .reference-picker-icon,html[data-theme="night"] .mic-orb{border-color:#4b3926;background:#211910;color:#b78339}html[data-theme="night"] .reference-picker-copy strong,html[data-theme="night"] .mic-copy strong{color:#dbc9aa}html[data-theme="night"] .reference-picker-copy small,html[data-theme="night"] .mic-copy small,html[data-theme="night"] .reference-selected-note,html[data-theme="night"] .mic-status{color:#7f6d53}html[data-theme="night"] .reference-picker select{border-color:#443321;background:#17120e;color:#c7b08b}html[data-theme="night"] .reference-picker select:focus{border-color:#a87631}html[data-theme="night"] .secondary-button{border-color:#453322;background:#1c1610;color:#a98e66}html[data-theme="night"] .secondary-button:hover{background:#9a6827;border-color:#9a6827;color:#fff0d2}
html[data-theme="night"] .primary{border-color:#956326;background:linear-gradient(135deg,#9d6727,#c18d3e 55%,#7e511d);color:#160d05;box-shadow:0 12px 27px rgba(145,94,28,.24),inset 0 1px rgba(255,229,168,.22)}html[data-theme="night"] .primary:hover{background:linear-gradient(135deg,#ad752f,#d09b4b 55%,#8c5c23)}
html[data-theme="night"] .progress-card{background:#1a1510}html[data-theme="night"] .progress-ring{background:conic-gradient(#c28b38 calc(var(--p,0)*1%),#34281b 0)}html[data-theme="night"] .progress-ring:before{background:#1a1510}html[data-theme="night"] .progress-ring strong{color:#d5b473}html[data-theme="night"] .progress-ring span,html[data-theme="night"] .progress-steps p,html[data-theme="night"] .progress-steps li{color:#7e6b51}html[data-theme="night"] .progress-steps>strong{color:#d4c09f}html[data-theme="night"] .progress-steps li.active{color:#cba660}html[data-theme="night"] .progress-steps li.active i{background:#bc8433;box-shadow:0 0 0 4px rgba(190,133,49,.1)}html[data-theme="night"] .progress-track{background:#332719}html[data-theme="night"] .progress-track div{background:linear-gradient(90deg,#82531d,#d6a650)}html[data-theme="night"] .tip-line{color:#76654d}
html[data-theme="night"] .audio-workspace{background:#0c0a08;border-color:#352617;box-shadow:0 18px 48px rgba(0,0,0,.26)}html[data-theme="night"] .workspace-toolbar{background:#0d0b09;border-bottom-color:#302316}html[data-theme="night"] .workspace-pane{background:#0c0a08}html[data-theme="night"] .stem-tab{border-color:#392918!important;background:#15110d!important;color:#8f795a!important}html[data-theme="night"] .stem-tab.active{color:#160e06!important;background:#c08a38!important;border-color:#c08a38!important}
html[data-theme="night"] .audio-card{border-color:#342617;background:linear-gradient(180deg,#16110d,#0f0c09)}html[data-theme="night"] .original-card .audio-title-block span{color:#e4d2b2}html[data-theme="night"] .modified-card .audio-title-block span{color:#d19c49}html[data-theme="night"] .audio-title-block small,html[data-theme="night"] .audio-meta{color:#76644c}html[data-theme="night"] .wave-area{border-bottom-color:#302316}html[data-theme="night"] .spectrum-area{background:#0d0a08}html[data-theme="night"] .freq-axis,html[data-theme="night"] .time-axis{color:#695943}html[data-theme="night"] .level-meter{border-color:#342617;background:#15110d}html[data-theme="night"] .meter-body{background:#312519}html[data-theme="night"] .original-meter{background:linear-gradient(180deg,#e5cf9d,#7e5a28)}html[data-theme="night"] .modified-meter{background:linear-gradient(180deg,#d6a34b,#6f4219)}html[data-theme="night"] .blue-play{background:#dfc58e}html[data-theme="night"] .violet-play{background:#c08a38}html[data-theme="night"] .compare-strip{border-color:#332518;background:#15110d}html[data-theme="night"] .compare-choice{border-color:#3b2b1b;background:#1a140f;color:#806c50}html[data-theme="night"] .compare-choice.active{background:#c18b39;border-color:#c18b39;color:#160e06}
html[data-theme="night"] .library-view-head{border-bottom-color:#35281a}html[data-theme="night"] .library-view-head h1{color:#e7d5b6}html[data-theme="night"] .library-view-head p{color:#7f6c51}html[data-theme="night"] .library-card{border-color:#3d2e1f;background:linear-gradient(180deg,#1b1611,#16120e);box-shadow:0 12px 30px rgba(0,0,0,.19)}html[data-theme="night"] .library-card:hover{border-color:#76542a;box-shadow:0 16px 36px rgba(0,0,0,.25)}html[data-theme="night"] .library-card-title strong{color:#e0ceb0}html[data-theme="night"] .library-card-title span{color:#7e6c52}html[data-theme="night"] .library-card-badge{border-color:#4a3825;color:#a78b63;background:#211910}html[data-theme="night"] .library-card-prompt{color:#8c7759}html[data-theme="night"] .library-card-meta span{color:#8d7758;border-color:#403020;background:#1c1610}html[data-theme="night"] .library-card-actions a,html[data-theme="night"] .library-card-actions button{border-color:#453322;background:#1b1510;color:#a98c63}html[data-theme="night"] .library-card-actions a:hover,html[data-theme="night"] .library-card-actions button:hover{color:#190f06;border-color:#bb8435;background:#bb8435}html[data-theme="night"] .library-empty{border-color:#403020;background:#18130f}html[data-theme="night"] .library-empty-icon{color:#b37e32}html[data-theme="night"] .library-empty strong{color:#cfba98}html[data-theme="night"] .library-empty p,html[data-theme="night"] .library-loading{color:#7f6d52}
html[data-theme="night"] .save-modal-card{border-color:#4a3825;background:#1b1611;color:#e8d7b9}html[data-theme="night"] .save-modal-head{border-bottom-color:#403020}html[data-theme="night"] .save-modal-head h2{color:#e7d6b8}html[data-theme="night"] .save-modal-head p,html[data-theme="night"] .save-asset-choice>span,html[data-theme="night"] .save-asset-choice small{color:#806d51}html[data-theme="night"] .modal-close{border-color:#443221;background:#211910;color:#a78d66}html[data-theme="night"] .modal-close:hover{background:#a8732c;border-color:#a8732c;color:#160d05}html[data-theme="night"] .save-destination{border-color:#433221;background:#1d1711;color:#bda57d}html[data-theme="night"] .save-destination:hover,html[data-theme="night"] .save-destination.selected{border-color:#a16f2b;background:#241a11}html[data-theme="night"] .save-destination-icon{background:#9d6927!important;border-color:#9d6927!important;color:#1b1006!important}html[data-theme="night"] .save-selected-btn{border-color:#a36e2a;background:linear-gradient(180deg,#bd8535,#8e5c22);color:#160d05}
html[data-theme="night"] .bottom-transport{border-top-color:#342617;background:linear-gradient(180deg,#15110d,#0b0907);color:#ead7b6}html[data-theme="night"] .transport-track-info strong{color:#e9d7b8}html[data-theme="night"] .transport-track-info span{color:#78664d}html[data-theme="night"] .transport-icon{color:#8f795a}html[data-theme="night"] .transport-icon:hover{color:#d9b977}html[data-theme="night"] .transport-play{border-color:#8c622d;background:linear-gradient(180deg,#d4ad62,#a9752d);color:#160d05}html[data-theme="night"] .transport-play:hover{background:#dfbc75;border-color:#bd8a43}html[data-theme="night"] .transport-timeline span,html[data-theme="night"] .transport-volume{color:#806c51}

html[data-theme="graphite"] .color-theme-button{background:#fff;border-color:#d1d1cb;color:#343430}
html[data-theme="graphite"] .color-theme-button:hover:not(:disabled){background:#111;border-color:#111;color:#fff}

@media(max-width:860px){.color-theme-button{min-width:38px;width:38px;padding:0}.color-theme-button:not(:focus) .color-button-swatch{display:none}.color-theme-button{font-size:0}.color-theme-button .color-chevron{display:none}.color-theme-button:after{content:"◐";font-size:13px}.color-theme-menu{right:-42px}}


/* -------------------------------------------------------------------------- */
/* v16 · Five selectable color systems                                       */
/* Original Color restores the pre-monochrome JoyMetric skin through the      */
/* separately toggled original-theme.css. Blue Metal and Matte Green are new. */
/* -------------------------------------------------------------------------- */
html[data-theme="original"] .color-theme-menu{background:rgba(13,17,24,.985);border-color:#2b3544;color:#eef2f7;box-shadow:0 24px 58px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.04)}
html[data-theme="original"] .color-theme-option:hover{background:rgba(70,156,248,.08)}
html[data-theme="original"] .color-theme-option.active{background:linear-gradient(90deg,rgba(70,156,248,.11),rgba(180,84,255,.08));box-shadow:inset 0 0 0 1px rgba(104,145,213,.15)}
html[data-theme="original"] .color-theme-option strong{color:#edf2f8}
html[data-theme="original"] .color-theme-option small{color:#7f8999}
html[data-theme="original"] .color-theme-option>b{color:#62b0ff}
html[data-theme="original"] .color-theme-button{border-color:#27313e;background:#0c1118;color:#cbd1db}
html[data-theme="original"] .color-theme-button:hover{background:#121923;border-color:#354153;color:#fff}

/* Blue Metal --------------------------------------------------------------- */
html[data-theme="metal"]{
  --bg:#0b1117;--bg-deep:#071017;--panel:#111a22;--panel2:#15212b;--panel3:#1b2934;--line:#293947;--line-soft:rgba(180,210,232,.08);
  --text:#e7edf2;--soft:#b8c7d1;--muted:#718493;--red:#6e94b3;--red-dark:#46657d;--red-glow:rgba(104,160,204,.2);
  --blue:#7db7e1;--blue2:#446f91;--blue-glow:rgba(103,177,229,.22);--violet:#b7c8d5;--violet2:#667d8e;--violet-glow:rgba(190,211,226,.17);--pink:#8bb6c5;--cyan:#89c8d7;--green:#82b7a6;--shadow:0 22px 60px rgba(1,9,16,.34);
}
html[data-theme="metal"],html[data-theme="metal"] body{background:#0b1117;color:#e7edf2}
html[data-theme="metal"] body{background:radial-gradient(circle at 78% -12%,rgba(91,143,183,.15),transparent 32%),linear-gradient(180deg,#0d151d,#091017)}
html[data-theme="metal"] .studio-shell{background:linear-gradient(180deg,#0c141b,#091016)}
html[data-theme="metal"] .sidebar{border-right-color:#263746;background:linear-gradient(180deg,#0c151d,#0a1117)}
html[data-theme="metal"] .logo-panel{background:#0a1016;border-bottom-color:#273947}
html[data-theme="metal"] .logo-image{filter:saturate(.6) hue-rotate(165deg) brightness(.92) contrast(1.07)}
html[data-theme="metal"] .nav-item{color:#9bafbd}html[data-theme="metal"] .nav-item:hover:not(:disabled){background:#14212b;color:#edf4f8}
html[data-theme="metal"] .nav-item.active{background:linear-gradient(90deg,rgba(80,133,173,.34),rgba(39,66,86,.22));color:#f1f7fa;border-left:2px solid #89bfe5}
html[data-theme="metal"] .nav-item.active .nav-icon{color:#a8d2ef}html[data-theme="metal"] .nav-icon{color:#8196a5}html[data-theme="metal"] .nav-item small{color:#617685}
html[data-theme="metal"] .nav-divider{background:#233340}html[data-theme="metal"] .nav-label{color:#607786}html[data-theme="metal"] .nav-count{border-color:#2b3d4b;background:#0c151c;color:#708697}html[data-theme="metal"] .nav-item.active .nav-count{color:#dceaf3;border-color:#496a83;background:#193041}
html[data-theme="metal"] .engine-card{border-color:#2d414f;background:linear-gradient(180deg,#14212b,#0d171e)}html[data-theme="metal"] .engine-glyph i{background:linear-gradient(180deg,#d3e0e9,#6fa6cb)}html[data-theme="metal"] .engine-copy span{color:#708493}html[data-theme="metal"] .engine-copy strong{color:#d7e2e9}
html[data-theme="metal"] .main-stage{background:linear-gradient(180deg,#0c141b,#091016)}html[data-theme="metal"] .topbar{border-bottom-color:#293a47;background:rgba(13,21,29,.94);box-shadow:0 8px 32px rgba(0,0,0,.12)}
html[data-theme="metal"] .project-title-input{color:#eef4f7}html[data-theme="metal"] .project-title-input:hover{border-color:#304552;background:#111d26}html[data-theme="metal"] .project-title-input:focus{border-color:#6d9dbc;background:#111d26;box-shadow:0 0 0 2px rgba(104,156,193,.09)}
html[data-theme="metal"] .tiny-icon{color:#7890a0}html[data-theme="metal"] .tiny-icon:hover{color:#cfe2ee}html[data-theme="metal"] .project-meta{color:#718493}
html[data-theme="metal"] .top-action{border-color:#2d404e;background:linear-gradient(180deg,#15212a,#101920);color:#b7c7d1}html[data-theme="metal"] .top-action:hover:not(:disabled){background:#1a2b36;border-color:#466478;color:#ecf4f8}
html[data-theme="metal"] .top-action.icon-only.active{color:#eef7fb;border-color:#507491;background:linear-gradient(180deg,#1e3850,#142839)}
html[data-theme="metal"] .window-dots i{background:#647d8f}html[data-theme="metal"] .window-dots i:nth-child(2){border-color:#647d8f;background:transparent}html[data-theme="metal"] .window-dots .close-dot:after{background:#647d8f}
html[data-theme="metal"] .work-area,html[data-theme="metal"] .library-view{background:radial-gradient(circle at 84% 2%,rgba(78,126,161,.08),transparent 27%),#0a1117}
html[data-theme="metal"] .control-column,html[data-theme="metal"] .audio-workspace{scrollbar-color:#304757 transparent}
html[data-theme="metal"] .control-card{border-color:#293b48;background:linear-gradient(180deg,#111c24,#0d161d);box-shadow:0 12px 30px rgba(0,0,0,.16)}
html[data-theme="metal"] .upload-card{background:#0e181f}html[data-theme="metal"] .dropzone{border-color:#405766;background:#101b23}html[data-theme="metal"] .dropzone:hover,html[data-theme="metal"] .dropzone.drag{border-color:#7096b0;background:#14232d}html[data-theme="metal"] .upload-cloud{color:#bdd7e7}html[data-theme="metal"] .dropzone strong{color:#d9e5eb}html[data-theme="metal"] .dropzone small{color:#6e8290}html[data-theme="metal"] .browse-button{border-color:#476173;background:#172832;color:#d9e8ef}
html[data-theme="metal"] .card-heading strong{color:#dce7ec}html[data-theme="metal"] .card-heading>span{color:#728795}html[data-theme="metal"] .info-dot{border-color:#4e6677;color:#8ca6b7}html[data-theme="metal"] .mini-select,html[data-theme="metal"] .more-btn{border-color:#2d414e;background:#14212a;color:#93a8b7}
html[data-theme="metal"] #prompt{background:#121f28;border-color:#2a3e4b;color:#dbe6ec}html[data-theme="metal"] #prompt:focus{border-color:#6b96b1;box-shadow:0 0 0 2px rgba(99,148,182,.08)}
html[data-theme="metal"] .prompt-chips button{border-color:#304652;background:#16242d;color:#9eb2be}html[data-theme="metal"] .prompt-chips button:hover{background:#244257;border-color:#507896;color:#e8f2f7}
html[data-theme="metal"] .advanced{border-color:#283a46}html[data-theme="metal"] .advanced summary{color:#aebdc7}html[data-theme="metal"] .slider-card,html[data-theme="metal"] .switch-row{border-color:#2d414e;background:#111c24}html[data-theme="metal"] .slider-head{color:#c3d1da}html[data-theme="metal"] .slider-card small,html[data-theme="metal"] .switch-row small{color:#6f8290}
html[data-theme="metal"] .slider-card input[type=range],html[data-theme="metal"] .instrument-accent input[type=range],html[data-theme="metal"] .compare-right input,html[data-theme="metal"] .transport-timeline input,html[data-theme="metal"] .transport-volume input{accent-color:#81b5d8}
html[data-theme="metal"] .field span{color:#728695}html[data-theme="metal"] .field select,html[data-theme="metal"] .field input{border-color:#304450;background:#101a21;color:#c8d6df}html[data-theme="metal"] .switch{background:#3a4d59}html[data-theme="metal"] .switch-row input:checked+.switch{background:#5e94b8}html[data-theme="metal"] .switch-row strong{color:#c7d5dd}
html[data-theme="metal"] .source-mode-tabs{border-color:#2d414e;background:#0b141a}html[data-theme="metal"] .source-mode{color:#728897}html[data-theme="metal"] .source-mode:hover{color:#d5e4ec;background:#15232c}html[data-theme="metal"] .source-mode.active{color:#071017;background:linear-gradient(180deg,#9cc8e4,#6498bb);box-shadow:0 5px 15px rgba(64,122,161,.17)}
html[data-theme="metal"] .reference-picker,html[data-theme="metal"] .mic-recorder{border-color:#2d414e;background:#101a21}html[data-theme="metal"] .reference-picker-icon,html[data-theme="metal"] .mic-orb{border-color:#385160;background:#14222b;color:#8fc0de}html[data-theme="metal"] .reference-picker-copy strong,html[data-theme="metal"] .mic-copy strong{color:#d2dfe6}html[data-theme="metal"] .reference-picker-copy small,html[data-theme="metal"] .mic-copy small,html[data-theme="metal"] .reference-selected-note,html[data-theme="metal"] .mic-status{color:#6f8290}html[data-theme="metal"] .reference-picker select{border-color:#304552;background:#0e171e;color:#b7c9d4}
html[data-theme="metal"] .secondary-button{border-color:#314653;background:#111c24;color:#9aafbc}html[data-theme="metal"] .secondary-button:hover{background:#27465a;border-color:#5480a0;color:#eef6fa}
html[data-theme="metal"] .primary{border-color:#5784a3;background:linear-gradient(135deg,#426d8d,#7faccc 55%,#2d4e66);color:#f2f8fb;box-shadow:0 12px 28px rgba(41,88,121,.26),inset 0 1px rgba(224,242,255,.14)}html[data-theme="metal"] .primary:hover{background:linear-gradient(135deg,#4d7c9d,#91bad6 55%,#365a72)}
html[data-theme="metal"] .progress-card{background:#0f1920}html[data-theme="metal"] .progress-ring{background:conic-gradient(#82b7dc calc(var(--p,0)*1%),#22323d 0)}html[data-theme="metal"] .progress-ring:before{background:#0f1920}html[data-theme="metal"] .progress-ring strong{color:#a8cde5}html[data-theme="metal"] .progress-ring span,html[data-theme="metal"] .progress-steps p,html[data-theme="metal"] .progress-steps li{color:#6f8290}html[data-theme="metal"] .progress-steps>strong{color:#c6d6df}html[data-theme="metal"] .progress-steps li.active{color:#9fc8e1}html[data-theme="metal"] .progress-steps li.active i{background:#74a9cd;box-shadow:0 0 0 4px rgba(112,167,204,.1)}html[data-theme="metal"] .progress-track{background:#24343e}html[data-theme="metal"] .progress-track div{background:linear-gradient(90deg,#497da0,#9bc8e3)}html[data-theme="metal"] .tip-line{color:#708391}
html[data-theme="metal"] .audio-workspace{background:#081018;border-color:#273b49;box-shadow:0 18px 48px rgba(0,0,0,.27)}html[data-theme="metal"] .workspace-toolbar{background:#09131a;border-bottom-color:#263945}html[data-theme="metal"] .workspace-pane{background:#081018}html[data-theme="metal"] .stem-tab{border-color:#2d4351!important;background:#101d25!important;color:#849aa8!important}html[data-theme="metal"] .stem-tab.active{color:#081017!important;background:#8bb9d6!important;border-color:#8bb9d6!important}
html[data-theme="metal"] .audio-card{border-color:#263b49;background:linear-gradient(180deg,#101b23,#0b141a)}html[data-theme="metal"] .original-card .audio-title-block span{color:#b7d7eb}html[data-theme="metal"] .modified-card .audio-title-block span{color:#d4e0e8}html[data-theme="metal"] .audio-title-block small,html[data-theme="metal"] .audio-meta{color:#6d8290}html[data-theme="metal"] .wave-area{border-bottom-color:#263944}html[data-theme="metal"] .spectrum-area{background:#09131a}html[data-theme="metal"] .freq-axis,html[data-theme="metal"] .time-axis{color:#607481}html[data-theme="metal"] .level-meter{border-color:#29404f;background:#0f1b23}html[data-theme="metal"] .meter-body{background:#263944}html[data-theme="metal"] .original-meter{background:linear-gradient(180deg,#a8d3ec,#527fa0)}html[data-theme="metal"] .modified-meter{background:linear-gradient(180deg,#d6e2ea,#6d8494)}html[data-theme="metal"] .blue-play{background:#9dc9e4}html[data-theme="metal"] .violet-play{background:#cbd8e1}html[data-theme="metal"] .compare-strip{border-color:#293d49;background:#101a21}html[data-theme="metal"] .compare-choice{border-color:#314754;background:#14212a;color:#728796}html[data-theme="metal"] .compare-choice.active{background:#9bc5df;border-color:#9bc5df;color:#071016}
html[data-theme="metal"] .library-view-head{border-bottom-color:#293c48}html[data-theme="metal"] .library-view-head h1{color:#dce7ed}html[data-theme="metal"] .library-view-head p{color:#708391}html[data-theme="metal"] .library-card{border-color:#2d414e;background:linear-gradient(180deg,#111c24,#0d171e);box-shadow:0 12px 30px rgba(0,0,0,.18)}html[data-theme="metal"] .library-card:hover{border-color:#527087;box-shadow:0 16px 38px rgba(0,0,0,.24)}html[data-theme="metal"] .library-card-title strong{color:#d6e2e8}html[data-theme="metal"] .library-card-title span{color:#6d8190}html[data-theme="metal"] .library-card-badge{border-color:#36505f;color:#8fa6b5;background:#14212a}html[data-theme="metal"] .library-card-prompt{color:#7d909d}html[data-theme="metal"] .library-card-meta span{color:#7d919f;border-color:#2b3e4b;background:#101b23}html[data-theme="metal"] .library-card-actions a,html[data-theme="metal"] .library-card-actions button{border-color:#304550;background:#101a21;color:#91a7b4}html[data-theme="metal"] .library-card-actions a:hover,html[data-theme="metal"] .library-card-actions button:hover{color:#071016;border-color:#88b8d6;background:#88b8d6}html[data-theme="metal"] .library-empty{border-color:#304550;background:#0e181f}html[data-theme="metal"] .library-empty-icon{color:#7aa9c7}html[data-theme="metal"] .library-empty strong{color:#c7d6df}html[data-theme="metal"] .library-empty p,html[data-theme="metal"] .library-loading{color:#708391}
html[data-theme="metal"] .save-modal-card{border-color:#344a58;background:#111c24;color:#dbe6ec}html[data-theme="metal"] .save-modal-head{border-bottom-color:#2c414d}html[data-theme="metal"] .save-modal-head h2{color:#dbe7ed}html[data-theme="metal"] .save-modal-head p,html[data-theme="metal"] .save-asset-choice>span,html[data-theme="metal"] .save-asset-choice small{color:#718493}html[data-theme="metal"] .modal-close{border-color:#304550;background:#14212a;color:#95aab7}html[data-theme="metal"] .modal-close:hover{background:#7fb0cf;border-color:#7fb0cf;color:#071016}html[data-theme="metal"] .save-destination{border-color:#304550;background:#111d25;color:#a8bbc7}html[data-theme="metal"] .save-destination:hover,html[data-theme="metal"] .save-destination.selected{border-color:#628eaa;background:#162631}html[data-theme="metal"] .save-destination-icon{background:#416e8d!important;border-color:#416e8d!important;color:#eaf4f8!important}html[data-theme="metal"] .save-selected-btn{border-color:#5885a2;background:linear-gradient(180deg,#7eafd0,#4d7896);color:#071016}
html[data-theme="metal"] .bottom-transport{border-top-color:#293e4a;background:linear-gradient(180deg,#0f1a21,#081017);color:#dce7ed}html[data-theme="metal"] .transport-track-info strong{color:#dde8ee}html[data-theme="metal"] .transport-track-info span{color:#687d8a}html[data-theme="metal"] .transport-icon{color:#8298a6}html[data-theme="metal"] .transport-icon:hover{color:#b7d7e9}html[data-theme="metal"] .transport-play{border-color:#5b7e95;background:linear-gradient(180deg,#b1d0e3,#799fb9);color:#071016}html[data-theme="metal"] .transport-play:hover{background:#c0dbea;border-color:#91b6cd}html[data-theme="metal"] .transport-timeline span,html[data-theme="metal"] .transport-volume{color:#6f8390}
html[data-theme="metal"] .color-theme-menu{background:rgba(15,26,34,.985);border-color:#38505f;color:#e5eef3}html[data-theme="metal"] .color-theme-option:hover{background:rgba(117,171,208,.08)}html[data-theme="metal"] .color-theme-option.active{background:rgba(108,166,205,.12);box-shadow:inset 0 0 0 1px rgba(120,179,216,.16)}html[data-theme="metal"] .color-theme-option strong{color:#e3edf2}html[data-theme="metal"] .color-theme-option small{color:#78909f}html[data-theme="metal"] .color-theme-option>b{color:#8fc4e4}

/* Matte Green -------------------------------------------------------------- */
html[data-theme="green"]{
  --bg:#111814;--bg-deep:#0b110d;--panel:#17211b;--panel2:#1b2920;--panel3:#223126;--line:#314138;--line-soft:rgba(193,208,177,.075);
  --text:#e5eadf;--soft:#bdc8b7;--muted:#788678;--red:#70866a;--red-dark:#465843;--red-glow:rgba(116,151,105,.18);
  --blue:#8caf92;--blue2:#55705b;--blue-glow:rgba(129,170,137,.20);--violet:#c0bb79;--violet2:#777345;--violet-glow:rgba(191,181,105,.18);--pink:#9da88e;--cyan:#88aa96;--green:#87b592;--shadow:0 22px 60px rgba(2,10,5,.34);
}
html[data-theme="green"],html[data-theme="green"] body{background:#111814;color:#e5eadf}
html[data-theme="green"] body{background:radial-gradient(circle at 78% -10%,rgba(103,139,103,.13),transparent 32%),linear-gradient(180deg,#131c16,#0f1612)}
html[data-theme="green"] .studio-shell{background:linear-gradient(180deg,#121b15,#0f1612)}html[data-theme="green"] .sidebar{border-right-color:#2c3d33;background:linear-gradient(180deg,#101812,#0c130f)}html[data-theme="green"] .logo-panel{background:#0d140f;border-bottom-color:#2d3d33}html[data-theme="green"] .logo-image{filter:saturate(.45) hue-rotate(88deg) brightness(.82) contrast(1.08)}
html[data-theme="green"] .nav-item{color:#9cab98}html[data-theme="green"] .nav-item:hover:not(:disabled){background:#18231b;color:#edf1e9}html[data-theme="green"] .nav-item.active{background:linear-gradient(90deg,rgba(89,122,86,.34),rgba(43,62,45,.22));color:#f0f3ec;border-left:2px solid #93b794}html[data-theme="green"] .nav-item.active .nav-icon{color:#a8c5a4}html[data-theme="green"] .nav-icon{color:#7f927d}html[data-theme="green"] .nav-item small{color:#627460}html[data-theme="green"] .nav-divider{background:#29382f}html[data-theme="green"] .nav-label{color:#627461}html[data-theme="green"] .nav-count{border-color:#304038;background:#101812;color:#6f806e}html[data-theme="green"] .nav-item.active .nav-count{color:#e2eadc;border-color:#526b55;background:#1c2e21}
html[data-theme="green"] .engine-card{border-color:#33463a;background:linear-gradient(180deg,#18231b,#101812)}html[data-theme="green"] .engine-glyph i{background:linear-gradient(180deg,#d0c881,#719776)}html[data-theme="green"] .engine-copy span{color:#70806f}html[data-theme="green"] .engine-copy strong{color:#d8e0d4}
html[data-theme="green"] .main-stage{background:linear-gradient(180deg,#121a15,#0f1612)}html[data-theme="green"] .topbar{border-bottom-color:#304036;background:rgba(18,27,21,.94);box-shadow:0 8px 30px rgba(0,0,0,.12)}html[data-theme="green"] .project-title-input{color:#eef2ea}html[data-theme="green"] .project-title-input:hover{border-color:#394e40;background:#172219}html[data-theme="green"] .project-title-input:focus{border-color:#6f9274;background:#172219;box-shadow:0 0 0 2px rgba(111,145,115,.09)}html[data-theme="green"] .tiny-icon{color:#788b77}html[data-theme="green"] .tiny-icon:hover{color:#d5dfd1}html[data-theme="green"] .project-meta{color:#718170}
html[data-theme="green"] .top-action{border-color:#33463b;background:linear-gradient(180deg,#19241c,#121b15);color:#b7c3b2}html[data-theme="green"] .top-action:hover:not(:disabled){background:#203026;border-color:#4b6651;color:#edf2e9}html[data-theme="green"] .top-action.icon-only.active{color:#eef3e9;border-color:#607b62;background:linear-gradient(180deg,#2c4932,#1b3222)}
html[data-theme="green"] .window-dots i{background:#687d67}html[data-theme="green"] .window-dots i:nth-child(2){border-color:#687d67;background:transparent}html[data-theme="green"] .window-dots .close-dot:after{background:#687d67}
html[data-theme="green"] .work-area,html[data-theme="green"] .library-view{background:radial-gradient(circle at 84% 2%,rgba(100,132,98,.07),transparent 28%),#101712}html[data-theme="green"] .control-column,html[data-theme="green"] .audio-workspace{scrollbar-color:#344b3a transparent}
html[data-theme="green"] .control-card{border-color:#304237;background:linear-gradient(180deg,#17221a,#121b15);box-shadow:0 12px 30px rgba(0,0,0,.16)}html[data-theme="green"] .upload-card{background:#131d16}html[data-theme="green"] .dropzone{border-color:#415746;background:#162119}html[data-theme="green"] .dropzone:hover,html[data-theme="green"] .dropzone.drag{border-color:#708e72;background:#1b2a20}html[data-theme="green"] .upload-cloud{color:#c4d3bf}html[data-theme="green"] .dropzone strong{color:#dce5d8}html[data-theme="green"] .dropzone small{color:#70806f}html[data-theme="green"] .browse-button{border-color:#4a624f;background:#1a2b20;color:#d9e4d4}
html[data-theme="green"] .card-heading strong{color:#dce4d8}html[data-theme="green"] .card-heading>span{color:#748473}html[data-theme="green"] .info-dot{border-color:#526853;color:#8ba08a}html[data-theme="green"] .mini-select,html[data-theme="green"] .more-btn{border-color:#34483a;background:#18241c;color:#96a693}html[data-theme="green"] #prompt{background:#19241c;border-color:#334739;color:#dbe3d7}html[data-theme="green"] #prompt:focus{border-color:#6d8a6e;box-shadow:0 0 0 2px rgba(109,139,111,.08)}html[data-theme="green"] .prompt-chips button{border-color:#35483a;background:#1a281e;color:#9aaa97}html[data-theme="green"] .prompt-chips button:hover{background:#2a4631;border-color:#55745a;color:#edf2e9}
html[data-theme="green"] .advanced{border-color:#2d4034}html[data-theme="green"] .advanced summary{color:#aebaa9}html[data-theme="green"] .slider-card,html[data-theme="green"] .switch-row{border-color:#33463a;background:#152018}html[data-theme="green"] .slider-head{color:#c3cec0}html[data-theme="green"] .slider-card small,html[data-theme="green"] .switch-row small{color:#6f7f6e}html[data-theme="green"] .slider-card input[type=range],html[data-theme="green"] .instrument-accent input[type=range],html[data-theme="green"] .compare-right input,html[data-theme="green"] .transport-timeline input,html[data-theme="green"] .transport-volume input{accent-color:#8eaa87}html[data-theme="green"] .field span{color:#728272}html[data-theme="green"] .field select,html[data-theme="green"] .field input{border-color:#34483a;background:#121b15;color:#c9d4c5}html[data-theme="green"] .switch{background:#3b4e3e}html[data-theme="green"] .switch-row input:checked+.switch{background:#6f916f}html[data-theme="green"] .switch-row strong{color:#cad5c6}
html[data-theme="green"] .source-mode-tabs{border-color:#33463a;background:#0f1712}html[data-theme="green"] .source-mode{color:#748675}html[data-theme="green"] .source-mode:hover{color:#dce5d7;background:#18251c}html[data-theme="green"] .source-mode.active{color:#0e150f;background:linear-gradient(180deg,#a8c0a2,#738f72);box-shadow:0 5px 15px rgba(71,112,77,.18)}html[data-theme="green"] .reference-picker,html[data-theme="green"] .mic-recorder{border-color:#33463a;background:#141e17}html[data-theme="green"] .reference-picker-icon,html[data-theme="green"] .mic-orb{border-color:#3d5543;background:#19251c;color:#97b194}html[data-theme="green"] .reference-picker-copy strong,html[data-theme="green"] .mic-copy strong{color:#d1dbcd}html[data-theme="green"] .reference-picker-copy small,html[data-theme="green"] .mic-copy small,html[data-theme="green"] .reference-selected-note,html[data-theme="green"] .mic-status{color:#6f7f6e}html[data-theme="green"] .reference-picker select{border-color:#34483a;background:#111a14;color:#bac8b6}html[data-theme="green"] .secondary-button{border-color:#35493b;background:#151f18;color:#9bab97}html[data-theme="green"] .secondary-button:hover{background:#31523a;border-color:#5d7c61;color:#eef3ea}
html[data-theme="green"] .primary{border-color:#6c8261;background:linear-gradient(135deg,#526d58,#8b9c67 55%,#364b3b);color:#f0f2e5;box-shadow:0 12px 28px rgba(50,85,56,.25),inset 0 1px rgba(234,239,198,.12)}html[data-theme="green"] .primary:hover{background:linear-gradient(135deg,#5f7b65,#9ead78 55%,#405844)}
html[data-theme="green"] .progress-card{background:#141e17}html[data-theme="green"] .progress-ring{background:conic-gradient(#8fab88 calc(var(--p,0)*1%),#26352b 0)}html[data-theme="green"] .progress-ring:before{background:#141e17}html[data-theme="green"] .progress-ring strong{color:#abc1a4}html[data-theme="green"] .progress-ring span,html[data-theme="green"] .progress-steps p,html[data-theme="green"] .progress-steps li{color:#6f7e6e}html[data-theme="green"] .progress-steps>strong{color:#c7d1c3}html[data-theme="green"] .progress-steps li.active{color:#aac2a5}html[data-theme="green"] .progress-steps li.active i{background:#7f9f7c;box-shadow:0 0 0 4px rgba(126,159,122,.1)}html[data-theme="green"] .progress-track{background:#28382d}html[data-theme="green"] .progress-track div{background:linear-gradient(90deg,#58755d,#b6ad69)}html[data-theme="green"] .tip-line{color:#70806f}
html[data-theme="green"] .audio-workspace{background:#0b130e;border-color:#2e4336;box-shadow:0 18px 48px rgba(0,0,0,.27)}html[data-theme="green"] .workspace-toolbar{background:#0c140f;border-bottom-color:#2b3e32}html[data-theme="green"] .workspace-pane{background:#0b130e}html[data-theme="green"] .stem-tab{border-color:#334a3b!important;background:#141f17!important;color:#829282!important}html[data-theme="green"] .stem-tab.active{color:#0c130e!important;background:#9bb294!important;border-color:#9bb294!important}
html[data-theme="green"] .audio-card{border-color:#2c4235;background:linear-gradient(180deg,#141f18,#0f1712)}html[data-theme="green"] .original-card .audio-title-block span{color:#bdd1b7}html[data-theme="green"] .modified-card .audio-title-block span{color:#c8c083}html[data-theme="green"] .audio-title-block small,html[data-theme="green"] .audio-meta{color:#6f806f}html[data-theme="green"] .wave-area{border-bottom-color:#293d31}html[data-theme="green"] .spectrum-area{background:#0c140f}html[data-theme="green"] .freq-axis,html[data-theme="green"] .time-axis{color:#617260}html[data-theme="green"] .level-meter{border-color:#304638;background:#131e16}html[data-theme="green"] .meter-body{background:#293b30}html[data-theme="green"] .original-meter{background:linear-gradient(180deg,#b7cdb0,#647e65)}html[data-theme="green"] .modified-meter{background:linear-gradient(180deg,#d0c47a,#716a3e)}html[data-theme="green"] .blue-play{background:#a9c2a3}html[data-theme="green"] .violet-play{background:#c8bd76}html[data-theme="green"] .compare-strip{border-color:#304438;background:#121d16}html[data-theme="green"] .compare-choice{border-color:#374c3d;background:#16231a;color:#748574}html[data-theme="green"] .compare-choice.active{background:#a8bb9f;border-color:#a8bb9f;color:#0b120d}
html[data-theme="green"] .library-view-head{border-bottom-color:#304136}html[data-theme="green"] .library-view-head h1{color:#dbe4d6}html[data-theme="green"] .library-view-head p{color:#718170}html[data-theme="green"] .library-card{border-color:#33463a;background:linear-gradient(180deg,#17221a,#121b15);box-shadow:0 12px 30px rgba(0,0,0,.18)}html[data-theme="green"] .library-card:hover{border-color:#5b745f;box-shadow:0 16px 38px rgba(0,0,0,.23)}html[data-theme="green"] .library-card-title strong{color:#d6e0d2}html[data-theme="green"] .library-card-title span{color:#6e7e6d}html[data-theme="green"] .library-card-badge{border-color:#3b5342;color:#8ea28c;background:#18241c}html[data-theme="green"] .library-card-prompt{color:#7d8e7a}html[data-theme="green"] .library-card-meta span{color:#7c8e7a;border-color:#304237;background:#141e17}html[data-theme="green"] .library-card-actions a,html[data-theme="green"] .library-card-actions button{border-color:#35483b;background:#141e17;color:#94a691}html[data-theme="green"] .library-card-actions a:hover,html[data-theme="green"] .library-card-actions button:hover{color:#0d150f;border-color:#96b08f;background:#96b08f}html[data-theme="green"] .library-empty{border-color:#34483a;background:#111b14}html[data-theme="green"] .library-empty-icon{color:#829e80}html[data-theme="green"] .library-empty strong{color:#c9d4c5}html[data-theme="green"] .library-empty p,html[data-theme="green"] .library-loading{color:#70806f}
html[data-theme="green"] .save-modal-card{border-color:#3a4e3f;background:#17221a;color:#dce5d8}html[data-theme="green"] .save-modal-head{border-bottom-color:#324638}html[data-theme="green"] .save-modal-head h2{color:#dbe4d7}html[data-theme="green"] .save-modal-head p,html[data-theme="green"] .save-asset-choice>span,html[data-theme="green"] .save-asset-choice small{color:#718170}html[data-theme="green"] .modal-close{border-color:#34483a;background:#18241c;color:#96a692}html[data-theme="green"] .modal-close:hover{background:#8eaa87;border-color:#8eaa87;color:#0c140e}html[data-theme="green"] .save-destination{border-color:#34483a;background:#162019;color:#a7b7a3}html[data-theme="green"] .save-destination:hover,html[data-theme="green"] .save-destination.selected{border-color:#65816a;background:#1d2e22}html[data-theme="green"] .save-destination-icon{background:#58755e!important;border-color:#58755e!important;color:#ecf2e8!important}html[data-theme="green"] .save-selected-btn{border-color:#6b886e;background:linear-gradient(180deg,#9db495,#637f65);color:#0b130d}
html[data-theme="green"] .bottom-transport{border-top-color:#2f4437;background:linear-gradient(180deg,#121d16,#0a120d);color:#dce5d8}html[data-theme="green"] .transport-track-info strong{color:#dde6d9}html[data-theme="green"] .transport-track-info span{color:#697a68}html[data-theme="green"] .transport-icon{color:#829181}html[data-theme="green"] .transport-icon:hover{color:#b8cbb3}html[data-theme="green"] .transport-play{border-color:#687f62;background:linear-gradient(180deg,#c2c88e,#82936b);color:#0c140e}html[data-theme="green"] .transport-play:hover{background:#d1d69b;border-color:#a8b77f}html[data-theme="green"] .transport-timeline span,html[data-theme="green"] .transport-volume{color:#6f7f6e}
html[data-theme="green"] .color-theme-menu{background:rgba(22,32,25,.985);border-color:#405545;color:#e3eadf}html[data-theme="green"] .color-theme-option:hover{background:rgba(135,171,132,.08)}html[data-theme="green"] .color-theme-option.active{background:rgba(135,166,128,.12);box-shadow:inset 0 0 0 1px rgba(151,179,143,.15)}html[data-theme="green"] .color-theme-option strong{color:#e0e7dd}html[data-theme="green"] .color-theme-option small{color:#788977}html[data-theme="green"] .color-theme-option>b{color:#a7bd8d}

/* -------------------------------------------------------------------------- */
/* v18 · Spectrum Flow                                                        */
/* A sixth Color mode. The JS layer samples the active track's precomputed    */
/* spectrum at the current playhead, low-pass filters the result, and updates */
/* these variables continuously. The whole UI therefore moves as one liquid   */
/* chromatic system instead of switching between discrete color steps.         */
/* -------------------------------------------------------------------------- */
html[data-theme="live"]{
  --live-bg:rgb(9,13,19);
  --live-panel:rgb(15,20,28);
  --live-panel-2:rgb(18,24,33);
  --live-border:rgb(48,58,73);
  --live-accent:rgb(75,155,247);
  --live-accent-2:rgb(180,83,244);
  --live-accent-3:rgb(42,180,190);
  --live-glow:rgba(91,134,239,.20);
  --live-accent-soft:rgba(75,155,247,.12);
  --live-accent2-soft:rgba(180,83,244,.10);
  --live-wave-hue:0deg;
  --live-energy:.38;
  --bg:var(--live-bg);--bg-deep:#05080d;--panel:var(--live-panel);--panel2:var(--live-panel-2);--panel3:var(--live-panel-2);--line:var(--live-border);
  --text:#eef4f8;--soft:#bbc6d0;--muted:#75818d;--red:var(--live-accent);--red-dark:var(--live-accent-2);--red-glow:var(--live-glow);
  --blue:var(--live-accent);--blue2:var(--live-accent-2);--blue-glow:var(--live-glow);--violet:var(--live-accent-2);--violet2:var(--live-accent-3);--violet-glow:var(--live-glow);--pink:var(--live-accent-2);--cyan:var(--live-accent-3);--green:var(--live-accent-3);
}
html[data-theme="live"],html[data-theme="live"] body{background:var(--live-bg);color:#edf3f7}
html[data-theme="live"] body{
  background:
    radial-gradient(circle at 79% -15%,var(--live-accent-soft),transparent 34%),
    radial-gradient(circle at 18% 105%,var(--live-accent2-soft),transparent 36%),
    linear-gradient(145deg,var(--live-bg),#070a0f 72%);
}
html[data-theme="live"] .studio-shell{background:linear-gradient(145deg,var(--live-bg),#070a0f 70%)}
html[data-theme="live"] .main-stage{background:radial-gradient(circle at 78% 0,var(--live-accent-soft),transparent 30%),linear-gradient(180deg,var(--live-bg),#080b10)}
html[data-theme="live"] .sidebar{border-right-color:var(--live-border);background:linear-gradient(180deg,#070a0e,color-mix(in srgb,var(--live-panel) 76%,#05070a))}
html[data-theme="live"] .logo-panel{background:rgba(5,8,12,.92);border-bottom-color:var(--live-border)}
html[data-theme="live"] .logo-image{filter:saturate(.82) brightness(.93) contrast(1.06) hue-rotate(var(--live-wave-hue))}
html[data-theme="live"] .nav-item{color:#aab5be}
html[data-theme="live"] .nav-item:hover:not(:disabled){background:var(--live-accent-soft);color:#fff}
html[data-theme="live"] .nav-item.active{background:linear-gradient(90deg,var(--live-accent-soft),var(--live-accent2-soft));color:#fff;border-left:2px solid var(--live-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live-accent) 14%,transparent)}
html[data-theme="live"] .nav-item.active .nav-icon{color:var(--live-accent)}
html[data-theme="live"] .nav-icon{color:#7e8994}html[data-theme="live"] .nav-divider{background:var(--live-border)}html[data-theme="live"] .nav-label{color:#66717c}
html[data-theme="live"] .nav-count{border-color:var(--live-border);background:#0b0f14;color:#76828d}html[data-theme="live"] .nav-item.active .nav-count{border-color:color-mix(in srgb,var(--live-accent) 42%,var(--live-border));background:var(--live-accent-soft);color:#eef4f8}
html[data-theme="live"] .engine-card{border-color:var(--live-border);background:linear-gradient(180deg,var(--live-panel),#0a0e13);box-shadow:0 10px 28px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)}
html[data-theme="live"] .engine-glyph i{background:linear-gradient(180deg,var(--live-accent),var(--live-accent-2));box-shadow:0 0 12px var(--live-glow)}
html[data-theme="live"] .engine-copy span{color:#73808b}html[data-theme="live"] .engine-copy strong{color:#dfe8ee}

html[data-theme="live"] .topbar{border-bottom-color:var(--live-border);background:color-mix(in srgb,var(--live-panel) 88%,#06090d 12%);box-shadow:0 9px 30px rgba(0,0,0,.14),0 0 36px var(--live-accent-soft)}
html[data-theme="live"] .project-title-input{color:#f0f4f7}html[data-theme="live"] .project-title-input:hover{background:var(--live-accent-soft);border-color:var(--live-border)}html[data-theme="live"] .project-title-input:focus{background:var(--live-panel-2);border-color:var(--live-accent);box-shadow:0 0 0 2px var(--live-accent-soft)}
html[data-theme="live"] .tiny-icon{color:#7d8994}html[data-theme="live"] .tiny-icon:hover{color:var(--live-accent)}html[data-theme="live"] .project-meta{color:#74808a}
html[data-theme="live"] .top-action{border-color:var(--live-border);background:linear-gradient(180deg,var(--live-panel-2),var(--live-panel));color:#b9c5ce;box-shadow:inset 0 1px rgba(255,255,255,.03)}
html[data-theme="live"] .top-action:hover:not(:disabled){border-color:color-mix(in srgb,var(--live-accent) 62%,var(--live-border));background:var(--live-accent-soft);color:#fff;box-shadow:0 0 18px var(--live-glow)}
html[data-theme="live"] .top-action.icon-only.active{border-color:var(--live-accent);background:linear-gradient(135deg,var(--live-accent),var(--live-accent-2));color:#fff}
html[data-theme="live"] .color-theme-button{border-color:color-mix(in srgb,var(--live-accent) 48%,var(--live-border));background:linear-gradient(180deg,var(--live-panel-2),var(--live-panel));color:#edf3f7;box-shadow:0 0 20px var(--live-accent-soft),inset 0 1px rgba(255,255,255,.035)}
html[data-theme="live"] .color-theme-button:hover{border-color:var(--live-accent);background:var(--live-accent-soft)}

html[data-theme="live"] .work-area,html[data-theme="live"] .library-view{background:radial-gradient(circle at 85% 2%,var(--live-accent-soft),transparent 31%),radial-gradient(circle at 11% 92%,var(--live-accent2-soft),transparent 28%),color-mix(in srgb,var(--live-bg) 94%,#000)}
html[data-theme="live"] .control-card{border-color:var(--live-border);background:linear-gradient(180deg,color-mix(in srgb,var(--live-panel) 94%,var(--live-accent) 6%),var(--live-panel));box-shadow:0 12px 32px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.025)}
html[data-theme="live"] .upload-card{background:var(--live-panel)}html[data-theme="live"] .dropzone{border-color:color-mix(in srgb,var(--live-border) 78%,var(--live-accent) 22%);background:var(--live-panel-2)}html[data-theme="live"] .dropzone:hover,html[data-theme="live"] .dropzone.drag{border-color:var(--live-accent);background:var(--live-accent-soft);box-shadow:inset 0 0 28px var(--live-accent-soft)}
html[data-theme="live"] .upload-cloud{color:var(--live-accent)}html[data-theme="live"] .dropzone strong{color:#e9eff3}html[data-theme="live"] .dropzone small{color:#75818c}
html[data-theme="live"] .browse-button{border-color:var(--live-accent);background:linear-gradient(135deg,var(--live-accent),var(--live-accent-2));color:#fff;box-shadow:0 8px 22px var(--live-glow)}
html[data-theme="live"] .card-heading strong{color:#e8eef2}html[data-theme="live"] .card-heading>span{color:#74808b}html[data-theme="live"] .info-dot{border-color:var(--live-border);color:#8b97a1}
html[data-theme="live"] .mini-select,html[data-theme="live"] .more-btn,html[data-theme="live"] .secondary-button{border-color:var(--live-border);background:var(--live-panel-2);color:#9eabb5}
html[data-theme="live"] .secondary-button:hover,html[data-theme="live"] .mini-select:hover{border-color:var(--live-accent);background:var(--live-accent-soft);color:#fff}
html[data-theme="live"] #prompt{background:var(--live-panel-2);border-color:var(--live-border);color:#e6edf2}html[data-theme="live"] #prompt:focus{border-color:var(--live-accent);box-shadow:0 0 0 2px var(--live-accent-soft)}
html[data-theme="live"] .prompt-chips button{border-color:var(--live-border);background:color-mix(in srgb,var(--live-panel-2) 92%,var(--live-accent) 8%);color:#9eabb5}html[data-theme="live"] .prompt-chips button:hover{border-color:var(--live-accent);background:var(--live-accent-soft);color:#fff}
html[data-theme="live"] .advanced{border-color:var(--live-border)}html[data-theme="live"] .advanced summary{color:#aeb9c2}
html[data-theme="live"] .slider-card,html[data-theme="live"] .switch-row,html[data-theme="live"] .reference-picker,html[data-theme="live"] .mic-recorder{border-color:var(--live-border);background:var(--live-panel-2)}
html[data-theme="live"] .slider-head,html[data-theme="live"] .switch-row strong,html[data-theme="live"] .reference-picker-copy strong,html[data-theme="live"] .mic-copy strong{color:#d8e1e7}
html[data-theme="live"] .slider-card small,html[data-theme="live"] .switch-row small,html[data-theme="live"] .reference-picker-copy small,html[data-theme="live"] .mic-copy small,html[data-theme="live"] .reference-selected-note,html[data-theme="live"] .mic-status{color:#75818b}
html[data-theme="live"] .slider-card input[type=range],html[data-theme="live"] .instrument-accent input[type=range],html[data-theme="live"] .compare-right input,html[data-theme="live"] .transport-timeline input,html[data-theme="live"] .transport-volume input{accent-color:var(--live-accent)}
html[data-theme="live"] .field span{color:#76828d}html[data-theme="live"] .field select,html[data-theme="live"] .field input,html[data-theme="live"] .reference-picker select{border-color:var(--live-border);background:#0d1218;color:#cbd5dc}html[data-theme="live"] .field select:focus,html[data-theme="live"] .field input:focus,html[data-theme="live"] .reference-picker select:focus{border-color:var(--live-accent);box-shadow:0 0 0 2px var(--live-accent-soft)}
html[data-theme="live"] .switch{background:var(--live-border)}html[data-theme="live"] .switch-row input:checked+.switch{background:var(--live-accent)}
html[data-theme="live"] .source-mode-tabs{border-color:var(--live-border);background:#0d1218}html[data-theme="live"] .source-mode{color:#788590}html[data-theme="live"] .source-mode:hover{background:var(--live-accent-soft);color:#fff}html[data-theme="live"] .source-mode.active{background:linear-gradient(135deg,var(--live-accent),var(--live-accent-2));color:#fff;box-shadow:0 6px 18px var(--live-glow)}
html[data-theme="live"] .primary{border-color:color-mix(in srgb,var(--live-accent) 70%,var(--live-accent-2));background:linear-gradient(125deg,var(--live-accent),var(--live-accent-2) 62%,var(--live-accent-3));color:#fff;box-shadow:0 12px 28px var(--live-glow),inset 0 1px rgba(255,255,255,.15)}
html[data-theme="live"] .primary:hover{filter:brightness(1.08) saturate(1.08)}
html[data-theme="live"] .progress-card{background:var(--live-panel)}html[data-theme="live"] .progress-ring{background:conic-gradient(var(--live-accent) calc(var(--p,0)*1%),var(--live-border) 0)}html[data-theme="live"] .progress-ring:before{background:var(--live-panel)}html[data-theme="live"] .progress-ring strong{color:var(--live-accent)}html[data-theme="live"] .progress-ring span,html[data-theme="live"] .progress-steps p,html[data-theme="live"] .progress-steps li{color:#75818b}html[data-theme="live"] .progress-steps>strong{color:#dbe4e9}html[data-theme="live"] .progress-steps li.active{color:var(--live-accent)}html[data-theme="live"] .progress-steps li.active i{background:var(--live-accent);box-shadow:0 0 0 4px var(--live-accent-soft)}html[data-theme="live"] .progress-track{background:var(--live-border)}html[data-theme="live"] .progress-track div{background:linear-gradient(90deg,var(--live-accent-3),var(--live-accent),var(--live-accent-2))}

html[data-theme="live"] .audio-workspace{background:linear-gradient(155deg,color-mix(in srgb,var(--live-bg) 88%,#000),#06090d);border-color:var(--live-border);box-shadow:0 18px 50px rgba(0,0,0,.25),0 0 42px var(--live-accent-soft)}
html[data-theme="live"] .workspace-toolbar{background:color-mix(in srgb,var(--live-panel) 83%,#05080b);border-bottom-color:var(--live-border)}html[data-theme="live"] .workspace-pane{background:transparent}
html[data-theme="live"] .stem-tab{border-color:var(--live-border)!important;background:var(--live-panel)!important;color:#91a0aa!important}html[data-theme="live"] .stem-tab.active{border-color:var(--live-accent)!important;background:var(--live-accent-soft)!important;color:#f2f6f8!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live-accent) 32%,transparent)}
html[data-theme="live"] .audio-card,html[data-theme="live"] .stem-card,html[data-theme="live"] .source-stem-details{border-color:var(--live-border);background:linear-gradient(180deg,var(--live-panel),color-mix(in srgb,var(--live-panel) 78%,#05080b));box-shadow:inset 0 1px rgba(255,255,255,.025)}
html[data-theme="live"] .original-card .audio-title-block span{color:var(--live-accent)}html[data-theme="live"] .modified-card .audio-title-block span{color:var(--live-accent-2)}html[data-theme="live"] .audio-title-block small,html[data-theme="live"] .audio-meta{color:#73808b}
html[data-theme="live"] .wave-area{border-bottom-color:var(--live-border)}html[data-theme="live"] .spectrum-area{background:color-mix(in srgb,var(--live-bg) 88%,#000)}html[data-theme="live"] .freq-axis,html[data-theme="live"] .time-axis{color:#65717c}
html[data-theme="live"] .wave-canvas,html[data-theme="live"] .spectrum-canvas{filter:hue-rotate(var(--live-wave-hue)) saturate(calc(1.08 + var(--live-energy)*.34)) brightness(calc(.98 + var(--live-energy)*.10));will-change:filter}
html[data-theme="live"] .level-meter{border-color:var(--live-border);background:var(--live-panel)}html[data-theme="live"] .meter-body{background:var(--live-border)}html[data-theme="live"] .original-meter{background:linear-gradient(180deg,var(--live-accent),color-mix(in srgb,var(--live-accent) 44%,#071018))}html[data-theme="live"] .modified-meter{background:linear-gradient(180deg,var(--live-accent-2),color-mix(in srgb,var(--live-accent-2) 42%,#071018))}
html[data-theme="live"] .blue-play{background:linear-gradient(145deg,color-mix(in srgb,var(--live-accent) 78%,white),var(--live-accent))}html[data-theme="live"] .violet-play{background:linear-gradient(145deg,color-mix(in srgb,var(--live-accent-2) 76%,white),var(--live-accent-2))}html[data-theme="live"] .vocal-play{background:var(--live-accent-3)}html[data-theme="live"] .instrument-play{background:color-mix(in srgb,var(--live-accent) 50%,var(--live-accent-3))}
html[data-theme="live"] .round-play{box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 18px var(--live-glow)}
html[data-theme="live"] .compare-strip{border-color:var(--live-border);background:var(--live-panel)}html[data-theme="live"] .compare-choice{border-color:var(--live-border);background:#0d1218;color:#7d8994}html[data-theme="live"] .compare-choice.active{border-color:var(--live-accent);background:var(--live-accent-soft);color:#fff;box-shadow:0 0 14px var(--live-accent-soft)}
html[data-theme="live"] .stem-badge.vocal,html[data-theme="live"] .stem-badge.instrument{border-color:var(--live-border);background:var(--live-accent-soft);color:var(--live-accent)}

html[data-theme="live"] .library-view-head{border-bottom-color:var(--live-border)}html[data-theme="live"] .library-view-head h1{color:#e8eef2}html[data-theme="live"] .library-view-head p{color:#74808b}
html[data-theme="live"] .library-card{border-color:var(--live-border);background:linear-gradient(180deg,var(--live-panel),color-mix(in srgb,var(--live-panel) 84%,#06090d));box-shadow:0 12px 31px rgba(0,0,0,.18)}html[data-theme="live"] .library-card:hover{border-color:color-mix(in srgb,var(--live-accent) 55%,var(--live-border));box-shadow:0 16px 38px rgba(0,0,0,.23),0 0 26px var(--live-accent-soft)}
html[data-theme="live"] .library-card-title strong{color:#dde6eb}html[data-theme="live"] .library-card-title span{color:#74808b}html[data-theme="live"] .library-card-badge{border-color:var(--live-border);background:var(--live-accent-soft);color:var(--live-accent)}html[data-theme="live"] .library-card-prompt{color:#82909a}html[data-theme="live"] .library-card-meta span{border-color:var(--live-border);background:var(--live-panel-2);color:#84929c}html[data-theme="live"] .library-card-actions a,html[data-theme="live"] .library-card-actions button{border-color:var(--live-border);background:var(--live-panel-2);color:#94a2ac}html[data-theme="live"] .library-card-actions a:hover,html[data-theme="live"] .library-card-actions button:hover{border-color:var(--live-accent);background:var(--live-accent-soft);color:#fff}
html[data-theme="live"] .library-empty{border-color:var(--live-border);background:var(--live-panel)}html[data-theme="live"] .library-empty-icon{color:var(--live-accent)}html[data-theme="live"] .library-empty strong{color:#dbe4e9}html[data-theme="live"] .library-empty p,html[data-theme="live"] .library-loading{color:#75818b}

html[data-theme="live"] .save-modal-card{border-color:var(--live-border);background:var(--live-panel);color:#e8eef2;box-shadow:0 32px 90px rgba(0,0,0,.38),0 0 35px var(--live-accent-soft)}html[data-theme="live"] .save-modal-head{border-bottom-color:var(--live-border)}html[data-theme="live"] .save-modal-head h2{color:#e8eef2}html[data-theme="live"] .save-modal-head p,html[data-theme="live"] .save-asset-choice>span,html[data-theme="live"] .save-asset-choice small{color:#75818b}html[data-theme="live"] .modal-close,html[data-theme="live"] .save-destination{border-color:var(--live-border);background:var(--live-panel-2);color:#9eabb4}html[data-theme="live"] .modal-close:hover,html[data-theme="live"] .save-destination:hover,html[data-theme="live"] .save-destination.selected{border-color:var(--live-accent);background:var(--live-accent-soft);color:#fff}html[data-theme="live"] .save-destination-icon{background:var(--live-accent)!important;border-color:var(--live-accent)!important;color:#fff!important}html[data-theme="live"] .save-selected-btn{border-color:var(--live-accent);background:linear-gradient(135deg,var(--live-accent),var(--live-accent-2));color:#fff}

html[data-theme="live"] .bottom-transport{border-top-color:var(--live-border);background:linear-gradient(180deg,color-mix(in srgb,var(--live-panel) 84%,#04070a),#05080c);color:#e9eff3;box-shadow:0 -13px 36px rgba(0,0,0,.24),0 -8px 34px var(--live-accent-soft)}html[data-theme="live"] .transport-track-info strong{color:#eaf0f4}html[data-theme="live"] .transport-track-info span{color:#74808b}html[data-theme="live"] .transport-icon{color:#8a97a1}html[data-theme="live"] .transport-icon:hover{color:var(--live-accent)}html[data-theme="live"] .transport-play{border-color:var(--live-accent);background:linear-gradient(145deg,var(--live-accent),var(--live-accent-2));color:#fff;box-shadow:0 0 18px var(--live-glow)}html[data-theme="live"] .transport-play:hover{filter:brightness(1.08)}html[data-theme="live"] .transport-timeline span,html[data-theme="live"] .transport-volume{color:#75818b}

/* Theme picker itself remains legible while its live preview breathes. */
html[data-theme="live"] .color-theme-menu{background:color-mix(in srgb,var(--live-panel) 92%,#05080b);border-color:var(--live-border);color:#edf3f7;box-shadow:0 25px 60px rgba(0,0,0,.5),0 0 34px var(--live-accent-soft)}
html[data-theme="live"] .color-theme-option:hover{background:var(--live-accent-soft)}html[data-theme="live"] .color-theme-option.active{background:linear-gradient(90deg,var(--live-accent-soft),var(--live-accent2-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live-accent) 24%,transparent)}html[data-theme="live"] .color-theme-option strong{color:#edf3f7}html[data-theme="live"] .color-theme-option small{color:#7e8a95}html[data-theme="live"] .color-theme-option>b{color:var(--live-accent)}
.live-theme-badge{margin-left:auto;margin-right:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:2px 5px;font:700 7px/1 Inter,system-ui;letter-spacing:.1em;color:#8de8c5;background:rgba(41,199,139,.08);font-style:normal}
.color-theme-option.active .live-theme-badge{display:none}
.live-preview{position:relative;overflow:hidden;background:linear-gradient(135deg,#e8792c,#dfbd38 24%,#42b277 47%,#3a9fd8 69%,#ad55c6 88%,#e7558f)}
.live-preview:after{content:"";position:absolute;inset:-35%;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.55) 47%,transparent 67%);animation:livePreviewSweep 2.25s linear infinite;transform:translateX(-60%)}
.live-preview i:nth-child(1){background:#ee7c32!important}.live-preview i:nth-child(2){background:#35b59a!important}.live-preview i:nth-child(3){background:#a457d0!important}
@keyframes livePreviewSweep{to{transform:translateX(60%)}}
.live-theme-option{grid-template-columns:40px 1fr 30px 16px}

/* -------------------------------------------------------------------------- */
/* v19 · Spectrum Backdrop                                                     */
/* Spectrum Flow now drives the large background fields as well as controls.  */
/* Values arrive already low-pass filtered from JS, so these gradients glide   */
/* continuously without discrete palette jumps.                                */
/* -------------------------------------------------------------------------- */
html[data-theme="live"]{
  --live-bg-2:rgb(27,17,43);
  --live-bg-3:rgb(11,34,36);
}
html[data-theme="live"],html[data-theme="live"] body{
  background:var(--live-bg)!important;
}
html[data-theme="live"] body{
  background:
    radial-gradient(ellipse 82% 72% at 4% 4%,color-mix(in srgb,var(--live-accent) 32%,transparent),transparent 64%),
    radial-gradient(ellipse 78% 72% at 96% 8%,color-mix(in srgb,var(--live-accent-2) 28%,transparent),transparent 62%),
    radial-gradient(ellipse 88% 82% at 60% 100%,color-mix(in srgb,var(--live-accent-3) 24%,transparent),transparent 66%),
    linear-gradient(128deg,var(--live-bg) 0%,var(--live-bg-2) 51%,var(--live-bg-3) 100%)!important;
}
html[data-theme="live"] .studio-shell{
  background:
    radial-gradient(ellipse 70% 64% at 78% -8%,color-mix(in srgb,var(--live-accent) 24%,transparent),transparent 64%),
    radial-gradient(ellipse 68% 72% at 14% 108%,color-mix(in srgb,var(--live-accent-3) 20%,transparent),transparent 66%),
    linear-gradient(132deg,var(--live-bg),var(--live-bg-2) 52%,var(--live-bg-3))!important;
}
html[data-theme="live"] .main-stage{
  background:
    radial-gradient(ellipse 74% 58% at 84% -2%,color-mix(in srgb,var(--live-accent) 20%,transparent),transparent 62%),
    radial-gradient(ellipse 64% 72% at 8% 94%,color-mix(in srgb,var(--live-accent-2) 15%,transparent),transparent 66%),
    linear-gradient(155deg,color-mix(in srgb,var(--live-bg) 88%,#020304),var(--live-bg-2) 58%,color-mix(in srgb,var(--live-bg-3) 86%,#020304))!important;
}
html[data-theme="live"] .work-area,
html[data-theme="live"] .library-view{
  background:
    radial-gradient(ellipse 75% 62% at 92% 0%,color-mix(in srgb,var(--live-accent) 22%,transparent),transparent 64%),
    radial-gradient(ellipse 72% 62% at 3% 100%,color-mix(in srgb,var(--live-accent-2) 18%,transparent),transparent 65%),
    radial-gradient(ellipse 62% 60% at 52% 56%,color-mix(in srgb,var(--live-accent-3) 10%,transparent),transparent 68%),
    linear-gradient(138deg,color-mix(in srgb,var(--live-bg) 90%,#030406),color-mix(in srgb,var(--live-bg-2) 88%,#030406) 56%,color-mix(in srgb,var(--live-bg-3) 88%,#030406))!important;
}
html[data-theme="live"] .sidebar{
  background:
    radial-gradient(ellipse 120% 48% at 20% 0%,color-mix(in srgb,var(--live-accent-2) 18%,transparent),transparent 72%),
    linear-gradient(180deg,color-mix(in srgb,var(--live-bg-2) 72%,#05070a),color-mix(in srgb,var(--live-bg-3) 55%,#05070a))!important;
}
html[data-theme="live"] .topbar{
  background:linear-gradient(100deg,color-mix(in srgb,var(--live-panel) 88%,var(--live-bg)),color-mix(in srgb,var(--live-panel-2) 84%,var(--live-bg-2)))!important;
}
html[data-theme="live"] .audio-workspace{
  background:
    radial-gradient(ellipse 80% 52% at 94% 0%,color-mix(in srgb,var(--live-accent-2) 10%,transparent),transparent 67%),
    linear-gradient(150deg,color-mix(in srgb,var(--live-panel) 88%,var(--live-bg)),color-mix(in srgb,var(--live-panel-2) 83%,var(--live-bg-3)))!important;
}
html[data-theme="live"] .bottom-transport{
  background:
    radial-gradient(ellipse 50% 120% at 22% 110%,color-mix(in srgb,var(--live-accent-3) 12%,transparent),transparent 70%),
    linear-gradient(100deg,color-mix(in srgb,var(--live-panel) 86%,var(--live-bg)),color-mix(in srgb,var(--live-panel-2) 83%,var(--live-bg-2)),color-mix(in srgb,var(--live-panel) 86%,var(--live-bg-3)))!important;
}

/* -------------------------------------------------------------------------- */
/* v20 · Spectrum Water Flow                                                  */
/* A low-resolution GPU-scaled canvas adds locally varied, liquid color       */
/* currents.  Neighboring moments in the track feed different water regions,  */
/* while the underlying v19 palette still follows the exact playhead spectrum.*/
/* -------------------------------------------------------------------------- */
.spectrum-water-canvas{
  display:none;
  position:fixed;
  inset:-7%;
  width:114%;
  height:114%;
  pointer-events:none;
  z-index:0;
  opacity:0;
  transform:scale(1.035);
  transform-origin:center;
}
html[data-theme="live"] .spectrum-water-canvas{
  display:block;
  opacity:.96;
  filter:blur(38px) saturate(1.34) contrast(1.045);
  mix-blend-mode:screen;
  transition:opacity .8s ease;
}
html[data-theme="live"] .studio-shell{
  position:relative;
  isolation:isolate;
  background:transparent!important;
}
html[data-theme="live"] .studio-shell>.sidebar,
html[data-theme="live"] .studio-shell>.main-stage,
html[data-theme="live"] .studio-shell>.bottom-transport{
  position:relative;
  z-index:1;
}

/* Let the liquid field breathe through the broad structural surfaces. */
html[data-theme="live"] .main-stage{
  background:linear-gradient(145deg,rgba(4,7,11,.38),rgba(8,10,15,.24))!important;
  backdrop-filter:saturate(1.07);
}
html[data-theme="live"] .work-area,
html[data-theme="live"] .library-view{
  background:
    radial-gradient(ellipse 65% 70% at 88% 2%,color-mix(in srgb,var(--live-local-2) 11%,transparent),transparent 66%),
    radial-gradient(ellipse 72% 66% at 7% 96%,color-mix(in srgb,var(--live-local-1) 10%,transparent),transparent 68%),
    linear-gradient(145deg,rgba(5,8,12,.42),rgba(7,9,14,.28))!important;
  backdrop-filter:blur(1px) saturate(1.08);
}
html[data-theme="live"] .sidebar{
  background:
    radial-gradient(ellipse 130% 46% at 8% 0%,color-mix(in srgb,var(--live-local-3) 13%,transparent),transparent 72%),
    linear-gradient(180deg,rgba(5,7,10,.74),rgba(6,8,12,.58))!important;
  backdrop-filter:blur(16px) saturate(1.12);
}
html[data-theme="live"] .topbar{
  background:linear-gradient(100deg,rgba(11,15,21,.72),rgba(15,18,25,.59))!important;
  backdrop-filter:blur(22px) saturate(1.18);
}
html[data-theme="live"] .audio-workspace{
  background:
    radial-gradient(ellipse 62% 48% at 95% 2%,color-mix(in srgb,var(--live-local-2) 9%,transparent),transparent 66%),
    radial-gradient(ellipse 62% 54% at 4% 96%,color-mix(in srgb,var(--live-local-1) 7%,transparent),transparent 70%),
    linear-gradient(150deg,rgba(8,11,16,.73),rgba(9,12,17,.60))!important;
  backdrop-filter:blur(16px) saturate(1.12);
}
html[data-theme="live"] .bottom-transport{
  background:
    radial-gradient(ellipse 42% 160% at 16% 120%,color-mix(in srgb,var(--live-local-1) 12%,transparent),transparent 70%),
    radial-gradient(ellipse 46% 150% at 82% -30%,color-mix(in srgb,var(--live-local-3) 9%,transparent),transparent 73%),
    linear-gradient(100deg,rgba(8,11,16,.78),rgba(10,12,18,.65),rgba(7,10,14,.76))!important;
  backdrop-filter:blur(20px) saturate(1.16);
}

/* Glassier cards reveal local background variation without sacrificing text. */
html[data-theme="live"] .control-card,
html[data-theme="live"] .audio-card,
html[data-theme="live"] .library-card,
html[data-theme="live"] .stem-card,
html[data-theme="live"] .source-stem-details{
  background:linear-gradient(155deg,color-mix(in srgb,var(--live-panel) 82%,transparent),color-mix(in srgb,var(--live-panel-2) 76%,transparent))!important;
  backdrop-filter:blur(18px) saturate(1.10);
  box-shadow:0 13px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025);
}
html[data-theme="live"] .control-card:nth-child(3n+1),
html[data-theme="live"] .library-card:nth-child(3n+1){
  border-color:color-mix(in srgb,var(--live-local-1) 23%,var(--live-border));
}
html[data-theme="live"] .control-card:nth-child(3n+2),
html[data-theme="live"] .library-card:nth-child(3n+2){
  border-color:color-mix(in srgb,var(--live-local-2) 21%,var(--live-border));
}
html[data-theme="live"] .control-card:nth-child(3n),
html[data-theme="live"] .library-card:nth-child(3n){
  border-color:color-mix(in srgb,var(--live-local-3) 21%,var(--live-border));
}

/* The broad CSS gradients also drift slowly, adding parallax above the canvas. */
html[data-theme="live"] .work-area,
html[data-theme="live"] .library-view,
html[data-theme="live"] .audio-workspace{
  background-size:145% 145%,155% 155%,100% 100%!important;
  animation:spectrumWaterSurface 13s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
html[data-theme="live"] .sidebar,
html[data-theme="live"] .bottom-transport{
  background-size:155% 155%,100% 100%!important;
  animation:spectrumWaterSurfaceSlow 18s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
@keyframes spectrumWaterSurface{
  0%{background-position:6% 9%,94% 90%,0 0}
  35%{background-position:32% 18%,74% 68%,0 0}
  68%{background-position:16% 52%,90% 32%,0 0}
  100%{background-position:44% 76%,58% 13%,0 0}
}
@keyframes spectrumWaterSurfaceSlow{
  0%{background-position:8% 4%,0 0}
  50%{background-position:68% 32%,0 0}
  100%{background-position:24% 88%,0 0}
}
@media (prefers-reduced-motion:reduce){
  html[data-theme="live"] .work-area,
  html[data-theme="live"] .library-view,
  html[data-theme="live"] .audio-workspace,
  html[data-theme="live"] .sidebar,
  html[data-theme="live"] .bottom-transport{animation:none!important}
}

/* -------------------------------------------------------------------------- */
/* v21 · Realtime AI / CLAP-directed DSP                                      */
/* -------------------------------------------------------------------------- */
.realtime-nav-badge{margin-left:auto;padding:2px 6px;border:1px solid color-mix(in srgb,var(--cyan) 38%,var(--line));border-radius:99px;color:var(--cyan);font-size:8px;letter-spacing:.12em;background:color-mix(in srgb,var(--cyan) 8%,transparent)}
.nav-item.active .realtime-nav-badge{border-color:currentColor;color:currentColor;background:rgba(255,255,255,.08)}
.realtime-view{flex:1;min-height:0;overflow:auto;padding:18px 20px 24px;background:radial-gradient(circle at 78% 0%,color-mix(in srgb,var(--violet) 7%,transparent),transparent 29%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,var(--panel2)),var(--bg));scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--line) 80%,transparent) transparent}
.realtime-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:4px 2px 18px;border-bottom:1px solid var(--line)}
.realtime-view-head h1{margin:4px 0 4px;font-size:25px;letter-spacing:-.035em}.realtime-view-head p{max-width:760px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.realtime-head-status{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.realtime-model-pill{height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);font-size:10px;white-space:nowrap}.realtime-model-pill i{width:7px;height:7px;border-radius:50%;background:#8b7380}.realtime-model-pill.ready i{background:var(--green);box-shadow:0 0 12px color-mix(in srgb,var(--green) 65%,transparent)}.realtime-model-pill.ready{color:var(--soft)}.realtime-model-pill.fallback i{background:#d5a747}
.realtime-layout{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(470px,1.12fr);gap:14px;margin-top:14px}.realtime-command-card,.realtime-monitor-card,.realtime-params-card,.realtime-research-note{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:13px;box-shadow:0 16px 38px rgba(0,0,0,.13)}.realtime-command-card{padding:16px}.realtime-card-kicker{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:700;margin-bottom:9px}.prompt-kicker{margin-top:16px}
.realtime-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.realtime-file-drop,.realtime-system-button{min-height:78px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel3) 64%,var(--panel));display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px;cursor:pointer;text-align:left;transition:.18s border-color,.18s background,.18s transform}.realtime-file-drop:hover,.realtime-system-button:hover,.realtime-system-button.active{border-color:color-mix(in srgb,var(--blue) 55%,var(--line));background:color-mix(in srgb,var(--blue) 7%,var(--panel));transform:translateY(-1px)}.realtime-file-drop input{display:none}.realtime-source-icon,.realtime-system-button>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 13%,var(--panel));color:var(--blue);font-size:15px}.realtime-system-button{color:inherit}.realtime-system-button>span{color:#e15d68;background:rgba(225,93,104,.11);font-size:10px}.realtime-system-button.active>span{color:#fff;background:#d94e5c;box-shadow:0 0 15px rgba(217,78,92,.28)}.realtime-file-drop strong,.realtime-system-button strong{display:block;font-size:11px}.realtime-file-drop small,.realtime-system-button small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.realtime-file-drop>b{font-size:9px;color:var(--soft);font-weight:600}
.realtime-prompt{width:100%;min-height:110px;resize:vertical;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel3) 66%,var(--panel));color:var(--text);padding:13px 14px;outline:none;font-size:12px;line-height:1.55}.realtime-prompt:focus{border-color:color-mix(in srgb,var(--violet) 58%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 8%,transparent)}.realtime-prompt-chips{display:flex;gap:6px;overflow:auto;padding:8px 0 2px}.realtime-prompt-chips button{border:1px solid var(--line);border-radius:99px;background:var(--panel3);color:var(--soft);padding:6px 9px;font-size:8px;white-space:nowrap;cursor:pointer}.realtime-prompt-chips button:hover{border-color:color-mix(in srgb,var(--violet) 50%,var(--line));color:var(--text)}
.realtime-apply{width:100%;min-height:50px;margin-top:11px;border:1px solid color-mix(in srgb,var(--violet) 62%,var(--line));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 84%,#0d1118),color-mix(in srgb,var(--violet) 82%,#0d1118));display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;padding:9px 12px;color:#fff;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--violet) 14%,transparent)}.realtime-apply>span{grid-row:1/3;font-size:16px}.realtime-apply strong{font-size:11px}.realtime-apply small{font-size:8px;color:rgba(255,255,255,.65)}.realtime-apply:disabled{opacity:.55;cursor:wait}.realtime-route-status{min-height:19px;margin-top:10px;color:var(--muted);font-size:9px}.realtime-match-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.realtime-match-row span{border:1px solid color-mix(in srgb,var(--violet) 24%,var(--line));background:color-mix(in srgb,var(--violet) 7%,var(--panel));border-radius:99px;padding:4px 7px;color:var(--soft);font-size:8px}
.realtime-monitor-card{padding:14px;display:flex;flex-direction:column;min-height:430px}.realtime-monitor-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.realtime-monitor-head>div:first-child{display:grid;gap:4px}.realtime-monitor-head strong{font-size:13px}.realtime-monitor-actions{display:flex;gap:7px;align-items:center}.realtime-monitor-actions button{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--panel3);color:var(--soft);font-size:9px;padding:0 10px;cursor:pointer}.realtime-monitor-actions button:hover,.realtime-monitor-actions button.active{border-color:color-mix(in srgb,var(--blue) 54%,var(--line));color:var(--text);background:color-mix(in srgb,var(--blue) 8%,var(--panel))}.realtime-play-button{width:38px!important;padding:0!important;border-radius:50%!important;background:linear-gradient(145deg,var(--blue),var(--violet))!important;color:#fff!important;border-color:transparent!important;font-size:12px!important}
.realtime-spectrum-wrap{position:relative;flex:1;min-height:300px;margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#070a0f}.realtime-spectrum{position:absolute;inset:0;width:100%;height:100%;display:block}.realtime-spectrum-glow{position:absolute;inset:auto 10% -28% 10%;height:48%;background:radial-gradient(ellipse,color-mix(in srgb,var(--violet) 24%,transparent),transparent 70%);filter:blur(35px);pointer-events:none}.realtime-level{position:absolute;right:12px;top:11px;border:1px solid rgba(255,255,255,.09);background:rgba(4,7,10,.66);backdrop-filter:blur(8px);border-radius:8px;padding:7px 9px;text-align:right}.realtime-level span{display:block;color:#778391;font-size:7px;letter-spacing:.13em}.realtime-level strong{display:block;color:#edf3f7;font-size:10px;margin-top:2px}.realtime-signal-strip{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:7px;letter-spacing:.11em;margin-top:10px}.realtime-signal-strip i{width:25px;height:1px;background:linear-gradient(90deg,var(--line),var(--blue))}
.realtime-params-card{margin-top:14px;padding:16px}.realtime-params-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px}.realtime-params-head h2{margin:3px 0 0;font-size:17px}.realtime-params-head p{max-width:440px;margin:0;color:var(--muted);font-size:9px;line-height:1.55;text-align:right}.realtime-param-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.realtime-param{border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel3) 66%,var(--panel));padding:10px}.realtime-param>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.realtime-param strong{font-size:10px}.realtime-param b{font-size:9px;color:var(--soft);font-weight:600}.realtime-param input{width:100%;accent-color:var(--violet);margin:8px 0 4px}.realtime-param:nth-child(1) input,.realtime-param:nth-child(2) input{accent-color:var(--blue)}.realtime-param:nth-child(6) input,.realtime-param:nth-child(7) input{accent-color:var(--cyan)}.realtime-param small{display:block;color:var(--muted);font-size:7px}
.realtime-research-note{margin-top:14px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.realtime-research-note strong{font-size:9px;color:var(--soft)}.realtime-research-note p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}
html[data-theme="sand"] .realtime-apply,html[data-theme="night"] .realtime-apply{background:linear-gradient(135deg,#9a6f2f,#d1a24f);border-color:#c49a53;color:#fff}.realtime-view html[data-theme="sand"]{color:inherit}
html[data-theme="metal"] .realtime-apply{background:linear-gradient(135deg,#355c76,#7ea7c2)}html[data-theme="green"] .realtime-apply{background:linear-gradient(135deg,#354e3c,#718e68)}
html[data-theme="live"] .realtime-view{background:transparent}.spectrum-water-canvas~.sidebar{}
html[data-theme="live"] .realtime-command-card,html[data-theme="live"] .realtime-monitor-card,html[data-theme="live"] .realtime-params-card,html[data-theme="live"] .realtime-research-note{border-color:var(--live-border);background:linear-gradient(155deg,color-mix(in srgb,var(--live-panel) 88%,transparent),color-mix(in srgb,var(--live-panel-2) 82%,transparent));box-shadow:0 16px 40px rgba(0,0,0,.18),0 0 30px var(--live-accent-soft)}
html[data-theme="live"] .realtime-apply{background:linear-gradient(135deg,var(--live-accent),var(--live-accent-2));border-color:var(--live-accent)}html[data-theme="live"] .realtime-file-drop:hover,html[data-theme="live"] .realtime-system-button:hover{border-color:var(--live-accent);background:var(--live-accent-soft)}html[data-theme="live"] .realtime-param input{accent-color:var(--live-accent)}
@media(max-width:1180px){.realtime-layout{grid-template-columns:1fr}.realtime-param-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.realtime-monitor-card{min-height:390px}}
@media(max-width:760px){.realtime-view{padding:12px}.realtime-view-head,.realtime-params-head{flex-direction:column}.realtime-head-status{width:100%;justify-content:space-between}.realtime-source-grid,.realtime-param-grid{grid-template-columns:1fr}.realtime-params-head p{text-align:left}.realtime-research-note{grid-template-columns:1fr}}


/* v22 · Realtime Qwen engineer + selectable/system audio inputs */
.realtime-source-grid-pro{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.realtime-system-button{font:inherit}
.realtime-system-button>span{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,var(--panel));font-size:15px}
.realtime-system-button.active>span{color:#071015;background:var(--cyan);box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 40%,transparent)}
.realtime-input-picker{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:stretch;margin-top:9px;padding:8px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel3) 58%,var(--panel))}
.realtime-input-copy{min-width:0;display:grid;gap:4px;padding:2px 4px}
.realtime-input-copy>span{font-size:7px;letter-spacing:.13em;color:var(--muted);font-weight:750}
.realtime-input-copy select{min-width:0;width:100%;height:29px;border:0;outline:0;background:transparent;color:var(--text);font-size:9px;font-weight:620;text-overflow:ellipsis}
.realtime-input-copy select option{background:var(--panel);color:var(--text)}
.realtime-device-button{height:auto!important;min-width:76px;padding:0 10px!important;border-radius:8px!important;font-size:8px!important;white-space:nowrap}
.realtime-device-button.primary-device{border-color:color-mix(in srgb,var(--blue) 48%,var(--line));background:color-mix(in srgb,var(--blue) 8%,var(--panel));color:var(--text)}
.realtime-device-button.primary-device.active{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--panel));box-shadow:0 0 16px color-mix(in srgb,var(--green) 10%,transparent)}
.realtime-input-hint{margin:6px 3px 0;color:var(--muted);font-size:7.5px;line-height:1.45}
.realtime-param-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.realtime-param:nth-child(1) input,.realtime-param:nth-child(2) input,.realtime-param:nth-child(6) input{accent-color:var(--blue)}
.realtime-param:nth-child(4) input,.realtime-param:nth-child(5) input,.realtime-param:nth-child(9) input{accent-color:var(--violet)}
.realtime-param:nth-child(10) input,.realtime-param:nth-child(11) input,.realtime-param:nth-child(12) input,.realtime-param:nth-child(13) input{accent-color:var(--cyan)}
html[data-theme="live"] .realtime-system-button:hover,html[data-theme="live"] .realtime-system-button.active{border-color:var(--live-accent);background:var(--live-accent-soft)}
html[data-theme="live"] .realtime-device-button.primary-device{border-color:var(--live-accent);background:var(--live-accent-soft)}
@media(max-width:1180px){.realtime-source-grid-pro{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.realtime-source-grid-pro,.realtime-input-picker{grid-template-columns:1fr}.realtime-device-button{min-height:34px}.realtime-param-grid{grid-template-columns:1fr}}

/* v22.2 · stronger realtime AI control */
.realtime-intensity-control{margin:11px 0 10px;padding:11px 12px;border:1px solid rgba(125,143,169,.22);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.realtime-intensity-control>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.realtime-intensity-control span{font-size:8px;letter-spacing:.11em;color:#7d8797}.realtime-intensity-control strong{font-size:12px;color:#eef3fb}.realtime-intensity-control input{width:100%;accent-color:#9f54ef}.realtime-intensity-control small{display:block;margin-top:6px;color:#6f7989;font-size:8px;line-height:1.35}

/* v22.3 · Voicemeeter capture + repeatable prompt workflow */
.realtime-input-picker{grid-template-columns:minmax(0,1fr) auto auto auto}
.realtime-device-button.vm-device{min-width:94px;border-color:color-mix(in srgb,var(--violet) 42%,var(--line));background:color-mix(in srgb,var(--violet) 7%,var(--panel));color:var(--soft)}
.realtime-device-button.vm-device:hover,.realtime-device-button.vm-device.active{border-color:color-mix(in srgb,var(--violet) 75%,var(--line));background:color-mix(in srgb,var(--violet) 15%,var(--panel));color:var(--text);box-shadow:0 0 16px color-mix(in srgb,var(--violet) 12%,transparent)}
.realtime-input-copy select optgroup{font-weight:700;color:var(--soft)}
.realtime-prompt{pointer-events:auto!important;user-select:text;caret-color:var(--text)}
.realtime-apply.working{cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,var(--violet) 22%,transparent);filter:saturate(1.08)}
.realtime-apply.working>span{animation:rtPromptPulse 1.05s ease-in-out infinite}
@keyframes rtPromptPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.13);opacity:1}}
html[data-theme="live"] .realtime-device-button.vm-device{border-color:var(--live-accent);background:var(--live-accent-soft)}
@media(max-width:900px){.realtime-input-picker{grid-template-columns:1fr 1fr 1fr}.realtime-input-copy{grid-column:1/-1}}
@media(max-width:760px){.realtime-input-picker{grid-template-columns:1fr}.realtime-input-copy{grid-column:auto}.realtime-device-button.vm-device{min-height:34px}}


/* v22.4 realtime AI feedback */
.realtime-param.ai-changed{
  border-color:rgba(112,220,255,.72)!important;
  box-shadow:0 0 0 1px rgba(112,220,255,.28),0 0 24px rgba(99,165,255,.18)!important;
  transform:translateY(-1px);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.realtime-param.ai-changed>span strong,
.realtime-param.ai-changed>span b{color:#dff7ff!important;}

/* -------------------------------------------------------------------------- */
/* v22.5 · Realtime bipolar feature macros                                    */
/* -------------------------------------------------------------------------- */
.realtime-feature-intro{display:grid;gap:3px;margin-bottom:9px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--violet) 18%,var(--line));border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 5%,var(--panel)),color-mix(in srgb,var(--violet) 6%,var(--panel)))}
.realtime-feature-intro strong{font-size:10px;color:var(--text)}.realtime-feature-intro span{font-size:8px;line-height:1.45;color:var(--muted)}
.realtime-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.realtime-feature{--feature-accent:var(--violet);position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--feature-accent) 18%,var(--line));border-radius:10px;background:linear-gradient(155deg,color-mix(in srgb,var(--feature-accent) 5%,var(--panel2)),color-mix(in srgb,var(--panel3) 74%,var(--panel)));padding:9px 10px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}
.realtime-feature:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--feature-accent),transparent);opacity:.34;transition:opacity .2s ease}
.realtime-feature.active{border-color:color-mix(in srgb,var(--feature-accent) 48%,var(--line));box-shadow:0 8px 22px color-mix(in srgb,var(--feature-accent) 8%,transparent)}.realtime-feature.active:before{opacity:.9}
.realtime-feature>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.realtime-feature>span strong{font-size:10px;color:var(--text)}.realtime-feature>span b{min-width:29px;text-align:right;font-size:9px;font-weight:750;color:var(--muted);font-variant-numeric:tabular-nums}.realtime-feature.positive>span b{color:var(--feature-accent)}.realtime-feature.negative>span b{color:color-mix(in srgb,var(--feature-accent) 42%,var(--muted))}
.realtime-feature input{width:100%;margin:8px 0 2px;accent-color:var(--feature-accent);cursor:ew-resize}
.realtime-feature>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;color:var(--muted)}.realtime-feature>div i{height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--feature-accent) 18%,var(--line)),color-mix(in srgb,var(--feature-accent) 62%,var(--line)))}.realtime-feature em{font-style:normal;font-size:6.5px;letter-spacing:.05em;text-transform:uppercase}.realtime-feature small{display:block;margin-top:5px;color:var(--muted);font-size:7px;line-height:1.3}
.feature-air{--feature-accent:#68d9ff}.feature-hypnotic{--feature-accent:#a96dff}.feature-punch{--feature-accent:#ff6578}.feature-warmth{--feature-accent:#ef9a52}.feature-joy{--feature-accent:#f4ca58}.feature-space{--feature-accent:#668fff}.feature-clarity{--feature-accent:#65d7b3}.feature-depth{--feature-accent:#7d73e8}.feature-width{--feature-accent:#e77acb}
.realtime-feature-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.realtime-feature-footer>span{color:var(--muted);font-size:7px;line-height:1.35}.realtime-feature-footer button{height:27px;border:1px solid var(--line);border-radius:7px;background:var(--panel3);color:var(--soft);padding:0 9px;font-size:8px;cursor:pointer}.realtime-feature-footer button:hover{border-color:color-mix(in srgb,var(--violet) 45%,var(--line));color:var(--text)}
.realtime-param.feature-changed{border-color:rgba(112,220,255,.62)!important;box-shadow:0 0 0 1px rgba(112,220,255,.18),0 0 18px rgba(99,165,255,.12)!important;transition:border-color .18s ease,box-shadow .18s ease}.realtime-param.feature-changed>span strong,.realtime-param.feature-changed>span b{color:#dff7ff!important}
html[data-theme="sand"] .feature-warmth,html[data-theme="sand"] .feature-joy,html[data-theme="night"] .feature-warmth,html[data-theme="night"] .feature-joy{--feature-accent:#d5a34e}
html[data-theme="metal"] .feature-air,html[data-theme="metal"] .feature-clarity{--feature-accent:#86bedc}html[data-theme="green"] .feature-clarity,html[data-theme="green"] .feature-depth{--feature-accent:#87ad77}
html[data-theme="live"] .realtime-feature{border-color:color-mix(in srgb,var(--feature-accent) 36%,var(--live-border));background:linear-gradient(155deg,color-mix(in srgb,var(--feature-accent) 7%,var(--live-panel)),color-mix(in srgb,var(--live-panel-2) 86%,transparent))}
@media(max-width:760px){.realtime-feature-grid{grid-template-columns:1fr}.realtime-feature-footer{align-items:flex-start;flex-direction:column}}

/* v22.7 · stronger 15-dimensional realtime feature deck */
.realtime-feature-deck{margin-top:14px;padding:17px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(165deg,color-mix(in srgb,var(--panel2) 94%,var(--violet) 6%),var(--panel));box-shadow:0 18px 44px rgba(0,0,0,.14);position:relative;overflow:hidden}
.realtime-feature-deck:before{content:"";position:absolute;inset:-80px -20% auto;height:150px;background:radial-gradient(ellipse at 45% 20%,color-mix(in srgb,var(--violet) 12%,transparent),transparent 68%);pointer-events:none}
.realtime-feature-deck-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:12px}
.realtime-feature-deck-head h2{margin:3px 0 5px;font-size:18px;letter-spacing:-.02em}.realtime-feature-deck-head p{margin:0;max-width:700px;color:var(--muted);font-size:9px;line-height:1.55}.realtime-feature-deck-head p b{color:var(--text)}
.feature-deck-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.feature-deck-actions button{height:31px;padding:0 11px;border:1px solid color-mix(in srgb,var(--violet) 30%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--panel3) 84%,var(--violet) 6%);color:var(--text);font-size:8px;font-weight:700;cursor:pointer}
.effect-intensity-control{width:190px;border:1px solid color-mix(in srgb,var(--violet) 24%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--panel3) 90%,var(--violet) 4%);padding:7px 9px;display:block}.effect-intensity-control>span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.effect-intensity-control strong{font-size:7.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.effect-intensity-control b{font-size:9px;color:var(--text)}.effect-intensity-control input{width:100%;accent-color:var(--violet)}.effect-intensity-control small{display:block;margin-top:2px;color:var(--muted);font-size:6.5px;white-space:nowrap}.feature-deck-actions button:hover{border-color:color-mix(in srgb,var(--violet) 64%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 7%,transparent)}
.feature-zero-pill{display:flex;align-items:center;gap:5px;padding:0 9px;height:29px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:7px;background:color-mix(in srgb,var(--panel3) 72%,transparent)}.feature-zero-pill i{width:3px;height:3px;border-radius:50%;background:var(--muted);opacity:.55}
.feature-family-row{display:flex;align-items:center;gap:10px;margin:11px 1px 7px;color:var(--muted);font-size:7px;font-weight:750;letter-spacing:.15em}.feature-family-row i{height:1px;flex:1;background:linear-gradient(90deg,var(--line),transparent)}
.realtime-feature-grid-15{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.realtime-feature-grid-15 .realtime-feature{--feature-accent:hsl(var(--feature-hue) 78% 64%);min-height:118px;padding:11px 11px 9px;border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--feature-accent) 6%,var(--panel2)),color-mix(in srgb,var(--panel3) 82%,var(--panel)));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.realtime-feature-grid-15 .realtime-feature:after{content:"";position:absolute;width:70px;height:70px;right:-29px;bottom:-36px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--feature-accent) 13%,transparent),transparent 67%);opacity:.4;transition:opacity .22s ease,transform .22s ease}
.realtime-feature-grid-15 .realtime-feature.active:after{opacity:.82;transform:scale(1.18)}
.realtime-feature-grid-15 .feature-name{display:inline-flex;align-items:center;gap:7px;min-width:0}.realtime-feature-grid-15 .feature-name>i{width:7px;height:7px;border-radius:50%;background:var(--feature-accent);box-shadow:0 0 10px color-mix(in srgb,var(--feature-accent) 52%,transparent);flex:0 0 auto}.realtime-feature-grid-15 .feature-name strong{font-size:10.5px;letter-spacing:-.01em}
.realtime-feature-grid-15 .realtime-feature>span>b{min-width:34px;padding:3px 5px;border-radius:6px;background:color-mix(in srgb,var(--panel3) 68%,transparent);border:1px solid color-mix(in srgb,var(--feature-accent) 12%,var(--line));font-size:8px;position:relative;z-index:1}
.realtime-feature-grid-15 .realtime-feature input{margin:11px 0 4px;position:relative;z-index:1}.realtime-feature-grid-15 .realtime-feature small{font-size:7px;line-height:1.4;min-height:19px;position:relative;z-index:1}.realtime-feature-grid-15 .realtime-feature>div{position:relative;z-index:1}
.feature-deck-footer{border-top:1px solid var(--line);padding-top:9px;margin-top:11px}.feature-legend{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:7px}.feature-legend i{width:18px;height:2px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--violet))}.feature-legend i:last-child{transform:scaleX(-1)}.feature-legend b{color:var(--text);font-size:7px}
html[data-theme="live"] .realtime-feature-deck{border-color:var(--live-border);background:linear-gradient(155deg,color-mix(in srgb,var(--live-panel) 90%,transparent),color-mix(in srgb,var(--live-panel-2) 86%,transparent));box-shadow:0 18px 44px rgba(0,0,0,.2),0 0 34px var(--live-accent-soft)}
html[data-theme="live"] .realtime-feature-grid-15 .realtime-feature{border-color:color-mix(in srgb,var(--feature-accent) 32%,var(--live-border));background:linear-gradient(160deg,color-mix(in srgb,var(--feature-accent) 8%,var(--live-panel)),color-mix(in srgb,var(--live-panel-2) 88%,transparent))}
@media(max-width:1320px){.realtime-feature-grid-15{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.realtime-feature-deck-head{align-items:flex-start;flex-direction:column}.feature-deck-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.effect-intensity-control{width:min(240px,100%)}.realtime-feature-grid-15{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.realtime-feature-grid-15{grid-template-columns:1fr}.feature-deck-actions{align-items:flex-start;flex-direction:column}.realtime-feature-grid-15 .realtime-feature{min-height:108px}}

/* v22.8 Native WASAPI routing ------------------------------------------------ */
.realtime-native-badge-row{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--cyan) 22%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--cyan) 5%,var(--panel))}
.realtime-native-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--cyan) 35%,var(--line));border-radius:99px;padding:5px 8px;color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.09em;background:color-mix(in srgb,var(--cyan) 8%,var(--panel))}
.realtime-native-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 11px currentColor}
.realtime-native-copy{font-size:8px;color:var(--muted);line-height:1.45}
.realtime-route-matrix{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:9px;align-items:stretch}
.realtime-route-select{display:flex;flex-direction:column;gap:5px;padding:11px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel3) 75%,var(--panel)),var(--panel))}
.realtime-route-select>span{font-size:8px;letter-spacing:.14em;color:var(--cyan);font-weight:800}.realtime-route-select.output-select>span{color:var(--violet)}
.realtime-route-select>strong{font-size:10px;color:var(--text);font-weight:650}
.realtime-route-select select{width:100%;height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--cyan) 25%,var(--line));border-radius:8px;background:var(--panel3);color:var(--text);font:inherit;font-size:9px;outline:none}
.realtime-route-select.output-select select{border-color:color-mix(in srgb,var(--violet) 25%,var(--line))}
.realtime-route-select select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 10%,transparent)}
.realtime-route-select.output-select select:focus{border-color:var(--violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 10%,transparent)}
.realtime-route-select small{font-size:7.5px;color:var(--muted);line-height:1.4}
.realtime-route-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--soft)}
.realtime-route-arrow span{font-size:23px;color:var(--cyan);filter:drop-shadow(0 0 9px color-mix(in srgb,var(--cyan) 35%,transparent))}.realtime-route-arrow small{font-size:7px;letter-spacing:.11em;font-weight:800}
.realtime-route-actions{display:grid;grid-template-columns:auto minmax(210px,1fr);gap:8px;margin-top:10px}
.realtime-lets-go{min-height:48px;border:1px solid color-mix(in srgb,var(--cyan) 60%,var(--line));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 82%,#071015),color-mix(in srgb,var(--violet) 78%,#071015));display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:7px 12px;color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,var(--cyan) 15%,transparent);transition:.16s transform,.16s filter,.16s box-shadow}
.realtime-lets-go:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 34px color-mix(in srgb,var(--cyan) 22%,transparent)}
.realtime-lets-go>span{grid-row:1/3;font-size:16px}.realtime-lets-go strong{font-size:11px;letter-spacing:.08em}.realtime-lets-go small{font-size:8px;color:rgba(255,255,255,.7)}
.realtime-lets-go.live{background:linear-gradient(135deg,#0d8a68,#1b9f8a);border-color:#4fe0b9}.realtime-lets-go:disabled{opacity:.58;cursor:wait;transform:none}
.realtime-stop-button{border-color:color-mix(in srgb,#e15d68 35%,var(--line))!important}.realtime-stop-button:hover{color:#fff!important;border-color:#e15d68!important;background:color-mix(in srgb,#e15d68 12%,var(--panel))!important}
.realtime-route-status.live{color:color-mix(in srgb,var(--cyan) 80%,var(--text));font-weight:650}
html[data-theme="live"] .realtime-native-badge-row,html[data-theme="live"] .realtime-route-select{border-color:var(--live-border);background:color-mix(in srgb,var(--live-panel-2) 78%,transparent)}
html[data-theme="live"] .realtime-route-select select{border-color:color-mix(in srgb,var(--live-accent) 48%,var(--live-border));background:color-mix(in srgb,var(--live-panel) 88%,#05080c)}
html[data-theme="live"] .realtime-lets-go{background:linear-gradient(135deg,var(--live-accent),var(--live-accent-2));border-color:var(--live-accent)}
@media(max-width:820px){.realtime-route-matrix{grid-template-columns:1fr}.realtime-route-arrow{min-height:28px;transform:rotate(90deg)}.realtime-route-actions{grid-template-columns:1fr}.realtime-native-badge-row{align-items:flex-start;flex-direction:column}}

/* v23 · Semantic Adaptive realtime controller */
.realtime-ai-controller{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:12px;padding:14px;border:1px solid rgba(128,156,255,.18);border-radius:16px;background:linear-gradient(135deg,rgba(25,34,64,.5),rgba(7,11,19,.74));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.realtime-ai-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}.realtime-ai-toggle>input{position:absolute;opacity:0;pointer-events:none}.realtime-ai-toggle .switch{width:44px;height:24px;flex:0 0 auto;border-radius:999px;background:#252a37;border:1px solid rgba(255,255,255,.1);position:relative;transition:.2s ease}.realtime-ai-toggle .switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;left:2px;top:2px;background:#aab2c5;transition:.22s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.4)}.realtime-ai-toggle input:checked+.switch{background:linear-gradient(90deg,rgba(78,125,255,.8),rgba(156,92,255,.85));border-color:rgba(142,126,255,.65);box-shadow:0 0 20px rgba(111,100,255,.18)}.realtime-ai-toggle input:checked+.switch:after{transform:translateX(20px);background:#fff}.realtime-ai-toggle>span:last-child{display:grid;gap:3px}.realtime-ai-toggle strong{font-size:13px;letter-spacing:.01em;color:#f4f6ff}.realtime-ai-toggle small{font-size:11px;line-height:1.45;color:#9099ad}
.realtime-ai-readout{display:grid;align-content:center;justify-items:end;gap:7px;text-align:right}.realtime-ai-readout span:first-child{display:flex;align-items:center;gap:7px;font-size:11px;color:#d7dded}.realtime-ai-readout span:first-child i{width:8px;height:8px;border-radius:50%;background:#7b83a0;box-shadow:0 0 0 4px rgba(123,131,160,.08)}.realtime-ai-controller.ai-ready .realtime-ai-readout span:first-child i{background:#5de3a2;box-shadow:0 0 14px rgba(93,227,162,.65)}.realtime-ai-controller.ai-loading .realtime-ai-readout span:first-child i{background:#f4c56c;box-shadow:0 0 14px rgba(244,197,108,.45);animation:aiPulse 1.4s ease-in-out infinite}.realtime-ai-controller.ai-off .realtime-ai-readout span:first-child i{background:#687086;box-shadow:none}.realtime-ai-readout span:last-child{font-size:10px;color:#778197;font-variant-numeric:tabular-nums}@keyframes aiPulse{50%{opacity:.35;transform:scale(.82)}}
@media(max-width:900px){.realtime-ai-controller{grid-template-columns:1fr}.realtime-ai-readout{justify-items:start;text-align:left}}


/* v23.4 microphone + backing-melody mini studio */
.mic-studio{align-items:stretch;text-align:left;min-height:0;padding:13px;gap:10px}.mic-studio-head{display:flex;align-items:center;gap:10px}.mic-studio-head .mic-orb{flex:0 0 44px;margin:0}.mic-studio-head .mic-copy{min-width:0}.mic-studio-head .mic-copy small{max-width:none}
.mic-backing-card{border:1px solid #293545;border-radius:9px;background:linear-gradient(180deg,rgba(121,78,169,.075),rgba(14,20,29,.72));padding:10px}.mic-backing-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mic-backing-top>div:first-child{min-width:0}.mic-backing-kicker{display:block;color:#8f6ab5;font-size:6px;font-weight:800;letter-spacing:.12em;margin-bottom:3px}.mic-backing-top strong{display:block;color:#dbe2ec;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.mic-backing-top small{display:block;color:#667486;font-size:6.5px;margin-top:2px}.mic-backing-actions{display:flex;gap:5px;flex:0 0 auto}.mic-backing-upload{color:#d8c1ee;border-color:#49355d;background:rgba(91,56,119,.16)}
.mic-backing-preview{width:100%;height:29px;margin-top:8px}.mic-mix-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mic-mix-controls label{border:1px solid #24303e;border-radius:7px;background:#0c131b;padding:7px 8px}.mic-mix-controls label>span{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.mic-mix-controls strong{color:#aeb9c8;font-size:7px}.mic-mix-controls b{color:#ca9aea;font-size:6.5px;font-weight:700}.mic-mix-controls input[type=range]{width:100%;accent-color:#9557bd}.mic-backing-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.mic-backing-options label{display:flex;align-items:center;gap:5px;color:#788596;font-size:6.5px}.mic-backing-options input{accent-color:#9557bd}
.mic-record-zone{border-top:1px solid #222e3b;padding-top:2px}.mic-studio .mic-actions{margin-top:8px}.mic-studio .mic-status{text-align:center}.mic-ai-ready{margin-top:8px;border:1px solid rgba(101,169,128,.28);border-radius:8px;background:rgba(35,92,59,.13);padding:8px 10px;text-align:left}.mic-ai-ready span{display:block;color:#75b58c;font-size:5.8px;font-weight:800;letter-spacing:.13em}.mic-ai-ready strong{display:block;color:#cfe3d6;font-size:7.5px;margin-top:2px}.mic-ai-ready small{display:block;color:#6f8878;font-size:6.2px;line-height:1.45;margin-top:2px}.mic-studio .mic-preview{margin-top:8px}
html[data-theme="sand"] .mic-backing-card,html[data-theme="sand"] .mic-mix-controls label{border-color:#c6ae83;background:#e8d9bc}html[data-theme="sand"] .mic-backing-top strong,html[data-theme="sand"] .mic-mix-controls strong{color:#46321f}html[data-theme="sand"] .mic-backing-top small,html[data-theme="sand"] .mic-backing-options label{color:#826f50}
html[data-theme="night"] .mic-backing-card,html[data-theme="night"] .mic-mix-controls label{border-color:#40301f;background:#1b1510}html[data-theme="metal"] .mic-backing-card,html[data-theme="metal"] .mic-mix-controls label{border-color:#2d414e;background:#101a21}html[data-theme="green"] .mic-backing-card,html[data-theme="green"] .mic-mix-controls label{border-color:#33463a;background:#141e17}html[data-theme="live"] .mic-backing-card,html[data-theme="live"] .mic-mix-controls label{border-color:var(--live-border);background:var(--live-panel-2)}
@media(max-width:720px){.mic-backing-top{align-items:flex-start;flex-direction:column}.mic-backing-actions{width:100%}.mic-mix-controls{grid-template-columns:1fr}.mic-backing-top strong{max-width:100%}}

/* v24 · DJ Gradient Mode --------------------------------------------------- */
.dj-mode-controller{margin-top:14px;padding:15px;border:1px solid color-mix(in srgb,var(--violet) 34%,var(--line));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--violet) 10%,var(--panel)),color-mix(in srgb,var(--cyan) 5%,var(--panel2)));box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 36px rgba(0,0,0,.12)}
.dj-mode-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dj-mode-switch{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}.dj-mode-switch>input{position:absolute;opacity:0;pointer-events:none}.dj-mode-switch .switch{width:48px;height:26px;flex:0 0 auto;border-radius:99px;background:#252a37;border:1px solid rgba(255,255,255,.1);position:relative;transition:.22s ease}.dj-mode-switch .switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;left:2px;top:2px;background:#9ba5bc;transition:.24s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.4)}.dj-mode-switch input:checked+.switch{background:linear-gradient(90deg,#5d70ff,#aa58ff 54%,#4ad6d2);border-color:rgba(148,128,255,.78);box-shadow:0 0 26px rgba(113,93,255,.24)}.dj-mode-switch input:checked+.switch:after{transform:translateX(22px);background:#fff}.dj-mode-switch>span:last-child{display:grid;gap:3px}.dj-mode-switch strong{font-size:13px;color:var(--text)}.dj-mode-switch small{max-width:720px;font-size:10px;line-height:1.45;color:var(--muted)}
.dj-live-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--violet) 40%,var(--line));border-radius:99px;padding:6px 9px;font-size:7px;letter-spacing:.12em;font-weight:850;color:color-mix(in srgb,var(--violet) 74%,white);white-space:nowrap}.dj-live-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.dj-mode-controller.engaged .dj-live-badge i{animation:djPulse 1.5s ease-in-out infinite}@keyframes djPulse{50%{opacity:.35;transform:scale(.72)}}
.dj-prompt-row{display:grid;grid-template-columns:minmax(0,1fr) 158px;gap:9px;margin-top:12px}.dj-prompt-input{display:grid;gap:5px}.dj-prompt-input>span{font-size:7px;font-weight:850;letter-spacing:.13em;color:var(--cyan)}.dj-prompt-input input{height:42px;padding:0 12px;border:1px solid color-mix(in srgb,var(--violet) 28%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--panel3) 82%,#05070c);color:var(--text);font:inherit;font-size:10px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.dj-prompt-input input:focus{border-color:var(--violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 11%,transparent)}.dj-prompt-row button{border:1px solid color-mix(in srgb,var(--violet) 52%,var(--line));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--violet) 72%,#0b0d14),color-mix(in srgb,var(--cyan) 45%,#0b0d14));color:#fff;display:grid;align-content:center;gap:1px;padding:7px 10px;cursor:pointer}.dj-prompt-row button strong{font-size:9px;letter-spacing:.08em}.dj-prompt-row button small{font-size:7px;color:rgba(255,255,255,.66)}
.dj-gradient-readout{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--violet) 13%,var(--line));font-size:8px;color:var(--muted)}.dj-gradient-readout span:last-child{font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--cyan) 62%,var(--muted))}
#realtimeView.dj-mode-active .realtime-feature input[data-rt-feature]{pointer-events:none;filter:saturate(.9) brightness(.96)}#realtimeView.dj-mode-active .realtime-feature{cursor:default}#realtimeView.dj-mode-active .realtime-feature:before{opacity:.62}#realtimeView.dj-mode-active .realtime-feature>span>b{box-shadow:0 0 14px color-mix(in srgb,var(--feature-accent) 22%,transparent)}
#realtimeView.dj-mode-active .feature-deck-actions #rtFeatureZeroBtn,#realtimeView.dj-mode-active #realtimeResetBtn{opacity:.42;pointer-events:none}#realtimeView.dj-mode-active .feature-zero-pill:after{content:" · AI CONTROLLED";color:var(--violet);font-weight:850;letter-spacing:.08em}
.dj-node-panel{display:none!important;margin-top:10px;padding:9px;border:1px solid color-mix(in srgb,var(--feature-accent) 22%,var(--line));border-radius:10px;background:linear-gradient(155deg,color-mix(in srgb,var(--feature-accent) 5%,var(--panel3)),color-mix(in srgb,var(--panel) 90%,transparent));position:relative;z-index:1}.dj-mode-active .dj-expandable .dj-node-panel{display:grid!important;gap:6px}.dj-mode-active .realtime-feature-grid-15 .dj-expandable{grid-row:span 2;min-height:290px}.dj-node-title{display:flex!important;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.dj-node-title span{font-size:6.5px;font-weight:900;letter-spacing:.11em;color:var(--feature-accent)}.dj-node-title em{font-size:6px;color:var(--muted);font-style:normal}
.dj-node{display:grid!important;grid-template-columns:80px minmax(32px,1fr) 90px;align-items:center;gap:6px;min-height:18px}.dj-node>span{font-size:6.4px;color:color-mix(in srgb,var(--text) 82%,var(--muted));white-space:nowrap}.dj-node>i{height:3px;border-radius:99px;background:color-mix(in srgb,var(--line) 82%,transparent);overflow:hidden;position:relative}.dj-node>i>b{position:absolute;left:50%;top:0;height:100%;width:0;border-radius:99px;background:var(--feature-accent);box-shadow:0 0 8px color-mix(in srgb,var(--feature-accent) 48%,transparent);transition:left .7s cubic-bezier(.2,.8,.2,1),width .7s cubic-bezier(.2,.8,.2,1)}.dj-node>em{font-size:6px;color:var(--muted);font-style:normal;text-align:right;font-variant-numeric:tabular-nums}.dj-node.positive>em{color:#71e1bf}.dj-node.negative>em{color:#f08a9f}
.dj-mode-active .realtime-ai-controller{opacity:.56}.dj-mode-active .realtime-ai-toggle{pointer-events:none}.dj-mode-active .realtime-ai-controller:after{content:"Manual semantic adaptation paused while DJ Gradient owns the deck";grid-column:1/-1;font-size:7px;color:var(--muted);letter-spacing:.04em}
html[data-theme="live"] .dj-mode-controller{border-color:var(--live-border);background:linear-gradient(145deg,color-mix(in srgb,var(--live-accent) 10%,var(--live-panel)),color-mix(in srgb,var(--live-accent-2) 7%,var(--live-panel-2)))}
@media(max-width:900px){.dj-mode-top{align-items:flex-start;flex-direction:column}.dj-prompt-row{grid-template-columns:1fr}.dj-gradient-readout{align-items:flex-start;flex-direction:column}.dj-mode-active .realtime-feature-grid-15 .dj-expandable{grid-row:auto}.dj-node{grid-template-columns:76px 1fr 86px}}

/* v25 · 50D direct DSP Gradient Lab -------------------------------------- */
.dsp50-mode-controller{margin-top:12px;padding:15px;border:1px solid color-mix(in srgb,var(--cyan) 34%,var(--line));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 8%,var(--panel)),color-mix(in srgb,#57e2a6 7%,var(--panel2)) 46%,color-mix(in srgb,var(--blue) 8%,var(--panel)));box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 40px rgba(0,0,0,.13);position:relative;overflow:hidden}
.dsp50-mode-controller:before{content:"";position:absolute;inset:-75% -20% auto;height:160px;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 68%);pointer-events:none}
.dsp50-mode-controller.engaged{border-color:color-mix(in srgb,#59e6bc 72%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,#59e6bc 15%,transparent),0 18px 44px rgba(0,0,0,.16),0 0 42px color-mix(in srgb,var(--cyan) 10%,transparent)}
.dsp50-mode-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}.dsp50-mode-switch input:checked+.switch{background:linear-gradient(90deg,#2eb4d4,#52d6ae 52%,#5f87ff);border-color:rgba(88,222,187,.8);box-shadow:0 0 28px rgba(64,210,185,.22)}
.dsp50-live-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,#57dcb5 45%,var(--line));border-radius:99px;padding:6px 9px;font-size:7px;letter-spacing:.11em;font-weight:850;color:color-mix(in srgb,#69e8c1 82%,white);white-space:nowrap;background:color-mix(in srgb,#37bca3 5%,transparent)}.dsp50-live-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.dsp50-mode-controller.engaged .dsp50-live-badge i{animation:dsp50Pulse 1.25s ease-in-out infinite}@keyframes dsp50Pulse{50%{opacity:.3;transform:scale(.68)}}
.dsp50-prompt-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 158px;gap:9px;margin-top:12px}.dsp50-prompt-input>span{color:#67e2c0!important}.dsp50-prompt-input input:focus{border-color:#57dcb5!important;box-shadow:0 0 0 3px color-mix(in srgb,#57dcb5 11%,transparent)!important}.dsp50-prompt-row button{border:1px solid color-mix(in srgb,#57dcb5 55%,var(--line));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,#25a7c0 72%,#091017),color-mix(in srgb,#4bd3a9 64%,#091017));color:#fff;display:grid;align-content:center;gap:1px;padding:7px 10px;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,#38c8b0 8%,transparent)}.dsp50-prompt-row button:hover{filter:saturate(1.1) brightness(1.05)}.dsp50-prompt-row button strong{font-size:9px;letter-spacing:.08em}.dsp50-prompt-row button small{font-size:7px;color:rgba(255,255,255,.68)}
.dsp50-intensity-row{position:relative;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(180px,1fr) 50px;align-items:center;gap:12px;margin-top:10px;padding:10px 11px;border:1px solid color-mix(in srgb,#55d8b7 16%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--panel3) 75%,transparent)}.dsp50-intensity-row>span{display:grid;gap:2px}.dsp50-intensity-row strong{font-size:7px;letter-spacing:.12em;color:#65dfbd}.dsp50-intensity-row small{font-size:7px;color:var(--muted)}.dsp50-intensity-row input{width:100%;accent-color:#59deb8}.dsp50-intensity-row>b{text-align:right;color:#72e8c7;font-size:9px;font-variant-numeric:tabular-nums}.dsp50-gradient-readout{border-top-color:color-mix(in srgb,#55d8b7 14%,var(--line))}.dsp50-gradient-readout span:last-child{color:color-mix(in srgb,#65dfbd 70%,var(--muted))}

.dsp50-lab-section{display:none;margin-top:14px;padding:16px;border:1px solid color-mix(in srgb,#55d8b7 25%,var(--line));border-radius:16px;background:linear-gradient(155deg,color-mix(in srgb,#43cfb1 5%,var(--panel2)),color-mix(in srgb,var(--blue) 4%,var(--panel)));box-shadow:0 18px 44px rgba(0,0,0,.12);position:relative;overflow:hidden}.dsp50-lab-section.active{display:block}.dsp50-lab-section:before{content:"";position:absolute;inset:-110px -10% auto;height:170px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,#4fd8b5 10%,transparent),transparent 70%);pointer-events:none}.dsp50-lab-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.dsp50-lab-head h2{margin:3px 0 5px;font-size:17px;letter-spacing:-.02em}.dsp50-lab-head p{margin:0;max-width:760px;color:var(--muted);font-size:8.5px;line-height:1.5}.dsp50-lab-head p b{color:var(--text)}.dsp50-lab-meta{display:grid;justify-items:end;gap:5px;flex:0 0 auto}.dsp50-lab-meta span{padding:5px 8px;border:1px solid color-mix(in srgb,#55d8b7 22%,var(--line));border-radius:99px;background:color-mix(in srgb,var(--panel3) 78%,transparent);font-size:6.5px;color:var(--muted);font-variant-numeric:tabular-nums}.dsp50-lab-meta span:first-child{color:#6fe3c1}
.dsp50-grid{position:relative;display:grid;gap:11px}.dsp50-group{border:1px solid color-mix(in srgb,#59d9ba 13%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel3) 69%,transparent);padding:10px}.dsp50-group-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.dsp50-group-head strong{font-size:7px;letter-spacing:.15em;color:#69dfc0}.dsp50-group-head i{height:1px;flex:1;background:linear-gradient(90deg,color-mix(in srgb,#58d7b9 32%,var(--line)),transparent)}.dsp50-group-head b{font-size:6.5px;color:var(--muted);font-weight:650}.dsp50-group-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.dsp50-node{--dsp50-accent:#57dcb5;min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--dsp50-accent) 13%,var(--line));border-radius:9px;background:linear-gradient(150deg,color-mix(in srgb,var(--dsp50-accent) 3%,var(--panel2)),color-mix(in srgb,var(--panel) 86%,transparent));transition:border-color .35s ease,box-shadow .35s ease,background .35s ease,transform .35s ease}.dsp50-node[data-group="EQ"]{--dsp50-accent:#62cfff}.dsp50-node[data-group="DYNAMICS"]{--dsp50-accent:#ffbf62}.dsp50-node[data-group="HARMONICS"]{--dsp50-accent:#ff7b8d}.dsp50-node[data-group="STEREO"]{--dsp50-accent:#8f82ff}.dsp50-node[data-group="REVERB"]{--dsp50-accent:#bc77ff}.dsp50-node[data-group="DELAY"]{--dsp50-accent:#5de2c0}.dsp50-node.active-node{border-color:color-mix(in srgb,var(--dsp50-accent) 58%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--dsp50-accent) 11%,transparent),0 8px 22px color-mix(in srgb,var(--dsp50-accent) 8%,transparent);transform:translateY(-1px)}.dsp50-node.positive{background:linear-gradient(150deg,color-mix(in srgb,#58e3bd 5%,var(--panel2)),color-mix(in srgb,var(--panel) 86%,transparent))}.dsp50-node.negative{background:linear-gradient(150deg,color-mix(in srgb,#f06e97 4%,var(--panel2)),color-mix(in srgb,var(--panel) 86%,transparent))}
.dsp50-node-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.dsp50-node-title{min-width:0}.dsp50-node-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7.3px;color:var(--text)}.dsp50-node-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:5.7px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.dsp50-node-value{flex:0 0 auto;font-size:6.8px;color:var(--dsp50-accent);font-weight:800;font-variant-numeric:tabular-nums}.dsp50-node.active-node .dsp50-node-value{text-shadow:0 0 12px color-mix(in srgb,var(--dsp50-accent) 38%,transparent)}
.dsp50-position{height:12px;position:relative;margin-top:6px}.dsp50-position:before{content:"";position:absolute;left:0;right:0;top:5px;height:2px;border-radius:99px;background:color-mix(in srgb,var(--line) 88%,transparent)}.dsp50-position [data-role="neutral"]{position:absolute;top:2px;width:1px;height:8px;background:color-mix(in srgb,var(--muted) 72%,transparent);transform:translateX(-50%)}.dsp50-position [data-role="current"]{position:absolute;top:1px;width:4px;height:10px;border-radius:99px;background:var(--dsp50-accent);box-shadow:0 0 8px color-mix(in srgb,var(--dsp50-accent) 50%,transparent);transform:translateX(-50%);transition:left .85s cubic-bezier(.2,.75,.2,1)}
.dsp50-derivative{height:5px;border-radius:99px;background:color-mix(in srgb,var(--line) 80%,transparent);position:relative;overflow:hidden}.dsp50-derivative:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--muted) 42%,transparent)}.dsp50-derivative [data-role="derivativeFill"]{position:absolute;top:0;height:100%;width:0;border-radius:99px;background:var(--dsp50-accent);box-shadow:0 0 8px color-mix(in srgb,var(--dsp50-accent) 44%,transparent);transition:left .75s cubic-bezier(.2,.75,.2,1),width .75s cubic-bezier(.2,.75,.2,1)}.dsp50-node.negative .dsp50-derivative [data-role="derivativeFill"]{background:#ec7897}
.dsp50-node-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:5px}.dsp50-node-foot [data-role="gradient"]{font-size:6px;font-weight:760;color:var(--muted);font-variant-numeric:tabular-nums}.dsp50-node.positive .dsp50-node-foot [data-role="gradient"]{color:#67dfbd}.dsp50-node.negative .dsp50-node-foot [data-role="gradient"]{color:#ef839e}.dsp50-node-foot [data-role="confidence"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:5.5px;color:var(--muted);text-align:right}.dsp50-node.active-node .dsp50-node-foot [data-role="confidence"]{color:color-mix(in srgb,var(--dsp50-accent) 66%,var(--muted))}
.dsp50-lab-note{position:relative;margin:10px 1px 0;padding-top:9px;border-top:1px solid color-mix(in srgb,#55d8b7 12%,var(--line));font-size:7px;line-height:1.5;color:var(--muted)}.dsp50-lab-note b{color:#6fe4c2}

#realtimeView.dsp50-mode-active .realtime-feature-deck{opacity:.47;filter:saturate(.72);transition:opacity .3s ease,filter .3s ease}#realtimeView.dsp50-mode-active .realtime-feature input[data-rt-feature]{pointer-events:none}#realtimeView.dsp50-mode-active .feature-deck-actions button{pointer-events:none}#realtimeView.dsp50-mode-active .feature-zero-pill:after{content:" · 50D OWNS DSP";color:#64ddba;font-weight:850;letter-spacing:.08em}#realtimeView.dsp50-mode-active .realtime-ai-controller{opacity:.48;pointer-events:none}#realtimeView.dsp50-mode-active .dj-mode-controller{opacity:.60}
html[data-theme="live"] .dsp50-mode-controller,html[data-theme="live"] .dsp50-lab-section{border-color:var(--live-border);background:linear-gradient(145deg,color-mix(in srgb,var(--live-accent) 8%,var(--live-panel)),color-mix(in srgb,var(--live-accent-2) 6%,var(--live-panel-2)))}html[data-theme="live"] .dsp50-group{border-color:var(--live-border);background:color-mix(in srgb,var(--live-panel-2) 84%,transparent)}
@media(max-width:1180px){.dsp50-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.dsp50-mode-top,.dsp50-lab-head{align-items:flex-start;flex-direction:column}.dsp50-prompt-row{grid-template-columns:1fr}.dsp50-intensity-row{grid-template-columns:1fr}.dsp50-intensity-row>b{text-align:left}.dsp50-lab-meta{justify-items:start}.dsp50-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.dsp50-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dsp50-lab-section,.dsp50-mode-controller{padding:12px}}@media(max-width:460px){.dsp50-group-grid{grid-template-columns:1fr}}
/* v25 markup bindings for dynamically-created 50D tiles */
.dsp50-lab-summary{display:grid;justify-items:end;gap:5px;flex:0 0 auto}.dsp50-lab-summary span,.dsp50-lab-summary b{padding:5px 8px;border:1px solid color-mix(in srgb,#55d8b7 22%,var(--line));border-radius:99px;background:color-mix(in srgb,var(--panel3) 78%,transparent);font-size:6.5px;color:var(--muted);font-weight:650;font-variant-numeric:tabular-nums}.dsp50-lab-summary span{color:#6fe3c1}
.dsp50-group-head span{font-size:7px;letter-spacing:.15em;color:#69dfc0;font-weight:850}.dsp50-group-head:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,color-mix(in srgb,#58d7b9 32%,var(--line)),transparent);order:1}.dsp50-group-head b{order:2}
.dsp50-node-card{--dsp50-accent:#57dcb5;min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--dsp50-accent) 13%,var(--line));border-radius:9px;background:linear-gradient(150deg,color-mix(in srgb,var(--dsp50-accent) 3%,var(--panel2)),color-mix(in srgb,var(--panel) 86%,transparent));transition:border-color .35s ease,box-shadow .35s ease,background .35s ease,transform .35s ease}.dsp50-group[data-group="EQ"] .dsp50-node-card{--dsp50-accent:#62cfff}.dsp50-group[data-group="DYNAMICS"] .dsp50-node-card{--dsp50-accent:#ffbf62}.dsp50-group[data-group="HARMONICS"] .dsp50-node-card{--dsp50-accent:#ff7b8d}.dsp50-group[data-group="STEREO"] .dsp50-node-card{--dsp50-accent:#8f82ff}.dsp50-group[data-group="REVERB"] .dsp50-node-card{--dsp50-accent:#bc77ff}.dsp50-group[data-group="DELAY"] .dsp50-node-card{--dsp50-accent:#5de2c0}.dsp50-node-card.active-node{border-color:color-mix(in srgb,var(--dsp50-accent) 58%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--dsp50-accent) 11%,transparent),0 8px 22px color-mix(in srgb,var(--dsp50-accent) 8%,transparent);transform:translateY(-1px)}.dsp50-node-card.positive{background:linear-gradient(150deg,color-mix(in srgb,#58e3bd 5%,var(--panel2)),color-mix(in srgb,var(--panel) 86%,transparent))}.dsp50-node-card.negative{background:linear-gradient(150deg,color-mix(in srgb,#f06e97 4%,var(--panel2)),color-mix(in srgb,var(--panel) 86%,transparent))}
.dsp50-node-card .dsp50-node-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.dsp50-node-card .dsp50-node-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7.3px;color:var(--text)}.dsp50-node-card .dsp50-node-top span{flex:0 1 auto;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:5.5px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right}.dsp50-node-values{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:5px}.dsp50-node-values b{font-size:7px;color:var(--dsp50-accent);font-weight:800;font-variant-numeric:tabular-nums}.dsp50-node-values em{font-size:6px;color:var(--muted);font-style:normal;font-variant-numeric:tabular-nums}.dsp50-node-card.positive .dsp50-node-values em{color:#67dfbd}.dsp50-node-card.negative .dsp50-node-values em{color:#ef839e}
.dsp50-node-card .dsp50-position{height:12px;position:relative;margin-top:5px}.dsp50-node-card .dsp50-position:before{content:"";position:absolute;left:0;right:0;top:5px;height:2px;border-radius:99px;background:color-mix(in srgb,var(--line) 88%,transparent)}.dsp50-node-card .dsp50-position [data-role="neutral"]{position:absolute;top:2px;width:1px;height:8px;background:color-mix(in srgb,var(--muted) 72%,transparent);transform:translateX(-50%)}.dsp50-node-card .dsp50-position [data-role="current"]{position:absolute;top:1px;width:4px;height:10px;border-radius:99px;background:var(--dsp50-accent);box-shadow:0 0 8px color-mix(in srgb,var(--dsp50-accent) 50%,transparent);transform:translateX(-50%);transition:left .85s cubic-bezier(.2,.75,.2,1)}
.dsp50-node-card .dsp50-derivative{height:5px;border-radius:99px;background:color-mix(in srgb,var(--line) 80%,transparent);position:relative;overflow:hidden}.dsp50-node-card .dsp50-derivative:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--muted) 42%,transparent)}.dsp50-node-card .dsp50-derivative [data-role="derivativeFill"]{position:absolute;top:0;height:100%;width:0;border-radius:99px;background:var(--dsp50-accent);box-shadow:0 0 8px color-mix(in srgb,var(--dsp50-accent) 44%,transparent);transition:left .75s cubic-bezier(.2,.75,.2,1),width .75s cubic-bezier(.2,.75,.2,1)}.dsp50-node-card.negative .dsp50-derivative [data-role="derivativeFill"]{background:#ec7897}.dsp50-node-card>small[data-role="confidence"]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:5.5px;color:var(--muted);text-align:right}.dsp50-node-card.active-node>small[data-role="confidence"]{color:color-mix(in srgb,var(--dsp50-accent) 66%,var(--muted))}
.dsp50-footnote{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 1px 0;padding-top:9px;border-top:1px solid color-mix(in srgb,#55d8b7 12%,var(--line));font-size:6.5px;line-height:1.45;color:var(--muted)}.dsp50-footnote span{display:flex;align-items:center;gap:5px}.dsp50-footnote i{width:8px;height:3px;border-radius:99px;background:#65dfbd}.dsp50-footnote span:nth-child(2) i{background:#ef839e}
@media(max-width:900px){.dsp50-lab-summary{justify-items:start}}


/* v30.4.13 NVIDIA A2SB GPU restoration · Windows dependency fix */
.neural-polish-controller{margin-top:12px;padding:13px 14px;border:1px solid rgba(111,214,197,.20);border-radius:12px;background:linear-gradient(180deg,rgba(61,171,153,.065),rgba(255,255,255,.014));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.neural-polish-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.neural-polish-switch{display:flex;align-items:flex-start;gap:10px;cursor:pointer;min-width:0}.neural-polish-switch>input{position:absolute;opacity:0;pointer-events:none}.neural-polish-switch .switch{position:relative;flex:0 0 34px;width:34px;height:18px;border-radius:99px;background:#252b31;border:1px solid rgba(255,255,255,.12);margin-top:1px;transition:.2s}.neural-polish-switch .switch:after{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:#8d969f;transition:.2s}.neural-polish-switch>input:checked+.switch{background:rgba(67,205,177,.18);border-color:rgba(86,232,198,.45)}.neural-polish-switch>input:checked+.switch:after{left:18px;background:#72e8c7;box-shadow:0 0 12px rgba(86,232,198,.35)}.neural-polish-switch strong{display:block;font-size:10px;letter-spacing:.08em;color:#e8f7f3}.neural-polish-switch small{display:block;margin-top:4px;max-width:760px;color:var(--muted);font-size:8px;line-height:1.45}.neural-polish-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:7px;letter-spacing:.14em;color:#72e8c7;border:1px solid rgba(86,232,198,.18);border-radius:99px;padding:5px 8px}.neural-polish-badge i{width:6px;height:6px;border-radius:50%;background:#72e8c7;box-shadow:0 0 8px rgba(114,232,199,.45)}
.neural-polish-controls{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(280px,1.2fr);gap:16px;align-items:end;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055)}.neural-polish-controls>label>span{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.neural-polish-controls>label strong{font-size:8px;letter-spacing:.08em;color:#dceae6}.neural-polish-controls>label b{font-size:9px;color:#72e8c7;font-variant-numeric:tabular-nums}.neural-polish-controls input[type=range]{width:100%;accent-color:#72e8c7}.neural-polish-controls small{display:block;color:var(--muted);font-size:7px;margin-top:4px}.neural-polish-readout{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:32px;padding:7px 9px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(0,0,0,.12);font-size:7px;color:var(--muted)}.neural-polish-readout span:first-child{color:#cfe8e1}.neural-polish-controller.ready{border-color:rgba(86,232,198,.34)}.neural-polish-controller.overload{border-color:rgba(255,180,82,.34)}.neural-polish-controller.overload .neural-polish-badge{color:#ffbd6a;border-color:rgba(255,189,106,.25)}
@media(max-width:760px){.neural-polish-top{flex-direction:column}.neural-polish-controls{grid-template-columns:1fr}.neural-polish-readout{align-items:flex-start;flex-direction:column}}

/* v31.0 Agentic DJ Prototype */
.agentic-nav-badge{margin-left:auto;font-size:9px;letter-spacing:.12em;padding:3px 6px;border-radius:999px;border:1px solid rgba(141,127,255,.38);color:#bcb2ff;background:rgba(107,87,255,.11)}
.agentic-view{height:100%;overflow:auto;padding:34px 38px 52px;background:radial-gradient(circle at 76% 0%,rgba(91,62,255,.08),transparent 31%),radial-gradient(circle at 8% 24%,rgba(0,191,255,.055),transparent 27%),#080a0f;color:#eef1f7}
.agentic-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;border-bottom:1px solid #202633;padding-bottom:22px;margin-bottom:22px}.agentic-head h1{font-size:31px;margin:5px 0 8px;letter-spacing:-.035em}.agentic-head p{max-width:900px;color:#8f99a8;line-height:1.55;margin:0}.agentic-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.agentic-pill{border:1px solid #2d3545;background:#111620;color:#a8b5c8;border-radius:999px;padding:8px 11px;font-size:10px;letter-spacing:.08em;white-space:nowrap}.agentic-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7e6cff;box-shadow:0 0 14px rgba(126,108,255,.75);margin-right:7px}
.agentic-deck-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.agentic-deck{border:1px solid #232b38;background:linear-gradient(180deg,#10141d,#0b0e14);border-radius:18px;padding:16px;box-shadow:inset 0 1px rgba(255,255,255,.025)}.agentic-deck-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:12px}.agentic-deck-top>span{font-size:10px;color:#78869a;letter-spacing:.13em}.agentic-deck-top strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agentic-deck-top em{font-style:normal;font-size:9px;padding:4px 7px;border:1px solid #343c49;border-radius:999px;color:#7f8997}.agentic-deck-top em.ready{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.agentic-wave{display:block;width:100%;height:112px;border:1px solid #1f2733;border-radius:12px;background:#070910}.agentic-deck-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:8px;margin:12px 0}.agentic-deck-stats span{background:#0a0e15;border:1px solid #202735;border-radius:10px;padding:9px}.agentic-deck-stats small{display:block;font-size:8px;color:#667387;letter-spacing:.12em;margin-bottom:5px}.agentic-deck-stats b{font-size:13px;color:#dce5f1}.agentic-load{width:100%;height:40px;border:1px dashed #39465a;background:#0b1018;color:#9facbf;border-radius:10px;font-weight:700;letter-spacing:.05em}.agentic-load:hover{border-style:solid;border-color:#6f64dc;color:#fff;background:#17152b}
.agentic-console-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-bottom:16px}.agentic-console,.agentic-plan-card{border:1px solid #232b38;background:#0d1118;border-radius:18px;padding:18px}.agentic-console-kicker{font-size:10px;letter-spacing:.14em;color:#7469e6;font-weight:800;margin-bottom:12px}.agentic-prompt-console textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:96px;background:#070a10;border:1px solid #283142;border-radius:12px;color:#eef2f7;padding:13px 14px;font:500 13px/1.5 inherit;outline:none}.agentic-prompt-console textarea:focus{border-color:#6c60dc;box-shadow:0 0 0 2px rgba(108,96,220,.10)}.agentic-prompt-chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 13px}.agentic-prompt-chips button{font-size:9px;letter-spacing:.07em;border:1px solid #2b3443;background:#121721;color:#8592a5;border-radius:999px;padding:7px 10px}.agentic-prompt-chips button:hover{border-color:#665bd0;color:#fff}.agentic-primary{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #7569ec;background:linear-gradient(135deg,#5d50dc,#8a67e8);color:#fff;border-radius:12px;padding:12px 14px}.agentic-primary strong{font-size:12px;letter-spacing:.08em}.agentic-primary small{font-size:10px;opacity:.8}.agentic-output span{display:block;color:#718097;font-size:9px;letter-spacing:.12em;margin-bottom:6px}.agentic-output select{width:100%;height:42px;background:#080c12;border:1px solid #293243;border-radius:10px;color:#e8edf5;padding:0 10px}.agentic-execution-buttons{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:7px;margin-top:10px}.agentic-execution-buttons button{border:1px solid #2a3444;background:#121822;color:#dce4ef;border-radius:10px;padding:9px 8px}.agentic-execution-buttons strong,.agentic-execution-buttons small{display:block}.agentic-execution-buttons strong{font-size:10px;letter-spacing:.06em}.agentic-execution-buttons small{font-size:8px;color:#6f7b8c;margin-top:3px}.agentic-execution-buttons button:hover{border-color:#655bd0;background:#17162a}.agentic-quality-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:7px;align-items:center;margin:13px 0 8px;font-size:9px}.agentic-quality-row span{color:#657287}.agentic-quality-row b{font-size:10px;color:#aeb8c7}.agentic-progress{height:4px;background:#171e29;border-radius:999px;overflow:hidden}.agentic-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5a65ff,#9f5cff);transition:width .25s ease}.agentic-console p{font-size:10px;line-height:1.45;color:#778497;margin:9px 0 0}
.agentic-plan-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.agentic-policy-empty{color:#616d7d;font-size:11px;padding:8px 0}.agentic-policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.agentic-policy-grid span{border:1px solid #202837;background:#090d13;border-radius:10px;padding:9px}.agentic-policy-grid small{display:block;color:#647286;font-size:8px;letter-spacing:.1em;margin-bottom:4px}.agentic-policy-grid b{font-size:11px;color:#d8e0eb}.agentic-policy-notes{margin-top:10px;color:#8b97a8;font-size:10px;line-height:1.5}.agentic-timeline{display:flex;flex-direction:column;gap:7px}.agentic-action{display:grid;grid-template-columns:60px 92px 55px 1fr;gap:8px;align-items:start;border-left:2px solid #5e58d0;background:#090d13;border-radius:0 10px 10px 0;padding:9px 10px}.agentic-action>span{font-size:9px;color:#7268e5;font-weight:800}.agentic-action>b{font-size:9px;color:#e1e7ef}.agentic-action>em{font-size:9px;color:#8995a5;font-style:normal}.agentic-action>p{font-size:9px;color:#737f90;margin:0;line-height:1.35}.agentic-prototype-note{margin-top:16px;border:1px solid #262d3b;background:#0b0f16;border-radius:13px;padding:12px 14px;color:#778394;font-size:10px;line-height:1.5}.agentic-prototype-note strong{color:#b5bfcd}
@media(max-width:1050px){.agentic-deck-grid,.agentic-console-grid,.agentic-plan-grid{grid-template-columns:1fr}.agentic-head{flex-direction:column}.agentic-head-actions{justify-content:flex-start}}
.agentic-controller-card{border:1px solid #232b38;background:linear-gradient(180deg,#0c1017,#090c12);border-radius:18px;padding:18px;margin-bottom:16px}.agentic-controller-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:14px;align-items:stretch}.agentic-channel-strip,.agentic-xfade-block{border:1px solid #202837;background:#080c12;border-radius:13px;padding:12px}.agentic-channel-strip>span,.agentic-xfade-block>span{display:block;color:#6f7c90;font-size:9px;letter-spacing:.13em;margin-bottom:10px}.agentic-channel-strip{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:8px;align-items:center}.agentic-channel-strip>span{margin:0}.agentic-channel-strip div{border-left:1px solid #202735;padding-left:9px}.agentic-channel-strip small{display:block;color:#5f6b7c;font-size:7px;letter-spacing:.1em}.agentic-channel-strip b{font-size:10px;color:#d7dfe9}.agentic-xfade-track{height:10px;border-radius:999px;background:#171d28;border:1px solid #293245;position:relative;margin:17px 4px 8px}.agentic-xfade-track i{position:absolute;top:50%;left:0%;width:20px;height:20px;border-radius:50%;background:#8a72ff;border:3px solid #d6ceff;box-shadow:0 0 18px rgba(126,104,255,.45);transform:translate(-50%,-50%);transition:left .18s linear}.agentic-xfade-label{display:flex;justify-content:space-between;align-items:center;color:#8a96a7}.agentic-xfade-label b{color:#e3e8ef}.agentic-xfade-label small{font-size:9px;letter-spacing:.08em}.agentic-lock-row{display:flex;gap:6px;justify-content:center;margin-top:10px}.agentic-lock-row em{font-style:normal;font-size:8px;color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:999px;padding:4px 7px}@media(max-width:1050px){.agentic-controller-grid{grid-template-columns:1fr}.agentic-channel-strip{grid-template-columns:80px repeat(3,1fr)}}

/* v31.1 Realtime Agentic DJ */
.agentic-performance-console{margin-bottom:16px}.agentic-performance-grid{display:grid;grid-template-columns:2.2fr .7fr .9fr .9fr .9fr 1fr;gap:10px;align-items:end}.agentic-performance-grid label>span{display:block;color:#718097;font-size:9px;letter-spacing:.12em;margin-bottom:6px}.agentic-performance-grid select{width:100%;height:42px;background:#080c12;border:1px solid #293243;border-radius:10px;color:#e8edf5;padding:0 10px}.agentic-performance-grid input[type=range]{width:100%;accent-color:var(--accent)}.agentic-performance-prompt textarea{width:100%;min-height:72px;resize:vertical;background:#070a10;border:1px solid #283142;border-radius:10px;color:#eef2f7;padding:10px 12px;box-sizing:border-box}.agentic-live-actions{display:grid;grid-template-columns:1fr 160px;gap:8px}.agentic-live-actions>button:last-child{border:1px solid #3b2b32;background:#171015;color:#d6a9b7;border-radius:12px}.agentic-live-decks .agentic-deck{min-width:0}.agentic-transport-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.agentic-transport-row button{border:1px solid #283344;background:#0a1018;color:#aeb9c9;border-radius:9px;padding:8px 5px;font-size:8px;font-weight:800;letter-spacing:.04em}.agentic-transport-row button:hover{border-color:#685dde;color:#fff}.agentic-loop-row{grid-template-columns:repeat(5,1fr)}
.agentic-full-controller{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px}.agentic-deck-controls,.agentic-mixer-controls{border:1px solid #202837;background:#080c12;border-radius:13px;padding:13px}.agentic-deck-controls h3,.agentic-mixer-controls h3{font-size:9px;letter-spacing:.13em;color:#7c88a0;margin:0 0 12px}.agentic-deck-controls label,.agentic-master-fx label{display:grid;grid-template-columns:58px 58px 1fr;align-items:center;gap:7px;color:#69768a;font-size:8px;margin:9px 0}.agentic-deck-controls label b,.agentic-master-fx label b{font-size:9px;color:#d7dfe9;text-align:right}.agentic-deck-controls input[type=range],.agentic-master-fx input[type=range],.agentic-xfade-slider input{width:100%;accent-color:var(--accent)}.agentic-xfade-slider{display:grid;grid-template-columns:20px 1fr 20px;gap:8px;align-items:center;color:#e3e8ef;font-size:10px}.agentic-master-fx{margin-top:14px;border-top:1px solid #202735;padding-top:7px}.agentic-stem-note{margin:-2px 0 11px!important;color:#707d90!important}.agentic-stem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.agentic-stem-grid span{font-size:8px;color:#7b8798;letter-spacing:.08em}.agentic-stem-grid i{display:block;height:7px;margin-top:7px;background:#171e29;border-radius:999px;overflow:hidden}.agentic-stem-grid b{display:block;width:0;height:100%;background:linear-gradient(90deg,#6557e4,#55a7ff);transition:width .2s linear}.agentic-decision-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.agentic-decision-buttons button{border:1px solid #2a3444;background:#111722;color:#9facbd;border-radius:9px;padding:8px;font-size:8px;text-transform:uppercase;font-weight:800}.agentic-decision-buttons button:hover{border-color:#695edf;color:#fff}.agentic-decision-buttons button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
@media(max-width:1200px){.agentic-performance-grid{grid-template-columns:1fr 1fr}.agentic-performance-prompt{grid-column:1/-1}.agentic-full-controller{grid-template-columns:1fr}.agentic-live-actions{grid-template-columns:1fr}.agentic-transport-row{grid-template-columns:repeat(3,1fr)}}

.agentic-pad-bank-label{font-size:8px;letter-spacing:.14em;color:#718097;margin:10px 0 6px}.agentic-concert-pads{grid-template-columns:repeat(4,1fr)!important}.agentic-concert-pads button{min-height:36px}

/* v31.10 Musical Mind — live mirrored faders, Performance FX Rack, Transition Matrix */
.agentic-live-range{-webkit-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer;--v:0%}
.agentic-live-range::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) var(--v),#1a2130 var(--v),#161c28 100%);border:1px solid #242e40;transition:background .12s linear}
.agentic-live-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;margin-top:-4.5px;border-radius:50%;background:#e8ecff;border:2px solid #6f5bff;box-shadow:0 0 6px rgba(122,92,255,.55);transition:box-shadow .15s}
.agentic-live-range:hover::-webkit-slider-thumb{box-shadow:0 0 10px rgba(122,92,255,.9)}
.agentic-live-range::-moz-range-track{height:6px;border-radius:4px;background:#161c28;border:1px solid #242e40}
.agentic-live-range::-moz-range-progress{height:6px;border-radius:4px;background:var(--accent-grad)}
.agentic-live-range::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#e8ecff;border:2px solid #6f5bff}
.agentic-fxrack{margin-top:14px;border:1px solid #202837;background:linear-gradient(180deg,#0a0e15,#080b11);border-radius:13px;padding:13px}
.agentic-fxrack-kicker{font-size:9px;letter-spacing:.14em;color:var(--accent);font-weight:800;margin-bottom:10px}
.agentic-fxrack-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px 14px}
.agentic-fxrack-grid label{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name val" "slider slider";align-items:center;gap:3px 8px;color:#69768a;font-size:8px;letter-spacing:.1em;margin:0;padding:7px 9px;border:1px solid #1c2432;border-radius:10px;background:#0a0e15}
.agentic-fxrack-grid label b{grid-area:val;font-size:9px;color:#cfe6dc;text-align:right;font-variant-numeric:tabular-nums}
.agentic-fxrack-grid label input{grid-area:slider;width:100%}
.agentic-transition-card{border:1px solid #232b38;background:linear-gradient(180deg,#0c1017,#090c12);border-radius:18px;padding:18px;margin-bottom:16px}
.agentic-transition-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:14px;align-items:stretch;margin-bottom:14px}
.transition-deck-role{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"tag meter" "icon meter" "label meter";align-items:center;border:1px solid #202837;background:#080c12;border-radius:13px;padding:12px 14px;min-height:96px;transition:border-color .3s,box-shadow .3s}
.transition-deck-role small{grid-area:tag;color:#6f7c90;font-size:9px;letter-spacing:.13em}
.transition-deck-role b{grid-area:icon;font-size:30px;line-height:1;color:#8b97a8;transition:color .3s;font-weight:700}
.transition-deck-role span{grid-area:label;font-size:10px;letter-spacing:.12em;color:#9aa6b7}
.transition-deck-role .transition-meter{grid-area:meter;position:relative;width:10px;height:72px;border-radius:6px;background:#141a26;border:1px solid #232d3e;overflow:hidden;display:block}
.transition-deck-role .transition-meter em{position:absolute;bottom:0;left:0;right:0;height:0%;border-radius:5px;background:linear-gradient(180deg,#4fd7ff,#7a5cff);transition:height .25s ease}
.transition-deck-role.role-rise{border-color:#2c5d4b;box-shadow:inset 0 0 18px rgba(87,199,168,.08)}
.transition-deck-role.role-rise b{color:#57c7a8}
.transition-deck-role.role-rise .transition-meter em{background:linear-gradient(180deg,#57c7a8,#2b8f74)}
.transition-deck-role.role-fall{border-color:#5d3b2c;box-shadow:inset 0 0 18px rgba(230,146,92,.08)}
.transition-deck-role.role-fall b{color:#e6925c}
.transition-deck-role.role-fall .transition-meter em{background:linear-gradient(180deg,#e6925c,#b05e33)}
.transition-center{display:flex;flex-direction:column;justify-content:center;gap:9px;border:1px solid #202837;background:#080c12;border-radius:13px;padding:14px 18px;text-align:center}
.transition-center>b{font-size:13px;letter-spacing:.10em;color:#e6ebf4}
.transition-center small{color:#7d8a9c;font-size:10px}
.transition-progress{position:relative;height:8px;border-radius:5px;background:#141a26;border:1px solid #232d3e;overflow:hidden}
.transition-progress i{position:absolute;inset:0 auto 0 0;width:0%;border-radius:5px;background:linear-gradient(90deg,#e6925c,#7a5cff,#57c7a8);transition:width .25s ease}
.agentic-musical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.agentic-musical-grid span{border:1px solid #202837;background:#090d13;border-radius:10px;padding:9px;display:block}
.agentic-musical-grid small{display:block;color:#647286;font-size:8px;letter-spacing:.1em;margin-bottom:4px}
.agentic-musical-grid b{font-size:11px;color:#d8e0eb;font-variant-numeric:tabular-nums}
.agentic-musical-grid .mus-bar{position:relative;display:block;height:5px;margin-top:6px;border-radius:3px;background:#141a26;border:1px solid #232d3e;overflow:hidden}
.agentic-musical-grid .mus-bar em{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#7a5cff,#4fd7ff);transition:width .3s ease}
.agentic-musical-grid .mus-bar.tension em{background:linear-gradient(90deg,#e6c15c,#e6595c)}
@media(max-width:1200px){.agentic-fxrack-grid{grid-template-columns:repeat(3,1fr)}.agentic-transition-grid{grid-template-columns:1fr}.agentic-musical-grid{grid-template-columns:repeat(2,1fr)}}

/* v31.11 StageCraft pads */
.agentic-concert-pads button.stagecraft-pad{border-color:#4a3a6b;background:linear-gradient(180deg,#161028,#0d0a18);color:#c9b8ff}
.agentic-concert-pads button.stagecraft-pad:hover{border-color:#7a5cff;box-shadow:0 0 10px rgba(122,92,255,.35)}

/* v31.14 TimeWeave pads */
.agentic-concert-pads button.timeweave-pad{border-color:#2c5d5d;background:linear-gradient(180deg,#0e2020,#0a1414);color:#8fe0d8}
.agentic-concert-pads button.timeweave-pad:hover{border-color:#4fd7c4;box-shadow:0 0 10px rgba(79,215,196,.35)}

/* v31.30.14 performance mode (live session): no compositor-heavy effects while the GPU runs Stable Audio */
body.perf *,body.perf *::before,body.perf *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;animation:none!important;transition:none!important}
body.perf canvas{opacity:.9}

/* v31.30.25: the project/track header (Untitled Track / No file selected / --:--) belongs to Home only; hide it while the VocalWeave view is open */
body:has(#agenticView:not(.hidden)) #projectTitle,
body:has(#agenticView:not(.hidden)) #projectTitleEditBtn,
body:has(#agenticView:not(.hidden)) .project-meta { display: none !important; }

/* ===== v31.30.29 canonical accent : theme-wide accent + 10 new themes + agentic live-color ===== */
:root{--accent:#7e6cff;--accent-2:#4fd7ff;--accent-3:#b454ff;--accent-ink:#fff;--accent-soft:color-mix(in srgb,var(--accent) 26%,transparent);--accent-2-soft:color-mix(in srgb,var(--accent-2) 22%,transparent);--accent-glow:color-mix(in srgb,var(--accent) 72%,transparent);--accent-border:color-mix(in srgb,var(--accent) 58%,transparent);--accent-grad:linear-gradient(135deg,var(--accent),var(--accent-2));}
html[data-theme="sand"]{--accent:#c8963f;--accent-2:#e6c37a;--accent-3:#a9702a;--accent-ink:#2a1c0c}
html[data-theme="night"]{--accent:#c8912f;--accent-2:#e0b45c;--accent-3:#8f6224;--accent-ink:#1a1006}
html[data-theme="metal"]{--accent:#7fb0d8;--accent-2:#bcd6e6;--accent-3:#5b8bb0;--accent-ink:#08131c}
html[data-theme="green"]{--accent:#8fb079;--accent-2:#c3bd7a;--accent-3:#6f8f70;--accent-ink:#0e150e}
html[data-theme="crimson"]{--bg:#0c0708;--bg-deep:#060304;--panel:#150c0e;--panel2:#1b1013;--panel3:#231519;--line:#3a2328;--text:#f6ecec;--soft:#d6bcbf;--muted:#9f8085;--red:#ff3b52;--blue:#ff8f9c;--violet:#ff5c86;--pink:#ff86a0;--cyan:#ffa8ad;--green:#e0b3b6;--shadow:0 22px 60px rgba(28,4,8,.5);--accent:#ff3b52;--accent-2:#ff7a5c;--accent-3:#ff4f8a;--accent-ink:#fff;}
html[data-theme="teal"]{--bg:#061312;--bg-deep:#030b0b;--panel:#0b1c1b;--panel2:#0f2422;--panel3:#142e2b;--line:#204039;--text:#eafcf8;--soft:#b6ddd6;--muted:#7fa39c;--red:#ff7a86;--blue:#46c8e0;--violet:#7ad0e0;--pink:#86e0d4;--cyan:#22e0c8;--green:#46e0a0;--shadow:0 22px 60px rgba(2,20,18,.5);--accent:#22e0c8;--accent-2:#5cf0e0;--accent-3:#12b0d0;--accent-ink:#04201c;}
html[data-theme="royal"]{--bg:#0b0716;--bg-deep:#06040d;--panel:#140d24;--panel2:#19112c;--panel3:#211636;--line:#362a52;--text:#efeaf8;--soft:#ccc0e0;--muted:#877fa8;--red:#ff7a9c;--blue:#7a86ff;--violet:#a45cff;--pink:#c98bff;--cyan:#8f9bff;--green:#9c8fff;--shadow:0 22px 60px rgba(10,4,26,.5);--accent:#a45cff;--accent-2:#c98bff;--accent-3:#6f5cff;--accent-ink:#fff;}
html[data-theme="sunset"]{--bg:#140a08;--bg-deep:#0c0604;--panel:#1e120c;--panel2:#251710;--panel3:#2f1d14;--line:#4a2f1f;--text:#f8ece4;--soft:#dcc3b4;--muted:#a08578;--red:#ff5c5c;--blue:#ffb14f;--violet:#ff7a3c;--pink:#ff8fa0;--cyan:#ffc86e;--green:#ffd08f;--shadow:0 22px 60px rgba(26,10,4,.5);--accent:#ff7a3c;--accent-2:#ffb14f;--accent-3:#ff5c7a;--accent-ink:#2a1206;}
html[data-theme="arctic"]{--bg:#0a0f16;--bg-deep:#06090f;--panel:#111a24;--panel2:#15212b;--panel3:#1b2934;--line:#2b3d4d;--text:#eef4fa;--soft:#bccbd8;--muted:#7d90a0;--red:#6e9cbf;--blue:#5cc8ff;--violet:#9ab0e0;--pink:#9ec8e6;--cyan:#7ae0ff;--green:#82c8c0;--shadow:0 22px 60px rgba(4,10,18,.5);--accent:#5cc8ff;--accent-2:#9ae0ff;--accent-3:#6f9bff;--accent-ink:#06131f;}
html[data-theme="neon"]{--bg:#0d060c;--bg-deep:#070307;--panel:#170c15;--panel2:#1d101a;--panel3:#251522;--line:#3f2338;--text:#f8eaf4;--soft:#dbbcd2;--muted:#a07f98;--red:#ff5c9c;--blue:#c85cff;--violet:#ff4fd0;--pink:#ff7ae0;--cyan:#d08fff;--green:#ff8fd0;--shadow:0 22px 60px rgba(24,4,20,.5);--accent:#ff4fd0;--accent-2:#ff7ae0;--accent-3:#a45cff;--accent-ink:#fff;}
html[data-theme="emerald"]{--bg:#061410;--bg-deep:#030c09;--panel:#0c1e18;--panel2:#10261e;--panel3:#153026;--line:#204439;--text:#eafaf2;--soft:#b8ddce;--muted:#7fa392;--red:#ff8f86;--blue:#46d0a0;--violet:#7ae0b0;--pink:#8fe0c0;--cyan:#2fe0c0;--green:#2fe08a;--shadow:0 22px 60px rgba(2,20,14,.5);--accent:#2fe08a;--accent-2:#7af0b0;--accent-3:#12c0a0;--accent-ink:#04201a;}
html[data-theme="amber"]{--bg:#100c06;--bg-deep:#090603;--panel:#1a140b;--panel2:#211a0f;--panel3:#2a2014;--line:#453620;--text:#f8f0e2;--soft:#dccbb0;--muted:#a08f78;--red:#ff9c5c;--blue:#ffb02e;--violet:#ffc86e;--pink:#ffd08f;--cyan:#ffe0a0;--green:#e0c86e;--shadow:0 22px 60px rgba(20,12,4,.5);--accent:#ffb02e;--accent-2:#ffd07a;--accent-3:#ff8f3c;--accent-ink:#2a1c06;}
html[data-theme="slate"]{--bg:#0c0f13;--bg-deep:#070a0d;--panel:#141922;--panel2:#181e28;--panel3:#1e2633;--line:#2f3a49;--text:#eef2f7;--soft:#bdc7d4;--muted:#7f8b9b;--red:#b07f8f;--blue:#7f9bc0;--violet:#9aa8c8;--pink:#b0a8c0;--cyan:#8fb0c8;--green:#8fb0a0;--shadow:0 22px 60px rgba(4,8,12,.45);--accent:#7f9bc0;--accent-2:#a9c0d8;--accent-3:#6f8bad;--accent-ink:#0c1420;}
html[data-theme="vapor"]{--bg:#0a0713;--bg-deep:#05040c;--panel:#130d22;--panel2:#181129;--panel3:#1f1636;--line:#372a54;--text:#f2eafa;--soft:#cfc0e2;--muted:#8c7faa;--red:#ff6ec7;--blue:#63e6ff;--violet:#b47aff;--pink:#ff9ad8;--cyan:#8ff0ff;--green:#7ae0e0;--shadow:0 22px 60px rgba(8,4,20,.5);--accent:#ff6ec7;--accent-2:#63e6ff;--accent-3:#b47aff;--accent-ink:#fff;}
.crimson-preview i:nth-child(1){background:#150c0e}.crimson-preview i:nth-child(2){background:#ff3b52}.crimson-preview i:nth-child(3){background:#ff7a5c}
.teal-preview i:nth-child(1){background:#0b1c1b}.teal-preview i:nth-child(2){background:#22e0c8}.teal-preview i:nth-child(3){background:#5cf0e0}
.royal-preview i:nth-child(1){background:#140d24}.royal-preview i:nth-child(2){background:#a45cff}.royal-preview i:nth-child(3){background:#c98bff}
.sunset-preview i:nth-child(1){background:#1e120c}.sunset-preview i:nth-child(2){background:#ff7a3c}.sunset-preview i:nth-child(3){background:#ffb14f}
.arctic-preview i:nth-child(1){background:#111a24}.arctic-preview i:nth-child(2){background:#5cc8ff}.arctic-preview i:nth-child(3){background:#9ae0ff}
.neon-preview i:nth-child(1){background:#170c15}.neon-preview i:nth-child(2){background:#ff4fd0}.neon-preview i:nth-child(3){background:#ff7ae0}
.emerald-preview i:nth-child(1){background:#0c1e18}.emerald-preview i:nth-child(2){background:#2fe08a}.emerald-preview i:nth-child(3){background:#7af0b0}
.amber-preview i:nth-child(1){background:#1a140b}.amber-preview i:nth-child(2){background:#ffb02e}.amber-preview i:nth-child(3){background:#ffd07a}
.slate-preview i:nth-child(1){background:#141922}.slate-preview i:nth-child(2){background:#7f9bc0}.slate-preview i:nth-child(3){background:#a9c0d8}
.vapor-preview i:nth-child(1){background:#130d22}.vapor-preview i:nth-child(2){background:#ff6ec7}.vapor-preview i:nth-child(3){background:#63e6ff}
.agentic-view{background:radial-gradient(circle at 80% -8%,color-mix(in srgb,var(--accent) 62%,transparent),transparent 50%),radial-gradient(circle at 2% 18%,color-mix(in srgb,var(--accent-2) 48%,transparent),transparent 46%),radial-gradient(circle at 62% 114%,color-mix(in srgb,var(--accent-3) 46%,transparent),transparent 58%),color-mix(in srgb,var(--accent) 16%,#06070c)}
.agentic-pill i{background:var(--accent);box-shadow:0 0 14px var(--accent-glow)}
.agentic-console-kicker{color:var(--accent)}
.agentic-prompt-console textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.agentic-prompt-chips button:hover{border-color:var(--accent);color:var(--accent-ink)}
.agentic-primary{border-color:var(--accent);background:var(--accent-grad);color:var(--accent-ink)}
.agentic-progress i{background:var(--accent-grad)}
.agentic-nav-badge{border-color:var(--accent-border);color:var(--accent);background:var(--accent-soft)}
.agentic-load:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}

/* v31.30.30 bolder accent: dominant colour incl. backgrounds */
.agentic-console,.agentic-console.agentic-performance-console{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#0a0c13),color-mix(in srgb,var(--accent) 8%,#070910));border-color:color-mix(in srgb,var(--accent) 34%,#232b38)}
.agentic-head{border-bottom-color:color-mix(in srgb,var(--accent) 40%,#202633)}
.agentic-pill{border-color:var(--accent-border);background:color-mix(in srgb,var(--accent) 16%,#111620)}
.agentic-performance-prompt textarea,.agentic-prompt-console textarea{background:color-mix(in srgb,var(--accent) 10%,#070a10);border-color:color-mix(in srgb,var(--accent) 26%,#283142)}
.agentic-prompt-chips button{border-color:color-mix(in srgb,var(--accent) 24%,#2b3443);background:color-mix(in srgb,var(--accent) 9%,#121721)}
.agentic-view::-webkit-scrollbar-thumb{background:var(--accent-border)}

/* v31.30.31 themed frame: frame surfaces + all agentic hues now theme-driven */