.studio{background:radial-gradient(70% 50% at 85% -10%, #ff964612, transparent 70%), radial-gradient(60% 50% at 0% 110%, #9682ff0f, transparent 70%), var(--ink-0);grid-template-rows:60px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.studio-main{scrollbar-width:thin;scrollbar-color:var(--ink-5) transparent;min-height:0;overflow:auto}.muted{color:var(--text-2)}.small{font-size:13px}.error-text{color:var(--rose);margin-top:12px;font-size:14px}.block{width:100%}.linklike{color:var(--sodium);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);z-index:20;background:#09090cb8;align-items:center;gap:16px;min-width:0;padding:0 16px;display:flex;position:relative}.topbar .brand-mark{width:26px;height:26px}.topbar .brand-word{font-size:22px}.topbar-title{border-left:1px solid var(--line);flex:auto;align-items:baseline;gap:4px;min-width:0;max-width:420px;padding-left:16px;display:flex}.title-input,.artist-input{background:0 0;border:1px solid #0000;border-radius:8px;min-width:0;padding:4px 8px;transition:border-color .2s,background .2s}.title-input{flex:60%;font-size:15px;font-weight:550}.artist-input{color:var(--text-2);flex:40%;font-size:13px}.title-input:hover,.artist-input:hover{border-color:var(--line)}.title-input:focus,.artist-input:focus{border-color:var(--line-2);background:#ffffff08;outline:none}.mode-switch{border:1px solid var(--line-2);background:var(--ink-1);border-radius:999px;margin-inline:auto;padding:3px;display:inline-flex}.mode-switch button{height:32px;color:var(--text-2);cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:500;display:inline-flex}.mode-switch button.on{background:var(--ink-4);color:var(--text);box-shadow:inset 0 1px #ffffff0f}.mode-switch button.on svg{color:var(--sodium)}.topbar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.studio:not(.has-track) .topbar-actions{margin-left:auto}.export-btn{margin-left:6px}.icon-btn{--s:38px;width:var(--s);height:var(--s);color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;place-items:center;transition:background .2s,color .2s,border-color .2s;display:inline-grid}.icon-btn:hover:not([disabled]){color:var(--text);background:#ffffff0f}.icon-btn[disabled]{opacity:.35;cursor:default}.icon-btn.on{color:var(--sodium);background:var(--sodium-soft);border-color:#ffb35e40}.icon-btn.sm{--s:30px}.icon-btn.sm svg{width:16px;height:16px}.pill{border:1px solid var(--line-2);height:28px;color:var(--text-2);font-size:12.5px;font-family:var(--font-mono);cursor:pointer;transition:all .2s var(--ease);white-space:nowrap;background:0 0;border-radius:999px;padding:0 11px}.pill:hover:not([disabled]){color:var(--text);border-color:var(--line-3)}.pill.on{color:var(--sodium);background:var(--sodium-soft);border-color:#ffb35e80}.pill[disabled]{opacity:.35;cursor:default}.pill.ghost{border-style:dashed}.start{grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,4vw,64px);max-width:1280px;min-height:100%;margin:0 auto;padding:clamp(28px,6vh,72px) clamp(16px,4vw,48px) 48px;display:grid}.start h1{letter-spacing:-.025em;margin:16px 0 30px;font-size:clamp(46px,6.4vw,86px);line-height:.94}.start h1 em{color:var(--sodium);text-shadow:0 0 40px #ffa0504d;font-style:italic}.start-drop{border-radius:var(--r-xl);border:1px solid var(--line-2);box-shadow:var(--shadow-2);background:linear-gradient(160deg,#ffffff0f,#ffffff03 45%,#ffb35e0d);padding:10px;transition:border-color .25s}.start-drop.dragging{border-color:var(--sodium)}.start-drop-btn{border-radius:calc(var(--r-xl) - 8px);border:1px dashed var(--line-3);text-align:left;cursor:pointer;background:#08080bb3;align-items:center;gap:22px;width:100%;padding:clamp(22px,4vw,36px);transition:background .25s,border-color .25s;display:flex}.start-drop-btn:hover{background:#1e140cb3;border-color:#ffb35e99}.start-drop-btn .launcher-icon{flex:none}.start-drop-text{gap:6px;display:grid}.start-drop-text strong{letter-spacing:-.01em;font-size:clamp(18px,2vw,22px);font-weight:550}.start-drop-text small{color:var(--text-3);font-size:13px}.start-sources{flex-wrap:wrap;gap:8px;padding:12px 6px 4px;display:flex}.start-presets{gap:10px;margin-top:26px;display:grid}.start-presets .launcher-presets{justify-content:flex-start;margin-top:0}.start-recent{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,40px)}.start-recent h2{margin-bottom:16px}.start-recent ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.recent{border-radius:var(--r-m);align-items:center;gap:4px;transition:background .2s;display:flex}.recent:hover{background:#ffffff0a}.recent .icon-btn{opacity:0}.recent:hover .icon-btn,.recent .icon-btn:focus-visible{opacity:1}.recent-open{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.recent-dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 12px}.recent-text{min-width:0;display:grid}.recent-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:500;overflow:hidden}.recent-text small{color:var(--text-3);font-size:12.5px}@media (max-width:900px){.start{grid-template-columns:1fr}.start-recent{border-left:0;border-top:1px solid var(--line);padding-top:24px;padding-left:0}.recent .icon-btn{opacity:1}.start-drop-btn{text-align:center;flex-direction:column}}.audio-ws{gap:14px;max-width:1680px;margin:0 auto;padding:14px clamp(12px,2vw,22px) 28px;display:grid}.presets{align-items:center;gap:10px;min-width:0;display:flex}.presets-scroll{scrollbar-width:none;flex:1;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.presets-scroll::-webkit-scrollbar{display:none}.preset{border:1px solid var(--line-2);background:var(--ink-1);height:34px;color:var(--text-2);white-space:nowrap;cursor:pointer;transition:all .22s var(--ease);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.preset .dot{background:var(--c);opacity:.7;border-radius:50%;width:7px;height:7px}.preset:hover{color:var(--text);border-color:var(--line-3)}.preset.on{color:var(--text);border-color:color-mix(in srgb, var(--c) 60%, transparent);background:color-mix(in srgb, var(--c) 12%, var(--ink-1));box-shadow:0 0 24px -8px var(--c)}.preset.on .dot{opacity:1;box-shadow:0 0 10px var(--c)}.preset.custom{padding:0 4px 0 0}.preset.custom>button:first-child{height:100%;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 6px 0 14px;display:inline-flex}.preset-x{width:22px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.preset-x:hover{color:var(--text);background:#ffffff14}.presets-actions{flex:none;gap:2px;display:flex}.deck{border-radius:var(--r-l);border:1px solid var(--line);background:linear-gradient(180deg, var(--ink-2), var(--ink-1));box-shadow:var(--shadow-1);padding:8px 12px 12px}.wave{position:relative}.wave-stage{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;height:clamp(150px,27vh,300px);position:relative}.wave-canvas{width:100%;height:100%}.wave-handle{cursor:ew-resize;z-index:2;touch-action:none;width:24px;margin-left:-12px;position:absolute;top:22px;bottom:0}.wave-handle span{background:var(--sodium);width:12px;height:44px;box-shadow:0 0 0 3px #00000080, 0 0 20px var(--sodium-glow);border-radius:6px;position:absolute;top:calc(50% - 22px);left:6px}.wave-handle span:after{content:"";border-left:1px solid #00000073;border-right:1px solid #00000073;position:absolute;inset:12px 5px}.wave-handle:hover span{background:#ffcd8f}.wave-grip{z-index:1;cursor:grab;touch-action:none;justify-content:center;height:22px;display:flex;position:absolute;top:0}.wave-grip span{color:var(--sodium);white-space:nowrap;background:#ffb35e29;border:1px solid #ffb35e59;border-radius:999px;max-width:100%;padding:3px 8px;font-size:10.5px;overflow:hidden}.wave-grip:active{cursor:grabbing}.wave-foot{align-items:center;gap:10px;margin-top:4px;display:flex}.wave-mini{opacity:0;pointer-events:none;cursor:pointer;background:#ffffff05;border-radius:6px;flex:1;min-width:0;height:22px;transition:opacity .25s}.wave-mini.show{opacity:1;pointer-events:auto}.wave-zoom{gap:2px;display:flex}.transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:8px;padding:10px 4px 2px;display:flex}.transport-main{align-items:center;gap:8px;display:flex}.play-btn{cursor:pointer;width:52px;height:52px;color:var(--sodium-ink);background:radial-gradient(circle at 35% 30%, #ffd5a3, var(--sodium) 50%, #e2732f);box-shadow:0 0 0 1px #ffd2a066 inset, 0 8px 30px -6px var(--sodium-glow);transition:transform .2s var(--ease), box-shadow .3s;border:0;border-radius:50%;place-items:center;display:grid}.play-btn:hover{transform:scale(1.04)}.play-btn:active{transform:scale(.97)}.play-btn.is-playing{box-shadow:0 0 0 1px #ffd2a066 inset, 0 0 0 6px #ffb35e1f, 0 8px 40px -4px var(--sodium-glow)}.play-btn svg{margin-left:2px}.play-btn.is-playing svg{margin-left:0}.t-clock{color:var(--text);min-width:128px;margin-left:6px;font-size:14px}.t-sep,.t-total{color:var(--text-3)}.t-sep{margin:0 6px}.ab-btn{border:1px solid var(--line-2);height:34px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;display:inline-flex}.ab-btn.on{border-color:var(--moon);color:var(--moon);background:var(--moon-soft)}.transport-readouts{flex-wrap:wrap;gap:22px;display:flex}.readout{gap:2px;display:grid}.readout .eyebrow{font-size:10px}.readout .mono{color:var(--text-2);white-space:nowrap;font-size:13.5px}.readout b{color:var(--sodium);font-weight:500}.readout i{color:var(--text-3);font-style:normal}.readout small{color:var(--text-3);font-size:11px}.shimmer{color:var(--text-3);animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{50%{opacity:.35}}.transport-hook{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.transport-hook .eyebrow{align-items:center;gap:6px;margin-right:4px;display:inline-flex}.modules{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:12px;display:grid}@media (max-width:1380px){.modules{grid-template-columns:repeat(3,minmax(0,1fr))}}.module{border-radius:var(--r-l);border:1px solid var(--line);background:var(--ink-1);padding:16px 16px 18px}.module.accent{background:radial-gradient(120% 80% at 100% 0%, #ffb35e12, transparent 60%), var(--ink-1)}.module-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.module-head h3{font-family:var(--font-display);letter-spacing:-.005em;font-size:23px}.module-sum{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.module-body{gap:16px;display:grid}.quick-row{flex-wrap:wrap;gap:5px;margin-top:-6px;display:flex}.quick-row .pill{height:24px;padding:0 8px;font-size:11.5px}.mtabs{display:none}.slider{gap:7px;display:grid}.slider.is-disabled{opacity:.4}.slider-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.slider-label{color:var(--text-2);cursor:default;-webkit-user-select:none;user-select:none;font-size:13px}.slider-value{color:var(--text);-webkit-user-select:none;user-select:none;font-size:12.5px}.slider-track{cursor:pointer;touch-action:none;border-radius:6px;height:22px;position:relative}.slider-track:focus-visible{outline-offset:2px}.slider-rail{background:var(--ink-4);border-radius:99px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0}.slider-origin{background:var(--line-3);width:1px;position:absolute;top:5px;bottom:5px}.slider-fill{background:linear-gradient(90deg, #ff9147, var(--sodium));border-radius:99px;height:4px;margin-top:-2px;position:absolute;top:50%;box-shadow:0 0 12px #ffa05059}.slider-thumb{background:#fff5e8;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:box-shadow .2s,transform .15s;position:absolute;top:50%;box-shadow:0 0 0 4px #ffb35e38,0 2px 8px #0009}.slider-track:hover .slider-thumb,.slider-track:focus-visible .slider-thumb{box-shadow:0 0 0 6px #ffb35e40,0 2px 8px #0009}.slider-track:active .slider-thumb{transform:scale(1.12)}.slider-hint{color:var(--text-3);font-size:12px;line-height:1.4}.segmented{background:var(--ink-0);border:1px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:flex}.segmented button{min-width:0;height:32px;color:var(--text-2);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:9px;flex:1;padding:0 8px;font-size:12.5px;font-weight:500;transition:background .2s,color .2s;overflow:hidden}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--ink-4);color:var(--text);box-shadow:inset 0 1px #ffffff0f}.segmented.sm button{height:28px;padding:0 4px;font-size:12px}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-text{gap:2px;font-size:13.5px;display:grid}.toggle-text small{color:var(--text-3);font-size:12px}.toggle-ui{background:var(--ink-4);border:1px solid var(--line-2);width:40px;height:24px;transition:background .25s var(--ease);border-radius:99px;flex:none;position:relative}.toggle-ui:after{content:"";background:var(--text-2);width:18px;height:18px;transition:transform .25s var(--ease), background .25s;border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-ui{background:#ffb35e4d;border-color:#ffb35e99}.toggle input:checked+.toggle-ui:after{background:var(--sodium);transform:translate(16px)}.toggle input:focus-visible+.toggle-ui{outline:2px solid var(--sodium);outline-offset:2px}.video-ws{grid-template-columns:minmax(0,1fr) 380px;height:100%;min-height:0;display:grid}.video-left{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;padding:16px 20px 14px;display:grid}.vstage{place-items:center;min-height:0;display:grid;position:relative}.vcanvas{box-shadow:0 0 0 1px var(--line-2), 0 40px 100px -30px #000000e6;background:#000;border-radius:14px}.vplay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;background:#0a0a0e8c;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:46px;height:46px;transition:opacity .25s;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.vstage:hover .vplay,.vplay:focus-visible{opacity:1}.video-transport{border-radius:var(--r-l);border:1px solid var(--line);background:var(--ink-1);padding:6px 12px 10px}.video-transport .wave-stage{height:74px}.video-transport .wave-foot,.video-transport .transport-readouts{display:none}.video-panel{border-left:1px solid var(--line);background:#0c0b10b3;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.vtabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:2px;padding:10px 12px;display:flex;overflow-x:auto}.vtabs button{height:32px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:0 10px;font-size:13px;font-weight:500}.vtabs button.on{background:var(--ink-4);color:var(--text)}.vpanel-body{scrollbar-width:thin;padding:16px;overflow-y:auto}.vpanel-foot{border-top:1px solid var(--line);padding:12px 16px 16px}.scene-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.scene-thumb{border:1px solid var(--line);background:var(--ink-1);cursor:pointer;text-align:left;transition:border-color .2s, transform .25s var(--ease);border-radius:14px;gap:6px;padding:6px;display:grid}.scene-thumb canvas{aspect-ratio:9/16;background:var(--ink-3);border-radius:9px;width:100%;height:auto}.scene-thumb span{color:var(--text-2);padding:0 4px 2px;font-size:12.5px}.scene-thumb:hover{border-color:var(--line-3);transform:translateY(-1px)}.scene-thumb.on{border-color:var(--sodium);box-shadow:0 0 0 3px #ffb35e2e}.scene-thumb.on span{color:var(--text)}.vgroup{gap:14px;display:grid}.vlabel{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:-6px;font-size:11px}.aspect-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.aspect{border:1px solid var(--line);background:var(--ink-1);cursor:pointer;text-align:left;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;column-gap:10px;padding:10px;display:grid}.aspect i{border:1.5px solid var(--text-3);border-radius:3px;grid-row:span 2;justify-self:center;width:auto;max-width:26px;height:30px;max-height:30px}.aspect strong{font-size:13px;font-weight:550}.aspect small{color:var(--text-3);font-size:11px}.aspect.on{border-color:var(--sodium);background:var(--sodium-soft)}.aspect.on i{border-color:var(--sodium)}.field{color:var(--text-2);gap:6px;font-size:13px;display:grid}.field input,.input-wrap input{border:1px solid var(--line-2);background:var(--ink-0);height:40px;color:var(--text);border-radius:10px;padding:0 12px;font-size:14px}.field input:focus,.input-wrap input:focus{border-color:var(--sodium);outline:none}.palettes{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.swatch{border:1px solid var(--line);background:var(--ink-1);cursor:pointer;border-radius:12px;justify-items:center;gap:5px;padding:8px 4px;display:grid}.swatch i{border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 2px #0006}.swatch span{color:var(--text-2);font-size:11px}.swatch.on{border-color:var(--sodium)}.asset-row{align-items:center;gap:10px;display:flex}.asset-prev{background:var(--ink-3);border:1px solid var(--line-2);width:48px;height:48px;color:var(--text-3);border-radius:10px;flex:none;place-items:center;font-size:11px;display:grid;overflow:hidden}.asset-prev.wide{width:72px}.asset-prev img{object-fit:cover;width:100%;height:100%}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);animation:fadein .2s var(--ease);background:#040406b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}}.modal{border-radius:var(--r-xl);border:1px solid var(--line-2);background:linear-gradient(180deg, var(--ink-2), var(--ink-1));width:min(520px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-2);animation:rise .3s var(--ease-out);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.modal.wide{width:min(760px,100%)}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 12px;display:flex}.modal-head h2{font-family:var(--font-display);margin-top:6px;font-size:32px}.modal-body{align-content:start;gap:16px;padding:6px 22px 24px;display:grid;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);padding:14px 22px 20px}.note{color:var(--text-2);background:var(--moon-soft);border:1px solid #b6a9ff33;border-radius:12px;align-items:flex-start;gap:10px;padding:11px 13px;font-size:13px;display:flex}.note svg{color:var(--moon);flex:none;margin-top:2px}.lib-search{gap:8px;display:flex}.input-wrap{flex:1;align-items:center;display:flex;position:relative}.input-wrap svg{color:var(--text-3);pointer-events:none;position:absolute;left:12px}.input-wrap input{width:100%;padding-left:40px}.lib-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lib-check{color:var(--text-2);align-items:center;gap:7px;margin-left:auto;font-size:13px;display:inline-flex}.lib-check input{accent-color:var(--sodium)}.lib-results{gap:4px;min-height:160px;display:grid}.lib-row{border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px;display:grid}.lib-row:hover{background:#ffffff09}.lib-meta{min-width:0;display:grid}.lib-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.lib-meta small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (max-width:560px){.lib-row .chip{display:none}.lib-row{grid-template-columns:auto minmax(0,1fr) auto}}.policy{border:1px solid var(--line-2);background:var(--ink-1);border-radius:14px;padding:16px 18px}.policy h3{margin-bottom:8px;font-size:17px;font-weight:600}.policy p,.policy li{color:var(--text-2);font-size:14px}.policy ul{gap:8px;margin:10px 0 0;padding-left:18px;display:grid}.policy a{color:var(--sodium)}.rec{text-align:center;justify-items:center;gap:16px;padding:10px 0;display:grid}.rec-time{letter-spacing:-.02em;font-size:44px}.rec-meter{background:var(--ink-4);border-radius:99px;width:100%;height:6px;overflow:hidden}.rec-meter div{background:linear-gradient(90deg, var(--mint), var(--sodium), var(--rose));transform-origin:0;height:100%;transition:transform 60ms linear;transform:scaleX(0)}.rec-stop{border-color:var(--rose);color:var(--rose)}.export-opts{gap:16px;display:grid}.export-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.export-summary div{border:1px solid var(--line);background:var(--ink-1);border-radius:12px;padding:12px}.export-summary dt{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:10.5px}.export-summary dd{margin:4px 0 0;font-size:13.5px}.export-progress{text-align:center;justify-items:center;gap:10px;padding:18px 0 8px;display:grid}.ring{--p:0;background:radial-gradient(closest-side, var(--ink-2) 86%, transparent 87% 100%), conic-gradient(var(--sodium) calc(var(--p) * 1turn), var(--ink-4) 0);width:128px;height:128px;box-shadow:0 0 60px -20px var(--sodium-glow);border-radius:50%;place-items:center;display:grid}.ring span{font-size:24px}.export-done{justify-items:stretch;gap:12px;display:grid}.export-video{background:#000;border-radius:14px;width:100%;max-height:46vh}.export-audio{width:100%}.export-actions{flex-wrap:wrap;gap:8px;display:flex}.caption-box{border:1px solid var(--line);background:var(--ink-0);border-radius:14px;padding:12px 14px}.caption-head{justify-content:space-between;align-items:center;display:flex}.caption-box pre{white-space:pre-wrap;font-family:var(--font-mono);color:var(--text-2);max-height:140px;margin:8px 0 0;font-size:12px;overflow:auto}.shortcuts{gap:8px;margin:0;display:grid}.shortcuts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:8px 0;display:flex}.shortcuts dd{color:var(--text-2);margin:0;font-size:14px}kbd{font-family:var(--font-mono);border:1px solid var(--line-3);background:var(--ink-3);border-bottom-width:2px;border-radius:6px;padding:3px 8px;font-size:12px}.toast{z-index:120;border:1px solid var(--line-2);max-width:min(560px,100vw - 32px);box-shadow:var(--shadow-2);animation:rise .3s var(--ease-out);background:#1c1a22f5;border-radius:14px;padding:12px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.error{border-color:#ff7f9e80}.toast.ok{border-color:#8fe3c066}.drop-overlay{z-index:90;border:2px dashed var(--sodium);border-radius:var(--r-xl);text-align:center;pointer-events:none;background:#140c06d9;place-content:center;display:grid;position:fixed;inset:12px}.drop-overlay p{color:var(--sodium);font-size:56px}.drop-overlay small{color:var(--text-2)}.busy{z-index:60;border:1px solid var(--line-2);background:#1c1a22f2;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%)}.spinner{border:2px solid var(--line-3);border-top-color:var(--sodium);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.help-fab{z-index:30;border:1px solid var(--line-2);background:var(--ink-2);width:38px;height:38px;color:var(--text-2);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:16px;right:16px}.studio[data-mode=video] .help-fab{display:none}.boot{height:100%;color:var(--text-2);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}@media (max-width:1100px){.video-ws{grid-template-columns:minmax(0,1fr) 330px}.topbar-title{max-width:280px}}@media (max-width:860px){.studio{grid-template-rows:auto minmax(0,1fr)}.topbar{flex-wrap:wrap;gap:8px 10px;padding:8px 12px}.topbar .brand-word{display:none}.topbar-title{border-left:0;flex-basis:100%;order:5;max-width:none;padding-left:0}.mode-switch{margin-inline:0 auto}.mode-switch button{padding:0 11px;font-size:13px}.topbar-actions .icon-btn[aria-label=Redo]{display:none}.hide-sm{display:none!important}.help-fab{display:none}.audio-ws{gap:10px;padding:10px 10px 90px}.deck{padding:6px 8px 10px}.transport{gap:10px 14px}.transport-main{width:100%}.ab-btn{margin-left:auto}.ab-btn span{display:none}.transport-hook{margin-left:0}.t-clock{min-width:0;font-size:13px}.mtabs{background:var(--ink-1);border:1px solid var(--line);z-index:5;border-radius:14px;gap:2px;padding:3px;display:flex;position:sticky;top:0}.mtabs button{height:36px;color:var(--text-2);background:0 0;border:0;border-radius:11px;flex:1;font-size:13px;font-weight:500}.mtabs button.on{background:var(--ink-4);color:var(--text)}.modules{grid-template-columns:1fr}.modules>.module{display:none}.modules[data-tab=time] #module-time,.modules[data-tab=space] #module-space,.modules[data-tab=tone] #module-tone,.modules[data-tab=fx] #module-fx,.modules[data-tab=out] #module-out{display:block}.slider-track{height:30px}.slider-thumb{width:20px;height:20px;margin:-10px 0 0 -10px}.video-ws{grid-template-columns:1fr;height:auto}.video-left{grid-template-rows:auto auto;padding:10px}.vstage{height:min(62vh,560px)}.vplay{opacity:1}.video-panel{border-left:0;border-top:1px solid var(--line);display:block}.vpanel-body{overflow:visible}.vtabs{z-index:5;background:var(--ink-1);position:sticky;top:0}.scene-grid{grid-template-columns:repeat(4,1fr);gap:6px}.scene-thumb span{font-size:11px}.vpanel-foot{background:#0c0b10f2;position:sticky;bottom:0}.export-summary{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-height:92dvh}}@media (max-width:480px){.scene-grid{grid-template-columns:repeat(3,1fr)}.palettes{grid-template-columns:repeat(4,1fr)}.export-btn span{display:none}}