:root{color-scheme:dark;font:14px system-ui,sans-serif;background:#10151d;color:#ebeff5}*{box-sizing:border-box}body{margin:0}header{min-height:58px;display:flex;gap:20px;align-items:center;padding:10px 18px;background:#18212d;border-bottom:1px solid #344355}header strong{font-size:16px}header label{margin-left:auto}select,button{font:inherit;padding:7px;border-radius:5px;border:1px solid #5c6d80;background:#202c3a;color:inherit}#connection{color:#f1c65d}main{padding:14px}#stale{background:#8b2d2d;padding:10px;margin-bottom:12px;border-radius:6px;font-weight:700}#layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.stale #plan{opacity:.5}#plan{position:relative;max-width:100%;line-height:0;overflow:hidden;background:#0b0f14}#floor{display:block;width:100%;height:auto}#pins{position:absolute;inset:0}.pin{position:absolute;transform:translate(-50%,-50%);width:23px;height:23px;border-radius:50%;border:3px solid white;box-shadow:0 1px 5px #000;background:#2bb673;cursor:pointer}.pin.attention{background:#f0a436}.pin.lost{background:#d75555}.pin.muted{background:#697686;border-color:#aab5c1;cursor:pointer}.pin.camera{width:18px;height:18px;background:#638ef7;border-radius:4px}.pin .badge{position:absolute;line-height:14px;font-size:11px;right:-9px;top:-8px;background:#d75555;color:white;border-radius:8px;padding:0 3px}.pin:focus{outline:3px solid #79b8ff}aside{padding:16px;background:#18212d;border:1px solid #344355;border-radius:8px;min-height:250px;line-height:1.45}aside h2{margin-top:0}.status{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0}.actions{display:grid;gap:8px}.actions button:disabled{opacity:.45;cursor:not-allowed}.notice{padding:8px;background:#263545;border-radius:4px;margin:10px 0}.awaiting{background:#705f21;color:#fff1ad}.camera-card img{width:100%;margin-top:6px}@media(max-width:800px){header{gap:8px;flex-wrap:wrap}header label{margin-left:0}#layout{grid-template-columns:1fr}aside{min-height:auto}}