html{min-height:100%}body,html{background:#f5f6f4;min-width:320px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#202421;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100vh}:root{--background:#f5f6f4;--card:#fff;--text:#202421;--muted:#717771;--border:#dfe3df;--accent:#34785b;--accent-soft:#e7f2ec;--danger:#c8443a;--danger-soft:#fff0ef}*{box-sizing:border-box}button{-webkit-tap-highlight-color:transparent;font:inherit}.dashboard-shell{margin:0 auto;min-height:100vh;padding:32px 20px;width:min(980px,100%)}.topbar{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.topbar h1,.topbar p,h2,p{margin-top:0}.topbar h1{font-size:26px;letter-spacing:-.03em;margin-bottom:3px}.topbar p{color:#717771;color:var(--muted);font-size:13px}.topbar p,h2{margin-bottom:0}h2{font-size:17px}.connection-pill{align-items:center;background:#fff;background:var(--card);border:1px solid #dfe3df;border:1px solid var(--border);border-radius:999px;color:#717771;color:var(--muted);display:flex;font-size:12px;font-weight:650;gap:8px;min-height:36px;padding:0 13px}.mini-dot,.status-dot{background:#a0a6a1;border-radius:50%;height:8px;width:8px}.connection-pill.online .status-dot,.mini-dot.online{background:#39a06f}.connection-pill.offline .status-dot,.mini-dot.offline{background:#c8443a;background:var(--danger)}.connection-pill.checking .status-dot{animation:pulse 1.2s ease-in-out infinite}.dashboard-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr)}.camera-card,.control-card{background:#fff;background:var(--card);border:1px solid #dfe3df;border:1px solid var(--border);border-radius:14px;min-width:0;padding:18px}.panel-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:15px}.coming-soon,.mode-badge{background:#f1f3f1;border-radius:999px;color:#717771;color:var(--muted);font-size:10px;font-weight:700;padding:5px 9px;text-transform:capitalize}.mode-badge:not(.stopped){background:#e7f2ec;background:var(--accent-soft);color:#34785b;color:var(--accent)}.camera-viewport{background:#202522;border-radius:10px;color:#9da39e;display:grid;min-height:430px;overflow:hidden;place-items:center;position:relative}.camera-empty{text-align:center}.camera-empty span{color:#68706b;display:block;font-size:23px;margin-bottom:9px}.camera-empty p{font-size:12px;margin-bottom:0}.viewport-status{align-items:center;background:#111412cc;border-radius:7px;bottom:12px;color:#d2d7d3;display:flex;font-size:10px;gap:7px;padding:7px 9px;position:absolute;right:12px}.mini-dot{height:6px;width:6px}.control-instruction{color:#717771;color:var(--muted);font-size:12px;margin-bottom:16px}.direction-pad{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(3,minmax(70px,1fr));grid-template-rows:repeat(3,78px);position:relative}.direction-button{align-items:center;background:#f8f9f8;border:1px solid #dfe3df;border:1px solid var(--border);border-radius:10px;color:#202421;color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:650;gap:3px;justify-content:center;touch-action:none;transition:transform .1s ease,border-color .1s ease,background .1s ease;-webkit-user-select:none;user-select:none}.direction-button:hover:not(:disabled){border-color:#b6c4bc}.direction-button.active,.direction-button:active:not(:disabled){background:#e7f2ec;background:var(--accent-soft);border-color:#34785b;border-color:var(--accent);color:#34785b;color:var(--accent);transform:scale(.97)}.direction-button:focus-visible,.stop-button:focus-visible{outline:2px solid #34785b;outline:2px solid var(--accent);outline-offset:2px}.direction-button:disabled{cursor:not-allowed;opacity:.42}.direction-symbol{color:#34785b;color:var(--accent);font-size:24px;line-height:1}.direction-button.forward{grid-column:2;grid-row:1}.direction-button.left{grid-column:1;grid-row:2}.direction-button.right{grid-column:3;grid-row:2}.direction-button.backward{grid-column:2;grid-row:3}.pad-center{align-items:center;background:#fff;border:1px solid #dfe3df;border:1px solid var(--border);border-radius:50%;color:#202421;color:var(--text);display:flex;flex-direction:column;grid-column:2;grid-row:2;justify-content:center}.pad-center span{font-size:13px;font-weight:750}.pad-center small{color:#717771;color:var(--muted);font-size:8px;text-transform:uppercase}.stop-button{align-items:center;background:#fff0ef;background:var(--danger-soft);border:1px solid #e9aaa5;border-radius:10px;color:#c8443a;color:var(--danger);cursor:pointer;display:flex;font-size:12px;font-weight:750;gap:9px;justify-content:center;margin-top:16px;min-height:48px;text-transform:uppercase;width:100%}.stop-button:hover{background:#ffe8e6}.stop-square{background:#c8443a;background:var(--danger);border-radius:2px;height:10px;width:10px}.control-message{align-items:flex-start;background:#f5f7f5;border-radius:8px;color:#717771;color:var(--muted);display:flex;font-size:10px;gap:8px;line-height:1.45;margin-top:13px;padding:10px}.control-message.error{background:#fff0ef;background:var(--danger-soft);color:#a43e36}.message-icon{border:1px solid;border-radius:50%;display:grid;flex:0 0 15px;font-size:8px;font-weight:750;height:15px;place-items:center;width:15px}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@media (max-width:780px){.dashboard-grid{grid-template-columns:1fr}.camera-viewport{min-height:320px}.control-card{margin:0 auto;max-width:430px;width:100%}}@media (max-width:480px){.dashboard-shell{padding:22px 12px}.topbar h1{font-size:22px}.connection-pill{font-size:10px;padding:0 10px}.camera-viewport{min-height:240px}.direction-pad{grid-template-rows:repeat(3,72px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.78eae6da.css.map*/