@font-face{font-family:ABC Areal Semi Mono;src:url(/assets/ABCArealSemiMonoVariable-BnWpNPhx.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#fafafa;--ink:#2b2b2b;--accent:#444;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:ABC Areal Semi Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:13px;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app.is-dragging{background:color-mix(in srgb, var(--bg) 94%, #000)}.app[data-tone=dark]{color:#f2f2f2}.app[data-tone=dark] .privacy-note{color:#ffffffb8}.app[data-tone=dark] .dock{--slab-edge:#0f0f0f;box-shadow:0 0 0 1px #ffffff14, var(--slab-shadow)}.stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.stage-canvas{object-fit:contain;width:100%;height:100%;transition:opacity .12s;display:block}.is-dragging .stage-canvas{opacity:.45}.drop-label{pointer-events:none;margin:0;font-size:15px;font-weight:500;position:absolute}.dock-area{padding:0 24px max(14px, env(safe-area-inset-bottom));flex-direction:column;flex:none;align-items:center;display:flex}.dock{--dock-bg:#2e2e2e;--dock-ink:#fff;--dock-muted:#ffffff9e;--dock-line:#ffffff29;--slab-top:#363636;--slab-bottom:#2a2a2a;--slab-edge:#1b1b1b;--slab-edge-size:4px;--slab-shadow:inset 0 1px 0 #ffffff17, inset 0 -1px 0 #00000040, 0 var(--slab-edge-size) 0 var(--slab-edge), 0 calc(var(--slab-edge-size) + 2px) 10px #0000002e, 0 22px 44px -18px #00000080;width:min(100%,1120px);margin-bottom:var(--slab-edge-size);background:linear-gradient(180deg, var(--slab-top), var(--slab-bottom));color:var(--dock-ink);box-shadow:var(--slab-shadow);border-radius:18px;padding:14px 20px 16px;animation:.28s cubic-bezier(.2,.8,.2,1) dock-in;position:relative}.dock[data-mode=empty]{padding-top:14px}@keyframes dock-in{0%{opacity:0;transform:translateY(8px)}}.dock :focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}.dock-row{align-items:center;gap:16px;min-height:36px;display:flex}.dock-transport{align-items:center;gap:14px;display:flex}.dock-time{font-variant-numeric:tabular-nums;color:var(--dock-muted);letter-spacing:.01em;font-size:13px}.dock-time-current{color:var(--dock-ink)}.dock-time-sep{opacity:.6;margin:0 7px}.dock-hint,.dock-status{flex:1;align-items:center;gap:10px;min-width:0;margin:0;font-size:13px;display:flex}.dock-hint strong{font-weight:500}.dock-sub{color:var(--dock-muted)}.dock-pct{color:var(--dock-muted);font-variant-numeric:tabular-nums;margin-left:-4px}.dock-message{color:#ffd9a8;flex:1;align-items:center;gap:8px;min-width:0;margin:0;font-size:12px;display:flex}.dock-message .icon{flex:none;width:16px;height:16px}.dock-row>.dock-message:not(:first-child){justify-content:center}.dock-transport+.dock-button{margin-left:auto}.icon{flex:none;display:block}.play-button,.dock-button,.dock-link,.swatch-button{--edge:2px;--face-top:#fff;--face-bottom:#e9e9e9;--edge-color:#a9a9a9;--highlight:#ffffffe6;--ink-on-face:var(--dock-bg);background:linear-gradient(180deg, var(--face-top), var(--face-bottom));color:var(--ink-on-face);box-shadow:inset 0 1px 0 var(--highlight), inset 0 -1px 0 #0000000f, 0 var(--edge) 0 var(--edge-color), 0 calc(var(--edge) + 2px) 6px #00000059;cursor:pointer;border:0;transition:transform 90ms,box-shadow 90ms,filter .12s}.play-button:hover,.dock-button:hover,.dock-link:hover,.swatch-button:hover{filter:brightness(1.04)}.play-button:active,.dock-button:active,.dock-link:active,.swatch-button:active,.swatch-button[aria-expanded=true]{transform:translateY(var(--edge));background:linear-gradient(180deg, var(--face-bottom), var(--face-top));box-shadow:inset 0 2px 4px #00000038, inset 0 -1px 0 var(--highlight), 0 0 0 var(--edge-color), 0 1px 2px #0000004d}.dock-button.is-ghost,.dock-link{--face-top:#3d3d3d;--face-bottom:#2b2b2b;--edge-color:#161616;--highlight:#ffffff1a;--ink-on-face:var(--dock-ink)}.play-button{border-radius:10px;place-items:center;width:36px;height:36px;padding:0;display:grid}.play-button .icon{width:18px;height:18px}.play-button:disabled{--edge:0px;box-shadow:none;cursor:default;filter:none;background:#ffffff40;transform:none}.dock-button{border-radius:10px;flex:none;align-items:center;gap:8px;height:36px;margin-left:auto;padding:0 16px 0 13px;font-size:13px;font-weight:500;display:inline-flex}.dock-button .icon{width:18px;height:18px}.dock-button.is-ghost{padding:0 16px}.bg-picker{flex:none;margin-left:auto;position:relative}.bg-picker+.file-name,.bg-picker+.dock-button{margin-left:14px}.swatch-button{border-radius:10px;place-items:center;width:36px;height:36px;padding:0;display:grid}.swatch-button:disabled{opacity:.5;cursor:default}.swatch-dot{border-radius:5px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000026,inset 0 1px 2px #00000026}.bg-palette{z-index:2;--slab-edge-size:3px;background:linear-gradient(180deg, var(--slab-top), var(--slab-bottom));box-shadow:var(--slab-shadow);border-radius:14px;gap:10px;padding:12px;animation:.16s cubic-bezier(.2,.8,.2,1) palette-in;display:flex;position:absolute;bottom:calc(100% + 16px);right:-10px}@keyframes palette-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.bg-option{cursor:pointer;border:0;border-radius:7px;width:26px;height:26px;padding:0;transition:transform 90ms,box-shadow 90ms;position:relative;box-shadow:inset 0 0 0 1px #0000001f,inset 0 1px #ffffff80,0 2px #00000073}.bg-option:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px #0000001f,inset 0 2px 3px #00000040}.bg-option[aria-pressed=true],.bg-option[data-active]{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--dock-bg), 0 0 0 4px var(--dock-ink)}.bg-option.is-custom{background:conic-gradient(#ff5e5e,#ffd25e,#5eff8b,#5ed8ff,#8a5eff,#ff5ed2,#ff5e5e)}.bg-option.is-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.format-toggle{background:#00000052;border-radius:10px;flex:none;gap:2px;height:36px;margin-left:14px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 3px #0009,0 1px #ffffff12}.format-toggle+.dock-button{margin-left:10px}.format-item{display:inline-flex;position:relative}.tooltip{z-index:3;color:var(--dock-ink);white-space:nowrap;opacity:0;pointer-events:none;background:linear-gradient(#3a3a3a,#232323);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px);box-shadow:inset 0 1px #ffffff1a,0 2px #121212,0 6px 14px #00000059}.tooltip:after{content:"";border:5px solid #0000;border-top-color:#232323;margin-left:-5px;position:absolute;top:100%;left:50%}.format-item:hover .tooltip,.format-option:focus-visible+.tooltip{opacity:1;transform:translate(-50%)}.format-option{min-width:46px;color:var(--dock-muted);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:12px;font-weight:500;transition:color .12s,background-color .12s,box-shadow .12s}.format-option:hover:not([aria-checked=true]):not([aria-disabled]){color:var(--dock-ink)}.format-option[aria-checked=true]{color:var(--dock-bg);background:linear-gradient(#fff,#e9e9e9);box-shadow:inset 0 1px #ffffffe6,0 1.5px #a9a9a9,0 2px 4px #00000059}.format-option[aria-disabled]{color:#ffffff47;cursor:not-allowed}.file-name{white-space:nowrap;align-items:center;min-width:0;margin-left:auto;font-size:13px;display:inline-flex}.file-name+.dock-button{margin-left:4px}.name-affix{color:var(--dock-muted)}.name-field{min-width:1ch;max-width:40ch;display:inline-grid;overflow:hidden}.name-mirror,.name-input{font:inherit;letter-spacing:inherit;white-space:pre;grid-area:1/1;font-weight:500}.name-mirror{visibility:hidden;padding:0 2px}.name-input{width:100%;min-width:0;color:var(--dock-ink);text-underline-offset:4px;cursor:text;background:0 0;border:0;border-radius:4px;margin:0;padding:0 2px;-webkit-text-decoration:underline dotted #ffffff59;text-decoration:underline dotted #ffffff59;transition:background-color .12s}.name-input:hover:not(:disabled){background:#ffffff14}.name-input:focus{background:#ffffff1f;outline:none;text-decoration:none}.name-input:disabled{cursor:default;text-decoration:none}.name-input::selection{background:#ffffff4d}.timeline{cursor:pointer;touch-action:none;align-items:center;height:20px;margin:-2px 0 8px;display:flex;position:relative}.timeline.is-progress{cursor:default}.timeline:focus-visible{outline:none}.timeline-track{background:#00000052;border-radius:999px;width:100%;height:6px;transition:height .14s;position:relative;box-shadow:inset 0 1px 2px #0009,0 1px #ffffff12}.timeline:hover .timeline-track,.timeline:focus-visible .timeline-track{height:7px}.timeline-fill{border-radius:inherit;background:linear-gradient(#fff,#dcdcdc);height:100%;box-shadow:inset 0 -1px #0000001f}.is-progress .timeline-fill{background-image:linear-gradient(90deg,#ffffffbf,#fff 40%,#ffffffbf);background-size:200% 100%;transition:width .16s linear;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.timeline-thumb{z-index:2;pointer-events:none;background:linear-gradient(#fff,#e2e2e2);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:transform .14s;position:absolute;top:50%;box-shadow:inset 0 1px #ffffffe6,0 2px #9a9a9a,0 3px 6px #0006}.timeline:hover .timeline-thumb,.timeline:focus-visible .timeline-thumb,.timeline:active .timeline-thumb{transform:scale(1.2)}.timeline:focus-visible .timeline-thumb{box-shadow:0 0 0 4px #ffffff40,0 1px 4px #00000059}.timeline-track .timeline-fill{top:0;bottom:0}.trim-out{border-radius:inherit;pointer-events:none;background:#00000073;position:absolute;top:0;bottom:0}.trim-handle{z-index:1;cursor:ew-resize;touch-action:none;background:linear-gradient(#fff,#e2e2e2);border-radius:3px;width:6px;height:22px;margin:-11px 0 0 -3px;transition:transform .12s,box-shadow .12s;position:absolute;top:50%;box-shadow:inset 0 1px #ffffffe6,0 2px #9a9a9a,0 3px 6px #0006}.trim-handle:before{content:"";position:absolute;inset:-4px -8px}.trim-handle:after{content:"";background:#00000059;border-radius:1px;width:1.5px;margin-left:-.75px;position:absolute;top:7px;bottom:7px;left:50%}.trim-handle:hover,.trim-handle:active{transform:scaleY(1.12)}.trim-handle:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff4d,0 1px 3px #0006}.dock-trim{border-left:1px solid var(--dock-line);color:var(--dock-muted);align-items:center;gap:8px;padding-left:14px;font-size:12px;display:inline-flex}.dock-link{--edge:1.5px;border-radius:6px;padding:3px 8px;font-size:12px}.privacy-note{color:#8a8a8a;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:11px;display:flex}.confetti{z-index:10;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{will-change:transform, opacity;position:absolute}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.dock-area{padding:0 12px max(12px, env(safe-area-inset-bottom))}.dock{border-radius:16px;padding:12px 14px 14px}.dock-sub,.dock-trim,.file-name .name-affix{display:none}.bg-palette{flex-wrap:wrap;width:196px}}@media (width<=520px){.file-name{display:none}}@media (prefers-reduced-motion:reduce){.dock,.is-progress .timeline-fill,.spinner{animation:none}}