.visualizer-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;background:#101014}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono.ttf) format("truetype")}:root{font-family:Space Grotesk,Arial,sans-serif;color:#ededf0;background:#121215;font-synthesis:none;font-weight:400;color-scheme:dark;--accent:#ed8e7a;--muted:#9e9ea1;--border:#333336;--panel:#1b1b1e;--radius:12px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button,input,a{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent)}button{transition:background .16s,color .16s,border-color .16s,opacity .16s}button:hover:not(:disabled){color:#fff}button svg{flex-shrink:0}h1,h2,p{margin:0}input[type=range]{--fill:50%;appearance:none;background:linear-gradient(to right,#ed8e7a var(--fill),#3f3f42 var(--fill));border-radius:2px;width:100%;height:3px;cursor:pointer;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#e8e8eb;border:2px solid #1e1e21;box-shadow:0 0 0 1px #b9b9bc}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#e8e8eb;border:1px solid #b9b9bc}input[type=range]:disabled{cursor:default}.sr-only{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.app-shell{max-width:1680px;margin:auto;padding:0 42px}.app-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b2b2e;gap:24px}.wordmark{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:600;letter-spacing:-1.25px}.wordmark svg{color:var(--accent)}.wordmark-dot{color:var(--accent)}.header-center{display:flex;align-items:center;gap:22px}.header-label{font:11px IBM Plex Mono,monospace;letter-spacing:2px;color:#aeaeb1}.session-status{font-size:12px;color:#aeaeb1;display:flex;align-items:center;gap:7px}.session-status>span{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #ed8e7a33}.header-actions{display:flex;gap:14px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:43px;padding:0 18px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:500;white-space:nowrap}.button.primary{color:#1d1d20;background:var(--accent);border-color:var(--accent)}.button.primary:hover:not(:disabled){background:#f4a18f;color:#17171a}.button.small{height:37px;padding:0 14px;font-size:13px}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#b0b0b3}.icon-button:hover:not(:disabled){background:#ffffff0c}.studio{padding-top:34px}.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:25px}.section-kicker{font:10px IBM Plex Mono,monospace;letter-spacing:1.7px;color:#a2a2a5}h1{font-size:35px;font-weight:400;letter-spacing:-1.5px;margin-top:9px;line-height:1.15}.private-note{font-size:12px;display:flex;align-items:center;gap:8px;color:#959598;padding-bottom:3px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.visual-workspace{min-width:0}.visual-stage{position:relative;border:1px solid #3a343d;border-radius:var(--radius);height:clamp(440px,48vw,615px);overflow:hidden;background:#110d16;isolation:isolate}.visual-stage:fullscreen{height:100dvh;width:100vw;border:0;border-radius:0}.stage-top{position:absolute;inset:22px 22px auto;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;z-index:2}.stage-title{display:flex;align-items:center;gap:11px;font-size:12px;color:#e3dbe7;text-shadow:0 1px 5px #000}.stage-tag{font:9px IBM Plex Mono,monospace;letter-spacing:1.4px;color:#d8ccd8;border:1px solid #c9abc142;background:#1a101b57;border-radius:4px;padding:6px 8px}.stage-actions{display:flex;gap:5px;pointer-events:auto}.stage-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#e9dfe9;background:#17101859;border:1px solid #dab4cf20;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-button:hover:not(:disabled){background:#352139a8}.stage-button.active{color:var(--accent);border-color:#ed8e7a70}.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;inset:auto 23px 21px;color:#d0bfce;font-size:11px;text-shadow:0 1px 6px #000;pointer-events:none}.stage-mode{display:flex;align-items:center;gap:7px;font:9px IBM Plex Mono,monospace;letter-spacing:1px}.live-indicator{width:4px;height:4px;border-radius:50%;background:#b8a3bc}.live-indicator.active{background:var(--accent)}.stage-welcome{position:absolute;inset:auto 15px 58px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;pointer-events:none}.stage-welcome:before{position:absolute;content:"";inset:-25px -20px -70px;background:linear-gradient(transparent,#110d16d9 40%,#110d16f0);z-index:-1}.welcome-line{font-size:12px;color:#d5c2d4}.stage-welcome p{font-size:23px;letter-spacing:-.8px;font-weight:400;color:#f5ecf5}.stage-welcome>div{display:flex;gap:10px;pointer-events:auto;margin-top:3px}.stage-secondary{border-color:#ffffff35;background:#2e22326b;color:#f2e9ef;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-secondary:hover:not(:disabled){background:#443249a6}.format-note{font-size:10px;letter-spacing:.6px;color:#a68fa6;margin-top:1px}.fullscreen-play{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:3}.transport{display:grid;grid-template-columns:42px minmax(0,1fr) auto 118px;gap:12px;align-items:center;padding:20px 20px 15px;background:#1d1d20;border:1px solid #363639;border-radius:var(--radius);margin-top:15px}.track-art{height:42px;border:1px solid #ed8e7a25;background:#ed8e7a20;color:#ed8e7a;display:flex;align-items:center;justify-content:center;border-radius:6px}.track-info{display:flex;flex-direction:column;gap:5px;min-width:0}.track-info strong{font-size:14px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-info>span{font-size:11px;color:#99999c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playback-buttons{display:flex;align-items:center;gap:11px;margin:0 20px 0 10px}.play-button{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#1d1d20;display:flex;align-items:center;justify-content:center}.play-button:hover:not(:disabled){color:#1d1d20!important;background:#f4a18f}.play-button svg{margin-left:1px}.volume-control{display:flex;align-items:center;gap:8px}.volume-control input{height:3px;width:73px;background:#616164}.timeline{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:6px}.timeline>span{font:10px IBM Plex Mono,monospace;color:#bababd;min-width:31px}.timeline>span:last-child{text-align:right}.waveform-track{height:27px;position:relative;width:100%;min-width:0;display:flex;align-items:center}.waveform-bars{display:flex;align-items:center;justify-content:space-between;gap:2px;height:100%;width:100%;overflow:hidden}.waveform-bars i{width:3px;flex:1;min-width:1px;max-width:4px;background:#6e6e71;opacity:.6;border-radius:1px}.waveform-bars i.played{background:var(--accent);opacity:1}.waveform-track input{position:absolute;inset:0;height:100%;width:100%;margin:0;background:transparent;opacity:0;z-index:2}.waveform-track:focus-within{outline:1px solid var(--accent);border-radius:3px}.workspace-caption{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#97979a;padding:17px 1px}.caption-mark{color:var(--accent);font-size:17px;vertical-align:middle;padding-right:5px}.workspace-caption kbd{font:9px IBM Plex Mono,monospace;padding:3px 5px;border:1px solid #3d3d40;border-radius:3px;color:#bfbfc2;margin-right:4px}.caption-separator{padding:0 6px;color:#57575a}.control-panel{border:1px solid #343437;border-radius:var(--radius);background:var(--panel);overflow:hidden}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:#17171a;border-bottom:1px solid #343437}.panel-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;height:39px;border:1px solid transparent;border-radius:7px;color:#969699}.panel-tabs button.selected{color:var(--accent);border-color:#414144;background:#2c2c2f}.panel-body{padding:0 19px 14px}.control-section{padding:21px 0;border-bottom:1px solid #343437}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:8px}.control-heading h2{font-size:14px;font-weight:500;letter-spacing:-.25px}.control-heading>span{font:9px IBM Plex Mono,monospace;color:#a1a1a4}.control-heading>svg{color:#a1a1a4}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 11px}.scene-option{display:flex;flex-direction:column;text-align:left;padding:0;color:#c9c9cc}.scene-swatch{width:100%;height:64px;border-radius:6px;overflow:hidden;position:relative;border:1px solid #4d4d50;background-color:#1b1b1e}.scene-option.selected .scene-swatch{border-color:var(--accent);box-shadow:0 0 0 1px #ed8e7a40}.scene-option strong{font-size:12px;font-weight:500;margin-top:7px}.scene-option>span{font-size:9px;margin-top:4px;color:#98989b}.scene-option.selected strong{color:var(--accent)}.scene-swatch.currents{background:repeating-radial-gradient(ellipse at 30% 85%,#0d1c37 0 3px,#536380 4px 5px,#342338 6px 9px,#e98e66 10px 11px,#241832 12px 15px)}.scene-swatch.bloom{background:repeating-conic-gradient(from 0deg at 50% 80%,#442453 0deg 13deg,#c269a3 14deg 16deg,#18152a 17deg 28deg,#758fac 29deg 32deg)}.scene-swatch.tunnel{background:repeating-radial-gradient(ellipse at 70% 60%,#141c26 0 8px,#719298 9px 10px,#323235 11px 16px,#405365 17px 18px)}.scene-swatch.scope{background:repeating-linear-gradient(160deg,transparent 0 15px,#7f7f8299 16px 17px,transparent 18px 25px),linear-gradient(30deg,#262629,#24303a)}.scene-check{position:absolute;bottom:5px;right:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:16px;height:16px;background:var(--accent);color:#222225}.palette-list{display:flex;flex-direction:column;gap:7px}.palette-option{display:flex;align-items:center;gap:11px;height:36px;padding:0 10px;border:1px solid #39393c;border-radius:6px;color:#adadb0;text-align:left;font-size:12px}.palette-option.selected{border-color:#6d6d70;background:#313134;color:#e1e1e4}.palette-colors{display:flex;align-items:center}.palette-colors i{width:14px;height:14px;border-radius:50%;border:1px solid #252528;margin-right:-3px}.palette-option>svg{margin-left:auto;color:var(--accent)}.motion-section .control-heading{margin-bottom:19px}.slider-control{display:block;margin-bottom:17px}.slider-control:last-child{margin-bottom:1px}.slider-control>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c0c0c3;margin-bottom:10px}.slider-control output{font:10px IBM Plex Mono,monospace;color:#c4c4c7}.slider-control input{display:block;margin:0;height:3px}.reactive-control{padding:19px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.reactive-control>div{display:flex;gap:9px;align-items:center}.reactive-control svg{color:#ed8e7a}.reactive-control>div>span{display:flex;flex-direction:column;gap:5px}.reactive-control strong{font-size:12px;font-weight:500}.reactive-control>div>span>span{font-size:10px;color:#a4a4a7}.switch{display:flex;align-items:center;height:19px;width:33px;padding:3px;background:#47474a;border:1px solid #646467;border-radius:20px;flex-shrink:0}.switch>span{width:11px;height:11px;border-radius:50%;background:#c1c1c4;transition:transform .16s}.switch.on>span{transform:translate(12px);background:#242427}.reset-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:30px;font-size:10px;color:#a5a5a8}.reset-button:hover{color:var(--accent)!important}.section-description{font-size:12px;color:#aeaeb1;line-height:1.6;margin-top:-5px}.sound-panel .control-section{padding-top:22px;padding-bottom:22px}.eq-presets{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0 19px}.eq-presets>button{padding:5px 7px;border:1px solid #414144;border-radius:5px;font-size:10px;color:#b6b6b9}.eq-presets>button.selected{color:var(--accent);border-color:#8c8c8f;background:#353538}.equalizer{display:grid;grid-template-columns:25px repeat(7,minmax(0,1fr));height:166px;gap:4px}.eq-scale{display:flex;flex-direction:column;justify-content:space-between;padding:27px 0 25px;font:8px IBM Plex Mono,monospace;color:#9a9a9d}.eq-band{display:flex;flex-direction:column;align-items:center;gap:12px;font:9px IBM Plex Mono,monospace}.eq-band output{color:#c4c4c7;height:12px}.eq-band>input{writing-mode:vertical-lr;direction:rtl;width:3px;height:115px;appearance:auto;background:#5a5a5d;margin:0;accent-color:var(--accent)}.eq-band>span{color:#adadb0}.equalizer.bypassed{opacity:.4}.separate-intro{padding:19px 0 14px;text-align:center}.separate-button{width:100%;height:39px;font-size:12px}.separate-intro>span{display:block;font-size:10px;margin-top:12px;color:#bbbbbe}.separate-intro>p{font-size:10px;line-height:1.6;color:#9b9b9e;margin-top:7px}.stem-mixer{display:flex;flex-direction:column;gap:20px;margin-top:22px}.stem-mixer.unavailable{opacity:.45}.stem-heading{display:flex;align-items:center;gap:7px;margin-bottom:12px}.stem-heading strong{font-size:12px;font-weight:500}.stem-heading output{font:9px IBM Plex Mono,monospace;color:#afafb2;margin-left:auto}.stem-heading>button{width:21px;height:21px;border:1px solid #4a4a4d;border-radius:4px;font:9px IBM Plex Mono,monospace;color:#b5b5b8}.stem-heading>button.active{color:#1f1f22;background:var(--accent);border-color:var(--accent)}.stem-symbol{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #ed8e7a33;border-radius:5px;color:#ed8e7a;background:#ed8e7a20}.stem-symbol.drums{color:#eaa68d;border-color:#eaa68d33;background:#eaa68d15}.stem-symbol.bass{color:#a5b4e6;border-color:#a5b4e633;background:#a5b4e615}.stem-symbol.other{color:#c69be0;border-color:#c69be033;background:#c69be015}.stem-row>input{margin:0;display:block}.stem-note{font-size:10px;color:#b2b2b5;line-height:1.6;display:flex;gap:7px;margin-top:20px}.stem-note svg{flex-shrink:0;margin-top:1px}.separation-status{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:23px 0 5px}.separation-status>svg{color:var(--accent)}.separation-status strong{font-size:12px;font-weight:400;line-height:1.6}.separation-status progress{width:100%;height:5px;accent-color:var(--accent)}.separation-status button{font-size:11px}.text-button{display:flex;align-items:center;gap:7px;color:#b3b3b6;font-size:11px;padding:3px}.text-button:hover{color:var(--accent)!important}.app-footer{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:20px 0 24px;border-top:1px solid #2e2e31;color:#9c9c9f;font-size:10px;letter-spacing:.25px}.app-footer>span>span{color:#555558;padding:0 8px}.toast,.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:20;padding:14px 19px;border:1px solid #7f7f82;border-radius:10px;background:#2b2b2eee;box-shadow:0 8px 30px #0006;display:flex;align-items:center;gap:10px;font-size:13px;max-width:calc(100vw - 32px);line-height:1.5}.toast svg{color:var(--accent);flex-shrink:0}.error-toast{background:#31231ff5;border-color:#ab735e;width:max-content;max-width:min(700px,calc(100vw - 32px));color:#f2d9cd}.error-toast>svg{flex-shrink:0}.error-toast .icon-button{flex-shrink:0}.drop-overlay{position:fixed;inset:18px;background:#242427ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px dashed var(--accent);z-index:30;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:var(--accent);pointer-events:none}.drop-overlay strong{font-size:46px;font-weight:400;letter-spacing:-2px}.drop-overlay>span{font-size:16px;color:#d2d2d5}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){.app-shell{padding:0 60px}.workspace-grid{grid-template-columns:minmax(0,1fr) 320px;gap:28px}.visual-stage{height:655px}.panel-body{padding-left:23px;padding-right:23px}.scene-swatch{height:72px}.control-section{padding-top:23px;padding-bottom:23px}}@media(max-width:1190px){.app-shell{padding:0 26px}.workspace-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.visual-stage{height:570px}.header-center{gap:15px}.header-label{display:none}.transport{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding:16px 14px 13px}.track-art{height:36px}.playback-buttons{gap:4px;margin:0}.volume-control{display:none}.workspace-caption>span:last-child{display:none}}@media(max-width:900px){.app-shell{padding:0 22px}.app-header{height:78px}.workspace-grid{grid-template-columns:minmax(0,1fr) 255px;gap:14px}.visual-stage{height:555px}.panel-body{padding:0 15px 12px}.scene-swatch{height:53px}.scene-option>span{font-size:8px}.stage-top{inset:16px 15px auto}.stage-title{gap:7px}.stage-tag{display:none}.stage-bottom{inset:auto 15px 17px;font-size:9px}.stage-mode{font-size:8px}.stage-welcome p{font-size:21px}.stage-welcome .button{font-size:12px;padding:0 12px;height:39px}.transport{grid-template-columns:31px minmax(0,1fr) auto;gap:9px}.playback-buttons .restart{display:none}.play-button{width:35px;height:35px}.track-art{height:31px}.track-info strong{font-size:12px}.track-info>span{font-size:10px}.workspace-heading h1{font-size:31px}.private-note{font-size:10px}}@media(max-width:720px){.app-shell{padding:0 16px}.app-header{height:71px;gap:10px}.wordmark{font-size:23px;gap:7px}.wordmark svg{width:24px}.header-center{display:none}.header-actions{gap:6px}.button.small{font-size:12px;height:34px;padding:0 10px}.studio{padding-top:25px}.workspace-heading{padding-bottom:20px}.section-kicker{font-size:9px;letter-spacing:1.2px}.workspace-heading h1{font-size:31px;margin-top:8px}.private-note{display:none}.workspace-grid{grid-template-columns:1fr;gap:11px}.visual-stage{height:clamp(405px,75vw,550px)}.stage-top{inset:16px 16px auto}.stage-title{font-size:12px}.stage-tag{display:block}.stage-bottom{font-size:9px}.stage-mode{font-size:8px}.stage-welcome{bottom:58px}.stage-welcome p{font-size:24px}.stage-welcome .button{height:41px;font-size:13px;padding:0 15px}.transport{margin-top:12px;grid-template-columns:37px minmax(0,1fr) auto;padding:16px 15px 14px;gap:11px}.track-art{height:37px}.track-info strong{font-size:13px}.track-info>span{font-size:10px}.play-button{width:39px;height:39px}.playback-buttons{gap:5px}.timeline{margin-top:7px}.workspace-caption{padding:14px 1px;font-size:10px}.control-panel{border-radius:12px}.panel-tabs{padding:6px}.panel-tabs button{height:40px;font-size:14px}.panel-body{padding:0 19px 14px}.scene-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.scene-swatch{height:66px}.scene-option strong{font-size:11px}.scene-option>span{display:none}.control-section{padding:22px 0}.control-heading h2{font-size:15px}.control-heading>span{font-size:10px}.palette-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.palette-option{padding:8px 6px;gap:9px;flex-direction:column;height:64px;font-size:11px;position:relative}.palette-option>svg{position:absolute;right:4px;top:4px;width:11px;height:11px}.palette-colors{padding-right:3px}.motion-section{display:grid;grid-template-columns:1fr 1fr;gap:19px 24px}.motion-section .control-heading{grid-column:1/-1;margin-bottom:0}.slider-control{margin:0}.slider-control>span{font-size:13px}.slider-control output{font-size:11px}.reactive-control{padding:21px 0}.reactive-control strong{font-size:14px}.reactive-control>div>span>span{font-size:12px}.switch{width:37px;height:22px}.switch>span{width:14px;height:14px}.switch.on>span{transform:translate(13px)}.reset-button{font-size:12px;height:32px}.equalizer{max-width:420px;margin:0 auto;height:180px}.eq-band{font-size:11px}.eq-band>input{height:125px}.eq-scale{font-size:10px}.eq-presets{gap:7px}.eq-presets>button{font-size:12px;padding:6px 10px}.section-description{font-size:14px}.separate-intro{max-width:400px;margin:auto}.separate-button{font-size:14px;height:43px}.separate-intro>span,.separate-intro>p{font-size:12px}.stem-mixer{gap:24px}.stem-heading strong{font-size:14px}.stem-heading output{font-size:11px}.stem-heading>button{width:28px;height:28px;font-size:12px}.stem-note{font-size:12px}.app-footer{margin-top:23px;padding:18px 0 22px;font-size:9px;gap:8px}.app-footer>span>span{padding:0 4px}.app-footer .text-button{font-size:10px;white-space:nowrap}.toast,.error-toast{font-size:12px;bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.spin{animation:none}}.stage-bottom{z-index:3}.caption-mark{display:inline-block;vertical-align:middle;padding-right:0;margin-right:5px}@media(min-width:721px)and (max-height:900px){.app-header{height:72px}.studio{padding-top:22px}.workspace-heading{padding-bottom:20px}.visual-stage{height:clamp(360px,calc(100dvh - 340px),560px)}.control-panel{max-height:calc(100dvh - 199px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6d6d70 #1b1b1e}.panel-tabs{position:sticky;top:0;z-index:4}.app-footer{margin-top:8px}}:root{--background: #111113;--panel: #1c1c20;--surface: #252529;--border: #333338;--accent: #ed8e7a;--muted: #a6a3a8;--text: #f0edf0;background:var(--background);color:var(--text);font-variant-numeric:tabular-nums}.app-shell{padding:0 40px;max-width:1600px}.app-header{height:78px;border-color:var(--border)}.wordmark{font-size:25px;letter-spacing:-1.2px}.header-label{color:var(--muted);font-size:10px;letter-spacing:1.4px}.session-status{font-size:12px;color:#bab5be}.session-status>span{background:var(--accent);box-shadow:none}.button{height:44px;border-radius:8px;font-size:14px}.button.primary,.play-button{color:#291a17}.button.primary:hover:not(:disabled),.play-button:hover:not(:disabled){color:#291a17!important;background:#f4a18f}.button:active:not(:disabled),.stage-button:active,.scene-option:active,.palette-option:active{transform:translateY(1px)}.button.small{height:39px;font-size:13px;padding:0 16px}.icon-button{color:#b8b2bd}.icon-button.selected{color:var(--accent)}.studio{padding-top:28px}.workspace-heading{padding-bottom:25px}.section-kicker{color:#b5a6a8;letter-spacing:1.5px;font-size:10px}h1{font-size:44px;line-height:1.08;font-weight:500;letter-spacing:-1.9px;margin-top:8px}.private-note{font-size:12px;color:#b4adb8}.workspace-grid{grid-template-columns:minmax(0,1fr) 320px;gap:26px}.visual-stage{border-color:#383039;border-radius:16px;background:#101014;height:clamp(430px,44vw,585px)}.stage-tag{font-size:10px;border-color:#dbc9dc35}.stage-title{font-size:14px}.stage-button{width:35px;height:35px;border-radius:8px}.stage-bottom{font-size:12px;color:#d0c6d2}.stage-mode{font-size:10px}.stage-welcome{bottom:64px;gap:16px}.stage-welcome p{font-size:29px;font-weight:500;letter-spacing:-1px}.stage-welcome:before{background:linear-gradient(transparent,#101014c9 40%,#101014f0)}.stage-secondary{border-color:#e0ccd42e;background:#272129aa}.format-note{font-size:11px;color:#b6a5b6}.transport{background:var(--panel);border-color:var(--border);border-radius:12px}.track-art{background:#ed8e7a12;border-color:#ed8e7a29;color:var(--accent)}.track-info strong{font-size:15px;font-weight:500}.track-info>span{font-size:12px;color:#afa6b1}.play-button{height:44px;width:44px}.timeline>span{font-size:11px;color:#c3bac7}.waveform-bars i{background:#655c6b}.waveform-bars i.played{background:var(--accent)}.volume-control input{background:#625364}.workspace-caption{font-size:12px;color:#b1a6b7;padding:16px 0}.workspace-caption kbd{font-size:10px;color:#c7b8cb;border-color:#493e4f}.caption-separator{color:#726577}.control-panel{border:0;border-left:1px solid var(--border);border-radius:0;background:transparent;padding-left:22px;max-height:calc(clamp(430px,44vw,585px) + 145px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#785965 var(--background)}.panel-tabs{padding:0;gap:14px;border-color:var(--border);background:var(--background);position:sticky;top:0;z-index:4}.panel-tabs button{height:46px;border-radius:0;color:#a7a1ad;font-size:14px;border:0;border-bottom:2px solid transparent}.panel-tabs button.selected{color:var(--accent);background:transparent;border:0;border-bottom:2px solid var(--accent)}.panel-body{padding:0 0 10px}.control-section{padding:22px 0;border-color:var(--border)}.control-heading{margin-bottom:16px}.control-heading h2{font-size:15px;font-weight:500;letter-spacing:-.3px}.control-heading>span{font-size:10px;color:#a29aaa}.control-heading>svg{color:var(--muted)}.scene-grid{gap:16px 12px}.scene-swatch{height:74px;border-radius:8px;border-color:#514657}.scene-swatch img{width:100%;height:100%;object-fit:cover;display:block}.scene-option.selected .scene-swatch{border-color:var(--accent);box-shadow:0 0 0 1px #ed8e7a38}.scene-option strong{font-size:14px;letter-spacing:-.2px;margin-top:9px}.scene-option>span{font-size:11px;color:#9e96a5}.scene-check{width:18px;height:18px;color:#2c1a16}.palette-list{gap:3px}.palette-option{height:39px;border:0;border-radius:7px;font-size:13px;padding:0 11px;color:#bcb5c3}.palette-option.selected{background:#ed8e7a0c;color:#f2e2e1;border:0}.palette-option:hover{background:#ffffff07}.palette-colors i{width:16px;height:16px;border-color:var(--background)}.slider-control{margin-bottom:20px}.slider-control>span{font-size:13px;margin-bottom:12px;color:#c8c0ce}.slider-control output{font-size:11px;color:#d5c1c8}input[type=range]{height:3px;background:linear-gradient(to right,var(--accent) var(--fill),#45404b var(--fill))}.waveform-track input[type=range]{height:100%;background:transparent;touch-action:none}input[type=range]::-webkit-slider-thumb{width:12px;height:12px;background:#f1d9d3;border-color:#29212c;box-shadow:0 0 0 1px #ed8e7a}input[type=range]::-moz-range-thumb{background:#f1d9d3;border-color:var(--accent)}.reactive-control{padding:21px 0 16px}.reactive-control svg{color:var(--accent)}.reactive-control strong{font-size:13px;font-weight:500}.reactive-control>div>span>span{font-size:12px;color:#a89aae}.switch{background:#45404b;border-color:#69616f}.switch>span{background:#c3b9ca}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on>span{background:#311e1a}.reset-button{color:#a89aae;font-size:12px;height:33px}.section-description{color:#b5a9bd;font-size:13px}.eq-presets>button{font-size:11px;padding:6px 8px;color:#b6a8c0;border-color:#493f51}.eq-presets>button.selected{background:#ed8e7a12;color:var(--accent);border-color:#ed8e7a6b}.eq-band{font-size:10px}.eq-band output,.eq-band>span{color:#c7b8d0}.eq-scale{color:#aa9ab5;font-size:9px}.eq-band>input{background:#625768}.separate-intro>span{font-size:11px;color:#cdbbd5}.separate-intro>p{font-size:11px;color:#ab9cb5}.stem-heading strong{font-size:14px}.stem-heading output{font-size:11px;color:#bdaac9}.stem-heading>button{height:24px;width:24px;font-size:10px;color:#c6b4d0;border-color:#554660}.stem-heading>button.active{background:var(--accent);color:#291a17}.stem-symbol,.stem-symbol.drums,.stem-symbol.bass,.stem-symbol.other{color:#d1b6cf;border-color:#72516d66;background:#b68ca712}.stem-note{font-size:11px;color:#c4b0ca}.text-button{color:#b5a6bd}.app-footer{border-color:var(--border);color:#9d90a6;font-size:11px}.app-footer>span>span{color:#69576e}.toast{background:#292127f5;border-color:#92665b}.drop-overlay{background:#221a21ee;color:var(--accent)}.drop-overlay>span{color:#deccdf}.skip-link{position:fixed;left:18px;top:10px;z-index:50;padding:12px 17px;background:var(--accent);color:#291a17;border-radius:7px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}@media(min-width:721px)and (max-height:900px){.app-header{height:66px}.studio{padding-top:19px}.workspace-heading{padding-bottom:21px}h1{font-size:36px}.visual-stage{height:clamp(320px,calc(100dvh - 337px),560px)}.control-panel{max-height:calc(100dvh - 185px);scrollbar-color:#785965 #111113}.panel-tabs{top:0}.control-section{padding-top:19px;padding-bottom:19px}.scene-swatch{height:64px}}@media(max-width:1190px){.app-shell{padding:0 26px}.workspace-grid{grid-template-columns:minmax(0,1fr) 295px;gap:20px}.control-panel{padding-left:18px}.track-info strong{font-size:14px}.playback-buttons{margin:0}}@media(max-width:900px){.workspace-grid{grid-template-columns:minmax(0,1fr) 258px;gap:18px}.control-panel{padding-left:15px}.scene-swatch{height:57px}.scene-option strong{font-size:12px}.scene-option>span{font-size:10px}.stage-welcome p{font-size:23px}.stage-bottom{font-size:10px}.stage-mode{font-size:9px}.stage-tag{display:none}}@media(max-width:720px){.app-shell{padding:0 16px}.app-header{height:70px}.wordmark{font-size:23px}.button.small{padding:0 13px;height:37px}.studio{padding-top:24px}.workspace-heading{padding-bottom:22px}h1{font-size:37px;letter-spacing:-1.7px}.section-kicker{font-size:9px}.workspace-grid{grid-template-columns:minmax(0,1fr);gap:12px}.visual-stage{height:clamp(405px,76vw,560px);border-radius:13px}.stage-title{font-size:12px}.stage-tag{display:block;font-size:9px}.stage-top{inset:15px 13px auto}.stage-button{width:31px;height:31px}.stage-welcome p{font-size:25px}.stage-bottom{font-size:9px}.stage-mode{font-size:8px}.transport{padding:17px 14px 14px}.track-info strong{font-size:14px}.track-info>span{font-size:11px}.play-button{width:40px;height:40px}.workspace-caption{font-size:11px;padding:15px 0}.control-panel{padding-left:0;border-left:0;border-top:1px solid var(--border);max-height:none;overflow:visible}.panel-tabs{gap:20px}.panel-tabs button{height:50px;font-size:15px}.panel-body{padding:0 1px 15px}.scene-grid{gap:9px}.scene-swatch{height:65px}.scene-option strong{font-size:11px}.palette-option{height:67px;padding:10px 5px;border:1px solid #413943;font-size:12px}.palette-option.selected{border:1px solid #ed8e7a70}.slider-control{margin:0}.slider-control>span{font-size:13px}.reactive-control strong{font-size:14px}.reset-button{font-size:12px}.stem-heading>button{width:28px;height:28px}.app-footer{font-size:9px;gap:9px}}.control-panel{max-height:none;overflow:visible}.panel-tabs{position:static}.volume-control input,.slider-control input,.stem-row>input{height:22px;background:linear-gradient(to right,var(--accent) var(--fill),#514c55 var(--fill)) center / 100% 3px no-repeat}.volume-control output{min-width:32px;font:10px IBM Plex Mono,monospace;color:var(--muted)}.eq-band>input{appearance:none;writing-mode:vertical-lr;direction:rtl;width:26px;height:115px;border-radius:0;background:linear-gradient(to top,var(--accent) var(--fill),#514c55 var(--fill)) center / 3px 100% no-repeat;touch-action:none}.eq-band>input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:2px solid #111113;border-radius:50%;background:var(--accent)}.eq-band>input::-moz-range-thumb{width:10px;height:10px;border:2px solid #111113;border-radius:50%;background:var(--accent)}.eq-band>input::-moz-range-track{background:transparent}.custom-palette{padding-top:14px}.custom-palette p{font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:12px}.custom-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.custom-color-grid label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted);min-width:0}.custom-color-grid input{appearance:none;width:100%;height:34px;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer}.custom-color-grid input::-webkit-color-swatch-wrapper{padding:0}.custom-color-grid input::-webkit-color-swatch{border:0;border-radius:3px}.custom-color-grid output{font:9px IBM Plex Mono,monospace}@media(max-width:720px){.palette-list{grid-template-columns:repeat(2,minmax(0,1fr))}.eq-band>input{height:125px}}.volume-control input{min-width:0;flex:1}.volume-control output{flex-shrink:0}@media(min-width:1191px){.transport{grid-template-columns:42px minmax(0,1fr) auto 148px}}.separation-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.separation-modes button{padding:12px 6px;border:1px solid var(--border);border-radius:7px;font-size:12px;text-align:left}.separation-modes button.selected{border-color:var(--accent);background:#ed8e7a0c;color:var(--accent)}.separation-modes button span{display:block;font-size:10px;color:var(--muted);margin-top:5px}