@font-face{font-family:Inter Variable;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter Variable", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter Variable", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--canvas:var(--lightningcss-light,#f4f4f1)var(--lightningcss-dark,#0b0b0c);--surface:var(--lightningcss-light,#fcfcfa)var(--lightningcss-dark,#1c1c1e);--surface-glass:var(--lightningcss-light,#fcfcfaf0)var(--lightningcss-dark,#1e1e20e6);--well:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff12);--well-hover:var(--lightningcss-light,#00000016)var(--lightningcss-dark,#ffffff1c);--well-strong:var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#ffffff29);--ink:var(--lightningcss-light,#0a0a0b)var(--lightningcss-dark,#f5f5f5);--ink-2:var(--lightningcss-light,#0a0a0b99)var(--lightningcss-dark,#f5f5f59e);--ink-3:var(--lightningcss-light,#0a0a0b5c)var(--lightningcss-dark,#f5f5f55c);--hairline:var(--lightningcss-light,#00000017)var(--lightningcss-dark,#ffffff17);--hairline-strong:var(--lightningcss-light,#00000029)var(--lightningcss-dark,#ffffff29);--primary:var(--lightningcss-light,#0a0a0b)var(--lightningcss-dark,#f5f5f5);--on-primary:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0a0a0b);--signal:var(--lightningcss-light,#ff3b30)var(--lightningcss-dark,#ff453a);--signal-soft:var(--lightningcss-light,#ff3b3024)var(--lightningcss-dark,#ff453a33);--select:#fc0;--on-select:#1d1d1f;--accent:var(--lightningcss-light,#0071e3)var(--lightningcss-dark,#0a84ff);--ring:var(--lightningcss-light,#0a0a0b)var(--lightningcss-dark,#f5f5f5);--accent-soft:var(--lightningcss-light,#0071e31f)var(--lightningcss-dark,#0a84ff38);--zoom:var(--lightningcss-light,#5e5ce6)var(--lightningcss-dark,#7d7aff);--camera:var(--lightningcss-light,#f08c00)var(--lightningcss-dark,#ff9f0a);--caption:var(--lightningcss-light,#0a0a0b29)var(--lightningcss-dark,#f5f5f533);--music:var(--lightningcss-light,#28a745)var(--lightningcss-dark,#30d158);--ok:var(--lightningcss-light,#28a745)var(--lightningcss-dark,#30d158);--danger:var(--lightningcss-light,#d70015)var(--lightningcss-dark,#ff6961);--r-s:8px;--r-m:12px;--r-l:16px;--r-xl:22px;--shadow-pop:0 0 0 .5px var(--hairline-strong), 0 24px 56px -18px #0000006b, 0 2px 8px #0000000f;--shadow-stage:0 0 0 .5px #0000001a, 0 44px 100px -44px #0000008c;--glass:saturate(180%) blur(24px);--spring:linear(0, .009, .035 2.1%, .141 4.4%, .723 15.5%, .938 20.9%, 1.017 25.1%, 1.061 29.6%, 1.071 33.5%, 1.06 37.9%, 1.014 49.6%, .998 62.2%, 1);--spring-soft:linear(0, .016, .063 3.5%, .266 7.6%, .711 17.2%, .881 22.8%, .98 29%, 1.023 35.6%, 1.03 41.4%, 1.012 56.5%, 1);--ease-out:cubic-bezier(.2, .8, .2, 1);--fast:.14s;--medium:.26s;--slow:.48s}@media (prefers-reduced-motion:reduce){:root{--spring:var(--ease-out);--spring-soft:var(--ease-out);--fast:1ms;--medium:1ms;--slow:1ms}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font:13px/1.4 var(--font-ui);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}kbd{background:var(--well);min-width:1.6em;font:600 11px/1.4 var(--font-ui);color:var(--ink-2);border-radius:5px;place-items:center;padding:1px 5px;display:inline-grid}.media-host{opacity:.01;pointer-events:none;width:2px;height:2px;position:fixed;bottom:0;right:0;overflow:hidden}.media-host video,.media-host audio{width:2px;height:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{background:var(--canvas);height:100dvh;color:var(--ink);opacity:0;transition:opacity var(--slow) var(--ease-out), background-color var(--slow) var(--ease-out);flex-direction:column;display:flex}.app.is-ready{opacity:1}.app.is-recording{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.workspace{flex:auto;min-height:0;display:flex}.btn{background:var(--well);height:34px;color:var(--ink);font:600 13px/1 var(--font-ui);white-space:nowrap;transition:transform var(--medium) var(--spring), background-color var(--fast) var(--ease-out), box-shadow var(--fast) var(--ease-out), opacity var(--fast);border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--well-hover)}.btn:active:not(:disabled){transform:scale(.95)}.btn:disabled{opacity:.35}.btn-s{height:28px;padding:0 12px;font-size:12px}.btn-l{gap:10px;height:48px;padding:0 26px;font-size:15px}.btn-primary,.btn-primary:hover:not(:disabled){background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px -8px #00000080}.btn-record,.btn-record:hover:not(:disabled){background:var(--signal);color:#fff;box-shadow:0 10px 24px -10px var(--signal)}.btn-record .rec-dot{background:#fff;width:12px;height:12px}.btn-record-pill,.btn-record-pill:hover:not(:disabled){background:var(--surface);box-shadow:0 0 0 .5px var(--hairline-strong), 0 1px 2px #0000000f}.btn-ghost{background:0 0}.rec-dot{background:var(--signal);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.btn-record-pill:hover .rec-dot{box-shadow:0 0 0 4px var(--signal-soft)}.icon-btn{width:34px;height:34px;color:var(--ink-2);transition:transform var(--medium) var(--spring), background-color var(--fast) var(--ease-out), color var(--fast) var(--ease-out);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--well);color:var(--ink)}.icon-btn:active:not(:disabled){transform:scale(.88)}.icon-btn:disabled{opacity:.3}.icon-btn.is-danger:hover:not(:disabled){color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.icon-btn.is-active{background:var(--primary);color:var(--on-primary)}.segmented{grid-template-columns:repeat(var(--n), minmax(0, 1fr));background:var(--well);border-radius:11px;padding:3px;display:grid;position:relative}.segmented-thumb{width:calc((100% - 6px) / var(--n));background:var(--surface);box-shadow:0 1px 3px #00000024, 0 0 0 .5px var(--hairline);transform:translateX(calc(var(--i) * 100%));transition:transform var(--medium) var(--spring);border-radius:8px;position:absolute;top:3px;bottom:3px;left:3px}.segmented button{z-index:1;height:30px;color:var(--ink-2);transition:color var(--fast);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:12px;font-weight:600;display:flex;position:relative}.segmented button.is-on{color:var(--ink)}.segmented-s button{height:26px;font-size:11.5px}.slider{grid-template-columns:max-content minmax(0,1fr) 3.4em;grid-template-areas:"label track value";align-items:center;gap:10px;display:grid}.slider-head{display:contents}.slider-head label{color:var(--ink-2);grid-area:label;align-items:center;font-size:12px;font-weight:500;display:flex}.slider-head output{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2);grid-area:value;font-size:12px;font-weight:600}.slider.is-dragging .slider-head output{color:var(--ink)}.slider-track{grid-area:track;align-items:center;height:22px;display:flex;position:relative}.slider-track input{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.slider-track input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--primary) var(--p), var(--well-strong) var(--p));border-radius:2px;height:4px}.slider-track input::-moz-range-track{background:linear-gradient(to right, var(--primary) var(--p), var(--well-strong) var(--p));border-radius:2px;height:4px}.slider-track input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;transition:transform var(--medium) var(--spring);background:#fff;border-radius:50%;margin-top:-7px;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #00000047}.slider-track input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #00000047}.slider.is-dragging input::-webkit-slider-thumb{transform:scale(1.18)}.slider-track input:active::-webkit-slider-thumb{transform:scale(1.18)}.slider:has(input:disabled){opacity:.35}.slider-track input:disabled{cursor:default}.slider-bubble{display:none}.slider[data-bounce] .slider-track{animation:bounce var(--slow) var(--spring)}@keyframes bounce{40%{transform:scaleX(1.03)}}.switch{background:var(--well-strong);width:40px;height:24px;transition:background-color var(--medium) var(--ease-out);border:0;border-radius:999px;flex:none;padding:0;position:relative}.switch span{width:20px;height:20px;transition:transform var(--medium) var(--spring), width var(--fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000038}.switch:active span{width:24px}.switch.is-on{background:var(--primary)}.switch.is-on span{background:var(--on-primary);transform:translate(16px)}.switch.is-on:active span{transform:translate(12px)}.switch-row{align-items:center;gap:10px;display:flex}.switch-row label{flex-direction:column;flex:1;font-size:13px;font-weight:500;display:flex}.switch-row small{color:var(--ink-3);font-size:12px}.switch-icon{color:var(--ink-2);display:grid}.toggle-chip{background:var(--well);width:36px;height:36px;color:var(--ink-2);transition:background-color var(--fast), color var(--fast), transform var(--medium) var(--spring);border:0;border-radius:11px;flex:none;place-items:center;padding:0;display:grid}.toggle-chip:active{transform:scale(.9)}.toggle-chip.is-on{background:var(--primary);color:var(--on-primary)}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span{color:var(--ink-3);font-size:11px}.field input,.field textarea{background:var(--well);resize:none;border:0;border-radius:8px;outline:0;width:100%;padding:6px 8px}.field input:focus,.field textarea:focus{background:var(--surface);box-shadow:0 0 0 2px var(--ring)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.menu{background:var(--surface-glass);min-width:220px;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);color:var(--ink);box-shadow:var(--shadow-pop);border:0;border-radius:16px;padding:6px}.menu-item{text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%;height:38px;padding:0 12px;font-size:13.5px;font-weight:600;display:grid}.menu-item:hover{background:var(--well)}.menu-item .record-dot{color:var(--signal)}.menu-item>:first-child{justify-self:center}.menu-sep{background:var(--hairline);height:1px;margin:6px 8px}.feedback-btn{anchor-name:--feedback;padding:0 13px 0 12px}.feedback-btn:has(+:popover-open){background:var(--well)}.feedback-btn svg{transform-origin:0 100%}.feedback-btn:hover svg{animation:bubble-hop var(--slow)}@keyframes bubble-hop{0%{animation-timing-function:var(--ease-out);transform:none}35%{animation-timing-function:cubic-bezier(.5,0,.9,.4);transform:translateY(-4px)rotate(-10deg)}65%{animation-timing-function:var(--ease-out);transform:none}82%{animation-timing-function:cubic-bezier(.5,0,.9,.4);transform:translateY(-1.5px)rotate(-3deg)}to{transform:none}}.export-icon{width:var(--icon);height:var(--icon);flex:none;display:inline-block;overflow:hidden}.export-icon>span{gap:calc(var(--icon) * .4);flex-direction:column;display:flex}.export-icon svg{flex:none}button:hover:not(:disabled) .export-icon>span{animation:icon-roll var(--slow) cubic-bezier(.65, 0, .35, 1)}@keyframes icon-roll{to{transform:translateY(calc(var(--icon) * -1.4))}}@keyframes arrow-up-again{0%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.9,.4);transform:none}42%{opacity:0;transform:translateY(-14px)}43%{opacity:0;animation-timing-function:var(--ease-out);transform:translateY(9px)}to{opacity:1;transform:none}}@media (width<=700px){.feedback-btn{width:36px;padding:0}.feedback-btn span{display:none}}.feedback-pop{position-anchor:--feedback;position-area:bottom span-left;position-try-fallbacks:bottom span-right;width:340px;margin:8px 0;padding:12px}.feedback-pop form{flex-direction:column;gap:10px;display:flex}.feedback-pop textarea,.feedback-pop input{background:var(--well);width:100%;color:var(--ink);font:14px/1.45 var(--font-ui);resize:none;transition:background-color var(--fast) var(--ease-out), box-shadow var(--fast) var(--ease-out);border:0;border-radius:12px;outline:0;padding:10px 12px}.feedback-pop textarea{height:108px}.feedback-pop :is(textarea,input):focus{background:var(--surface);box-shadow:inset 0 0 0 2px var(--ring)}.feedback-more{transition:grid-template-rows var(--medium) var(--ease-out);grid-template-rows:0fr;margin-top:-10px;display:grid}.feedback-more.is-open{grid-template-rows:1fr}.feedback-more>div{overflow-clip-margin:6px;opacity:0;min-height:0;transition:opacity var(--fast) var(--ease-out), translate var(--medium) var(--ease-out);flex-direction:column;gap:10px;display:flex;overflow:clip;translate:0 -8px}.feedback-more.is-open>div{opacity:1;transition:opacity var(--medium) var(--ease-out) 60ms, translate var(--slow) var(--spring);translate:none}.feedback-more>div>:first-child{margin-top:10px}.feedback-pop ::placeholder{color:var(--ink-3)}.feedback-moods{justify-content:space-between;display:flex}.feedback-moods button{filter:grayscale();opacity:.5;width:48px;height:38px;transition:transform var(--medium) var(--spring), background-color var(--fast) var(--ease-out), filter var(--fast) var(--ease-out), opacity var(--fast) var(--ease-out);background:0 0;border:0;border-radius:11px;padding:0;font-size:21px;line-height:1}.feedback-moods button:hover{background:var(--well);filter:none;opacity:1}.feedback-moods button:active{transform:scale(.88)}.feedback-moods button[aria-checked=true]{background:var(--well-strong);filter:none;opacity:1}.feedback-foot{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.feedback-note,.feedback-error{font-size:12px;line-height:1.35}.feedback-note{color:var(--ink-3);text-decoration:none}.feedback-note:hover{color:var(--ink-2)}.feedback-error{color:var(--danger)}.feedback-thanks{flex-direction:column;align-items:center;gap:10px;margin:0;padding:26px 0;font-weight:600;display:flex}.feedback-thanks svg{box-sizing:content-box;background:var(--primary);color:var(--on-primary);border-radius:50%;padding:9px}.header{flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;height:60px;padding:0 20px;display:grid}.header-left,.header-right{align-items:center;gap:2px;display:flex}.header-right{justify-content:flex-end;gap:10px}.header-sep{background:var(--hairline-strong);width:1px;height:18px;margin:0 8px}.header-center{flex-direction:column;align-items:center;min-width:0;display:flex}.header.is-recording{grid-template-columns:1fr}.project-name{flex-direction:column;align-items:center;min-width:0;display:flex}.project-title{max-width:44vw;font:700 15px/1.25 var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:8px;align-items:center;padding:2px 8px;display:flex;position:relative;overflow:hidden}.project-title:hover{background:var(--well)}.project-name input{background:var(--surface);max-width:44vw;box-shadow:0 0 0 2px var(--ring);font:700 15px/1.25 var(--font-display);letter-spacing:-.02em;text-align:center;border:0;border-radius:8px;outline:0;padding:2px 8px}.header-sub{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11.5px}.save-dot{background:0 0;border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:calc(100% + 6px)}.save-saving{background:var(--ink-3);animation:1s ease-in-out infinite pulse}.save-error{background:var(--signal)}@keyframes pulse{50%{opacity:.3}}.rec-badge{font:700 14px var(--font-display);align-items:center;gap:8px;display:flex}.rec-badge i{background:var(--signal);width:9px;height:9px;box-shadow:0 0 0 5px var(--signal-soft);border-radius:50%;animation:1.6s ease-in-out infinite pulse}.stage{flex:1;place-items:center;min-width:0;min-height:0;padding:6px 32px 0;display:grid}.stage-frame{box-shadow:var(--shadow-stage);anchor-name:--stage;transition:box-shadow var(--slow) var(--ease-out);background:#15171a;border-radius:18px;position:relative;overflow:hidden}.stage-canvas{width:100%;height:100%;display:block}.stage-frame.mode-live{box-shadow:0 0 0 1.5px var(--hairline-strong), var(--shadow-stage)}.stage-frame.is-recording{box-shadow:0 0 0 2px var(--signal), 0 0 0 8px var(--signal-soft), 0 44px 100px -40px #000c}.stage-badge{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#0000008c;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:14px;left:14px}.stage-badge:before{content:"";background:var(--ok);border-radius:50%;width:6px;height:6px}.bubble-ghost{pointer-events:none;background:#ffffff1f;border:2.5px dashed #fffffff2;position:absolute}.corner-hints i{pointer-events:none;border:3px solid #ffffffb3;width:28px;height:28px;position:absolute}.corner-hints i:first-child{border-bottom:0;border-right:0;border-radius:8px 0 0;top:16px;left:16px}.corner-hints i:nth-child(2){border-bottom:0;border-left:0;border-radius:0 8px 0 0;top:16px;right:16px}.corner-hints i:nth-child(3){border-top:0;border-right:0;border-radius:0 0 0 8px;bottom:16px;left:16px}.corner-hints i:nth-child(4){border-top:0;border-left:0;border-radius:0 0 8px;bottom:16px;right:16px}.title-editor{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.title-editor input{pointer-events:auto;field-sizing:content;text-align:center;min-width:3ch;max-width:84%;caret-color:var(--accent);transition:box-shadow var(--fast);background:0 0;border:0;border-radius:.14em;outline:0;padding:0 .15em;line-height:1.15}.title-editor .title-input{letter-spacing:-.025em;font-weight:700}.title-editor.is-light input{color:#fff}.title-editor.is-light .subtitle-input{color:#ffffffb8}.title-editor.is-dark input{color:#111214}.title-editor.is-dark .subtitle-input{color:#111214b8}.title-editor input::placeholder{color:currentColor;opacity:.35}.title-editor input:hover{box-shadow:0 0 0 1.5px color-mix(in srgb, currentColor 35%, transparent)}.title-editor input:focus{box-shadow:0 0 0 2px var(--ring)}.title-editor .subtitle-input:placeholder-shown:not(:focus):not(:hover){opacity:0}.aim-backdrop{cursor:crosshair;position:absolute;inset:0}.aim{cursor:grab;anchor-name:--aim;transition:left var(--medium) var(--spring-soft), top var(--medium) var(--spring-soft), width var(--medium) var(--spring-soft), height var(--medium) var(--spring-soft);touch-action:none;border:2px solid #fff;border-radius:10px;position:absolute;box-shadow:0 0 0 9999px #08080a80}.aim.is-dragging{cursor:grabbing;transition:none}.aim-handle{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 1px 4px #0006}.aim-tl{cursor:nwse-resize;top:-8px;left:-8px}.aim-tr{cursor:nesw-resize;top:-8px;right:-8px}.aim-bl{cursor:nesw-resize;bottom:-8px;left:-8px}.aim-br{cursor:nwse-resize;bottom:-8px;right:-8px}.aim-scale{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#0009;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.timeline{width:calc(100% - 40px);transition:opacity var(--medium);flex-direction:column;flex:none;gap:6px;margin:12px auto 20px;display:flex}.transport{justify-content:center;align-items:center;gap:6px;display:flex}.transport .icon-btn{width:30px;height:30px}.transport .play-btn{width:36px;height:36px;margin:0 2px}.transport .tc{width:44px;font-size:12px}.transport .tc-now{text-align:right}.timeline-row{align-items:flex-start;gap:12px;display:flex}.play-btn{background:var(--primary);width:46px;height:46px;color:var(--on-primary);transition:transform var(--medium) var(--spring);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 8px 18px -10px #0009}.play-btn svg{margin-left:2px}.play-btn.is-playing svg{margin-left:0}.play-btn:hover:not(:disabled){transform:scale(1.06)}.play-btn:active:not(:disabled){transform:scale(.92)}.play-btn:disabled{opacity:.25}.tc{font-variant-numeric:tabular-nums;flex:none;width:38px;font-size:12.5px;font-weight:700}.tc-total{text-align:right;color:var(--ink-3);font-weight:500}.add-scene{background:var(--well);width:38px;height:38px;color:var(--ink);transition:transform var(--medium) var(--spring), background-color var(--fast);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.add-scene:hover,.add-scene.is-open{background:var(--primary);color:var(--on-primary)}.add-scene.is-open{anchor-name:--insert;transform:rotate(45deg)}.scrub-scroll{scrollbar-width:none;flex:1;min-width:0;position:relative;overflow:auto hidden}.scrub-scroll::-webkit-scrollbar{display:none}.scrub-content{-webkit-user-select:none;user-select:none;touch-action:pan-x;padding-top:2px;position:relative}.track{position:relative}.track-zooms,.track-camera{cursor:pointer;height:14px}.track-clips{height:58px;margin-top:4px}.track-captions{cursor:pointer;height:10px;margin-top:4px}.track-music{height:16px}.clip{border:1.5px solid var(--canvas);cursor:grab;height:58px;transition:transform var(--medium) var(--spring), box-shadow var(--fast) var(--ease-out), filter var(--fast);background:#1d1f23;border-radius:11px;position:absolute;top:0;overflow:hidden}.clip:hover{filter:brightness(1.06)}.clip.is-loading:before{content:"";opacity:0;pointer-events:none;background:#ffffff12;animation:1.6s ease-in-out .3s infinite clip-loading;position:absolute;inset:0}@keyframes clip-loading{0%,to{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.clip.is-loading:before{animation:1ms .3s forwards clip-loading-held}}@keyframes clip-loading-held{to{opacity:.5}}.clip.is-dragging{cursor:grabbing;transition:box-shadow var(--fast);box-shadow:0 14px 28px -8px #00000073;z-index:60!important}.clip.is-selected{border-color:var(--select);anchor-name:--scene;border-width:3px;box-shadow:0 10px 22px -10px #00000080}.clip-canvas{pointer-events:none;height:100%;position:absolute;top:0}.clip-title{background:linear-gradient(135deg,#1d1f23,#2e3238);place-items:center;display:grid}.clip-title-text{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:calc(100% - 16px);font:700 11px var(--font-display);letter-spacing:-.01em;pointer-events:none;overflow:hidden}.clip-overlap{pointer-events:none;background:linear-gradient(90deg,#ffffff47,#0000);position:absolute;top:0;bottom:0;left:0}.trim{width:14px;color:var(--on-select);cursor:ew-resize;opacity:0;transition:opacity var(--fast);place-items:center;display:grid;position:absolute;top:0;bottom:0}.trim-in{left:0}.trim-out{right:0}.clip:hover .trim{opacity:.6;background:#fc09}.clip.is-selected .trim{opacity:1;background:var(--select)}.transition-chip{z-index:70;background:var(--surface);width:20px;height:20px;color:var(--ink);box-shadow:0 0 0 .5px var(--hairline-strong), 0 2px 6px #00000040;transition:transform var(--medium) var(--spring);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.transition-chip:hover{transform:translate(-50%,-50%)scale(1.15)}.insert-chip{z-index:110;background:var(--accent);color:#fff;width:20px;height:20px;box-shadow:0 0 0 3px var(--canvas);opacity:0;transition:transform var(--medium) var(--spring), opacity var(--fast);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-8px;transform:translate(-50%,-50%)scale(.4)}.track-clips:hover .insert-chip,.insert-chip:focus-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.insert-chip:hover,.insert-chip.is-open{opacity:1;transform:translate(-50%,-50%)scale(1.2)}.insert-chip.is-open{anchor-name:--insert}.insert-marker{z-index:90;background:var(--accent);width:3px;box-shadow:0 0 12px var(--accent);pointer-events:none;border-radius:2px;margin-left:-1.5px;position:absolute;top:-10px;bottom:-6px}.insert-marker.is-drop{animation:.9s ease-in-out infinite pulse}.span-pill{background:var(--zoom);cursor:grab;height:8px;transition:top var(--fast), height var(--fast), box-shadow var(--fast);border-radius:4px;position:absolute;top:3px}.span-layout{background:var(--camera)}.span-pill:hover{height:10px;top:2px}.span-pill.is-selected{height:12px;box-shadow:0 0 0 2px var(--canvas), 0 0 0 3.5px currentColor;color:var(--zoom);anchor-name:--span;border-radius:6px;top:1px}.span-layout.is-selected{color:var(--camera)}.span-edge{cursor:ew-resize;width:8px;position:absolute;top:-3px;bottom:-3px}.span-edge-start{left:-3px}.span-edge-end{right:-3px}.lane-ghost{color:#fff;pointer-events:none;width:16px;height:16px;animation:pop-in var(--medium) var(--spring);border-radius:50%;place-items:center;margin-left:-8px;display:grid;position:absolute;top:-1px}.lane-ghost-zoom{background:var(--zoom)}.lane-ghost-camera{background:var(--camera)}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}}.caption-pill{background:var(--caption);height:3px;transition:background-color var(--fast), height var(--fast), top var(--fast);border:0;border-radius:2px;padding:0;position:absolute;top:4px}.caption-pill:hover,.caption-pill.is-selected{background:var(--ink);height:6px;top:2px}.music-bar{background:color-mix(in srgb, var(--music) 14%, transparent);border:0;border-radius:6px;height:12px;padding:0;position:absolute;top:2px;overflow:hidden}.music-bar canvas{height:100%;position:absolute;top:0}.snap-line{background:var(--accent);pointer-events:none;z-index:95;width:1px;position:absolute;top:0;bottom:0}.playhead{z-index:100;pointer-events:none;will-change:transform;position:absolute;top:0;bottom:0;left:0}.playhead-bar{background:var(--ink);width:4px;box-shadow:0 0 0 1.5px var(--canvas);pointer-events:auto;cursor:ew-resize;border-radius:2px;position:absolute;top:0;bottom:0;left:-2px}.playhead-bar:before{content:"";background:var(--ink);width:12px;height:12px;box-shadow:0 0 0 2px var(--canvas);border-radius:50%;margin-left:-6px;position:absolute;top:-3px;left:50%}.playhead-grip{display:none}@media (pointer:coarse){.playhead-grip{touch-action:none;width:28px;margin-left:-14px;display:block;position:absolute;top:-4px;bottom:0;left:50%}.playhead-bar{touch-action:none}}.dock{background:var(--primary);anchor-name:--dock;border-radius:999px;flex-direction:column;flex:none;align-self:center;gap:4px;margin:0 22px 0 0;padding:5px;display:flex;box-shadow:0 14px 30px -14px #000000b3}.dock-btn{width:44px;height:44px;color:color-mix(in srgb, var(--on-primary) 72%, transparent);transition:background-color var(--fast), color var(--fast), transform var(--medium) var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.dock-btn:hover{color:var(--on-primary);background:color-mix(in srgb, var(--on-primary) 12%, transparent)}.dock-btn:active{transform:scale(.88)}.dock-btn.is-on{background:var(--on-primary);color:var(--primary);anchor-name:--dock-item}.dock-sep{background:color-mix(in srgb, var(--on-primary) 18%, transparent);width:22px;height:1px;margin:4px auto}.dock-btn.is-quiet{color:color-mix(in srgb, var(--on-primary) 50%, transparent)}.pop{background:var(--surface-glass);width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);color:var(--ink);box-shadow:var(--shadow-pop);opacity:1;transition:opacity var(--medium) var(--ease-out), transform var(--medium) var(--spring), overlay var(--medium) allow-discrete, display var(--medium) allow-discrete;border:0;border-radius:22px;flex-direction:column;gap:14px;margin:0;padding:16px;inset:auto;overflow:auto;transform:none}.pop:popover-open{display:flex}@starting-style{.pop:popover-open{opacity:0;transform:translateY(8px)scale(.97)}}.pop:not(:popover-open){opacity:0;transform:translateY(6px)scale(.98)}.pop-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pop-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 15px var(--font-display);letter-spacing:-.015em;overflow:hidden}.pop-meta{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.pop-actions{align-items:center;gap:4px;margin:0 -4px -4px;display:flex}.pop-spacer{flex:1}.scene-pop{position-anchor:--scene;position-area:top center;position-try-fallbacks:top span-right, top span-left, bottom center;width:340px;margin-bottom:44px}.span-pop{position-anchor:--span;position-area:top center;position-try-fallbacks:top span-right, top span-left, bottom center;width:320px;margin-bottom:12px}.zoom-pop{position-anchor:--aim;position-area:left center;position-try-fallbacks:right center, bottom center, top center;width:230px;margin:0 18px}.insert-pop{position-anchor:--insert;position-area:top center;position-try-fallbacks:top span-left, top span-right, bottom center;gap:2px;width:190px;margin:0 0 12px;padding:6px}.dock-pop{position-anchor:--dock-item;position-area:left span-bottom;position-try-fallbacks:--dock-up, --dock-centre;width:340px;margin-right:19px}@position-try --dock-up{position-area:left span-top}@position-try --dock-centre{position-anchor:--dock;position-area:left center;margin-right:14px}.big-number{font:700 40px/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;display:flex}.big-number small{color:var(--ink-3);font-size:20px}.group{flex-direction:column;gap:10px;min-width:0;display:flex}.group h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px;font-weight:700}.panel-note{color:var(--ink-3);align-items:center;gap:8px;margin:0;font-size:12.5px;display:flex}.style-panel{grid-template-columns:1fr;gap:18px;display:grid}.swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.swatches-dense{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.swatch{aspect-ratio:1;box-shadow:inset 0 0 0 .5px var(--hairline);transition:transform var(--medium) var(--spring), box-shadow var(--fast);border:0;border-radius:12px;padding:0;position:relative}.swatches-dense .swatch{border-radius:9px}.swatch-art{overflow:hidden}.swatch-art canvas{width:100%;height:100%;display:block}.swatch-surprise{background:var(--well);color:var(--ink-2);place-items:center;display:grid}.swatch-surprise svg{transition:transform var(--slow) var(--spring)}.swatch-surprise:hover{color:var(--ink)}.swatch-surprise:active svg{transform:rotate(-200deg)}.variation-row{align-items:center;gap:8px;display:flex}.variations{flex-wrap:wrap;flex:1;gap:10px;min-width:0;display:flex}.variation{width:28px;height:28px;transition:transform var(--medium) var(--spring), box-shadow var(--fast);border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 .5px #0000002e}.variation:hover{transform:scale(1.1)}.variation.is-on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--primary)}.shuffle{flex:none;gap:6px;height:28px;padding:0 12px 0 10px;font-size:12px}.shuffle svg{transition:transform var(--slow) var(--spring)}.shuffle:active svg{transform:rotate(180deg)}.swatch:hover{transform:scale(1.07)}.swatch:active{transform:scale(.94)}.swatch.is-on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--primary)}.color-row{align-items:center;gap:8px;min-width:0;display:flex}.color-field{background:var(--well);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:0;height:34px;padding:0 4px;display:flex}.color-field:focus-within{background:var(--surface);box-shadow:0 0 0 2px var(--ring)}.color-chip{width:26px;height:26px;box-shadow:inset 0 0 0 .5px var(--hairline);cursor:pointer;transition:transform var(--medium) var(--spring);border-radius:7px;flex:none;position:relative}.color-chip:hover{transform:scale(1.08)}.color-chip input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-field input[type=text]{min-width:0;color:var(--ink);font:500 12.5px/1 var(--font-mono);text-transform:uppercase;background:0 0;border:0;outline:0;flex:1;padding:0}.hue .slider{grid-template-columns:max-content minmax(0,1fr)}.hue .slider-head output{display:none}.hue .slider-track input::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, #ef3939, #ef3939);border-radius:4px;height:8px}.hue .slider-track input::-moz-range-track{background:linear-gradient(90deg,#f04848,#f0f048,#48f048,#48f0f0,#4848f0,#f048f0,#f04848);border-radius:4px;height:8px}.hue .slider-track input::-webkit-slider-thumb{margin-top:-5px}.image-tile{display:grid;position:relative}.image-thumb{aspect-ratio:auto;height:104px;overflow:hidden}.image-thumb:hover{transform:scale(1.02)}.image-thumb canvas{width:100%;height:100%;display:block}.image-replace{color:#fff;font:600 12.5px/1 var(--font-ui);opacity:0;transition:opacity var(--fast);background:#00000061;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.image-remove{color:#fff;opacity:0;width:22px;height:22px;transition:opacity var(--fast), transform var(--medium) var(--spring), background-color var(--fast);background:#0009;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:7px;right:7px;transform:scale(.6)}.image-remove:hover{background:#000000d9}.image-tile:hover .image-replace,.image-thumb:focus-visible .image-replace,.image-tile:hover .image-remove,.image-remove:focus-visible{opacity:1;transform:none}@media (hover:none){.image-remove{opacity:1;transform:none}}.image-add{background:var(--well);height:64px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--hairline);font:600 13px/1 var(--font-ui);transition:transform var(--medium) var(--spring), background-color var(--fast);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0;display:flex}.image-add:hover{background:var(--well-hover);color:var(--ink)}.image-add:active{transform:scale(.98)}.aspects{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.aspect{background:var(--well);height:56px;color:var(--ink-2);transition:transform var(--medium) var(--spring), background-color var(--fast);border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:700;display:flex}.aspect i{border:2px solid;border-radius:4px;max-width:26px;height:18px}.aspect:active{transform:scale(.94)}.aspect.is-on{background:var(--primary);color:var(--on-primary)}.layouts{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.layout-tile{background:var(--well);height:46px;transition:transform var(--medium) var(--spring), background-color var(--fast);border:0;border-radius:12px;place-items:center;padding:0;display:grid}.layout-tile:hover{background:var(--well-hover)}.layout-tile:active{transform:scale(.92)}.layout-art{width:32px;height:21px;position:relative}.layout-art i{transition:all var(--medium) var(--spring);border-radius:3px;position:absolute}.art-screen{background:var(--ink-3)}.art-cam{background:var(--camera)}.layout-off .art-screen{inset:0}.layout-off .art-cam{display:none}.layout-bubble .art-screen{inset:0}.layout-bubble .art-cam{width:9px;height:9px;box-shadow:0 0 0 1.5px var(--surface);border-radius:50%;bottom:2px;right:2px}.layout-side .art-screen{width:21px;height:17px;top:2px;left:0}.layout-side .art-cam{width:9px;height:17px;top:2px;right:0}.layout-split .art-screen{width:15px;height:15px;top:3px;left:0}.layout-split .art-cam{width:15px;height:15px;top:3px;right:0}.layout-full .art-screen{display:none}.layout-full .art-cam{inset:0}.layout-tile.is-on{background:var(--primary)}.layout-tile.is-on .art-screen{background:color-mix(in srgb, var(--on-primary) 55%, transparent)}.layout-tile.is-on .art-cam{box-shadow:0 0 0 1.5px var(--primary)}.camera-panel,.captions-panel,.music-panel{flex-direction:column;gap:16px;display:flex}.camera-row{justify-content:space-between;align-items:center;display:flex}.corner-picker{background:var(--well);border-radius:10px;grid-template-columns:1fr 1fr;width:60px;height:40px;padding:3px;display:grid}.corner-picker button{background:0 0;border:0;padding:4px;display:flex}.corner-picker button:first-child{justify-content:flex-start;align-items:flex-start}.corner-picker button:nth-child(2){justify-content:flex-end;align-items:flex-start}.corner-picker button:nth-child(3){justify-content:flex-start;align-items:flex-end}.corner-picker button:nth-child(4){justify-content:flex-end;align-items:flex-end}.corner-picker i{background:var(--ink-3);width:8px;height:8px;transition:transform var(--medium) var(--spring), background-color var(--fast);border-radius:50%}.corner-picker button:hover i{transform:scale(1.3)}.corner-picker button.is-on i{background:var(--primary);transform:scale(1.35)}.transcript{flex-direction:column;gap:2px;max-height:230px;margin:0 -6px;padding:0;list-style:none;display:flex;overflow:auto}.transcript li{border-radius:10px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:4px;padding:2px 4px;display:grid}.transcript li.is-on{background:var(--accent-soft)}.transcript .ts{color:var(--accent);font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0;border-radius:6px;padding:4px;font-size:12px;font-weight:600}.transcript .field>span{display:none}.transcript .field input{background:0 0;font-size:13.5px}.transcript .field input:hover{background:var(--well)}.add-row{color:var(--accent);background:0 0;border:0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:-8px;padding:4px 8px;font-size:12.5px;font-weight:600;display:flex}.add-row:hover{background:var(--accent-soft)}.captions-look{border-top:1px solid var(--hairline);grid-template-columns:auto 96px minmax(0,1fr);align-items:center;gap:12px;padding-top:14px;display:grid}.music-card{background:color-mix(in srgb, var(--music) 12%, transparent);border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.music-card>div{flex-direction:column;flex:1;min-width:0;display:flex}.music-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-card small{color:var(--ink-3);font-size:12px}.music-art{color:#fff;background:linear-gradient(135deg,#30d158,#0a7a32);border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.add-card{border:1.5px dashed var(--hairline-strong);transition:border-color var(--fast), background-color var(--fast);background:0 0;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;display:flex}.add-card:hover{border-color:var(--music);background:color-mix(in srgb, var(--music) 8%, transparent)}.add-card strong{font:700 15px var(--font-display);margin-top:4px}.add-card span:last-child{color:var(--ink-3);font-size:12px}.workspace{position:relative}.empty{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.empty-actions{background:var(--surface-glass);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:var(--shadow-pop);pointer-events:auto;border-radius:28px;gap:30px;padding:22px 30px 18px;display:flex}.big-action{background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:0;font-size:13.5px;font-weight:700;display:flex}.big-action-disc{background:var(--surface);width:78px;height:78px;box-shadow:0 0 0 .5px var(--hairline-strong), 0 10px 24px -10px #0000004d;transition:transform var(--medium) var(--spring), box-shadow var(--medium) var(--ease-out);border-radius:50%;place-items:center;display:grid}.big-action:hover .big-action-disc{box-shadow:0 0 0 .5px var(--hairline-strong), 0 18px 30px -12px #00000059;transform:translateY(-3px)scale(1.04)}.big-action:active .big-action-disc{transform:scale(.94)}.big-action.is-record .big-action-disc{background:var(--primary)}.big-action.is-record .big-action-disc i{background:var(--signal);width:30px;height:30px;box-shadow:0 0 0 6px color-mix(in srgb, var(--signal) 28%, transparent);transition:box-shadow var(--medium) var(--ease-out);border-radius:50%}.big-action.is-record:hover .big-action-disc i{box-shadow:0 0 0 9px color-mix(in srgb, var(--signal) 22%, transparent)}.empty-hint{background:var(--surface-glass);color:var(--ink-2);border-radius:999px;margin:0;padding:4px 10px;font-size:12px;font-weight:600}.sheet{background:var(--surface);width:min(760px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:0 0 0 .5px var(--hairline), 0 50px 100px -30px #00000073;opacity:1;transition:opacity var(--medium) var(--ease-out), transform var(--slow) var(--spring), overlay var(--medium) allow-discrete, display var(--medium) allow-discrete;border:0;border-radius:28px;padding:0;transform:none}@starting-style{.sheet[open]{opacity:0;transform:translateY(18px)scale(.97)}}.sheet:not([open]){opacity:0;transform:translateY(12px)scale(.98)}.sheet::backdrop{background:color-mix(in srgb, var(--canvas) 50%, transparent);-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);opacity:1;transition:opacity var(--medium) var(--ease-out), overlay var(--medium) allow-discrete, display var(--medium) allow-discrete}.sheet:not([open])::backdrop{opacity:0}@starting-style{.sheet[open]::backdrop{opacity:0}}.sheet-body{flex-direction:column;gap:20px;padding:24px;display:flex}.sheet-header{justify-content:space-between;align-items:center;display:flex}.sheet-header h2{font:700 22px var(--font-display);letter-spacing:-.025em;margin:0}.sheet-footer{align-items:center;gap:16px;display:flex}.sheet-footer .hint{color:var(--ink-3);flex:1;align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.row-actions{gap:8px;display:flex}.row-actions.center{justify-content:center}.sources{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;display:grid}.screen-tile{flex-direction:column;gap:8px;display:flex;position:relative}.screen-tile>.tile-empty,.screen-preview{aspect-ratio:16/10;border-radius:18px;width:100%}.screen-preview{object-fit:contain;background:#0b0b0c;display:block}.tile-empty{border:1.5px dashed var(--hairline-strong);background:var(--well);transition:border-color var(--fast), background-color var(--fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;display:flex}.tile-empty:hover:not(:disabled){border-color:var(--ink-3);background:var(--well-hover)}.tile-empty strong{font:700 16px var(--font-display);letter-spacing:-.01em;margin-top:8px}.tile-empty span:last-child{color:var(--ink-3);font-size:12.5px}.tile-disc{background:var(--primary);width:60px;height:60px;color:var(--on-primary);transition:transform var(--medium) var(--spring);border-radius:50%;place-items:center;display:grid}.tile-empty:hover .tile-disc{transform:scale(1.06)}.live-chip{color:#fff;background:#0009;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.live-chip i{background:var(--ok);border-radius:50%;width:6px;height:6px}.tile-actions{gap:4px;display:flex;position:absolute;top:10px;right:10px}.tile-actions .btn,.tile-actions .icon-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c}.source-list{flex-direction:column;gap:8px;display:flex}.source-row{background:var(--well);transition:background-color var(--fast);border-radius:16px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.source-art{background:var(--surface);width:52px;height:52px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid;overflow:hidden}.source-row.is-on .source-art{box-shadow:0 0 0 2px var(--primary)}.source-art-wrap{position:relative}.source-row.is-busy .source-art{box-shadow:0 0 0 2px var(--hairline-strong)}.source-busy{z-index:1;border:2px solid #0000;border-top-color:var(--primary);border-right-color:var(--primary);border-radius:50%;animation:.9s linear infinite source-busy;position:absolute;inset:-2px}@keyframes source-busy{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.source-busy{animation:none}}.cam-preview{place-items:center;width:100%;height:100%;display:grid}.cam-preview video{object-fit:cover;width:100%;height:100%}.source-text{flex-direction:column;min-width:0;display:flex}.source-text strong{font-size:13.5px}.device-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink-3);font-size:12px;overflow:hidden}.device-select{min-width:0;max-width:100%;color:var(--ink-3);transition:color var(--fast) var(--ease-out);align-items:center;gap:3px;font-size:12px;display:inline-flex}.device-select:hover{color:var(--ink-2)}.device-select select{appearance:none;field-sizing:content;min-width:0;max-width:100%;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;margin:0;padding:0;overflow:hidden}.device-select svg{pointer-events:none;flex:none}.mic-level{align-items:center;gap:2px;height:28px;display:flex}.mic-level i{width:3px;height:calc(4px + 22px * var(--level,0) * (1 - (var(--i) - 3) * (var(--i) - 3) / 14));background:var(--ok);border-radius:2px;transition:height 80ms linear}.problem{background:var(--signal-soft);color:var(--ink);border-radius:12px;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.problem svg{color:var(--signal);flex:none;margin-top:1px}.problem p{color:var(--ink-2);margin:2px 0 0}.countdown{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#08080a99;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.countdown-dial{place-items:center;width:200px;height:200px;display:grid;position:relative}.countdown-dial svg{position:absolute;inset:0;transform:rotate(-90deg)}.dial-track,.dial-fill{fill:none;stroke-width:6px}.dial-track{stroke:#ffffff29}.dial-fill{stroke:var(--signal);stroke-linecap:round;stroke-dasharray:340;animation:1s linear forwards dial}@keyframes dial{0%{stroke-dashoffset:340px}to{stroke-dashoffset:0}}.countdown-number{font:700 110px/1 var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;animation:count-in 1s var(--spring)}@keyframes count-in{0%{opacity:0;transform:scale(1.5)}30%{opacity:1}}.countdown p{color:#ffffffb3;margin:0}.countdown kbd{color:#fff;background:#ffffff24}.rec-dock{z-index:1001;flex-direction:column;flex:none;align-items:center;gap:22px;padding:26px 24px 30px;display:flex;position:relative}.rec-live{max-width:920px;min-height:2.5em;font:700 clamp(20px, 2.4vw, 30px) / 1.25 var(--font-display);letter-spacing:-.02em;text-align:center;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.floating-doc{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.floating-doc,.floating-doc body{background:#0b0b0c;height:100%;margin:0;overflow:hidden}.floating-recorder{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.floating-recorder.has-preview{box-sizing:border-box;justify-content:flex-end;gap:10px;padding-bottom:10px}.floating-preview{object-fit:contain;background:#000;flex:1;width:100%;min-height:0}.floating-recorder .rec-pill{box-shadow:0 0 0 .5px #ffffff1f}.rec-pill{color:#f5f5f5;background:#1c1c1e;border-radius:999px;align-items:center;gap:6px;padding:6px 6px 6px 18px;display:flex;box-shadow:0 0 0 .5px #ffffff1f,0 18px 40px #00000080}.rec-pill .rec-dot{animation:1.6s ease-in-out infinite pulse}.rec-pill.is-paused .rec-dot{background:var(--ink-3);animation:none}.rec-pill.is-starting .rec-dot{opacity:.45;animation:none}.rec-time{font-variant-numeric:tabular-nums;min-width:52px;padding:0 4px;font-size:15px;font-weight:700}.rec-pill .icon-btn{color:#f5f5f5;background:#ffffff14;width:40px;height:40px}.rec-pill .icon-btn:hover{background:#ffffff29}.rec-stop{background:var(--signal);color:#fff;height:40px;transition:transform var(--medium) var(--spring);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:700;display:flex}.rec-stop:active{transform:scale(.94)}.rec-pill.is-saving{gap:10px;padding:12px 20px;font-weight:600}.export-sheet{width:min(560px,100vw - 24px)}.export-grid{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px 16px;display:grid}.export-grid>span{color:var(--ink-2);font-size:12.5px;font-weight:600}.export-summary{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:center;margin:0;font-size:13px}.export-progress,.export-done{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px 0 6px;display:flex}.export-progress p,.export-done p{color:var(--ink-3);font-variant-numeric:tabular-nums;margin:0}.progress-ring{place-items:center;width:140px;height:140px;display:grid;position:relative}.progress-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring-track,.ring-fill{fill:none;stroke-width:8px}.ring-track{stroke:var(--well-strong)}.ring-fill{stroke:var(--primary);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p))}.progress-ring strong{font:700 30px var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.done-check{background:var(--ok);color:#fff;width:68px;height:68px;animation:pop-in var(--slow) var(--spring);border-radius:50%;place-items:center;display:grid}.export-done strong{font:700 17px var(--font-display);letter-spacing:-.015em;word-break:break-all}.export-done.is-error strong{color:var(--signal)}.toasts{z-index:900;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:68px;left:50%;transform:translate(-50%)}.toast{background:var(--surface-glass);max-width:min(460px,100vw - 24px);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:var(--shadow-pop);pointer-events:none;animation:toast-in var(--slow) var(--spring);border-radius:16px;align-items:center;gap:12px;padding:10px 8px 10px 14px;display:flex}.toast button{pointer-events:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}}.toast>div{flex:1;min-width:0}.toast strong{font-size:13px;display:block}.toast p{color:var(--ink-2);margin:1px 0 0;font-size:12px}.toast-success>svg{color:var(--ok)}.toast-error>svg{color:var(--signal)}.toast .icon-btn{width:26px;height:26px}.toast-action{background:var(--well);height:28px;color:var(--accent);border:0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:700}.dropzone{z-index:800;background:color-mix(in srgb, var(--accent) 8%, transparent);box-shadow:inset 0 0 0 3px var(--accent);pointer-events:none;animation:fade-in var(--medium) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.dropzone.is-timeline{background:0 0;place-items:start center;padding-top:18vh}@keyframes fade-in{0%{opacity:0}}.dropzone-target{background:var(--surface-glass);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:var(--shadow-pop);animation:pop-in var(--medium) var(--spring);border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:26px 36px;display:flex}.dropzone-target svg{color:var(--accent)}.dropzone-target strong{font:700 18px var(--font-display)}.dropzone-target span{color:var(--ink-3);font-size:12.5px}.shortcuts-sheet{width:min(560px,100vw - 24px)}.shortcut-list{grid-template-columns:1fr 1fr;gap:2px 24px;margin:0;display:grid}.shortcut-list>div{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:8px;padding:7px 0;display:flex}.shortcut-list dt{font-size:13px}.shortcut-list dd{gap:4px;margin:0;display:flex}.tip{background:var(--primary);color:var(--on-primary);white-space:nowrap;pointer-events:none;animation:tip-in var(--medium) var(--spring);border:0;border-radius:8px;align-items:center;gap:8px;margin:0;padding:5px 9px;font-size:12px;font-weight:600;display:none;position:fixed;inset:auto;overflow:visible;transform:translate(-50%,-100%)}.tip:popover-open{display:flex}.tip.is-below{transform:translate(-50%)}.tip kbd{background:color-mix(in srgb, var(--on-primary) 16%, transparent);color:color-mix(in srgb, var(--on-primary) 75%, transparent);padding:0 4px}@keyframes tip-in{0%{opacity:0;scale:.9}}.panel-error{text-align:center;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:auto;padding:24px;display:flex}.panel-error strong{color:var(--ink)}.stopped{text-align:center;background:var(--canvas);height:100dvh;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:14px;display:flex}.stopped strong{color:var(--ink);font-size:18px}.stopped p{margin:0 0 10px}@media (pointer:coarse){.dock-keys,.new-video-menu kbd,.countdown p{display:none}}@media (width<=700px){.header{gap:8px;padding:0 10px}.header-sep,.header-left .icon-btn:not(.header-history),.header-right .btn>span:not(.export-icon){display:none}.header-right .btn{width:36px;padding:0}.project-title{max-width:52vw;font-size:14px}.stage{padding:4px 12px 0}.stage-frame{border-radius:14px}.timeline{width:calc(100% - 24px);margin:12px auto calc(86px + env(safe-area-inset-bottom))}.play-btn{width:40px;height:40px}.dock{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;flex-direction:row;margin:0;position:fixed;transform:translate(-50%)}.dock-sep{width:1px;height:22px;margin:auto 4px}.pop{position-area:none;position-try-fallbacks:none;inset:auto 8px calc(8px + env(safe-area-inset-bottom)) 8px;max-height:80dvh;margin:0;width:auto!important}.sources{grid-template-columns:1fr}.sheet-body{padding:18px}.sheet-footer{flex-direction:column;align-items:stretch}.shortcut-list{grid-template-columns:1fr}.empty-actions{gap:22px}}.bubble-on{background:color-mix(in srgb, var(--camera) 14%, transparent);color:var(--camera);border-radius:12px;align-items:center;gap:6px;padding:6px;display:flex}.bubble-on>svg{flex:none;margin:0 2px 0 4px}.chip{background:var(--surface);min-width:0;height:28px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;box-shadow:0 0 0 .5px var(--hairline-strong);transition:transform var(--medium) var(--spring), background-color var(--fast);border:0;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.chip:hover{background:var(--primary);color:var(--on-primary)}.chip:active{transform:scale(.95)}.bubble-on-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.talk-over{background:var(--signal-soft);height:38px;color:var(--ink);transition:transform var(--medium) var(--spring), background-color var(--fast);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.talk-over:hover{background:color-mix(in srgb, var(--signal) 22%, transparent)}.talk-over:hover .rec-dot{box-shadow:0 0 0 4px var(--signal-soft)}.talk-over:active{transform:scale(.97)}.track-zooms:before,.track-camera:before,.track-captions:before{content:"";background:var(--well);pointer-events:none;height:8px;transition:background-color var(--fast);border-radius:4px;position:absolute;top:3px;left:10px;right:10px}.track-captions:before{border-radius:2px;height:3px;top:4px}.track-zooms:before{background:color-mix(in srgb, var(--zoom) 14%, transparent)}.track-camera:before{background:color-mix(in srgb, var(--camera) 15%, transparent)}.track-zooms:hover:before{background:color-mix(in srgb, var(--zoom) 26%, transparent)}.track-camera:hover:before{background:color-mix(in srgb, var(--camera) 28%, transparent)}.chip-icon{flex:none;justify-content:center;width:28px;padding:0}.export-video{aspect-ratio:16/9;width:100%;box-shadow:0 0 0 .5px var(--hairline-strong), 0 24px 50px -24px #0000008c;animation:arrive var(--slow) var(--spring);background:#000;border-radius:16px;display:block}@keyframes arrive{0%{opacity:0;transform:translateY(14px)scale(.94)}}.export-done .export-file{max-width:100%;color:var(--ink);align-items:center;gap:8px;margin:2px 0 0;font-size:13px;display:flex}.export-done .export-file strong{font:600 13px var(--font-ui);letter-spacing:0}.export-file svg{color:var(--ok);flex:none}.export-file strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.export-file span{color:var(--ink-3);flex:none}.confetti{pointer-events:none;z-index:10;width:100vw;height:100dvh;position:fixed;inset:0}.progress-ring.is-starting .ring-fill{stroke-dasharray:.22 .78;stroke-dashoffset:0;transform-box:fill-box;transform-origin:50%;animation:.9s linear infinite spin}.done-footer{align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.export-done .done-footer .export-file{flex:1;min-width:0;margin:0}@media (width<=700px){.done-footer{flex-wrap:wrap}.export-done .done-footer .export-file{flex-basis:100%}.done-footer .btn{flex:1}}.sheet:focus{outline:none}.transition-chip.is-cut{opacity:0;background:var(--surface);color:var(--ink-3);transition:opacity var(--fast), transform var(--medium) var(--spring)}.track-clips:hover .transition-chip.is-cut,.transition-chip.is-cut.is-open,.transition-chip.is-cut:focus-visible{opacity:1}.transition-chip.is-open{anchor-name:--transition;background:var(--primary);color:var(--on-primary)}.transition-pop{position-anchor:--transition;position-area:top center;position-try-fallbacks:top span-right, top span-left, bottom center;width:340px;margin-bottom:52px}.timeline-row .add-scene{margin-top:30px}.timeline-row.with-camera .add-scene{margin-top:44px}.canvas-panel{flex-direction:column;gap:18px;display:flex}.crop-row{gap:6px;display:flex}.crop-backdrop{position:absolute;inset:0}.crop-frame{cursor:move;anchor-name:--crop;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #08080a8c}.crop-thirds{pointer-events:none;opacity:0;transition:opacity var(--fast);background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#ffffff73 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff73 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#ffffff73 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff73 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px));position:absolute;inset:0}.crop-frame.is-dragging .crop-thirds{opacity:1}.crop-handle{width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}.crop-handle:after{content:"";background:#fff;border-radius:3px;position:absolute;inset:6px;box-shadow:0 1px 4px #00000073}.crop-n:after,.crop-s:after{inset:8px 2px}.crop-e:after,.crop-w:after{inset:2px 8px}.crop-nw{cursor:nwse-resize;top:0;left:0}.crop-n{cursor:ns-resize;top:0;left:50%}.crop-ne{cursor:nesw-resize;top:0;left:100%}.crop-e{cursor:ew-resize;top:50%;left:100%}.crop-se{cursor:nwse-resize;top:100%;left:100%}.crop-s{cursor:ns-resize;top:100%;left:50%}.crop-sw{cursor:nesw-resize;top:100%;left:0}.crop-w{cursor:ew-resize;top:50%;left:0}.crop-pop{position-anchor:--crop;position-area:bottom center;position-try-fallbacks:top center, center;width:max-content;margin-top:14px;padding:8px}.crop-pop .segmented{width:312px;margin-right:2px}@media (width<=379px){.header-left .header-history{display:none}}@media (width<=700px){.crop-pop{position-area:none;position-try-fallbacks:none;inset:auto 8px calc(8px + env(safe-area-inset-bottom)) 8px;margin:0}.crop-pop .pop-actions{flex-wrap:wrap}.crop-pop .segmented{flex:1 0 100%;width:auto;margin:0 0 6px}}.tip.is-left{transform:translate(-100%,-50%)}.countdown-dial.is-starting .countdown-number{font:600 22px/1 var(--font-display);letter-spacing:-.01em}.countdown-dial.is-starting svg{animation:1.2s linear infinite starting-spin}.countdown-dial.is-starting .dial-fill{stroke-dasharray:90 250;animation:none}@keyframes starting-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.library{background:var(--canvas);flex-direction:column;height:100dvh;display:flex;overflow-y:auto}.library-header{z-index:5;background:color-mix(in srgb, var(--canvas) 86%, transparent);height:60px;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);flex:none;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.library-main{flex:1;width:min(1180px,100% - 48px);margin:0 auto;padding:36px 0 32px}.library-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.library-top h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1}.library-tools{flex:auto;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.library-tools>*{flex:none}.library-tools[hidden]{display:none}.library-tools>.library-search{flex:0 300px;min-width:120px}.library-search{background:var(--well);height:40px;color:var(--ink-3);transition:background-color var(--fast) var(--ease-out), box-shadow var(--fast) var(--ease-out);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.library-search:focus-within{background:var(--surface);box-shadow:0 0 0 1.5px var(--ink)}.library-search input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.library-search input::-webkit-search-cancel-button{display:none}.library-layout{background:var(--well);border-radius:12px;padding:3px;display:flex}.library-layout button{width:34px;height:34px;color:var(--ink-3);transition:background-color var(--fast) var(--ease-out), color var(--fast) var(--ease-out);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.library-layout button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 .5px var(--hairline), 0 1px 3px #00000014}.library-header-end{align-items:center;gap:10px;display:flex}.new-video{anchor-name:--new-video;gap:6px}.new-video-menu{position-area:bottom span-left;position-try-fallbacks:bottom span-right, top span-left;min-width:200px;margin:8px 0;inset:auto}.new-video-menu kbd{color:var(--ink-3);font:600 12px var(--font-ui)}.library-notice{background:var(--well);color:var(--ink-2);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:12px 12px 12px 18px;font-size:13px;line-height:1.45;display:flex}.library-notice p{margin:0}.library.is-dropping{box-shadow:inset 0 0 0 3px var(--ink)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px 24px;display:grid}.video-card{flex-direction:column;gap:12px;min-width:0;display:flex;position:relative}.video-open{cursor:pointer;background:0 0;border:0;border-radius:16px;padding:0;display:block}.video-open:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.video-thumb{aspect-ratio:16/9;box-shadow:0 0 0 .5px var(--hairline), 0 12px 28px -20px #00000073;transition:transform var(--medium) var(--spring), box-shadow var(--medium) var(--ease-out);border-radius:16px;position:relative;overflow:hidden}.video-picture{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.video-thumb img{object-fit:contain;width:100%;height:100%;animation:thumb-in var(--medium) var(--ease-out);display:block}@keyframes thumb-in{0%{opacity:0}}.video-card.is-coming{opacity:0;animation:.24s ease-out .3s forwards coming-in}@keyframes coming-in{to{opacity:1}}.video-card.is-coming .video-thumb,.video-coming-line{background:var(--well);animation:1.6s ease-in-out infinite coming}.video-coming-line{border-radius:7px;width:58%;height:13px;margin:2px 0;display:block}.video-coming-line.is-short{width:34%;animation-delay:.15s}@keyframes coming{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.video-card.is-coming .video-thumb,.video-coming-line{animation:none}}.video-card .video-open:hover .video-thumb,.video-card.has-menu .video-thumb{box-shadow:0 0 0 .5px var(--hairline), 0 22px 40px -22px #00000080;transform:translateY(-3px)}.video-card:has(.video-more:hover) .video-thumb{box-shadow:0 0 0 .5px var(--hairline), 0 22px 40px -22px #00000080;transform:translateY(-3px)}.video-time{color:#fff;font-variant-numeric:tabular-nums;background:#0000009e;border-radius:7px;padding:3px 7px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.video-more{opacity:0;transition:opacity var(--fast) var(--ease-out), background-color var(--fast) var(--ease-out)}.video-card .video-more{color:#0a0a0b;width:32px;height:32px;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);background:#ffffffe6;border-radius:50%;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0000002e}.video-card:hover .video-more,.video-row:hover .video-more,.video-more:focus-visible,.video-more.is-open{opacity:1}.video-card .video-more:hover:not(:disabled),.video-card .video-more.is-open{color:#0a0a0b;background:#fff}.video-card .video-more{transition:opacity var(--fast) var(--ease-out), background-color var(--fast) var(--ease-out), transform var(--medium) var(--spring)}.video-card.has-menu .video-more{transform:translateY(-3px)}.video-card:has(.video-open:hover) .video-more{transform:translateY(-3px)}.video-card:has(.video-more:hover) .video-more{transform:translateY(-3px)}.video-card .video-more:active:not(:disabled){transform:translateY(-3px)scale(.88)}.video-meta{flex-direction:column;gap:3px;min-width:0;padding:0 2px;display:flex}.video-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.video-meta span,.video-row-name span{color:var(--ink-3);font-size:13px;font-weight:500}.video-name-field{background:var(--well);width:100%;color:var(--ink);font:inherit;box-shadow:0 0 0 1.5px var(--ink);border:0;border-radius:8px;outline:0;margin:-2px -6px;padding:2px 6px;font-size:15px;font-weight:650}.video-list{flex-direction:column;gap:2px;display:flex}.video-row{transition:background-color var(--fast) var(--ease-out);border-radius:14px;grid-template-columns:120px minmax(0,1fr) 110px 110px 36px;align-items:center;gap:18px;padding:8px 10px;display:grid}.video-row:hover,.video-row.has-menu{background:var(--well)}.video-row .video-thumb{border-radius:9px}.video-row-name{flex-direction:column;gap:2px;min-width:0;display:flex}.video-row-cell{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}@media (width<=700px){.library-header{padding:0 10px}.video-row{grid-template-columns:96px minmax(0,1fr) 36px}.video-row-cell,.video-list-head{display:none}}.video-new{anchor-name:--first-video;aspect-ratio:16/9;border:1.5px dashed var(--hairline-strong);color:var(--ink-2);transition:background-color var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out);background:0 0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:650;display:flex}.video-new:hover,.library.is-dropping .video-new{background:var(--well);border-color:var(--ink-3)}.video-new-disc{background:var(--surface);width:48px;height:48px;color:var(--ink);box-shadow:0 0 0 .5px var(--hairline-strong), 0 8px 18px -10px #0000004d;transition:transform var(--medium) var(--spring);border-radius:50%;place-items:center;display:grid}.video-new:hover .video-new-disc{transform:scale(1.08)}.library-empty{color:var(--ink-3);text-align:center;margin:48px 0;font-size:15px}.library-foot{color:var(--ink-3);text-align:center;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:2px 7px;padding:20px 24px 28px;font-size:13px;display:flex}.library-foot-link{color:inherit;transition:color var(--fast) var(--ease-out);text-decoration:none}.library-foot-link:hover{color:var(--ink-2)}.library-foot-note{flex-basis:100%;margin:4px 0 0}@media (width<=700px){.library-foot-sep{display:none}.library-foot-link{flex-basis:100%}}.video-menu{position-anchor:--video-more;position-area:bottom span-left;position-try-fallbacks:top span-left, bottom span-right;min-width:210px;margin:6px 0;inset:auto}.menu-item.is-danger{color:var(--danger)}.stage-frame{view-transition-name:hero-video}.stage-poster{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage-poster.leaving{animation:ease-out forwards poster-leave}@keyframes poster-leave{to{opacity:0}}@media (prefers-reduced-motion:reduce){.stage-poster.leaving{opacity:0;animation:none}}.poster-pop{position-anchor:--stage;position-area:top center;position-try-fallbacks:bottom center;width:auto;margin:12px 0;padding:8px 8px 8px 14px}.poster-pop .pop-actions{gap:8px}::view-transition-group(hero-video){animation-duration:.46s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation-duration:.28s}::view-transition-new(root){animation-duration:.28s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.welcome-sheet{width:min(920px,100vw - 24px)}.welcome-sheet .sheet-body{gap:28px;padding:44px 40px 36px}.welcome-close{position:absolute;top:18px;right:18px}.welcome-header{text-align:center}.welcome-header h2{font:800 clamp(30px, 4.6vw, 44px) / 1.05 var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0}.welcome-promise{color:var(--ink-2);font:500 clamp(16px, 2vw, 19px) / 1.4 var(--font-ui);letter-spacing:-.01em;margin:12px 0 0}.welcome-video{aspect-ratio:16/9;box-shadow:0 0 0 .5px var(--hairline-strong), 0 24px 50px -24px #0000008c;background:#000;border-radius:16px;position:relative;overflow:hidden}.welcome-video video{object-fit:contain;width:100%;height:100%;display:block}.welcome-play{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.welcome-play-mark{width:84px;height:84px;color:var(--ink);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);box-shadow:0 0 0 .5px var(--hairline-strong), 0 14px 34px -12px #00000080;transition:transform var(--fast) var(--spring);border-radius:50%;place-items:center;padding-left:5px;display:grid}.welcome-play:hover .welcome-play-mark{transform:scale(1.06)}.welcome-play:active .welcome-play-mark{transform:scale(.96)}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.welcome-new{anchor-name:--welcome-new}@media (width<=700px){.welcome-actions{flex-direction:column;align-items:stretch}}.library-sort{anchor-name:--library-sort;background:var(--well);height:40px;color:var(--ink-2);font:600 13px var(--font-ui);white-space:nowrap;transition:background-color var(--fast) var(--ease-out), color var(--fast) var(--ease-out);border:0;border-radius:12px;align-items:center;gap:6px;padding:0 12px 0 14px;display:inline-flex}.library-sort:hover{background:var(--well-hover);color:var(--ink)}.sort-menu{position-anchor:--library-sort;position-area:bottom span-left;position-try-fallbacks:bottom span-right, top span-left;min-width:180px;margin:8px 0;inset:auto}.video-list-head{border-bottom:1px solid var(--hairline);grid-template-columns:120px minmax(0,1fr) 110px 110px 36px;align-items:center;gap:18px;margin-bottom:4px;padding:0 10px 6px;display:grid}.video-sort{color:var(--ink-3);font:600 12px var(--font-ui);transition:color var(--fast) var(--ease-out);background:0 0;border:0;justify-self:start;align-items:center;gap:4px;padding:4px 0;display:inline-flex}.video-sort:hover,.video-sort.is-active{color:var(--ink)}@font-face{font-family:Inter Display;src:url(/fonts/InterDisplay-Bold.woff2)format("woff2");font-weight:700;font-display:block}.brand-anchor{--x:20px;z-index:20;width:180px;height:60px;padding-left:var(--x);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;view-transition-name:brand;align-items:center;display:flex;position:fixed;top:0;left:0}.brand-anchor.is-ready{opacity:1}.brand-anchor.is-hidden{visibility:hidden}.brand-slot{flex:none;width:96px;height:34px}.header .brand-slot{width:26px}.brand{--dot-x:.72em;--morph:.5s cubic-bezier(.32, .72, 0, 1);font:700 18px/1 "Inter Display", var(--font-display);letter-spacing:-.03em;color:var(--ink);align-items:center;display:inline-flex;position:relative}.brand[data-state=dot]{width:calc(var(--dot-x) * 2)}.brand-word{white-space:nowrap;align-items:baseline;display:inline-flex;position:relative}.brand-part{transition:transform var(--morph), opacity .3s var(--ease-out);will-change:transform, opacity;display:inline-block}.brand-stop{width:.19em;height:.19em;margin:0 .05em;display:inline-block}.brand-dot{left:calc(var(--dot-x) - .3em);width:.6em;height:.6em;transform:translate(var(--stop-x,0), var(--stop-y,0)) scale(.3167);transition:transform var(--morph);will-change:transform;background:currentColor;border-radius:50%;position:absolute;top:calc(50% - .3em)}.brand[data-state=dot] .brand-part{transform:translateX(var(--to,0)) scale(.1);opacity:0;transition:transform var(--morph), opacity .4s cubic-bezier(.7, 0, 1, .6)}.brand[data-state=dot] .brand-dot{transform:none}@keyframes brand-load{0%{transform:scale(0)}}.brand.enter .brand-dot{animation:.42s cubic-bezier(.3,1.5,.5,1) .1s backwards brand-load}.brand-hit{left:calc(var(--x) - 4px);cursor:pointer;pointer-events:auto;width:34px;height:34px;transition:background-color var(--fast) var(--ease-out);background:0 0;border:0;border-radius:8px;margin-top:-17px;padding:0;position:absolute;top:50%}.brand-hit:hover{background:var(--well)}.brand-hit:active{background:var(--well-strong)}::view-transition-group(brand){animation:none}::view-transition-new(brand){animation:none}::view-transition-old(brand){opacity:0;animation:none}@media (width<=700px){.brand-anchor{--x:10px}}@media (prefers-reduced-motion:reduce){.brand,.brand *{transition-duration:1ms!important;animation:none!important}}