:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;background:#0c1626}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:not-allowed}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}a{color:inherit}.app,.closed{--bg:#0c1626;--surface:#121f31;--line:#263447;--text:#f5f7fb;--muted:#a1afc1;--accent:#85ded1;--soft:#1d3840;background:var(--bg);color:var(--text);min-height:100svh;transition:background .25s,color .25s}.app[data-theme=light],.closed[data-theme=light]{--bg:#f3f6f8;--surface:#fff;--line:#dce4e9;--text:#182737;--muted:#627487;--accent:#146f66;--soft:#d9eeea;color-scheme:light}.shell{max-width:660px;margin:auto;padding:max(24px,env(safe-area-inset-top),var(--safe-top,0px)) max(24px,env(safe-area-inset-right),var(--safe-right,0px)) max(22px,env(safe-area-inset-bottom),var(--safe-bottom,0px)) max(24px,env(safe-area-inset-left),var(--safe-left,0px))}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:21px;font-weight:650;letter-spacing:-.8px}.brand svg{width:30px;height:30px;color:var(--accent);stroke-width:1.8}.top-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--surface);color:var(--text)}.icon-button svg{width:19px;height:19px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.4px;color:var(--accent);display:flex;gap:8px;align-items:center}.tiny-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.heading h1{font-weight:600;font-size:32px;letter-spacing:-1.3px;line-height:1.15;margin:14px 0 10px}.heading>p{color:var(--muted);font-size:14px;margin:0}.editor{margin-top:30px;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden}.preview{padding:34px 24px 16px}.circle-wrap{position:relative;width:min(280px,100%);aspect-ratio:1;margin:0 auto}.circle-wrap video{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#183a48;display:block}.circle-outline{position:absolute;inset:-8px;border:1px solid var(--line);border-radius:50%;pointer-events:none}.video-wait{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--muted);font-size:13px}.playback{display:flex;justify-content:center;align-items:center;gap:32px;margin:25px 0 0}.timestamp{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);width:40px}.timestamp:last-child{text-align:right}.play-button{border:1px solid var(--line);width:48px;height:48px;border-radius:50%;background:transparent;color:var(--text);display:grid;place-items:center}.play-button:hover{background:var(--soft)}.play-button:disabled{opacity:.4}.play-shape{fill:currentColor;stroke-width:0}.timeline-section{padding:12px 26px 24px}.section-label{display:flex;justify-content:space-between;align-items:center;margin:4px 0 16px}.section-label h2{font-size:13px;font-weight:550;margin:0}.duration-pill{font-size:11px;color:var(--accent);background:var(--soft);padding:5px 9px;border-radius:6px;font-variant-numeric:tabular-nums}.timeline-placeholder{height:69px;position:relative;border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;color:var(--muted);overflow:hidden}.timeline-placeholder>span{position:relative;background:var(--surface);padding:7px 10px;font-size:10px}.track-ticks{position:absolute;inset:12px 8px;display:flex;justify-content:space-between;align-items:center;opacity:.4}.track-ticks i{height:15px;width:1px;background:var(--muted)}.track-ticks i:nth-child(4n+1){height:32px}.range-labels{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.range-labels span:nth-child(2){color:var(--muted);opacity:.8}.editor-footer{padding:20px 26px 21px;border-top:1px solid var(--line)}.coming-soon{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:var(--accent);margin-bottom:17px}.outline-dot{width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.trim-button{width:100%;min-height:50px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:550}.trim-button svg{width:18px;height:18px;opacity:.7}.editor-footer p{color:var(--muted);font-size:10px;line-height:1.7;text-align:center;margin:13px 0 0}.privacy{display:flex;gap:7px;justify-content:center;align-items:center;font-size:10px;color:var(--muted);margin:20px 0 0}.privacy svg{width:12px;height:12px;stroke-width:1.3}.notice,.loading{min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;gap:12px}.notice h2{font-size:18px;letter-spacing:-.5px;margin:0}.notice p{color:var(--muted);font-size:13px;line-height:1.6;margin:0;max-width:300px}.notice-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:19px}.secondary-button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);padding:0 16px;margin-top:5px;font-size:12px}.demo-link{font-size:12px;min-height:44px;display:grid;place-items:center;color:var(--accent)}.loading p,.inline-error{font-size:12px;color:var(--muted)}.spinner{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.closed{display:grid;place-content:center;gap:16px;text-align:center}.closed button{border:1px solid var(--line);background:var(--surface);color:var(--text);min-height:44px;padding:0 20px;border-radius:10px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.shell{padding-top:36px;padding-bottom:30px;max-width:590px}.topbar{margin-bottom:38px}.heading h1{font-size:36px}.preview{padding-top:38px}.circle-wrap{width:290px}.editor{margin-top:30px}.timeline-section,.editor-footer{padding-left:32px;padding-right:32px}}@media(max-width:370px){.shell{padding-left:18px;padding-right:18px}.topbar{margin-bottom:30px}.heading h1{font-size:28px}.circle-wrap{width:230px}.preview{padding-top:28px}.timeline-section,.editor-footer{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.timeline-interaction{padding:29px 12px 7px}.video-timeline{height:62px;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:8px;background:var(--bg);isolation:isolate}.thumbnail-strip{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:8px;pointer-events:none}.thumbnail-strip img{height:100%;width:10%;flex:0 0 10%;min-width:0;object-fit:cover}.neutral-track{display:grid;place-items:center;width:100%;color:var(--muted);font-size:10px;border:1px solid var(--line);border-radius:8px}.outside-range{position:absolute;top:0;bottom:0;background:#030a12ad;pointer-events:none;z-index:1}.outside-range.left{left:0;border-radius:8px 0 0 8px}.outside-range.right{right:0;border-radius:0 8px 8px 0}.selected-range{position:absolute;top:0;bottom:0;background:#70dac81f;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);pointer-events:none;z-index:2}.timeline-handle{position:absolute;top:-5px;height:72px;width:44px;transform:translate(-50%);padding:0;background:transparent;border:0;color:var(--accent);z-index:4;touch-action:none;display:grid;place-items:center}.timeline-handle:before{content:"";width:14px;height:72px;border-radius:5px;background:var(--accent);position:absolute}.timeline-handle span{height:20px;width:2px;background:var(--bg);border-radius:2px;position:relative}.timeline-handle:disabled{opacity:.35}.playhead{position:absolute;top:-29px;height:44px;width:44px;transform:translate(-50%);border:0;background:transparent;z-index:5;touch-action:none;padding:0;display:grid;justify-items:center;align-content:start}.playhead:before{content:"";position:absolute;top:20px;height:72px;width:1.5px;background:var(--text);pointer-events:none}.playhead span{height:12px;width:10px;background:var(--text);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);position:relative;top:17px}.timeline-interaction.is-dragging{cursor:grabbing}.timeline-handle:focus-visible:before{outline:2px solid var(--text);outline-offset:3px}.fine-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.fine-control>span{display:block;font-size:10px;color:var(--muted);margin:0 0 8px 2px}.fine-control>div{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.fine-control button{min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--accent);font-size:21px;touch-action:manipulation}.fine-control button:hover{background:var(--soft)}.fine-control output{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.preview-selection{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);border-radius:12px;background:var(--soft);color:var(--accent);font-size:13px;font-weight:550;margin-bottom:10px;touch-action:manipulation}.preview-selection svg{width:17px;height:17px}.preview-selection:disabled{opacity:.4}.frame-note{font-size:10px;color:var(--muted);line-height:1.5}.video-timeline button:disabled{cursor:not-allowed}.timeline-section{padding-top:10px}.timeline-section .section-label{margin-bottom:8px}.preview{padding-top:27px}.circle-wrap{width:min(250px,100%)}.topbar{margin-bottom:30px}.heading h1{font-size:30px}.editor{margin-top:24px}.editor-footer{padding-top:16px}.playback{margin-top:20px}@media(max-width:370px){.fine-controls{gap:8px}.fine-control button{min-width:40px}.fine-control output{font-size:11px}.circle-wrap{width:220px}.timeline-section,.editor-footer{padding-left:16px;padding-right:16px}}@media(min-width:700px){.circle-wrap{width:270px}}.timeline-interaction{padding-left:22px;padding-right:22px}.timeline-handle.start{transform:translate(calc(-100% + 7px))}.timeline-handle.end{transform:translate(-7px)}.timeline-handle.start:before{right:0}.timeline-handle.end:before{left:0}.timeline-handle.start span{position:absolute;right:6px}.timeline-handle.end span{position:absolute;left:6px}@media(max-width:340px){.fine-controls{grid-template-columns:1fr}.fine-control button{min-width:44px}.fine-control output{font-size:12px}}.trim-button:not(:disabled){background:var(--accent);color:var(--bg);border-color:var(--accent)}.trim-button:not(:disabled):hover{filter:brightness(.96)}.export-status{min-height:390px;padding:44px 28px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center}.export-status h2{font-size:22px;line-height:1.4;letter-spacing:-.6px;margin:0;font-weight:550}.export-status p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.export-status .preview-selection{margin-top:8px}.export-status .spinner{width:30px;height:30px}@media(max-width:400px){.fine-controls{grid-template-columns:1fr;gap:12px}.fine-control button{min-width:44px;min-height:44px}.fine-control output{font-size:12px}}