:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--heading:"Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.pillmenu{z-index:5;position:absolute;top:16px;left:16px}.pillmenu-pill{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:68px;font:inherit;letter-spacing:.3px;cursor:pointer;transform-origin:0 0;background:#0000008c;border:1px solid #ffffff2e;border-radius:50px;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;font-size:13px;font-weight:700;line-height:1.1;transition:background .15s,opacity .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:flex}.pillmenu-pill:hover{background:#000000bf}.pillmenu-val{flex-direction:column;align-items:center;line-height:1.05;display:flex}.pillmenu-cap{letter-spacing:.5px;color:#ffffff80;margin-top:1px;font-size:9px;font-weight:700}.pillmenu.open .pillmenu-pill{opacity:0;pointer-events:none;transform:scale(.92)}.pillmenu-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:0 0;opacity:0;pointer-events:none;background:#0009;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;min-width:230px;padding:16px 20px;transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s;display:flex;position:absolute;top:0;left:0;transform:scale(.85)}.pillmenu.open .pillmenu-panel{opacity:1;pointer-events:auto;transform:scale(1)}.pillmenu-group{align-items:center;gap:9px;display:flex}.pillmenu-glabel{text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.7px;color:#ffffff8c;font-size:11px;font-weight:600}.pillmenu-options{justify-content:flex-end;gap:4px;display:flex;position:relative}.pillmenu-opt{font:inherit;color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:15px;padding:6px 8px;font-size:13px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.pillmenu-opt.sel{color:#ffd60a}.player{background:#000;flex-direction:column;display:flex;position:absolute;inset:0}.player-stage{flex:1;min-height:0;position:relative}.player-video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.player-top{gap:10px;transition:opacity .15s;display:flex;position:absolute;top:16px;right:16px}.pbtn{font:inherit;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;white-space:nowrap;background:#0000008c;border:1px solid #ffffff40;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;position:relative}.pbtn:hover:not(:disabled){background:#000c}.pbtn:disabled{opacity:.6;cursor:default}.pbtn.done{color:#000;font-variant-numeric:tabular-nums;background:#ffd60a;border:none;border-radius:999px;padding:10px 26px;font-size:15px;font-weight:800;box-shadow:0 2px 18px #ffd60a99}.pbtn.done:hover:not(:disabled){background:#ffe14d;box-shadow:0 2px 22px #ffd60ab3}.pbtn input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.crop-toggle{z-index:5;box-sizing:border-box;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0000008c;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:68px;height:68px;transition:background .15s,color .15s,opacity .15s;display:grid;position:absolute;top:188px;left:16px}.crop-toggle:hover:not(:disabled){background:#000000c7}.crop-toggle:disabled{opacity:.4;cursor:default}.crop-toggle.active{color:#000;background:#ffd60a;border-color:#0000}.crop-toggle.active:hover:not(:disabled){background:#ffe14d}.crop-bar{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff2e;border-radius:999px;gap:4px;padding:5px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.crop-rb{font:inherit;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:700;transition:background .12s,color .12s}.crop-rb:hover{background:#ffffff1f}.crop-rb.sel{color:#000;background:#ffd60a}.crop-rb.clear{color:#fff9}.crop-layer{z-index:4;touch-action:none;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crop-frame{position:relative}.crop-shade{pointer-events:none;background:#00000080;position:absolute}.crop-box{box-sizing:border-box;pointer-events:auto;cursor:move;background-image:linear-gradient(#ffffff59 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-position:0 33.333%,33.333% 0;background-size:100% 33.333%,33.333% 100%;position:absolute}.crop-handle{pointer-events:auto;position:absolute}.crop-handle:before{content:"";filter:drop-shadow(0 0 1px #00000080);background:#fff;position:absolute}.crop-handle.nw,.crop-handle.ne,.crop-handle.se,.crop-handle.sw{width:24px;height:24px}.crop-handle.nw{cursor:nwse-resize;top:-12px;left:-12px}.crop-handle.ne{cursor:nesw-resize;top:-12px;right:-12px}.crop-handle.se{cursor:nwse-resize;bottom:-12px;right:-12px}.crop-handle.sw{cursor:nesw-resize;bottom:-12px;left:-12px}.crop-handle.nw:before,.crop-handle.ne:before,.crop-handle.se:before,.crop-handle.sw:before{background:0 0;border:3px solid #fff;width:20px;height:20px}.crop-handle.nw:before{border-bottom:none;border-right:none;top:9px;left:9px}.crop-handle.ne:before{border-bottom:none;border-left:none;top:9px;right:9px}.crop-handle.se:before{border-top:none;border-left:none;bottom:9px;right:9px}.crop-handle.sw:before{border-top:none;border-right:none;bottom:9px;left:9px}.crop-handle.n,.crop-handle.s{cursor:ns-resize;width:36px;height:22px;left:50%;transform:translate(-50%)}.crop-handle.w,.crop-handle.e{cursor:ew-resize;width:22px;height:36px;top:50%;transform:translateY(-50%)}.crop-handle.n{top:-11px}.crop-handle.s{bottom:-11px}.crop-handle.w{left:-11px}.crop-handle.e{right:-11px}.crop-handle.n:before,.crop-handle.s:before{border-radius:3px;width:28px;height:3px;top:50%;left:50%;transform:translate(-50%,-50%)}.crop-handle.w:before,.crop-handle.e:before{border-radius:3px;width:3px;height:28px;top:50%;left:50%;transform:translate(-50%,-50%)}.player-busy{z-index:10;-webkit-backdrop-filter:blur(18px);background:#00000073;justify-content:center;align-items:center;animation:.5s both busyFade;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes busyFade{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(18px)}}.player-busy .shader-bg{mix-blend-mode:screen}.player-busy-inner{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.player-pct{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 50px #fff3;font-size:min(10vw,26vh);font-weight:600}.player-controls{align-items:center;gap:16px;width:90%;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.play{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:20px;line-height:1;display:grid}.play.is-paused{padding-left:10px}.play:hover{opacity:.9}.time-bubble{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#000c;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:4px;transform:translate(-50%)}.track{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#222;border-radius:8px;flex:1;height:56px;position:relative;overflow:hidden}.filmstrip{display:flex;position:absolute;inset:0}.filmstrip img{object-fit:cover;pointer-events:none;flex:1 1 0;min-width:0;height:100%}.dim{pointer-events:none;background:#0009;position:absolute;top:0;bottom:0}.track-sel{box-sizing:border-box;pointer-events:none;border:4px solid #ffd60a;border-radius:8px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #00000059}.handle{cursor:ew-resize;background:#ffd60a;border-radius:4px;width:12px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.handle:after{content:"";background:#000;border-radius:2px;width:2px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playhead{pointer-events:none;background:#fff;width:2px;position:absolute;top:-2px;bottom:-2px;transform:translate(-50%)}*{box-sizing:border-box}.app{background:var(--bg);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app.over:after{content:"";border:2px dashed var(--accent-border);pointer-events:none;border-radius:16px;position:absolute;inset:12px}.shader-bg{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.shader-scrim{z-index:0;pointer-events:none;background:0 0;position:absolute;inset:0}@media (prefers-color-scheme:dark){.shader-scrim{background:#0009}}.start{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:0 24px;display:flex;position:relative}.start-tag{color:#ffffffb3;text-shadow:0 1px 12px #00000080;font-size:15px;line-height:1.5}.uploader{z-index:1;appearance:none;color:#fff;font:inherit;letter-spacing:.04em;text-indent:.04em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;padding:16px 40px;font-size:22px;font-weight:600;transition:background .2s,border-color .2s,transform 80ms;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff1f}.uploader:hover{background:#ffffff1a;border-color:#ffffff52}.uploader:active{transform:translateY(1px)}.uploader input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.stage-msg,.stage-pct{z-index:1;position:relative}.stage-msg{color:var(--text);font-variant-numeric:tabular-nums;font-size:18px}.stage-msg .err{color:#ef4444}.probe{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}