.hero{padding:20px 0 26px;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.hero h1{font-size:clamp(30px,4vw,52px);margin-bottom:12px}.hero p{margin-bottom:0}.hero>.primary{flex-shrink:0}.stats{margin-bottom:20px}.stats>div{padding:18px 24px}#home-cameras,#camera-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr))}.camera-card{padding:20px}.camera-art{margin:0 0 18px;cursor:pointer}.live-wall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:22px}.wall-tile{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden}.wall-head,.wall-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px}.wall-head h3{margin:0}.wall-head .pill{color:var(--mint)}.wall-tile video{width:100%;display:block;border-radius:0;aspect-ratio:16/9}.wall-foot button{padding:7px 13px;font-size:14px}.wall-foot small{max-width:60%}nav{margin-top:26px;gap:3px}nav button{padding:8px 12px}.local-note{padding-top:20px}@media(max-width:750px){.hero{display:block}.hero>.primary{margin-top:20px}.wall-head,.wall-foot{padding:13px}.wall-foot{flex-wrap:wrap}nav{margin-top:16px}.stats>div{padding:14px 10px}}
#home-cameras,#camera-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.live-wall-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}#home .hero{padding:8px 0 18px;margin-bottom:18px}#home .hero h1{font-size:clamp(28px,3vw,40px);margin-top:8px}.camera-card>h3{margin-bottom:12px;font-size:20px}#home .stats{margin-top:25px}.stats span{font-size:28px}
.mode-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 22px;border:1px solid #475f62;border-radius:18px;background:linear-gradient(110deg,#233a39,#242b43);margin:15px 0}.mode-bar h3{margin:0}.mode-buttons{display:flex;gap:8px}.mode-buttons .chosen{background:var(--mint);color:#112b25;font-weight:700}.camera-art{padding:0;overflow:hidden;background:#0b1019;font-size:24px;height:auto;aspect-ratio:16/9;border-radius:13px}.camera-art img{width:100%;height:100%;object-fit:contain}.camera-art .placeholder{padding:24px;color:var(--muted)}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.monitor-event{padding:0;overflow:hidden}.monitor-event img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#080b10}.monitor-event .event-info{padding:20px}.monitor-event h3{color:var(--mint)}.event-info time{font-size:12px;color:var(--muted)}.filter-row{display:flex;gap:12px;flex-wrap:wrap}.filter-row label{flex:1;min-width:160px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px}.choice-grid label{margin:4px 0;padding:8px;border:1px solid var(--line);border-radius:10px}.profile-card{display:flex;align-items:center;gap:18px}.profile-card img{width:80px;height:80px;object-fit:cover;border-radius:16px}.profile-card>div{flex:1}.plate-badge{font:bold 22px monospace;background:#e1e5e0;color:#162225;border:3px solid #697b82;border-radius:7px;padding:10px}.empty-state{padding:35px;border:1px dashed #475772;border-radius:18px;color:var(--muted);text-align:center}.engine-note{border-left:3px solid var(--mint);padding:10px 15px;background:#1b2a2f;border-radius:0 12px 12px 0}.engine-note.error{border-color:#efb4bf;background:#392932}.rule-preview{width:100%;aspect-ratio:16/9;display:block;background:#0b111c;border:1px solid var(--line);border-radius:14px;cursor:crosshair;touch-action:none}.rule-drawing{position:relative}.view-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#070a10;border-radius:15px;touch-action:none}.view-group{position:absolute;width:100%;height:100%;transform-origin:center;transition:transform .12s linear}.view-group video{display:block;max-height:none;width:100%;height:100%;object-fit:contain;border-radius:0}.track-overlay{position:absolute;inset:0;pointer-events:none}.track-box{position:absolute;border:2px solid #9ef0cd;border-radius:5px;pointer-events:auto;cursor:pointer;background:transparent;padding:0;min-width:0;min-height:0}.track-box:hover,.track-box.selected{background:#9ef0cd15;border-color:#ffdf91}.track-box span{position:absolute;left:0;bottom:100%;background:#142e29e8;color:#dbffef;font-size:11px;white-space:nowrap;border-radius:4px;padding:2px 6px}.view-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.view-toolbar label{margin:0;display:flex;align-items:center;gap:7px}.view-toolbar input[type=range]{width:105px;display:inline;padding:0}.view-toolbar button{padding:7px 12px}.view-toolbar .selected{color:var(--mint);border-color:var(--mint)}.view-meta{font-size:12px;color:var(--muted)}#watch{max-height:94dvh;width:min(1200px,calc(100% - 20px))}.phone-card h3{margin-bottom:0}.phone-status{color:var(--purple)}.phone-card .choice-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.recent-monitor{display:flex;gap:12px;overflow:auto;padding-bottom:12px}.recent-monitor button{display:flex;gap:12px;text-align:left;min-width:260px}.recent-monitor img{width:70px;height:48px;object-fit:cover;border-radius:8px}.recognition-tabs{display:flex;gap:12px;flex-wrap:wrap}.editor-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.feature-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mini-help{font-size:13px;color:var(--muted)}.kinds-summary{font-size:12px;color:var(--muted)}.export-link{color:var(--mint)}@media(max-width:750px){.editor-columns{display:block}.view-toolbar{gap:7px}.view-toolbar button{font-size:13px}.mode-bar{padding:14px}.mode-buttons button{padding:9px 14px}.view-stage{border-radius:8px}#watch{padding:16px}.profile-card{flex-wrap:wrap}}
.saving-switch{margin:16px 0;padding:12px 0;border-top:1px solid var(--line)}.saving-switch label{margin:0 0 7px;font-weight:600}.saving-switch input[role=switch]{appearance:none;-webkit-appearance:none;width:42px;height:25px;padding:0;border:1px solid #63748b;border-radius:20px;background:#394457;position:relative;flex-shrink:0;cursor:pointer}.saving-switch input[role=switch]::before{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;background:#c7d3e2;border-radius:50%;transition:transform .15s}.saving-switch input[role=switch]:checked{background:#386e5b;border-color:var(--mint)}.saving-switch input[role=switch]:checked::before{transform:translateX(17px);background:var(--mint)}
.pairing-qr{display:block;width:min(100%,270px);height:auto;border-radius:14px;background:white;padding:8px;margin:20px 0}.pairing-qr+ .mini-help{max-width:440px}header>.actions{margin-top:0}.install-help{font-size:13px;color:var(--muted)}
.pairing-code{font:600 18px ui-monospace,monospace;color:var(--mint);letter-spacing:1px;overflow-wrap:anywhere}