@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-vietnamese-400-normal-BF4g3tCF.woff2) format("woff2"),url(/assets/archivo-vietnamese-400-normal-FGOLYM1a.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-ext-400-normal-B5tPZzqW.woff2) format("woff2"),url(/assets/archivo-latin-ext-400-normal-DrmqtLj6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-400-normal-C81ewxNO.woff2) format("woff2"),url(/assets/archivo-latin-400-normal-Bl602Mgc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-vietnamese-500-normal-k0drYPZA.woff2) format("woff2"),url(/assets/archivo-vietnamese-500-normal-7W3lD2kQ.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-latin-ext-500-normal-RFhg4CpD.woff2) format("woff2"),url(/assets/archivo-latin-ext-500-normal-D7mXw3Kz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-latin-500-normal-CGugC8dq.woff2) format("woff2"),url(/assets/archivo-latin-500-normal-pkzA7jw9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-vietnamese-600-normal-anCjMumA.woff2) format("woff2"),url(/assets/archivo-vietnamese-600-normal-C8xBVdfP.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-ext-600-normal-Dm61iqcg.woff2) format("woff2"),url(/assets/archivo-latin-ext-600-normal-D7uErJuz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-600-normal-3BBy0ZsW.woff2) format("woff2"),url(/assets/archivo-latin-600-normal-DwYieO8P.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bin-void: hsl(30 8% 6%);--bin-bench: hsl(30 8% 9%);--bin-shelf: hsl(30 8% 12%);--bin-loupe: hsl(30 8% 15%);--bin-slot: hsl(30 10% 4.5%);--bin-leader: hsl(40 30% 92%);--bin-muslin: hsl(38 15% 72%);--bin-dust: hsl(35 10% 50%);--bin-ghost: hsl(35 8% 34%);--safelight: hsl(35 92% 56%);--safelight-hot: hsl(38 96% 66%);--safelight-dim: hsl(35 60% 20%);--safelight-wash: hsl(35 92% 56% / .12);--grease: hsl(8 78% 56%);--grease-wash: hsl(8 78% 56% / .14);--pewter: hsl(210 6% 55%);--edge: hsl(35 40% 100% / .07);--edge-soft: hsl(35 40% 100% / .04);--edge-strong: hsl(35 40% 100% / .13);--edge-focus: hsl(35 92% 56% / .55);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s6: 24px;--s8: 32px;--s12: 48px;--r-control: 4px;--r-card: 6px;--r-modal: 10px;--font-ui: "Archivo", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--ease: cubic-bezier(.2, 0, 0, 1);--t-fast: .12s;--t-med: .2s;--lift: 0 8px 24px -8px hsl(30 20% 2% / .7), 0 2px 6px -2px hsl(30 20% 2% / .5)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bin-void);color:var(--bin-leader);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--bin-dust)}.tc{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:-.02em}:focus-visible{outline:2px solid var(--edge-focus);outline-offset:2px;border-radius:var(--r-control)}button{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff29;background-clip:content-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:grid;grid-template-columns:216px 1fr;height:100%}.rail{background:var(--bin-void);border-right:1px solid var(--edge);display:flex;flex-direction:column;padding:var(--s4) var(--s3);gap:var(--s6);min-height:0}.brand{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s2)}.brand-mark{width:22px;height:22px;flex:none}.brand-name{font-weight:600;letter-spacing:-.01em;font-size:15px}.rail-group{display:flex;flex-direction:column;gap:2px}.rail-link{display:flex;align-items:center;gap:var(--s2);padding:7px var(--s2);border-radius:var(--r-control);color:var(--bin-muslin);text-decoration:none;font-size:13px;border:1px solid transparent;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.rail-link:hover{background:#ffffff0a;color:var(--bin-leader)}.rail-link[data-active=true]{background:var(--safelight-wash);border-color:#f6a02838;color:var(--safelight-hot)}.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--edge-soft)}.rail-user{font-size:12px;color:var(--bin-dust);padding:0 var(--s2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s6);border-bottom:1px solid var(--edge);position:sticky;top:0;background:var(--bin-void);z-index:5}.topbar h1{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0}.spacer{flex:1}.page{padding:var(--s6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 var(--s3);border-radius:var(--r-control);border:1px solid var(--edge-strong);background:var(--bin-shelf);color:var(--bin-leader);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--bin-loupe);border-color:#fff3}.btn:active:not(:disabled){background:var(--bin-shelf)}.btn:disabled{color:var(--bin-ghost);cursor:not-allowed;background:var(--bin-bench)}.btn[data-variant=primary]{background:var(--safelight);border-color:var(--safelight);color:#1d140c;font-weight:600}.btn[data-variant=primary]:hover:not(:disabled){background:var(--safelight-hot);border-color:var(--safelight-hot)}.btn[data-variant=danger]{background:transparent;border-color:#e64f3766;color:var(--grease)}.btn[data-variant=danger]:hover:not(:disabled){background:var(--grease-wash);border-color:var(--grease)}.btn[data-variant=ghost]{background:transparent;border-color:transparent;color:var(--bin-muslin)}.btn[data-variant=ghost]:hover:not(:disabled){background:#ffffff0f;color:var(--bin-leader)}.btn[data-size=sm]{height:26px;padding:0 var(--s2);font-size:12px}.btn-icon{width:32px;padding:0}.input{height:32px;width:100%;padding:0 10px;background:var(--bin-slot);border:1px solid var(--edge);border-radius:var(--r-control);color:var(--bin-leader);font:inherit;font-size:13px}.input::placeholder{color:var(--bin-ghost)}.input:focus{outline:none;border-color:var(--edge-focus)}.field{display:flex;flex-direction:column;gap:6px}.panel{background:var(--bin-bench);border:1px solid var(--edge);border-radius:var(--r-card);padding:var(--s4)}.notice{border-radius:var(--r-control);padding:10px var(--s3);font-size:13px;border:1px solid}.notice[data-tone=error]{background:var(--grease-wash);border-color:#e64f3759;color:#f39e91}.notice[data-tone=info]{background:var(--safelight-wash);border-color:#f6a02847;color:var(--safelight-hot)}.lighttable{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:var(--s4)}.take{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;cursor:pointer;background:none;border:none;padding:0;text-align:left}.take-frame{position:relative;aspect-ratio:16 / 9;border-radius:var(--r-card);overflow:hidden;background:var(--bin-slot);border:1px solid var(--edge);transition:border-color var(--t-med) var(--ease)}.take:hover .take-frame,.take:focus-visible .take-frame{border-color:#f6a02873}.take-poster{width:100%;height:100%;object-fit:cover;display:block}.take-sprite{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:1000% 1000%;opacity:0;transition:opacity var(--t-fast) var(--ease)}.take[data-scrubbing=true] .take-sprite{opacity:1}.take-dur{position:absolute;right:6px;bottom:6px;padding:2px 5px;border-radius:3px;background:#0c0a08d1;color:var(--bin-leader);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.take-status{position:absolute;left:6px;top:6px;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.take-status[data-status=processing],.take-status[data-status=uploaded]{background:var(--safelight-dim);color:var(--safelight-hot)}.take-status[data-status=failed],.take-status[data-status=recording]{background:#5a1f16;color:#f4a69a}.take-meta{display:flex;flex-direction:column;gap:2px;padding:0 2px}.take-title{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.take-age{font-size:11px;color:var(--pewter);font-family:var(--font-mono)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s12) var(--s6);text-align:center;color:var(--bin-dust)}.empty h2{margin:0;font-size:16px;color:var(--bin-muslin);font-weight:600}.empty p{margin:0;max-width:42ch;font-size:13px;line-height:1.6}.editor{display:grid;grid-template-rows:1fr auto;height:100%;min-height:0}.stage-row{display:grid;grid-template-columns:1fr 272px;min-height:0}.stage{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;background:var(--bin-void)}.stage-canvas-wrap{flex:1;min-height:0;display:grid;place-items:center;padding:var(--s4);position:relative}.stage-canvas{max-width:100%;max-height:100%;border-radius:var(--r-card);border:1px solid var(--edge);display:block;cursor:crosshair}.transport{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border-top:1px solid var(--edge);background:var(--bin-bench)}.transport .tc{color:var(--bin-muslin)}.transport .tc b{color:var(--safelight-hot);font-weight:500}.inspector{border-left:1px solid var(--edge);background:var(--bin-void);overflow:auto;min-height:0;display:flex;flex-direction:column}.insp-section{padding:var(--s4);border-bottom:1px solid var(--edge-soft);display:flex;flex-direction:column;gap:var(--s3)}.insp-head{display:flex;align-items:center;justify-content:space-between}.row{display:flex;align-items:center;gap:var(--s2)}.seg{display:inline-flex;border:1px solid var(--edge);border-radius:var(--r-control);overflow:hidden;background:var(--bin-slot)}.seg button{border:none;background:transparent;color:var(--bin-muslin);height:28px;padding:0 10px;font-size:12px;cursor:pointer;border-right:1px solid var(--edge-soft)}.seg button:last-child{border-right:none}.seg button[data-on=true]{background:var(--safelight-wash);color:var(--safelight-hot)}.seg button:hover:not([data-on=true]){background:#ffffff0d}.slider{width:100%;accent-color:var(--safelight);background:transparent}.effect-list{display:flex;flex-direction:column;gap:6px}.effect{display:flex;align-items:center;gap:var(--s2);padding:7px var(--s2);border-radius:var(--r-control);border:1px solid var(--edge);background:var(--bin-bench);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit}.effect:hover{background:var(--bin-shelf)}.effect[data-selected=true]{border-color:#f6a02880;background:var(--safelight-wash)}.effect-kind{width:6px;height:6px;border-radius:50%;flex:none}.effect-kind[data-kind=zoom]{background:var(--safelight)}.effect-kind[data-kind=highlight]{background:var(--pewter)}.effect-label{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl{border-top:1px solid var(--edge);background:var(--bin-bench);padding:var(--s3) var(--s4) var(--s4);display:flex;flex-direction:column;gap:var(--s2);-webkit-user-select:none;user-select:none}.tl-head{display:flex;align-items:center;gap:var(--s3)}.tl-track{position:relative;height:68px;border-radius:var(--r-control);background:var(--bin-slot);border:1px solid var(--edge);overflow:hidden;cursor:pointer}.tl-clip{position:absolute;top:0;bottom:0;background-repeat:repeat-x;background-position:center;border-right:1px solid var(--bin-void);overflow:hidden}.tl-clip:before,.tl-clip:after{content:"";position:absolute;left:0;right:0;height:9px;background-image:repeating-linear-gradient(to right,transparent 0 5px,hsl(30 12% 7% / .92) 5px 11px,transparent 11px 16px)}.tl-clip:before{top:0}.tl-clip:after{bottom:0}.tl-clip[data-selected=true]{box-shadow:inset 0 0 0 2px var(--safelight)}.tl-splice{position:absolute;top:0;bottom:0;width:3px;background:var(--bin-void);box-shadow:0 0 0 1px #e64f3780;pointer-events:none}.tl-lanes{position:relative;height:22px;border-radius:var(--r-control);background:var(--bin-slot);border:1px solid var(--edge-soft);overflow:hidden}.tl-effect{position:absolute;top:3px;bottom:3px;border-radius:3px;border:1px solid;cursor:pointer}.tl-effect[data-kind=zoom]{background:var(--safelight-dim);border-color:#f6a02880}.tl-effect[data-kind=highlight]{background:#3d4248;border-color:#818c9880}.tl-effect[data-selected=true]{box-shadow:0 0 0 1px var(--safelight)}.tl-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--safelight-hot);pointer-events:none;z-index:3}.tl-playhead:before{content:"";position:absolute;top:-4px;left:-4px;width:9px;height:9px;background:var(--safelight-hot);clip-path:polygon(50% 100%,0 0,100% 0)}.tl-ruler{position:relative;height:14px}.tl-tick{position:absolute;top:0;font-family:var(--font-mono);font-size:10px;color:var(--bin-ghost);transform:translate(-50%);white-space:nowrap}.bin{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s2);border-top:1px dashed var(--edge)}.bin-rail{display:flex;gap:var(--s4);align-items:flex-start;min-height:132px;overflow-x:auto;padding-bottom:var(--s1)}.bin-empty{font-size:12px;color:var(--bin-ghost);align-self:center}.trim{position:relative;flex:none;width:148px;padding-top:14px;background:none;border:none;cursor:pointer;color:inherit;font:inherit}.trim:before{content:"";position:absolute;top:3px;left:50%;width:1px;height:11px;background:var(--bin-dust)}.trim:after{content:"";position:absolute;top:0;left:50%;width:5px;height:5px;margin-left:-2.5px;border:1px solid var(--bin-dust);border-radius:50%}.trim-frame{position:relative;display:block;aspect-ratio:16 / 9;min-height:76px;border-radius:var(--r-control);background:var(--bin-slot) center / cover no-repeat;border:1px solid var(--edge-strong);transition:border-color var(--t-fast) var(--ease),transform var(--t-med) var(--ease);transform-origin:top center}.trim:hover .trim-frame,.trim:focus-visible .trim-frame{border-color:var(--safelight);transform:rotate(-1.2deg)}.trim-frame:after{content:"Re-hang";position:absolute;inset:auto 0 0 0;padding:3px 0;text-align:center;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#1d140c;background:var(--safelight);opacity:0;transition:opacity var(--t-fast) var(--ease)}.trim:hover .trim-frame:after,.trim:focus-visible .trim-frame:after{opacity:1}.trim-dur{display:block;margin-top:5px;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--bin-muslin)}.slate{display:grid;grid-template-columns:1fr 320px;gap:var(--s6);align-items:start}.slate-preview{border-radius:var(--r-card);border:1px solid var(--edge);background:var(--bin-slot);aspect-ratio:16 / 9;overflow:hidden;display:grid;place-items:center;position:relative}.slate-preview video{width:100%;height:100%;object-fit:contain;display:block}.slate-hint{color:var(--bin-ghost);font-size:13px;text-align:center;padding:var(--s6);max-width:36ch;line-height:1.6}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--grease);flex:none}.rec-dot[data-live=true]{animation:rec-pulse 2s var(--ease) infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.kbd{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border-radius:3px;border:1px solid var(--edge-strong);background:var(--bin-slot);color:var(--bin-dust)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);font-size:12px;color:var(--bin-dust)}.tl-clip[data-dragging=true]{opacity:.55;cursor:grabbing}.tl-drop{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--safelight-hot);z-index:4;pointer-events:none}.tl-drop:before,.tl-drop:after{content:"";position:absolute;left:-3px;width:8px;height:8px;background:var(--safelight-hot)}.tl-drop:before{top:-3px;clip-path:polygon(50% 100%,0 0,100% 0)}.tl-drop:after{bottom:-3px;clip-path:polygon(50% 0,0 100%,100% 100%)}.tl-effect{cursor:grab;touch-action:none}.tl-effect[data-dragging=true]{cursor:grabbing;filter:brightness(1.25)}.tl-grip{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;touch-action:none}.tl-grip[data-edge=start]{left:-2px}.tl-grip[data-edge=end]{right:-2px}.tl-grip:after{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:2px;border-radius:1px;background:#f1ede459;transition:background var(--t-fast) var(--ease)}.tl-effect:hover .tl-grip:after,.tl-effect[data-selected=true] .tl-grip:after{background:var(--safelight-hot)}.stage-canvas[data-tool=point]{cursor:crosshair}.save-state{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--bin-dust);padding:3px 8px;border-radius:var(--r-control);border:1px solid transparent;white-space:nowrap;transition:color var(--t-med) var(--ease),background var(--t-med) var(--ease),border-color var(--t-med) var(--ease)}.save-state[data-saved=true]{color:var(--safelight-hot);background:var(--safelight-wash);border-color:#f6a0284d}.stage-canvas[data-tool=placeZoom],.stage-canvas[data-tool=drawHighlight]{cursor:crosshair}.stage-canvas[data-tool=select]{cursor:default}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--s6);background:#0908069e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:scrim-in var(--t-med) var(--ease)}@keyframes scrim-in{0%{opacity:0}}.dialog{width:min(440px,100%);display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);border-radius:var(--r-modal);background:var(--bin-loupe);border:1px solid var(--edge-strong);box-shadow:var(--lift);animation:dialog-in var(--t-med) var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px)}}.dialog-title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.dialog-body{margin:0;font-size:13px;line-height:1.6;color:var(--bin-muslin)}.rev-num{flex:none;min-width:22px;padding:1px 5px;text-align:center;font-family:var(--font-mono);font-size:11px;border-radius:3px;background:var(--bin-slot);border:1px solid var(--edge);color:var(--bin-muslin)}.effect[data-selected=true] .rev-num{border-color:#f6a02880;color:var(--safelight-hot)}.corner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:84px}.corner{height:34px;border:1px solid var(--edge);border-radius:var(--r-control);background:var(--bin-slot);color:var(--bin-dust);font-size:13px;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.corner:hover{background:var(--bin-shelf);color:var(--bin-leader)}.corner[data-on=true]{background:var(--safelight-wash);border-color:#f6a02873;color:var(--safelight-hot)}.tl-effect[data-kind=camera]{background:#32483d;border-color:#6aaf8c80}.effect-kind[data-kind=camera]{background:#5eba8c}.watch{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0}.watch-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s6);border-bottom:1px solid var(--edge)}.watch-title{font-size:14px;font-weight:600;letter-spacing:-.01em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-frame{position:relative;min-height:0;min-width:0;display:flex;background:var(--bin-void)}.watch-frame[data-idle=true] .watch-bar{opacity:0;pointer-events:none;transform:translateY(6px)}.watch-frame[data-idle=true]{cursor:none}.watch-bigplay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:1px solid hsl(35 40% 100% / .16);background:#110f0d9e;color:var(--bin-leader);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background var(--t-med) var(--ease),border-color var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.watch-bigplay:hover{background:#110f0dc7;border-color:var(--safelight);color:var(--safelight-hot);transform:scale(1.04)}.watch-bigplay svg{margin-left:3px}.watch-bar{position:absolute;left:0;right:0;bottom:0;padding:var(--s6) var(--s4) var(--s3);display:flex;flex-direction:column;gap:6px;background:linear-gradient(to top,#0c0a09e0,#0c0a0900);transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.watch-scrub{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}.watch-scrub:before{content:"";position:absolute;left:0;right:0;height:3px;border-radius:2px;background:#efece73d}.watch-scrub-fill{position:absolute;left:0;height:3px;border-radius:2px;background:var(--safelight)}.watch-scrub-knob{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--safelight-hot);transform:translate(-50%);opacity:0;transition:opacity var(--t-fast) var(--ease)}.watch-scrub:hover .watch-scrub-knob,.watch-scrub:focus-visible .watch-scrub-knob{opacity:1}.watch-row{display:flex;align-items:center;gap:var(--s2)}.watch-btn{width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:var(--r-control);background:transparent;color:var(--bin-leader);cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.watch-btn:hover{background:#efece71a;color:var(--safelight-hot)}.watch-time{color:var(--bin-muslin)}.watch-vol{width:72px;accent-color:var(--safelight)}.watch-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s6);border-top:1px solid var(--edge);font-size:12px;color:var(--bin-dust)}.watch-foot strong{color:var(--bin-muslin);font-weight:600}.watch-keys{display:flex;align-items:center;gap:6px}@media(max-width:640px){.watch-keys{display:none}}