:root{color-scheme:light;--page: #f9f9f7;--surface-1: #fcfcfb;--surface-2: #f3f2ee;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--grid: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--hover: rgba(11, 11, 11, .04);--accent: #2a78d6;--act-standing: #2a78d6;--act-sitting: #eb6834;--act-walking: #1baf7a;--act-running: #eda100;--act-lying: #e87ba4;--act-bending: #008300;--act-falling: #6250d6;--act-crawling: #e34948;--act-unknown: #898781;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--good-text: #006300;--critical-text: #b42727;--shadow: 0 1px 2px rgba(11, 11, 11, .06);--shadow-lg: 0 8px 28px rgba(11, 11, 11, .16);--accent-soft: rgba(42, 120, 214, .12);--accent-line: rgba(42, 120, 214, .45);--on-running: #0b0b0b;--on-video-line: #ffd60a;--radius: 10px;--sidebar-w: 224px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--page: #0d0d0d;--surface-1: #1a1a19;--surface-2: #232321;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #898781;--grid: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--hover: rgba(255, 255, 255, .05);--accent: #3987e5;--act-standing: #3987e5;--act-sitting: #d95926;--act-walking: #199e70;--act-running: #c98500;--act-lying: #d55181;--act-bending: #008300;--act-falling: #9085e9;--act-crawling: #e66767;--good-text: #0ca30c;--critical-text: #f07272;--shadow: 0 0 0 0 transparent;--shadow-lg: 0 8px 28px rgba(0, 0, 0, .5);--accent-soft: rgba(57, 135, 229, .18);--accent-line: rgba(57, 135, 229, .5);--on-running: #ffffff}}:root[data-theme=dark]{color-scheme:dark;--page: #0d0d0d;--surface-1: #1a1a19;--surface-2: #232321;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #898781;--grid: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--hover: rgba(255, 255, 255, .05);--accent: #3987e5;--act-standing: #3987e5;--act-sitting: #d95926;--act-walking: #199e70;--act-running: #c98500;--act-lying: #d55181;--act-bending: #008300;--act-falling: #9085e9;--act-crawling: #e66767;--good-text: #0ca30c;--critical-text: #f07272;--shadow: 0 0 0 0 transparent;--shadow-lg: 0 8px 28px rgba(0, 0, 0, .5);--accent-soft: rgba(57, 135, 229, .18);--accent-line: rgba(57, 135, 229, .5);--on-running: #ffffff}*{box-sizing:border-box}html,body{margin:0;background:var(--page);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:14px 10px 10px;background:var(--surface-1);border-right:1px solid var(--border);overflow-y:auto}.brand{display:flex;align-items:center;gap:8px;padding:4px 10px;font-weight:650;font-size:16px;color:var(--text-primary);text-decoration:none}.brand svg{color:var(--accent);flex:none}.side-nav,.side-cams{display:flex;flex-direction:column;gap:2px}.side-nav a,.side-cams a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--text-secondary);text-decoration:none}.side-nav a:hover,.side-cams a:hover{background:var(--hover);color:var(--text-primary)}.side-nav a[aria-current=page],.side-cams a[aria-current=page]{background:var(--accent-soft);color:var(--text-primary);font-weight:600}.side-nav a[aria-current=page] svg{color:var(--accent)}.side-label{padding:0 10px 4px;font-size:12px;font-weight:600;color:var(--text-muted)}.side-cam-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:8px 4px 0 10px;border-top:1px solid var(--grid)}.content{min-width:0;width:100%;max-width:1640px;margin:0 auto;padding:20px 24px 56px}.spacer{flex:1}.conn{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot.pulse{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}@media (max-width: 900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:20;height:auto;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--border);overflow-x:auto}.brand{padding:0 4px 0 0;font-size:0;gap:0}.side-nav{flex-direction:row}.side-nav a{gap:6px;padding:6px 8px;white-space:nowrap}.side-cams{display:none}.side-foot{margin:0 0 0 auto;padding:0;border:0;gap:6px}.side-foot .conn{font-size:0;gap:0}.content{padding:14px 16px 48px}}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.page-title{flex:1;min-width:240px}.title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-title h1{margin:0;font-size:22px;font-weight:650;letter-spacing:-.01em}.page-sub{margin:2px 0 0;color:var(--text-secondary);overflow-wrap:anywhere}.back-link{display:inline-flex;align-items:center;gap:2px;margin-bottom:4px;font-size:13px;color:var(--text-secondary);text-decoration:none}.back-link:hover{color:var(--text-primary)}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--surface-1);border-radius:var(--radius);box-shadow:0 0 0 1px var(--border),var(--shadow);padding:16px;min-width:0}.card h2{font-size:14px;font-weight:600;margin:0}.card>h2{margin-bottom:12px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.card .sub{color:var(--text-secondary);font-size:13px;margin:2px 0 0}.card-chips{margin-bottom:10px}.is-stale{opacity:.6;transition:opacity .12s}.grid{display:grid;gap:16px}.stack{margin-bottom:16px}.stack-top{margin-top:16px}.footnote{margin:16px 0 0;font-size:13px}.banner{padding:8px 12px;margin-bottom:14px;border-radius:8px;background:var(--surface-2);box-shadow:inset 3px 0 0 var(--status-warning)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:16px}.tile .label{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.tile .value{font-size:28px;font-weight:600;margin-top:4px}.tile .note{color:var(--text-muted);font-size:12px;margin-top:2px}.live-layout,.camera-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:16px;align-items:start}.camera-layout{margin-bottom:16px}.side-col{display:grid;gap:16px;align-content:start;min-width:0}@media (max-width: 1100px){.live-layout,.camera-layout{grid-template-columns:minmax(0,1fr)}}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.expr svg{color:var(--text-muted);flex:none}.expr-aggressive svg{color:var(--status-serious)}.status{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--surface-2);white-space:nowrap}.status svg{flex:none}.status .muted{font-weight:500}.person-tag{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap}.person-tag svg{color:var(--text-muted)}.count{color:var(--text-muted);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--text-muted);font-weight:500;font-size:12px;padding:6px 8px;border-bottom:1px solid var(--grid);white-space:nowrap}td{padding:7px 8px;border-bottom:1px solid var(--grid);vertical-align:middle}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--hover)}.row-link{text-decoration:none}.table-wrap{overflow-x:auto}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums}.empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 8px;text-align:center;color:var(--text-muted)}.empty-title{color:var(--text-secondary);font-weight:600}.empty-hint{font-size:13px}.more{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.toolbar{display:flex;flex-direction:column;gap:10px;padding:12px 14px;margin-bottom:16px;background:var(--surface-1);border-radius:var(--radius);box-shadow:0 0 0 1px var(--border),var(--shadow)}.toolbar.plain{padding:0;background:none;box-shadow:none}.toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.filter-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0}.filter-label{font-size:12px;color:var(--text-muted)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:3px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface-1);color:var(--text-secondary);font-size:13px;text-decoration:none;white-space:nowrap;cursor:pointer}.chip:hover{background:var(--hover);color:var(--text-primary)}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text-primary);font-weight:600}.chip-check{color:var(--accent);flex:none}.cam-switch{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.seg{display:inline-flex;background:var(--surface-2);border-radius:8px;padding:2px}.seg button{border:0;background:transparent;padding:4px 10px;border-radius:6px;cursor:pointer;color:var(--text-secondary);white-space:nowrap}.seg button[aria-pressed=true]{background:var(--surface-1);color:var(--text-primary);box-shadow:0 0 0 1px var(--border);font-weight:600}.range,.range-custom{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 8px}.field{display:inline-flex;align-items:center;gap:8px}.field.search{position:relative}.field.search svg{position:absolute;left:9px;color:var(--text-muted);pointer-events:none}.field.search input{width:120px;padding-left:28px}select,input[type=text],input[type=number],input[type=password],input[type=search],input[type=datetime-local]{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:5px 10px;min-width:0}.tabs{display:flex;gap:2px;margin:4px 0 14px;border-bottom:1px solid var(--grid);overflow-x:auto}.tabs button{border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;padding:8px 14px;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.tabs button:hover{color:var(--text-primary)}.tabs button[aria-selected=true]{color:var(--text-primary);font-weight:600;border-bottom-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface-1);border-radius:8px;padding:6px 12px;color:var(--text-primary);text-decoration:none;cursor:pointer}.btn:hover{background:var(--hover)}.btn.primary{background:var(--accent);border-color:transparent;color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--critical-text)}.btn.ghost{border-color:transparent;background:none;color:var(--text-secondary)}.btn.ghost:hover{background:var(--hover);color:var(--text-primary)}.btn.small{padding:3px 8px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.icon-btn{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:none;color:var(--text-secondary);cursor:pointer}.icon-btn:hover{background:var(--hover);color:var(--text-primary)}.link-btn{border:0;background:none;color:var(--accent);cursor:pointer;padding:0;font-size:12px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}.form-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.form-row label.wide{grid-column:1 / -1}.form-row label.check{flex-direction:row;align-items:center;gap:6px;min-height:34px;font-size:13px}.error{color:var(--critical-text);font-size:13px;margin:0 0 8px}.error-text{color:var(--critical-text)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:13px}.kv dt{color:var(--text-secondary)}.kv dd{margin:0;overflow-wrap:anywhere}.key-prompt{max-width:460px;margin:64px auto}.key-prompt .sub{margin-bottom:12px}.key-row{display:flex;gap:8px}.key-row input{flex:1}.cams{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-content:start;align-items:start}.cams.single{grid-template-columns:minmax(0,1fr)}.cam-tile{background:var(--surface-1);border-radius:var(--radius);box-shadow:0 0 0 1px var(--border),var(--shadow);overflow:hidden;min-width:0}.cam-tile.sev-critical{box-shadow:0 0 0 2px var(--status-critical),var(--shadow)}.cam-tile.sev-warning{box-shadow:0 0 0 2px var(--status-warning),var(--shadow)}.cam-tile.sev-info{box-shadow:0 0 0 2px var(--accent),var(--shadow)}.video{position:relative;aspect-ratio:16 / 9;background:#111;display:grid;place-items:center;overflow:hidden;color:#aaa}.video img{width:100%;height:100%;object-fit:contain;display:block}.video:fullscreen{aspect-ratio:auto}.video-msg{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:88%;text-align:center;font-size:13px}.video-msg strong{color:#ddd;font-weight:600}.video-err{font-size:12px;color:#999;overflow-wrap:anywhere}.video-top{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:6px}.pill{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:8px;background:#0000009e;color:#fff;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.icon-btn.on-video{width:28px;height:28px;background:#0000009e;color:#fff}.icon-btn.on-video:hover{background:#000000d1}.video-alert{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#000000c7;color:#fff;font-size:13px;text-decoration:none}.muted-on-dark{color:#ffffffb8;margin-left:auto}.cam-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:9px 12px;font-size:13px}.cam-name{font-weight:600;color:var(--text-primary);text-decoration:none}.cam-name:hover{text-decoration:underline}.cam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.cam-card{display:block;padding:0;overflow:hidden;color:inherit;text-decoration:none}.cam-card:hover{box-shadow:0 0 0 1px var(--accent-line),var(--shadow)}.cam-card-body{padding:12px 14px}.cam-card-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.cam-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 10px}.cam-stats dt{color:var(--text-secondary);font-size:12px}.cam-stats dd{margin:0;font-size:18px;font-weight:600}.cam-card-foot{font-size:12px}.ev-list{list-style:none;margin:0;padding:0;container:evlist / inline-size}.ev-day{padding:12px 8px 4px;font-size:12px;font-weight:600;color:var(--text-muted)}.ev-day:first-child{padding-top:0}.ev-row{display:grid;grid-template-columns:20px 76px minmax(0,1fr) minmax(0,150px) 64px 72px;grid-template-areas:"icon time detail cam person thumb";align-items:center;gap:2px 10px;min-height:42px;padding:6px 8px;border-bottom:1px solid var(--grid);color:inherit;text-decoration:none}.no-cam .ev-row{grid-template-columns:20px 76px minmax(0,1fr) 64px auto;grid-template-areas:"icon time detail person thumb"}.ev-list>li:last-child .ev-row{border-bottom:0}.ev-row:hover{background:var(--hover)}.ev-row:focus-visible,.lp-row:focus-visible{outline-offset:-2px}.ev-row.is-alert.sev-critical{box-shadow:inset 3px 0 0 var(--status-critical)}.ev-row.is-alert.sev-warning{box-shadow:inset 3px 0 0 var(--status-warning)}.ev-icon{grid-area:icon;display:inline-flex;color:var(--text-muted)}.ev-time{grid-area:time;font-size:13px;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.ev-detail{grid-area:detail;display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;min-width:0}.ev-cam{grid-area:cam;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-person{grid-area:person}.ev-thumb{grid-area:thumb}.ev-thumb img{display:block;width:72px;height:40px;object-fit:cover;border-radius:5px;background:#111}@container evlist (max-width: 640px){.ev-row,.no-cam .ev-row{grid-template-columns:20px auto minmax(0,1fr) auto auto;grid-template-areas:"icon detail detail detail thumb" "icon time cam person thumb"}.ev-time,.ev-cam,.ev-person{font-size:12px}.ev-icon{align-self:start;padding-top:2px}}.feed{max-height:460px;overflow-y:auto}.cam-sections{display:grid;gap:20px}.cam-section header{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:0 8px 6px;border-bottom:1px solid var(--grid)}.cam-section h3{margin:0;font-size:14px;font-weight:600}.cam-section header a{font-size:12px}.live-people{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}.lp-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto 38px;align-items:center;gap:0 8px;padding:5px 6px;border-radius:6px;color:inherit;text-decoration:none}.lp-row:hover{background:var(--hover)}.lp-row>.num{text-align:right;font-size:13px}.lp-sub{grid-column:2 / -1;display:flex;align-items:center;gap:8px;font-size:12px}.lp-sub:empty{display:none}.mix-col{min-width:220px}.in-view-dot{display:none;margin-left:6px;background:var(--status-good)}.mix-cell{display:grid;grid-template-columns:minmax(90px,1fr) minmax(84px,auto);align-items:center;gap:10px}.mix-hit{display:block;padding:10px 0;margin:-10px 0;cursor:default}.mix{display:flex;gap:2px;height:8px;border-radius:999px;overflow:hidden}.mix-part{flex-shrink:1;flex-basis:0;min-width:3px}.mix-part.on{opacity:.8}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;animation:fade .14s ease-out}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(640px,100vw);display:flex;flex-direction:column;background:var(--surface-1);box-shadow:var(--shadow-lg);outline:none;animation:slide-in .18s ease-out}.drawer-head{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--grid)}.drawer-title{flex:1;min-width:0}.drawer-title h2{margin:0;font-size:17px;font-weight:650}.drawer-sub{margin-top:4px;color:var(--text-secondary);font-size:13px}.drawer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:16px 16px 24px}.drawer-section h3{margin:0 0 10px;font-size:13px;font-weight:600}.drawer-section summary{cursor:pointer;margin-bottom:8px}.drawer-section summary h3{display:inline}.note-line{margin:10px 0 0;font-size:12px}.drawer-actions{display:flex;flex-wrap:wrap;gap:8px}.title-icon{display:inline-flex;align-items:center;gap:8px}.title-icon .person-tag svg{width:15px;height:15px}.mini-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.mini-stats>div{min-width:0;padding:8px 10px;border-radius:8px;background:var(--surface-2)}.mini-stats>div>span{display:block;color:var(--text-secondary);font-size:12px}.mini-stats strong{font-weight:600}.mini-stats .status{gap:6px;background:none;padding:0;font-size:14px}.now-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-bottom:8px;font-weight:600}.now-also{font-size:12px;margin:-2px 0 8px}.now-row .secondary{font-weight:400}.snapshot-large{display:block;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#111;cursor:zoom-in}.snapshot-large img{display:block;width:100%}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:#000000d1;cursor:zoom-out}.lightbox img{max-width:min(1280px,100%);max-height:92vh;border-radius:8px}.lightbox-close{position:absolute;top:12px;right:12px;color:#fff}.toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:10px;padding:10px 8px 10px 12px;border-radius:var(--radius);background:var(--surface-1);box-shadow:0 0 0 1px var(--border),var(--shadow-lg);animation:rise .18s ease-out}.toast svg{flex:none}.toast-body{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(24px);opacity:0}}@keyframes rise{0%{transform:translateY(8px);opacity:0}}@media (prefers-reduced-motion: reduce){.drawer,.drawer-backdrop,.toast,.dot.pulse{animation:none}}.chart{position:relative}.chart svg{display:block;width:100%;overflow:visible}.chart .tick{fill:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.chart .gridline{stroke:var(--grid);stroke-width:1;shape-rendering:crispEdges}.chart .axis{stroke:var(--baseline);stroke-width:1;shape-rendering:crispEdges}.chart .mark{cursor:default;transition:opacity .12s}.chart .mark:hover,.chart .mark:focus{opacity:.82;outline:none}.chart .barlabel{fill:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.chart .catlabel{fill:var(--text-primary);font-size:12px}.chart .seg-label{font-size:11px;font-weight:600;pointer-events:none}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 12px;font-size:12px;color:var(--text-secondary)}.tooltip{position:absolute;pointer-events:none;background:var(--surface-1);box-shadow:0 0 0 1px var(--border),0 4px 14px #0000001f;border-radius:8px;padding:8px 10px;font-size:12px;min-width:140px;z-index:5;white-space:nowrap}.tooltip.floating{position:fixed;z-index:80}.tooltip .tv{font-weight:650;font-size:14px;color:var(--text-primary)}.tooltip .tl{color:var(--text-secondary);display:flex;align-items:center;gap:6px}.tooltip .key{width:12px;height:2px;border-radius:1px;display:inline-block}.chart-head{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.chart-head h2{margin:0}.chart-head .spacer{flex:1}.report-layout{display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}@media (max-width: 1100px){.report-layout{grid-template-columns:minmax(0,1fr)}}@media (forced-colors: active){.swatch,.dot,.mix-part{forced-color-adjust:none;border:1px solid CanvasText}}.live-layout>*,.camera-layout>*,.report-layout>*,.grid>*,.cams>*,.kpis>*{min-width:0}@media (max-width: 480px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile .value{font-size:22px}.cams{grid-template-columns:minmax(0,1fr)}}@media (max-width: 1200px){.people-table .hide-md{display:none}}@media (max-width: 640px){.toolbar{gap:8px;padding:10px}.toolbar-row{gap:8px}.filter-group{display:flex;flex-wrap:nowrap;width:100%}.filter-group .filter-label{flex:none;width:52px}.filter-group .chips{flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none}.people-table .hide-sm{display:none}.in-view-dot{display:inline-block}.toast:nth-child(n+3){display:none}}.floor-bar{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-bottom:4px}.floor-bar .tabs{flex:1;min-width:0;margin-bottom:12px}.floor-bar .tabs button{display:inline-flex;align-items:center;gap:6px}label.check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.map-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:16px;align-items:start}@media (max-width: 1100px){.map-layout{grid-template-columns:minmax(0,1fr)}}.plan{position:relative;--plan-ink: var(--text-primary);--plan-halo: var(--surface-1);--plan-ring: var(--surface-1)}.plan.on-light{--plan-ink: #0b0b0b;--plan-halo: rgba(255, 255, 255, .92);--plan-ring: #ffffff}.plan svg{display:block;width:100%;height:auto;max-height:72vh;touch-action:none;border-radius:6px;-webkit-user-select:none;user-select:none}.plan-paper{fill:var(--surface-2)}.plan-image{opacity:.92}.plan-image.invert{filter:invert(.9) hue-rotate(180deg);opacity:.85}.plan-frame{fill:none;stroke:var(--baseline);stroke-width:1px;vector-effect:non-scaling-stroke}.plan-grid line{stroke-width:1px;vector-effect:non-scaling-stroke}.plan-grid .grid-minor{stroke:var(--grid)}.plan-grid .grid-major{stroke:var(--baseline)}.plan-label{fill:var(--plan-ink);font-weight:600;paint-order:stroke;stroke:var(--plan-halo);stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.scale-bar line{stroke:var(--plan-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.plan-note{margin:0 0 8px}.plan-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:12px}.plan-foot .legend{margin:0}.hit{fill:transparent}.cam-fov{fill:var(--accent-soft);stroke:var(--accent-line);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.7}.cam-fov.active{opacity:1;stroke-width:1.5px}.cam-mark .cam-dot{fill:var(--plan-ring);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.cam-mark .cam-glyph{fill:var(--accent)}.cam-mark .cam-dir{stroke:var(--accent);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.cam-mark[role=button]{cursor:pointer}.cam-mark:focus-visible{outline:none}.cam-mark:focus-visible .cam-dot,.cam-mark.active .cam-dot{stroke-width:3px}.cam-mark.editing [data-drag=move]{cursor:move}.cam-mark .cam-handle{fill:var(--accent);stroke:var(--plan-ring);stroke-width:2px;vector-effect:non-scaling-stroke}.cam-mark [data-drag=rotate]{cursor:grab}.person-mark{cursor:pointer;transition:transform .5s linear;outline:none}.person-halo{fill:var(--plan-ink);opacity:.08}.person-dot{stroke:var(--plan-ring);stroke-width:2px;vector-effect:non-scaling-stroke}.person-dir{stroke:var(--plan-ink);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.person-mark.unlinked .person-dot{opacity:.75}.person-mark.active .person-dot,.person-mark:focus-visible .person-dot,.path-dot:focus-visible .person-dot{stroke:var(--accent);stroke-width:3px}.person-mark.active .person-halo{fill:var(--accent);opacity:.16}.trail{fill:none;stroke:var(--text-muted);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.6}.trail.fade{opacity:.25}.trail.active{stroke:var(--accent);stroke-width:2.5px;opacity:1}.path-start{fill:var(--plan-ring);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.path-end{fill:var(--accent);stroke:var(--plan-ring);stroke-width:2px;vector-effect:non-scaling-stroke}.path-dot{cursor:pointer;outline:none}.path-dot .person-dot{fill:var(--text-secondary)}.path-dot.active .person-dot{fill:var(--accent)}@media (prefers-reduced-motion: reduce){.person-mark{transition:none}}.tooltip-title{font-weight:600;margin-bottom:4px}.tooltip-row{display:flex;align-items:center;gap:6px;margin-top:2px}.person-tag.global{color:var(--accent)}.lp-row.map-row{grid-template-columns:58px minmax(0,1fr) auto 56px}.lp-row.selected{background:var(--accent-soft)}.scrubber{display:flex;align-items:center;gap:10px;margin-top:10px}.scrubber input[type=range]{flex:1;min-width:80px;accent-color:var(--accent)}.scrub-time{min-width:96px;font-size:13px}.journey-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:60vh;overflow-y:auto}.journey-list li{display:flex;align-items:flex-start;gap:8px;padding:6px;border-radius:6px}.journey-list li:hover{background:var(--hover)}.journey-list li.selected{background:var(--accent-soft)}.jl-main{flex:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;border:0;background:none;padding:0;text-align:left;cursor:pointer}.jl-route{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jl-meta{grid-column:1 / -1;font-size:12px}.journey{list-style:none;margin:0;padding:0}.journey-move{display:flex;align-items:center;gap:6px;margin:2px 0 2px 4px;padding:2px 0 2px 14px;border-left:2px solid var(--grid);font-size:12px;color:var(--text-muted)}.journey-step{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;align-items:start}.journey-dot{width:10px;height:10px;margin-top:4px;border-radius:50%;border:2px solid var(--accent);background:var(--surface-1)}.journey-dot.live{background:var(--accent)}.journey-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.journey-how{font-size:12px}.tool-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;margin-bottom:10px;background:var(--surface-2);border-radius:8px;font-size:13px}.tool-bar input{width:90px}.btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line)}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.form-actions{display:flex;gap:8px;align-items:center}.banner.info{box-shadow:inset 3px 0 0 var(--accent)}.cam-pick{list-style:none;margin:0;padding:0;display:grid;gap:2px}.cam-pick-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;border-radius:6px;background:none;text-align:left;cursor:pointer;font-size:13px}.cam-pick-row:hover{background:var(--hover)}.cam-pick-row[aria-pressed=true]{background:var(--accent-soft);font-weight:600}.cam-pick-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-view{position:relative;border-radius:8px;overflow:hidden;background:#000}.cam-view img{display:block;width:100%;height:auto}.cam-view.marking{cursor:crosshair;box-shadow:0 0 0 2px var(--accent)}.cam-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cam-overlay polyline{fill:none;stroke:var(--on-video-line);stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:.85}.calib-dot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;box-shadow:0 0 0 2px #fff;pointer-events:none}.calib-dot.pending{opacity:.6}.calib-marks circle{fill:var(--accent);stroke:var(--plan-ring);stroke-width:2px;vector-effect:non-scaling-stroke}.calib-marks text{fill:#fff;font-weight:700;pointer-events:none}.measure line{stroke:var(--plan-ink);stroke-width:2px;vector-effect:non-scaling-stroke}.measure circle{fill:var(--plan-ink);stroke:var(--plan-ring);stroke-width:2px;vector-effect:non-scaling-stroke}.num-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px;margin:12px 0}.num-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.num-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.num-field-value{display:inline-flex;align-items:center;gap:4px}.num-field-value input{width:72px;text-align:right}.num-field input[type=range]{accent-color:var(--accent)}.num-field-hint{font-size:11px}details.calib{margin-top:4px}details.calib summary{cursor:pointer;font-weight:600;padding:4px 0}.calib-list{list-style:none;margin:6px 0;padding:0;display:grid;gap:2px;font-size:12px}.calib-list li{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.phone-pair{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}.qr{flex:none;border-radius:8px;box-shadow:0 0 0 1px var(--border)}.phone-steps{margin:0;padding-left:18px;display:grid;gap:8px;font-size:13px;color:var(--text-secondary)}.phone-steps b{color:var(--text-primary)}.phone-link{display:flex;gap:8px;margin-bottom:10px}.phone-link input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.phone-addresses{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:12px}.phone-note{margin:0;font-size:12px}.phone-note .link-btn{display:inline-flex;align-items:center;gap:4px}.phone-connect .banner{margin-bottom:10px;font-size:13px}@media (max-width: 520px){.phone-pair{flex-direction:column;align-items:center}}.phone-help{margin-bottom:10px;font-size:13px;color:var(--text-secondary)}.phone-help summary{cursor:pointer;color:var(--text-primary);font-weight:600;padding:2px 0}.phone-help ul{margin:6px 0 0;padding-left:18px;display:grid;gap:6px}.map-layout.split{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}@media (max-width: 1100px){.map-layout.split{grid-template-columns:minmax(0,1fr)}}.plan-zoom{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px}.plan-zoom .icon-btn{width:28px;height:28px;font-size:16px;background:var(--surface-1);box-shadow:0 0 0 1px var(--border)}.cam-fov-edge{fill:none;stroke:var(--accent-line);stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.tag{margin-left:6px;padding:0 5px;border-radius:4px;background:var(--surface-2);color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.02em}.cam-view{touch-action:none;-webkit-user-select:none;user-select:none}.cam-view img{height:100%;object-fit:fill}.cam-view.aiming{cursor:grab}.cam-view.aiming:active{cursor:grabbing}.cam-overlay3d{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cam-overlay .calib-miss{stroke:var(--on-video-line);stroke-width:1.5px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}.calib-ring{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--on-video-line);box-shadow:0 0 0 1px #0000008c;transform:translate(-50%,-50%);pointer-events:none}.overlay-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;font-size:12px;color:var(--text-secondary)}.overlay-controls label:not(.check){display:inline-flex;align-items:center;gap:6px}.scene-wrap{position:relative}.scene3d{position:relative;height:min(68vh,720px);min-height:340px;border-radius:6px;overflow:hidden;background:linear-gradient(var(--surface-2),var(--surface-1));touch-action:none}.scene-labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.scene-label{position:absolute;left:0;top:0;padding:1px 6px;border-radius:4px;background:var(--surface-1);color:var(--text-primary);box-shadow:0 0 0 1px var(--border);font-size:11px;font-weight:600;white-space:nowrap}.scene-label.active{background:var(--accent);color:#fff;box-shadow:none}.scene-label.person{display:inline-flex;align-items:center;gap:4px}.scene-label.person .swatch{width:8px;height:8px;border-radius:2px}.scene-label .act{font-weight:400;color:var(--text-secondary)}.scene-label.active .act{color:inherit;opacity:.85}.map-layout.both{grid-template-columns:minmax(0,1fr)}.map-layout.both>.side-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.view-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.view-split .live-3d{display:flex;flex-direction:column}.view-split .live-3d .scene3d{flex:1;height:auto;min-height:340px}.view-split .live-3d .scene3d canvas{position:absolute;top:0;right:0;bottom:0;left:0}@media (max-width: 1150px){.view-split{grid-template-columns:minmax(0,1fr)}}.scene-buttons{position:absolute;top:8px;right:8px;z-index:1;display:flex;gap:6px}.scene-loading,.scene-missing{display:grid;place-items:center;min-height:340px;padding:16px;text-align:center;color:var(--text-secondary)}.drawing .dw-wall{fill:var(--plan-ink);fill-opacity:.85}.drawing .dw-wall.low{fill-opacity:.45}.drawing .dw-wall.glass{fill:#5aa9e6;fill-opacity:.35;stroke:#2f86c9;stroke-width:1px;vector-effect:non-scaling-stroke}.drawing.faded .dw-wall{fill-opacity:.5}.drawing.faded .dw-item polygon,.drawing.faded .dw-item ellipse{fill-opacity:.45}.dw-door line,.dw-door path{fill:none;stroke:var(--plan-ink);stroke-width:1.25px;vector-effect:non-scaling-stroke}.dw-door .dw-swing{stroke-dasharray:3 3;opacity:.75}.dw-window-frame{fill:var(--plan-ring);stroke:var(--plan-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.dw-window-glass{stroke:#2f86c9;stroke-width:1.5px;vector-effect:non-scaling-stroke}.dw-item polygon,.dw-item ellipse{fill:#d8ccb6;fill-opacity:.9;stroke:#8c8576;stroke-width:1px;vector-effect:non-scaling-stroke}.dw-item.full polygon,.dw-item.full ellipse{fill:#a8a296}.dw-item-label{fill:#3d3a33;font-weight:600;pointer-events:none}.dw-sel polyline,.dw-sel line,.dw-sel polygon{fill:none;stroke:var(--accent);stroke-opacity:.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.dw-sel polygon{stroke-opacity:1;stroke-dasharray:.12 .08}.dw-handle{fill:var(--plan-ring);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;cursor:grab;pointer-events:all}.dw-handle.turn{fill:var(--accent)}.dw-rubber polyline{fill:none;stroke:var(--accent);stroke-opacity:.6;stroke-linejoin:miter}.dw-rubber.glass polyline{stroke:#2f86c9}.dw-rubber circle{fill:var(--accent)}.dw-rubber circle.first{fill:var(--plan-ring);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.dw-rubber.box rect,.dw-rubber.box ellipse{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.dw-snap{fill:none;stroke:#e0752d;stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none}.editor{display:grid;grid-template-columns:auto minmax(0,1fr) 270px;gap:14px;align-items:start}@media (max-width: 1150px){.editor{grid-template-columns:auto minmax(0,1fr)}.editor-props{grid-column:1 / -1}}@media (max-width: 640px){.editor{grid-template-columns:minmax(0,1fr)}.editor-tools{flex-direction:row!important;overflow-x:auto;position:static!important}}.editor-tools{position:sticky;top:12px;display:flex;flex-direction:column;gap:4px}.tool-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;flex:none;width:76px;padding:9px 4px 7px;border:1px solid transparent;border-radius:8px;background:none;color:var(--text-secondary);font-size:12px;cursor:pointer}.tool-btn:hover{background:var(--hover);color:var(--text-primary)}.tool-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text-primary);font-weight:600}.tool-btn kbd{position:absolute;top:3px;right:5px;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-muted)}.editor-canvas{min-width:0}.editor-canvas .tool-bar{justify-content:space-between}.tool-hint{flex:1 1 260px}.editor-opacity{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.editor-opacity input{width:90px}.editor-plan svg{max-height:74vh}.editor-props{display:grid;gap:12px}.props{display:grid;gap:10px;padding:12px;border-radius:8px;background:var(--surface-2)}.props h3{margin:0;font-size:14px}.props .small,.small{font-size:12px}.prop{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--text-secondary)}.prop-value{display:inline-flex;align-items:center;gap:4px}.prop-value input{width:84px;text-align:right}.prop select,.prop input[type=text]{width:150px}.prop-group{display:grid;gap:6px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-1);color:var(--text-primary);font-size:12px;text-align:left;cursor:pointer}.preset[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);font-weight:600}.preset .muted{font-size:11px;font-weight:400}.editor-3d .scene3d{height:min(70vh,760px)}.editor-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}.editor-split .editor-3d .scene3d{height:min(62vh,640px)}@media (max-width: 1150px){.editor-split{grid-template-columns:minmax(0,1fr)}}.read-report{display:grid;gap:6px}.read-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.read-notes{margin:0;padding-left:18px;color:var(--text-secondary);font-size:13px}.ptz{display:grid;gap:10px;margin-top:6px}.ptz-form{display:grid;gap:8px}.ptz-form>label{display:grid;gap:4px;font-size:13px;color:var(--text-secondary)}.ptz-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px}.dot.good{background:var(--status-good)}.dot.warn{background:var(--status-warning)}.dot.bad{background:var(--status-critical)}.ptz-links{display:inline-flex;gap:10px;margin-left:auto}.ptz-controls{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.joystick{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,38px);gap:4px}.pad{display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-primary);font-size:16px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.pad:active{background:var(--accent-soft);border-color:var(--accent-line)}.pad.stop{font-size:11px;color:var(--text-secondary)}.ptz-side{display:grid;gap:8px}.zoom-pads{display:grid;grid-template-columns:38px auto 38px;align-items:center;gap:6px;text-align:center}.zoom-pads .pad{height:38px}.ptz-speed{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.ptz-presets{display:flex;gap:6px}.ptz-views{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.ptz-views-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge.good{color:var(--good-text);font-size:12px;font-weight:600}.badge.muted-badge{color:var(--text-muted);font-size:12px}.ptz-view-list li.current{font-weight:600}.ptz-view-list .link-btn:disabled{color:var(--text-muted);cursor:default}.tool-bar input[type=checkbox]{width:auto}.ptz-save{justify-self:start}.face-thumb{display:inline-block;flex:none;border-radius:8px;object-fit:cover;background:var(--surface-2);vertical-align:middle}.face-thumb.blank{display:inline-grid;place-items:center;color:var(--text-muted)}.person-cell{display:inline-flex;align-items:center;gap:8px}.face-badge svg{color:var(--text-muted)}.face-search-card{margin-bottom:16px}.face-search-card .card-head{flex-wrap:nowrap}.face-search{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 760px){.face-search{grid-template-columns:minmax(0,1fr)}}.face-drop{display:flex;flex-direction:column;gap:10px;padding:12px;border:1.5px dashed var(--baseline);border-radius:var(--radius);background:var(--surface-2);transition:border-color .12s,background .12s}.face-drop.dragging{border-color:var(--accent);background:var(--accent-soft)}.face-drop-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 8px 12px;color:var(--text-secondary);text-align:center}.face-drop-actions{display:flex;justify-content:center}.face-drop .note-line{margin:0;text-align:center}.face-photo{position:relative;width:fit-content;max-width:100%;margin:0 auto;line-height:0;border-radius:8px;overflow:hidden;background:#111}.face-photo img{display:block;max-width:100%;max-height:340px;width:auto;height:auto}.face-photo svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.face-photo rect{fill:none;vector-effect:non-scaling-stroke}.face-photo .halo{stroke:#0009;stroke-width:4px}.face-photo .line{stroke:#ffffffd9;stroke-width:2px;stroke-dasharray:5 4}.face-photo g.chosen .line{stroke:var(--on-video-line);stroke-dasharray:none}.face-photo g[role=button]{cursor:pointer;pointer-events:all}.face-photo g[role=button]:focus{outline:none}.face-photo g[role=button]:focus-visible .line{stroke-width:3.5px}.face-found{min-width:0}.face-many,.face-count{margin:0 0 8px;font-size:13px}.face-results{display:grid;gap:6px;margin:0;padding:0;list-style:none}.face-match{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px 8px 8px;border-radius:var(--radius);color:inherit;text-decoration:none;box-shadow:0 0 0 1px var(--border)}.face-match:hover{background:var(--hover)}.face-match:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fm-main{display:flex;flex-direction:column;gap:2px;min-width:0}.fm-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.fm-line{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.fm-score{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.fm-score strong{font-size:18px;font-weight:600}.fm-strength{font-size:12px;font-weight:600;white-space:nowrap;color:var(--text-muted)}.face-match.strong .fm-strength{color:var(--good-text)}.face-match.likely .fm-strength{color:var(--accent)}.face-record{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px}.face-kv{flex:1;min-width:200px}.face-strip-label{margin:14px 0 6px;font-size:12px}.face-strip{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.face-pick{padding:0;border:0;border-radius:9px;background:none;line-height:0;cursor:pointer}.face-pick[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.face-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.face-actions{margin-top:12px}.person-number{margin-left:2px;color:var(--text-muted);font-size:.86em;font-weight:500}.who-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.who-actions{margin-top:10px}.name-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.name-row input[type=text]{flex:1 1 180px;min-width:0}.name-taken{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:13px}.picker-wrap{flex-basis:100%;margin-top:10px}.picker{display:grid;gap:8px;padding:12px;border-radius:var(--radius);box-shadow:0 0 0 1px var(--border)}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.picker-search{display:flex}.picker-search input{flex:1;width:auto}.picker-list{display:grid;gap:2px;max-height:300px;margin:0;padding:0;overflow-y:auto;list-style:none}.picker-row{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border:0;border-radius:var(--radius);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.picker-row:hover:not(:disabled){background:var(--hover)}.picker-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.picker-row:disabled{cursor:progress;opacity:.6}.picker-empty{font-size:13px}.picker-new{justify-self:start}.move-cell{text-align:right}
