:root{--accent:#ff9d6e;--bg-deep: oklch(.135 .004 64);--bg: oklch(.165 .005 64);--surface: oklch(.205 .005 64);--surface-2: oklch(.245 .006 64);--raise: oklch(.275 .007 64);--border: oklch(.3 .006 64);--border-soft: oklch(.255 .005 64);--text: oklch(.93 .004 78);--text-dim: oklch(.66 .006 78);--text-faint: oklch(.5 .006 70);--audio-level:0;--audio-bass:0;--pad: 18px;--accent-soft: color-mix(in oklab, var(--accent) 16%, transparent);--accent-line: color-mix(in oklab, var(--accent) 42%, transparent);--accent-glow: color-mix(in oklab, var(--accent) 55%, transparent);--wf-played: var(--accent)}body.chrome-soft{--bg: oklch(.185 .006 64);--surface: oklch(.23 .006 64);--surface-2: oklch(.27 .007 64);--border: oklch(.33 .007 64)}body.density-compact{--pad:13px}body.density-comfy{--pad:24px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg-deep);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}.mono{font-family:JetBrains Mono,ui-monospace,monospace}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}::selection{background:var(--accent-soft)}body.grain-on:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>")}#root{height:100%}:root{--sa-top: env(safe-area-inset-top, 0px);--sa-right: env(safe-area-inset-right, 0px);--sa-bottom: env(safe-area-inset-bottom, 0px);--sa-left: env(safe-area-inset-left, 0px)}.app{height:100%;display:grid;grid-template-rows:54px 1fr 76px}.dm-overlay,.scrub,.lanes-inner,.clip,.clip-trim,.fade-knob,.kf-dia,.handle,.playhead,.cp-sv,.cp-hue,.cp-alpha,.stop-grip,.drag-dots,.wf,.twk-hd{touch-action:none}body.bb-touch .clip-del{opacity:1}body.bb-touch .kf-dia:before,body.bb-touch .fade-knob:before,body.bb-touch .handle:before{content:"";position:absolute;inset:-15px}body.bb-touch .clip-trim:before{content:"";position:absolute;inset:-10px -4px}body.bb-touch .row-mini,body.bb-touch .eye,body.bb-touch .row-x,body.bb-touch .icon-btn,body.bb-touch .menu-btn,body.bb-touch .drawer-btn,body.bb-touch .tracks-toggle{min-width:40px;min-height:40px}.dm-edit-pill{position:absolute;transform:translate(-50%,-100%);padding:6px 12px;border-radius:999px;background:var(--accent);color:#1a1411;font-size:12px;font-weight:600;white-space:nowrap;border:none;box-shadow:0 6px 18px #0006;z-index:5}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid var(--border-soft);background:var(--bg)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:flex;align-items:flex-end;gap:2.5px;height:18px}.bm-bar{width:3px;background:var(--accent);border-radius:2px;transition:height .12s ease}.bm-bar:nth-child(1){height:8px}.bm-bar:nth-child(2){height:16px}.bm-bar:nth-child(3){height:11px}.pulse-on .bm-bar:nth-child(1){height:calc(7px + var(--audio-level)*14px)}.pulse-on .bm-bar:nth-child(2){height:calc(10px + var(--audio-bass)*22px)}.pulse-on .bm-bar:nth-child(3){height:calc(8px + var(--audio-level)*18px)}.brand-name{font-weight:600;font-size:16px;letter-spacing:-.01em}.brand-home{display:flex;align-items:center;gap:10px;padding:2px 4px;border-radius:9px;transition:background .15s}.brand-home:hover{background:var(--surface)}.topbar-center{display:flex;justify-content:center}.plat-switch{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border-soft);padding:4px;border-radius:11px}.plat-switch-btn{display:flex;align-items:center;gap:7px;padding:6px 13px;border-radius:8px;color:var(--text-dim);font-size:13px;font-weight:500;transition:.16s}.plat-switch-btn .ps-ratio{font-size:10.5px;color:var(--text-faint)}.plat-switch-btn:hover{color:var(--text)}.plat-switch-btn.on{background:var(--raise);color:var(--text);box-shadow:0 1px 2px #0000004d}.plat-switch-btn.on .ps-ratio{color:var(--accent)}.topbar-right{display:flex;justify-content:flex-end;align-items:center}.save-state{font-size:11px;color:var(--text-faint)}.save-state:first-letter{color:#6ee7b7}.workspace{display:grid;grid-template-columns:300px 1fr 322px;min-height:0}body.density-compact .workspace{grid-template-columns:272px 1fr 296px}.panel{background:var(--bg);display:flex;flex-direction:column;min-height:0}.panel-left{border-right:1px solid var(--border-soft)}.panel-right{border-left:1px solid var(--border-soft)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px var(--pad) 12px}.panel-title{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.panel-tag{font-size:10px;color:var(--text-faint);border:1px solid var(--border);padding:2px 7px;border-radius:20px;letter-spacing:.1em}.panel-body{padding:0 var(--pad) var(--pad);display:flex;flex-direction:column;gap:14px;overflow:hidden}.panel-body.scroll{overflow-y:auto}.panel-body.scroll::-webkit-scrollbar{width:8px}.panel-body.scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.dropzone{border:1.5px dashed var(--border);border-radius:14px;padding:30px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--surface);transition:.18s}.dropzone:hover{border-color:var(--accent-line);background:var(--surface-2)}.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dz-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--raise);color:var(--accent);margin-bottom:4px}.dz-title{font-weight:500;font-size:14px}.dz-sub{font-size:11px;color:var(--text-faint)}.dz-formats{font-size:10px;color:var(--text-faint);margin-top:8px;letter-spacing:.06em;padding:4px 8px;border:1px solid var(--border-soft);border-radius:20px}.dropzone.compact{flex-direction:row;padding:11px;border-style:solid;border-color:var(--border-soft)}.dz-compact-label{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-dim)}.ghost-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:11px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-dim);font-size:13px;font-weight:500;transition:.16s}.ghost-btn:hover{color:var(--text);border-color:var(--accent-line)}.ghost-btn.inline{padding:9px 14px}.ghost-btn svg{color:var(--accent)}.hint-text{font-size:11.5px;color:var(--text-faint);margin:2px 2px 0;line-height:1.5}.track-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:11px}.track-name{font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-err{font-size:10.5px;color:#ffb27a}.wf-block{background:var(--bg-deep);border-radius:9px;padding:6px 8px}.wf{width:100%;cursor:pointer}.wf canvas{width:100%;height:100%;display:block}.track-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-dim)}.dot-sep{color:var(--text-faint)}.badge{display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:9px}.badge-ll{background:color-mix(in oklab,#6ee7b7 14%,transparent);border:1px solid color-mix(in oklab,#6ee7b7 35%,transparent)}.badge-lossy{background:var(--surface-2);border:1px solid var(--border)}.badge-dot{width:7px;height:7px;border-radius:50%}.badge-ll .badge-dot{background:#6ee7b7;box-shadow:0 0 8px #6ee7b7}.badge-lossy .badge-dot{background:var(--text-faint)}.badge-main{font-size:11px;font-weight:600;letter-spacing:.1em}.badge-ll .badge-main{color:#9cf0cf}.badge-sub{font-size:10.5px;color:var(--text-dim);margin-left:auto}.field{display:flex;flex-direction:column;gap:9px}.field-label{display:flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.12em;color:var(--text-faint)}.field-ico{display:inline-flex;color:var(--text-dim)}.seg{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;background:var(--surface);border:1px solid var(--border-soft);border-radius:11px;padding:5px}.seg-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 6px;border-radius:7px;color:var(--text-dim);font-size:12.5px;font-weight:500;transition:.15s}.seg-btn .seg-ico{display:inline-flex;opacity:.8}.seg-btn:hover{color:var(--text);background:var(--surface-2)}.seg-btn.on{background:var(--accent-soft);color:var(--accent)}.seg-btn.on .seg-ico{opacity:1}.swatches{display:flex;gap:9px}.swatch{width:30px;height:30px;border-radius:9px;background:var(--sw);position:relative;transition:.15s;border:2px solid transparent}.swatch:hover{transform:translateY(-1px)}.swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--sw)}.ctl{display:flex;flex-direction:column;gap:7px}.ctl-head{display:flex;justify-content:space-between;align-items:baseline}.ctl-label{font-size:12.5px;color:var(--text-dim)}.ctl-val{font-size:11px;color:var(--accent)}.range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:var(--surface-2);outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 3px var(--bg);transition:.12s}.range::-webkit-slider-thumb:hover{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--accent-soft)}.range::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 0}.toggle-row .ctl-label{font-size:12.5px}.toggle-hint{display:block;font-size:10.5px;color:var(--text-faint)}.ctl-hint{display:block;margin-top:3px;font-size:10.5px;line-height:1.3;color:var(--text-faint)}.switch{width:38px;height:22px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);position:relative;transition:.18s;flex-shrink:0}.switch .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-dim);transition:.18s}.switch.on{background:var(--accent-soft);border-color:var(--accent-line)}.switch.on .knob{left:18px;background:var(--accent)}.text-input{width:100%;padding:9px 11px;border-radius:9px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text);font-size:13px;transition:.15s}.text-input::placeholder{color:var(--text-faint)}.text-input:focus{outline:none;border-color:var(--accent-line);background:var(--surface-2)}.text-input.small{font-size:11.5px}.text-pos-row{margin-top:2px}.bg-row{display:flex;gap:8px}.bg-upload{flex:1;display:flex;align-items:center;justify-content:center;padding:13px;border:1.5px dashed var(--border);border-radius:10px;color:var(--text-faint);font-size:11px;cursor:pointer;transition:.15s}.bg-upload:hover{border-color:var(--accent-line);color:var(--text-dim)}.bg-thumb{width:100%;height:64px;border-radius:10px;background-size:cover;background-position:center;position:relative;border:1px solid var(--border)}.bg-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:6px;background:#0000008c;color:#fff;font-size:11px}.adv-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 0;margin-top:2px;border-top:1px solid var(--border-soft);color:var(--text-dim);font-size:13px;font-weight:500}.adv-toggle:hover{color:var(--text)}.adv-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.adv-body.open{grid-template-rows:1fr}.adv-inner{overflow:hidden;display:flex;flex-direction:column;gap:14px}.adv-body.open .adv-inner{padding-top:2px;padding-bottom:4px}.stage{background:var(--bg-deep);display:flex;align-items:center;justify-content:center;padding:22px;min-width:0;position:relative}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,color-mix(in oklab,var(--accent) 5%,transparent),transparent 60%);opacity:calc(.3 + var(--audio-level)*.5);pointer-events:none;transition:opacity .2s}.pulse-on .stage:before{opacity:calc(.18 + var(--audio-level)*.7)}.canvas-frame{position:relative;flex-shrink:0;max-width:100%;max-height:100%;border-radius:14px;overflow:hidden;box-shadow:0 24px 70px #0000008c,0 0 0 1px var(--border-soft)}.canvas-wrap{position:absolute;inset:0}.viz-canvas{width:100%;height:100%;display:block;cursor:pointer}.stage-play{position:absolute;inset:0;margin:auto;width:74px;height:74px;border-radius:50%;background:#14121080;backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;padding-left:4px;border:1px solid rgba(255,255,255,.16);transition:.18s}.stage-play:hover{background:#1e1b18b3;transform:scale(1.05)}.stage-tag{position:absolute;top:12px;left:12px;font-size:10px;color:#f5f3f09e;background:#00000059;padding:4px 9px;border-radius:7px;backdrop-filter:blur(6px);letter-spacing:.05em}.timeline{display:flex;align-items:center;gap:14px;padding:0 18px;border-top:1px solid var(--border-soft);background:var(--bg)}.play-btn{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#1a1411;display:grid;place-items:center;padding-left:2px;flex-shrink:0;transition:transform .12s,box-shadow .15s}.play-btn:hover{transform:scale(1.05)}.play-btn:disabled{opacity:.4;cursor:default}.play-btn.playing{padding-left:0}.pulse-on .play-btn.playing{box-shadow:0 0 calc(6px + var(--audio-level)*34px) var(--accent-glow)}.icon-btn{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--text-dim);border:1px solid var(--border-soft);background:var(--surface);transition:.15s;flex-shrink:0}.icon-btn:hover{color:var(--text)}.icon-btn.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.time-cur,.time-total{font-size:12px;color:var(--text-dim);flex-shrink:0;min-width:62px}.time-cur{color:var(--text);text-align:right}.time-total{color:var(--text-faint)}.scrub{flex:1;height:44px;position:relative;cursor:pointer;display:flex;align-items:center}.scrub-rail{position:absolute;left:0;right:0;height:5px;border-radius:5px;background:var(--surface-2)}.scrub-trim{position:absolute;height:5px;border-radius:5px;background:color-mix(in oklab,var(--accent) 10%,transparent)}.scrub-fill{position:absolute;height:5px;border-radius:5px;background:var(--accent-line)}.handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:26px;display:grid;place-items:center;cursor:ew-resize;z-index:3}.handle-grip{width:4px;height:22px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 2px var(--bg-deep)}.handle:hover .handle-grip{box-shadow:0 0 0 2px var(--bg-deep),0 0 8px var(--accent-glow)}.playhead{position:absolute;top:50%;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;background:var(--text);box-shadow:0 0 0 3px var(--bg-deep);z-index:4;cursor:grab}.export-btn{display:flex;align-items:center;gap:8px;padding:11px 20px;border-radius:11px;background:var(--accent);color:#1a1411;font-weight:600;font-size:13.5px;flex-shrink:0;transition:.15s}.export-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.export-btn:disabled{opacity:.4;cursor:default}.export-btn.big{padding:13px 26px;font-size:14px}.modal-overlay{position:fixed;inset:0;background:#080706c7;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:200;padding:24px;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:18px;box-shadow:0 40px 120px #0009;animation:pop .22s cubic-bezier(.2,.8,.3,1)}@keyframes pop{0%{transform:translateY(14px) scale(.98);opacity:0}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid var(--border-soft)}.modal-title{font-size:18px;font-weight:600}.modal-sub{font-size:11px;color:var(--text-faint);margin-top:3px}.modal-close{width:32px;height:32px;border-radius:9px;color:var(--text-dim);font-size:13px}.modal-close:hover{background:var(--surface-2);color:var(--text)}.modal-body{padding:20px 24px 24px}.ex-section-label{font-size:10.5px;letter-spacing:.14em;color:var(--text-faint);margin-bottom:11px}.plat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.plat-card{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 10px;border-radius:13px;background:var(--surface);border:1px solid var(--border-soft);transition:.15s}.plat-card:hover{border-color:var(--accent-line)}.plat-card.on{border-color:var(--accent);background:var(--accent-soft)}.plat-frame{background:var(--raise);border:1px solid var(--border);border-radius:3px}.plat-frame[data-ratio="16:9"]{width:42px;height:24px}.plat-frame[data-ratio="9:16"]{width:18px;height:32px}.plat-frame[data-ratio="1:1"]{width:30px;height:30px}.plat-frame[data-ratio="4:5"]{width:26px;height:32px}.plat-frame[data-ratio="21:9"]{width:44px;height:19px}.plat-card.on .plat-frame{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 22%,var(--raise))}.plat-name{font-size:12.5px;font-weight:500}.plat-ratio{font-size:10px;color:var(--text-faint)}.plat-card.on .plat-ratio{color:var(--accent)}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qzone{border-radius:14px;padding:16px;border:1px solid var(--border-soft)}.qzone-audio{background:color-mix(in oklab,var(--accent) 5%,var(--surface));border-color:color-mix(in oklab,var(--accent) 18%,var(--border-soft))}.qzone-video{background:var(--surface)}.qzone-dest{background:var(--surface);margin-top:14px}.qzone-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.qzone-ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--raise);color:var(--accent)}.qzone-video .qzone-ico,.qzone-dest .qzone-ico{color:var(--text-dim)}.dest-folder-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dest-folder-row b{color:var(--text)}.qzone-title{font-size:13.5px;font-weight:600}.opt-list{display:flex;flex-direction:column;gap:7px}.opt{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;background:var(--bg);border:1px solid var(--border-soft);transition:.14s;text-align:left}.opt:hover{border-color:var(--accent-line)}.opt.on{border-color:var(--accent);background:var(--accent-soft)}.opt-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:.14s}.opt.on .opt-radio{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 38%,transparent 42%)}.opt-text{display:flex;flex-direction:column;gap:1px}.opt-label{font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:8px}.opt-sub{font-size:10px;color:var(--text-faint)}.opt-pill{font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-line);padding:1px 6px;border-radius:20px}.qrow{margin-bottom:13px}.qrow-label{font-size:10px;letter-spacing:.1em;color:var(--text-faint);margin-bottom:7px}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:7px 13px;border-radius:8px;background:var(--bg);border:1px solid var(--border-soft);color:var(--text-dim);font-size:12px;font-weight:500;transition:.14s}.chip:hover{color:var(--text)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ex-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border-soft)}.ex-summary{font-size:11.5px;color:var(--text-dim);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.render-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px 44px;text-align:center}.render-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p)*360deg),var(--surface-2) 0)}.render-ring:before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:var(--bg)}.render-pct{position:relative;font-size:18px;font-weight:600}.render-label{font-size:16px;font-weight:600}.render-detail{font-size:11px;color:var(--text-faint)}.render-bar{width:min(360px,80%);height:5px;border-radius:5px;background:var(--surface-2);overflow:hidden;margin-top:4px}.render-bar-fill{height:100%;background:var(--accent);border-radius:5px;transition:width .1s linear}.done-check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.done-actions{display:flex;align-items:center;gap:12px;margin-top:6px}@media(max-width:1080px){.workspace{grid-template-columns:264px 1fr 280px}}.ver-tag{font-size:9.5px;color:var(--text-faint);border:1px solid var(--border-soft);padding:2px 6px;border-radius:20px;margin-left:4px}.workspace{grid-template-columns:60px 1fr 322px}.app.layers-open .workspace{grid-template-columns:300px 1fr 322px}body.density-compact .app.layers-open .workspace{grid-template-columns:272px 1fr 296px}.panel-left{transition:none;overflow:hidden}.panel-left.collapsed{align-items:center}.head-actions{display:flex;align-items:center;gap:4px}.head-icon{width:26px;height:26px;border-radius:7px;color:var(--text-dim);display:grid;place-items:center;font-size:16px;border:1px solid transparent}.head-icon:hover{color:var(--text);background:var(--surface-2)}.add-wrap{position:relative}.add-menu{position:absolute;top:30px;right:0;z-index:30;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:5px;display:flex;flex-direction:column;gap:2px;box-shadow:0 16px 40px #00000080;min-width:160px;max-height:min(72vh,480px);overflow-y:auto}.add-menu button{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;color:var(--text-dim);font-size:13px;text-align:left}.add-menu button:hover{background:var(--raise);color:var(--text)}.add-menu button svg{color:var(--accent)}.layer-list{gap:5px;padding-top:4px}.layer-row{display:flex;align-items:center;gap:9px;padding:9px;border-radius:10px;background:var(--surface);border:1px solid var(--border-soft);cursor:pointer;transition:.13s}.layer-row:hover{border-color:var(--border)}.layer-row.on{border-color:var(--accent-line);background:var(--accent-soft)}.drag-dots{color:var(--text-faint);font-size:11px;cursor:grab;letter-spacing:-2px;line-height:1}.layer-ico{display:inline-flex;color:var(--text-dim);width:20px}.layer-ico.accent{color:var(--accent)}.layer-name{flex:1;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eye{width:24px;height:24px;border-radius:6px;color:var(--text-dim);display:grid;place-items:center}.eye:hover{color:var(--text);background:var(--surface-2)}.eye.off{color:var(--text-faint)}.row-x{width:22px;height:24px;border-radius:6px;color:var(--text-faint);font-size:12px}.row-x:hover{color:var(--text);background:var(--surface-2)}.rail-btn{width:38px;height:38px;border-radius:10px;color:var(--text-dim);display:grid;place-items:center;margin:14px 0 6px;border:1px solid var(--border-soft);background:var(--surface)}.rail-btn:hover{color:var(--accent);border-color:var(--accent-line)}.rail-stack{display:flex;flex-direction:column;gap:7px;padding:6px 0}.rail-layer{width:38px;height:38px;border-radius:10px;color:var(--text-dim);display:grid;place-items:center;border:1px solid var(--border-soft);background:var(--surface);transition:.13s}.rail-layer:hover{color:var(--text)}.rail-layer.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.rail-layer.off{opacity:.4}.prop-divider{height:1px;background:var(--border-soft);margin:6px 0 2px}.tl2{display:flex;flex-direction:column;border-top:1px solid var(--border-soft);background:var(--bg)}.app:has(.tl2.open){grid-template-rows:54px 1fr auto}.lanes-wrap{position:relative;display:grid;grid-template-columns:174px 1fr;max-height:264px;overflow-y:auto;border-bottom:1px solid var(--border-soft)}.lanes-wrap.dropping{outline:2px dashed var(--accent-line);outline-offset:-4px}.lanes-gutter{border-right:1px solid var(--border-soft);background:var(--bg);position:sticky;left:0;z-index:6}.lane-ruler-gutter{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;letter-spacing:.14em;color:var(--text-faint);border-bottom:1px solid var(--border-soft);background:var(--surface)}.lane-ruler-gutter.sub{background:var(--bg);color:var(--text-faint)}.gutter-count{font-size:9px;color:var(--text-dim);background:var(--surface-2);border-radius:20px;padding:1px 7px;letter-spacing:0}.lane-head{height:56px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 10px;border-bottom:1px solid var(--border-soft)}.audio-head .lh-top{display:flex;align-items:center;gap:7px}.lh-kind{display:inline-flex;color:var(--accent);flex-shrink:0}.lane-name{font-size:11.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.lh-del{width:22px;height:22px;border-radius:6px;color:var(--text-faint);display:grid;place-items:center;flex-shrink:0}.lh-del:hover{color:#ff8a8a;background:color-mix(in oklab,#ff8a8a 14%,transparent)}.audio-head .lh-bot{display:flex;align-items:center;gap:9px;padding-left:2px}.mini-mute{width:24px;height:24px;border-radius:6px;color:var(--text-dim);border:1px solid var(--border-soft);display:grid;place-items:center;flex-shrink:0}.mini-mute:hover{color:var(--text)}.mini-mute.on{color:#ff9d6e;border-color:var(--accent-line);background:var(--accent-soft)}.mini-gain{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:4px;background:var(--surface-2)}.mini-gain::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer}.mini-gain::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:var(--accent)}.layer-head{flex-direction:row;align-items:center;gap:8px;height:42px}.lane-dot{width:7px;height:7px;border-radius:2px;background:#7aa2ff;flex-shrink:0}.add-head{flex-direction:row;align-items:center;gap:6px;height:48px}.add-track-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:8px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-dim);font-size:11.5px;font-weight:500;transition:.14s}.add-track-btn:hover{color:var(--text);border-color:var(--accent-line)}.add-track-btn svg{color:var(--accent)}.add-track-btn.ghost{flex:0 0 auto;padding:8px 10px;color:var(--text-faint)}.lanes{position:relative;background:var(--bg-deep);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.lanes::-webkit-scrollbar{height:9px}.lanes::-webkit-scrollbar-thumb{background:#968c824d;border-radius:5px}.lanes-inner{position:relative;width:calc(100% * var(--tl-zoom, 1));min-width:100%}.tl-zoom{position:absolute;top:3px;right:10px;z-index:7;display:flex;gap:2px;background:var(--surface);border:1px solid var(--border-soft);border-radius:7px;padding:2px}.tl-zoom button{min-width:24px;height:18px;border:none;background:transparent;color:var(--text-dim);font-size:11px;border-radius:5px;padding:0 5px}.tl-zoom button:hover{background:var(--raise);color:var(--text)}.lane-head.kf-head{flex-direction:row;align-items:center;gap:7px}.kf-head .kf-dot{width:9px;height:9px;background:var(--accent);transform:rotate(45deg);flex-shrink:0}.kf-lane{cursor:copy}.kf-baseline{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border-soft)}.kf-dia{position:absolute;top:50%;width:11px;height:11px;margin-left:-6px;margin-top:-6px;background:var(--accent);transform:rotate(45deg);border:1px solid var(--bg-deep);cursor:ew-resize;z-index:2;transition:background .1s}.kf-dia:hover{background:var(--text)}.lane-ruler{position:relative;height:24px;border-bottom:1px solid var(--border-soft)}.lane-ruler.sub-spacer{height:24px;background:var(--bg)}.tick{position:absolute;top:6px;transform:translate(-50%);font-size:9px;color:var(--text-faint)}.lane{position:relative;height:56px;border-bottom:1px solid var(--border-soft)}.clip{position:absolute;top:7px;bottom:7px;border-radius:7px;overflow:hidden;cursor:grab;display:flex;align-items:center;min-width:14px;user-select:none}.clip:active{cursor:grabbing}.clip.audio{background:color-mix(in oklab,var(--accent) 30%,var(--surface));border:1px solid var(--accent-line)}.clip.layer{background:color-mix(in oklab,#7aa2ff 22%,var(--surface));border:1px solid color-mix(in oklab,#7aa2ff 45%,transparent)}.clip-wave{position:absolute;inset:0}.clip-wave canvas{width:100%;height:100%;display:block}.clip-label{position:relative;padding:0 10px;font-size:10px;color:#14100dd9;white-space:nowrap;pointer-events:none;flex:1;overflow:hidden;text-overflow:ellipsis}.clip.layer .clip-label{color:#ebf0ffe6}.clip-del{position:relative;z-index:3;width:18px;height:18px;margin-right:6px;border-radius:5px;background:#0d0c0b73;color:#ffffffd9;font-size:10px;display:grid;place-items:center;flex-shrink:0;opacity:0;transition:opacity .14s}.clip:hover .clip-del{opacity:1}.clip-del:hover{background:#ff8a8a;color:#1a1411}.clip-trim{position:absolute;top:0;bottom:0;width:9px;cursor:ew-resize;z-index:2}.clip-trim.l{left:0;box-shadow:inset 2px 0 #fff6}.clip-trim.r{right:0;box-shadow:inset -2px 0 #fff6}.add-lane{display:flex;align-items:center;justify-content:center;height:48px;cursor:pointer;border-bottom:none}.add-lane:hover{background:color-mix(in oklab,var(--accent) 5%,transparent)}.add-lane-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--text-faint)}.add-lane:hover .add-lane-label{color:var(--text-dim)}.add-lane-label svg{color:var(--accent)}.lane-playhead{position:absolute;top:0;bottom:0;width:1.5px;background:var(--text);pointer-events:none;z-index:5}.drop-veil{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:color-mix(in oklab,var(--accent) 12%,rgba(13,12,11,.86));color:var(--accent);font-size:13px;letter-spacing:.04em;pointer-events:none}.tracks-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;color:var(--text-dim);font-size:12.5px;font-weight:500;border:1px solid var(--border-soft);background:var(--surface);flex-shrink:0}.tracks-toggle:hover{color:var(--text)}.tl2 .timeline{min-height:76px}.seg-styles{grid-template-columns:repeat(3,1fr)}.seg-styles .seg-btn{flex-direction:column;gap:5px;padding:11px 4px;font-size:11px}.seg-styles .seg-ico{opacity:.85}.layer-row.dim{opacity:.5}.layer-rename{flex:1;background:var(--bg-deep);border:1px solid var(--accent-line);border-radius:6px;color:var(--text);font-size:12.5px;padding:3px 6px;outline:none;min-width:0}.row-mini{width:22px;height:24px;border-radius:6px;color:var(--text-faint);display:grid;place-items:center}.row-mini:hover{color:var(--text);background:var(--surface-2)}.row-mini.on{color:var(--accent)}.panel-right .panel-tag{text-transform:uppercase}.locked-body{position:relative}.lock-banner{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:8px 11px;font-size:11px;color:var(--text-dim)}.locked-body>*:not(.lock-banner){opacity:.45;pointer-events:none}.bb-select{position:relative}.bb-select select{-webkit-appearance:none;appearance:none;width:100%;padding:9px 32px 9px 11px;border-radius:9px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text);font-size:12.5px;font-family:inherit;cursor:pointer}.bb-select select:focus{outline:none;border-color:var(--accent-line)}.bb-select svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.text-area{resize:vertical;min-height:46px;line-height:1.4}.clip-times{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-dim);padding:2px 2px 0}.clip-fade-note{color:var(--text-faint)}.fade-tri{position:absolute;top:0;bottom:0;height:100%;pointer-events:none;z-index:1}.fade-knob{position:absolute;top:-1px;width:11px;height:11px;transform:translate(-50%);border-radius:0 0 6px 6px;background:var(--text);opacity:.7;cursor:ew-resize;z-index:4}.fade-knob:hover{opacity:1}.fade-knob.l{border-radius:0 0 6px}.fade-knob.r{border-radius:0 0 0 6px;transform:translate(50%)}.tb-links{display:flex;align-items:center;gap:4px;margin-right:6px}.tb-link{padding:7px 11px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-dim);transition:.14s}.tb-link:hover{color:var(--text);background:var(--surface-2)}.tb-donate{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border-soft);transition:.14s;text-decoration:none}.tb-donate:hover{border-color:var(--accent-line)}.tb-donate svg{width:14px;height:14px;color:var(--accent)}.tb-tools{display:flex;align-items:center;gap:5px}.tb-btn{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--text-dim);border:1px solid transparent;transition:.14s}.tb-btn:hover{color:var(--text);background:var(--surface-2)}.tb-btn:disabled{opacity:.3;cursor:default}.tb-btn:disabled:hover{background:none;color:var(--text-dim)}.tb-div{width:1px;height:20px;background:var(--border-soft);margin:0 3px}.dm-overlay{position:absolute;inset:0;z-index:5}.dm-svg{position:absolute;inset:0;pointer-events:none;overflow:visible}.dm-box{fill:none;stroke:var(--accent);stroke-width:1.5}.dm-hover{fill:none;stroke:color-mix(in oklab,var(--accent) 65%,transparent);stroke-width:1.4;stroke-dasharray:4 4}.dm-handle{fill:var(--bg-deep);stroke:var(--accent);stroke-width:1.6;pointer-events:auto}.dm-rot{fill:var(--bg-deep);stroke:var(--accent);stroke-width:1.6;pointer-events:auto;cursor:grab}.dm-rot-stem{stroke:var(--accent);stroke-width:1.3}.dm-guide{stroke:color-mix(in oklab,var(--accent) 80%,#fff 0%);stroke-width:1;stroke-dasharray:3 3;opacity:.9}.dm-text-edit{position:absolute;z-index:7;background:#0d0c0b59;backdrop-filter:blur(2px);border:1px solid var(--accent-line);border-radius:6px;outline:none;resize:none;padding:2px 4px;margin:0;caret-color:var(--accent);overflow:hidden;box-shadow:0 0 0 3px var(--accent-soft)}.canvas-frame.img-drop{box-shadow:0 24px 70px #0000008c,0 0 0 2px var(--accent)}.img-drop-veil{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:color-mix(in oklab,var(--accent) 14%,rgba(13,12,11,.82));color:var(--accent);font-size:13px;letter-spacing:.04em;pointer-events:none}.empty-state{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 38%,color-mix(in oklab,var(--accent) 7%,var(--bg-deep)),var(--bg-deep) 72%);overflow:auto;padding:18px}.es-inner{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px;text-align:center;width:100%;max-width:560px;margin:auto}.es-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:4px}.es-title{font-size:18px;font-weight:600}.es-sub{font-size:12px;color:var(--text-dim);margin-bottom:12px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;width:100%}.tpl-grid.menu{grid-template-columns:1fr;gap:4px;width:260px}.tpl-card{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;background:var(--surface);border:1px solid var(--border-soft);transition:.15s;text-align:left}.tpl-card:hover{border-color:var(--accent-line);background:var(--surface-2);transform:translateY(-2px)}.tpl-grid.menu .tpl-card{gap:11px;padding:9px 10px;transform:none}.tpl-thumb{width:46px;height:34px;flex-shrink:0;border-radius:8px;background:var(--bg-deep);display:grid;place-items:center;color:var(--accent);border:1px solid var(--border-soft)}.tpl-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.tpl-name{font-size:12.5px;font-weight:600}.tpl-desc{font-size:10.5px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-menu{min-width:auto}.menu-label{font-size:9.5px;letter-spacing:.14em;color:var(--text-faint);padding:6px 8px 4px}.drop-line{height:2px;margin:1px 4px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.layer-row{transition:border-color .13s,background .13s,transform .12s,box-shadow .13s}.layer-row.dragging{opacity:.55;transform:scale(.99);box-shadow:0 8px 24px #0006}.layer-row.hovered:not(.on){border-color:var(--accent-line)}.drag-dots{cursor:grab}.drag-dots:active{cursor:grabbing}.prop-row{display:flex;gap:14px}.prop-row .toggle-row{flex:1}.collapse-badge{font-size:9px;color:var(--accent);border:1px solid var(--accent-line);border-radius:20px;padding:1px 6px;margin-left:8px}.color-field{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border-radius:9px;background:var(--surface);border:1px solid var(--border-soft);transition:.14s}.color-field:hover{border-color:var(--accent-line)}.color-field.compact{width:auto;padding:5px}.cf-swatch{position:relative;width:24px;height:24px;border-radius:6px;overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff1f}.cf-checker{position:absolute;inset:0;background-image:conic-gradient(#bbb 25%,#fff 0 50%,#bbb 0 75%,#fff 0);background-size:10px 10px}.cf-fill{position:absolute;inset:0}.cf-hex{font-size:11.5px;color:var(--text-dim);letter-spacing:.04em}.cp-backdrop{position:fixed;inset:0;z-index:400}.cp-pop{position:fixed;width:232px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:0 24px 60px #0009;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(10px)}.cp-sv{position:relative;height:128px;border-radius:9px;cursor:crosshair;border:1px solid var(--border-soft)}.cp-sv-thumb{position:absolute;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;box-shadow:0 0 0 1px #0006;pointer-events:none}.cp-hue,.cp-alpha{position:relative;height:13px;border-radius:7px;cursor:pointer}.cp-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-alpha{background-image:conic-gradient(#bbb 25%,#fff 0 50%,#bbb 0 75%,#fff 0);background-size:10px 10px}.cp-alpha-track{position:absolute;inset:0;border-radius:7px}.cp-hue-thumb{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #00000080;pointer-events:none}.cp-row{display:flex;gap:8px}input.cp-hex{flex:1;padding:7px 9px;border-radius:8px;background:var(--bg);border:1px solid var(--border-soft);color:var(--text);font-size:11.5px;letter-spacing:.06em}input.cp-hex:focus{outline:none;border-color:var(--accent-line)}.cp-save{width:32px;border-radius:8px;background:var(--bg);border:1px solid var(--border-soft);color:var(--accent);font-size:15px;transition:.14s}.cp-save:hover{border-color:var(--accent-line);background:var(--accent-soft)}.cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.cp-sw{width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.14);transition:.12s}.cp-sw:hover{transform:scale(1.12)}.cp-divider{height:1px;background:var(--border-soft)}.cp-rgb{display:flex;gap:6px}.cp-rgb-cell{flex:1;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:var(--bg);border:1px solid var(--border-soft)}.cp-rgb-cell>span{font-size:9.5px;color:var(--text-faint)}.cp-rgb-cell input{width:100%;background:none;border:none;color:var(--text);font-size:11px;outline:none;-moz-appearance:textfield}.cp-rgb-cell input::-webkit-outer-spin-button,.cp-rgb-cell input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pal-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.pal-chip{width:34px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.16);transition:.13s}.pal-chip:hover{transform:scale(1.08);border-color:var(--accent-line)}.pal-chip.saved{box-shadow:0 0 0 1px var(--accent-line)}.pal-chip.add{display:grid;place-items:center;background:var(--surface);color:var(--accent);font-size:14px}.stop-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:9px}.stop-chip{display:flex;align-items:center;gap:3px;padding:3px;border-radius:9px;background:var(--surface);border:1px solid var(--border-soft);transition:.12s}.stop-chip.dragging{opacity:.5}.stop-chip.over{border-color:var(--accent)}.stop-grip{cursor:grab;color:var(--text-faint);font-size:11px;line-height:1;padding:0 1px}.stop-grip:active{cursor:grabbing}.stop-x{width:16px;height:16px;border-radius:5px;color:var(--text-faint);font-size:9px;display:grid;place-items:center}.stop-x:hover{color:#ff7a8a;background:var(--surface-2)}.stop-add{width:30px;height:30px;border-radius:8px;background:var(--surface);border:1px solid var(--border-soft);color:var(--accent);font-size:14px;transition:.13s}.stop-add:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft)}.stop-add:disabled{opacity:.35}.lyrics-ed{display:flex;flex-direction:column;gap:6px}.lyric-row{display:flex;align-items:center;gap:6px}.lyric-now{flex-shrink:0;min-width:46px;padding:6px 7px;border-radius:7px;background:var(--surface);border:1px solid var(--border-soft);color:var(--accent);font-size:11px;transition:.13s}.lyric-now:hover{border-color:var(--accent-line);background:var(--accent-soft)}.lyric-text{flex:1;min-width:0;padding:6px 9px;border-radius:7px;background:var(--bg);border:1px solid var(--border-soft);color:var(--text);font-size:12px;outline:none}.lyric-text:focus{border-color:var(--accent-line)}.layer-search{display:flex;align-items:center;gap:7px;margin:0 12px 8px;padding:7px 10px;border-radius:9px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-faint)}.layer-search:focus-within{border-color:var(--accent-line)}.layer-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-size:12px}.search-x{color:var(--text-faint);font-size:10px;padding:2px 4px;border-radius:5px}.search-x:hover{color:var(--text);background:var(--surface-2)}.tag-strip{width:3px;align-self:stretch;border-radius:3px;cursor:pointer;flex-shrink:0;transition:.12s}.tag-strip:hover{box-shadow:0 0 0 1px var(--accent-line)}.row-mini.solo{font-size:10px;font-weight:700}.row-mini.solo.on{color:#ffe45e}.row-mini.solo.muted{opacity:.35}.row-mini.chev{color:var(--text-faint)}.row-mini.chev.on{color:var(--accent)}.tag-pop{display:flex;gap:5px;padding:7px 10px;margin:2px 6px 4px 14px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:9px}.tag-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.18);transition:.12s}.tag-dot:hover{transform:scale(1.15)}.tag-dot.none{background:repeating-conic-gradient(#555 0 25%,#333 0 50%);background-size:8px 8px}.row-drawer{display:flex;flex-direction:column;gap:9px;padding:11px 12px;margin:2px 6px 6px;background:var(--bg);border:1px solid var(--border-soft);border-radius:10px;animation:drawer-in .16s ease}@keyframes drawer-in{0%{opacity:0;transform:translateY(-4px)}}.drawer-field{display:flex;flex-direction:column;gap:4px}.drawer-lbl{font-size:9px;letter-spacing:.12em;color:var(--text-faint)}.drawer-actions{display:flex;gap:7px}.drawer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-dim);font-size:11.5px;transition:.13s}.drawer-btn:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.drawer-btn.on{color:var(--accent);border-color:var(--accent-line)}.layer-row .drag-dots{font-size:10px;letter-spacing:-2px}.group-head{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 4px;margin:3px 4px 1px;border-radius:8px;background:var(--surface);border:1px solid var(--border-soft)}.group-chev{color:var(--text-dim);display:grid;place-items:center;width:18px;height:18px}.group-name{flex:1;min-width:0;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text}.group-count{font-size:9.5px;color:var(--text-faint);padding:1px 6px;border-radius:20px;background:var(--bg)}.group-member{margin-left:10px;border-left:1px solid var(--border-soft);padding-left:3px}.grad-editor{display:flex;flex-direction:column;gap:11px}.grad-preview{height:34px;border-radius:9px;border:1px solid var(--border-soft)}.grad-stops{display:flex;flex-direction:column;gap:8px}.grad-stop{display:flex;align-items:center;gap:9px}.grad-stop-lbl{font-size:9px;letter-spacing:.1em;color:var(--text-faint);width:34px;flex-shrink:0}.align-tools{display:flex;flex-direction:column;gap:7px}.align-group{display:flex;gap:5px}.align-btn{flex:1;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-dim);transition:.14s}.align-btn:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.xy-field{display:flex;gap:8px}.xy-cell{flex:1;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;background:var(--surface);border:1px solid var(--border-soft);transition:.14s}.xy-cell:focus-within{border-color:var(--accent-line)}.xy-cell>span:first-child{font-size:11px;color:var(--text-faint)}.xy-cell input{flex:1;width:100%;background:none;border:none;color:var(--text);font-size:12.5px;outline:none;-moz-appearance:textfield}.xy-cell input::-webkit-outer-spin-button,.xy-cell input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.xy-unit{font-size:10px;color:var(--text-faint)}.toast-host{position:fixed;bottom:96px;left:50%;transform:translate(-50%);z-index:500;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;padding:10px 15px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border);box-shadow:0 14px 40px #00000073;font-size:12.5px;color:var(--text);pointer-events:auto;cursor:pointer;backdrop-filter:blur(10px);animation:toast-in .22s cubic-bezier(.2,.8,.3,1)}@keyframes toast-in{0%{transform:translateY(10px);opacity:0}}.toast-ico{display:inline-flex;color:var(--text-dim)}.toast-ok .toast-ico{color:#6ee7b7}.toast-warn .toast-ico{color:#ffb27a}.sc-modal{width:min(560px,100%)}.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}.sc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--border-soft)}.sc-keys{font-size:11px;color:var(--accent);background:var(--surface);border:1px solid var(--border-soft);padding:3px 8px;border-radius:7px;white-space:nowrap}.sc-desc{font-size:12px;color:var(--text-dim);text-align:right}.viz-fam-list{display:flex;flex-direction:column;gap:11px}.viz-fam-lbl{font-size:9px;letter-spacing:.14em;color:var(--text-faint);margin-bottom:5px}.viz-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:5px}.viz-style-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border-radius:9px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-dim);transition:.13s}.viz-style-btn:hover{color:var(--text);border-color:var(--accent-line);background:var(--surface-2);transform:translateY(-1px)}.viz-style-btn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.vs-ico{display:grid;place-items:center}.vs-lbl{font-size:9.5px;letter-spacing:.01em}.reset-box-btn{width:100%;margin-top:4px;padding:8px;border-radius:8px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-dim);font-size:11.5px;transition:.14s}.reset-box-btn:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.color-reset-btn{margin-top:10px}.col-live{height:12px;border-radius:7px;border:1px solid var(--border-soft);margin-bottom:10px}.viz-reset-btn{margin-top:10px}.dsp-modal{width:min(440px,100%)}.dsp-body{display:flex;flex-direction:column;gap:13px}.dsp-group-label{font-size:9px;letter-spacing:.16em;color:var(--text-faint);margin-top:4px;padding-top:11px;border-top:1px solid var(--border-soft)}.proj-name{width:140px;max-width:160px;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--text-dim);font-size:11.5px;padding:3px 7px;margin-left:6px;outline:none;transition:.14s}.proj-name:hover{border-color:var(--border-soft);color:var(--text)}.proj-name:focus{border-color:var(--accent-line);background:var(--surface);color:var(--text)}.stage-fs{position:absolute;top:12px;right:12px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#00000059;color:#f5f3f0b3;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);transition:.14s}.stage-fs:hover{color:#fff;background:#1e1b18b3}.stage:fullscreen{background:#0d0c0b}.stage:fullscreen .empty-state{display:none}.auto-ed{display:flex;flex-direction:column;gap:8px}.auto-row{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;background:var(--bg);border:1px solid var(--border-soft)}.auto-row-head{display:flex;align-items:center;justify-content:space-between}.auto-name{font-size:12px;font-weight:500;color:var(--text)}.auto-add-menu{display:flex;flex-wrap:wrap;gap:5px;padding:8px;border-radius:10px;background:var(--bg);border:1px solid var(--border-soft)}.auto-add-item{padding:5px 9px;border-radius:7px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-dim);font-size:11px;transition:.13s}.auto-add-item:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.auto-add-item.cancel{color:var(--text-faint)}.kf-row{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:9px;background:var(--surface);border:1px solid var(--border-soft)}.kf-row-top{display:flex;align-items:center;gap:7px}.kf-row-top .lyric-now{flex-shrink:0}.kf-row-top .bb-select{flex:1}.kf-last{flex:1;font-size:10px;color:var(--text-faint);text-align:center}.menubar{display:flex;gap:1px;margin-left:8px}.menu{position:relative}.menu-btn{padding:5px 9px;border-radius:7px;background:transparent;border:none;color:var(--text-dim);font-size:12.5px;cursor:default}.menu-btn:hover,.menu-btn.on{background:var(--surface);color:var(--text)}.menu-pop{position:absolute;top:calc(100% + 5px);left:0;min-width:230px;z-index:400;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 44px #00000073;padding:5px;animation:drawer-in .14s ease}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;text-align:left;padding:7px 10px;border-radius:7px;background:transparent;border:none;color:var(--text-dim);font-size:12.5px}.menu-item:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.menu-item:disabled{opacity:.4}.menu-hint{font-size:10.5px;color:var(--text-faint)}.menu-div{height:1px;margin:5px 6px;background:var(--border-soft)}.custom-dims{display:flex;align-items:center;gap:5px;margin-left:8px}.custom-dims input{width:60px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border-soft);border-radius:7px;color:var(--text);font-size:11.5px;padding:4px 6px;outline:none;-moz-appearance:textfield}.custom-dims input::-webkit-inner-spin-button,.custom-dims input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-dims input:focus{border-color:var(--accent-line)}.custom-dims>span{color:var(--text-faint);font-size:11px}.cmd-overlay{align-items:flex-start}.cmd-pal{width:min(560px,92vw);margin-top:12vh;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 70px #00000080;overflow:hidden;display:flex;flex-direction:column}.cmd-input{width:100%;box-sizing:border-box;background:transparent;border:none;border-bottom:1px solid var(--border-soft);color:var(--text);font-size:15px;padding:15px 18px;outline:none}.cmd-list{max-height:48vh;overflow-y:auto;padding:6px}.cmd-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:9px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-dim);font-size:13px}.cmd-item.on{background:var(--accent-soft);color:var(--accent)}.cmd-label{flex:1}.cmd-hint{font-size:10.5px;color:var(--text-faint);flex-shrink:0}.cmd-empty{padding:18px;text-align:center;color:var(--text-faint);font-size:12px}.fxchain-ed{display:flex;flex-direction:column;gap:9px}.fxchain-row{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;background:var(--bg);border:1px solid var(--border-soft)}.fxchain-row.off{opacity:.55}.fxchain-head{display:flex;align-items:center;gap:7px}.fxchain-idx{width:18px;height:18px;flex-shrink:0;display:grid;place-items:center;border-radius:5px;background:var(--surface);font-size:10px;color:var(--text-faint)}.fxchain-name{flex:1;font-size:12.5px;font-weight:500;color:var(--text)}.row-mini[disabled]{opacity:.3;pointer-events:none}.an-ed{display:flex;flex-direction:column;gap:9px}.an-row{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;background:var(--bg);border:1px solid var(--border-soft)}.an-row-head{display:flex;align-items:center;gap:8px}.an-name{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border-soft);border-radius:7px;color:var(--text);font-size:12px;padding:4px 8px;outline:none}.an-name:focus{border-color:var(--accent-line)}.an-meter{width:46px;height:6px;border-radius:999px;background:var(--surface);overflow:hidden;flex-shrink:0}.an-meter-fill{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.fx-ed{display:flex;flex-direction:column;gap:10px}.lyric-imp-bar{display:flex;gap:6px;margin-top:6px}.lyric-import{display:flex;flex-direction:column;gap:7px;margin-top:7px}.lyric-imp-actions{display:flex;gap:6px}.lyric-imp-actions .reset-box-btn{margin-top:0}.lib-modal{width:min(620px,100%)}.lib-actions{display:flex;gap:8px;margin-bottom:14px}.lib-actions .reset-box-btn{margin-top:0}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:60vh;overflow:auto}.lib-card{display:flex;flex-direction:column;gap:7px;padding:8px;border-radius:11px;background:var(--bg);border:1px solid var(--border-soft)}.lib-thumb{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--surface);border:1px solid var(--border-soft);display:grid;place-items:center;padding:0}.lib-thumb img,.lib-thumb video{width:100%;height:100%;object-fit:cover}.lib-thumb-empty{color:var(--text-faint)}.lib-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.lib-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-date{font-size:9.5px;color:var(--text-faint);flex-shrink:0}.lib-card-actions{display:flex;align-items:center;gap:6px}.lib-card-actions .reset-box-btn{margin-top:0;flex:1}.preset-list{display:flex;flex-direction:column;gap:7px;max-height:55vh;overflow:auto}.preset-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;background:var(--bg);border:1px solid var(--border-soft)}.preset-name{flex:1;font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-count{font-size:10px;color:var(--text-faint)}.preset-row .reset-box-btn{margin-top:0;width:auto;padding:6px 12px}.preset-save-btn{margin-top:12px}.toast-act{margin-left:10px;padding:4px 12px;border-radius:7px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-size:11.5px;font-weight:600;white-space:nowrap;transition:.13s}.toast-act:hover{filter:brightness(1.15)}.row-x.armed,.ex-act.armed{width:auto;min-width:0;padding:0 9px;background:#be3c2d2e;border:1px solid rgba(255,120,90,.45);color:#ffb27a;font-size:10px;letter-spacing:.04em}.tb-badge.done{background:#2f8f5b;color:#eafff3}.autosave-warn{flex:0 0 auto;font-size:9.5px;letter-spacing:.08em;color:#ffb27a;background:#be6e2d24;border:1px solid rgba(255,178,122,.35);padding:3px 8px;border-radius:20px;white-space:nowrap}.confirm-modal{width:min(440px,92vw)}.confirm-ok{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.save-ind{flex:0 0 auto;font-size:9.5px;letter-spacing:.08em;color:var(--text-faint);padding:3px 8px;border-radius:20px;border:1px solid transparent;white-space:nowrap;transition:.2s}.save-ind.busy{color:var(--text-dim)}.intro-strip{position:absolute;left:50%;transform:translate(-50%);bottom:14px;display:flex;align-items:center;gap:18px;padding:10px 40px 10px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 44px #00000073;z-index:40;max-width:min(96%,980px);pointer-events:none}.intro-strip .intro-close{pointer-events:auto}.intro-step{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);line-height:1.35}.intro-step b{color:var(--text);font-weight:600}.intro-num{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:10px}.intro-close{position:absolute;top:6px;right:8px;color:var(--text-faint);font-size:13px;padding:4px}.intro-close:hover{color:var(--text)}.demo-pill{position:absolute;right:26px;top:50%;transform:translateY(-50%);padding:2px 8px;border-radius:20px;font-size:9px;letter-spacing:.06em;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);white-space:nowrap;z-index:2}.demo-pill:hover{filter:brightness(1.2)}.tb-btn[data-tip]{position:relative}.tb-btn[data-tip]:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-2);color:var(--text);border:1px solid var(--border);padding:5px 9px;border-radius:7px;font-size:11px;white-space:nowrap;z-index:300;pointer-events:none;box-shadow:0 8px 24px #0006}.side-overlay{position:fixed;inset:0;z-index:190;pointer-events:none}.side-overlay .side-panel{pointer-events:auto;position:absolute;top:62px;right:12px;bottom:86px;height:auto;width:min(380px,92vw);max-height:none;display:flex;flex-direction:column;box-shadow:0 24px 70px #0000008c}.side-overlay .side-panel .modal-body{overflow-y:auto;flex:1}.app:has(.tl2.open) .side-overlay .side-panel{bottom:352px}.ctl-val{cursor:default}.ctl-val.off-def{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.def-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:0 0 auto}.props-tabbar{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:9px var(--pad);border-top:1px solid var(--border-soft);background:var(--bg)}.props-tab-lbl{font-size:9px;letter-spacing:.14em;color:var(--text-faint);text-transform:uppercase}.props-tabbar .seg{flex:1}.v2-style-picker{display:flex;flex-direction:column;gap:5px}.v2-fam{border:1px solid var(--border-soft);border-radius:9px;overflow:hidden;background:var(--surface)}.v2-fam.open{background:var(--bg)}.v2-fam-head{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;color:var(--text-dim);transition:.13s}.v2-fam-head:hover{color:var(--text)}.v2-fam-name{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.v2-fam-cur{margin-left:auto;color:var(--text-faint);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.v2-fam.open .v2-fam-cur{display:none}.v2-fam-head svg{margin-left:auto;flex:0 0 auto}.v2-fam .viz-style-grid{padding:3px 8px 9px;grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.prop-sub-lbl{font-size:9px;letter-spacing:.14em;color:var(--text-faint);text-transform:uppercase;margin:9px 0 5px}.drawer-toggle,.drawer-backdrop{display:none}@media(max-width:1024px){.app .workspace{grid-template-columns:1fr!important}.tb-tools,.tb-links{display:none}.drawer-toggle{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--text);flex:0 0 auto}.drawer-toggle:active{background:var(--surface-2)}.app .panel-left,.app .panel-right{position:fixed;top:54px;bottom:76px;z-index:160;width:300px;max-width:86vw;transition:transform .24s cubic-bezier(.2,.8,.3,1);box-shadow:0 24px 60px #0000008c}.app .panel-left{left:0;transform:translate(-104%)}.app .panel-right{right:0;transform:translate(104%)}.app.drawer-l .panel-left,.app.drawer-r .panel-right{transform:translate(0)}.app.drawer-l .drawer-backdrop,.app.drawer-r .drawer-backdrop{display:block;position:fixed;inset:54px 0 76px;z-index:150;background:#00000073}}@media(max-width:768px){.topbar{padding:0 6px;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto}.brand{gap:6px;min-width:0}.brand-name{display:none}.proj-name{max-width:100px;min-width:36px}.topbar-center{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.topbar-center::-webkit-scrollbar{display:none}.stage{padding:10px}.modal-overlay{padding:0;place-items:stretch}.modal{width:100%;height:100%;max-height:100%;border-radius:0;padding-top:var(--sa-top);padding-bottom:var(--sa-bottom)}.modal.confirm-modal{width:min(440px,92vw);height:auto;max-height:80vh;border-radius:14px;margin:auto;padding-top:0;padding-bottom:0}.side-overlay .side-panel{height:auto;inset:auto 0 0;width:auto;max-height:78vh;border-radius:18px 18px 0 0;padding-bottom:var(--sa-bottom)}.plat-row{grid-template-columns:repeat(2,1fr)}.quality-grid{grid-template-columns:1fr}.seg-styles{grid-template-columns:repeat(2,1fr)}}.cp-pop--sheet{inset:auto 0 0;width:auto;border-radius:18px 18px 0 0;padding-bottom:calc(12px + var(--sa-bottom))}.cp-pop--sheet .cp-sv{height:180px}.tb-btn{position:relative}.tb-badge{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--accent);color:#1a1411;font-size:9px;font-weight:700;display:grid;place-items:center;line-height:1}.exports-modal{width:min(660px,100%)}.ex-tabs{display:flex;gap:8px;padding:0 24px;border-bottom:1px solid var(--border-soft)}.ex-tab{padding:11px 4px;margin-bottom:-1px;color:var(--text-dim);font-size:13px;font-weight:500;border-bottom:2px solid transparent;transition:.14s}.ex-tab:hover{color:var(--text)}.ex-tab.on{color:var(--accent);border-bottom-color:var(--accent)}.exports-body{max-height:min(70vh,560px);overflow-y:auto}.exports-body::-webkit-scrollbar{width:8px}.exports-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.ex-list{display:flex;flex-direction:column;gap:10px}.ex-empty{padding:44px 12px;text-align:center;color:var(--text-faint);font-size:12px;line-height:1.6}.ex-job{display:flex;gap:12px;align-items:center;padding:11px;border-radius:12px;background:var(--surface);border:1px solid var(--border-soft)}.ex-thumb{width:74px;height:44px;flex-shrink:0;border-radius:7px;overflow:hidden;background:var(--bg-deep);display:grid;place-items:center;color:var(--text-faint);font-size:10px;letter-spacing:.08em;border:1px solid var(--border-soft)}.ex-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ex-job-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ex-job-top{display:flex;align-items:center;gap:9px}.ex-job-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-status{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:20px;flex-shrink:0}.ex-status.rendering{color:var(--accent);border:1px solid var(--accent-line)}.ex-status.queued{color:var(--text-dim);border:1px solid var(--border)}.ex-status.done{color:#9cf0cf;border:1px solid color-mix(in oklab,#6ee7b7 35%,transparent)}.ex-status.error{color:#ffb27a;border:1px solid color-mix(in oklab,#ffb27a 35%,transparent)}.ex-status.cancelled{color:var(--text-faint);border:1px solid var(--border-soft)}.ex-job-meta{font-size:10.5px;color:var(--text-faint)}.ex-bar{height:5px;border-radius:5px;background:var(--surface-2);overflow:hidden;margin-top:2px}.ex-bar-fill{height:100%;background:var(--accent);border-radius:5px;transition:width .12s linear}.ex-job-label{font-size:10px;color:var(--text-dim)}.ex-job-err{font-size:10.5px;color:#ffb27a}.ex-job-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0;align-items:stretch}.ex-act{padding:6px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text-dim);font-size:11.5px;font-weight:500;transition:.14s;white-space:nowrap}.ex-act:hover{color:var(--text);border-color:var(--accent-line)}.ex-act:disabled{opacity:.5;cursor:default}.ex-act.ghost{background:none;border-color:transparent;color:var(--text-faint)}.ex-act.ghost:hover{color:var(--text);background:var(--surface-2)}.ex-act.ghost.armed,.ex-act.ghost.armed:hover{background:#be3c2d2e;border-color:#ff785a73;color:#ffb27a}.ex-job-saved{align-self:center;padding:0 6px;font-size:11px;color:var(--text-faint);white-space:nowrap}body.landing-mode{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}body.landing-mode #root{height:auto;min-height:100%}.bb-site{--accent: #ff9d6e;--bg-deep: oklch(.135 .004 64);--bg: oklch(.165 .005 64);--surface: oklch(.205 .005 64);--surface-2: oklch(.245 .006 64);--raise: oklch(.275 .007 64);--border: oklch(.3 .006 64);--border-soft: oklch(.255 .005 64);--text: oklch(.93 .004 78);--text-dim: oklch(.66 .006 78);--text-faint: oklch(.54 .006 70);--audio-level: .25;--audio-bass: .15;--accent-soft: color-mix(in oklab, var(--accent) 16%, transparent);--accent-line: color-mix(in oklab, var(--accent) 42%, transparent);--accent-glow: color-mix(in oklab, var(--accent) 55%, transparent);--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--maxw: 1200px;--gut: 40px;--section-y: 128px;position:relative;min-height:100vh;background:var(--bg-deep);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.bb-site *,.bb-site *:before,.bb-site *:after{box-sizing:border-box}.bb-site .mono{font-family:var(--font-mono)}.bb-site a{color:inherit;text-decoration:none}.bb-site button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.bb-site ::selection{background:var(--accent-soft)}.bb-site img,.bb-site canvas{display:block;max-width:100%}.bb-site h1,.bb-site h2,.bb-site h3,.bb-site h4,.bb-site h5,.bb-site h6,.bb-site p{margin:0}.bb-site a:focus-visible,.bb-site button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.bb-site .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}.bb-site .btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:12px;font-size:15px;font-weight:600;letter-spacing:-.01em;transition:.16s;white-space:nowrap}.bb-site .btn svg{width:17px;height:17px}.bb-site .btn-accent{background:var(--accent);color:#1a1411}.bb-site .btn-accent:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 10px 30px -10px var(--accent-glow)}.bb-site .btn-ghost{background:var(--surface);border:1px solid var(--border-soft);color:var(--text)}.bb-site .btn-ghost:hover{border-color:var(--accent-line);transform:translateY(-1px)}.bb-site .btn-lg{padding:16px 28px;font-size:16px}.bb-site .btn-donate{background:var(--surface);border:1px solid var(--border-soft);color:var(--text)}.bb-site .btn-donate:hover{border-color:var(--accent-line);transform:translateY(-1px)}.bb-site .btn-donate .ico-heart{display:inline-flex;color:var(--accent)}.bb-site .btn-donate .ico-heart svg{width:15px;height:15px}.bb-site .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.bb-site .eyebrow:before{content:"";width:22px;height:1px;background:var(--accent-line)}.bb-site .section-head{max-width:680px}.bb-site .section-head .eyebrow{margin-bottom:18px}.bb-site h2.sh{font-size:clamp(30px,4vw,46px);line-height:1.04;letter-spacing:-.025em;font-weight:600;margin:0;text-wrap:balance}.bb-site .section-head p{margin:18px 0 0;color:var(--text-dim);font-size:17px;max-width:560px}.bb-site .brand{display:flex;align-items:center;gap:11px}.bb-site .brand-mark{display:flex;align-items:flex-end;gap:3px;height:20px}.bb-site .bm-bar{width:3.5px;background:var(--accent);border-radius:2px;transition:height .1s linear}.bb-site .bm-bar:nth-child(1){height:calc(7px + var(--audio-level) * 16px)}.bb-site .bm-bar:nth-child(2){height:calc(10px + var(--audio-bass) * 24px)}.bb-site .bm-bar:nth-child(3){height:calc(8px + var(--audio-level) * 20px)}.bb-site .brand-name{font-weight:600;font-size:18px;letter-spacing:-.02em}.bb-site .nav{position:sticky;top:0;z-index:100;background:color-mix(in oklab,var(--bg-deep) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}.bb-site .nav.scrolled{border-color:var(--border-soft);background:color-mix(in oklab,var(--bg-deep) 92%,transparent)}.bb-site .nav-inner{height:68px;display:flex;align-items:center;gap:28px}.bb-site .nav-links{display:flex;gap:4px;margin-left:8px}.bb-site .nav-links a{padding:8px 14px;border-radius:9px;font-size:14.5px;color:var(--text-dim);transition:.15s}.bb-site .nav-links a:hover,.bb-site .nav-links a.active{color:var(--text);background:var(--surface)}.bb-site .nav-right{display:flex;align-items:center;gap:8px;margin-left:auto}.bb-site .hero{position:relative;padding-top:72px;padding-bottom:var(--section-y);overflow:hidden}.bb-site .hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(80% 60% at 72% 30%,color-mix(in oklab,var(--accent) calc(7% + var(--audio-level) * 9%),transparent),transparent 60%);transition:background .2s}.bb-site .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.1fr);gap:56px;align-items:center}.bb-site .hero-copy h1{font-size:clamp(40px,5.4vw,68px);line-height:1;letter-spacing:-.035em;font-weight:600;margin:22px 0 0;text-wrap:balance}.bb-site .hero-copy h1 .hl{color:var(--accent)}.bb-site .hero-sub{margin:24px 0 0;font-size:18px;line-height:1.55;color:var(--text-dim);max-width:520px}.bb-site .hero-sub b{color:var(--text);font-weight:600}.bb-site .hero-cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.bb-site .hero-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:30px}.bb-site .hero-meta span{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.02em}.bb-site .hero-meta span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}.bb-site .hero-visual{position:relative}.bb-site .studio{position:relative;border-radius:18px;background:var(--bg);border:1px solid var(--border-soft);box-shadow:0 40px 100px -30px #000000b3,0 0 0 1px #0003;overflow:hidden}.bb-site .studio-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-soft);background:var(--bg)}.bb-site .studio-dots{display:flex;gap:6px}.bb-site .studio-dots i{width:10px;height:10px;border-radius:50%;background:var(--surface-2)}.bb-site .studio-file{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.bb-site .studio-file b{color:var(--text);font-weight:500}.bb-site .studio-badge{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10.5px;font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);border:1px solid var(--accent-line);padding:4px 9px;border-radius:20px}.bb-site .studio-badge .rec{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:bb-blink 1.6s ease-in-out infinite}@keyframes bb-blink{50%{opacity:.35}}.bb-site .studio-stage{position:relative;aspect-ratio:16/10;background:var(--bg-deep)}.bb-site .studio-stage canvas{width:100%;height:100%}.bb-site .studio-tag{position:absolute;top:12px;left:12px;font-family:var(--font-mono);font-size:10px;color:#f5f3f099;background:#0006;padding:4px 9px;border-radius:7px;backdrop-filter:blur(6px);letter-spacing:.05em}.bb-site .studio-tl{display:flex;align-items:center;gap:13px;padding:13px 16px;border-top:1px solid var(--border-soft);background:var(--bg)}.bb-site .tl-play{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#1a1411;display:grid;place-items:center;flex-shrink:0}.bb-site .tl-play svg{width:13px;height:13px}.bb-site .tl-time{font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim);flex-shrink:0}.bb-site .tl-scrub{flex:1;height:30px;position:relative;display:flex;align-items:center}.bb-site .tl-wave{width:100%;height:30px}.bb-site .tl-head{position:absolute;top:2px;bottom:2px;left:calc(var(--bb-play, 0) * 100%);width:2px;margin-left:-1px;border-radius:2px;background:var(--accent);box-shadow:0 0 6px var(--accent-glow);opacity:var(--bb-playing, 0);transition:opacity .2s;pointer-events:none}.bb-site .tl-band{display:flex;gap:5px;flex-shrink:0}.bb-site .tl-band span{font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint);padding:3px 7px;border:1px solid var(--border-soft);border-radius:6px}.bb-site .tl-band span.lit{color:var(--accent);border-color:var(--accent-line)}.bb-site .studio-float{position:absolute;z-index:5;font-family:var(--font-mono);font-size:11px;background:color-mix(in oklab,var(--surface) 88%,transparent);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:11px;padding:9px 13px;box-shadow:0 16px 40px -16px #000000b3}.bb-site .studio-float .fl-k{color:var(--text-faint);font-size:9.5px;letter-spacing:.1em;display:block}.bb-site .studio-float .fl-v{color:var(--text)}.bb-site .studio-float .fl-v b{color:var(--accent);font-weight:600}.bb-site .float-a{top:-20px;left:-28px}.bb-site .float-b{bottom:78px;right:-26px}.bb-site .strip{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--bg)}.bb-site .strip-inner{display:flex;align-items:center;gap:26px;padding:22px var(--gut);flex-wrap:wrap;justify-content:center}.bb-site .strip-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.bb-site .strip-list{display:flex;gap:10px;flex-wrap:wrap}.bb-site .strip-list span{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);padding:7px 14px;border:1px solid var(--border-soft);border-radius:9px;background:var(--surface)}.bb-site section.block{padding-block:var(--section-y)}.bb-site .block-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:54px}.bb-site .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bb-site .step{position:relative;padding:30px;border-radius:18px;background:var(--bg);border:1px solid var(--border-soft)}.bb-site .step-n{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.1em}.bb-site .step-ico{width:46px;height:46px;border-radius:13px;background:var(--surface);border:1px solid var(--border-soft);display:grid;place-items:center;color:var(--accent);margin:18px 0}.bb-site .step-ico svg{width:22px;height:22px}.bb-site .step h3{margin:0 0 9px;font-size:20px;font-weight:600;letter-spacing:-.01em}.bb-site .step p{margin:0;color:var(--text-dim);font-size:15px;line-height:1.55}.bb-site .step-line{position:absolute;top:48px;right:-22px;width:22px;height:1px;background:var(--border);z-index:2}.bb-site .features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bb-site .feat{padding:26px;border-radius:16px;background:var(--bg);border:1px solid var(--border-soft);transition:.18s}.bb-site .feat:hover{border-color:var(--accent-line);transform:translateY(-2px);background:var(--surface)}.bb-site .feat-ico{width:40px;height:40px;border-radius:11px;background:var(--surface);display:grid;place-items:center;color:var(--accent);margin-bottom:18px}.bb-site .feat:hover .feat-ico{background:var(--accent-soft)}.bb-site .feat-ico svg{width:20px;height:20px}.bb-site .feat h3{margin:0 0 8px;font-size:17px;font-weight:600;letter-spacing:-.01em}.bb-site .feat p{margin:0;color:var(--text-dim);font-size:14px;line-height:1.55}.bb-site .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.bb-site .shot{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border-soft);background:var(--surface)}.bb-site .shot-media{position:relative;width:100%;aspect-ratio:9/16;background:repeating-linear-gradient(135deg,var(--surface) 0 11px,var(--surface-2) 11px 22px);display:grid;place-items:center}.bb-site .shot-media canvas{position:absolute;inset:0;width:100%;height:100%}.bb-site .shot-play{position:relative;width:44px;height:44px;border-radius:50%;background:#14121080;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;padding-left:3px;transition:.16s}.bb-site .shot-play svg{width:15px;height:15px}.bb-site .shot:hover .shot-play{background:var(--accent);color:#1a1411;border-color:transparent}.bb-site .shot-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 15px}.bb-site .shot-name{font-size:13.5px;font-weight:500}.bb-site .shot-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.bb-site .shot-ratio{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:9.5px;color:#f5f3f09e;background:#0000006b;padding:3px 7px;border-radius:6px;backdrop-filter:blur(5px);z-index:2}.bb-site .export-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.bb-site .export-presets{display:flex;flex-direction:column;gap:12px}.bb-site .preset{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:14px;background:var(--bg);border:1px solid var(--border-soft);transition:.16s;cursor:default}.bb-site .preset:hover{border-color:var(--accent-line)}.bb-site .preset-frame{background:var(--raise);border:1px solid var(--border);border-radius:4px;flex-shrink:0}.bb-site .preset-frame[data-r="9:16"]{width:30px;height:53px}.bb-site .preset-frame[data-r="1:1"]{width:44px;height:44px}.bb-site .preset-frame[data-r="16:9"]{width:56px;height:31px}.bb-site .preset:hover .preset-frame{border-color:var(--accent-line);background:color-mix(in oklab,var(--accent) 18%,var(--raise))}.bb-site .preset-main{flex:1}.bb-site .preset-name{font-size:16px;font-weight:600}.bb-site .preset-platforms{font-size:13px;color:var(--text-dim);margin-top:2px}.bb-site .preset-spec{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-align:right;line-height:1.7}.bb-site .preset-spec b{color:var(--accent);font-weight:500}.bb-site .export-note{margin-top:22px;display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:13px;background:var(--surface);border:1px solid var(--border-soft)}.bb-site .export-note svg{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:1px}.bb-site .export-note p{margin:0;font-size:13.5px;color:var(--text-dim);line-height:1.5}.bb-site .export-note b{color:var(--text);font-weight:600}.bb-site .cta{position:relative;overflow:hidden}.bb-site .cta-card{position:relative;border-radius:24px;background:var(--bg);border:1px solid var(--border-soft);padding:80px 40px;text-align:center;overflow:hidden}.bb-site .cta-card .glow{position:absolute;inset:0;background:radial-gradient(60% 90% at 50% 120%,color-mix(in oklab,var(--accent) calc(12% + var(--audio-level) * 10%),transparent),transparent 70%);transition:background .2s}.bb-site .cta-card .mark{position:relative;display:flex;justify-content:center;margin-bottom:26px}.bb-site .cta-card .brand-mark{height:34px}.bb-site .cta-card .bm-bar{width:6px}.bb-site .cta-card h2{position:relative;font-size:clamp(34px,5vw,56px);line-height:1.02;letter-spacing:-.03em;font-weight:600;margin:0;text-wrap:balance}.bb-site .cta-card p{position:relative;margin:20px auto 0;max-width:480px;color:var(--text-dim);font-size:18px}.bb-site .cta-card .cta-actions{position:relative;margin-top:36px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.bb-site footer{border-top:1px solid var(--border-soft);padding-block:56px 40px;margin-top:var(--section-y)}.bb-site .foot-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}.bb-site .foot-brand .brand{margin-bottom:14px}.bb-site .foot-brand p{margin:0;color:var(--text-faint);font-size:14px;max-width:280px}.bb-site .foot-col h4{margin:0 0 16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.bb-site .foot-col a{display:block;padding:6px 0;color:var(--text-dim);font-size:14px;transition:.14s}.bb-site .foot-col a:hover{color:var(--text)}.bb-site .foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:48px;padding-top:24px;border-top:1px solid var(--border-soft)}.bb-site .foot-bottom span{font-size:13px;color:var(--text-faint)}.bb-site .foot-bottom .mono{font-size:12px}.bb-site .page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border-soft)}.bb-site .page-hero .hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 80% at 30% 0%,color-mix(in oklab,var(--accent) calc(6% + var(--audio-level) * 7%),transparent),transparent 62%);transition:background .2s}.bb-site .page-hero-inner{position:relative;padding-block:84px}.bb-site .page-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.035em;font-weight:600;margin:20px 0 0;text-wrap:balance}.bb-site .page-hero p.lead{margin:22px 0 0;font-size:19px;line-height:1.55;color:var(--text-dim);max-width:600px}.bb-site .crumb{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12px;color:var(--text-faint);letter-spacing:.04em}.bb-site .crumb a{color:var(--text-faint);transition:.14s}.bb-site .crumb a:hover{color:var(--text-dim)}.bb-site .crumb svg{width:13px;height:13px;opacity:.6}.bb-site .docs-layout{display:grid;grid-template-columns:236px minmax(0,1fr) 200px;gap:48px;align-items:start;padding-block:56px var(--section-y)}.bb-site .docs-side{position:sticky;top:92px;align-self:start}.bb-site .docs-search{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-faint);font-size:13px;margin-bottom:22px}.bb-site .docs-search svg{width:15px;height:15px;flex-shrink:0}.bb-site .docs-search .k{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;border:1px solid var(--border);border-radius:5px;padding:1px 6px}.bb-site .docs-nav-group{margin-bottom:24px}.bb-site .docs-nav-group h5{margin:0 0 8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding-left:11px}.bb-site .docs-nav-group a{display:block;padding:6px 11px;border-radius:8px;font-size:14px;color:var(--text-dim);border-left:2px solid transparent;transition:.14s}.bb-site .docs-nav-group a:hover{color:var(--text);background:var(--surface)}.bb-site .docs-nav-group a.active{color:var(--accent);border-left-color:var(--accent);background:var(--surface)}.bb-site .docs-main{max-width:720px;min-width:0}.bb-site .prose>section{scroll-margin-top:92px;padding-bottom:46px;margin-bottom:46px;border-bottom:1px solid var(--border-soft)}.bb-site .prose>section:last-child{border-bottom:none}.bb-site .prose .kicker{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.bb-site .prose h2{font-size:30px;line-height:1.1;letter-spacing:-.025em;font-weight:600;margin:10px 0 0;scroll-margin-top:92px}.bb-site .prose h3{font-size:19px;font-weight:600;letter-spacing:-.01em;margin:34px 0 0}.bb-site .prose p{color:var(--text-dim);font-size:15.5px;line-height:1.65;margin:14px 0 0}.bb-site .prose ul{margin:16px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:11px}.bb-site .prose ul li{position:relative;padding-left:24px;color:var(--text-dim);font-size:15px;line-height:1.6}.bb-site .prose ul li:before{content:"";position:absolute;left:6px;top:9px;width:6px;height:6px;border-radius:2px;background:var(--accent)}.bb-site .prose ul li b,.bb-site .prose strong{color:var(--text);font-weight:600}.bb-site .callout{display:flex;gap:13px;align-items:flex-start;margin-top:22px;padding:16px 18px;border-radius:13px;background:var(--surface);border:1px solid var(--border-soft);border-left:2px solid var(--accent)}.bb-site .callout svg{width:19px;height:19px;color:var(--accent);flex-shrink:0;margin-top:1px}.bb-site .callout p{margin:0;font-size:14px;color:var(--text-dim);line-height:1.55}.bb-site .callout b{color:var(--text)}.bb-site .code{margin-top:20px;border-radius:13px;overflow:hidden;border:1px solid var(--border-soft);background:var(--bg)}.bb-site .code-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-soft)}.bb-site .code-bar .lang{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.05em}.bb-site .code-bar .copy{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:7px;border:1px solid var(--border-soft)}.bb-site .code-bar .copy:hover{color:var(--text-dim);border-color:var(--border)}.bb-site .code-bar .copy svg{width:12px;height:12px}.bb-site .code pre{margin:0;padding:16px 18px;overflow-x:auto}.bb-site .code code{font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--text);white-space:pre}.bb-site .params{margin-top:20px;border:1px solid var(--border-soft);border-radius:13px;overflow:hidden}.bb-site .params-row{display:grid;grid-template-columns:160px 110px 1fr;gap:18px;padding:13px 18px;align-items:baseline;border-top:1px solid var(--border-soft)}.bb-site .params-row:first-child{border-top:none;background:var(--surface)}.bb-site .params-row .ph{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.bb-site .params-row .pname{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.bb-site .params-row .ptype{font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.bb-site .params-row .pdesc{font-size:13.5px;color:var(--text-dim);line-height:1.5}.bb-site .maps{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.bb-site .maps span{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);padding:7px 13px;border:1px solid var(--border-soft);border-radius:9px;background:var(--surface)}.bb-site .maps span b{color:var(--accent);font-weight:500}.bb-site .docs-toc{position:sticky;top:92px;align-self:start}.bb-site .docs-toc h6{margin:0 0 12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.bb-site .docs-toc a{display:block;padding:5px 0 5px 13px;font-size:13px;color:var(--text-faint);border-left:1px solid var(--border-soft);transition:.14s}.bb-site .docs-toc a:hover{color:var(--text-dim)}.bb-site .docs-toc a.active{color:var(--accent);border-left-color:var(--accent)}.bb-site .docs-pager{display:flex;gap:14px;margin-top:8px}.bb-site .docs-pager a{flex:1;padding:18px 20px;border-radius:14px;border:1px solid var(--border-soft);background:var(--bg);transition:.16s}.bb-site .docs-pager a:hover{border-color:var(--accent-line)}.bb-site .docs-pager .pg-k{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.bb-site .docs-pager .pg-t{font-size:15px;font-weight:600;margin-top:4px;color:var(--text)}.bb-site .docs-pager a.next{text-align:right}.bb-site .prose code:not(.code code){font-family:var(--font-mono);font-size:.88em;color:var(--accent);background:var(--surface);border:1px solid var(--border-soft);border-radius:5px;padding:1px 6px;white-space:nowrap}.bb-site .shortcuts{margin-top:20px;border:1px solid var(--border-soft);border-radius:13px;overflow:hidden}.bb-site .sc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-top:1px solid var(--border-soft)}.bb-site .sc-row:first-child{border-top:none}.bb-site .sc-row .sc-label{font-size:14.5px;color:var(--text-dim)}.bb-site .sc-keys{display:flex;gap:5px;flex-shrink:0}.bb-site kbd{font-family:var(--font-mono);font-size:11.5px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:3px 8px;min-width:24px;text-align:center;line-height:1.2}.bb-site .faq{margin-top:20px;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border-soft)}.bb-site .faq details{border-bottom:1px solid var(--border-soft)}.bb-site .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 4px;font-size:16px;font-weight:500;color:var(--text)}.bb-site .faq summary::-webkit-details-marker{display:none}.bb-site .faq summary .q-ico{margin-left:auto;flex-shrink:0;display:inline-flex}.bb-site .faq summary .q-ico svg{width:18px;height:18px;color:var(--text-faint);transition:transform .2s}.bb-site .faq details[open] summary .q-ico svg{transform:rotate(45deg);color:var(--accent)}.bb-site .faq summary:hover{color:var(--accent)}.bb-site .faq .q-a{padding:0 4px 20px;color:var(--text-dim);font-size:15px;line-height:1.65;max-width:640px}.bb-site .about-lede{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;padding-block:var(--section-y)}.bb-site .about-lede .big{font-size:clamp(26px,3.2vw,38px);line-height:1.25;letter-spacing:-.02em;font-weight:500;text-wrap:balance;color:var(--text)}.bb-site .about-lede .big b{color:var(--accent);font-weight:500}.bb-site .about-viz{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border-soft);background:var(--bg-deep);aspect-ratio:4/5}.bb-site .about-viz canvas{position:absolute;inset:0;width:100%;height:100%}.bb-site .about-viz .tag{position:absolute;left:14px;bottom:14px;font-family:var(--font-mono);font-size:10.5px;color:#f5f3f09e;background:#0006;padding:4px 9px;border-radius:7px;backdrop-filter:blur(6px)}.bb-site .stats{border-block:1px solid var(--border-soft);background:var(--bg)}.bb-site .stats-inner{display:grid;grid-template-columns:repeat(4,1fr)}.bb-site .stat{padding:46px var(--gut);border-left:1px solid var(--border-soft)}.bb-site .stat:first-child{border-left:none}.bb-site .stat .n{font-size:clamp(32px,4vw,46px);font-weight:600;letter-spacing:-.03em}.bb-site .stat .n b{color:var(--accent);font-weight:600}.bb-site .stat .l{margin-top:8px;font-size:13.5px;color:var(--text-dim)}.bb-site .timeline{display:flex;flex-direction:column;gap:0}.bb-site .tl-item{display:grid;grid-template-columns:120px 1fr;gap:32px;padding:28px 0;border-top:1px solid var(--border-soft)}.bb-site .tl-item:first-child{border-top:none}.bb-site .tl-year{font-family:var(--font-mono);font-size:15px;color:var(--accent);padding-top:2px}.bb-site .tl-body h3{margin:0 0 7px;font-size:18px;font-weight:600;letter-spacing:-.01em}.bb-site .tl-body p{margin:0;color:var(--text-dim);font-size:15px;line-height:1.6;max-width:560px}.bb-site .values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bb-site .value{padding:28px;border-radius:16px;background:var(--bg);border:1px solid var(--border-soft)}.bb-site .value .vn{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.08em}.bb-site .value h3{margin:14px 0 9px;font-size:19px;font-weight:600;letter-spacing:-.01em}.bb-site .value p{margin:0;color:var(--text-dim);font-size:14.5px;line-height:1.6}@media(max-width:980px){.bb-site{--gut: 24px;--section-y: 96px}.bb-site .hero-grid{grid-template-columns:1fr;gap:44px}.bb-site .hero-copy{max-width:600px}.bb-site .studio-float{display:none}.bb-site .steps{grid-template-columns:1fr}.bb-site .step-line{display:none}.bb-site .features,.bb-site .gallery{grid-template-columns:repeat(2,1fr)}.bb-site .export-grid{grid-template-columns:1fr;gap:34px}.bb-site .block-head-row{flex-direction:column;align-items:flex-start}.bb-site .foot-grid{grid-template-columns:1fr 1fr;gap:30px}.bb-site .foot-brand{grid-column:1/-1}.bb-site .docs-layout{grid-template-columns:1fr;gap:30px;padding-block:36px 80px}.bb-site .docs-side,.bb-site .docs-toc{display:none}.bb-site .about-lede{grid-template-columns:1fr;gap:36px}.bb-site .about-viz{max-width:420px}.bb-site .stats-inner{grid-template-columns:1fr 1fr}.bb-site .stat:nth-child(2){border-left:none}.bb-site .stat{border-top:1px solid var(--border-soft)}.bb-site .stat:first-child,.bb-site .stat:nth-child(2){border-top:none}.bb-site .values{grid-template-columns:1fr}}@media(max-width:600px){.bb-site{font-size:15px}.bb-site .nav-links{display:none}.bb-site .nav-inner{gap:12px}.bb-site .nav-right{gap:6px}.bb-site .nav .btn{padding:10px 14px;font-size:14px}.bb-site .hero-copy h1{font-size:clamp(34px,11vw,48px)}.bb-site .features{grid-template-columns:1fr}.bb-site .gallery{grid-template-columns:1fr 1fr}.bb-site .cta-card{padding:54px 22px}.bb-site .foot-grid{grid-template-columns:1fr}.bb-site .foot-bottom{flex-direction:column;align-items:flex-start}.bb-site .preset-spec{display:none}.bb-site .stats-inner{grid-template-columns:1fr}.bb-site .stat{border-left:none}.bb-site .tl-item{grid-template-columns:1fr;gap:8px}.bb-site .params-row{grid-template-columns:1fr;gap:5px}.bb-site .params-row .ph{display:none}.bb-site .params-row .ptype{color:var(--text-dim)}.bb-site .page-hero-inner{padding-block:56px}.bb-site .docs-pager{flex-direction:column}.bb-site .prose h2{font-size:26px}.bb-site .prose code:not(.code code){white-space:normal;word-break:break-word}}@media(max-width:400px){.bb-site{--gut: 16px}.bb-site .docs-layout{gap:24px}.bb-site .sc-row{flex-direction:column;align-items:flex-start;gap:9px}.bb-site .code code{font-size:12px}.bb-site .code pre{padding:14px}.bb-site .faq summary{font-size:15px}.bb-site .page-hero h1{font-size:34px}}@media(prefers-reduced-motion:reduce){body.landing-mode{scroll-behavior:auto}.bb-site .studio-badge .rec{animation:none}.bb-site .bm-bar{transition:none}}:root{--bbm-tap:48px;--bbm-r:22px;--bbm-gut:18px}body.density-compact{--bbm-tap:42px;--bbm-gut:14px}body.density-comfy{--bbm-tap:54px;--bbm-gut:22px}.bbm-root{position:relative;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text)}.bbm-app{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:var(--sa-top);background:var(--bg-deep);color:var(--text)}.bbm-top{display:flex;align-items:center;gap:10px;padding:8px var(--bbm-gut);flex-shrink:0}.bbm-brand{display:flex;align-items:center;gap:8px}.bbm-brand .brand-mark{height:16px}.bbm-brand .bm-bar{width:3px}.bbm-brand-name{font-weight:600;font-size:16px;letter-spacing:-.01em}.bbm-top-spacer{flex:1}.bbm-iconbtn{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--text-dim);background:var(--surface);border:1px solid var(--border-soft);transition:.14s}.bbm-iconbtn:active{transform:scale(.94)}.bbm-iconbtn.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.bbm-plat{display:flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:11px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text);font-size:13px;font-weight:500}.bbm-plat .bbm-plat-ratio{font-size:10.5px;color:var(--accent)}.bbm-canvasarea{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:10px var(--bbm-gut)}.bbm-canvasarea:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,color-mix(in oklab,var(--accent) 6%,transparent),transparent 62%);opacity:calc(.25 + var(--audio-level)*.55);pointer-events:none;transition:opacity .2s}.bbm-frame{position:relative;flex-shrink:0;max-width:100%;max-height:100%;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #00000080,0 0 0 1px var(--border-soft)}.bbm-frame.img-drop{box-shadow:0 18px 50px #00000080,0 0 0 2px var(--accent)}.bbm-stage-tag{position:absolute;top:10px;left:10px;font-size:10px;color:#f5f3f099;background:#0006;padding:4px 9px;border-radius:7px;backdrop-filter:blur(6px);letter-spacing:.04em;z-index:6;pointer-events:none}.bbm-bigplay{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:#14121080;backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;padding-left:4px;border:1px solid rgba(255,255,255,.16);z-index:6;transition:.16s}.bbm-bigplay:active{transform:scale(.95)}.bbm-empty{position:absolute;inset:0;z-index:7;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 36%,color-mix(in oklab,var(--accent) 8%,var(--bg-deep)),var(--bg-deep) 74%);padding:22px}.bbm-empty-in{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;max-width:300px}.bbm-empty-title{font-size:18px;font-weight:600}.bbm-empty-sub{font-size:12.5px;color:var(--text-dim);margin-bottom:12px;line-height:1.5}.bbm-selchip{position:absolute;top:10px;right:10px;z-index:6;display:flex;align-items:center;gap:7px;max-width:60%;padding:6px 11px;border-radius:20px;background:#1412109e;backdrop-filter:blur(8px);border:1px solid var(--accent-line);color:var(--text);font-size:11.5px}.bbm-selchip .dot{width:6px;height:6px;border-radius:2px;background:var(--accent);flex-shrink:0}.bbm-selchip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbm-transport{display:flex;align-items:center;gap:12px;padding:6px var(--bbm-gut)}.bbm-play{width:var(--bbm-tap);height:var(--bbm-tap);border-radius:50%;flex-shrink:0;background:var(--accent);color:#1a1411;display:grid;place-items:center;padding-left:2px;transition:transform .12s,box-shadow .15s}.bbm-play.playing{padding-left:0}.bbm-play:active{transform:scale(.94)}.pulse-on .bbm-play.playing{box-shadow:0 0 calc(5px + var(--audio-level)*30px) var(--accent-glow)}.bbm-play:disabled{opacity:.4}.bbm-time{font-size:12px;color:var(--text);min-width:50px;font-variant-numeric:tabular-nums}.bbm-time.total{color:var(--text-faint);text-align:right}.bbm-loop{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:var(--text-dim);border:1px solid var(--border-soft);background:var(--surface)}.bbm-loop.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.bbm-scrub{flex:1;height:36px;position:relative;cursor:pointer;display:flex;align-items:center;touch-action:none}.bbm-scrub-rail{position:absolute;left:0;right:0;height:5px;border-radius:5px;background:var(--surface-2)}.bbm-scrub-fill{position:absolute;left:0;height:5px;border-radius:5px;background:var(--accent)}.bbm-scrub-knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:50%;background:var(--text);box-shadow:0 0 0 3px var(--bg-deep)}.bbm-tabbar{display:flex;align-items:stretch;gap:2px;flex-shrink:0;padding:6px 8px calc(8px + var(--sa-bottom));border-top:1px solid var(--border-soft);background:var(--bg)}.bbm-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 6px;border-radius:13px;color:var(--text-faint);transition:.14s}.bbm-tab .bbm-tab-ico{display:grid;place-items:center;height:22px}.bbm-tab .bbm-tab-lbl{font-size:10px;font-weight:500;letter-spacing:.01em}.bbm-tab.on{color:var(--accent)}.bbm-tab:active{transform:scale(.95)}.bbm-tab.accent{color:var(--accent)}.bbm-tab.accent .bbm-tab-ico{width:40px;margin-top:-2px;background:var(--accent);color:#1a1411;border-radius:13px;height:30px}.bbm-scrim{position:absolute;inset:0;z-index:40;background:#08070680;animation:bbm-fade .18s ease}@keyframes bbm-fade{0%{opacity:0}}.bbm-sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;display:flex;flex-direction:column;max-height:74%;background:var(--bg);border-top:1px solid var(--border);border-radius:var(--bbm-r) var(--bbm-r) 0 0;box-shadow:0 -18px 50px #00000080;animation:bbm-up .26s cubic-bezier(.2,.8,.25,1)}@keyframes bbm-up{0%{transform:translateY(102%)}}.bbm-grab{display:grid;place-items:center;padding:9px 0 3px;flex-shrink:0;touch-action:none;cursor:grab}.bbm-grab span{width:38px;height:4px;border-radius:4px;background:var(--border)}.bbm-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px var(--bbm-gut) 10px;flex-shrink:0}.bbm-sheet-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.bbm-sheet-title .sub{display:block;font-size:10.5px;color:var(--text-faint);font-weight:400;margin-top:1px;letter-spacing:.02em}.bbm-sheet-x{width:34px;height:34px;border-radius:10px;color:var(--text-dim);display:grid;place-items:center;background:var(--surface-2)}.bbm-sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--bbm-gut) calc(20px + var(--sa-bottom));flex:1;min-height:0}.bbm-sheet-body::-webkit-scrollbar{width:7px}.bbm-sheet-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:7px}.bbm-sheet-body .panel{background:transparent}.bbm-sheet-body .panel-right,.bbm-sheet-body .panel-left{border:none}.bbm-sheet-body .panel-head{display:none}.bbm-sheet-body .panel-body{padding:2px 0 0;overflow:visible}.bbm-sheet-body .panel-body.scroll{overflow:visible}.bbm-sheet-body .range{height:6px}.bbm-sheet-body .range::-webkit-slider-thumb{width:22px;height:22px}.bbm-sheet-body .range::-moz-range-thumb{width:22px;height:22px}.bbm-sheet-body .seg-btn{padding:11px 6px}.bbm-llist{display:flex;flex-direction:column;gap:7px}.bbm-lrow{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:13px;background:var(--surface);border:1px solid var(--border-soft);transition:.13s}.bbm-lrow.on{border-color:var(--accent-line);background:var(--accent-soft)}.bbm-lrow .grip{color:var(--text-faint);display:grid;place-items:center;width:18px;cursor:grab;touch-action:none}.bbm-lrow .lico{color:var(--text-dim);display:grid;place-items:center;width:24px;flex-shrink:0}.bbm-lrow.on .lico{color:var(--accent)}.bbm-lrow .lname{flex:1;min-width:0}.bbm-lrow .lname .nm{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbm-lrow .lname .ty{font-size:9.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em}.bbm-lrow.dragging{opacity:.6;box-shadow:0 8px 24px #0006}.bbm-lrow .lact{width:34px;height:34px;border-radius:9px;color:var(--text-dim);display:grid;place-items:center;background:var(--surface-2)}.bbm-lrow .lact.off{color:var(--text-faint)}.bbm-drop-line{height:2px;margin:0 6px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.bbm-addgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.bbm-addcard{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);text-align:left;transition:.14s}.bbm-addcard:active{transform:scale(.97);border-color:var(--accent-line)}.bbm-addcard .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--raise);color:var(--accent);flex-shrink:0}.bbm-addcard .tx{font-size:12.5px;font-weight:500;line-height:1.25}.bbm-section-lbl{font-size:10px;letter-spacing:.14em;color:var(--text-faint);margin:14px 2px 9px;text-transform:uppercase}.bbm-section-lbl:first-child{margin-top:2px}.bbm-sheet-body .tpl-grid{grid-template-columns:1fr;gap:8px}.bbm-track{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:11px}.bbm-track-top{display:flex;align-items:center;gap:9px}.bbm-track-top .knd{color:var(--accent);flex-shrink:0;display:grid;place-items:center}.bbm-track-name{flex:1;min-width:0;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbm-track-del{width:32px;height:32px;border-radius:9px;color:var(--text-faint);display:grid;place-items:center}.bbm-track-del:active{color:#ff8a8a}.bbm-track-ctrls{display:flex;align-items:center;gap:11px}.bbm-track-mute{width:38px;height:38px;border-radius:10px;color:var(--text-dim);border:1px solid var(--border-soft);display:grid;place-items:center;flex-shrink:0}.bbm-track-mute.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.bbm-track-gain{flex:1}.bbm-audio-actions{display:flex;gap:9px;margin-top:4px}.bbm-audio-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:13px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-dim);font-size:13px;font-weight:500}.bbm-audio-btn:active{transform:scale(.98)}.bbm-audio-btn svg{color:var(--accent)}.bbm-menu{position:absolute;top:calc(var(--sa-top) + 54px);right:var(--bbm-gut);z-index:60;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:6px;min-width:208px;box-shadow:0 18px 44px #00000080;animation:bbm-fade .14s ease}.bbm-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:10px;color:var(--text);font-size:13.5px;text-align:left}.bbm-menu button:active{background:var(--raise)}.bbm-menu button svg{color:var(--text-dim)}.bbm-menu .sep{height:1px;background:var(--border-soft);margin:5px 4px}.bbm-menu .mlabel{font-size:9.5px;letter-spacing:.14em;color:var(--text-faint);padding:7px 10px 4px}.bbm-platrow{display:flex;gap:9px;flex-wrap:wrap}.bbm-platcard{flex:1;min-width:54px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 6px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft)}.bbm-platcard.on{border-color:var(--accent);background:var(--accent-soft)}.bbm-platcard .pf{background:var(--raise);border:1px solid var(--border);border-radius:3px}.bbm-platcard.on .pf{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 22%,var(--raise))}.bbm-platcard .pn{font-size:12.5px;font-weight:500;text-align:center}.bbm-platcard .pr{font-size:10px;color:var(--text-faint)}.bbm-platcard.on .pr{color:var(--accent)}.bbm-app .bbm-tabbar{position:relative;z-index:55}.bbm-app .bbm-sheet{bottom:calc(58px + var(--sa-bottom));max-height:60%}.bbm-app .bbm-scrim{bottom:calc(58px + var(--sa-bottom))}