.detection-areas-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:14px;margin-top:10px;display:grid}.detection-area-canvas{background:linear-gradient(#0a0d0ff0,#050708);border:1px solid #ffffff14;border-radius:22px;min-height:320px;position:relative;overflow:hidden}.video-frame--area-editor{aspect-ratio:16/9;width:100%;height:100%;min-height:320px}.detection-area-canvas__placeholder{text-align:center;color:var(--text-dim);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.detection-area-canvas__overlay{pointer-events:none;position:absolute;inset:0}.detection-area-box{min-width:44px;min-height:32px;color:var(--text);pointer-events:auto;background:#57c79a1f;border:2px solid #57c79aeb;border-radius:16px;justify-content:flex-start;align-items:flex-start;padding:8px;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 1px #0b11137a}.detection-area-box.is-mask{background:#ef786924;border-color:#ef7869eb}.detection-area-box.is-selected{box-shadow:inset 0 0 0 1px #ffffff75,0 0 0 2px #ffc27c5c}.detection-area-box span{white-space:nowrap;text-overflow:ellipsis;background:#070a0cdb;border-radius:999px;align-items:center;max-width:100%;padding:5px 8px;font-size:.75rem;line-height:1;display:inline-flex;overflow:hidden}.detection-area-sidebar,.detection-area-editor,.detection-area-list{gap:12px;display:grid}.detection-area-editor__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detection-area-editor{flex-direction:column;gap:12px;margin-top:4px;display:flex}.detection-area-editor__toolbar{background:linear-gradient(#ffffff0a,#080a0c8c);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 12px;display:flex}.detection-area-editor__tool-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detection-area-editor__tool{color:var(--text-dim);cursor:pointer;background:#06080a73;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.detection-area-editor__tool:hover{color:var(--text);background:#0c0f12a6;border-color:#ffffff29}.detection-area-editor__tool.is-active{color:var(--text);background:#508cc81f;border-color:#78c8ff6b;box-shadow:0 0 0 1px #78c8ff1f}.detection-area-editor__draw-modes{border:1px solid #ffffff1a;border-radius:10px;display:inline-flex;overflow:hidden}.detection-area-editor__mini{color:var(--text-dim);cursor:pointer;background:#05070880;border:none;padding:6px 10px;font-size:.75rem;font-weight:500;transition:background .12s,color .12s}.detection-area-editor__mini+.detection-area-editor__mini{border-left:1px solid #ffffff14}.detection-area-editor__mini:hover{color:var(--text);background:#ffffff0f}.detection-area-editor__mini.is-active{color:var(--text);background:#64b4ff24}.detection-area-editor__chip{color:var(--text-dim);cursor:pointer;background:#06080a66;border:1px solid #ffffff1f;border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.detection-area-editor__chip:hover{color:var(--text);border-color:#fff3}.detection-area-editor__chip--zone.is-active{color:var(--text);background:#57c79a1f;border-color:#57c79a8c}.detection-area-editor__chip--mask.is-active{color:var(--text);background:#ef78691f;border-color:#ef78698c}.detection-areas-layout--editor{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start}.detection-area-editor__stage{isolation:isolate;-webkit-tap-highlight-color:transparent;background:#060809;min-height:min(52vh,560px);position:relative}.detection-area-editor__stage .video-frame--area-editor{width:100%;height:100%;min-height:100%;aspect-ratio:unset;position:absolute;inset:0}.detection-area-editor__svg{z-index:4;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;outline:none;width:100%;height:100%;position:absolute;inset:0}.detection-area-editor__hit-layer{pointer-events:all;fill:#0000}.detection-area-editor__svg--drawing .detection-area-editor__shape,.detection-area-editor__svg--drawing .detection-area-editor__draft,.detection-area-editor__svg--drawing .detection-area-editor__draft-fill,.detection-area-editor__svg--drawing .detection-area-editor__draft-line,.detection-area-editor__svg--drawing .detection-area-editor__draft-vertex{pointer-events:none}.detection-area-editor__pen-presets{border-left:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:6px;padding-left:4px;display:inline-flex}.detection-area-editor__pen-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:.72rem;font-weight:600}.detection-area-editor__shape{transition:fill .14s,stroke .14s,filter .14s}.detection-area-editor__shape--zone{fill:#48d2a833;stroke:#82ebc8eb;stroke-width:2.25px}.detection-area-editor__shape--mask{fill:#eb5c482e;stroke:#ffa591e6;stroke-width:2.25px}.detection-area-editor__shape.is-hovered{filter:brightness(1.12)}.detection-area-editor__shape.is-selected{stroke:#ffd682fa;stroke-width:3px}.detection-area-editor__draft{stroke-dasharray:5 4;stroke-width:2px;stroke:#ffffff8c;transition:none}.detection-area-editor__shape.detection-area-editor__draft{transition:none}.detection-area-editor__shape.detection-area-editor__draft.detection-area-editor__shape--zone{fill:#48d2a829}.detection-area-editor__shape.detection-area-editor__draft.detection-area-editor__shape--mask{fill:#eb5c4824}.detection-area-editor__draft-line{pointer-events:none;vector-effect:non-scaling-stroke;stroke:#ffffffb8;stroke-width:2px;stroke-dasharray:6 5;stroke-linecap:round;stroke-linejoin:round}.detection-area-editor__draft-line--freehand{stroke-linecap:butt;stroke-linejoin:round}.detection-area-editor__draft-line.is-pen-fine{stroke-width:1.15px;stroke-dasharray:4 3}.detection-area-editor__draft-line.is-pen-broad{stroke-width:2.85px;stroke-dasharray:8 6}.detection-area-editor__draft-fill{fill:#8cc8ff24;stroke:none}.detection-area-editor__draft-vertex{fill:#fcfcfcf0;stroke:#12161ae0;stroke-width:1px;pointer-events:none;vector-effect:non-scaling-stroke}.detection-area-editor__draft-vertex.is-close-target{fill:#ffdc82f2;stroke:#e69632f2}.detection-area-editor__sidebar{background:linear-gradient(165deg,#ffffff08,#06080ab8);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:14px;min-height:0;max-height:min(72vh,640px);padding:14px 16px;display:flex}.detection-area-editor__sidebar-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.detection-area-editor__sidebar-head strong{font-size:.92rem}.detection-area-editor__hint{color:var(--text-dim);font-size:.75rem}.detection-area-editor__empty{text-align:center;padding:12px 8px}.detection-area-editor__list{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.detection-area-editor__row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:auto minmax(0,1fr) minmax(72px,88px) auto auto;align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.detection-area-editor__row:hover{background:#ffffff0d;border-color:#ffffff1f}.detection-area-editor__row.is-active{background:#ffc87812;border-color:#ffc8786b;box-shadow:0 0 0 1px #ffc87814}.detection-area-editor__row.is-mask.is-active{background:#ff786412;border-color:#ff8c7861}.detection-area-editor__visibility{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;place-items:center;padding:0;transition:background .12s,color .12s;display:grid}.detection-area-editor__visibility:hover{color:var(--text);background:#ffffff1a}.detection-area-editor__name{min-width:0;padding:7px 10px;font-size:.82rem}.detection-area-editor__type{min-width:0;padding:6px 8px;font-size:.75rem}.detection-area-editor__icon{flex-shrink:0}.detection-area-editor__labels{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding-top:8px;display:flex}.video-frame{--video-zoom-scale:1;--video-pan-x:0px;--video-pan-y:0px;background:radial-gradient(circle at 100% 0,#49bb9a1f,#0000 30%),linear-gradient(#0b0e10eb,#050708);height:100%;min-height:220px;position:relative;overflow:hidden}.video-frame--zoomable{cursor:default;overscroll-behavior:none}.video-frame--zoomed{touch-action:none}.video-frame--dragging{-webkit-user-select:none;user-select:none}.video-frame__media{object-fit:var(--video-fit-mode,contain);width:100%;height:100%;transform:translate3d(var(--video-pan-x), var(--video-pan-y), 0) scale(var(--video-zoom-scale)) scale(var(--video-aspect-stretch-x,1), var(--video-aspect-stretch-y,1));transform-origin:50%;will-change:transform;transition:transform .14s ease-out;display:block}.video-frame__live-root,.video-frame__live-root>video-stream,.video-frame__live-root video,.video-frame__live-root img,.video-frame__live-root canvas,.video-frame__live-root picture{width:100%;height:100%}.video-frame__live-root,.video-frame__live-root>video-stream{display:block}.video-frame__live-root>video-stream{overflow:hidden}.video-frame__live-root video,.video-frame__live-root img,.video-frame__live-root canvas{object-fit:var(--video-fit-mode,contain);object-position:center center;transform:translate3d(var(--video-pan-x), var(--video-pan-y), 0) scale(var(--video-zoom-scale)) scale(var(--video-aspect-stretch-x,1), var(--video-aspect-stretch-y,1));transform-origin:50%;will-change:transform;transition:transform .14s ease-out;display:block}.video-frame__detection-layer{z-index:1;pointer-events:none;transform:translate3d(var(--video-pan-x), var(--video-pan-y), 0) scale(var(--video-zoom-scale));transform-origin:50%;will-change:transform;transition:transform .14s ease-out;position:absolute;overflow:visible}.video-frame__detection-box{background:#57c79a14;border:2px solid #57c79af5;border-radius:10px;position:absolute;box-shadow:inset 0 0 0 1px #0b11137a,0 0 0 1px #57c79a33}.video-frame__detection-label{color:var(--text);white-space:nowrap;background:#090c0eeb;border:1px solid #57c79a6b;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:.72rem;line-height:1;display:inline-flex;position:absolute;top:-8px;left:-2px;transform:translateY(-100%)}.video-frame--dragging .video-frame__media,.video-frame--dragging .video-frame__live-root video,.video-frame--dragging .video-frame__detection-layer{transition:none}.video-frame__overlay{text-align:center;color:var(--text-dim);background:linear-gradient(#0a0d0f38,#0a0d0fa8);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.video-frame__player-controls{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:linear-gradient(#090c0ea3,#090c0ee0);border:1px solid #ffffff14;border-radius:16px;gap:8px;padding:10px 12px;transition:opacity .16s,transform .18s,border-color .16s,background .16s;display:grid;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(8px);box-shadow:0 12px 24px #0000003d}.video-frame:hover .video-frame__player-controls,.video-frame:focus-within .video-frame__player-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.video-frame__player-controls--ai-only{gap:0;padding-block:8px}.video-frame__player-ai{justify-content:flex-end;width:100%;min-width:0;display:flex}.video-frame__player-ai .settings-row{flex:none;width:fit-content;max-width:100%;margin:0}.video-frame__player-ai .settings-row__copy{flex:none}.video-frame__player-ai-toggle{box-shadow:none;background:#ffffff0a;border-color:#ffffff1a;border-radius:999px;gap:6px;padding:4px 6px 4px 8px}.video-frame__player-ai-toggle:hover{background:#ffffff0f;border-color:#ffc27c38}.video-frame__player-ai-toggle.is-active{box-shadow:none;background:#ef9b521a;border-color:#ffb76b59}.video-frame__player-ai-toggle .settings-row__label{letter-spacing:.02em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem;font-weight:600}.video-frame__player-ai-toggle .settings-row__icon{width:20px;height:20px;color:var(--accent-strong);background:0 0;border:none}.video-frame__player-track input{accent-color:#ffb76beb;width:100%}.video-frame__player-bar,.video-frame__player-actions,.video-frame__player-meta{align-items:center;display:flex}.video-frame__player-bar{justify-content:space-between;gap:12px}.video-frame__player-actions,.video-frame__player-meta{gap:8px}.video-frame__player-button{width:34px;height:34px;color:var(--text);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}.video-frame__player-button:hover{background:#ffb76b1f;border-color:#ffb76b47;transform:translateY(-1px)}.video-frame__player-time,.video-frame__player-status{color:#e2e7ebd6;font-size:.8rem}.video-frame__player-status{color:#ffb76beb}.video-frame__player-rate{min-width:78px;color:var(--text);background:#0c0f11b8;border:1px solid #ffffff14;border-radius:10px;padding:5px 8px;font-size:.8rem}.video-frame__speed-dock{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#090c0ebd,#090c0ee6);border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 12px 24px #0000003d}.video-frame__speed-label{color:#e2e7ebd6;letter-spacing:.04em;text-transform:uppercase;font-size:.74rem}.video-frame__badge{z-index:2;color:var(--text);letter-spacing:.04em;pointer-events:none;background:#060809b8;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:.78rem;position:absolute;top:12px;right:12px}.hn-camera-grid:has(>:only-child){grid-template-columns:minmax(0,1fr)}.hn-event-export-options{align-items:end;margin:20px 0}@media (width<=760px),(width<=1050px) and (height<=500px) and (pointer:coarse){.hn-sidebar:not(.is-open){visibility:hidden}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hn-bg:#0c1014;--hn-sidebar:#10151a;--hn-panel:#131a20;--hn-elevated:#1a232b;--hn-border:#263139;--hn-text:#e6edf0;--hn-muted:#90a1ad;--hn-accent:#67d7b0;--hn-warm:#eab971;--text:var(--hn-text);--text-dim:var(--hn-muted);--accent:var(--hn-accent);--accent-strong:var(--hn-accent);--accent-soft:#67d7b01a;--border:var(--hn-border);--bg:var(--hn-panel);--bg-soft:var(--hn-elevated);background:var(--hn-bg);color:var(--hn-text);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--hn-bg);min-width:320px;margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button{background:0 0;border:0}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h2{font-size:17px}h3{font-size:14px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--hn-accent);outline-offset:3px}input,select,textarea{border:1px solid var(--hn-border);width:100%;min-width:0;color:var(--hn-text);background:#0d1319;border-radius:6px;padding:10px 12px;line-height:1.4}input::placeholder{color:#6d7e8b}input[type=checkbox]{width:16px;height:16px;accent-color:var(--hn-accent)}input[type=range]{accent-color:var(--hn-accent);padding:0}input[type=color]{height:42px;padding:4px}input[type=file]{max-width:100%}select{padding-right:28px}small{font-size:12px}.hn-muted{color:var(--hn-muted)}.hn-green{color:var(--hn-accent)!important}.hn-amber{color:var(--hn-warm)!important}.hn-error-text{color:#f79898!important}.hn-danger{color:#ee9292!important}.hn-wide{width:100%}.hn-eyebrow{letter-spacing:1.8px;color:var(--hn-accent);margin-bottom:8px;font-size:10px;font-weight:600;display:block}.hn-button,.button{background:var(--hn-elevated);white-space:nowrap;border:1px solid #303e48;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 14px;font-size:12px;font-weight:600;line-height:1.35;transition:background .15s,border-color .15s;display:inline-flex}.hn-button:hover,.button:hover{background:#24323b;border-color:#51636f}.hn-button--primary{background:var(--hn-accent);border-color:var(--hn-accent);color:#0b2820}.hn-button--primary:hover{background:color-mix(in srgb, var(--hn-accent) 83%, white);border-color:var(--hn-accent)}.hn-button.is-active{color:var(--hn-accent);border-color:var(--hn-accent)}.hn-icon{width:34px;height:34px;color:var(--hn-muted);border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hn-icon:hover{background:var(--hn-elevated);color:var(--hn-text);border-color:var(--hn-border)}.hn-button-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.hn-app{background:var(--hn-bg);min-height:100dvh;color:var(--hn-text)}.hn-sidebar{background:var(--hn-sidebar);border-right:1px solid var(--hn-border);z-index:40;flex-direction:column;width:226px;display:flex;position:fixed;inset:0 auto 0 0}.hn-brand{text-align:left;align-items:center;gap:12px;padding:30px 22px 24px;display:flex}.hn-brand-mark{background:var(--hn-accent);color:#0b2520;letter-spacing:-3px;border-radius:9px 9px 9px 2px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-family:Space Grotesk,sans-serif;font-size:27px;font-weight:700;display:inline-flex}.hn-brand-mark>span{margin-top:7px;font-size:28px}.hn-brand-name{letter-spacing:1px;white-space:nowrap;font-size:15px;font-weight:600}.hn-brand-name>strong{color:var(--hn-accent);margin-left:3px;font-weight:400}.hn-brand-name>small{letter-spacing:2px;color:#778d9b;margin-top:2px;font-size:8px;display:block}.hn-site-badge{background:#17221f;border:1px solid #29433b;border-radius:7px;align-items:center;gap:9px;margin:0 17px 26px;padding:12px 11px;display:flex}.hn-site-badge strong{color:#c9e5da;font-size:11px;font-weight:500;display:block}.hn-site-badge small{color:#86a097;font-size:10px;display:block}.hn-pulse,.hn-status-dot{background:var(--hn-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hn-pulse{box-shadow:0 0 0 4px #67d7b010}.hn-nav-group{margin-bottom:27px;padding:0 12px}.hn-nav-label{color:#617480;letter-spacing:1.8px;margin:0 12px 10px;font-size:9px;font-weight:600}.hn-nav-item{text-align:left;color:#9aacb7;border-radius:6px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px 13px;font-size:12px;display:flex;position:relative}.hn-nav-item:hover{color:#d5e0e6;background:#1a242d}.hn-nav-item.is-active{color:#8fe9c9;background:#1b3530}.hn-nav-item.is-active:before{content:"";background:var(--hn-accent);width:3px;position:absolute;top:11px;bottom:11px;left:-12px}.hn-nav-item b{color:#2d2519;background:#eec079;border-radius:4px;margin-left:auto;padding:0 5px;font-size:10px}.hn-sidebar-bottom{margin-top:auto;padding:20px 18px}.hn-storage-mini{padding:0 6px 20px}.hn-storage-mini>div:first-child{color:#81939f;letter-spacing:1px;align-items:center;gap:6px;font-size:9px;display:flex}.hn-storage-mini strong{margin-left:auto;font-size:10px;font-weight:500}.hn-meter{background:#29363e;border-radius:3px;height:4px;margin-top:10px;overflow:hidden}.hn-meter i{background:var(--hn-accent);border-radius:3px;max-width:100%;height:100%;display:block}.hn-account-link{border-top:1px solid var(--hn-border);text-align:left;align-items:center;gap:10px;width:100%;padding:19px 0 0;display:flex}.hn-account-link>span:nth-child(2){flex:1;min-width:0}.hn-account-link strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.hn-account-link small{color:#7d8f9c;text-transform:capitalize;font-size:10px;display:block}.hn-avatar{color:#abd9c9;background:#2e3e45;border:1px solid #435a60;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.hn-avatar img{object-fit:cover;width:100%;height:100%}.hn-workspace{min-width:0;margin-left:226px}.hn-app--slim-nav{--hn-nav-width:64px}.hn-app--slim-nav .hn-sidebar{width:var(--hn-nav-width)}.hn-app--slim-nav .hn-workspace{margin-left:var(--hn-nav-width)}.hn-app--slim-nav .hn-brand{flex-shrink:0;justify-content:center;padding:16px 10px}.hn-app--slim-nav .hn-brand-mark{width:32px;height:32px;font-size:24px}.hn-app--slim-nav .hn-brand-name,.hn-app--slim-nav .hn-nav-label,.hn-app--slim-nav .hn-nav-item>span,.hn-app--slim-nav .hn-storage-mini>div:first-child>span,.hn-app--slim-nav .hn-account-link>span:nth-child(2),.hn-app--slim-nav .hn-account-link>svg{display:none}.hn-app--slim-nav .hn-site-badge{background:0 0;border:0;flex-shrink:0;justify-content:center;margin:0 10px 12px;padding:8px 0}.hn-app--slim-nav .hn-site-badge>span:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hn-app--slim-nav .hn-sidebar nav{scrollbar-width:none;min-height:0;padding-block:4px;overflow-y:auto}.hn-app--slim-nav .hn-nav-group{margin-bottom:12px;padding:0 10px}.hn-app--slim-nav .hn-nav-group+.hn-nav-group{border-top:1px solid var(--hn-border);padding-top:12px}.hn-app--slim-nav .hn-nav-item{justify-content:center;gap:0;height:44px;padding:0}.hn-app--slim-nav .hn-nav-item.is-active:before{left:-10px}.hn-app--slim-nav .hn-nav-item b{padding:0 3px;font-size:9px;line-height:14px;position:absolute;top:1px;right:0}.hn-app--slim-nav .hn-sidebar-bottom{flex-shrink:0;padding:12px 10px}.hn-app--slim-nav .hn-storage-mini{padding:0 6px 12px}.hn-app--slim-nav .hn-storage-mini>div:first-child{letter-spacing:0;flex-direction:column;gap:4px}.hn-app--slim-nav .hn-storage-mini strong{margin-left:0}.hn-app--slim-nav .hn-storage-mini .hn-meter{height:3px;margin-top:6px}.hn-app--slim-nav .hn-account-link{justify-content:center;padding-top:12px}.hn-topbar{background:var(--hn-bg);border-bottom:1px solid #202b33;justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex}.hn-topbar-left,.hn-topbar-right{align-items:center;gap:20px;display:flex}.hn-breadcrumb{letter-spacing:1.5px;color:#8a9ba7;font-size:9px}.hn-breadcrumb>span{color:#3e535f;margin:0 14px}.hn-top-clock{font-variant-numeric:tabular-nums;color:#9daeb7;font-size:11px}.hn-search-trigger{color:#8fa1ad;align-items:center;gap:10px;font-size:11px;display:flex}.hn-search-trigger kbd{color:#5a6d7a;border:1px solid #293740;border-radius:4px;margin-left:20px;padding:2px 4px;font-size:9px}.hn-top-alert{border-left:1px solid #2a3640;border-radius:0;position:relative}.hn-top-alert i{background:var(--hn-accent);border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:4px}.hn-avatar--top{width:27px;height:27px;font-size:10px}.hn-main{min-width:0;max-width:2200px;margin:auto;padding:29px 32px 48px}.hn-section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.hn-section-title h1{letter-spacing:-.8px;color:#edf4f5;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:29px;line-height:1.15}.hn-section-title p{color:#8094a2;margin-top:9px;font-size:12px}.hn-section-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.hn-live-indicator{letter-spacing:1.7px;color:#91b6a8;border:1px solid #2c443a;border-radius:4px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;display:flex}.hn-live-indicator i,.hn-rec i,.hn-focus-live i{background:#7dddaf;border-radius:50%;width:5px;height:5px}.hn-status{color:#8d9daa;white-space:nowrap;text-transform:capitalize;align-items:center;gap:5px;font-size:10px;display:inline-flex}.hn-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.hn-status--online,.hn-status--running,.hn-status--healthy,.hn-status--completed{color:#7bddaf}.hn-status--warning,.hn-status--degraded,.hn-status--pending,.hn-status--queued,.hn-status--starting,.hn-status--warn{color:#e8b774}.hn-status--error,.hn-status--failed,.hn-status--critical,.hn-status--offline{color:#e98c8c}.hn-panel{background:var(--hn-panel);border:1px solid var(--hn-border);border-radius:9px;min-width:0;overflow:hidden}.hn-panel-title{border-bottom:1px solid #263139;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;display:flex}.hn-panel-title h2{font-size:13px}.hn-panel-title>span:not(:first-child){color:#7e939f;font-size:10px}.hn-panel-title>button:not(.hn-button):not(.hn-icon){color:#849aa6;align-items:center;gap:4px;font-size:10px;display:flex}.hn-panel-title p{color:var(--hn-muted);margin-top:5px;font-size:12px}.hn-overview-strip{border:1px solid var(--hn-border);background:#121a20;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;display:grid}.hn-overview-strip>div,.hn-overview-strip>button{text-align:left;border-right:1px solid var(--hn-border);align-items:center;gap:10px;min-height:44px;padding:8px 14px;display:flex}.hn-overview-strip>:last-child{border:0}.hn-overview-strip svg{color:#6e8796;flex-shrink:0;width:15px;height:15px}.hn-overview-strip>*>span{color:#8095a3;white-space:nowrap;align-items:baseline;gap:8px;min-width:0;font-size:9px;line-height:1;display:flex}.hn-overview-strip strong{color:#e0e9ed;white-space:nowrap;align-items:baseline;margin-top:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;line-height:1;display:inline-flex}.hn-overview-strip strong small{color:#708a98;margin-left:3px;font-family:IBM Plex Sans,sans-serif;font-size:9px}.hn-overview-strip>:last-child strong{margin-top:0;font-size:13px}.hn-monitor-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:22px;display:grid}.hn-wall-section{min-width:0}.hn-wall-toolbar{justify-content:space-between;align-items:center;gap:10px;min-height:40px;margin-bottom:15px;display:flex}.hn-board-tabs{scrollbar-width:thin;align-items:center;gap:16px;min-width:0;display:flex;overflow-x:auto}.hn-board-tabs button{color:#8c9fac;white-space:nowrap;border-bottom:2px solid #0000;padding:9px 0;font-size:11px}.hn-board-tabs button.is-active{color:#dce9eb;border-bottom-color:var(--hn-accent)}.hn-board-tabs button>span{color:#7ca396;background:#233b33;border-radius:3px;margin-left:4px;padding:2px 5px;font-size:9px}.hn-wall-tools{flex-shrink:0;align-items:center;gap:9px;display:flex}.hn-segmented{background:#111a20;border:1px solid #2b3740;border-radius:5px;gap:2px;padding:3px;display:flex}.hn-segmented button{color:#667b88;border-radius:3px;place-items:center;width:28px;height:26px;display:grid}.hn-segmented button.is-active{color:#91e7c6;background:#28463d}.hn-grid-symbol{grid-template-columns:repeat(var(--cols), 1fr);gap:1.5px;width:14px;height:14px;display:grid}.hn-grid-symbol i{background:currentColor;border-radius:.5px}.hn-camera-grid{grid-template-columns:repeat(var(--wall-cols), minmax(0, 1fr));gap:12px;display:grid}.hn-camera-grid--1{grid-template-columns:minmax(0,1fr)}.hn-camera-tile{background:#131c22;border:1px solid #2e3c43;border-radius:7px;min-width:0;overflow:hidden}.hn-camera-video{aspect-ratio:16/9;background:#05080a;position:relative}.hn-camera-video .video-frame{background:#05080a;width:100%;height:100%;min-height:0;position:absolute;inset:0}.hn-camera-warm-preview{background:#05080a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.hn-camera-warm-preview__picture{transform-origin:50%;max-width:100%;height:100%;overflow:hidden}.hn-camera-warm-preview__picture img{object-fit:fill;width:100%;height:100%;display:block}.hn-camera-video>.video-frame.hn-camera-hq,.hn-focus-player>.video-frame.hn-camera-hq{opacity:0;pointer-events:none;transition:opacity .18s}.hn-camera-video>.video-frame.hn-camera-hq.is-ready,.hn-focus-player>.video-frame.hn-camera-hq.is-ready{opacity:1}.hn-camera-tile:not(.is-viewed) .hn-camera-video>.video-frame.hn-camera-hq.is-ready,.hn-focus-player>.video-frame.hn-camera-hq.is-ready{pointer-events:auto}.hn-tile-corner{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:10px 11px auto}.hn-tile-corner>span:first-child{letter-spacing:1px;color:#d0dddf;background:#0c101caa;border-radius:3px;padding:2px 5px;font-family:monospace;font-size:9px}.hn-rec{letter-spacing:1px;color:#c4e5d6;background:#090e13aa;border-radius:3px;align-items:center;gap:5px;padding:3px 6px;font-size:8px;display:flex}.hn-rec i{background:#eb7e7e;width:4px;height:4px}.hn-tile-expand{color:#d7e9e9;opacity:0;background:#091015b0;border:1px solid #ffffff30;border-radius:4px;place-items:center;width:29px;height:29px;transition:opacity .15s;display:grid;position:absolute;bottom:8px;right:8px}.hn-camera-tile:hover .hn-tile-expand,.hn-camera-tile:focus-within .hn-tile-expand{opacity:1}.hn-tile-caption{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.hn-tile-caption strong{color:#dbe7e9;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;display:block;overflow:hidden}.hn-tile-caption small{color:#718895;margin-top:1px;font-size:9px;display:block}.hn-tile-caption>span:first-child{min-width:0}.hn-camera-grid--16 .hn-tile-caption{padding:7px}.hn-camera-grid--16 .hn-tile-caption small,.hn-camera-grid--16 .hn-status{display:none}.hn-wall-footer{color:#6e8593;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font-size:9px;display:flex}.hn-wall-footer>span{align-items:center;gap:6px;display:flex}.hn-wall-footer>div{align-items:center;gap:8px;display:flex}.hn-monitor-aside{gap:18px;display:grid}.hn-monitor-aside .hn-panel:first-child{margin-top:1px}.hn-search-field{color:#6b8492;background:#0d151b;border:1px solid #2c3841;border-radius:5px;align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.hn-search-field input{box-shadow:none;background:0 0;border:0;min-width:0;padding:9px 0;font-size:11px}.hn-monitor-aside .hn-search-field{margin:13px}.hn-camera-directory{scrollbar-width:thin;max-height:270px;padding:0 7px 8px;overflow:auto}.hn-camera-directory>button{text-align:left;border-radius:4px;align-items:center;gap:10px;width:100%;padding:9px 8px;display:flex}.hn-camera-directory>button:hover{background:#1e2a32}.hn-camera-directory>button>span:nth-child(2){flex:1;min-width:0}.hn-camera-directory strong{font-size:11px;font-weight:500;display:block}.hn-camera-directory small{color:#6f8795;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.hn-directory-icon{color:#677e8b;background:#202d37;border-radius:5px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.hn-directory-icon.is-online{color:#71b798;background:#1b352f}.hn-camera-directory>button>svg{color:#596f7d}.hn-activity-list{padding:8px 12px}.hn-activity-list>button{text-align:left;border-bottom:1px solid #223039;align-items:center;gap:10px;width:100%;padding:10px 0;display:flex}.hn-activity-list>button:last-child{border:0}.hn-activity-list img{object-fit:cover;background:#0a0f13;border-radius:4px;width:58px;height:40px}.hn-activity-list strong{font-size:11px;font-weight:500;display:block}.hn-activity-list small{color:#8ba09e;font-size:9px;display:block}.hn-activity-list time{color:#637b87;margin-top:3px;font-size:9px;display:block}.hn-quiet{color:#5e897a;flex-direction:column;align-items:center;gap:8px;padding:24px 0;display:flex}.hn-quiet strong{color:#9bafa9;font-size:11px}.hn-quiet span{color:#6b8290;font-size:10px}.hn-wall-section:fullscreen{background:#070c10;flex-direction:column;justify-content:center;padding:18px;display:flex;overflow:auto}.hn-wall-section:fullscreen .hn-camera-grid{flex:1;min-height:0}.hn-wall-section:fullscreen .hn-camera-tile{flex-direction:column;display:flex}.hn-wall-section:fullscreen .hn-camera-video{aspect-ratio:auto;flex:1;min-height:0}.hn-back-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.hn-back-row>button{color:#9bb5c2;align-items:center;gap:8px;padding:0;font-size:12px;display:flex}.hn-focus-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px;display:grid}.hn-focus-layout>div,.hn-focus-layout>aside{min-width:0}.hn-focus-layout aside{flex-direction:column;gap:18px;display:flex}.hn-focus-player{aspect-ratio:16/9;border:1px solid var(--hn-border);background:#030607;border-radius:8px;position:relative;overflow:hidden}.hn-focus-player .video-frame,.hn-playback-player .video-frame,.hn-event-player .video-frame{background:#05090b;width:100%;height:100%;min-height:0;position:absolute;inset:0}.hn-focus-live{letter-spacing:1px;background:#09150ebb;border-radius:3px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;display:flex;position:absolute;top:15px;left:15px}.hn-focus-toolbar{justify-content:space-between;align-items:center;gap:8px;margin:12px 0 20px;display:flex}.hn-focus-toolbar>div{flex-wrap:wrap;gap:8px;display:flex}.hn-camera-info{padding:20px}.hn-camera-info dl,.hn-device-body dl{grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0 0;display:grid}.hn-camera-info dt,.hn-device-body dt{color:#718b9c;margin-bottom:5px;font-size:10px}.hn-camera-info dd,.hn-device-body dd{color:#bdced6;margin:0;font-size:12px}.hn-ptz{flex-direction:column;align-items:center;gap:6px;padding:20px;display:flex}.hn-ptz>div{gap:6px;display:flex}.hn-ptz button{background:#23313a;border:1px solid #33434c;border-radius:5px;place-items:center;width:38px;height:36px;display:grid}.hn-ptz svg{width:17px}.hn-ptz button:hover{color:var(--hn-accent);background:#2c423b}.hn-review-layout{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:22px;display:grid}.hn-archive-picker .hn-field{margin:18px}.hn-archive-days{scrollbar-width:thin;max-height:320px;padding:8px 17px 20px;overflow-y:auto}.hn-archive-days>button{text-align:left;color:#a1b4bf;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 7px;display:flex}.hn-archive-days>button>span{align-items:center;gap:6px;font-size:11px;display:flex}.hn-archive-days small{color:#78908c;font-size:9px}.hn-archive-days>button.is-active{color:#abebcd;background:#223d33}.hn-archive-days>p{color:#7e94a2;font-size:11px}.hn-archive-note{border-top:1px solid var(--hn-border);color:#7f98a5;gap:10px;padding:16px;font-size:10px;display:flex}.hn-archive-note svg{flex-shrink:0;margin-top:3px}.hn-archive-note small{color:#587181;font-size:9px}.hn-review-stage{min-width:0}.hn-review-heading{color:#9bafbb;justify-content:space-between;align-items:center;gap:15px;padding:0 0 12px;font-size:11px;display:flex}.hn-review-heading>span{color:#d7e7e7;align-items:center;gap:7px;display:flex}.hn-review-heading strong{font-size:10px;font-weight:400}.hn-playback-player{aspect-ratio:16/9;border:1px solid #314049;border-radius:7px 7px 0 0;position:relative;overflow:hidden}.hn-timeline-panel{border:1px solid var(--hn-border);background:#131e26;border-top:0;border-radius:0 0 8px 8px;padding:18px}.hn-timeline-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.hn-timeline-header h2{font-size:12px}.hn-timeline-legend{color:#7c95a3;gap:13px;font-size:9px;display:flex}.hn-timeline-legend span{align-items:center;gap:5px;display:flex}.hn-timeline-legend i{background:#4fa18b;border-radius:1px;width:6px;height:6px}.hn-timeline-legend span:nth-child(2) i{background:#e4bc77}.hn-timeline-legend span:nth-child(3) i{background:#25343f}.hn-timeline-track{margin-bottom:18px;padding-top:22px;position:relative}.hn-timeline-coverage{background:repeating-linear-gradient(90deg,#0d1720,#0d1720 9.8%,#2a3944 10%);border:1px solid #273b47;border-radius:4px;height:28px;position:relative;overflow:hidden}.hn-timeline-coverage>span{background:#347b65;border-left:1px solid #81c8b455;position:absolute;top:0;bottom:0}.hn-timeline-coverage>button{background:#dcb171;width:4px;height:100%;padding:0;position:absolute}.hn-timeline-track>input{background:0 0;border:0;width:100%;height:16px;margin-top:3px;display:block;position:relative}.hn-timeline-ticks{color:#718d9c;justify-content:space-between;padding-top:3px;font-size:9px;display:flex}.hn-playback-tools{grid-template-columns:minmax(0,1fr) 160px auto;align-items:end;gap:13px;display:grid}.hn-playback-tools>.hn-button{margin-bottom:1px}.hn-clip-form{margin-top:18px}.hn-clip-form>.hn-form-grid{padding:20px}.hn-clip-form>.hn-form-footer{padding:15px 20px}.hn-clip-form>.hn-error-text{padding:0 20px}.hn-video-caption{color:#7f929c;font-size:11px}.hn-filter-bar{border-bottom:1px solid var(--hn-border);color:#8da3b0;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;padding-bottom:15px;font-size:12px;display:flex}.hn-filter-bar>div:last-child{gap:12px;display:flex}.hn-filter-bar select{width:auto;max-width:240px;font-size:11px}.hn-text-tabs{scrollbar-width:thin;gap:5px;min-width:0;display:flex;overflow-x:auto}.hn-text-tabs>button{color:#829aa9;white-space:nowrap;border-radius:5px;padding:9px 13px;font-size:11px}.hn-text-tabs>button.is-active{color:#a1e1c6;background:#244139}.hn-count-chip{color:#cee6b3;border:1px solid #445946;border-radius:5px;padding:8px 12px;font-size:11px}.hn-alert-list{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.hn-alert{background:#261f16;border:1px solid #594735;border-radius:6px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 17px;display:flex}.hn-alert--critical{background:#271b20;border-color:#63383e}.hn-alert>span:not(.hn-alert-icon){flex:1;min-width:0}.hn-alert strong{color:#e4cba6;font-size:12px;display:block}.hn-alert small{color:#ab947b;overflow-wrap:anywhere;margin-top:3px;font-size:11px;display:block}.hn-alert--critical strong{color:#eda9b4}.hn-alert-icon{color:#e0b85f;border:1px solid #897448;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-weight:700;display:grid}.hn-event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.hn-event-card{text-align:left;background:#131d25;border:1px solid #2b3942;border-radius:8px;min-width:0;padding:0;transition:border-color .15s,transform .15s;overflow:hidden}.hn-event-card:hover{border-color:#4e7266;transform:translateY(-2px)}.hn-event-image{aspect-ratio:16/9;background:#080e13;position:relative}.hn-event-image>img{object-fit:cover;width:100%;height:100%}.hn-event-review{color:#edd299;background:#171b18df;border:1px solid #706348;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;font-size:9px;display:flex;position:absolute;top:10px;left:10px}.hn-event-review>i{background:#dbb77a;border-radius:50%;width:4px;height:4px}.hn-event-review.is-reviewed{color:#a0c4b1;border-color:#547262}.hn-event-image>time{background:#091116bd;border-radius:3px;padding:3px 6px;font-size:10px;position:absolute;bottom:10px;right:10px}.hn-event-body{padding:16px}.hn-event-labels{letter-spacing:.7px;text-transform:uppercase;color:#84c9b3;font-size:9px}.hn-event-body h3{margin:5px 0 7px;font-size:15px}.hn-event-body p{color:#8ca2ae;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:33px;font-size:11px;display:-webkit-box;overflow:hidden}.hn-event-body>small{color:#667f8d;border-top:1px solid #263640;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;font-size:10px;display:flex}.hn-footnote{color:#5e7a89;margin-top:22px;font-size:10px}.hn-event-player{aspect-ratio:16/9;background:#050a0d;position:relative}.hn-event-tags{flex-wrap:wrap;gap:7px;margin-bottom:13px;display:flex}.hn-event-tags>span{color:#9dd7b8;background:#1a352b;border:1px solid #315e4c;border-radius:4px;padding:4px 8px;font-size:11px}.hn-event-modal .hn-muted{margin-top:7px;font-size:11px}.hn-export-list{flex-direction:column;gap:12px;display:flex}.hn-export-row{background:var(--hn-panel);border:1px solid var(--hn-border);border-radius:8px;align-items:center;gap:20px;padding:20px;display:flex}.hn-export-symbol{color:#77a091;background:#1c2d36;border:1px solid #344c57;border-radius:7px;flex-shrink:0;place-items:center;width:53px;height:53px;display:grid}.hn-export-detail{flex:1;min-width:0}.hn-export-detail h3{overflow-wrap:anywhere;font-size:13px}.hn-export-detail p{color:#839ba8;margin-top:4px;font-size:10px}.hn-export-actions{align-items:center;gap:9px;display:flex}.hn-device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.hn-device-card{border:1px solid var(--hn-border);background:var(--hn-panel);border-radius:8px;min-width:0;overflow:hidden}.hn-device-preview{aspect-ratio:16/9;background:#060c10;width:100%;padding:0;position:relative}.hn-device-preview>img{object-fit:cover;color:#576e7c;width:100%;height:100%;font-size:11px}.hn-device-preview>span{color:#bfd4dc;background:linear-gradient(#0000,#020709bb);align-items:center;gap:6px;padding:22px 15px 10px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.hn-device-preview>span>svg:last-child{margin-left:auto}.hn-device-body{padding:18px}.hn-device-body>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.hn-device-body h2{overflow-wrap:anywhere;font-size:15px}.hn-device-body>p{color:#7290a0;margin-top:4px;font-size:11px}.hn-device-body dl{grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.hn-device-body dt{font-size:9px}.hn-device-body dd{font-size:11px}.hn-discovery{margin-bottom:22px;padding:20px}.hn-discovery>.hn-panel-title{margin-bottom:20px;padding:0 0 18px}.hn-settings-layout{grid-template-columns:215px minmax(0,1fr);align-items:start;gap:28px;display:grid}.hn-settings-nav{flex-direction:column;gap:5px;display:flex;position:sticky;top:20px}.hn-settings-nav button{text-align:left;color:#8aa1ae;border-radius:6px;align-items:center;gap:10px;padding:12px 14px;font-size:12px;display:flex}.hn-settings-nav button.is-active{color:#a0ddc3;background:#1f3731}.hn-settings-content{background:var(--hn-panel);border:1px solid var(--hn-border);border-radius:9px;min-width:0}.hn-settings-form{padding:26px;position:relative}.hn-settings-form>h2{margin-bottom:22px}.hn-settings-form>.hn-panel-title{margin-bottom:24px;padding:0 0 22px}.hn-form-intro{margin-bottom:26px}.hn-form-intro h2{font-size:20px}.hn-form-intro p{color:#849dab;margin-top:6px;font-size:12px}.hn-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 22px;margin-bottom:22px;display:grid}.hn-field{color:#b1c4cf;flex-direction:column;gap:7px;min-width:0;font-size:11px;display:flex}.hn-field>span:first-child{font-weight:500}.hn-field small{color:#698796;font-size:10px;line-height:1.45}.hn-field input,.hn-field select{font-size:12px}.hn-settings-form>.hn-field{margin-bottom:18px}.hn-check{color:#9db1bf;align-items:center;gap:9px;margin:15px 0;font-size:11px;display:flex}.hn-check input{flex-shrink:0}.hn-toggle{cursor:pointer;border-bottom:1px solid #29343f;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;padding:17px 0;display:flex;position:relative}.hn-toggle>span{flex:1;min-width:0}.hn-toggle strong{font-size:12px;font-weight:500;display:block}.hn-toggle small{color:#7895a6;margin-top:4px;font-size:10px;display:block}.hn-toggle input{opacity:0;position:absolute;right:0}.hn-toggle>i{background:#35434e;border:1px solid #4c5c68;border-radius:12px;flex-shrink:0;width:32px;height:18px;position:relative}.hn-toggle>i:after{content:"";background:#b0bfc7;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.hn-toggle input:checked+i{background:#397958;border-color:#55977b}.hn-toggle input:checked+i:after{background:#c6f3d3;transform:translate(14px)}.hn-toggle input:focus-visible+i{outline:2px solid var(--hn-accent);outline-offset:4px}.hn-form-subsection{border-top:1px solid var(--hn-border);margin-top:26px;padding-top:22px}.hn-form-subsection>h3{margin-bottom:17px}.hn-form-subsection>p{color:#7793a4;margin-bottom:18px;font-size:11px}.hn-form-footer{border-top:1px solid var(--hn-border);justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:22px;display:flex}.hn-form-footer>span{color:#7794a4;font-size:11px}.hn-input-action{align-items:center;gap:6px;display:flex}.hn-input-action input{flex:1}.hn-input-action .hn-icon{background:#24353e}.hn-folder-picker{z-index:3;background:#162630;border:1px solid #4b6678;border-radius:8px;padding:18px;position:absolute;top:30px;left:30px;right:30px;box-shadow:0 20px 60px #0009}.hn-folder-picker>.hn-panel-title{padding:0 0 12px}.hn-folder-picker>p{overflow-wrap:anywhere;color:#82b8a7;margin:14px 0;font-size:11px}.hn-folder-picker>div:not(.hn-panel-title){max-height:300px;margin:15px 0;overflow-y:auto}.hn-folder-picker>div>button{text-align:left;color:#becfd8;border-radius:3px;gap:10px;width:100%;padding:8px;font-size:12px;display:flex}.hn-folder-picker>div>button:hover{background:#274333}.hn-management-row{border-bottom:1px solid #2b3740;align-items:center;gap:14px;padding:16px 0;display:flex}.hn-management-row>span:not(.hn-avatar):first-of-type{flex:1;min-width:0}.hn-management-row strong{font-size:12px;display:block}.hn-management-row small{color:#829dab;overflow-wrap:anywhere;margin-top:3px;font-size:10px;display:block}.hn-engine-status{border:1px solid var(--hn-border);border-radius:6px;align-items:center;gap:14px;margin:20px 0;padding:15px;font-size:11px;display:flex}.hn-engine-status>button{margin-left:auto}.hn-board-cameras{flex-direction:column;gap:8px;margin:15px 0 22px;display:flex}.hn-board-cameras>div{align-items:center;gap:7px;display:flex}.hn-board-cameras>div>span{color:#6c8999;width:20px;font-size:11px}.hn-board-cameras input{flex:1;font-size:12px}.hn-system-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:25px;display:grid}.hn-system-metrics>div{border:1px solid var(--hn-border);background:#101a22;border-radius:7px;padding:17px}.hn-system-metrics>div>span{color:#7d9bab;font-size:10px;display:block}.hn-system-metrics strong{color:#d2e3e8;margin-top:9px;font-family:Space Grotesk,sans-serif;font-size:27px;font-weight:500;display:block}.hn-system-metrics small{color:#607e90;margin-top:10px;font-size:9px;display:block}.hn-service-list{flex-direction:column;display:flex}.hn-service-list>div{color:#a3bdc9;border-bottom:1px solid #27353e;justify-content:space-between;padding:13px 0;font-size:12px;display:flex}.hn-log{border-bottom:1px solid var(--hn-border);padding:16px 0}.hn-log summary{cursor:pointer;align-items:start;gap:16px;list-style:none;display:flex}.hn-log summary>span:nth-child(2){min-width:0}.hn-log summary>span:first-child{min-width:48px;padding-top:3px}.hn-log strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;display:block}.hn-log small{color:#7992a0;margin-top:4px;font-size:10px;display:block}.hn-log pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#98acb7;background:#0b151e;border-radius:5px;margin:12px 0 0;padding:15px;font-size:11px}.hn-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:25px;display:grid}.hn-empty{text-align:center;color:#718997;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:50px 22px;display:flex}.hn-empty h3{color:#aec5ce;margin:8px 0;font-size:15px}.hn-empty p{color:#718d9d;max-width:340px;font-size:12px}.hn-empty-mark{color:#446b60;font-size:36px;font-weight:300}.hn-empty .hn-button{margin-top:18px}.hn-modal-backdrop,.hn-command-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000b;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.hn-modal{scrollbar-width:thin;background:#131f28;border:1px solid #3b4f5b;border-radius:12px;width:min(980px,100%);max-height:calc(100dvh - 56px);overflow:auto;box-shadow:0 25px 90px #000b}.hn-event-modal{max-width:760px}.hn-modal-header{background:#172630;border-bottom:1px solid #2d404d;justify-content:space-between;align-items:center;gap:15px;padding:22px 26px;display:flex}.hn-modal-header h2{font-size:20px}.hn-modal-header .hn-eyebrow{margin-bottom:4px;font-size:8px}.hn-modal-body{padding:24px 26px}.hn-modal-footer{z-index:2;background:#111d25;border-top:1px solid #2a3e4b;justify-content:space-between;align-items:center;gap:14px;padding:18px 26px;display:flex;position:sticky;bottom:0}.hn-modal-footer>div{gap:8px;display:flex}.hn-editor-tabs{background:#101c24;border-bottom:1px solid #283c49;padding:12px 20px}.hn-test-result{background:#1c332a;border:1px solid #37564b;border-radius:5px;margin-top:13px;padding:12px;font-size:12px}.hn-pairing{overflow-wrap:anywhere;background:#101d27;border-radius:6px;margin-top:15px;padding:18px}.hn-pairing strong{letter-spacing:3px;color:#badac4;font-size:26px}.hn-pairing small{color:#799ba9;font-size:10px}.hn-toast{color:#d0eddf;z-index:100;background:#1f3d31;border:1px solid #497b5f;border-radius:7px;align-items:center;gap:20px;max-width:min(650px,100vw - 36px);padding:13px 17px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #0009}.hn-toast--error{color:#ffd9dd;background:#42252c;border-color:#864f59}.hn-toast>button{padding:0;display:flex}.hn-command-backdrop{align-items:flex-start;padding-top:15vh}.hn-command{background:#14232d;border:1px solid #3a5262;border-radius:10px;width:min(560px,100%);overflow:hidden;box-shadow:0 20px 90px #000b}.hn-command-input{border-bottom:1px solid #304653;align-items:center;gap:14px;padding:15px 20px;display:flex}.hn-command-input>input{background:0 0;border:0;padding:7px 0;font-size:15px}.hn-command-list{max-height:55vh;padding:8px;overflow:auto}.hn-command-list>button{text-align:left;border-radius:5px;align-items:center;gap:15px;width:100%;padding:13px;display:flex}.hn-command-list>button:hover{background:#203c3a}.hn-command-list>button>span:first-of-type{flex:1}.hn-command-list strong{font-size:13px;display:block}.hn-command-list small{color:#789cae;font-size:11px;display:block}.hn-command-list>p{color:#819ead;padding:20px;font-size:12px}.hn-inline-error{color:#e9a69d;overflow-wrap:anywhere;background:#3b2524;border:1px solid #69413d;border-radius:5px;margin:12px 0;padding:12px;font-size:12px}.hn-auth{background:#0e181e;grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.hn-auth-scene{background:radial-gradient(at 0 90%,#21433a55,#0000 75%),#0a151b;border-right:1px solid #263d43;flex-direction:column;justify-content:center;padding:12%;display:flex;position:relative;overflow:hidden}.hn-auth-grid{pointer-events:none;background-image:linear-gradient(#57756b0c 1px,#0000 1px),linear-gradient(90deg,#57756b0c 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0;transform:perspective(700px)rotateY(-15deg)scale(1.3)}.hn-auth-lock{color:#86d5ae;background:#18392f;border:1px solid #477461;border-radius:18px;place-items:center;width:70px;height:70px;margin-bottom:40px;display:grid;position:relative}.hn-auth-scene>div:not(.hn-auth-grid){z-index:1}.hn-auth-scene h1{letter-spacing:-2px;margin:18px 0 20px;font-family:Space Grotesk,sans-serif;font-size:clamp(35px,4vw,62px);font-weight:500;line-height:1.12}.hn-auth-scene h1 em{color:#78cfa8;font-style:normal}.hn-auth-scene p{color:#789b9b;max-width:340px;font-size:14px;line-height:1.8}.hn-auth-footer{letter-spacing:2px;color:#567f7c;font-size:9px;position:absolute;bottom:40px;left:12%}.hn-auth-panel{place-self:center;width:100%;max-width:460px;padding:50px 45px}.hn-auth-brand{letter-spacing:1px;align-items:center;gap:12px;margin-bottom:65px;font-size:19px;display:flex}.hn-auth-brand strong{color:#85cdb0;margin-left:3px;font-weight:400}.hn-auth-panel>h2{letter-spacing:-.7px;margin:14px 0 9px;font-size:30px}.hn-auth-panel>p{color:#8caaaf;margin-bottom:28px;font-size:12px}.hn-auth-panel .hn-field{margin-bottom:19px}.hn-auth-panel input,.hn-auth-panel select{background:#13222b;border-color:#314953;min-height:44px}.hn-auth-submit{justify-content:space-between;width:100%;min-height:44px;margin-top:10px}.hn-auth-note{text-align:center;color:#587881;margin-top:28px;font-size:10px;display:block}.hn-loading{color:#8fadb5;background:#0c151b;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;font-size:13px;display:flex}.hn-loading .hn-brand-mark{width:50px;height:50px;font-size:36px}.video-frame{background:#03080b;min-height:0}.video-frame__player-controls{opacity:1;pointer-events:auto;border-radius:5px;padding:7px 10px;bottom:8px;left:8px;right:8px;transform:none}.video-frame__player-bar,.video-frame__player-meta{flex-wrap:wrap;gap:7px}.video-frame__player-rate{width:auto;max-width:80px;padding:4px 5px;font-size:11px}.video-frame__player-button{border-radius:4px}.video-frame__player-button svg{width:15px;height:15px}.video-frame__player-time{font-size:10px}.video-frame__overlay{align-content:center;gap:10px;font-size:12px}.video-frame__overlay--recovery .button{justify-self:center}.video-frame__badge{font-size:11px}.video-frame__player-track input{border:0}.hn-zone-editor .detection-area-canvas{aspect-ratio:16/9;min-height:0}.hn-zone-editor .video-frame{position:absolute;inset:0}.hn-zone-editor .detection-areas-layout{grid-template-columns:minmax(0,1fr) 210px}.hn-zone-editor .detection-area-editor{box-shadow:none;background:0 0;border:0;padding:0}.hn-zone-editor .detection-area-editor__toolbar{background:#1b2b35;border-radius:5px}.hn-zone-editor .field{gap:6px;margin-bottom:12px;font-size:11px;display:grid}.hn-zone-editor .input{padding:8px;font-size:12px}.hn-zone-editor .label-chip{color:#b0c9c0;border:1px solid #3c5650;border-radius:4px;padding:5px 8px;font-size:10px}.hn-zone-editor .label-chip.is-active{color:#bde4ca;background:#274c3c}.hn-zone-editor .detection-area-editor__sidebar{background:#15222b}.hn-zone-editor .detection-area-editor__name{color:#c6d9dd}.hn-zone-editor .detection-area-editor__labels{font-size:11px}.hn-zone-editor .detection-area-editor__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-mobile-menu,.hn-mobile-nav,.hn-mobile-account,.hn-scrim{display:none}@media (width>=1750px){.hn-monitor-layout{grid-template-columns:minmax(0,1fr) 295px}.hn-camera-grid{gap:17px}.hn-main{padding:35px 42px 50px}.hn-camera-directory{max-height:340px}}@media (width<=1280px){.hn-sidebar{width:195px}.hn-workspace{margin-left:195px}.hn-brand{padding:26px 16px}.hn-brand-name{font-size:13px}.hn-brand-mark{width:32px;height:33px;font-size:24px}.hn-brand-name small{font-size:7px}.hn-topbar{padding:0 24px}.hn-main{padding:25px 24px 40px}.hn-monitor-layout{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.hn-overview-strip>div,.hn-overview-strip>button{gap:8px;padding:8px 12px}.hn-overview-strip strong{font-size:15px}.hn-section-title h1{font-size:27px}.hn-event-grid,.hn-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-tile-caption .hn-status{font-size:8px}.hn-tile-caption{padding:8px}.hn-tile-caption small{font-size:8px}.hn-panel-title{padding:15px 13px}.hn-panel-title h2{font-size:12px}.hn-settings-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}.hn-review-layout{grid-template-columns:205px minmax(0,1fr);gap:17px}.hn-playback-tools{grid-template-columns:minmax(0,1fr) 130px}.hn-playback-tools>.hn-button{grid-column:1/-1}.hn-focus-layout{grid-template-columns:minmax(0,1fr) 225px;gap:17px}.hn-system-metrics{gap:8px}.hn-system-metrics>div{padding:13px}.hn-settings-form{padding:22px}.hn-focus-toolbar .hn-button{padding:8px;font-size:10px}}@media (width<=1050px){.hn-sidebar{width:180px}.hn-workspace{margin-left:180px}.hn-brand{gap:8px}.hn-brand-name{font-size:12px}.hn-site-badge{gap:7px;margin-inline:12px;padding:10px 8px}.hn-site-badge small{font-size:8px}.hn-monitor-layout{grid-template-columns:minmax(0,1fr)}.hn-monitor-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-camera-directory{max-height:200px}.hn-topbar-right{gap:12px}.hn-search-trigger kbd{display:none}.hn-overview-strip>div,.hn-overview-strip>button{gap:8px;padding:8px 10px}.hn-overview-strip>*>span{font-size:9px}.hn-overview-strip svg{width:15px}.hn-overview-strip>:last-child strong{font-size:13px}.hn-section-title{align-items:flex-start}.hn-section-title h1{font-size:25px}.hn-section-actions{flex-wrap:wrap;justify-content:flex-end}.hn-section-actions .hn-button{padding:8px 10px;font-size:10px}.hn-settings-layout{grid-template-columns:minmax(0,1fr)}.hn-settings-nav{flex-direction:row;gap:7px;padding-bottom:5px;position:static;overflow-x:auto}.hn-settings-nav button{white-space:nowrap;padding:9px 11px;font-size:11px}.hn-focus-layout{grid-template-columns:minmax(0,1fr)}.hn-focus-layout aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.hn-focus-layout aside>.hn-button{grid-column:1/-1}.hn-review-layout{grid-template-columns:180px minmax(0,1fr)}.hn-review-heading{align-items:flex-start}.hn-review-heading>strong{font-size:9px}.hn-timeline-header{flex-direction:column;align-items:flex-start}.hn-filter-bar{flex-wrap:wrap}.hn-export-row{flex-wrap:wrap;gap:14px}.hn-export-row>.hn-status{margin-left:auto}.hn-account-grid,.hn-zone-editor .detection-areas-layout{grid-template-columns:minmax(0,1fr)}.hn-zone-editor .detection-area-editor__sidebar{max-height:300px}.hn-zone-editor .detection-area-editor__list{max-height:120px}}@media (width<=760px),(width<=1050px) and (height<=500px) and (pointer:coarse){.hn-sidebar{width:245px;transition:transform .18s;transform:translate(-100%)}.hn-sidebar.is-open{transform:none}.hn-sidebar .hn-brand{gap:13px;padding:25px 22px}.hn-sidebar .hn-brand-name{font-size:15px}.hn-sidebar .hn-site-badge{margin-inline:17px;padding:12px}.hn-site-badge small{font-size:10px}.hn-scrim.is-open{z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000a;display:block;position:fixed;inset:0}.hn-workspace{margin-left:0}.hn-topbar{gap:10px;height:57px;padding:0 17px}.hn-topbar-left{gap:9px}.hn-mobile-menu{display:inline-flex}.hn-breadcrumb{letter-spacing:1px;font-size:8px}.hn-breadcrumb>span{margin:0 8px}.hn-search-trigger>span,.hn-top-clock,.hn-avatar--top{display:none}.hn-topbar-right{gap:6px}.hn-top-alert{border:0}.hn-main{padding:22px 17px 95px}.hn-section-title{flex-wrap:wrap;gap:15px;margin-bottom:22px}.hn-section-title h1{font-size:27px}.hn-section-title p{margin-top:8px;font-size:11px}.hn-eyebrow{letter-spacing:1.5px;font-size:8px}.hn-section-actions{gap:7px}.hn-live-indicator{padding:6px 8px;font-size:8px}.hn-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.hn-overview-strip>div,.hn-overview-strip>button{border-bottom:1px solid var(--hn-border);gap:8px;padding:8px 10px}.hn-overview-strip>:nth-child(2){border-right:0}.hn-overview-strip>:nth-child(3){border-bottom:0}.hn-overview-strip strong{font-size:15px}.hn-overview-strip>:last-child strong{font-size:12px}.hn-overview-strip>*>span{gap:6px;font-size:8px}.hn-monitor-layout{gap:22px}.hn-wall-toolbar{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:13px}.hn-board-tabs{gap:20px;width:100%}.hn-wall-tools{justify-content:space-between;width:100%}.hn-camera-grid{gap:10px}.hn-camera-grid--9,.hn-camera-grid--16{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-camera-grid--1{grid-template-columns:minmax(0,1fr)}.hn-camera-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-camera-grid--16 .hn-tile-caption small{display:block}.hn-tile-caption strong{font-size:10px}.hn-tile-caption .hn-status{display:none}.hn-tile-corner{inset:6px 6px auto}.hn-tile-corner>span:first-child{padding:1px 4px;font-size:7px}.hn-rec{padding:2px 4px;font-size:6px}.hn-tile-expand{opacity:1;width:25px;height:25px;bottom:5px;right:5px}.hn-tile-expand svg{width:13px}.hn-wall-footer{gap:4px;font-size:8px}.hn-wall-footer>div{gap:3px}.hn-monitor-aside{grid-template-columns:minmax(0,1fr)}.hn-panel-title h2{font-size:13px}.hn-activity-list>button{padding:12px 0}.hn-mobile-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:30;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#101c23ed;border-top:1px solid #31404b;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.hn-mobile-nav>button{color:#7995a5;flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:9px;display:flex}.hn-mobile-nav>button.is-active{color:#90dabb}.hn-mobile-nav>button.is-active>svg{filter:drop-shadow(0 0 8px #60c39a44)}.hn-modal-backdrop{align-items:center;padding:10px}.hn-modal{border-radius:9px;max-height:calc(100dvh - 20px)}.hn-modal-header{padding:18px}.hn-modal-header h2{font-size:18px}.hn-modal-body{padding:20px 17px}.hn-modal-footer{padding:14px 17px}.hn-modal-footer .hn-button{padding:8px 10px;font-size:10px}.hn-editor-tabs{padding:10px}.hn-text-tabs>button{padding:9px 10px;font-size:10px}.hn-form-grid{grid-template-columns:minmax(0,1fr);gap:16px}.hn-form-footer{flex-direction:column;align-items:flex-start;gap:15px}.hn-form-footer .hn-button{align-self:flex-end}.hn-form-footer>span{font-size:10px}.hn-settings-form{padding:20px 17px}.hn-settings-form>.hn-panel-title{flex-wrap:wrap}.hn-settings-layout{gap:15px}.hn-settings-nav button{gap:7px;padding:9px 10px;font-size:10px}.hn-settings-nav svg{width:15px}.hn-settings-nav{gap:2px}.hn-system-metrics{grid-template-columns:minmax(0,1fr);gap:10px}.hn-system-metrics>div{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.hn-system-metrics strong{grid-area:1/2/4;margin:0;font-size:25px}.hn-system-metrics .hn-meter,.hn-system-metrics small{margin:0}.hn-service-list>div{font-size:11px}.hn-panel-title{gap:9px}.hn-panel-title .hn-button{font-size:10px}.hn-management-row{gap:10px}.hn-management-row .hn-button{padding:7px 10px;font-size:10px}.hn-management-row strong{font-size:11px}.hn-management-row .hn-status{font-size:9px}.hn-discovery{padding:17px}.hn-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hn-device-body{padding:12px}.hn-device-body>div{flex-direction:column;align-items:flex-start;gap:5px}.hn-device-body h2{font-size:13px}.hn-device-body>p{font-size:9px}.hn-device-body dl{gap:12px 5px;margin:15px 0}.hn-device-body dd{font-size:10px}.hn-device-body dt{font-size:8px}.hn-device-body .hn-button{gap:4px;padding:8px 5px;font-size:9px}.hn-device-body .hn-button svg{width:12px}.hn-device-preview>span{padding:18px 9px 7px;font-size:8px}.hn-device-preview>span>svg:first-child{display:none}.hn-review-layout{grid-template-columns:minmax(0,1fr);gap:20px}.hn-archive-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:15px;display:grid}.hn-archive-picker>.hn-panel-title{grid-column:1/-1;padding:0 0 12px}.hn-archive-picker .hn-field{margin:0}.hn-archive-days{grid-column:1/-1;gap:6px;max-height:none;padding:0;display:flex;overflow-x:auto}.hn-archive-days>.hn-eyebrow{display:none}.hn-archive-days>button{background:#1a2b35;flex-direction:column;align-items:flex-start;gap:3px;min-width:110px;padding:8px}.hn-archive-days>button>span{font-size:10px}.hn-archive-days small{font-size:8px}.hn-archive-note{grid-column:1/-1;padding:12px 0 0}.hn-playback-tools{grid-template-columns:minmax(0,1fr) 115px;gap:10px}.hn-playback-tools .hn-field{font-size:10px}.hn-playback-tools input,.hn-playback-tools select{padding:9px 7px;font-size:10px}.hn-timeline-panel{padding:15px 12px}.hn-timeline-ticks{font-size:8px}.hn-timeline-legend{gap:10px;font-size:8px}.hn-review-heading,.hn-video-caption{font-size:10px}.hn-timeline-header h2{font-size:11px}.hn-focus-toolbar{flex-wrap:wrap}.hn-camera-info dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hn-focus-layout aside{grid-template-columns:minmax(0,1fr)}.hn-focus-toolbar>div{gap:5px}.hn-focus-toolbar .hn-button{padding:8px;font-size:9px}.hn-focus-toolbar .hn-button svg{width:13px}.hn-filter-bar{gap:12px;margin-bottom:18px;padding-bottom:12px}.hn-filter-bar>div:last-child{gap:8px;width:100%}.hn-filter-bar select{flex:1;max-width:160px;font-size:10px}.hn-filter-bar .hn-search-field{flex:1}.hn-event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hn-event-body{padding:12px}.hn-event-body h3{font-size:13px}.hn-event-body p{font-size:10px}.hn-event-labels{font-size:8px}.hn-event-body>small{margin-top:10px;padding-top:9px;font-size:8px}.hn-event-review{padding:2px 4px;font-size:7px;top:6px;left:6px}.hn-event-image>time{font-size:8px;bottom:5px;right:5px}.hn-alert{flex-wrap:wrap;gap:10px;padding:12px}.hn-alert strong{font-size:11px}.hn-alert small{font-size:10px}.hn-alert>.hn-button{margin-left:auto;font-size:10px}.hn-export-row{gap:12px;padding:16px}.hn-export-symbol{width:40px;height:40px}.hn-export-detail h3{font-size:11px}.hn-export-detail p{font-size:9px}.hn-export-actions{justify-content:flex-end;width:100%}.hn-export-actions .hn-button{font-size:10px}.hn-toast{width:max-content;padding:12px 15px;font-size:11px;bottom:90px}.hn-auth{grid-template-columns:minmax(0,1fr)}.hn-auth-scene{display:none}.hn-auth-panel{padding:45px 30px}.hn-auth-brand{margin-bottom:45px}.hn-auth-panel>h2{font-size:29px}.hn-auth-panel input,.hn-auth-panel select{font-size:14px}.hn-zone-editor .detection-area-editor__toolbar{gap:8px;padding:10px}.hn-zone-editor .detection-area-editor__tool{padding:7px;font-size:10px}.hn-zone-editor .detection-area-editor__tool svg{width:13px}.hn-zone-editor .detection-area-editor__mini{font-size:9px}.hn-zone-editor .detection-area-editor__draw-modes{flex-wrap:wrap}.hn-zone-editor .detection-area-editor__chip{font-size:9px}.hn-engine-status{flex-wrap:wrap;gap:10px}.hn-engine-status>.hn-button{font-size:10px}.hn-command-backdrop{padding:12vh 15px 15px}.hn-command-input{padding:12px}.hn-command-input>input{font-size:13px}.video-frame__player-controls{gap:4px;padding:4px 6px;bottom:4px;left:4px;right:4px}.video-frame__player-button{width:25px;min-width:0;height:25px;padding:4px}.video-frame__player-actions{gap:3px}.video-frame__player-time{font-size:8px}.video-frame__player-rate{width:54px;padding:3px;font-size:9px}.video-frame__player-meta{gap:4px}.video-frame__overlay{padding:12px;font-size:10px}.hn-camera-grid--9 .video-frame__overlay,.hn-camera-grid--16 .video-frame__overlay{font-size:8px}.hn-board-cameras input{min-width:0;padding:8px;font-size:11px}.hn-board-cameras .hn-icon{width:28px}.hn-board-cameras>div{gap:3px}.hn-folder-picker{padding:13px;left:10px;right:10px}.hn-log summary{gap:10px}.hn-log strong{font-size:11px}}@media (width<=370px){.hn-event-grid,.hn-device-grid{grid-template-columns:minmax(0,1fr)}.hn-main{padding-inline:13px}.hn-section-title h1{font-size:24px}.hn-live-indicator{display:none}.hn-overview-strip>div,.hn-overview-strip>button{padding:7px 8px}.hn-camera-grid{gap:7px}.hn-tile-caption{padding:7px}.hn-playback-tools{grid-template-columns:minmax(0,1fr)}.hn-playback-tools>.hn-button{grid-column:auto}.hn-timeline-ticks,.hn-breadcrumb{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hn-timeline-window{align-items:center;gap:4px;display:flex}.hn-timeline-window select{width:100px;padding:5px 22px 5px 7px;font-size:10px}.hn-timeline-window .hn-icon{width:25px;height:28px;font-size:20px}.hn-timeline-header{flex-wrap:wrap}@media (width>=1051px){.hn-playback-player{aspect-ratio:auto;height:clamp(220px,100dvh - 460px,650px)}.hn-playback-tools{grid-template-columns:minmax(0,1fr) 140px auto}.hn-playback-tools>.hn-button{grid-column:auto}.hn-timeline-panel{padding:14px 18px}.hn-timeline-track{margin-bottom:13px;padding-top:14px}}.hn-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hn-main.hn-main--wall{flex-direction:column;max-width:none;height:100dvh;padding:8px 12px;display:flex}.hn-main--wall>.hn-inline-error{flex-shrink:0}.hn-wall-console{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.hn-wall-console:fullscreen{background:var(--hn-bg);width:100%;height:100dvh;padding:8px 12px;overflow:auto}.hn-wall-console .hn-monitor-layout{flex:1;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;min-height:0}.hn-wall-console .hn-monitor-layout.has-directory{grid-template-columns:minmax(0,1fr) 250px}.hn-wall-console .hn-wall-section{flex-direction:column;min-height:0;display:flex}.hn-wall-console .hn-wall-toolbar{flex-direction:row;flex:none;align-items:center;gap:8px;min-height:36px;margin-bottom:6px}.hn-wall-console .hn-board-tabs{flex:1;gap:14px}.hn-wall-console .hn-board-tabs button{min-height:32px;padding-block:5px;font-size:12px}.hn-wall-console .hn-wall-tools{gap:4px;width:auto}.hn-wall-console .hn-wall-tools .hn-icon{width:30px;height:32px}.hn-wall-console .hn-wall-tools .hn-icon.is-active{color:var(--hn-accent);background:var(--hn-elevated)}.hn-wall-console .hn-segmented{padding:2px}.hn-wall-canvas{flex:1;min-width:0;min-height:0;container-type:size}.hn-wall-canvas .hn-camera-grid{--tile-height:min(calc((100cqw - (var(--wall-cols) - 1) * 6px) / var(--wall-cols) * .5625 + 28px), calc((100cqh - (var(--wall-rows) - 1) * 6px) / var(--wall-rows)));grid-template-rows:repeat(var(--wall-rows), minmax(0, var(--tile-height)));align-content:start;gap:6px}.hn-wall-canvas .hn-camera-grid:empty{display:none}.hn-wall-console .hn-camera-tile{border-radius:4px;flex-direction:column;min-height:0;display:flex}.hn-wall-console .hn-camera-video{aspect-ratio:auto;flex:1;min-height:0}.hn-wall-console .hn-camera-video>.hn-empty{height:100%;padding:8px}.hn-wall-console .hn-camera-video>.hn-empty h3{margin-block:3px;font-size:12px}.hn-wall-console .hn-camera-video>.hn-empty .hn-empty-mark{font-size:24px}.hn-wall-console .hn-tile-caption{flex:0 0 26px;height:26px;min-height:26px;padding:3px 8px}.hn-wall-console .hn-tile-caption strong{font-size:11px}.hn-wall-console .hn-tile-caption .hn-status{flex-shrink:0;font-size:10px}.hn-wall-console .hn-wall-footer{flex-wrap:wrap;flex:none;gap:4px 12px;min-height:30px;margin-top:6px}.hn-wall-footer .hn-wall-health{flex-wrap:wrap;gap:2px 16px;display:flex}.hn-wall-health>span,.hn-wall-health>button{min-height:28px;color:var(--hn-muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;padding:0;font-size:11px;display:inline-flex}.hn-wall-health>button:hover{color:var(--hn-text)}.hn-wall-footer .hn-wall-pages{gap:6px;margin-left:auto}.hn-wall-pages .hn-icon{width:28px;height:28px}.hn-wall-console .hn-monitor-aside{scrollbar-width:thin;flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.hn-wall-console .hn-monitor-aside>.hn-panel{flex-shrink:0}.hn-wall-console .hn-monitor-aside .hn-panel-title{padding:10px 12px}.hn-wall-console .hn-monitor-aside h2{font-size:13px}@media (width<=1050px){.hn-wall-console .hn-monitor-layout.has-directory{grid-template-columns:minmax(0,1fr)}.hn-wall-console .hn-monitor-aside{z-index:20;background:var(--hn-bg);border:1px solid var(--hn-border);border-radius:6px;width:min(300px,100%);padding:8px;position:absolute;top:42px;bottom:34px;right:0;box-shadow:0 8px 32px #0008}}@media (width<=760px),(width<=1050px) and (height<=500px) and (pointer:coarse){.hn-wall-console .hn-wall-toolbar{flex-wrap:wrap}.hn-wall-console .hn-board-tabs{flex-basis:100%}.hn-wall-console .hn-wall-tools{justify-content:flex-end;width:100%}.hn-wall-console .hn-segmented button{min-width:30px;height:30px}.hn-wall-canvas .hn-camera-grid{grid-template-rows:none;grid-auto-rows:auto}.hn-wall-console .hn-camera-video{aspect-ratio:16/9;flex:none}.hn-wall-console .hn-tile-caption .hn-status{display:none}.hn-wall-console .hn-monitor-aside{position:fixed;top:88px;bottom:78px;right:8px}.hn-wall-footer .hn-wall-health{gap:2px 12px}body:has(.hn-wall-console){min-width:0}.hn-main.hn-main--wall{height:auto;min-height:100dvh;padding:max(4px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) calc(82px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.hn-wall-console .hn-wall-toolbar{flex-wrap:nowrap;gap:4px;margin-bottom:6px}.hn-wall-console .hn-board-tabs{scrollbar-width:none;flex:1 1 0;gap:14px;width:auto;min-width:0}.hn-wall-console .hn-board-tabs button{flex-shrink:0;min-height:44px}.hn-wall-console .hn-wall-tools{gap:0;width:auto}.hn-wall-console .hn-wall-tools .hn-icon{width:44px;height:44px}.hn-wall-console .hn-segmented,.hn-wall-console .hn-wall-fullscreen{display:none}.hn-wall-console .hn-monitor-layout.has-directory{grid-template-columns:minmax(0,1fr)}.hn-wall-canvas{flex:none;container-type:normal}.hn-wall-canvas .hn-camera-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:10px}.hn-wall-console .hn-camera-video{aspect-ratio:16/9;touch-action:pan-y;flex:none}.hn-wall-console .hn-tile-caption{flex-basis:40px;height:40px;min-height:40px;padding:6px 10px}.hn-wall-console .hn-tile-caption strong{font-size:13px}.hn-wall-console .hn-tile-caption .hn-status{font-size:11px;display:inline-flex}.hn-wall-console .hn-monitor-aside{top:calc(54px + env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));position:fixed}}.hn-tile-open{z-index:2;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.hn-tile-open svg{opacity:.85;filter:drop-shadow(0 1px 3px #000);position:absolute;bottom:10px;right:10px}.hn-tile-open:focus-visible{outline-offset:-4px}.hn-wall-console .hn-camera-tile.is-viewed .hn-camera-video .video-frame,.hn-wall-console .hn-camera-tile.is-viewed .hn-camera-video>.hn-empty{inset:calc(52px + env(safe-area-inset-top)) 0 calc(52px + env(safe-area-inset-bottom));z-index:101;background:#030607;border:0;width:100vw;max-width:none;height:auto;min-height:0;position:fixed}.hn-wall-console .hn-camera-tile.is-viewed .hn-camera-video>.hn-empty{flex-direction:column;justify-content:center;display:flex}.hn-wall-console .hn-camera-tile.is-viewed.is-sliding .hn-camera-video .video-frame:not(.hn-camera-hq),.hn-wall-console .hn-camera-tile.is-viewed.is-sliding .hn-camera-video>.hn-empty{animation:.18s ease-out hn-camera-slide}@keyframes hn-camera-slide{0%{transform:translateX(var(--viewer-enter-x));opacity:.5}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.hn-wall-console .hn-camera-tile.is-viewed.is-sliding .hn-camera-video .video-frame,.hn-wall-console .hn-camera-tile.is-viewed.is-sliding .hn-camera-video>.hn-empty{animation:none}}.hn-mobile-viewer-backdrop{z-index:100;background:#030607;position:fixed;inset:0}.hn-mobile-viewer{z-index:102;width:100%;height:100dvh;color:var(--hn-text);overscroll-behavior:contain;touch-action:none;background:0 0;border:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.hn-mobile-viewer-header,.hn-mobile-viewer-footer{z-index:103;background:#0c1217;flex:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.hn-mobile-viewer-header{padding:calc(4px + env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left))}.hn-mobile-viewer-header .hn-button,.hn-mobile-viewer-footer .hn-button{background:0 0;border-color:#0000;flex-shrink:0;min-height:44px;padding:8px;font-size:12px}.hn-mobile-viewer-header .hn-icon{flex-shrink:0;width:44px;height:44px}.hn-mobile-viewer-title{text-align:center;flex-direction:column;flex:1;min-width:0;display:flex}.hn-mobile-viewer-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.hn-mobile-viewer-title span{color:var(--hn-muted);font-variant-numeric:tabular-nums;font-size:11px}.hn-mobile-viewer-stage{z-index:102;touch-action:none;flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:hidden}.hn-mobile-viewer-footer{padding:4px max(8px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.hn-mobile-viewer-footer>div{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.hn-mobile-viewer-footer>div>span{color:var(--hn-muted);font-size:10px}.hn-discovery-actions{align-items:center;gap:18px;margin-top:16px;display:flex}.hn-discovery-actions p{color:var(--hn-muted);max-width:520px;font-size:12px}.hn-discovery-summary{color:var(--hn-muted);margin:20px 0 14px;font-size:12px}.hn-discovery-summary:empty{display:none}.hn-discovery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;display:grid}.hn-discovery-card{border:1px solid var(--hn-border);background:var(--hn-panel);border-radius:8px;min-width:0;overflow:hidden}.hn-discovery-image{aspect-ratio:16/9;background:#060c10;position:relative;overflow:hidden}.hn-discovery-image img{object-fit:contain;width:100%;height:100%}.hn-discovery-placeholder{color:#8299a5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:100%;padding:20px;font-size:12px;display:flex}.hn-discovery-placeholder span{font-size:11px}.hn-discovery-stamp{color:#c4d8dd;background:#061017d9;border-radius:4px;padding:5px 8px;font-size:10px;position:absolute;bottom:10px;left:10px}.hn-discovery-body{padding:16px}.hn-discovery-address{color:var(--hn-accent);font-family:monospace;font-size:12px}.hn-discovery-body h3{overflow-wrap:anywhere;margin:7px 0 4px;font-size:16px}.hn-discovery-body p{color:#8299a5;overflow-wrap:anywhere;margin-top:5px;font-size:12px}.hn-discovery-error,.hn-discovery-body .hn-discovery-error{color:#e8b57d;margin-top:12px;font-size:12px}.hn-discovery-card-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.hn-discovery-card-actions .hn-button{flex:1;justify-content:center}.hn-discovery-selected{border:1px solid var(--hn-border);background:#060c10;border-radius:8px;margin:0 0 22px;overflow:hidden}.hn-discovery-selected img{object-fit:contain;width:100%;height:210px;display:block}.hn-discovery-selected figcaption{color:#8299a5;padding:10px 14px;font-size:11px}@media (width<=600px){.hn-discovery-actions{flex-direction:column;align-items:stretch;gap:10px}}@media (pointer:coarse) and (width<=1050px){html,body,#root{touch-action:pan-x pan-y}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}}.hn-wall-console.is-camera-focus{display:block}.hn-wall-console.is-camera-focus .hn-monitor-layout,.hn-wall-console.is-camera-focus .hn-monitor-layout.has-directory{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:22px}.hn-wall-console.is-camera-focus .hn-wall-section{display:block}.hn-wall-console.is-camera-focus .hn-wall-toolbar,.hn-wall-console.is-camera-focus .hn-wall-footer,.hn-wall-console.is-camera-focus .hn-monitor-aside{display:none}.hn-wall-console.is-camera-focus .hn-wall-canvas{aspect-ratio:16/9;border:1px solid var(--hn-border);background:#030607;border-radius:8px;flex:none;height:auto;position:relative;overflow:hidden;container-type:normal}.hn-wall-console.is-camera-focus .hn-wall-canvas .hn-camera-grid{width:100%;height:100%;display:block}.hn-wall-console.is-camera-focus .hn-camera-tile{display:none}.hn-wall-console.is-camera-focus .hn-camera-tile.is-focused{border:0;border-radius:0;height:100%;display:flex}.hn-wall-console.is-camera-focus .hn-camera-tile.is-focused .hn-camera-video{flex:1;min-height:0}.hn-wall-console.is-camera-focus .hn-camera-tile.is-focused .hn-tile-caption,.hn-wall-console.is-camera-focus .hn-camera-tile.is-focused .hn-tile-corner,.hn-wall-console.is-camera-focus .hn-camera-tile.is-focused .hn-tile-expand{display:none}.hn-wall-console.is-camera-focus .hn-focus-aside{flex-direction:column;gap:18px;min-width:0;display:flex}.hn-wall-console.is-camera-focus .hn-wall-canvas:fullscreen{aspect-ratio:auto;border:0;border-radius:0;width:100vw;height:100vh}@media (width<=1050px){.hn-wall-console.is-camera-focus .hn-monitor-layout,.hn-wall-console.is-camera-focus .hn-monitor-layout.has-directory{grid-template-columns:minmax(0,1fr) 225px;gap:17px}}@media (width<=760px){.hn-wall-console.is-camera-focus .hn-monitor-layout,.hn-wall-console.is-camera-focus .hn-monitor-layout.has-directory{grid-template-columns:minmax(0,1fr)}}.video-frame__startup-badge{z-index:2;color:#d4e5e5;pointer-events:none;background:#071015c9;border-radius:4px;padding:4px 7px;font-size:10px;position:absolute;bottom:8px;left:8px}