.video-flow{z-index:1000;background:var(--bg);color:var(--text);flex-direction:column;display:flex;position:fixed;inset:0}.video-flow:focus-visible{outline:none}.vf-screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.vf-camera-view{object-fit:cover;opacity:0;background:#000;width:100%;height:100%;position:absolute;inset:0}.vf-camera-view.is-live{opacity:1}.vf-camera{background:#000}.vf-top,.vf-bottom{justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:absolute;left:0;right:0}.vf-top{top:env(safe-area-inset-top,0)}.vf-bottom{bottom:env(safe-area-inset-bottom,0);padding-bottom:24px}.vf-round,.vf-gallery{background:color-mix(in srgb, var(--bg) 60%, transparent);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:inline-flex}.vf-gallery{border-radius:var(--radius-sm);padding:6px 10px}.vf-round:disabled,.vf-gallery:disabled,.vf-shutter:disabled{opacity:.4}.vf-shutter{border:4px solid var(--text);background:var(--danger-strong);cursor:pointer;border-radius:50%;width:72px;height:72px}.vf-shutter.is-recording{border-radius:18px;width:64px;height:64px}.vf-rec{background:color-mix(in srgb, var(--bg) 60%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.vf-rec-dot{background:var(--danger-strong);border-radius:50%;width:10px;height:10px}.vf-note{left:18px;right:18px;bottom:calc(120px + env(safe-area-inset-bottom,0));text-align:center;color:var(--text-soft);margin:0;font-size:13px;position:absolute}.vf-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.vf-error{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);margin:0;padding:10px 12px;position:absolute;top:70px;left:18px;right:18px}.vf-head{padding:calc(10px + env(safe-area-inset-top,0)) 14px 10px;border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.vf-head h2{margin:0;font-size:16px}.vf-head>:last-child{white-space:nowrap;justify-self:end}.vf-link-btn{color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;display:inline-flex}.vf-edit-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.vf-stage{width:min(100%, calc(46vh * var(--vf-ratio,.5625)));aspect-ratio:var(--vf-ratio,.5625);border-radius:var(--radius);background:var(--surface);align-self:center;position:relative;overflow:hidden}.vf-stage-video,.vf-stage-canvas{width:100%;height:100%;position:absolute;inset:0}.vf-stage-video{object-fit:contain}.vf-stage-canvas{pointer-events:none}.vf-move{cursor:grab;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.vf-move:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vf-tools{flex-direction:column;gap:12px;display:flex}.vf-toolbar{gap:6px;display:flex;overflow-x:auto}.vf-tool{border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--surface);min-width:56px;color:var(--text-soft);font:inherit;cursor:pointer;flex-direction:column;flex:1 0 auto;align-items:center;gap:4px;padding:8px 6px;font-size:12px;display:flex}.vf-tool.is-active{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.vf-tool:disabled{opacity:.5}.vf-tool-panel{flex-direction:column;align-items:stretch;gap:10px;display:flex}.vf-stats-label{border:1px dashed var(--accent);border-radius:var(--radius-sm);background:var(--surface);text-align:center;margin:0;padding:10px 12px;font-weight:700}.vf-text-field{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.vf-text-field input{border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;padding:10px 12px}.vf-text-foot{justify-content:space-between;align-items:center;display:flex}.vf-segmented{border:1px solid var(--border-control);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.vf-segmented button{background:var(--surface);color:var(--text-soft);font:inherit;cursor:pointer;border:0;padding:10px 0;font-weight:700}.vf-segmented button.is-active{background:var(--accent-fill);color:var(--accent-ink)}.vf-switch{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:8px 0;display:flex}.vf-switch:disabled{opacity:.6;cursor:default}.vf-switch-knob{background:var(--border-strong);border-radius:13px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.vf-switch-knob:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.vf-switch.is-on .vf-switch-knob{background:var(--accent)}.vf-switch.is-on .vf-switch-knob:after{background:var(--switch-knob);transform:translate(18px)}.vf-strip{background:var(--surface);touch-action:none;border-radius:10px;height:64px;position:relative}.vf-frames{border-radius:10px;display:flex;position:absolute;inset:0;overflow:hidden}.vf-frames img{object-fit:cover;flex:1;min-width:0;height:100%}.vf-dim{background:color-mix(in srgb, var(--bg) 70%, transparent);position:absolute;top:0;bottom:0}.vf-window{border-block:3px solid var(--accent);pointer-events:none;position:absolute;top:0;bottom:0}.vf-handle{background:var(--accent);cursor:ew-resize;touch-action:none;border-radius:6px;width:16px;margin-left:-8px;position:absolute;top:-4px;bottom:-4px}.vf-handle:focus-visible{outline:2px solid var(--text)}.vf-trim-legend{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;display:flex}.vf-trim-legend strong{color:var(--text)}.vf-share{flex-direction:column;gap:14px;display:flex}.vf-share-top{grid-template-columns:110px 1fr;gap:12px;display:grid}.vf-share-top .vf-stage{border-radius:var(--radius-sm);width:110px}.vf-caption{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.vf-caption textarea{resize:none;border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;flex:1;padding:10px}.vf-link{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:10px;padding:10px 12px;display:flex}.vf-link.is-error{border-color:var(--danger)}.vf-link-text{flex-direction:column;flex:1;min-width:0;display:flex}.vf-link.is-error .vf-link-text .small{color:var(--danger)}.vf-where{margin:4px 0 0;font-size:14px}.vf-destinations{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vf-dest{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.vf-ig{color:#fff;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.vf-dest-sub-check{cursor:pointer;flex-basis:100%;align-items:center;gap:8px;padding-left:30px;display:flex}.vf-dest.is-failed{border-color:var(--danger)}.vf-dest.is-failed .vf-dest-text .small{color:var(--danger)}.vf-dest-row{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.vf-dest-row input{accent-color:var(--accent);width:20px;height:20px}.vf-dest-text{flex-direction:column;flex:1;min-width:0;display:flex}.vf-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0));border-top:1px solid var(--border)}.film-row{border-color:var(--accent-border);color:var(--accent-text);align-items:center;gap:6px;display:inline-flex}.video-player-text{overflow-wrap:anywhere;margin:4px 0 0}.remove-video-actions{grid-auto-flow:row}.remove-video-actions .btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.remove-video-label{flex-direction:column;align-items:flex-start;display:flex}.remove-video-sub{opacity:.9;font-size:.75rem;font-weight:400}
