.cctv-wrap{display:flex;flex:1;min-height:0;min-width:0;container-type:inline-size}.cctv{display:grid;flex:1;grid-template-columns:276px minmax(0,1fr) 356px;grid-template-areas:"list map side";gap:12px;min-height:0;min-width:0;padding:14px}@container (max-width: 1080px){.cctv{grid-template-columns:250px minmax(0,1fr);grid-template-rows:minmax(220px,38%) minmax(0,1fr);grid-template-areas:"list map" "list side"}}@media (max-width: 1240px){.cctv{grid-template-columns:250px minmax(0,1fr);grid-template-rows:minmax(220px,38%) minmax(0,1fr);grid-template-areas:"list map" "list side"}}.cctv__list{grid-area:list}.cctv__map{grid-area:map}.cctv__side{grid-area:side}.cctv__list,.cctv__side{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid var(--mdt-line);border-radius:10px;background:var(--mdt-card);overflow:hidden}.cctv__side{overflow-y:auto}.cctv__side>.card{border:0;border-radius:0;background:transparent}.cctv__count{font-family:var(--font-clock);font-size:11px;color:var(--mdt-muted);font-variant-numeric:tabular-nums}.cctv__listhead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 8px 14px}.cctv__listtitle{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:650;letter-spacing:-.01em;color:var(--mdt-text)}.cctv__listtitle svg{color:var(--accent)}.cctv__search{display:flex;align-items:center;gap:7px;margin:0 12px 8px;padding:0 10px;height:30px;border:1px solid var(--mdt-line-2);border-radius:8px;background:var(--mdt-card-2);color:var(--mdt-muted)}.cctv__search input{flex:1;min-width:0;font-size:12.5px;color:var(--mdt-text);background:transparent}.cctv__search input::placeholder{color:var(--mdt-dim)}.cctv__search:focus-within{border-color:var(--accent-line)}.cctv__chips{padding:0 12px 6px;gap:4px}.chip.chip--xs{height:22px;padding:0 8px;font-size:11px}.cctv__items{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 8px;border-top:1px solid var(--mdt-line)}.cctv__listfoot{padding:8px 10px 10px;border-top:1px solid var(--mdt-line)}.camitem{display:flex;align-items:center;gap:10px;width:100%;padding:8px 8px 8px 10px;margin-bottom:3px;border:1px solid transparent;border-radius:8px;text-align:left;color:var(--mdt-text);transition:background var(--dur-fast),border-color var(--dur-fast)}.camitem:hover{background:var(--mdt-card-2)}.camitem.is-sel{background:var(--accent-softer);border-color:var(--accent-line)}.camitem.is-off{opacity:.55}.camitem__dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--tone, var(--mdt-muted));box-shadow:0 0 0 3px color-mix(in srgb,var(--tone, var(--mdt-muted)) 18%,transparent)}.camitem__body{flex:1;min-width:0}.camitem__name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camitem__sub{font-size:11px;color:var(--mdt-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camitem__right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.camitem__own{font-size:10px;color:var(--mdt-dim);letter-spacing:.02em}.cbadge{display:inline-flex;align-items:center;height:16px;padding:0 6px;border-radius:999px;font-size:9.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--tone, var(--mdt-muted));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone, var(--mdt-muted)) 45%,transparent);background:color-mix(in srgb,var(--tone, var(--mdt-muted)) 10%,transparent);white-space:nowrap}.cctv__map{position:relative;min-height:0;min-width:0}.cctv__leaflet{position:absolute;inset:0;border:1px solid var(--mdt-line);border-radius:10px;overflow:hidden;cursor:grab}.cctv__maptools{position:absolute;left:10px;right:10px;top:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.cctv__mapbtns{display:flex;gap:4px;pointer-events:auto}.cctv__mapbtns .btn{background:color-mix(in srgb,var(--mdt-card) 82%,transparent);border-color:var(--mdt-line-2);backdrop-filter:blur(6px)}.cctv__legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 10px;padding:5px 9px;border:1px solid var(--mdt-line-2);border-radius:8px;background:color-mix(in srgb,var(--mdt-card) 82%,transparent);backdrop-filter:blur(6px);font-size:10.5px;color:var(--mdt-text-2);pointer-events:auto}.cctv__legend-item{display:inline-flex;align-items:center;gap:5px}.cctv__legend-item i{width:8px;height:8px;border-radius:2px;background:var(--tone, var(--mdt-muted))}.gtamk.cammk{overflow:visible;cursor:pointer}.gtamk.cammk .cammk__dot{display:block;width:12px;height:12px;border-radius:3px;background:var(--tone, var(--c-azure));box-shadow:0 0 0 2px var(--bg-void, #0c0d10),0 0 10px color-mix(in srgb,var(--tone, var(--c-azure)) 70%,transparent);transition:transform var(--dur-fast)}.gtamk.cammk.is-off .cammk__dot{background:var(--mdt-muted);box-shadow:0 0 0 2px var(--bg-void, #0c0d10)}.gtamk.cammk .cammk__lbl{position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:5px;padding:2px 6px;border-radius:5px;background:color-mix(in srgb,var(--mdt-card) 88%,transparent);border:1px solid var(--mdt-line-2);color:var(--mdt-text);font-size:10.5px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity var(--dur-fast);pointer-events:none}.gtamk.cammk:hover .cammk__lbl,.gtamk.cammk.is-sel .cammk__lbl{opacity:1}.gtamk.cammk.is-sel .cammk__dot{transform:scale(1.35);box-shadow:0 0 0 2px var(--bg-void, #0c0d10),0 0 0 5px color-mix(in srgb,var(--tone, var(--c-azure)) 35%,transparent)}.gtamk.cammk.t-muted{--tone: var(--mdt-muted)}.camcard{padding:0}.camcard__head{display:flex;align-items:flex-start;gap:12px;padding:14px 14px 10px}.camcard__icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px;color:var(--tone, var(--accent));background:color-mix(in srgb,var(--tone, var(--accent)) 14%,var(--mdt-card-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone, var(--accent)) 40%,transparent)}.camcard__title{flex:1;min-width:0}.camcard__name{font-size:15px;font-weight:650;letter-spacing:-.012em;color:var(--mdt-text);line-height:1.2;overflow-wrap:anywhere}.camcard__badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.camcard__actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px;border-bottom:1px solid var(--mdt-line)}.camcard__facts{padding:8px 14px 4px}.camcard__fact{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed var(--mdt-line);font-size:12px}.camcard__fact:last-child{border-bottom:0}.camcard__k{color:var(--mdt-muted);flex:none}.camcard__v{color:var(--mdt-text);text-align:right;min-width:0;overflow-wrap:anywhere}.camcard__v.mono{font-family:var(--font-clock);font-size:11.5px;letter-spacing:.01em}.camcard__sect{display:flex;align-items:center;gap:8px;padding:12px 14px 6px;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--mdt-muted)}.footlist{display:flex;flex-direction:column;gap:5px;padding:0 10px 12px}.footrow{display:flex;flex-direction:column;gap:5px;width:100%;padding:9px 10px;border:1px solid var(--mdt-line);border-radius:8px;background:var(--mdt-card-2);text-align:left;color:var(--mdt-text);transition:border-color var(--dur-fast),background var(--dur-fast)}.footrow:hover{border-color:var(--mdt-line-2)}.footrow.is-pending{border-style:dashed}.footrow.is-bad{opacity:.7}.footrow__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.footrow__win{font-family:var(--font-clock);font-size:11.5px;color:var(--mdt-text-2);white-space:nowrap}.footrow__sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:11px;color:var(--mdt-muted)}.footrow__sum{color:var(--mdt-text-2)}.footrow__case{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:11px;font-weight:600}button.footrow__case:hover{text-decoration:underline}.footview{display:flex;flex-direction:column;gap:12px}.footview__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.footview__win{font-family:var(--font-clock);font-size:12.5px;color:var(--mdt-text)}.footview__note{padding:8px 10px;border-left:3px solid var(--accent);border-radius:6px;background:var(--mdt-card-2);font-size:12.5px;color:var(--mdt-text-2)}.footview__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.footview__tile{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--mdt-line);border-radius:8px;background:var(--mdt-card-2);border-top:2px solid var(--tone, var(--mdt-line-2))}.footview__tile b{font-family:var(--font-clock);font-size:20px;font-weight:600;color:var(--mdt-text);line-height:1.1}.footview__tile span{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--mdt-muted)}.footview__sect .camcard__sect{padding-left:0;padding-right:0}.footview__none{padding:8px 0 2px;font-size:12px;color:var(--mdt-dim)}.footview .tablecard{border-radius:8px}.cctv__casepick{min-height:26px;display:flex;align-items:center}html[data-state=cctv][data-state=cctv][data-state=cctv] body{display:block!important}html[data-state=cctv] body.is-cctv{opacity:1;pointer-events:none;background:transparent!important}html[data-state=cctv] body.is-cctv>*:not(.cctv-ov){display:none!important}.cctv-ov{position:fixed;inset:0;z-index:999990;pointer-events:none;color:#f2f3f5;font-family:var(--font-sans, system-ui, sans-serif);text-shadow:0 1px 2px rgba(0,0,0,.65);background:linear-gradient(to bottom,#0000006b,#0000 22%),linear-gradient(to top,#00000075,#0000 24%);animation:cctvIn .35s ease}@keyframes cctvIn{0%{opacity:0}to{opacity:1}}.cctv-ov__corner{position:absolute;width:34px;height:34px;border:0 solid rgba(255,255,255,.55)}.cctv-ov__corner--tl{left:4vh;top:4vh;border-left-width:1.5px;border-top-width:1.5px}.cctv-ov__corner--tr{right:4vh;top:4vh;border-right-width:1.5px;border-top-width:1.5px}.cctv-ov__corner--bl{left:4vh;bottom:4vh;border-left-width:1.5px;border-bottom-width:1.5px}.cctv-ov__corner--br{right:4vh;bottom:4vh;border-right-width:1.5px;border-bottom-width:1.5px}.cctv-ov__tl{position:absolute;left:calc(4vh + 16px);top:calc(4vh + 12px);display:flex;align-items:flex-start;gap:14px}.cctv-ov__rec{display:inline-flex;align-items:center;gap:7px;margin-top:5px;padding:3px 9px 3px 7px;border-radius:999px;background:#0000006b;border:1px solid rgba(255,255,255,.18);font-family:var(--font-clock, ui-monospace, monospace);font-size:12px;font-weight:700;letter-spacing:.12em}.cctv-ov__rec i{width:9px;height:9px;border-radius:50%;background:#f04444;box-shadow:0 0 8px #f04444;animation:cctvRec 1.2s ease-in-out infinite}@keyframes cctvRec{0%,to{opacity:1}50%{opacity:.25}}.cctv-ov__name{font-size:22px;font-weight:650;letter-spacing:-.01em;line-height:1.15}.cctv-ov__sub{margin-top:3px;font-size:12.5px;color:#ffffffb8;letter-spacing:.01em}.cctv-ov__tr{position:absolute;right:calc(4vh + 16px);top:calc(4vh + 12px);display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cctv-ov__clock{font-family:var(--font-clock, ui-monospace, monospace);font-size:20px;font-weight:500;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:pre}.cctv-ov__index{font-family:var(--font-clock, ui-monospace, monospace);font-size:12px;letter-spacing:.14em;color:#ffffffbf}.cctv-ov__list{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-top:10px}.cctv-ov__li{display:inline-flex;align-items:center;gap:8px;padding:2px 8px 2px 4px;border-radius:6px;font-size:12px;color:#ffffff9e}.cctv-ov__li.is-on{color:#fff;background:#00000061;border:1px solid rgba(255,255,255,.22)}.cctv-ov__li kbd,.cctv-ov__key kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:4px;border:1px solid rgba(255,255,255,.35);background:#00000059;font-family:var(--font-clock, ui-monospace, monospace);font-size:10.5px;font-weight:600;letter-spacing:.02em}.cctv-ov__bl{position:absolute;left:calc(4vh + 16px);bottom:calc(4vh + 12px);display:flex;flex-direction:column;gap:3px;font-family:var(--font-clock, ui-monospace, monospace);font-size:12.5px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.cctv-ov__row{display:flex;align-items:center;gap:10px;white-space:pre}.cctv-ov__k{color:#ffffff8c;font-size:10.5px;min-width:40px}.cctv-ov__val{color:#fff}.cctv-ov__nv{display:inline-block;padding:1px 7px;border-radius:4px;border:1px solid rgba(255,255,255,.25);color:#ffffff59;font-size:10.5px;font-weight:700;letter-spacing:.12em}.cctv-ov__nv.is-on{color:#dce639;border-color:#dce639;box-shadow:0 0 10px #dce63973}.cctv-ov__keys{position:absolute;left:50%;bottom:calc(4vh + 12px);transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:12px;color:#fffc;white-space:nowrap}.cctv-ov__key{display:inline-flex;align-items:center;gap:6px}[data-anim=off] .cctv-ov,[data-anim=off] .cctv-ov__rec i{animation:none}.cctv-ov.cctv-ov--dev{background:linear-gradient(to bottom,#0000006b,#0000 22%),linear-gradient(to top,#00000075,#0000 24%),radial-gradient(ellipse at 50% 40%,#2a3340,#12161c 70%,#0a0c10)}.modal input[type=datetime-local]{color-scheme:dark}[data-theme=light] .modal input[type=datetime-local]{color-scheme:light}