:root{--bg:#090c16;--panel:#1218279e;--line:#ecf4ff20;--text:#f1f5ff;--muted:#a4afc8;--accent:#bee6ff;--secondary:#bdc9e3;--radius:22px;color-scheme:dark}
body{background:var(--bg)}#ambientLight{position:fixed;inset:-12%;width:124%;height:124%;z-index:-1;filter:blur(65px) saturate(1.25);opacity:.36;pointer-events:none;transform:scale(1.06)}
.panel,.topbar,.tool-section,dialog{background:var(--panel);backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25);box-shadow:inset 1px 1px 0 #ffffff13,inset -1px -1px 0 #0000000b,10px 15px 40px #00000025;border-color:var(--line)}
.topbar{height:72px;position:relative}.brand{font-size:23px;letter-spacing:-.7px}.brand-sub{color:var(--muted)}main{max-width:1900px;padding-top:24px}.workspace-heading{margin-bottom:20px}.workspace-heading h1{font-size:28px}.local-badge{display:none}.studio-grid{grid-template-columns:220px minmax(0,1fr) 265px;gap:16px}.stage{aspect-ratio:1.55;max-height:75vh;min-height:420px;box-shadow:0 20px 90px #00000055;border-color:#b6c6e536}.stage:before{background:linear-gradient(#02030825,transparent 20%,transparent 73%,#020308a0)}.stage-bottom h2{font-size:clamp(16px,1.7vw,26px);overflow-wrap:anywhere;max-width:600px}.stage-bottom p{font-size:10px;max-width:500px}.stage-bottom{color:#f0f4ff}.preset-art{display:none}.preset-card .preset-meta{background:transparent;padding:14px 11px;gap:7px}.preset-card{background:#24334c38;border:1px solid var(--line);min-height:56px}.preset-card strong{line-height:1.5;color:var(--text)}.preset-card.active{background:#bddfff16;border-color:#b8dfff9c}.preset-card.active:after{display:none}.preset-list{max-height:73vh;min-height:300px}.controls{padding:18px}.control-section{padding:16px 0}.range-section{display:none}.controls:has(.tool-section[open]) .frequency-section{display:none}.library-tabs{background:#44516c25}.library-tabs button.active{background:#d8e6ff1c}.search input,.palette-name{color:var(--text)}.tool-section{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;box-shadow:none}.tool-section>summary{font-weight:600;cursor:pointer;min-height:24px}.tool-section p{font-size:11px;color:var(--muted);line-height:1.65;margin:10px 0}.tool-section label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;line-height:1.5;margin:12px 0}.tool-section input[type=range]{width:100%;margin:8px 0}.tool-section input[type=number]{width:92px;background:#8ba0d51a;border:1px solid var(--line);border-radius:7px;padding:9px;color:var(--text)}.tool-section select{width:100%;padding:8px;background:#253149;color:var(--text);border:1px solid var(--line);border-radius:7px}.sound-layer{border-top:1px solid var(--line);padding:12px 0}.sound-layer summary{display:flex;justify-content:space-between;cursor:pointer;font-size:12px}.sound-layer summary span{color:var(--muted);font-size:10px}.geometry-option{min-height:30px}.geometry-option input{accent-color:var(--accent)}.gpu-notice{font-size:11px;line-height:1.6;padding:12px;color:#f5dcb8;background:#8f602326;border-radius:10px;margin-top:10px}.gpu-notice[hidden]{display:none}.audio-panel{background:var(--panel)}.subtle,.source-tabs button.active{background:#b4c8ed15;color:var(--text)}.button{background:#b6c8ee0a;border-radius:11px;color:var(--text)}dialog{color:var(--text)}.text-button{color:var(--secondary)}
body[data-theme=light]{color-scheme:light;--bg:#e8edf7;--panel:#f7faffb8;--line:#67759433;--text:#202d46;--muted:#596884;--accent:#4a668d;--secondary:#41567b}body[data-theme=light] #ambientLight{opacity:.3}body[data-theme=light] .panel,body[data-theme=light] .topbar{box-shadow:inset 1px 1px 0 #fff9,9px 12px 35px #4a648120}body[data-theme=light] select{background:#e8eef8;color:#273752}body[data-theme=light] .track-details strong{color:var(--text)}body[data-theme=light] .stage .icon-button{color:#eaf4ff}body[data-theme=light] .stage .live-pill{color:#eaf4ff}body[data-theme=light] .photo-dialog{background:#eef3fadf}.focus-mode .library,.focus-mode .controls,.focus-mode .workspace-heading,.focus-mode footer,.focus-mode .studio-caption{display:none}.focus-mode .studio-grid{grid-template-columns:1fr}.focus-mode .stage{height:calc(100dvh - 235px);max-height:none;min-height:300px;aspect-ratio:auto}.focus-mode main{padding-top:14px}.focus-mode .audio-panel{padding:14px 20px}.focus-mode .audio-source-row{display:none}.focus-mode .stage-bottom p{display:none}
@media(min-width:1100px){.controls{max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin}.library{position:sticky;top:12px}}
@media(max-width:1100px){.studio-grid{grid-template-columns:180px minmax(0,1fr)}.controls{grid-column:1/-1;display:block}.controls .control-section,.controls .save-section{display:none}.controls .panel-heading{display:none}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.controls .tool-section{margin:0}.stage{min-height:360px}.brand-sub{display:none}}
@media(max-width:700px){.topbar{padding:10px 16px;gap:10px}.header-right{gap:12px}.brand{font-size:19px}.brand-mark{font-size:30px}.header-right .button{padding:9px 12px}.header-right .text-button{font-size:11px}.workspace-heading{display:none}main{padding:16px 12px 0}.studio-grid{display:flex;flex-direction:column;gap:14px}.center-column{order:0;width:100%}.library{order:2;width:100%;padding:16px}.controls{order:1;width:100%;grid-template-columns:1fr}.preset-list{max-height:330px;display:grid;grid-template-columns:1fr 1fr;min-height:0}.library-bottom{display:none}.stage{height:55dvh;min-height:330px;aspect-ratio:auto;max-height:none}.stage-bottom{left:17px;bottom:18px}.stage-bottom h2{font-size:18px;max-width:260px}.stage-bottom p{display:none}.stage-toolbar{gap:8px;flex-wrap:wrap}.engine-state{font-size:8px}.toolbar-right{gap:12px}.audio-source-row .section-label{display:none}.source-tabs{flex-wrap:wrap}.audio-panel{padding:16px}.stage-top{left:12px;top:12px}.focus-mode .stage{height:calc(100dvh - 260px)}.focus-mode .controls{display:none}.watch-options{margin-bottom:10px}.studio-caption{display:none}.tool-section>summary{min-height:28px}.sound-layer summary{min-height:28px}.tool-section .button{width:100%}}
@media(prefers-reduced-motion:reduce){#ambientLight{display:none}}

.controls .range-section.exposed{display:block}
body{overflow-x:clip}.stage-bottom>div:first-child{min-width:0}.preset-card strong{overflow-wrap:anywhere}
@media(max-width:700px){.topbar{gap:6px;padding:10px 12px}.brand-mark{display:none}.brand{font-size:18px;letter-spacing:-.7px;white-space:nowrap}.header-right{gap:8px}.header-right .photo-button{min-width:38px;padding:8px}.header-right .photo-button>span{display:none}.header-right #helpBtn{width:34px;height:38px;min-width:34px}.header-right .button{font-size:11px;padding:8px}.header-right .text-button{font-size:10px}.topbar .brand-dot{display:none}}

body[data-theme=light] .gpu-notice{color:#67491e;background:#fff9e8a6}body[data-theme=light] .source-tabs button,body[data-theme=light] .track-details>span,body[data-theme=light] .player-bottom,body[data-theme=light] .engine-state,body[data-theme=light] .watch-options>span,body[data-theme=light] .timeline-row{color:#4c5d78}body[data-theme=light] .source-tabs button.active{color:#182b47;background:#7f9db133}body[data-theme=light] .count{color:#425a80}body[data-theme=light] .studio-caption,body[data-theme=light] footer{color:#51627a}

.controls .extra-controls{display:block}
body[data-theme=light] .control-heading h3,body[data-theme=light] .control-label,body[data-theme=light] .section-label{color:var(--text)}body[data-theme=light] .spectrum-labels,body[data-theme=light] .range-endpoints,body[data-theme=light] .control-heading>span,body[data-theme=light] #recordHint,body[data-theme=light] .photo-note{color:var(--muted)}
.geometry-layer{border-top:1px solid var(--line)}.geometry-motion{margin:0 0 12px;padding:0 4px 10px 22px}.geometry-motion[hidden]{display:none}.geometry-motion>summary{font-size:11px;color:var(--secondary);cursor:pointer;min-height:30px;display:list-item}.tool-section .geometry-slider{display:grid;grid-template-columns:1fr auto;gap:4px;margin:14px 0}.geometry-slider output{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.geometry-slider input{grid-column:1/-1;min-width:0}.geometry-strobe{line-height:1.6}.geometry-note{font-size:10px!important}.geometry-motion select:disabled{opacity:.45}.geometry-motion input[type=checkbox]{accent-color:var(--accent)}

.geometry-travel-fields[hidden]{display:none}.geometry-travel-fields{border-left:1px solid var(--line);padding-left:12px;margin-bottom:14px}
.wave-logo{display:block;flex:none;width:44px;height:38px;filter:drop-shadow(0 2px 8px #89c8f329)}.scene-caption{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}.caption-faded .scene-caption{opacity:0;transform:translateY(6px);pointer-events:none}.stage.caption-faded:before{background:linear-gradient(#02030825,transparent 20%,transparent 95%,#02030810)}@media(max-width:700px){.wave-logo{width:27px;height:28px}.brand{gap:5px;font-size:16px}}@media(prefers-reduced-motion:reduce){.scene-caption{transition:opacity .3s;transform:none!important}}
.face-video-source{position:fixed;left:0;top:0;width:1px;height:1px;opacity:.001;pointer-events:none;z-index:-2}.face-actions{display:flex;gap:7px;margin:12px 0}.face-actions .button{padding:9px 10px;flex:1;font-size:11px}.tool-section #faceStatus{font-size:11px;color:var(--secondary);overflow-wrap:anywhere}
/* Progressive controls: one sound layer or tool opens at a time. */
[hidden]{display:none!important}.layer-main{display:flex;justify-content:space-between;gap:8px}.tool-section .layer-main label{display:flex;gap:6px;margin:9px 0}.layer-advanced{border-top:1px solid var(--line);margin:12px 0;padding-top:12px}.layer-advanced>summary{cursor:pointer;font-size:11px;color:var(--secondary);min-height:30px}.add-layer,.compact-actions{display:flex;gap:8px;margin:12px 0;align-items:center}.add-layer select{min-width:0;flex:1}.add-layer .button{white-space:nowrap}.compact-actions .button{flex:1;padding:9px;font-size:10px}.remove-layer{font-size:10px;min-height:36px;color:var(--muted)}.eq-rows{display:grid;grid-template-columns:1fr;gap:5px}.tool-section .eq-row{display:grid;grid-template-columns:44px minmax(0,1fr) 42px;gap:8px;margin:7px 0;font-size:10px}.eq-row input{min-width:0}.eq-row output{text-align:right;color:var(--muted)}.touch-readout{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#e3eeff;font-size:10px;background:#131b35aa;padding:8px 12px;border:1px solid #c7ddff40;border-radius:30px;pointer-events:none;backdrop-filter:blur(14px);white-space:nowrap}.touch-readout span{display:inline-block;margin-left:8px;min-width:28px;color:#b8f5ff}.dial-active .touch-readout{border-color:#adf5ffb0;box-shadow:0 0 24px #93c9ff45}.dial-active .scene-caption{opacity:0}.save-section>.button{width:100%;margin-top:9px}#shareBoardUrl{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;margin:14px 0}.sound-layer summary{gap:8px}.sound-layer summary>span{flex-shrink:0}@media(max-width:700px){.add-layer .button{width:auto}.compact-actions .button{width:auto}.touch-readout{bottom:12px;font-size:9px;padding:7px 9px}}