@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sg-400.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/sg-500.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sg-600.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/sg-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jbm-400.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jbm-500.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jbm-600.woff2) format("woff2")}:root{--void: #0a0c0e;--panel: #12161a;--panel-2: #191f24;--panel-3: #20272d;--line: #232a30;--line-soft: #1a2025;--ink: #eef2f3;--mute: #8a939c;--faint: #525b63;--accent: #2fe0ad;--accent-ink: #052018;--accent-hover: #4ff0c2;--accent-soft: rgba(47, 224, 173, .13);--accent-line: rgba(47, 224, 173, .32);--accent-glow: rgba(47, 224, 173, .35);--good: #2fe0ad;--warn: #f2b441;--bad: #f26d6d;--bg: var(--void);--bg-elevated: var(--panel);--surface: var(--panel);--surface-2: var(--panel-2);--border: var(--line);--border-strong: var(--line);--text: var(--ink);--text-muted: var(--mute);--text-faint: var(--faint);--accent-strong: var(--accent-ink);--status-completed-bg: rgba(47, 224, 173, .12);--status-completed-fg: var(--good);--status-processing-bg: rgba(242, 180, 65, .12);--status-processing-fg: var(--warn);--status-queued-bg: rgba(138, 147, 156, .12);--status-queued-fg: var(--mute);--status-failed-bg: rgba(242, 109, 109, .12);--status-failed-fg: var(--bad);--danger-bg: rgba(242, 109, 109, .1);--danger-fg: var(--bad);--danger-border: rgba(242, 109, 109, .35);--info-bg: var(--accent-soft);--info-fg: var(--accent);--info-border: var(--accent-line);--radius-sm: 5px;--radius: 8px;--radius-lg: 12px;--shadow-1: 0 1px 0 rgba(255, 255, 255, .02) inset, 0 2px 8px rgba(0, 0, 0, .3);--shadow-2: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 28px rgba(0, 0, 0, .42);--ring: 0 0 0 3px var(--accent-soft);--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-ui: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--font: var(--font-ui);--maxw: 1280px;--tick: repeating-linear-gradient( 90deg, var(--line) 0, var(--line) 1px, transparent 1px, transparent 9px )}@media (prefers-color-scheme: light){:root{--void: #f5f6f3;--panel: #ffffff;--panel-2: #eef0ec;--panel-3: #e5e8e2;--line: #dfe2db;--line-soft: #e9ebe5;--ink: #14181a;--mute: #5a6169;--faint: #949aa0;--accent: #0f9c74;--accent-ink: #ffffff;--accent-hover: #0b7f5f;--accent-soft: rgba(15, 156, 116, .1);--accent-line: rgba(15, 156, 116, .3);--accent-glow: rgba(15, 156, 116, .28);--good: #0f9c74;--shadow-1: 0 1px 2px rgba(20, 30, 26, .06), 0 1px 0 rgba(255, 255, 255, .6) inset;--shadow-2: 0 8px 24px rgba(20, 30, 26, .1)}}:root[data-theme=dark]{--void: #0a0c0e;--panel: #12161a;--panel-2: #191f24;--panel-3: #20272d;--line: #232a30;--line-soft: #1a2025;--ink: #eef2f3;--mute: #8a939c;--faint: #525b63;--accent: #2fe0ad;--accent-ink: #052018;--accent-soft: rgba(47, 224, 173, .13);--accent-line: rgba(47, 224, 173, .32);--accent-glow: rgba(47, 224, 173, .35);--accent-hover: #4ff0c2;--accent-strong: var(--accent-ink);--good: #2fe0ad;--shadow-1: 0 1px 0 rgba(255, 255, 255, .02) inset, 0 2px 8px rgba(0, 0, 0, .3);--shadow-2: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 28px rgba(0, 0, 0, .42)}:root[data-theme=light]{--void: #f5f6f3;--panel: #ffffff;--panel-2: #eef0ec;--panel-3: #e5e8e2;--line: #dfe2db;--line-soft: #e9ebe5;--ink: #14181a;--mute: #5a6169;--faint: #949aa0;--accent: #0f9c74;--accent-ink: #ffffff;--accent-hover: #0b7f5f;--accent-soft: rgba(15, 156, 116, .1);--accent-line: rgba(15, 156, 116, .3);--accent-glow: rgba(15, 156, 116, .28);--accent-strong: #ffffff;--good: #0f9c74;--shadow-1: 0 1px 2px rgba(20, 30, 26, .06), 0 1px 0 rgba(255, 255, 255, .6) inset;--shadow-2: 0 8px 24px rgba(20, 30, 26, .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);background:var(--void);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;font-size:15px}a{color:var(--accent);text-decoration:none;font-weight:500}a:hover{color:var(--accent-hover)}h1,h2,h3{margin:0;font-family:var(--font-display);line-height:1.15;letter-spacing:-.015em;font-weight:600}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.micro-label{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:var(--mute);font-weight:600}@keyframes fade-scale-in{0%{opacity:0;transform:scale(.99) translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:fade-scale-in .28s cubic-bezier(.2,.6,.2,1) both}@media (prefers-reduced-motion: reduce){.fade-in{animation:none}*{scroll-behavior:auto!important}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .95rem;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease;color:var(--ink);background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn-primary{background:var(--accent);color:var(--accent-strong);border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--panel);border-color:var(--line);color:var(--ink)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;border-color:transparent;color:var(--mute)}.btn-ghost:hover:not(:disabled){background:var(--panel-2);color:var(--ink)}.btn-block{width:100%}.btn-sm{padding:.35rem .7rem;font-size:.82rem}.alert{border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.88rem;margin-bottom:1rem;border:1px solid transparent}.alert-error{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-border)}.alert-info{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-border)}.auth-shell{min-height:100%;display:grid;place-items:center;padding:2rem 1.25rem;background:radial-gradient(1100px 460px at 20% -10%,var(--accent-soft),transparent 62%),var(--void)}.auth-split{width:100%;max-width:920px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-2);animation:fade-scale-in .34s cubic-bezier(.2,.6,.2,1) both}@media (prefers-reduced-motion: reduce){.auth-split{animation:none}}.auth-aside{position:relative;padding:2.4rem 2.2rem;background:radial-gradient(420px 220px at 85% 110%,var(--accent-soft),transparent 60%),var(--void);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;min-height:460px}.auth-aside-ruler{position:absolute;top:0;left:0;right:0;height:16px;background-image:var(--tick);opacity:.55;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent)}.auth-aside-body{display:flex;flex-direction:column;gap:1.15rem}.auth-eyebrow{color:var(--accent)}.auth-headline{font-family:var(--font-display);font-size:2rem;line-height:1.08;letter-spacing:-.03em;font-weight:600;color:var(--ink);margin:0}.auth-anglegrid{display:flex;flex-direction:column;gap:.4rem;margin-top:.2rem}.auth-angle{display:flex;align-items:center;gap:.6rem;font-size:.86rem;color:var(--mute);font-weight:500}.auth-angle em{font-family:var(--font-mono);font-style:normal;font-size:.7rem;color:var(--accent);border:1px solid var(--accent-line);border-radius:4px;padding:.12rem .3rem;background:var(--accent-soft)}.auth-readout{font-size:.82rem;color:var(--faint);letter-spacing:.02em}.auth-readout span{color:var(--faint);padding:0 .15rem}.auth-card{width:100%;background:var(--panel);padding:2.4rem 2.2rem;display:flex;flex-direction:column;justify-content:center}.auth-brand{text-align:center;margin-bottom:1.7rem}.auth-brand svg{margin-bottom:.9rem;filter:drop-shadow(0 0 10px var(--accent-glow))}.auth-title{font-family:var(--font-display);font-size:1.32rem;font-weight:600;letter-spacing:-.02em}.auth-title span{color:var(--accent)}.auth-subtitle{margin:.45rem 0 0;color:var(--mute);font-size:.9rem}.auth-footer{text-align:center;margin:1.5rem 0 0;color:var(--mute);font-size:.88rem}@media (max-width: 720px){.auth-split{grid-template-columns:1fr;max-width:420px}.auth-aside{display:none}}.form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field-label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600;color:var(--mute)}.field-hint{font-size:.76rem;color:var(--faint)}.field input{font-family:inherit;font-size:.95rem;padding:.65rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel-2);color:var(--ink);transition:border-color .14s ease,box-shadow .14s ease;width:100%}.field input::placeholder{color:var(--faint)}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.otp-input{letter-spacing:.5em;font-size:1.3rem!important;text-align:center;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.page{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:1.75rem 1.25rem 4rem;flex:1}.app-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--void) 82%,transparent);-webkit-backdrop-filter:saturate(1.1) blur(10px);backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid var(--line)}.app-header-inner{max-width:var(--maxw);margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.6rem}.brand-mark{display:inline-flex}.brand-text{font-size:.98rem;font-weight:400;color:var(--mute);letter-spacing:.01em}.brand-text strong{color:var(--ink);font-weight:600}.brand-dot{color:var(--faint)}.app-header-right{display:flex;align-items:center;gap:.75rem}.user-chip{display:flex;align-items:center;gap:.55rem}.user-avatar{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line);color:var(--accent);display:grid;place-items:center;font-weight:600;font-size:.82rem}.user-meta{display:flex;flex-direction:column;line-height:1.2}.user-name{font-weight:500;font-size:.85rem;color:var(--ink)}.user-email{font-size:.74rem;color:var(--faint)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.page-title{font-family:var(--font-display);font-size:1.7rem;font-weight:600;letter-spacing:-.025em}.page-subtitle{margin:.35rem 0 0;color:var(--mute);font-size:.9rem}.count-badge{background:var(--panel-2);border:1px solid var(--line);color:var(--mute);font-size:.76rem;padding:.3rem .65rem;border-radius:var(--radius-sm);white-space:nowrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.capture-card{position:relative;text-align:left;font-family:inherit;cursor:pointer;padding:1.1rem 1.1rem 1rem;display:flex;flex-direction:column;gap:.95rem;overflow:hidden;box-shadow:var(--shadow-1);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;color:var(--ink);animation:fade-scale-in .26s cubic-bezier(.2,.6,.2,1) both}.capture-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background-image:var(--tick);opacity:0;transition:opacity .16s ease;-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%)}@media (prefers-reduced-motion: reduce){.capture-card{animation:none}}.capture-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-2);transform:translateY(-2px)}.capture-card:hover:before{opacity:.5}.capture-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.capture-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.capture-title{font-family:var(--font-display);font-size:1.02rem;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.status-hint{display:inline-flex;align-items:center;gap:.4rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;font-weight:600;white-space:nowrap;padding-top:.1rem}.status-hint:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.status-hint.good{color:var(--good)}.status-hint.warn{color:var(--warn)}.status-hint.mute{color:var(--mute)}.status-hint.mute:before{box-shadow:none}.angle-cluster{display:flex;flex-wrap:wrap;gap:.35rem}.angle-pane{min-width:32px;height:24px;padding:0 .4rem;border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,var(--panel-2),var(--panel));display:grid;place-items:center;font-size:.68rem;font-weight:500;color:var(--mute);transition:border-color .16s ease,color .16s ease}.capture-card:hover .angle-pane{border-color:var(--accent-line);color:var(--ink)}.capture-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.count-pill{display:inline-flex;align-items:center;font-size:.82rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);white-space:nowrap}.capture-date{font-size:.74rem;color:var(--faint)}.card-skeleton{height:160px;background:linear-gradient(100deg,var(--panel) 30%,var(--panel-2) 50%,var(--panel) 70%);background-size:200% 100%;animation:shimmer 1.3s infinite;border:1px solid var(--line)}.video-skeleton{height:420px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.card-skeleton{animation:none}}.pill{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;padding:.22rem .55rem;border-radius:var(--radius-sm);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}.pill:before{content:"";width:6px;height:6px;border-radius:50%;margin-right:.4rem;background:currentColor}.pill-completed{background:var(--status-completed-bg);color:var(--status-completed-fg)}.pill-processing{background:var(--status-processing-bg);color:var(--status-processing-fg)}.pill-queued{background:var(--status-queued-bg);color:var(--status-queued-fg)}.pill-failed{background:var(--status-failed-bg);color:var(--status-failed-fg)}.empty-state{text-align:center;padding:4rem 1rem;border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel)}.empty-state h2{margin:.6rem 0 .35rem;font-size:1.15rem}.empty-state p{color:var(--mute);margin:0 0 1.25rem;font-size:.9rem}.empty-glyph,.empty-icon{font-size:2rem;color:var(--faint)}.load-more{display:flex;justify-content:center;margin-top:2rem}.detail-back{margin-bottom:1rem}.detail-head{margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.detail-meta{display:flex;align-items:center;gap:.6rem;margin-top:.55rem;color:var(--mute);font-size:.85rem}.meta-dot{color:var(--faint)}.section{margin-bottom:1.75rem}.section-title{font-size:.95rem;font-weight:600;margin-bottom:.85rem;display:flex;align-items:center;gap:.6rem}.section-tag{border:1px solid var(--line);border-radius:3px;padding:.1rem .35rem;color:var(--warn)}.device-strip{display:flex;flex-wrap:wrap;gap:.6rem}.device-chip{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);min-width:150px}.device-chip-pending{opacity:.6}.device-index{width:26px;height:26px;display:grid;place-items:center;border-radius:3px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:600}.device-info{display:flex;flex-direction:column;line-height:1.25}.device-angle{font-size:.85rem;font-weight:500;color:var(--ink)}.device-fps{font-size:.68rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.metric-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem}.metric-label{text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;color:var(--mute);font-weight:600;margin-bottom:.45rem}.metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;color:var(--ink);display:flex;align-items:baseline;gap:.25rem;letter-spacing:-.01em}.metric-unit{font-family:var(--font-ui);font-size:.78rem;font-weight:500;color:var(--mute)}.player-section{padding:.4rem;margin-bottom:1.6rem;overflow:hidden}.player{width:100%;max-height:70vh;border-radius:var(--radius-sm);background:#000;display:block}.player-fallback{padding:3rem 1rem;text-align:center;color:var(--mute)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.info-list{padding:.2rem 1rem}.info-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.info-row:last-child{border-bottom:none}.info-row dt{color:var(--mute);font-size:.85rem}.info-row dd{margin:0;font-weight:500;font-size:.86rem;text-align:right;word-break:break-word;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.mini-tile{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .6rem;display:flex;flex-direction:column;gap:.15rem}.mini-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:600}.mini-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600;color:var(--ink)}.mini-value em{font-style:normal;font-size:.68rem;font-weight:500;color:var(--mute);margin-left:.2rem;font-family:var(--font-ui)}.video-card{text-align:left;font-family:inherit;cursor:pointer;padding:1rem;display:flex;flex-direction:column;gap:.7rem;color:var(--ink);transition:border-color .14s ease,background .14s ease}.video-card:hover{border-color:var(--accent);background:var(--panel-2)}.video-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.card-title{font-size:.98rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.card-date{font-size:.76rem;color:var(--faint);font-family:var(--font-mono)}.card-cta{margin-top:auto;font-size:.82rem;font-weight:500;color:var(--accent)}.workspace{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--void)}.ws-header{flex:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.1rem;background:color-mix(in srgb,var(--void) 88%,transparent);-webkit-backdrop-filter:saturate(1.1) blur(10px);backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid var(--line)}.ws-header-left{display:flex;align-items:center;gap:1rem;min-width:0}.ws-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--radius-sm);padding:.4rem .7rem;cursor:pointer;font-size:.9rem;transition:border-color .14s ease,color .14s ease}.ws-back:hover{border-color:var(--accent);color:var(--accent)}.ws-titles{min-width:0}.ws-title{font-size:1.05rem;font-weight:650;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-sub{color:var(--mute)}.ws-stage{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background:#000}.svp{flex:1;display:flex;flex-direction:column;min-height:0}.svp:focus-visible{outline:none}.svp-stage{flex:1;display:flex;min-height:0}.svp-grid{flex:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:0;background:#000;min-height:0;overflow:hidden}.svp-pane{position:relative;height:100%;flex:0 1 auto;min-width:0;min-height:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.svp-video{height:100%;width:auto;max-width:100%;object-fit:contain;display:block;background:#000}.svp-pane-label{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .45rem;background:color-mix(in srgb,var(--void) 70%,transparent);border:1px solid var(--line);border-radius:3px;color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.svp-master-tag{font-style:normal;color:var(--accent);font-size:.6rem;letter-spacing:.1em}.svp-pane-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;text-align:center;color:var(--mute);background:color-mix(in srgb,var(--void) 82%,transparent);font-size:.85rem}.svp-pane-error-glyph{font-size:1.6rem;color:var(--warn, #e6b800)}.draw-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center}.draw-canvas{height:100%;width:auto;max-width:100%;display:block}.draw-text-input{position:absolute;transform:translateY(-.1em);min-width:2ch;max-width:60%;padding:2px 4px;margin:0;border:1px dashed color-mix(in srgb,var(--accent) 80%,transparent);border-radius:3px;background:color-mix(in srgb,var(--void) 55%,transparent);font:600 clamp(14px,2.2vh,22px) system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.25;resize:none;overflow:hidden;white-space:pre;z-index:4;outline:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.draw-text-input::placeholder{color:color-mix(in srgb,currentColor 55%,transparent)}.svp-toolrail{flex:0 0 auto;width:140px;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px;background:var(--panel);border-left:1px solid var(--line);overflow:hidden}.svp-tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--ink);cursor:pointer;transition:border-color .14s ease,color .14s ease}.svp-tool:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.svp-tool:disabled{opacity:.45;cursor:not-allowed}.svp-tool-glyph{font-size:1.15rem;line-height:1}.svp-tool-label{font-size:.56rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mute)}.svp-tool-soon{text-align:center;color:var(--faint);margin-top:auto;padding-top:6px}.svp-tool-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft, color-mix(in srgb, var(--accent) 18%, var(--panel-2)))}.svp-tool-active .svp-tool-label{color:var(--accent)}.tr-group{display:flex;flex-direction:column;gap:6px}.tr-group.tr-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tr-divider{height:1px;background:var(--line);margin:2px 0}.tr-swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tr-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:26px;border-radius:var(--radius-sm);border:2px solid var(--line);cursor:pointer;padding:0;transition:transform .1s ease,border-color .14s ease}.tr-swatch:hover{transform:scale(1.06)}.tr-swatch-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--void),0 0 0 4px var(--accent)}.tr-widths{display:flex;gap:6px;justify-content:center}.tr-width{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:32px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tr-width-active{border-color:var(--accent)}.tr-width-dot{display:inline-block;border-radius:50%;background:var(--ink)}.tr-width-active .tr-width-dot{background:var(--accent)}.tr-clear{color:var(--bad)}.tr-clear:hover{border-color:var(--bad);color:var(--bad)}.tr-undoredo{flex-direction:row;gap:6px}.tr-undoredo .svp-tool{flex:1}.svp-tool:disabled{opacity:.4;cursor:not-allowed}.svp-transport{flex:0 0 auto;display:flex;align-items:center;gap:1rem;padding:.9rem 1.25rem;min-height:72px;border-top:1px solid var(--line);background:var(--panel)}.svp-transport-controls{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.svp-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:var(--radius-sm);min-width:48px;height:44px;padding:0 .6rem;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;transition:border-color .14s ease,color .14s ease,background .14s ease}.svp-btn:hover{border-color:var(--accent);color:var(--accent)}.svp-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.svp-play{color:var(--accent);min-width:56px}.svp-scrubber{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:8px;background:var(--line);border-radius:4px;cursor:pointer;outline:none}.svp-scrubber:disabled{opacity:.5;cursor:not-allowed}.svp-scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid var(--void);box-shadow:0 0 0 1px var(--accent);cursor:pointer}.svp-scrubber::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--void);cursor:pointer}.svp-scrubber:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}.svp-readout{display:inline-flex;align-items:baseline;gap:.15rem;font-size:1rem;white-space:nowrap;flex:0 0 auto}.svp-tc{color:var(--accent);font-weight:650}.svp-frames{color:var(--mute)}.ws-below{padding-top:2rem;padding-bottom:4rem}.ws-empty-panel{border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel);padding:2.5rem 1.5rem;text-align:center;color:var(--mute);display:flex;flex-direction:column;align-items:center;gap:.6rem}.ws-empty-glyph{font-size:2rem;color:var(--faint)}.ws-soon-pill{color:var(--accent);border:1px solid var(--line);border-radius:999px;padding:.2rem .7rem}@media (max-width: 720px){.ws-back-text{display:none}.svp-toolrail{width:104px}.svp-transport{flex-wrap:wrap;min-height:0}.svp-scrubber{order:5;flex-basis:100%}}@media (max-width: 420px){.field-row{grid-template-columns:1fr}}.app-shell{display:flex;min-height:100vh;background:var(--void)}.app-shell-main{flex:1 1 auto;min-width:0}.sidenav{flex:0 0 auto;width:240px;display:flex;flex-direction:column;gap:.4rem;padding:1rem .75rem;background:var(--panel);border-right:1px solid var(--line);position:sticky;top:0;height:100vh;transition:width .16s ease}.sidenav-collapsed{width:68px}.sidenav-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.2rem .35rem .6rem;border-bottom:1px solid var(--line)}.sidenav-brand{display:inline-flex;align-items:center;gap:.55rem;min-width:0}.sidenav-mark{display:inline-flex;flex:0 0 auto}.sidenav-wordmark{font-family:var(--font-display);font-weight:600;font-size:1rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidenav-mark svg{filter:drop-shadow(0 0 6px var(--accent-glow))}.sidenav-collapsed .sidenav-wordmark{display:none}.sidenav-collapse{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;width:26px;height:26px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--mute);cursor:pointer;transition:border-color .14s ease,color .14s ease}.sidenav-collapse:hover{border-color:var(--accent);color:var(--accent)}.sidenav-nav{display:flex;flex-direction:column;gap:.3rem;margin-top:.6rem}.sidenav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer;font-size:.92rem;text-align:left;text-decoration:none;transition:background .14s ease,color .14s ease,border-color .14s ease}.sidenav-item:hover{background:var(--panel-2);border-color:var(--line)}.sidenav-item-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line);position:relative}.sidenav-item-active:before{content:"";position:absolute;left:-.75rem;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 2px 2px 0;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.sidenav-glyph{flex:0 0 auto;width:20px;text-align:center;font-size:1rem}.sidenav-collapsed .sidenav-label{display:none}.sidenav-foot{margin-top:auto;display:flex;flex-direction:column;gap:.6rem;padding-top:.8rem;border-top:1px solid var(--line)}.sidenav-profile{display:flex;align-items:center;gap:.6rem;padding:.2rem .35rem;min-width:0}.sidenav-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-weight:650}.sidenav-profile-meta{display:flex;flex-direction:column;min-width:0}.sidenav-collapsed .sidenav-profile-meta{display:none}.sidenav-profile-name{font-size:.85rem;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidenav-profile-email{font-size:.72rem;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidenav-theme{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .35rem}.sidenav-collapsed .sidenav-theme{justify-content:center}.sidenav-theme-label{font-size:.75rem;color:var(--mute)}.sidenav-collapsed .sidenav-theme-label{display:none}.sidenav-theme-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .4rem;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--ink);cursor:pointer}.sidenav-theme-track{display:inline-flex;align-items:center}.sidenav-theme-knob{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-strong);font-size:.8rem}.sidenav-theme-mode{font-size:.78rem}.sidenav-collapsed .sidenav-theme-mode{display:none}.sidenav-logout{color:var(--bad)}.sidenav-logout:hover{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}.ws-header-right{display:flex;align-items:center;gap:.6rem}.ws-autosave{color:var(--mute);display:inline-flex;align-items:center;gap:.35rem}.ws-autosave:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--good, #3ecf8e)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:color-mix(in srgb,#000 55%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:100%;max-width:480px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 60px #00000073;padding:1.4rem 1.5rem 1.25rem}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-title{font-size:1.1rem;font-weight:650}.modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel-2);color:var(--mute);border-radius:var(--radius-sm);width:30px;height:30px;cursor:pointer;transition:border-color .14s ease,color .14s ease}.modal-close:hover{border-color:var(--accent);color:var(--accent)}.modal-desc{color:var(--mute);font-size:.9rem;line-height:1.5;margin:.6rem 0 1rem}.share-row{display:flex;gap:.5rem}.share-input{flex:1;min-width:0;padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--ink);font-size:.85rem;cursor:default}.share-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.modal-foot{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem}.ws-drawer{flex:0 0 auto;background:var(--panel);border-top:1px solid var(--line)}.ws-drawer-handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:.6rem;padding:.55rem 1.1rem;background:transparent;border:none;color:var(--ink);cursor:pointer;font-size:.85rem}.ws-drawer-handle:hover{color:var(--accent)}.ws-drawer-chevron{color:var(--mute)}.ws-drawer-handle-text{font-weight:550}.ws-drawer-handle-meta{margin-left:auto;color:var(--mute)}.ws-drawer-body{max-height:34vh;overflow-y:auto;padding:.4rem 1.1rem 1.1rem;display:grid;grid-template-columns:1fr;gap:1.1rem;border-top:1px solid var(--line)}.ws-drawer-section{min-width:0}.ws-drawer-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin-bottom:.6rem}.ws-drawer-hint{color:var(--mute);font-size:.88rem;line-height:1.5;max-width:60ch}.share-shell{height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;background:#000;overflow:hidden}.share-shell .workspace,.share-shell .svp{flex:1 1 auto;min-height:0}.share-msg{margin:auto;color:var(--mute);font-size:1rem;text-align:center;padding:2rem}@media (max-width: 720px){.sidenav{width:68px}.sidenav .sidenav-label,.sidenav .sidenav-wordmark,.sidenav .sidenav-profile-meta,.sidenav .sidenav-theme-label,.sidenav .sidenav-theme-mode{display:none}}.capturing-bubble{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;max-width:320px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:0 12px 32px #0006;animation:capturing-in .22s ease}@keyframes capturing-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.capturing-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#e5484d;box-shadow:0 0 #e5484d99;animation:capturing-pulse 1.4s infinite}@keyframes capturing-pulse{0%{box-shadow:0 0 #e5484d8c}70%{box-shadow:0 0 0 8px #e5484d00}to{box-shadow:0 0 #e5484d00}}.capturing-text{display:flex;flex-direction:column;min-width:0}.capturing-title{font-size:.9rem;font-weight:600}.capturing-meta{font-size:.72rem;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){.capturing-bubble,.capturing-dot{animation:none}}