@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--live-max:1600px;--bg:#07090d;--panel:#0d1117;--panel-2:#131922;--line:#1c2430;--line-strong:#2a3442;--text:#eef2f8;--muted:#7e8a9c;--accent:#6d5dfc;--accent-text:#a99fff;--accent-soft:#6d5dfc24;--accent-glow:#6d5dfc59;--ok-dot:#8b7dff;--on-accent:#fff;--pending:#f5a524;--pending-soft:#f5a5241f;--alert:#f04d5a;--alert-soft:#f04d5a1f;--cooldown:#8a94a6;--font:"Geist Variable", system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, monospace;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}a{color:var(--accent-text);text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.muted{color:var(--muted)}.shell{grid-template-columns:248px 1fr;height:100dvh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;gap:18px;min-height:0;padding:20px 16px;display:flex;overflow:auto}.brand{align-items:center;gap:10px;padding:4px 8px;font-size:16px;font-weight:600;display:flex}.brand img{width:28px;height:28px;filter:drop-shadow(0 0 10px var(--accent-glow))}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-weight:500;display:flex}.nav a:hover{color:var(--text);background:var(--panel-2)}.nav a.active{color:var(--text);background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.nav .soon{color:var(--muted);font-size:11px;font-family:var(--mono)}.main{flex-direction:column;min-width:0;height:100%;min-height:0;padding:20px 32px 76px;display:flex;overflow:auto}.main>*{flex-shrink:0}.page-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{font-size:34px}.page-head p{color:var(--muted);margin:6px 0 0}.edge-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:8px;margin-top:auto;padding:14px;font-size:12.5px;display:grid}.edge-card .row{justify-content:space-between;gap:8px;display:flex}.edge-card .title{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.dot{background:var(--cooldown);border-radius:50%;flex:none;width:8px;height:8px}.dot.ok{background:var(--ok-dot);box-shadow:0 0 0 3px var(--accent-soft)}.dot.warn{background:var(--pending);box-shadow:0 0 0 3px var(--pending-soft)}.dot.bad{background:var(--alert);box-shadow:0 0 0 3px var(--alert-soft)}.strip{max-width:var(--live-max);grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:16px 18px}.stat .label{color:var(--muted);font-size:12.5px}.stat .value{overflow-wrap:anywhere;letter-spacing:-.03em;margin-top:6px;font-size:clamp(26px,2.6vw,40px);font-weight:600;line-height:1.1}.stat .value small{color:var(--muted);font-size:16px;font-weight:500}.grid-2x2{max-width:var(--live-max);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fit .grid-2x2{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));max-width:none;min-height:0;container-type:size}.fit .tile{aspect-ratio:16/9;place-self:center;width:min(100%,88.8889cqh - 10.6667px);height:auto}.fit .grid-2x2:not(.single):not(.only) .tile:nth-child(odd){justify-self:end}.fit .grid-2x2:not(.single):not(.only) .tile:nth-child(2n){justify-self:start}.fit .grid-2x2:not(.single):not(.only) .tile:nth-child(-n+2){align-self:end}.fit .grid-2x2:not(.single):not(.only) .tile:nth-child(n+3){align-self:start}.fit .close-card{flex:none;max-height:26%;margin-top:12px;overflow:auto}.fit .setup{max-height:22%;overflow:auto}.tile{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);cursor:zoom-in;-webkit-user-select:none;user-select:none;background:#000;position:relative;overflow:hidden;container-type:inline-size}.tile iframe{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.tile .top{z-index:3;background:linear-gradient(#0009,#0000);justify-content:space-between;align-items:center;padding:6px 8px;font-size:11.5px;display:flex;position:absolute;inset:0 0 auto}.tile .cam-name{align-items:center;gap:8px;font-weight:600;display:flex}.tile .cam-num{font-family:var(--mono);color:var(--accent-text)}.chip{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07090dcc;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;display:inline-flex}.region{border:1.5px solid var(--accent);z-index:1;box-shadow:0 0 0 1px #0006, 0 0 18px var(--accent-glow) inset;border-radius:4px;position:absolute}.region span{background:var(--accent);color:var(--on-accent);font:600 10px var(--mono);border-radius:4px 0;padding:0 4px;position:absolute;top:-1px;left:-1px}.tile .offline{color:var(--muted);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center;color:var(--muted);background:var(--panel);padding:40px}.empty strong{color:var(--text);margin-bottom:6px;font-size:16px;display:block}.tile.tone-pending{border-color:var(--pending);box-shadow:0 0 0 1px var(--pending), 0 0 28px var(--pending-soft)}.tile.tone-alert{border-color:var(--alert);box-shadow:0 0 0 1px var(--alert), 0 0 32px #f04d5a40;border-width:2px;animation:1.6s ease-in-out infinite alert-pulse}.region.tone-pending{border-color:var(--pending);box-shadow:0 0 0 1px #0006, 0 0 18px var(--pending-soft) inset}.region.tone-pending span{background:var(--pending);color:#1a1200}.region.tone-alert{border-color:var(--alert);box-shadow:0 0 0 1px #0006,inset 0 0 18px #f04d5a40}.region.tone-alert span{background:var(--alert)}.chip.tone-pending{border-color:#f5a52499}.chip.tone-alert{border-color:#f04d5a99}.small{font-size:12px}.pad{margin:0;padding:4px 18px 18px}.spacer{flex:1}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.nav .count{background:var(--alert);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:1px 6px;font-size:11px}.btn{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);font:500 13px var(--font);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){box-shadow:0 0 18px var(--accent-glow);border-color:var(--accent)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.btn.danger{color:#ff8d96;background:0 0;border-color:#f04d5a66}.btn.small{padding:4px 8px;font-size:12px}input,select,textarea{border:1px solid var(--line-strong);background:var(--bg);width:100%;color:var(--text);font:13.5px var(--font);border-radius:8px;padding:8px 10px}input.mono,textarea.mono{font-family:var(--mono)}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical}input[type=checkbox]{width:auto;accent-color:var(--accent)}.field{color:var(--muted);gap:6px;font-size:12.5px;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-row.three{grid-template-columns:repeat(3,1fr)}.check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-error{color:#ff8d96;margin:0;font-size:12.5px}.state{align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.state .muted{margin-left:2px}.state.tone-pending{color:var(--pending)}.state.tone-alert{color:#ff8d96}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar select{width:auto;min-width:200px}.segmented{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);font:500 13px var(--font);cursor:pointer;background:0 0;border:0;border-radius:7px;gap:6px;padding:6px 12px;display:inline-flex}.segmented button.on{background:var(--accent-soft);color:var(--text)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03040799;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{gap:14px;width:min(620px,100%);max-height:calc(100vh - 32px);padding:22px;display:grid;overflow:auto}.modal h2{font-size:20px}.main>.fit{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.fit-scroll{flex:auto;align-content:start;min-height:0;overflow:auto}.fit .page-head{flex:none;margin-bottom:12px}.fit .page-head h1{font-size:28px}.fit .page-head p{margin-top:2px}.fit .toolbar,.fit .hours-note,.fit .cam-tabs,.fit .strip,.fit .setup{flex:none}.fit .toolbar{margin-bottom:10px}.fit .strip,.fit .hours-note{margin-bottom:12px}.alerts-layout{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:16px;display:grid}.alert-list{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.alert-row{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.alert-row:hover{border-color:var(--line-strong)}.alert-row.selected{border-color:var(--accent);background:var(--accent-soft)}.alert-row img{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:6px;width:72px}.alert-text{gap:1px;min-width:0;font-size:13px;display:grid}.alert-text>strong,.alert-text .cam{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alert-meta{align-items:baseline;gap:8px;min-width:0;display:flex}.alert-meta .when{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.alert-meta .times{color:var(--text);flex:none;font-weight:600}.badge{border:1px solid var(--line-strong);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11.5px}.badge.status-Open{color:var(--pending);background:var(--pending-soft);border-color:#f5a52466}.badge.status-Confirmed{color:#ff8d96;background:var(--alert-soft);border-color:#f04d5a66}.badge.status-FalseAlarm,.badge.status-Mixed{color:var(--muted)}.occ-nav{align-items:center;gap:8px;display:flex}.alert-detail{overflow:hidden}.alert-detail .snapshot{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;display:block}.detail-body{gap:12px;padding:14px 16px 16px;display:grid}.detail-body h2{font-size:20px}.detail-copy{gap:10px;min-height:0;display:grid}.detail-copy p{margin:4px 0 0}.fit .alerts-layout{flex:1;align-items:stretch;min-height:0}.fit .alerts-layout>*{min-height:0}.fit .alert-detail{flex-direction:column;height:100%;display:flex}.fit .alert-detail .snapshot,.fit video.snapshot{aspect-ratio:auto;object-fit:contain;flex:1 1 0;width:100%;height:0;min-height:0}.fit .detail-body{flex-direction:column;flex:0 auto;gap:10px;min-height:0;max-height:46%;display:flex;overflow:hidden}.fit .detail-copy{overflow:auto}.fit .detail-body .actions,.fit .detail-body .form-error{flex:none}.detail-body p{margin:4px 0 0}.facts{grid-template-columns:110px 1fr;gap:6px 12px;margin:0;font-size:13px;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0}.rule-groups{align-content:start;gap:16px;max-width:1200px;display:grid}.fit .rule-groups{flex:1;gap:10px;max-width:none;min-height:0;overflow:auto}.rule-group>header{align-items:center;gap:12px;padding:14px 18px;display:flex}.rule-group>header h2{flex:1;font-size:15px}.cam-num{color:var(--accent-text);font-weight:600}table.rules{border-collapse:collapse;width:100%;font-size:13px}table.rules th{text-align:left;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 18px;font-size:12px;font-weight:500}table.rules td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 18px}table.rules tr:last-child td{border-bottom:0}table.rules tr.off td:not(.row-actions){opacity:.5}.row-actions{white-space:nowrap;text-align:right}.region-tag{color:var(--accent-text);font-size:12px}.switch{vertical-align:middle;width:34px;height:20px;margin-right:6px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch span{background:var(--line-strong);border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:var(--text);border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(14px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.cam-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.cam-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);font:500 13px var(--font);cursor:pointer;border-radius:9px;padding:8px 14px}.cam-tabs button.on{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.cam-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.canvas-wrap{gap:8px;display:grid}.fit .cam-layout{flex:1;align-items:stretch;min-height:0}.fit .canvas-wrap{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}.fit .stage-slot{place-items:center;min-height:0;display:grid;container-type:size}.fit .cam-side{align-content:start;min-height:0;overflow:auto}.stage{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;background:#000;position:relative;overflow:hidden}.fit .stage{aspect-ratio:16/9;width:min(100cqw,177.778cqh);height:auto;max-height:100%}.stage img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage .offline{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.last-frame{object-fit:cover;filter:saturate(.6)brightness(.8);width:100%;height:100%;position:absolute;inset:0}.last-frame-tag{z-index:1;border:1px solid var(--line-strong);color:var(--muted);background:#07090dcc;border-radius:999px;padding:3px 8px;font-size:11.5px;position:absolute;bottom:34px;left:10px}.stage .last-frame-tag{bottom:10px}.picture-tag{font:inherit;cursor:pointer;color:var(--text);font-size:11.5px;text-decoration:none}.picture-tag:hover:not(:disabled){border-color:var(--accent)}.picture-tag:disabled{cursor:default;color:var(--muted)}.alert-tag{border-color:#f04d5a99}.tile .live-btn{border-color:#f04d5a99;gap:4px;padding:2px 7px;font-size:11px}.live-btn.on{background:#f04d5a33}.tile .picture-tag,.tile .last-frame-tag{z-index:3;padding:1px 7px;font-size:10.5px;top:30px;bottom:auto;left:8px}.tile .no-picture.still{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.live-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.region.edit{cursor:move;background:#6d5dfc14}.region.edit em{font:500 10.5px var(--mono);color:var(--accent-text);text-shadow:0 1px 2px #000;font-style:normal;position:absolute;top:3px;right:4px}.region.edit.selected{box-shadow:0 0 0 1px #000a, 0 0 24px var(--accent-glow);border-width:2px}.region.edit.ignore{border-style:dashed;border-color:var(--muted);box-shadow:none;background:#000a}.region.edit.ignore span{background:var(--line-strong);color:var(--text)}.region.edit i{background:var(--text);border:2px solid var(--accent);cursor:nwse-resize;border-radius:3px;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.region.drawing{background:#6d5dfc22;border-style:dashed}.stage.dragging .region{transition:none}.canvas-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.cam-side{gap:16px;display:grid}.side-card{gap:12px;padding:16px;display:grid}.side-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.side-title h2{font-size:15px}.region-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.region-list li{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.region-list li>.region-tag{flex:none;width:30px}.region-list li>input:not([type=checkbox]){flex:150px;min-width:0}.region-list li>.check{margin-left:auto}.cam-rules{gap:4px;margin:0;padding:0;list-style:none;display:grid}.cam-rules button{border:1px solid var(--line);width:100%;color:var(--text);font:500 13px var(--font);text-align:left;cursor:pointer;background:0 0;border-radius:8px;grid-template-columns:auto 34px 1fr auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.cam-rules button:hover,.cam-rules button:focus-visible{border-color:var(--accent);outline:none}.cam-rules .rule-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.region-list input:not([type=checkbox]){padding:6px 8px}.settings{gap:14px;max-width:860px;display:grid}.fit .settings{grid-template-columns:1fr 1fr;align-content:start;max-width:none}.fit .settings>.section-title,.fit .settings>.note,.fit .settings>.hours-card{grid-column:1/-1}.fit .settings>section:has(table){grid-column:1/-1}.fit .hours-grid{grid-template-columns:1fr 1fr;column-gap:28px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:10px;font-size:13px}.note{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:10px;margin:0;padding:12px 14px;font-size:13px}.note.warn{background:var(--pending-soft);color:var(--text);border-color:#f5a52455}.role-card{gap:12px;padding:16px 18px;display:grid}.role-card>header{justify-content:space-between;align-items:start;gap:16px;display:flex}.role-card h2{font-size:15px}.role-card header p{max-width:560px;margin:4px 0 0}.role-summary{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.pad-x{margin:0}.model-form{border-top:1px solid var(--line);gap:12px;padding-top:4px;display:grid}.model-form .field em{font-style:normal}.btn.link{justify-self:start;padding-left:0}video.snapshot{aspect-ratio:16/9;background:#000;width:100%;display:block}@media (width<=900px){.alerts-layout,.cam-layout,.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.main{padding:24px 16px 76px}.strip{grid-template-columns:repeat(2,1fr)}.grid-2x2{grid-template-columns:1fr}}.today{grid-template-columns:auto 1fr;align-items:center;gap:10px 24px;display:grid}.today>.muted.small:last-child{grid-column:1/-1}.today .big{letter-spacing:-.03em;font-size:34px;font-weight:600;line-height:1.1}.meter{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.meter span{background:var(--accent);border-radius:999px;height:100%;display:block}.meter.tone-pending span{background:var(--pending)}.meter.tone-alert span{background:var(--alert)}.btn.inline{color:var(--accent-text);padding:0 4px;font-size:11.5px}.strip-note{max-width:var(--live-max);margin-bottom:16px}th.num,td.num,table.rules th.num{text-align:right}.chart{gap:6px;display:grid}.bars{border-bottom:1px solid var(--line-strong);grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:4px;height:160px;display:grid;position:relative}.bar-slot{cursor:default;outline:none;justify-content:center;align-items:flex-end;height:100%;display:flex}.bar-slot:hover,.bar-slot.on,.bar-slot:focus-visible{background:#ffffff08;border-radius:4px 4px 0 0}.bar{background:var(--accent);border-radius:4px 4px 0 0;width:min(70%,28px)}.bar-slot.on .bar{background:var(--accent-text)}.bar.empty-bar{background:var(--line-strong);border-radius:0;height:2px}.ref-line{border-top:1px dashed var(--muted);pointer-events:none;z-index:1;position:absolute;left:0;right:0}.ref-line span{color:var(--muted);font-size:11px;position:absolute;top:-18px;right:0}.axis{color:var(--muted);text-align:center;white-space:nowrap;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;font-size:11px;display:grid}.tip{z-index:3;pointer-events:none;border:1px solid var(--line-strong);background:var(--panel-2);white-space:nowrap;border-radius:8px;gap:2px;padding:8px 10px;font-size:12px;display:grid;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);box-shadow:0 8px 24px #0008}.lib-note{margin-bottom:16px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.lib-card{align-content:start;gap:10px;padding:16px 18px;display:grid}.lib-card h2{font-size:16px}.lib-card p{margin:0}.lib-question{font-size:13.5px}.lib-card .facts{grid-template-columns:90px 1fr;font-size:12.5px}.estimate{color:var(--text);margin-top:6px}.analytics{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.strip.wide{max-width:none;margin-bottom:0}.stat .value+.muted{margin-top:4px}.block{padding-bottom:6px}.block>.chart{padding:8px 18px 14px}.block>.chart .bars{margin-top:70px}.block-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;padding:16px 18px 8px;display:flex}.block-head h2{font-size:15px}.block-head p{max-width:640px;margin:4px 0 0}.block-head select{width:auto;min-width:240px}.hours .bars{height:180px}.ramp{align-items:center;gap:6px;display:inline-flex}.ramp span{display:inline-flex}.ramp i{width:18px;height:10px}.ramp i:first-child{border-radius:3px 0 0 3px}.ramp i:last-child{border-radius:0 3px 3px 0}.heat-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:8px 18px 14px;display:grid}.heat-tile{gap:6px;margin:0;display:grid}.heat-stage{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:8px;position:relative;overflow:hidden}.heat-stage img{object-fit:cover;filter:grayscale()brightness(.55);width:100%;height:100%;position:absolute;inset:0}.heat-cells{grid-auto-rows:1fr;display:grid;position:absolute;inset:0}.heat-tile figcaption{justify-content:space-between;gap:8px;font-size:13px;display:flex}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;display:inline-flex}.legend span{align-items:center;gap:6px;display:inline-flex}.sw{border-radius:3px;width:10px;height:10px;display:inline-block}.sw.confirmed,.stack .confirmed{background:var(--alert)}.sw.false,.stack .false{background:var(--cooldown)}.sw.open,.stack .open{background:var(--pending)}.stack{gap:2px;min-width:6px;height:10px;display:flex}.stack i{border-radius:0;display:block}.stack i:first-child{border-radius:4px 0 0 4px}.stack i:last-child{border-radius:0 4px 4px 0}.stack i:only-child{border-radius:4px}th.wide-col{width:40%}@media (width<=900px){.today,.lib-grid{grid-template-columns:1fr}}.boot{place-items:center;min-height:100vh;display:grid}.topbar{display:none}.shop-name{color:var(--muted);margin-top:-14px;padding:0 10px;font-size:12.5px;display:block}.shop-picker{margin-top:-10px}.topbar .shop-picker{max-width:60vw;margin:0;padding:5px 8px;font-size:13px}.user-card{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:12px 4px 0;display:flex}.user-name{color:var(--text);min-width:0;font-size:13px;font-weight:500;display:grid}.edge-card+.user-card{margin-top:0}.nav+.user-card{margin-top:auto}.auth-page{place-content:center;justify-items:center;gap:20px;min-height:100vh;padding:24px 16px;display:grid}.auth-page>.brand{color:var(--text)}.auth-card{gap:14px;width:min(420px,100vw - 32px);padding:26px;display:grid}.auth-card h1{font-size:24px}.auth-card p{margin:0}.auth-form{gap:14px;display:grid}.btn.wide{justify-content:center;width:100%;padding:10px}.landing{max-width:1080px;margin:0 auto;padding:20px 24px 40px}.landing-bar{justify-content:space-between;align-items:center;display:flex}.hero{gap:20px;max-width:760px;padding:96px 0 72px;display:grid}.hero h1{letter-spacing:-.035em;font-size:clamp(36px,6vw,60px);line-height:1.04}.hero .lede{color:var(--muted);max-width:620px;margin:0;font-size:18px}.eyebrow{color:var(--accent-text);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12.5px}.features{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.features article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:20px}.features h2{margin-bottom:8px;font-size:16px}.features p{color:var(--muted);margin:0}.landing-foot{border-top:1px solid var(--line);margin-top:56px;padding-top:20px}.setup{max-width:var(--live-max);margin-bottom:16px;padding:16px 18px}.setup>header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.setup h2{font-size:16px}.setup ol{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 16px;margin:0;padding:0;list-style:none;display:grid}.setup li{align-items:start;gap:10px;font-size:13.5px;display:flex}.setup li.done{color:var(--muted)}.setup li.done span:not(.step-mark){text-decoration:line-through}.step-mark{width:22px;height:22px;font:600 11px var(--mono);border:1px solid var(--line-strong);color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.setup li.done .step-mark{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.setup li.next .step-mark{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.setup .note{margin-top:12px}.tile img.still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cam-tabs .add-tab{color:var(--accent-text);border-style:dashed}.new-camera{max-width:760px}.code-input{letter-spacing:.12em;max-width:260px;font-size:22px}.link-row{gap:8px;margin-top:8px;display:flex}.link-row input{flex:1;min-width:0}.model-form.flush{border-top:0;padding-top:0}.pad-form{padding:14px 18px 16px}.invite-row{grid-template-columns:1fr 1fr auto;align-items:end}.inline-select{width:auto;padding:4px 8px}.settings.wide{max-width:1200px}.table-wrap{overflow-x:auto}@media (width<=900px){.shell{height:auto;min-height:100dvh;display:block;overflow:visible}.main{height:auto;display:block;overflow:visible}.fit{display:block;overflow:visible}.fit .grid-2x2{grid-template-rows:none;container-type:normal}.fit .tile,.fit .stage{width:100%;max-height:none}.fit .canvas-wrap{grid-template-rows:auto auto;height:auto}.fit .stage-slot{display:block;container-type:normal}.fit .alert-detail{height:auto;display:block}.fit .alert-detail .snapshot,.fit video.snapshot{aspect-ratio:16/9;flex:none;height:auto}.fit .detail-body{max-height:none;display:grid;overflow:visible}.fit .cam-side,.fit .rule-groups,.fit .close-card,.fit .setup{height:auto;max-height:none;overflow:visible}.fit-scroll{overflow:visible}.fit .settings,.fit .hours-grid{grid-template-columns:1fr}.topbar{z-index:30;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar-shop{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.sidebar{display:none}.menu-open .sidebar{z-index:25;border-right:0;height:auto;display:flex;position:fixed;inset:53px 0 0;overflow:auto}.sidebar>.brand{display:none}.page-head{flex-direction:column;align-items:start}.page-head h1{font-size:28px}:is(.panel:has(>table),.rule-group){overflow-x:auto}table.rules{min-width:560px}.field-row,.field-row.three,.invite-row{grid-template-columns:1fr}.alert-row{grid-template-columns:72px 1fr}.alert-row img{width:72px}.alert-row .badge{grid-column:2;justify-self:start}.modal{padding:18px}.today .big{font-size:28px}.block-head select{width:100%;min-width:0}.hero{padding:56px 0 40px}.axis span{font-size:10px}}.paused-banner{background:var(--pending-soft);border:1px solid #f5a52466;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:-12px 0 20px;padding:10px 14px;font-size:13.5px;display:flex}.paused-banner>span:nth-child(2){flex:1;min-width:220px}.pause-menu{position:relative}.pause-icon{border-left:3px solid;border-right:3px solid;width:10px;height:11px;display:inline-block}.pause-menu .menu,.cam-pause-menu{z-index:15;width:300px;max-width:calc(100vw - 32px);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #000a}.pause-menu .menu button,.cam-pause-menu>button{text-align:left;color:var(--text);font:500 13px var(--font);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px}.pause-menu .menu button:hover,.pause-menu .menu button:focus-visible,.cam-pause-menu>button:hover,.cam-pause-menu>button:focus-visible{background:var(--accent-soft);outline:none}.menu-note{border-bottom:1px solid var(--line);margin-bottom:4px;padding:6px 10px 8px}.menu-custom{border-top:1px solid var(--line);align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.menu-custom input{width:64px;min-width:0}.menu-custom input[type=datetime-local]{flex:1;width:auto}.pause-menu .menu .menu-custom button{width:auto;padding:4px 10px}.cam-pause-menu{z-index:40;max-height:calc(100dvh - 16px);position:fixed;overflow:auto}@media (width<=900px){.pause-menu .menu{left:0;right:auto}.paused-banner{margin-top:0}}.hours-note{align-items:center;gap:10px;margin-bottom:16px;display:flex}.hours-grid{gap:6px;display:grid}.hours-row{flex-wrap:wrap;align-items:center;gap:10px;min-height:34px;display:flex}.hours-row .check{width:72px}.hours-row .day{font-weight:500}.hours-row input[type=time]{width:140px}.hours-row.closed .day{color:var(--muted)}.close-check-setting{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.inline-field{align-items:center;gap:8px;display:inline-flex}.inline-field input{width:72px}.close-check-toggle{align-self:end;padding-bottom:9px}.close-card{max-width:var(--live-max);gap:10px;margin-top:16px;padding:14px 16px;display:grid}.close-card>header{justify-content:space-between;align-items:start;gap:12px;display:flex}.close-card.empty-card p{margin:4px 0 0}.close-result{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.close-items{gap:6px;margin:0;padding:0;list-style:none;display:grid}.close-items li{grid-template-columns:18px 1fr auto;align-items:start;gap:8px;font-size:13px;display:grid}.close-items .mark{text-align:center;font-weight:600}.close-items .pass .mark{color:var(--accent-text)}.close-items .fail .mark{color:var(--alert)}.close-items img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:6px;width:120px;display:block}.close-history{align-items:center;gap:5px;display:flex}.close-history .pip{background:var(--accent);border-radius:3px;width:10px;height:10px}.close-history .pip.bad{background:var(--alert)}@media (width<=600px){.close-items li{grid-template-columns:18px 1fr}.close-items a{grid-column:2}}.tile .tile-actions{align-items:center;gap:6px;display:inline-flex}.tile .tile-switch{transform-origin:100%;transform:scale(.85)}.tile.monitoring-off .region{opacity:.35}.tile.monitoring-off:after{content:"";pointer-events:none;z-index:1;background:#07090d66;position:absolute;inset:0}.chip.test-chip{color:var(--pending);border-color:#f5a52466;margin-left:4px}.upload-progress{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;height:22px;position:relative;overflow:hidden}.upload-progress span{background:var(--accent-soft);border-right:2px solid var(--accent);position:absolute;inset:0 auto 0 0}.upload-progress em{text-align:center;font-style:normal;line-height:20px;display:block;position:relative}.alerts-fab{z-index:40;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #0008}.alerts-fab:hover{border-color:var(--accent)}.alerts-fab.has-open{border-color:#f5a52488}.alerts-fab .count{background:var(--alert);color:#fff;border-radius:999px;padding:0 7px;font-size:11.5px;line-height:18px}.drawer-backdrop{z-index:50;background:#0007;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{border-width:0 0 0 1px;border-radius:0;flex-direction:column;gap:10px;width:min(420px,100vw);height:100%;padding:16px 16px 0;display:flex;overflow:hidden}.drawer>header{justify-content:space-between;align-items:start;gap:12px;display:flex}.drawer h2{font-size:16px}.drawer header p{margin:2px 0 0}.drawer-links{flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.quick-list{align-content:start;gap:8px;margin:0;padding:0 0 16px;list-style:none;display:grid;overflow:auto}.quick-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.quick-list li.status-Open{border-color:#f5a52455}.quick-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:96px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.quick-item:hover{background:var(--panel-2)}.quick-item img{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:6px;width:96px}.quick-text{gap:2px;min-width:0;display:grid}.quick-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.quick-review{gap:8px;padding:0 8px 8px 114px;display:flex}@media (width<=600px){.alerts-fab span:not(.count){display:none}.quick-review{padding-left:8px}}.place-picker{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;max-width:1200px;margin-bottom:14px;display:grid}.place-picker button{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;gap:3px;padding:12px 14px;display:grid;position:relative}.place-picker button:hover{border-color:var(--line-strong)}.place-picker button.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.place-picker strong{font-size:14px}.place-picker .count-tag{color:var(--muted);position:absolute;top:12px;right:14px}.history-buttons{flex:none;gap:4px;display:inline-flex}.clear-alerts{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.toolbar .spacer,.drawer-links .spacer{flex:1}.badge.yours{color:var(--accent-text);border-color:var(--accent)}.place-checks{border:0;flex-wrap:wrap;align-items:center;gap:16px;margin:0;padding:0;display:flex}.place-checks legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:12.5px}.library-picker{border:1px dashed var(--line-strong);border-radius:var(--radius);gap:6px;padding:10px 12px;display:grid}.tile-results{z-index:3;pointer-events:none;background:linear-gradient(#0000,#000b 45%);gap:2px;margin:0;padding:14px 8px 6px;font-size:11px;list-style:none;display:grid;position:absolute;inset:auto 0 0}.tile-results li{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.tile-results .rule-name{text-overflow:ellipsis;flex:0 100 auto;min-width:2ch;font-weight:600;overflow:hidden}.tile-results .answer{color:var(--text);flex:none}.tile-results .muted{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.tile-results .dot{width:6px;height:6px;box-shadow:none}.update-banner{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);flex:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;font-size:13px;display:flex}.tile .alert-banner{z-index:3;color:#fff;letter-spacing:.01em;text-shadow:0 1px 2px #0008;background:#d93644b3;gap:2px;padding:4px 10px;font-size:12px;display:grid;position:absolute;top:42px;left:0;right:0}.tile .alert-banner strong{text-transform:uppercase;letter-spacing:.06em}.tile .alert-mark{color:#d93644;width:15px;height:15px;text-shadow:none;background:#fff;border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:800;display:inline-grid}@keyframes alert-pulse{0%,to{box-shadow:0 0 0 1px var(--alert), 0 0 18px #f04d5a40}50%{box-shadow:0 0 0 4px var(--alert), 0 0 44px #f04d5a99}}@media (prefers-reduced-motion:reduce){.tile.tone-alert{box-shadow:0 0 0 3px var(--alert), 0 0 32px #f04d5a66;animation:none}}.sensitivity{gap:6px;display:grid}.sensitivity-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sensitivity-row input[type=range]{min-width:120px;max-width:320px;accent-color:var(--accent);flex:160px}.sensitivity-row output{min-width:4ch;font-weight:600}.all-sensitivity{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:12px;padding:12px 14px;display:flex}.fit .all-sensitivity{flex:none}.answer .sure{color:var(--muted);font-weight:400}.live-body{gap:12px;display:flex}.live-body>.grid-2x2{flex:1;min-width:0}.fit .live-body{flex:1;min-height:0}.tile-results .tune-btn{pointer-events:auto;cursor:pointer;color:var(--text);font:600 10px var(--mono);background:#0009;border:1px solid #ffffff40;border-radius:999px;flex:none;margin-left:auto;padding:0 6px}.tile-results .tune-btn:hover,.tile-results .tune-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.tile-results li.tuning .rule-name{color:var(--accent-text)}.tune-panel{flex-direction:column;flex:none;gap:12px;width:380px;min-height:0;padding:16px;display:flex;overflow:auto}.tune-panel>header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tune-panel h2{margin:2px 0 0;font-size:17px}.tune-now{background:var(--panel-2);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.tune-now.tone-alert{background:var(--alert-soft)}.tune-now.tone-pending{background:var(--pending-soft)}.tune-actions{flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;display:flex}.tune-summary{margin:0;font-size:13px}.tune-list{flex:auto;gap:2px;min-height:120px;display:grid;overflow:auto}.tune-row{border-radius:6px;grid-template-columns:92px minmax(34px,max-content) minmax(40px,1fr) 34px 34px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:grid}.tune-row:nth-child(odd){background:#ffffff06}.tune-row.counts{background:var(--alert-soft)}.tune-row .when{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tune-row .answer{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.tune-row.reused>:not(.sure-bar){opacity:.55}.tune-row .sure{text-align:right}.tune-row .sure-bar{background:var(--line);border-radius:3px;height:6px;position:relative}.tune-row .sure-bar span{background:var(--ok-dot);border-radius:3px;position:absolute;inset:0 auto 0 0}.tune-row.counts .sure-bar span{background:var(--alert)}.tune-row .sure-bar i{background:var(--text);width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.tune-row .verdict{color:var(--muted);font-size:11px}.tune-row .verdict.bad{color:var(--alert);font-weight:600}.tune-divider{color:var(--accent-text);align-items:center;gap:8px;margin:6px 0;display:flex}.tune-divider:before,.tune-divider:after{content:"";background:var(--accent);opacity:.5;flex:1;height:1px}@media (width<=900px){.live-body{flex-direction:column}.tune-panel{width:auto}}.tile .alert-line{align-items:center;gap:8px;min-width:0;display:flex}.tile .alert-msg{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip-btn{cursor:pointer;font:inherit;color:inherit}.chip-btn:hover{border-color:var(--alert)}.chip-btn .caret{opacity:.8;font-size:10px}.tile .alert-banner .alert-sure{white-space:nowrap}.tile .alert-banner .needs{opacity:.85;font-size:11px}.focus-bar{flex:none;align-items:center;gap:12px;margin-bottom:10px;display:flex}.grid-2x2.single,.grid-2x2.only{grid-template-columns:minmax(0,1fr)}.fit .grid-2x2.single,.fit .grid-2x2.only{grid-template-rows:minmax(0,1fr)}.fit .grid-2x2.single .tile,.fit .grid-2x2.only .tile{width:min(100%,177.778cqh)}.tile[hidden]{display:none}.grid-2x2.single .tile{cursor:zoom-out}.grid-2x2.single .tile-results,.grid-2x2.only .tile-results{padding:18px 12px 8px;font-size:12px}.strip[hidden]{display:none}.period-totals{flex-wrap:wrap;gap:8px 28px;margin:4px 0 14px;display:flex}.period-totals .label{color:var(--muted);font-size:12px}.period-totals .value{font-size:18px;font-weight:600}.rule-hours{gap:3px;padding:4px 18px 14px;display:grid;overflow-x:auto}.rule-hours-row{grid-template-columns:minmax(140px,220px) repeat(24,minmax(14px,1fr)) 56px;align-items:center;gap:3px;min-width:560px;display:grid}.rule-hours-row .rule-label{text-overflow:ellipsis;white-space:nowrap;padding-right:8px;font-size:12.5px;overflow:hidden}.rule-hours-row .cell{border-radius:3px;outline:none;height:22px}.rule-hours-row .cell.none{border:1px dashed var(--line)}.rule-hours-row .cell:hover,.rule-hours-row .cell:focus-visible{box-shadow:0 0 0 2px var(--text)}.rule-hours-row .total{text-align:right;font-size:12.5px}.rule-hours-row.head .hour-label,.rule-hours-row.head .total-label{font:11px var(--mono);color:var(--muted)}.rule-hours-row.head .total-label{text-align:right;font-family:var(--font)}.rule-hours-tip{min-height:1.4em;margin:8px 0 0}.no-picture{aspect-ratio:16/9;border:1px dashed var(--line-strong);color:var(--muted);background:var(--panel-2);border-radius:6px;place-items:center;font-size:11px;display:grid}.alert-row .no-picture{width:72px}.quick-item .no-picture{flex:none;width:96px}.alert-detail .no-picture.snapshot{font-size:13px}.setup-hint{margin-top:12px}.setup-hint summary{cursor:pointer;color:var(--muted);font-size:13px}.setup-hint p{margin:8px 0 0}.main>.fit.live-page{overflow-y:auto}.fit.live-page .live-body{flex:1 0 auto;min-height:max(64vh,300px)}.fit.live-page .close-card{max-height:none;overflow:visible}@media (height<=820px),(width<=900px){.fit.live-page .live-body{flex:none;min-height:0}.fit.live-page .grid-2x2{flex:auto;grid-template-rows:none;container-type:normal}.fit.live-page .tile{place-self:start stretch;width:100%}.fit.live-page .page-head h1{font-size:24px}.fit.live-page .strip{gap:8px;margin-bottom:8px}.fit.live-page .stat{justify-content:space-between;align-items:baseline;gap:8px;padding:8px 14px;display:flex}.fit.live-page .stat .value{white-space:nowrap;overflow-wrap:normal;margin-top:0;font-size:20px}.fit.live-page .stat .label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fit.live-page .stat .value small{font-size:13px}}@media (width<=900px){.fit.live-page .live-body{flex:none;min-height:0}.fit.live-page .grid-2x2{flex:auto;grid-template-rows:none;container-type:normal}.fit.live-page .tile{place-self:start stretch;width:100%}.fit.live-page .page-head{flex-direction:column;align-items:stretch}.fit.live-page .live-head-actions{justify-content:flex-start}}@media (height<=820px),(width<=900px){.fit.live-page .grid-2x2.only .tile{justify-self:center;width:min(100%,177.778vh - 248.889px)}}.main:has(>.fit){padding-bottom:20px}.fit-scroll,.fit .cam-side,.fit .rule-groups,.fit .settings{padding-bottom:60px}.fit.live-page>:last-child{margin-bottom:56px}.fit .alert-detail .actions{padding-right:112px}.same-every-day{place-self:start}.lib-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lib-search{width:min(320px,100%)}.tile .top .chip{gap:4px;padding:2px 7px;font-size:10.5px}.tile .top .switch{width:28px;height:16px;margin-right:0}.tile .top .switch span:after{width:12px;height:12px;top:2px;left:2px}.tile .top .switch input:checked+span:after{transform:translate(12px)}@container (width<=560px){.tile .top{padding:4px 6px;font-size:10.5px}.tile .top .chip{padding:1px 6px;font-size:10px}.tile .picture-tag,.tile .last-frame-tag{padding:0 6px;font-size:9.5px;top:24px;left:6px}.tile-results,.grid-2x2.only .tile-results,.grid-2x2.single .tile-results{gap:1px;padding:10px 6px 4px;font-size:10px}.tile-results .sure,.tile-results .tune-btn{display:none}.tile .alert-banner{font-size:10.5px}}@container (width<=380px){.tile-results li.tone-ok,.tile-results li.tone-idle{display:none}}.row-edit{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row-edit input{flex:1;min-width:180px}.strip.wide.three{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.strip.wide.three{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.sidebar>.shop-name,.sidebar>.shop-picker,.menu-open .alerts-fab{display:none}.fit .alert-detail .actions{padding-right:0}.rule-group table.rules{min-width:0}.rule-group table.rules thead{display:none}.rule-group table.rules tr{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding:12px 14px;display:grid}.rule-group table.rules td{border:0;padding:0;display:block}.rule-group table.rules td:first-child,.rule-group table.rules td:nth-child(6){grid-column:1/-1}.rule-group table.rules td.row-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rule-group table.rules td:nth-child(n+2):nth-child(-n+6):before{color:var(--muted);font:500 10.5px var(--font);text-transform:uppercase;letter-spacing:.06em;display:block}.rule-group table.rules td:nth-child(2):before{content:"Region"}.rule-group table.rules td:nth-child(3):before{content:"Alert when"}.rule-group table.rules td:nth-child(4):before{content:"Checks"}.rule-group table.rules td:nth-child(5):before{content:"When"}.rule-group table.rules td:nth-child(6):before{content:"Now"}.place-picker{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.place-picker button{flex:none;min-width:128px}.place-picker button .muted{display:none}.strip,.strip.wide.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hours-row{grid-template-columns:58px minmax(0,1fr) auto minmax(0,1fr);gap:6px;display:grid}.hours-row .check{width:auto}.hours-row input[type=time]{width:100%;min-width:0;padding:6px 4px;font-size:12px}.hours-row>.muted.small{grid-column:2/-1}.hours-row>.btn{grid-column:1/-1;justify-self:start}}