:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c1117;--surface:#131b24;--surface-raised:#18222d;--foreground:#edf3f8;--muted:#8fa0af;--border:#2c3946;--live:#56d58b;--error:#ff7979}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);min-height:100vh;color:var(--foreground);font:14px/1.35 system-ui,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dashboard-shell{min-height:100vh;padding:16px}.camera-wall{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:12px;height:calc(100dvh - 32px);min-height:560px;display:grid}.camera-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;margin:0;display:grid;overflow:hidden;box-shadow:0 12px 34px #0000003d}.camera-card--focused{grid-area:1/1/-1}.camera-card--sidebar{cursor:pointer;grid-column:2;transition:border-color .16s,background .16s,transform .16s}.camera-card--sidebar:hover,.camera-card--sidebar:focus-visible{background:var(--surface-raised);border-color:#5f7488;outline:none;transform:translate(-2px)}.sidebar-slot-1{grid-row:1}.sidebar-slot-2{grid-row:2}.sidebar-slot-3{grid-row:3}.camera-frame{background:#05080b;min-width:0;min-height:0;position:relative;overflow:hidden}.camera-image{object-fit:cover;width:100%;height:100%;display:block}.camera-card--focused .camera-image{object-fit:contain}.feed-meta{border-top:1px solid var(--border);min-height:48px;color:var(--muted);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.feed-location,.feed-state{align-items:center;min-width:0;display:flex}.feed-location{gap:8px}.feed-location strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.feed-location>span{white-space:nowrap;font-size:12px}.feed-state{color:var(--live);letter-spacing:.04em;text-transform:uppercase;flex:none;gap:6px;font-size:11px;font-weight:650}.feed-state time{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:500}.live-dot{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 16%, transparent);background:currentColor;border-radius:50%}.feed-state--error{color:var(--error)}@media (max-width:1000px) and (min-width:769px){.camera-wall{grid-template-columns:minmax(0,3fr) minmax(210px,1fr)}.feed-meta{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:768px){.dashboard-shell{padding:10px}.camera-wall{grid-template-rows:none;grid-template-columns:1fr;gap:12px;height:auto;min-height:0;display:grid}.camera-card,.camera-card--focused,.camera-card--sidebar,.sidebar-slot-1,.sidebar-slot-2,.sidebar-slot-3{cursor:default;grid-area:auto;transform:none}.camera-card--sidebar:hover,.camera-card--sidebar:focus-visible{border-color:var(--border);background:var(--surface);transform:none}.camera-frame{aspect-ratio:4/3}.camera-image,.camera-card--focused .camera-image{object-fit:cover}.feed-meta{min-height:46px}}@media (max-width:430px){.feed-location{flex-direction:column;align-items:flex-start;gap:0}.feed-state{flex-direction:column;align-items:flex-end;gap:1px}.live-dot{display:none}}