:root{--f-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--f-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg:#f4f7fb;--panel:#fff;--panel2:#f1f5fa;--line:#e3e9f1;--tx:#1c2430;--mut:#6b7686;--acc:#4b57d6;--acc-ink:#fff;--ok:#12a05e;--warn:#cf9114;--bad:#df4d43;--rec:#ec4a3f;--shadow:0 14px 34px -20px rgba(40,55,110,.4);--rad:12px;--pad:12px;--gap:13px;--fdata:var(--f-ui);--fs:13.5px}:root[data-palette=graphite]{color-scheme:dark;--bg:#0f1318;--panel:#161c23;--panel2:#1b232c;--line:#28313d;--tx:#dde5ee;--mut:#8593a2;--acc:#33d1c1;--acc-ink:#04231f;--ok:#4bd189;--warn:#e8b64a;--bad:#e56a60;--rec:#ff5a51;--shadow:none}:root[data-palette=midnight]{color-scheme:dark;--bg:#12162a;--panel:#1a2039;--panel2:#232b48;--line:#2e3760;--tx:#e7eaf6;--mut:#98a1c6;--acc:#8ea2ff;--acc-ink:#0a0f2b;--ok:#6ee7b0;--warn:#f0c15c;--bad:#f2887e;--rec:#ff6b6b;--shadow:0 10px 30px -14px rgba(0,0,0,.6)}:root[data-palette=amber]{color-scheme:dark;--bg:#15120c;--panel:#1e1a11;--panel2:#251f14;--line:#332b1c;--tx:#efe6d2;--mut:#a89877;--acc:#e6a338;--acc-ink:#20160a;--ok:#9dc24a;--warn:#e6a338;--bad:#df6a48;--rec:#ff5836;--shadow:none}:root[data-palette=slate]{color-scheme:light;--bg:#e6eaf0;--panel:#fff;--panel2:#eef2f7;--line:#cfd6e0;--tx:#1a2331;--mut:#5a6675;--acc:#2f66b5;--acc-ink:#fff;--ok:#1f9d57;--warn:#c1850f;--bad:#cf3f37;--rec:#e0362c;--shadow:0 1px 2px rgba(20,30,50,.06)}:root[data-palette=cloud]{color-scheme:light;--bg:#f4f7fb;--panel:#fff;--panel2:#f1f5fa;--line:#e3e9f1;--tx:#1c2430;--mut:#6b7686;--acc:#4b57d6;--acc-ink:#fff;--ok:#12a05e;--warn:#cf9114;--bad:#df4d43;--rec:#ec4a3f;--shadow:0 14px 34px -20px rgba(40,55,110,.4)}:root[data-palette=teal]{color-scheme:light;--bg:#edf3f0;--panel:#fff;--panel2:#eef4f2;--line:#d5e0da;--tx:#152420;--mut:#57685f;--acc:#0e7d6b;--acc-ink:#fff;--ok:#0e9b74;--warn:#c68a1a;--bad:#cf5347;--rec:#e0554a;--shadow:0 8px 22px -16px rgba(20,70,60,.35)}:root[data-density=dense]{--rad:5px;--pad:8px;--gap:9px;--fdata:var(--f-mono);--fs:12.5px}:root[data-density=airy]{--rad:12px;--pad:12px;--gap:13px;--fdata:var(--f-ui);--fs:13.5px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--f-ui);font-size:var(--fs);line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:3px}.shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--gap);padding:calc(var(--pad) + 2px) calc(var(--pad) * 1.6);background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-weight:720;letter-spacing:-.01em;font-size:15px}.brand.big{font-size:22px}.bdot{width:15px;height:15px;border-radius:5px;background:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}.nav{display:flex;gap:calc(var(--gap) + 2px);margin-left:6px}.nav a{color:var(--mut);text-decoration:none;padding-bottom:3px;white-space:nowrap}.nav a:hover{color:var(--tx)}.nav a.on{color:var(--tx);font-weight:600;box-shadow:inset 0 -2px 0 var(--acc)}.tb-right{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{text-decoration:none;color:var(--mut);font-size:16px;padding:4px 6px;border-radius:var(--rad)}.icon-btn:hover,.icon-btn.on{color:var(--tx);background:var(--panel2)}.ava{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--acc) 26%,var(--panel2));color:var(--tx);font-size:11px;font-weight:700;cursor:pointer}.content{padding:var(--gap) calc(var(--pad) * 1.6);flex:1;min-height:0;overflow:auto}.seg{display:inline-flex;gap:3px;padding:3px;background:var(--panel2);border:1px solid var(--line);border-radius:calc(var(--rad) + 2px)}.seg .react-aria-ToggleButton{border:none;background:transparent;color:var(--mut);cursor:pointer;padding:3px 10px;border-radius:var(--rad);font-size:12px;font-weight:600;font-family:var(--fdata);letter-spacing:.02em}.seg .react-aria-ToggleButton[data-hovered]{color:var(--tx)}.seg .react-aria-ToggleButton[data-selected]{background:var(--acc);color:var(--acc-ink)}.dash{display:grid;grid-template-columns:210px minmax(0,1fr);gap:var(--gap);height:100%;min-height:0}.cams{display:flex;flex-direction:column;gap:calc(var(--pad) - 2px);min-width:0;min-height:0;overflow-y:auto}.caph{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--mut);font-weight:650;padding:2px 2px 4px}.cam{display:flex;align-items:center;gap:8px;padding:calc(var(--pad) - 1px) var(--pad);border-radius:var(--rad);background:var(--panel);border:1px solid transparent;min-width:0;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}.cam:hover{border-color:color-mix(in srgb,var(--acc) 30%,var(--line))}.cam.sel{background:color-mix(in srgb,var(--acc) 14%,var(--panel));border-color:color-mix(in srgb,var(--acc) 40%,transparent)}.cn{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc{margin-left:auto;font-family:var(--fdata);font-size:11px;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap}.badge{margin-left:auto;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;color:var(--acc-ink);background:var(--acc)}.led{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 26%,transparent)}.led.ok{color:var(--ok);background:var(--ok)}.led.warn{color:var(--warn);background:var(--warn)}.led.bad{color:var(--bad);background:var(--bad)}.led.rec{color:var(--rec);background:var(--rec)}.stage{display:flex;flex-direction:column;gap:var(--gap);min-width:0;min-height:0}.stage-main{flex:1;min-height:0;display:flex}.player{position:relative;flex:1;min-width:0;min-height:0;border-radius:var(--rad);overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 78% 8%,rgba(120,150,190,.16),transparent 55%),linear-gradient(168deg,#1a222e,#10151d 58%,#0a0e14)}.player.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),0 0 22px color-mix(in srgb,var(--acc) 22%,transparent)}.player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;display:block}.player-name{position:absolute;top:9px;left:11px;z-index:2;font-size:12px;font-weight:650;color:#eaf0f7;text-shadow:0 1px 3px rgba(0,0,0,.6);display:inline-flex;align-items:center;gap:5px}.motion-badge{width:15px;height:15px;flex:none;color:var(--warn);filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:1;color:#aeb8c6;font-size:13px;letter-spacing:.03em}.player-audio{position:absolute;bottom:8px;right:8px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;cursor:pointer;color:#eaf0f7;border:1px solid rgba(150,180,210,.25);border-radius:50%;background:#0c10168c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .15s,color .15s,border-color .15s}.player-audio:hover{background:#0c1016cc}.player-audio.on{color:var(--acc);border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),0 0 12px color-mix(in srgb,var(--acc) 30%,transparent)}.stage-bar{display:flex;align-items:center;gap:var(--gap)}.mosaic-grid{display:grid;gap:calc(var(--gap) * .6);flex:1;min-height:0}.mosaic-grid[data-count="1"]{grid-template-columns:1fr;grid-template-rows:1fr}.mosaic-grid[data-count="2"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.mosaic-grid[data-count="3"],.mosaic-grid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.mosaic-grid .player{min-height:0}.mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:calc(var(--gap) * .6);flex:1;min-height:0}.tile{position:relative;border-radius:var(--rad);overflow:hidden;min-width:0;min-height:0;border:1px solid var(--line);background:radial-gradient(120% 90% at 78% 8%,rgba(120,150,190,.16),transparent 55%),linear-gradient(168deg,#1a222e,#10151d 58%,#0a0e14)}.tile:after{content:"";position:absolute;left:0;right:0;bottom:26%;height:1px;background:linear-gradient(90deg,transparent,rgba(150,180,210,.22),transparent)}.tile.live{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),0 0 22px color-mix(in srgb,var(--acc) 26%,transparent)}.tile.off{background:var(--panel2);border-style:dashed}.tile.off:after{display:none}.tl{position:absolute;top:7px;left:8px;font-size:11px;font-weight:650;color:#eaf0f7;text-shadow:0 1px 3px rgba(0,0,0,.6)}.ts{position:absolute;bottom:7px;left:8px;right:8px;font-family:var(--fdata);font-size:10px;color:#cdd7e2;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec{position:absolute;top:6px;right:7px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#fff;background:color-mix(in srgb,var(--rec) 92%,#000);padding:1px 7px;border-radius:999px}.mv{position:absolute;top:6px;right:7px;font-size:10px;font-weight:700;color:#20160a;background:var(--warn);padding:1px 7px;border-radius:999px}.nosig{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;letter-spacing:.04em;color:var(--mut)}.timeline{background:var(--panel2);border:1px solid var(--line);border-radius:var(--rad);padding:calc(var(--pad) + 2px)}.tlhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tlhead .lbl{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--mut);font-weight:650}.tlhead .now{font-family:var(--fdata);font-size:11px;color:var(--acc);font-weight:700;font-variant-numeric:tabular-nums}.track{position:relative;height:18px;border-radius:calc(var(--rad) - 1px);background:color-mix(in srgb,var(--tx) 8%,var(--panel2));overflow:hidden}.seg[style]{position:absolute}.track .seg{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--acc) 30%,transparent);display:block;padding:0;border:none}.mk{position:absolute;top:2px;bottom:2px;width:2px;border-radius:2px;background:var(--warn)}.play{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--rec);box-shadow:0 0 0 3px color-mix(in srgb,var(--rec) 24%,transparent)}.tlabels{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--fdata);font-size:10px;color:var(--mut);font-variant-numeric:tabular-nums}.sbar{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--mut);padding:0 2px}.sbar b{color:var(--tx);font-weight:600}.sbar .bad{color:var(--bad)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px;position:relative}.login-lang{position:absolute;top:18px;right:18px}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--rad) + 4px);padding:28px 26px;box-shadow:var(--shadow)}.login-sub{margin:-6px 0 6px;color:var(--mut);font-size:13px}.login-hint{margin:4px 0 0;color:var(--mut);font-size:11.5px;line-height:1.5}.login-error{margin:0;color:var(--bad);font-size:13px;font-weight:600}.login-notice{margin:0;color:var(--ok);font-size:13px;font-weight:600}.login-link{margin:2px auto 0;padding:4px;border:none;background:none;color:var(--acc);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:none}.login-link:hover{text-decoration:underline}.fld{display:flex;flex-direction:column;gap:5px}.fld .react-aria-Label{font-size:12px;color:var(--mut);font-weight:600}.fld .react-aria-Input{width:100%;padding:9px 11px;border-radius:var(--rad);border:1px solid var(--line);background:var(--panel2);color:var(--tx);font:inherit}.fld .react-aria-Input[data-focused]{border-color:var(--acc)}.fld[data-invalid] .react-aria-Input{border-color:var(--bad)}.fld .react-aria-FieldError{font-size:11.5px;color:var(--bad)}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--tx);cursor:pointer;padding:10px 14px;border-radius:var(--rad);font-weight:650}.btn.primary{background:var(--acc);color:var(--acc-ink);border-color:transparent;margin-top:4px}.btn[data-hovered]{filter:brightness(1.05)}.btn[data-disabled]{opacity:.6;cursor:default}.settings{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--gap)}.settings h1{font-size:22px;margin:4px 0 2px;letter-spacing:-.01em}.settings h2{font-size:15px;margin:0 0 4px}.muted{color:var(--mut);font-size:13px;margin:0 0 12px}.panel-card{background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--rad) + 3px);padding:18px 18px 20px;box-shadow:var(--shadow)}.contact-list{margin:0;display:flex;flex-direction:column;gap:8px}.contact-list>div{display:flex;gap:12px;align-items:baseline}.contact-list dt{flex:0 0 120px;color:var(--mut);font-size:13px}.contact-list dd{margin:0;font-size:14px;font-variant-numeric:tabular-nums}.contact-list a{color:var(--acc);text-decoration:none}.contact-list a:hover{text-decoration:underline}.tp{display:flex;flex-direction:column;gap:18px}.tp-group{display:flex;flex-direction:column;gap:9px}.tp-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);font-weight:650}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.swatch{display:flex;align-items:center;gap:9px;padding:9px 11px;cursor:pointer;background:var(--panel2);border:1px solid var(--line);border-radius:var(--rad)}.swatch[data-hovered]{border-color:color-mix(in srgb,var(--acc) 45%,var(--line))}.swatch[data-selected]{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}.sw-dot{width:16px;height:16px;border-radius:5px;flex:none;border:1px solid rgba(128,128,128,.35)}.sw-dot.auto{background:linear-gradient(135deg,#cfd6e0 0,#cfd6e0 50%,#1b232c 50%,#1b232c)}.sw-name{font-size:13px;font-weight:600}.sw-scheme{margin-left:auto;font-size:10.5px;color:var(--mut)}.menu-pop{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);box-shadow:0 12px 30px -12px #0006;padding:4px;min-width:160px}.menu-pop .react-aria-MenuItem,.menu-pop .react-aria-ListBoxItem{padding:8px 12px;border-radius:calc(var(--rad) - 1px);font-size:13px;cursor:pointer;outline:none}.menu-pop .react-aria-MenuItem[data-focused],.menu-pop .react-aria-ListBoxItem[data-focused]{background:var(--panel2)}.menu-pop .react-aria-ListBoxItem[data-selected]{color:var(--acc);font-weight:600}.cam-row{display:flex;align-items:center;gap:8px;padding:calc(var(--pad) - 1px) var(--pad);border-radius:var(--rad);background:var(--panel);min-width:0;border:1px solid transparent;width:100%;text-align:left;font:inherit;color:inherit}button.cam-row{cursor:pointer}button.cam-row:hover{border-color:color-mix(in srgb,var(--acc) 30%,var(--line))}.cam-row.sel{background:color-mix(in srgb,var(--acc) 14%,var(--panel));border-color:color-mix(in srgb,var(--acc) 40%,transparent)}.cam-row.drag{cursor:grab}.cam-row.drag:active{cursor:grabbing}.cam-row .cn{flex:1}.cam-br{font-family:var(--fdata);font-size:10.5px;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.cam-shared{font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--acc);border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);border-radius:4px;padding:0 4px;line-height:1.5;white-space:nowrap;flex:none}.drag-hint{font-size:11px;color:var(--mut);padding:0 2px 5px}.empty-hint{font-size:12px;color:var(--mut);padding:6px 3px}.add-mosaic{margin-top:6px;width:100%;text-align:center}.stage-title{font-weight:650;font-size:15px}.stage-empty{flex:1;display:grid;place-items:center;color:var(--mut);font-size:14px;text-align:center;padding:24px}.tile-wrap{position:relative;min-width:0;min-height:0;display:flex}.tile-wrap .player{flex:1}.tile-stream{position:absolute;top:7px;right:38px;z-index:3}.drop-cell{position:relative;display:flex;min-width:0;min-height:0}.drop-cell>*{flex:1;min-width:0;min-height:0}.cell-clear{position:absolute;top:7px;right:7px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;cursor:pointer;color:#eaf0f7;border:1px solid rgba(150,180,210,.25);border-radius:6px;background:#0c10168c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .12s,background .12s,border-color .12s}.tile-wrap:hover .cell-clear,.drop-cell:hover .cell-clear{opacity:1}.cell-clear:focus-visible{opacity:1;outline:2px solid var(--acc)}.cell-clear:hover{background:#aa2d2dcc;border-color:#dc5a5ad9}.cell-clear svg{width:13px;height:13px}.mosaic-name{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;text-align:left;padding:0}.date-input{padding:5px 10px;border-radius:var(--rad);border:1px solid var(--line);background:var(--panel2);color:var(--tx);font:inherit;font-size:12.5px}.arch-player{position:relative;flex:1;min-height:0;border-radius:var(--rad);overflow:hidden;border:1px solid var(--line);background:#000;display:flex}.arch-video{width:100%;height:100%;object-fit:contain;background:#000}.tl-seg{position:absolute;top:2px;bottom:2px;min-width:3px;border:none;padding:0;border-radius:2px;background:color-mix(in srgb,var(--acc) 55%,transparent);cursor:pointer}.tl-seg:hover{background:var(--acc)}.tl-seg.on{background:var(--acc);box-shadow:0 0 0 1px var(--acc)}.rec-panel{display:flex;flex-direction:column;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--rad);padding:8px 10px}.rec-panel.closed{padding-bottom:8px}.rec-phead{display:flex;align-items:center;gap:8px}.rec-collapse{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--tx);cursor:pointer;font:inherit;font-weight:650;font-size:13px;padding:2px 0}.rec-collapse svg{display:block;color:var(--mut);transition:transform .12s}.rec-phead .seg.small{margin-left:auto}.rec-empty{color:var(--mut);font-size:13px;padding:8px 2px}.rec-groups{display:flex;flex-direction:column;gap:4px;max-height:34vh;overflow-y:auto}.rec-groups .rec-list,.rec-groups .rec-grid{max-height:none;overflow:visible}.rec-group-head{display:flex;align-items:center;gap:8px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);color:var(--tx);cursor:pointer;font:inherit;font-weight:600;font-size:12.5px;padding:6px 10px;text-align:left}.rec-group-head:hover{border-color:color-mix(in srgb,var(--acc) 40%,var(--line))}.rec-group-head svg{display:block;color:var(--mut);transition:transform .12s;flex:none}.rec-group-hour{font-family:var(--fdata);font-variant-numeric:tabular-nums}.rec-group-count{margin-left:auto;color:var(--mut);font-size:11.5px;font-variant-numeric:tabular-nums;background:var(--panel2);border-radius:999px;padding:1px 8px}.rec-group>.rec-list,.rec-group>.rec-grid{padding:4px 0 6px 14px}.rec-list{display:flex;flex-direction:column;gap:3px;max-height:26vh;overflow-y:auto}.rec-item{display:flex;align-items:center;gap:4px;border-radius:var(--rad);background:var(--panel);border:1px solid transparent}.rec-item.sel{background:color-mix(in srgb,var(--acc) 14%,var(--panel));border-color:color-mix(in srgb,var(--acc) 40%,transparent)}.rec-pick{flex:1;display:flex;align-items:center;gap:12px;background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;text-align:left;padding:7px 10px;min-width:0}.rec-time{font-family:var(--fdata);font-variant-numeric:tabular-nums;font-weight:600}.rec-cam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rec-dur,.rec-size{font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums}.rec-size{margin-left:auto}.rec-dl{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--mut);cursor:pointer;padding:6px 10px;border-radius:var(--rad)}.rec-dl:hover{color:var(--acc);background:var(--panel2)}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:34vh;overflow-y:auto;padding:2px}.rec-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);cursor:pointer;overflow:hidden;color:inherit;text-align:left}.rec-card:hover{border-color:color-mix(in srgb,var(--acc) 45%,var(--line))}.rec-card.sel{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}.thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;display:grid;place-items:center}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-ph{color:var(--mut);font-size:12px}.rec-card-time{font-family:var(--fdata);font-variant-numeric:tabular-nums;font-weight:600;font-size:12.5px;padding:0 8px}.rec-card-cam{color:var(--mut);font-size:11.5px;padding:0 8px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-card-dl{position:absolute;top:5px;right:5px;display:inline-flex;padding:4px;border-radius:5px;color:#fff;background:color-mix(in srgb,#000 45%,transparent);opacity:0}.rec-card:hover .rec-card-dl{opacity:1}.rec-card-dl:hover{background:var(--acc);color:var(--acc-ink)}.arch-timeline{display:flex;flex-direction:column;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--rad);padding:8px 10px}.arch-controls{display:flex;align-items:center;gap:6px}.ictl{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;border:1px solid var(--line);background:var(--panel);color:var(--tx);cursor:pointer;border-radius:var(--rad);padding:0 8px;font-size:13px;line-height:1}.ictl:hover:not(:disabled){border-color:color-mix(in srgb,var(--acc) 45%,var(--line));color:var(--acc)}.ictl:disabled{opacity:.4;cursor:default}.ictl.subtle{border-color:transparent;color:var(--mut)}.ictl svg{display:block}.arch-sep{width:1px;height:18px;background:var(--line);margin:0 4px}.trim-range{font-family:var(--fdata);font-variant-numeric:tabular-nums;font-size:12px;color:var(--warn);white-space:nowrap}.export-btn{display:inline-flex;align-items:center;gap:6px}.export-btn svg{display:block}.spin{animation:spin .8s linear infinite;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}.arch-clock{font-family:var(--fdata);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:var(--acc);margin:0 4px}.arch-zoom{margin-left:auto;display:flex;gap:4px}.arch-track{position:relative;height:22px;border-radius:4px;cursor:pointer;background:color-mix(in srgb,var(--tx) 8%,var(--panel2));overflow:hidden}.arch-seg{position:absolute;top:2px;bottom:2px;border-radius:2px;background:color-mix(in srgb,var(--acc) 45%,transparent);pointer-events:none}.arch-trim{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--warn) 28%,transparent);border-left:1px solid var(--warn);border-right:1px solid var(--warn);pointer-events:none}.arch-play{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--rec);box-shadow:0 0 0 3px color-mix(in srgb,var(--rec) 24%,transparent);pointer-events:none}.arch-motion{position:relative;height:4px}.mo-bar{position:absolute;top:0;bottom:0;border-radius:2px;pointer-events:none;background:color-mix(in srgb,var(--warn) 65%,transparent)}.mlog-panel{display:flex;flex-direction:column;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--rad);padding:8px 10px}.mlog-panel.closed{padding-bottom:8px}.mlog-head{display:flex;align-items:center}.mlog-collapse{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--tx);cursor:pointer;font-weight:600;font-size:13px;padding:2px 0}.mlog-empty{color:var(--mut);font-size:13px;padding:6px 2px}.mlog-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.mlog-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:transparent;color:var(--tx);cursor:pointer;padding:5px 8px;border-radius:6px;font-size:12.5px}.mlog-item:hover{background:var(--panel)}.mlog-item.live{background:color-mix(in srgb,var(--rec) 10%,transparent)}.mlog-time{font-family:var(--fdata);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:4px}.mlog-arrow{color:var(--mut)}.mlog-live{color:var(--rec);font-weight:600}.mlog-dur{font-family:var(--fdata);font-variant-numeric:tabular-nums;color:var(--mut);min-width:42px}.mlog-cam{color:var(--mut)}.mlog-tags{margin-left:auto;display:inline-flex;gap:4px;flex-wrap:wrap}.mlog-tag{font-size:11px;padding:1px 8px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,var(--acc) 15%,transparent);color:var(--acc);border:1px solid color-mix(in srgb,var(--acc) 30%,transparent)}.mlog-tag.tag-people{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 32%,transparent)}.mlog-tag.tag-vehicle{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 32%,transparent)}.cam-edit{border:none;background:transparent;color:var(--mut);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;opacity:0}.cam-row:hover .cam-edit{opacity:1}.cam-edit:hover{color:var(--tx);background:var(--panel2)}.cam-rename .react-aria-Input{width:100%;padding:6px 9px;border-radius:var(--rad);border:1px solid var(--acc);background:var(--panel2);color:var(--tx);font:inherit}.stage-bar{flex-wrap:wrap}.stage-bar-right{margin-left:auto;display:flex;gap:8px;align-items:center}.btn.small{padding:5px 11px;border-radius:var(--rad);font-size:12.5px;font-weight:600;border:1px solid var(--line);background:var(--panel2);color:var(--tx);cursor:pointer}.btn.small.primary,.btn.small[data-selected]{background:var(--acc);color:var(--acc-ink);border-color:transparent}.btn.small[data-hovered]{filter:brightness(1.05)}.lay-btn{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:var(--rad);border:1px solid var(--line);background:var(--panel2);color:var(--tx);cursor:pointer;font:inherit;font-size:12.5px;max-width:220px}.lay-btn .react-aria-SelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg.small .react-aria-ToggleButton{padding:2px 8px;font-size:11px}.save-bar{display:flex;align-items:center;gap:8px}.name-field .react-aria-Input{padding:6px 10px;border-radius:var(--rad);border:1px solid var(--line);background:var(--panel2);color:var(--tx);font:inherit;min-width:200px}.cell-edit{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:8px;padding:10px;border-radius:var(--rad);border:1px dashed var(--line);background:var(--panel);min-height:0;min-width:0}.cell-edit .cell-select{flex:1 1 140px;min-width:0}.cell-edit .cell-select .lay-btn{width:100%;max-width:none}.cell-edit .seg.small{flex:0 0 auto}@media(prefers-reduced-motion:no-preference){.rec,.play,.led.rec{animation:pulse 1.9s ease-in-out infinite}.led.motion,.motion-badge{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}}.cam-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}.cam-card{background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--rad) + 3px);padding:14px 16px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.cam-card-head{display:flex;align-items:center;gap:9px}.cam-card-title{font-size:15px;font-weight:650;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-card-fields{margin:0;display:flex;flex-direction:column;gap:10px}.cam-card-fields>div{display:flex;flex-direction:column;gap:3px}.cam-card-fields dt{color:var(--mut);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.cam-card-fields dd{margin:0;font-size:14px}.cam-official{color:var(--tx);font-variant-numeric:tabular-nums}.cam-card-value,.cam-card-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cam-card-edit .cam-rename{flex:1 1 140px;min-width:0}.btn-sm{border:1px solid var(--line);background:var(--panel2);color:var(--tx);cursor:pointer;padding:4px 10px;border-radius:var(--rad);font:inherit;font-size:12.5px;font-weight:600}.btn-sm.ghost{border-color:transparent;background:transparent;color:var(--mut)}.btn-sm:hover{filter:brightness(1.05);color:var(--tx);background:var(--panel2)}.cam-card-foot{border-top:1px solid var(--line);padding-top:10px}.small{font-size:12px}.ok{color:var(--ok)}.bad{color:var(--bad)}.cam-settings{display:flex;flex-direction:column;gap:16px;padding-top:4px}.setting-cat{display:flex;flex-direction:column;gap:8px}.setting-cat h4{margin:0;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--mut)}.ptz-wrap{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ptz-pad{display:grid;grid-template-columns:repeat(3,40px);grid-auto-rows:40px;gap:4px}.ptz-zoom{display:flex;gap:4px}.ptz-btn{border:1px solid var(--line);background:var(--panel2);color:var(--tx);border-radius:var(--rad);cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center}.ptz-btn.wide{width:62px;height:34px}.ptz-btn:hover:not(:disabled){filter:brightness(1.08)}.ptz-btn:disabled{opacity:.5;cursor:default}.imaging-controls{display:flex;flex-direction:column;gap:8px;max-width:360px}.imaging-row{display:grid;grid-template-columns:92px 1fr 42px;align-items:center;gap:10px;font-size:13px}.imaging-row input[type=range]{width:100%}.imaging-label{color:var(--tx)}.imaging-val{font-variant-numeric:tabular-nums;color:var(--mut);text-align:right}.imaging-actions{display:flex;align-items:center;gap:10px;margin-top:2px}@media(max-width:640px){.dash{grid-template-columns:1fr;height:auto}.cams{overflow-y:visible}}