@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--bg-darker:#05070c;--bg-dark:#0b0f19;--bg-card:#0f172aa6;--bg-panel:#0d121ed9;--border-color:#1e293bcc;--border-glow-color:#06b6d433;--accent-cyan:#06b6d4;--accent-cyan-rgb:6, 182, 212;--accent-green:#10b981;--accent-green-rgb:16, 185, 129;--accent-orange:#f59e0b;--accent-orange-rgb:245, 158, 11;--accent-red:#ef4444;--accent-red-rgb:239, 68, 68;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Share Tech Mono", ui-monospace, monospace;--glow-cyan:0 0 10px #06b6d466, 0 0 2px #06b6d4cc;--glow-green:0 0 10px #10b98166, 0 0 2px #10b981cc;--glow-orange:0 0 10px #f59e0b66, 0 0 2px #f59e0bcc;--glow-red:0 0 10px #ef444466, 0 0 2px #ef4444cc;--shadow-hud:0 8px 32px 0 #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}body{font-family:var(--font-sans);background-color:var(--bg-darker);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% 0,#06b6d414 0%,#0000 50%),linear-gradient(90deg,#ffffff03 1px,#0000 1px),linear-gradient(#ffffff03 1px,#0000 1px);background-size:100% 100%,40px 40px,40px 40px;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#06b6d499}#root{flex-direction:column;height:100%;display:flex}.btn-hud{color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;background:#06b6d41a;border:1px solid #06b6d466;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-hud:hover:not(:disabled){border-color:var(--accent-cyan);background:#06b6d440;box-shadow:0 0 10px #06b6d44d}.btn-hud:active:not(:disabled){transform:translateY(1px)}.btn-hud:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff0d}.app-shell{background:var(--bg-darker);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.app-header{background:var(--bg-panel);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.app-header-text h1{font-size:16px;font-weight:700;font-family:var(--font-sans);background:linear-gradient(135deg, var(--text-primary), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0}.app-header-text p{color:var(--text-muted);margin:2px 0 0;font-size:11px}.icon-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.icon-btn--sm{width:30px;height:30px}.status-banner{color:var(--accent-red);background:#ef44441f;border-bottom:1px solid #ef44444d;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-size:12px;line-height:1.4;display:flex}.status-banner-close{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-stage{flex:1;min-height:0;position:relative;overflow:hidden}.upload-cta{cursor:pointer;color:var(--text-secondary);border:2px dashed #06b6d440;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:16px;transition:all .2s;display:flex;position:absolute;inset:0}.upload-cta:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#06b6d408}.upload-cta span{color:var(--text-primary);font-size:16px;font-weight:600}.upload-cta p{color:var(--text-muted);margin:0;font-size:12px}.video-stage{background:#020408;position:absolute;inset:0}.video-element-hidden{opacity:0;pointer-events:none;z-index:-1;width:2px;height:2px;position:fixed;top:0;left:0}.gl-canvas-display{object-fit:contain;width:100%;height:100%}.calibration-svg-overlay{pointer-events:auto;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.calibration-polygon{fill:#06b6d41a;stroke:var(--accent-cyan);stroke-width:2px;stroke-dasharray:4 4}.calibration-line-guide{stroke:#06b6d466;stroke-width:1px}.calibration-node-outer{cursor:grab;fill:#06b6d44d;stroke:var(--accent-cyan);stroke-width:2px;transition:r .1s,fill .1s}.calibration-node-outer:hover,.calibration-node-outer.active{r:10;fill:#06b6d499;cursor:grabbing}.calibration-node-inner{fill:#fff;pointer-events:none}.hud-overlay-topleft{z-index:5;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:10px;left:10px}.speed-hud{-webkit-backdrop-filter:blur(6px);background:#05070c99;border:1px solid #ffffff14;border-radius:10px;align-items:baseline;gap:5px;width:fit-content;padding:6px 14px;transition:opacity .2s;display:flex}.speed-hud-value{font-family:var(--font-mono);color:var(--accent-cyan);text-shadow:var(--glow-cyan);font-size:34px;font-weight:700;line-height:1;transition:color .2s,text-shadow .2s}.speed-hud-unit{color:var(--text-secondary);font-size:11px}.calib-toggle-btn{z-index:5;-webkit-backdrop-filter:blur(6px);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#05070c99;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:10px;right:10px}.calib-toggle-btn.active{color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 10px #06b6d44d}.playback-bar{background:var(--bg-panel);border-top:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.playback-bar .progress-slider{flex:1}.time-display{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:10px}.progress-slider{-webkit-appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);width:12px;height:12px;box-shadow:var(--glow-cyan);border-radius:50%}.app-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.icon-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#ffffff0d}.icon-btn:disabled:hover{color:var(--text-secondary);border-color:#ffffff0d}