*{box-sizing:border-box}:root{--bg: #eef3f7;--panel: #ffffff;--panel2: #f3f7fa;--border: #d4e0e9;--text: #16303f;--muted: #61798a;--accent: #2981b3;--accent-dark: #1f6890;--danger: #cf4436;--ok: #23924f;--warn: #b07a14}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,Segoe UI,sans-serif}.app{display:flex;flex-direction:column;height:100%}main{flex:1;overflow:auto;padding:16px}a{color:var(--accent)}.topnav{display:flex;align-items:center;gap:4px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #16303f0f}.topnav .brand{display:flex;align-items:flex-start;gap:10px;font-weight:700;letter-spacing:-.01em;margin-right:20px;padding:8px 0;cursor:pointer}.topnav .brand img{height:32px;display:block}.topnav .brand .brand-text{color:#2981b3;font-size:27px;line-height:23px;margin-top:1px}.topnav a{color:var(--muted);text-decoration:none;padding:12px;border-bottom:2px solid transparent}.topnav a.active{color:var(--accent-dark);border-bottom-color:var(--accent)}.topnav .linkish{display:flex;align-items:center;padding:10px}.topnav .whoami{margin-left:auto;display:inline-flex;align-items:center;gap:5px}.topnav .whoami-badge{color:var(--accent)}.tabbar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--border)}.tabbar a{color:var(--muted);text-decoration:none;padding:9px 14px;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:600;font-size:13px}.tabbar a:hover{color:var(--accent-dark)}.tabbar a.active{color:var(--accent-dark);border-bottom-color:var(--accent)}.tabbar.inner{margin-bottom:12px}.tabbar button{background:none;border:none;border-radius:0;color:var(--muted);padding:9px 14px;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:600;font-size:13px}.tabbar button:hover{color:var(--accent-dark)}.tabbar button.active{color:var(--accent-dark);border-bottom-color:var(--accent)}.tabbar button.add{color:var(--accent)}.company-pick{padding:4px 8px;font-size:13px;max-width:220px}.company-name{font-weight:600}.center-page{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.login-logo{height:40px;margin-bottom:10px}button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 14px;cursor:pointer;font:inherit}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-dark)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button.linkish{background:none;border:none;color:var(--muted)}button.linkish:hover{color:var(--accent-dark)}button:disabled{opacity:.5;cursor:default}button.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0}input,select,textarea{background:#fff;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.55}label{display:block;margin:10px 0 4px;color:var(--muted);font-size:12.5px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #16303f0d}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11.5px;border:1px solid var(--border);color:var(--muted);background:#fff}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.err{color:var(--danger);border-color:var(--danger)}.ai-down{cursor:pointer;font-weight:600;white-space:nowrap}.ai-down:hover{background:var(--danger);color:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:12.5px}main:has(.wall-page){padding:0;overflow:hidden}.wall-page{display:flex;flex-direction:column;height:100%}.wall-toolbar{--tb-gap: 6px;display:flex;gap:var(--tb-gap);align-items:center;padding:var(--tb-gap);flex-wrap:wrap}.wall-grid{display:grid;gap:0;flex:1;min-height:0}.wall-grid .tile{min-height:0}.tile{position:relative;background:#000;border:1px solid var(--border);overflow:hidden;min-height:120px}.tile video{width:100%;height:100%;object-fit:contain;display:block}.tile .tile-label{position:absolute;padding:3px 8px;font-size:12px;color:#fff;background:#0000008c;border-radius:6px;display:flex;gap:8px;align-items:center;max-width:calc(100% - 12px);pointer-events:none;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.7)}.tile .tile-label>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .tile-label.pos-tl{left:6px;top:6px}.tile .tile-label.pos-tr{right:6px;top:6px}.tile .tile-label.pos-bl{left:6px;bottom:42px}.tile .tile-label.pos-br{right:6px;bottom:42px}.tile .tile-state{font-size:10.5px;color:#c9d4dd}.tile .tile-actions{position:absolute;right:6px;bottom:6px;display:flex;gap:6px;opacity:0;transition:opacity .15s}.tile .tile-actions.left{left:6px;right:auto}.tile:hover .tile-actions{opacity:1}.tile.empty{display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;border-style:dashed;background:var(--panel2)}.tile.empty:hover{color:var(--accent);border-color:var(--accent)}.tile .hd-btn{font-size:11px;font-weight:700;letter-spacing:.02em;min-width:30px}.tile .drag-handle{cursor:grab}.tile .drag-handle:active{cursor:grabbing}.tile.drop-target{outline:3px solid var(--accent);outline-offset:-3px}.tile.empty.drop-target{color:var(--accent);border-color:var(--accent)}.tile .ai-boxes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ai-live{width:100%;height:100%;object-fit:contain;display:block;background:#000}.ai-plaques{position:absolute;left:6px;bottom:42px;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:3px;max-width:80%;pointer-events:none;z-index:2;text-align:left}.ai-plaques>.ai-plaque{pointer-events:auto}.ai-plaque{position:relative;display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;max-width:100%;border:1px solid transparent;transition:border-color .12s,background .12s}.ai-plaque>span{overflow:hidden;text-overflow:ellipsis}.ai-plaque:hover{border-color:currentColor;background:#1416188c}.ai-plaque.on:hover{filter:brightness(1.08)}.ai-tip{display:none;position:absolute;left:0;bottom:calc(100% + 6px);min-width:190px;max-width:320px;padding:7px 9px;border-radius:6px;background:#121416f5;color:#eceff1;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 18px #00000073;text-shadow:none;white-space:normal;z-index:3}.ai-plaque:hover .ai-tip{display:block}.ai-tip b{display:block;font-size:12px;margin-bottom:3px}.ai-tip i{display:block;font-style:normal;font-weight:500;font-size:11px;color:#b9c0c6}.ai-plaque.on{color:#16181a;text-shadow:none}.ai-plaque-rec{flex:0 0 auto;opacity:.9}.wall-toolbar .layouts{gap:var(--tb-gap)}.layouts{display:flex;gap:6px}.layouts button{padding:7px 9px;font-size:12px}.wall-grid:fullscreen{height:100vh;background:#000;padding:0}.tile:fullscreen{border:none;border-radius:0}.tile:fullscreen video,.tile:fullscreen .ai-live{object-fit:contain}.tile:fullscreen .tile-actions{opacity:1;background:#00000061;padding:4px;border-radius:9px}.tile:fullscreen .ai-plaques{bottom:52px}.tile:fullscreen .ai-plaque{font-size:15px;padding:3px 10px;gap:7px}.tile:fullscreen .ai-plaque-rec{width:15px;height:15px}.tile:fullscreen .ai-tip{min-width:240px;font-size:13px}input.invalid{border-color:var(--danger);background:#fdf0ee}.quality-box{display:flex;flex-direction:column;gap:6px;min-width:340px}.tv-stage{position:relative;display:flex;justify-content:center;align-items:center;background:#000;border:1px solid var(--border);margin-top:12px}.tv-stage img{max-width:100%;max-height:60vh;width:auto;height:auto;display:block}.tv-stage .tv-run{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.tv-stage .ai-boxes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.tv-scrub{display:flex;align-items:center;gap:8px;margin-top:6px}.tv-scrub .tv-play{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;flex:0 0 auto}.tv-scrub input[type=range]{flex:1;min-width:0}.tv-time{font-variant-numeric:tabular-nums;white-space:nowrap}.arc-hits{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:8px}.arc-hit{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel);cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.arc-hit:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 18px #16303f2e}.arc-hit img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#000}.arc-hit-body{padding:6px 8px 8px}.arc-hit-time{font-weight:700;font-variant-numeric:tabular-nums}.arc-hit-label{font-size:13px}.arc-hit-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-table{font-size:12px}.db-table td{font-family:ui-monospace,Consolas,monospace;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-table th{white-space:nowrap}.alarm-table td{vertical-align:middle}.alarm-table tr.alarm-active td:first-child{border-left:3px solid var(--accent)}.alarm-table tr.alarm-row{cursor:pointer}.alarm-table tr.alarm-row:hover td{background:var(--panel2)}.alarm-table .expander{display:inline-block;width:16px;text-align:center;font-weight:700;color:var(--accent)}.alarm-table .alarm-summary{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-x{position:absolute;top:10px;right:10px;z-index:5;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--muted)}.modal-x:hover{color:var(--danger);border-color:var(--danger)}.modal.flush .modal-header{padding-right:52px}.alarm-form{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:10px 14px 12px}.alarm-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px 12px;align-items:end}.alarm-grid label{margin:6px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alarm-grid input[type=number]{width:100%}.alarm-grid .ag-span2{grid-column:span 2}.model-name{cursor:help;border-bottom:1px dotted var(--muted)}.pb-tlgrid{display:flex;gap:14px;align-items:stretch}.pb-tlctl{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center}.pb-tlside{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.pb-tlside .pb-timeline-wrap{flex:1 1 auto;min-height:52px;display:flex;align-items:stretch}.pb-tlside .pb-timeline-wrap>.pb-timeline{height:auto;align-self:stretch;width:100%}.v1t-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;z-index:1}.v1t-spinner-ring{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:#ffffffd9;animation:v1t-spin .9s linear infinite}.v1t-spinner-label{font-size:11.5px;color:#cfd6db;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes v1t-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.v1t-spinner-ring{animation-duration:2.4s}}.event-card.v-confirmed{outline:2px solid #79ab79;outline-offset:-2px}.event-card.v-rejected{outline:2px solid #c9736a;outline-offset:-2px;opacity:.75}.event-verdict{position:absolute;left:6px;top:6px;z-index:2}.mapwall{display:grid;grid-template-columns:1fr 6px 30%;gap:8px;min-height:0;flex:1}.mapwall-split{cursor:col-resize;border-radius:3px;background:var(--border);touch-action:none}.mapwall-split:hover,.mapwall-split:active{background:var(--accent)}.mapwall-canvas{position:relative;background:var(--panel2);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mapwall-canvas>img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.mapwall-hint{position:absolute;left:8px;bottom:6px}.mapwall-pick{position:absolute;right:8px;top:8px;z-index:4;background:#121416db;color:#fff;border-color:#ffffff40}.mapwall-pick:hover{border-color:var(--accent)}.map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:visible;width:132px;background:#121416db;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;font-size:11px;font-weight:600;cursor:pointer}.map-pin:hover{border-color:var(--accent);z-index:3}.map-pin.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);z-index:3}.map-pin.hot{box-shadow:0 0 0 3px #f04a3c8c}.map-pin-shot{display:block;height:var(--pin-h, 74px);overflow:hidden;border-radius:7px 7px 0 0;background:#000}.map-pin-shot img,.map-pin-shot .campick-snap{width:100%;height:var(--pin-h, 74px);object-fit:cover;display:block}.map-pin-shot .campick-noshot{display:flex;align-items:center;justify-content:center;height:var(--pin-h, 74px);font-size:10px}.map-pin-name{padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-pin-name i{font-style:normal;opacity:.75;font-weight:500}.map-pin-badge{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#f04a3c;color:#fff;font-size:11px;line-height:18px;text-align:center}.mapwall-event{cursor:pointer;padding:2px}.mapwall-event.unseen{border-left:3px solid #f04a3c;padding-left:5px}.mapwall-event:hover{background:var(--panel2);border-radius:6px}.mapwall-side{border:1px solid var(--border);border-radius:8px;padding:10px;overflow:auto;background:var(--panel)}.mapwall-video{margin-top:8px;aspect-ratio:16/9}.mapwall-video .tile{height:100%}.mapwall-events{display:flex;flex-direction:column;gap:6px}.mapwall-event{display:flex;gap:8px;align-items:center}.mapwall-event img{width:64px;height:36px;object-fit:cover;border-radius:4px;flex:0 0 auto}.mapwall-event span{display:flex;flex-direction:column;min-width:0}.mapwall-event i{font-style:normal}.mapitems{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:6px 0 12px}.mapitem{position:relative;padding:0;overflow:hidden;border-radius:8px;border:1px solid var(--border);background:var(--panel2)}.mapitem-pick{display:block;width:100%;padding:0;border:none;background:none;text-align:left}.mapitem img{width:100%;height:130px;object-fit:cover;background:#fff;display:block}.mapitem span{display:block;padding:6px 8px;font-size:12px}.mapitem.on{outline:2px solid var(--accent);outline-offset:-2px}.mapitem-del{position:absolute;right:6px;top:6px;opacity:0;transition:opacity .12s}.mapitem:hover .mapitem-del{opacity:1}.passages{margin-top:12px}.passage-group{margin-top:14px}.passage-group h3{margin:0 0 6px;font-size:15px}.passages table{width:100%}.passages tr.passage-open td{background:#2981b312}.cal-grid{display:grid;gap:2px;align-items:center;margin-top:6px;overflow-x:auto}.cal-head{font-size:9.5px;color:var(--muted);text-align:center}.cal-name{font-size:12px;font-weight:600;padding-right:6px;white-space:nowrap}.cal-cell{height:16px;border-radius:3px;background:var(--panel2);border:1px solid var(--border)}.cal-cell.on{background:var(--accent);border-color:transparent}.tile-events{position:relative}.tile-events-pop{position:fixed;transform:translate(-100%,-100%);width:290px;padding:8px 10px;border-radius:8px;background:#121416f7;color:#eceff1;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px #00000080;text-align:left;white-space:normal;z-index:60;font-size:11.5px;font-weight:500;pointer-events:none}.tile-events-head{display:block;margin-bottom:4px;color:#b9c0c6;font-weight:600}.tile-events-row{display:block;margin:2px 0}.tile-events-row.new{color:#ffd9a8}.tile-events-row i{color:#9aa4ac;font-style:normal}.event-answer{margin:4px 0 0;font-style:italic;max-width:70ch}.confirm-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px 14px;width:min(440px,92vw);box-shadow:0 16px 44px #16303f4d;outline:none}.confirm-box h3{margin:0 0 8px;font-size:16px}.confirm-text{margin:0 0 6px;white-space:pre-line}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.confirm-actions button{min-width:92px}.confirm-hint{margin:8px 0 0;text-align:right;font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16303f73;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:960px;width:100%;max-height:92vh;overflow:auto;padding:18px;box-shadow:0 12px 40px #16303f40}.modal.wide{max-width:1280px}.modal-backdrop:has(.event-modal){padding:8px}.modal:has(>.event-modal){max-height:calc(100vh - 16px);padding:12px 14px;max-width:none;overflow:hidden}.event-modal{display:flex;flex-direction:column;gap:8px;height:calc(100vh - 44px);max-height:calc(100vh - 44px)}.event-media{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px}.event-media-item{margin:0;display:flex;flex-direction:column;min-height:0;flex:1 1 0}.event-media-item>video,.event-media-item>img{flex:1 1 auto;min-height:0;height:100%;width:100%;object-fit:contain;border-radius:8px;background:#000}.event-media-item figcaption{flex:0 0 auto;padding-top:2px;font-size:11.5px;color:var(--muted);text-align:center}.modal h3{margin-top:0}.modal.flush{display:flex;flex-direction:column;padding:0;overflow:hidden}.modal.flush.wide{width:min(1560px,96vw);max-width:none;height:92vh;max-height:92vh}.modal.flush .modal-header{flex:0 0 auto;padding:16px 22px;border-bottom:1px solid var(--border)}.modal.flush .modal-header h3{margin:0}.modal.flush .modal-body{flex:1 1 auto;overflow-y:auto;padding:16px 22px}.modal.flush .modal-footer{flex:0 0 auto;padding:14px 22px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:100;width:340px}.toast{background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:10px;display:flex;gap:10px;box-shadow:0 6px 24px #16303f40;animation:slideup .25s ease-out;cursor:pointer}.toast img{width:96px;height:64px;object-fit:cover;border-radius:6px}.toast .t-title{font-weight:600;font-size:13px}.toast .t-more{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:10px;background:var(--accent);color:#fff;font-size:11.5px;font-weight:600}@keyframes slideup{0%{transform:translateY(30px);opacity:0}}.event-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:4px}@media(min-width:2000px){.event-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:2500px){.event-grid{grid-template-columns:repeat(7,1fr)}}@media(max-width:1500px){.event-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.event-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.event-grid{grid-template-columns:repeat(2,1fr)}}.event-filters{gap:8px;row-gap:6px}.fsep{width:1px;align-self:stretch;background:var(--border);margin:0 2px}.timepick-wrap{position:relative;display:inline-flex;align-items:center;gap:3px}.timepick-input{width:66px;text-align:center}.timepick-input.wide{width:86px}.timepick-btn{padding:3px 5px;line-height:0;color:var(--muted)}.timepick-btn:hover{color:var(--accent)}.timepick-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:60;width:228px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px;box-shadow:0 8px 30px #16303f40}.timepick-pop .tp-label{margin:2px 0 4px}.timepick-pop .tp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.timepick-pop .tp-grid button{padding:3px 0;font-size:12px}.datepick-wrap{position:relative;display:inline-flex;align-items:center;gap:3px}.datepick-input{width:104px;text-align:center}.datepick-btn{padding:3px 5px;line-height:0;color:var(--muted)}.datepick-btn:hover{color:var(--accent)}.datepick-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:60;width:246px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px;box-shadow:0 8px 30px #16303f40}.datepick-pop .dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-weight:600}.datepick-pop .dp-head button{padding:2px 9px}.datepick-pop .dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.datepick-pop .dp-grid button{padding:4px 0;font-size:12px}.datepick-pop .dp-wd{margin-bottom:2px}.m-datepick{flex:1;min-width:0}.m-datepick .datepick-input{flex:1;min-width:0;width:auto}.event-card{position:relative;background:var(--panel2);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.event-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #16303f2e;border-color:var(--accent)}.event-card.acked{opacity:.72}.event-snap{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#000}.event-snap-ph{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.event-body{padding:8px 10px 10px}.event-title{font-weight:600;font-size:13px;line-height:1.3}.event-note{font-size:16px;font-weight:700;color:var(--text);line-height:1.25;margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-new{position:absolute;top:8px;left:8px;background:var(--panel)}.event-actions{position:absolute;top:6px;right:6px;display:flex;gap:6px;opacity:0;transition:opacity .12s}.event-card:hover .event-actions{opacity:1}.event-actions .icon-btn{width:26px;height:26px;background:var(--panel)}.zone-editor{position:relative;display:inline-block;max-width:100%}.zone-editor img{display:block;max-width:100%;border-radius:8px}.zone-editor canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.pb-timeline-wrap{position:relative}.pb-timeline{position:relative;height:40px;background:var(--panel2);border:1px solid var(--border);border-radius:6px;cursor:pointer;overflow:hidden}.pb-timeline:hover{border-color:var(--accent)}.pb-seg{position:absolute;top:5px;bottom:5px;background:var(--accent);border-radius:3px;opacity:.85;pointer-events:none;z-index:1}.pb-tickline{position:absolute;top:0;bottom:0;width:1px;background:var(--border);opacity:.5;pointer-events:none}.pb-tickline.hour{opacity:1;background:#b9c9d6}.pb-playhead{position:absolute;top:0;bottom:0;width:3px;background:#2fa84f;box-shadow:0 0 0 1px #fff9;border-radius:2px;pointer-events:none;z-index:3}.pb-cursor{position:absolute;top:0;bottom:0;width:1px;background:var(--danger);pointer-events:none;z-index:2}.pb-tip{position:absolute;top:-24px;transform:translate(-50%);z-index:3;pointer-events:none;background:var(--text);color:#fff;font-size:11.5px;padding:1px 7px;border-radius:5px;white-space:nowrap}.pb-ticks{position:relative;height:16px;margin-top:2px}.pb-ticks span{position:absolute;transform:translate(-50%);font-size:10.5px;color:var(--muted)}.pb-ticks span:first-child{transform:none}.pb-ticks span:last-child{transform:translate(-100%)}.pb-video{height:56vh}.pb-controls{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:8px;flex-wrap:wrap}.pb-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px}.pb-btn.pb-play{width:44px;justify-content:center}.pb-wrap:fullscreen{display:flex;flex-direction:column;background:#000}.pb-wrap:fullscreen .pb-video{flex:1;height:auto;min-height:0;border:none;border-radius:0}.pb-wrap:fullscreen .pb-controls{margin:0;padding:10px;background:#0000008c}.pb-wrap:fullscreen .pb-btn{background:#ffffff1f;color:#fff;border-color:#ffffff40}.pb-wrap:fullscreen .pb-btn.primary{background:var(--accent);border-color:var(--accent)}.pb-wallgrid{height:62vh;gap:0}.pb-wrap:fullscreen .pb-wallgrid{flex:1;height:auto;min-height:0}.pb-range{display:inline-flex;align-items:center;gap:4px;margin-left:8px}.pb-range-in{width:76px;text-align:center;padding:5px 4px;font-size:12px}.pb-range-in[readonly]{background:var(--panel2);color:var(--muted);cursor:default}.pb-wrap:fullscreen .pb-dl{display:none}main:has(.pb-page){padding:6px 10px;overflow:hidden}.pb-page{display:flex;flex-direction:column;height:100%;gap:6px}.pb-page .wall-toolbar{--tb-gap: 5px;padding:0}.pb-page .panel{margin-bottom:0;padding:8px 12px}.pb-tlpanel{flex:0 0 auto}.pb-playpanel{flex:1;min-height:0;display:flex;flex-direction:column}.pb-title{margin:0 0 6px;font-size:14px;flex:0 0 auto}.pb-playpanel .pb-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.pb-playpanel .pb-video,.pb-playpanel .pb-wallgrid{flex:1;min-height:0;height:auto}.pb-playpanel .pb-controls{flex:0 0 auto;margin-top:6px}.campick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:1100px){.campick-grid{grid-template-columns:repeat(3,1fr)}}.campick-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;background:var(--panel2);transition:transform .12s,box-shadow .12s,border-color .12s}.campick-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 18px #16303f2e}.campick-shot{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center}.campick-snap{width:100%;height:100%;object-fit:cover;display:block}.campick-noshot{color:#8fa3b0;font-size:12px}.campick-body{padding:6px 9px 8px}.campick-name{font-weight:600;font-size:13px}.hscroll{position:relative;flex:1;min-width:120px;display:flex;align-items:center}.hscroll-inner{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;flex:1}.hscroll-inner::-webkit-scrollbar{display:none}.hscroll-inner button{flex:0 0 auto}.hs-arrow{position:absolute;top:1px;bottom:1px;width:26px;z-index:2;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;background:var(--accent);color:#fff;border:none;box-shadow:0 1px 6px #16303f59}.hs-arrow:hover{background:var(--accent-dark);border:none}.hs-left{left:0;border-radius:6px 0 0 6px}.hs-right{right:0;border-radius:0 6px 6px 0}.hscroll-inner{padding:0 2px}.face-thumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.face-thumb{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--panel2)}.face-thumb img{width:100%;height:100%;object-fit:cover;display:block}.face-thumb-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);text-align:center;padding:2px}.face-thumb .face-del{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;border-radius:50%;border:none;background:#cf4436d9;color:#fff;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s}.face-thumb:hover .face-del{opacity:1}.face-thumb .face-del:hover{background:var(--danger)}.m-app{display:flex;flex-direction:column;height:100%;height:100dvh;position:relative}.m-top{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:stretch;gap:0;height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 6px 0 10px;background:var(--panel);border-bottom:1px solid var(--border);transition:transform .22s ease}.m-top-hidden{transform:translateY(-100%)}.m-top .brand{display:flex;align-items:center;cursor:pointer;margin-right:8px}.m-top img{height:24px;display:block}.m-navlink{position:relative;display:flex;align-items:center;background:none;border:none;border-radius:0;border-bottom:2px solid transparent;color:var(--muted);font-size:13.5px;padding:0 10px}.m-navlink.active{color:var(--accent-dark);border-bottom-color:var(--accent)}.m-exit{margin-left:auto;display:flex;align-items:center;padding:0 10px}.m-badge{position:absolute;top:5px;right:-3px;background:var(--danger);color:#fff;border-radius:9px;font-size:10px;font-weight:700;line-height:15px;padding:0 5px;min-width:15px;text-align:center}.m-main{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:calc(52px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))}.m-main:has(.m-playerpage),.m-main:has(.m-pbpage){overflow:hidden}.m-main:has(.m-playerpage){padding-left:0;padding-right:0}.m-playerpage .m-playerbar{padding:0 8px}.m-playerpage .m-tile{border-radius:0;border-left:none;border-right:none}.m-eventfull{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000;display:flex;align-items:center;justify-content:center}.m-eventfull video,.m-eventfull img{width:100%;height:100%;object-fit:contain}.m-eventfull-x{position:absolute;top:calc(10px + env(safe-area-inset-top));right:10px;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff24;border:none;color:#fff}.m-app .tile-actions,.m-app .event-actions{opacity:1}.m-section{margin:4px 0 8px;font-size:14px;color:var(--muted)}.m-camgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.m-playerpage{display:flex;flex-direction:column;height:100%;gap:8px}.m-playerbar{display:flex;align-items:center;gap:8px}.m-playertitle{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-tile{flex:1;min-height:0;border-radius:8px}.m-pbwrap:fullscreen{display:block;position:relative;background:#000}.m-pbwrap:fullscreen .m-tile{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;border:none;border-radius:0}.m-pbwrap:fullscreen .m-controls{position:absolute;left:0;right:0;bottom:calc(6px + env(safe-area-inset-bottom));margin:0;padding:0 6px;z-index:5}.m-pbpage{display:flex;flex-direction:column;height:100%;gap:6px}.m-pbrow{display:flex;gap:6px;align-items:center}.m-timeline{height:48px}.m-pbwrap{flex:1;min-height:0;display:flex;flex-direction:column}.m-pbwrap .m-tile{height:auto}.m-controls{margin-top:6px;flex-wrap:wrap}.m-eventfeed{display:flex;flex-direction:column;gap:10px}.m-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0;margin-bottom:6px}.m-chips::-webkit-scrollbar{display:none}.m-chips button{flex:0 0 auto;padding:6px 10px;font-size:12px}.m-transport{align-items:center;margin:6px 8px 0}.m-transport button{padding:4px 9px;font-size:11px}@media(max-width:700px){.toasts{left:12px;right:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom))}}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 14px}.dvr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:2px 14px}.dvr-grid .wide{grid-column:span 2}.dvr-grid label{display:block;margin:8px 0 3px}.dvr-grid input{width:100%;min-width:0}@media(max-width:760px){.dvr-grid .wide{grid-column:span 1}}.dvr-check{font-size:12px;white-space:normal}.dvr-check.ok{color:var(--ok)}.dvr-check.err{color:var(--danger)}.dvr-check.run{color:var(--muted)}.dvr-cams{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.dvr-cam{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel2)}.dvr-cam-shot{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center}.dvr-cam-shot img{width:100%;height:100%;object-fit:cover;display:block}.dvr-cam-ch{position:absolute;left:6px;bottom:6px;padding:1px 7px;border-radius:9px;font-size:11.5px;color:#fff;background:#0000008c}.dvr-cam-body{padding:7px 8px 8px;display:grid;gap:5px}.dvr-cam-body input[type=text],.dvr-cam-body input:not([type]){width:100%}.test-result{border:1px solid var(--border);border-radius:8px;padding:12px;margin-top:12px;background:var(--panel2)}.test-result img{max-width:100%;border-radius:6px;margin-top:8px}.thumb{width:120px;height:72px;object-fit:cover;border-radius:6px;cursor:pointer}