*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:root{--color-dark-dark: #000000;--color-dark: #111111;--color-dark-light: #1e1e1e;--color-dark-accent: #2a2a2a;--color-primary-dark: #1d61c1;--color-primary: #0078ff;--color-primary-light: #c7d2ff;--color-primary-accent: #00c2ff;--color-secondary-dark: #202123;--color-secondary: #070924;--color-secondary-light: #273b89;--color-secondary-accent: #210f70;--color-light-dark: #999999;--color-light: #cccccc;--color-light-light: #ffffff;--color-light-accent: #4e4f5a;--color-accent-dark: #99cc00;--color-accent: #ccff00;--color-accent-light: #e2ff66;--color-accent-accent: #d4ff33;--color-rvmp-dark: #000000;--color-rvmp-dark-dark: #000000;--color-rvmp-dark-light: #000000;--color-rvmp-dark-accent: #000000;--color-rvmp-primary: #000000;--color-rvmp-primary-dark: #000000;--color-rvmp-primary-light: #000000;--color-rvmp-primary-accent: #000000;--color-rvmp-secondary: #000000;--color-rvmp-secondary-dark: #000000;--color-rvmp-secondary-light: #000000;--color-rvmp-secondary-accent: #000000;--color-rvmp-light: #ffffff;--color-rvmp-light-dark: #ffffff;--color-rvmp-light-light: #ffffff;--color-rvmp-light-accent: #ffffff;--color-rvmp-accent: #000000;--color-rvmp-accent-dark: #000000;--color-rvmp-accent-light: #000000;--color-rvmp-accent-accent: #000000;--color-fsi-primary: var(--color-primary);--color-fsi-primary-dark: var(--color-primary-dark);--color-fsi-primary-light: var(--color-primary-light);--color-fsi-primary-bright: var(--color-primary-accent);--color-fsi-brand-accent-warm: #f2d42e;--color-fsi-brand-accent-cool: var(--color-primary-accent);--color-fsi-brand-accent-vivid: #da0c52;--color-fsi-brand-accent-fresh: #0cdaa7;--color-fsi-bg: var(--color-dark);--color-fsi-surface-low: #131313;--color-fsi-surface: var(--color-dark-light);--color-fsi-surface-high: #252626;--color-fsi-card: var(--color-dark-accent);--color-fsi-bar: #2d2d2d;--color-fsi-elevated: #333333;--color-fsi-lite-bg: #0a0d18;--color-fsi-lite-navbar: #05070d;--color-fsi-lite-card: #12162a;--color-fsi-border: #3a3a3a;--color-fsi-border-strong: #4a4a4a;--overlay-light-faint: rgba(255, 255, 255, .05);--overlay-light-subtle: rgba(255, 255, 255, .06);--overlay-light-hairline: rgba(255, 255, 255, .08);--overlay-light-soft: rgba(255, 255, 255, .1);--overlay-light-medium: rgba(255, 255, 255, .15);--overlay-light-strong: rgba(255, 255, 255, .2);--color-fsi-text: var(--color-light);--color-fsi-text-bright: rgb(from var(--color-light) r g b / 90%);--color-fsi-text-muted: var(--color-light-dark);--color-fsi-text-dim: rgba(240, 240, 240, .7);--color-fsi-accent: var(--color-light-accent);--color-fsi-neutral-light: var(--color-light-light);--color-fsi-neutral-dark: var(--color-dark-dark);--color-fsi-success: #4ade80;--color-fsi-warning: #f59e0b;--color-fsi-attention: #facc15;--color-fsi-warning-bright: #fbbf24;--color-fsi-danger: #dc2626;--color-fsi-alert: #ef4444;--color-fsi-danger-light: #ff4444;--color-fsi-danger-pale: #fca5a5;--color-fsi-info: #60a5fa;--color-fsi-accent-soft: #f472b6;--color-fsi-coming-soon: rgba(255, 255, 255, .35);--color-fsi-timestamp: var(--color-accent);--color-fsi-badge: #3a3a3a;--color-fsi-icon: #333333;--color-fsi-detect-person: var(--color-primary);--color-fsi-detect-car: #5b31f3;--color-fsi-detect-animal: var(--color-primary-accent);--color-fsi-detect-motion: #da0c52;--color-fsi-detect-alert: #ef4444;--color-fsi-detect-access: #a78bfa;--color-fsi-detect-generic: var(--color-primary-dark);--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--primary-font: "Work Sans", system-ui, -apple-system, sans-serif;--primary-font-bold: "Work Sans", system-ui, -apple-system, sans-serif;--primary-font-semibold: "Work Sans", system-ui, -apple-system, sans-serif;--primary-font-medium: "Work Sans", system-ui, -apple-system, sans-serif;--primary-font-light: "Work Sans", system-ui, -apple-system, sans-serif;--secondary-font: "Work Sans", system-ui, -apple-system, sans-serif;--tertiary-font: "Work Sans", system-ui, -apple-system, sans-serif;--button-primary-bg: var(--color-primary);--button-primary-bg-hover: var(--color-primary-dark);--button-primary-text: var(--color-light-light);--button-light-bg: var(--color-light-light);--button-light-text: var(--color-dark);--button-ghost-bg: transparent;--button-ghost-border: rgba(255, 255, 255, .2);--button-ghost-text: rgba(255, 255, 255, .5);--button-danger-bg: var(--color-fsi-danger);--button-danger-text: var(--color-light-light);--button-disabled-bg: var(--color-gray-500);--button-disabled-text: var(--color-fsi-text-muted);--icon-color: var(--color-fsi-text);--icon-color-bright: var(--color-fsi-text-bright);--icon-color-muted: var(--color-fsi-text-muted);--icon-color-dim: var(--color-fsi-text-dim);--icon-color-brand: var(--color-primary);--icon-color-success: var(--color-fsi-success);--icon-color-warning: var(--color-fsi-warning);--icon-color-danger: var(--color-fsi-danger);--icon-color-soft: #c8cad0;--icon-color-translucent: rgba(255, 255, 255, .6);--icon-color-placeholder: rgba(255, 255, 255, .16);--icon-filter: none;--app-root-bg: rgba(0, 0, 0, 0);--input-bg: var(--color-fsi-card);--input-bg-focus: var(--color-fsi-card);--input-bg-disabled: var(--color-fsi-surface);--input-border: var(--color-fsi-border);--input-border-focus: var(--color-primary);--input-border-error: var(--color-fsi-danger);--input-text: var(--color-fsi-text);--input-text-disabled: var(--color-fsi-text-muted);--input-placeholder: var(--color-fsi-text-muted);--input-caret: var(--color-fsi-text-bright);--card-bg: var(--color-fsi-card);--card-bg-hover: var(--color-fsi-elevated);--card-border: var(--color-fsi-border);--card-shadow: 0 1px 2px rgba(0, 0, 0, .4);--nav-bg: var(--color-secondary);--nav-text: var(--color-fsi-text);--nav-text-active: var(--color-fsi-text-bright);--nav-text-muted: var(--color-fsi-text-muted);--nav-border: var(--color-fsi-border);--nav-divider: var(--color-fsi-border);--link-color: var(--color-primary);--link-color-hover: var(--color-primary-dark);--link-color-visited: var(--color-primary);--overlay-bg: rgba(0, 0, 0, .6);--modal-bg: var(--color-fsi-card);--modal-border: var(--color-fsi-border);--modal-shadow: 0 10px 40px rgba(0, 0, 0, .5);--status-success-bg: rgba(74, 222, 128, .12);--status-success-border: var(--color-fsi-success);--status-warning-bg: rgba(245, 158, 11, .12);--status-warning-border: var(--color-fsi-warning);--status-danger-bg: rgba(220, 38, 38, .12);--status-danger-border: var(--color-fsi-danger);--status-info-bg: rgba(96, 165, 250, .12);--status-info-border: var(--color-fsi-info);--focus-ring-color: var(--color-primary);--focus-ring-width: 2px;--scrollbar-track: transparent;--scrollbar-thumb: var(--color-fsi-border-strong);--scrollbar-thumb-hover: var(--color-fsi-text-muted)}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.m-0{margin:0}.mt-2px{margin-top:.125rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.min-h-0{min-height:0px}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10px{gap:.625rem}.gap-16px{gap:1rem}.gap-8px{gap:.5rem}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-4px{border-radius:.25rem}.rounded-8px{border-radius:.5rem}.border{border-width:1px}.border-none{border-width:0;border-style:none}.border-\[\#2c323d\]{--tw-border-opacity: 1;border-color:rgb(44 50 61 / var(--tw-border-opacity, 1))}.border-fsi-border{border-color:var(--color-fsi-border)}.bg-\[\#1d222c\]{--tw-bg-opacity: 1;background-color:rgb(29 34 44 / var(--tw-bg-opacity, 1))}.bg-fsi-bg{background-color:var(--color-fsi-bg)}.bg-fsi-surface{background-color:var(--color-fsi-surface)}.bg-transparent{background-color:transparent}.bg-select-chevron{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='%23999999'><path d='M3 4.5l3 3 3-3'/></svg>")}.bg-no-repeat{background-repeat:no-repeat}.px-0{padding-left:0;padding-right:0}.px-10px{padding-left:.625rem;padding-right:.625rem}.px-14px{padding-left:.875rem;padding-right:.875rem}.py-2px{padding-top:.125rem;padding-bottom:.125rem}.py-6px{padding-top:.375rem;padding-bottom:.375rem}.pb-10px{padding-bottom:.625rem}.pb-6px{padding-bottom:.375rem}.pl-10px{padding-left:.625rem}.pr-28px{padding-right:1.75rem}.pt-10px{padding-top:.625rem}.font-work{font-family:Work Sans,system-ui,-apple-system,sans-serif}.text-10px{font-size:.625rem}.text-12px{font-size:.75rem}.text-14px{font-size:.875rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-\[0\.5px\]{letter-spacing:.5px}.tracking-\[1\.5px\]{letter-spacing:1.5px}.tracking-\[1px\]{letter-spacing:1px}.text-\[\#e8eaed\]{--tw-text-opacity: 1;color:rgb(232 234 237 / var(--tw-text-opacity, 1))}.text-fsi-text{color:var(--color-fsi-text)}.text-fsi-text-muted{color:var(--color-fsi-text-muted)}.text-primary{color:var(--color-primary)}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[background-position\:right_8px_center\]{background-position:right 8px center}.\[background-size\:12px\]{background-size:12px}@media (min-width: 1024px){.lg\:h-screen{height:100vh}.lg\:min-h-0{min-height:0px}.lg\:w-290px{width:18.125rem}.lg\:flex-1{flex:1 1 0%}.lg\:shrink-0{flex-shrink:0}.lg\:flex-row{flex-direction:row}.lg\:overflow-hidden{overflow:hidden}}:root{--sp-bg: #0b0c0e;--sp-surface: #16181c;--sp-surface-2: #1e2127;--sp-surface-3: #262a31;--sp-border: #2c313a;--sp-border-strong: #3a414c;--sp-text: #e7e9ec;--sp-text-dim: #9aa1ab;--sp-text-faint: #6b727c;--sp-accent: #4a9eff;--sp-accent-hover: #6db4ff;--sp-accent-contrast: #ffffff;--sp-danger: #ef4444;--sp-ok: #4ade80;--sp-warn: #f59e0b;--sp-class-person: #ef4444;--sp-class-vehicle: #3b82f6;--sp-class-animal: #f59e0b;--sp-class-default: #a3a3a3;--sp-space-1: 4px;--sp-space-2: 8px;--sp-space-3: 12px;--sp-space-4: 16px;--sp-space-6: 24px;--sp-radius: 10px;--sp-radius-sm: 6px;--sp-radius-pill: 999px;--sp-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sp-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sp-shadow: 0 8px 30px rgba(0, 0, 0, .55);--sp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--sp-ring: 0 0 0 2px color-mix(in srgb, var(--sp-accent) 55%, transparent);--sp-transition: .14s ease}.smart-player,.smart-player-route,.multicam-grid-route{font-family:var(--sp-font);color:var(--sp-text);-webkit-font-smoothing:antialiased}.smart-player-route{max-width:1100px;margin:0 auto;padding:var(--sp-space-6) var(--sp-space-4)}.sp-title{font-size:20px;font-weight:650;letter-spacing:-.01em;margin:0 0 var(--sp-space-1)}.sp-meta{color:var(--sp-text-dim);font-size:13px;margin:0 0 var(--sp-space-4)}.sp-meta .sp-meta-resume{color:var(--sp-accent)}.sp-hint{color:var(--sp-text-faint);font-size:12px;margin-top:var(--sp-space-3);line-height:1.5}.sp-hint kbd{font-family:var(--sp-mono);font-size:11px;background:var(--sp-surface-2);border:1px solid var(--sp-border);border-bottom-color:var(--sp-border-strong);border-radius:var(--sp-radius-sm);padding:1px 5px;color:var(--sp-text-dim)}.smart-player button,.controls button,.grid-master-controls button,.goto-dialog button{font:inherit;font-size:13px;color:var(--sp-text);background:var(--sp-surface-2);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);padding:7px 12px;cursor:pointer;transition:background var(--sp-transition),border-color var(--sp-transition),transform var(--sp-transition)}.smart-player button:hover,.controls button:hover,.grid-master-controls button:hover,.goto-dialog button:hover{background:var(--sp-surface-3);border-color:var(--sp-border-strong)}.smart-player button:active,.controls button:active,.grid-master-controls button:active{transform:translateY(1px)}.smart-player button:focus-visible,.controls button:focus-visible,.grid-master-controls button:focus-visible,.goto-dialog button:focus-visible,.timeline:focus-visible{outline:none;box-shadow:var(--sp-ring)}.sp-btn-primary{background:var(--sp-accent)!important;border-color:var(--sp-accent)!important;color:var(--sp-accent-contrast)!important}.sp-btn-primary:hover{background:var(--sp-accent-hover)!important;border-color:var(--sp-accent-hover)!important}.smart-player{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden;box-shadow:var(--sp-shadow)}.video-stage{position:relative;background:#000;line-height:0}.video-element{width:100%;display:block;background:#000;aspect-ratio:16 / 9}.player-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--sp-space-4);font-size:14px;line-height:1.5;color:var(--sp-text-dim);background:color-mix(in srgb,var(--sp-bg) 72%,transparent);backdrop-filter:blur(2px)}.player-status--error{color:var(--sp-danger)}.detection-overlay{position:absolute;inset:0;pointer-events:none}.timeline{position:relative;height:44px;margin:var(--sp-space-3) var(--sp-space-3) 0;background:var(--sp-surface-2);border-radius:var(--sp-radius-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline-buffered{position:absolute;top:14px;height:16px;background:color-mix(in srgb,var(--sp-text) 14%,transparent);border-radius:2px}.timeline-detection{position:absolute;top:4px;width:3px;height:8px;border-radius:1px;background:var(--sp-class-default)}.timeline-playhead{position:absolute;top:0;height:100%;width:2px;background:#fff;box-shadow:0 0 6px #fff9;pointer-events:none}.timeline-hover{position:absolute;top:-22px;transform:translate(-50%);font-size:11px;font-variant-numeric:tabular-nums;color:var(--sp-text-dim);background:var(--sp-surface-3);padding:1px 6px;border-radius:var(--sp-radius-sm);pointer-events:none;white-space:nowrap}.timeline-sprite-preview{position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-space-1);pointer-events:none;z-index:5}.timeline-sprite-thumb{border:2px solid rgba(255,255,255,.9);border-radius:var(--sp-radius-sm);box-shadow:var(--sp-shadow);background-color:#000;background-repeat:no-repeat}.timeline-sprite-time{font-size:11px;font-variant-numeric:tabular-nums;color:var(--sp-text);background:color-mix(in srgb,var(--sp-bg) 82%,transparent);padding:1px 6px;border-radius:var(--sp-radius-sm)}.controls{display:flex;align-items:center;gap:var(--sp-space-2);padding:var(--sp-space-3)}.controls .time-display{margin-left:auto;color:var(--sp-text-dim);font-variant-numeric:tabular-nums;font-size:13px}.debug-panel{margin:0 var(--sp-space-3) var(--sp-space-3);color:var(--sp-text-faint);border-top:1px solid var(--sp-border);padding-top:var(--sp-space-2)}.debug-panel summary{cursor:pointer;font-size:12px;color:var(--sp-text-faint)}.debug-panel pre{font-family:var(--sp-mono);font-size:11px;color:var(--sp-text-dim);margin-top:var(--sp-space-2);overflow-x:auto}.goto-dialog-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(2px);z-index:1000}.goto-dialog{min-width:300px;background:var(--sp-surface);color:var(--sp-text);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);padding:var(--sp-space-4)}.goto-dialog-title{font-size:14px;font-weight:600;margin-bottom:var(--sp-space-2)}.goto-dialog input{width:100%;font:inherit;font-size:14px;padding:9px 11px;background:var(--sp-bg);color:var(--sp-text);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm)}.goto-dialog input:focus-visible{outline:none;border-color:var(--sp-accent);box-shadow:var(--sp-ring)}.goto-dialog-error{color:var(--sp-danger);font-size:12px;margin-top:var(--sp-space-2)}.goto-dialog-actions{display:flex;gap:var(--sp-space-2);margin-top:var(--sp-space-3);justify-content:flex-end}.multicam-grid-route{background:var(--sp-bg);min-height:100vh;padding:var(--sp-space-4)}.grid-master-controls{display:flex;align-items:center;gap:var(--sp-space-2);margin-bottom:var(--sp-space-3)}.grid-master-title{color:var(--sp-text);font-size:16px;font-weight:650;margin-right:var(--sp-space-2)}.grid-master-note{color:var(--sp-text-faint);font-size:12px}.multicam-grid{display:grid;gap:var(--sp-space-2)}.grid-tile{position:relative;background:#000;border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);overflow:hidden}.grid-tile-video{width:100%;display:block;background:#000;aspect-ratio:16 / 9}.grid-tile-label{position:absolute;top:var(--sp-space-1);left:var(--sp-space-2);color:var(--sp-text);font-size:12px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.85);pointer-events:none}.grid-tile-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--sp-space-2);font-size:12px;color:var(--sp-text-dim);background:color-mix(in srgb,var(--sp-bg) 60%,transparent)}.grid-tile-status--error{color:var(--sp-danger)}.grid-master-timeline{margin-top:var(--sp-space-3)}.grid-master-timeline-head{display:flex;justify-content:space-between;color:var(--sp-text-dim);font-size:12px;font-variant-numeric:tabular-nums;margin-bottom:var(--sp-space-1)}.grid-master-track{position:relative;background:var(--sp-surface-2);border-radius:var(--sp-radius-sm);padding:var(--sp-space-1) 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-master-coverage{position:relative;height:6px;margin:2px var(--sp-space-1)}.grid-master-coverage-band{position:absolute;top:0;height:6px;border-radius:2px;background:color-mix(in srgb,var(--sp-ok) 55%,transparent)}.grid-master-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 6px #fff9;pointer-events:none}.grid-tile{cursor:pointer}.grid-tile-focus-hint{position:absolute;top:var(--sp-space-1);right:var(--sp-space-2);font-size:14px;line-height:1;color:var(--sp-text);text-shadow:0 1px 3px rgba(0,0,0,.85);opacity:0;transition:opacity var(--sp-transition);pointer-events:none}.grid-tile:hover .grid-tile-focus-hint{opacity:.85}.multicam-grid--focused{display:flex;flex-wrap:wrap;gap:var(--sp-space-2)}.multicam-grid--focused .grid-tile--hero{flex:1 1 100%;order:-1}.multicam-grid--focused .grid-tile--mini{flex:0 0 clamp(110px,16%,200px);opacity:.65;transition:opacity var(--sp-transition)}.multicam-grid--focused .grid-tile--mini:hover{opacity:1}.grid-tile-partial{position:absolute;bottom:var(--sp-space-1);right:var(--sp-space-1);font-size:11px;font-weight:600;color:var(--sp-warn);background:color-mix(in srgb,var(--sp-bg) 72%,transparent);border:1px solid color-mix(in srgb,var(--sp-warn) 45%,transparent);border-radius:var(--sp-radius-sm);padding:1px 6px;pointer-events:none}.grid-tile-status--empty{color:var(--sp-text-dim);font-style:italic}.viewer-route{font-family:var(--sp-font);color:var(--sp-text);background:var(--sp-bg);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.viewer-bar{display:flex;align-items:center;gap:var(--sp-space-3);padding:var(--sp-space-3) var(--sp-space-4);border-bottom:1px solid var(--sp-border);background:var(--sp-surface);flex-wrap:wrap}.viewer-title{font-size:16px;font-weight:650;margin-right:var(--sp-space-2)}.viewer-modes,.viewer-cams{display:flex;gap:var(--sp-space-1)}.viewer-route button{font:inherit;font-size:13px;color:var(--sp-text);background:var(--sp-surface-2);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);padding:6px 12px;cursor:pointer;transition:background var(--sp-transition),border-color var(--sp-transition)}.viewer-route button:hover{background:var(--sp-surface-3);border-color:var(--sp-border-strong)}.viewer-route button:focus-visible{outline:none;box-shadow:var(--sp-ring)}.viewer-note{margin-left:auto;color:var(--sp-text-dim);font-size:12px;font-variant-numeric:tabular-nums}.viewer-link{color:var(--sp-text-dim);font-size:12px;text-decoration:none;padding:6px 10px;border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);transition:color var(--sp-transition),border-color var(--sp-transition)}.viewer-link:hover{color:var(--sp-text);border-color:var(--sp-border-strong)}.viewer-body{display:flex;flex:1;min-height:0}.viewer-selector{flex:0 0 240px;border-right:1px solid var(--sp-border);background:var(--sp-surface);overflow-y:auto;display:flex;flex-direction:column;padding:var(--sp-space-2);gap:2px}.viewer-selector-head{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--sp-text-faint);padding:var(--sp-space-2) var(--sp-space-2) var(--sp-space-1)}.viewer-rec{text-align:left!important;font-variant-numeric:tabular-nums;background:transparent!important;border-color:transparent!important}.viewer-rec:hover{background:var(--sp-surface-2)!important}.viewer-rec--active{background:var(--sp-surface-3)!important;border-color:var(--sp-border-strong)!important}.viewer-empty{color:var(--sp-text-faint);font-size:13px;padding:var(--sp-space-3) var(--sp-space-2)}.viewer-stage{flex:1;min-width:0;overflow:auto;padding:var(--sp-space-4)}.viewer-stage--single{display:flex;align-items:flex-start;justify-content:center}.viewer-player{width:100%;max-width:1100px}.viewer-stage--multi{padding:var(--sp-space-3)}.viewer-stage-empty{display:flex;align-items:center;justify-content:center;height:100%}.viewer-sidebar{flex:0 0 320px;border-left:1px solid var(--sp-border);background:var(--sp-surface);display:flex;flex-direction:column;min-height:0;overflow:hidden}.viewer-sidebar__controls{display:flex;flex-direction:column;gap:var(--sp-space-2);padding:var(--sp-space-2) var(--sp-space-3);border-bottom:1px solid var(--sp-border);flex-shrink:0}.viewer-sidebar__list{flex:1;min-height:0;display:flex;flex-direction:column}