:root{--bg: #f3f6f4;--surface: #ffffff;--surface-muted: #f8faf9;--ink: #141c1a;--muted: #667571;--line: #dbe5e1;--line-strong: #c5d4cf;--brand: #0b6f61;--brand-strong: #07584d;--accent: #2f6fed;--warning: #b87912;--danger: #b42318;--success: #15835f;--shadow: 0 14px 32px rgb(22 34 31 / 8%);background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);cursor:pointer;display:inline-flex;font-weight:650;gap:8px;justify-content:center;min-height:38px;padding:0 13px;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease;white-space:nowrap}button:hover:not(:disabled){border-color:#9fb4ad;box-shadow:0 4px 14px #141c1a14;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}input,select{background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);min-height:38px;min-width:0;padding:0 11px;width:100%}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0b6f6124;outline:none}label,.readout{color:var(--muted);display:grid;font-size:12px;font-weight:700;gap:7px;letter-spacing:0}.primary{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover:not(:disabled){background:var(--brand-strong);border-color:var(--brand-strong)}.danger{background:var(--danger);border-color:var(--danger);color:#fff}.auth-shell{align-items:center;background:linear-gradient(180deg,#ffffffbd,#f3f6f4f5);display:grid;min-height:100vh;padding:24px}.auth-panel{background:#ffffffeb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);margin:0 auto;max-width:520px;padding:30px;width:100%}.auth-brand,.brand{align-items:center;display:flex;font-size:20px;font-weight:800;gap:10px}.auth-brand{color:var(--brand);margin-bottom:22px}.auth-form{display:grid;gap:15px;margin-top:24px}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:100%;min-height:100vh;width:100%}.sidebar{background:#14201d;color:#f7fbf8;height:100vh;padding:20px;position:sticky;top:0}.sidebar .brand{margin-bottom:30px}nav{display:grid;gap:7px}.sidebar nav a{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;border-color:transparent;color:#dce8e4;display:inline-flex;font-weight:650;gap:8px;justify-content:flex-start;min-height:42px;padding:0 13px;text-decoration:none;transition:background .14s ease,border-color .14s ease;white-space:nowrap}.sidebar nav a:hover{background:#21342f;border-color:#2f4740}.sidebar nav a.active{background:#294940;border-color:#376357;color:#fff}.workspace{align-content:start;display:grid;gap:18px;min-width:0;padding:28px}.topbar{align-items:center;display:flex;gap:18px;justify-content:space-between}h1,h2,p{margin:0}h1{font-size:29px;line-height:1.1}h2{font-size:16px;line-height:1.2}p{color:var(--muted);margin-top:6px}.button-row,.row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-grid,.view-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.view-grid{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.live-grid{align-items:start;display:grid;gap:14px;grid-auto-flow:row dense;grid-template-columns:repeat(12,minmax(0,1fr));max-width:100%;min-width:0}.live-grid>*,.compact-form{max-width:100%;min-width:0}.live-grid .panel:first-child{grid-column:1 / -1}.live-source-panel{grid-column:1 / -1;order:0}.live-video-panel{grid-column:1 / -1;order:1}.live-control-panel{grid-column:span 7;order:2}.live-position-panel{grid-column:span 5;order:3}.live-vehicle-panel{grid-column:span 7;order:4}.live-telemetry-panel{grid-column:span 5;order:5}.live-mavlink-panel{grid-column:span 7;order:6}.live-sensors-panel{grid-column:span 5;order:7}.live-other-panel{grid-column:span 5;order:8}.live-alerts-panel{grid-column:span 5;order:9}.live-thresholds-panel{grid-column:span 7;order:10}.compact-form{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr) minmax(180px,1fr) minmax(180px,1fr)}.stack{display:grid;gap:14px}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.feed-access-list{display:grid;gap:12px;padding:12px}.device-access-card,.feed-access-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.config-id{align-items:center;background:#f8faf9;border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(110px,auto) minmax(0,1fr) auto;padding:10px 12px}.config-id span{color:var(--muted);font-size:12px;font-weight:850}.config-id code{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:13px;min-width:0;overflow-wrap:anywhere;padding:8px 10px}.grant-editor{align-items:end;border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(180px,1fr) minmax(120px,.35fr) auto;padding:12px}.grant-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}.retention-editor{align-items:end;border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(180px,1fr) auto minmax(120px,160px) auto;padding:12px}.retention-editor>div{display:grid;gap:4px;min-width:0}.retention-editor span{color:var(--muted)}.grant-chip{align-items:center;background:#eef6f2;border:1px solid #cfe3da;border-radius:8px;color:var(--text);display:inline-flex;gap:8px;min-height:34px;padding:4px 4px 4px 10px}.grant-chip strong{color:var(--muted);font-size:.78rem;text-transform:uppercase}.grant-chip button{min-height:26px;padding:4px 8px}.metric,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px #141c1a08}.metric{display:grid;gap:8px;min-height:94px;padding:16px}.metric span{color:var(--muted);font-size:12px;font-weight:800}.metric strong{font-size:24px;line-height:1.1;overflow-wrap:anywhere}.panel{overflow:hidden}.panel-title{align-items:center;background:var(--surface-muted);border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:58px;padding:12px 16px}.form-grid{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:16px}.wide{grid-column:span 2}.dense-list,.table-list,.mission-list,.alert-list{display:grid}.alert-row{align-items:center;display:grid;gap:12px;grid-template-columns:18px minmax(0,1fr) auto auto;min-height:66px;padding:11px 16px}.alert-row+.alert-row,.alert-row+.empty-row,.empty-row+.alert-row{border-top:1px solid #e7eeeb}.alert-row>div{display:grid;gap:3px;min-width:0}.alert-row strong,.alert-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-row span{color:var(--muted)}.alert-row.critical>svg{color:var(--danger)}.alert-row.warning>svg{color:var(--warning)}.alert-row.info>svg{color:var(--accent)}.alert-history{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.alert-history span{background:#eef2f0;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;padding:5px 9px}.threshold-grid{display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr))}.threshold-control{border-top:1px solid #e7eeeb;display:grid;gap:8px;grid-template-columns:minmax(120px,1fr) minmax(120px,1.4fr) 76px;min-height:58px;padding:10px 16px}.threshold-control:nth-child(-n+2){border-top:0}.threshold-control span{align-self:center;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.threshold-control strong{align-self:center;color:var(--text);font-size:13px;text-align:right}.threshold-control input[type=range]{align-self:center;width:100%}.mission-item+.mission-item{border-top:1px solid #e7eeeb}.mission-item .list-row{border-top:0}.waypoint-editor{border-top:1px solid #eef3f1;display:grid;gap:10px;padding:12px 16px 16px 46px}.waypoint-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between}.waypoint-toolbar>div:first-child{display:grid;gap:2px}.waypoint-toolbar strong{font-size:13px}.waypoint-toolbar span{color:var(--muted);font-size:12px;font-weight:700}.waypoint-table{display:grid;gap:8px}.waypoint-row{align-items:end;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;grid-template-columns:52px minmax(120px,.85fr) repeat(5,minmax(78px,.55fr)) minmax(140px,1fr) auto;padding:10px}.waypoint-index{align-items:center;color:var(--muted);display:flex;gap:6px;min-height:38px}.waypoint-index strong{color:var(--ink)}.waypoint-note{min-width:0}.waypoint-actions{align-items:center;display:flex;gap:6px}.waypoint-actions button{height:38px;padding:0;width:38px}.list-row,.editable-row{align-items:center;display:grid;gap:12px;min-height:66px;padding:11px 16px}.list-row{grid-template-columns:18px minmax(0,1fr) auto}.api-key-row{grid-template-columns:18px minmax(0,1fr) auto auto}.editable-row{grid-template-columns:18px minmax(160px,1fr) minmax(150px,.7fr) auto minmax(420px,auto)}.device-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.confirm-action{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.user-row{grid-template-columns:18px minmax(150px,.8fr) minmax(220px,1fr) 140px minmax(160px,.8fr) auto auto}.admin-user-list{display:grid}.admin-user{display:grid;gap:13px;padding:16px}.admin-user+.admin-user,.list-row+.list-row,.editable-row+.editable-row,.empty-row+.list-row,.empty-row+.editable-row{border-top:1px solid #e7eeeb}.admin-user header{align-items:center;display:grid;gap:12px;grid-template-columns:18px minmax(180px,1fr) minmax(0,auto)}.admin-user header>div:not(.user-admin-actions),.list-row div:not(.row-actions){display:grid;gap:3px;min-width:0}.admin-user strong,.admin-user span,.list-row strong,.editable-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row span,.editable-row span,.admin-user span{color:var(--muted)}.user-admin-actions{align-items:center;display:grid;gap:8px;grid-template-columns:130px minmax(150px,1fr) auto auto;max-width:620px}.usage-strip{display:grid;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr))}.mini-metric{border-left:2px solid var(--line-strong);display:grid;gap:2px;min-height:48px;padding:6px 10px}.mini-metric span{color:var(--muted);font-size:12px;font-weight:750}.mini-metric strong{color:var(--ink);font-size:18px}.device-chips{display:flex;flex-wrap:wrap;gap:8px}.device-chip,.badge,.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;min-height:28px}.device-chip{background:#edf5f2;border:1px solid #d5e5de;color:#31564d;gap:7px;padding:5px 10px}.device-chip small{color:var(--muted)}.badge{background:#edf5f2;border:1px solid #d5e5de;color:#31564d;padding:4px 10px}.status-pill{justify-self:start;padding:4px 9px}.status-pill.connected{background:#eaf7f1;color:var(--success)}.status-pill.connecting,.status-pill.authenticating,.status-pill.reconnecting{background:#eef4ff;color:var(--accent)}.status-pill.closed,.status-pill.idle{background:#eef2f0;color:var(--muted)}.status-pill.error{background:#fff0ec;color:var(--danger)}.muted{color:var(--muted)}.video-surface{aspect-ratio:16 / 9;background:#0f1715;display:grid;overflow:hidden;place-items:center;position:relative}.video-surface canvas{height:100%;object-fit:contain;width:100%}.video-status{background:#0f1715c7;border:1px solid rgb(255 255 255 / 16%);border-radius:6px;color:#eff7f4;font-size:12px;font-weight:800;left:12px;padding:5px 8px;position:absolute;top:12px}.drive-hud{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080f0dbd;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;bottom:12px;color:#eff7f4;display:flex;gap:10px;left:12px;padding:7px 10px;pointer-events:none;position:absolute}.drive-hud span,.drive-hud strong{color:inherit;font-size:12px;white-space:nowrap}.drive-hud strong{background:#24443b;border-radius:999px;padding:3px 7px}.drive-hud strong.armed{background:var(--danger)}.mobile-control-overlay{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.mobile-control-overlay .dual-drive-controls,.mobile-safety-controls{pointer-events:auto}.dual-drive-controls{top:0;right:0;bottom:0;left:0;pointer-events:none!important;position:absolute}.dual-drive-controls.disabled{opacity:.48}.drive-axis{bottom:max(14px,env(safe-area-inset-bottom));color:#fff;display:grid;gap:4px;justify-items:center;pointer-events:auto;position:absolute;width:clamp(112px,27vw,172px)}.drive-axis.throttle{left:max(14px,env(safe-area-inset-left))}.drive-axis.steering{right:max(14px,env(safe-area-inset-right))}.drive-axis-label,.drive-axis output{filter:drop-shadow(0 2px 3px rgb(0 0 0 / 90%));font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.drive-axis output{font-variant-numeric:tabular-nums;opacity:.9}.drive-axis-pad{aspect-ratio:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08120f47;border:2px solid rgb(255 255 255 / 58%);border-radius:50%;box-shadow:inset 0 0 28px #00000040,0 8px 24px #00000047;display:grid;place-items:center;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.drive-axis-track{background:#ffffff57;border-radius:999px;position:absolute}.drive-axis.throttle .drive-axis-track{height:68%;width:3px}.drive-axis.steering .drive-axis-track{height:3px;width:68%}.drive-axis-thumb{background:#7dd3bceb;border:3px solid rgb(255 255 255 / 92%);border-radius:50%;box-shadow:0 5px 16px #00000061;height:clamp(42px,10vw,58px);position:relative;width:clamp(42px,10vw,58px);z-index:1}.drive-reticle{height:38px;left:50%;opacity:.44;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:38px}.drive-reticle span{background:#ffffffc2;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.drive-reticle span:first-child{height:1px;width:100%}.drive-reticle span:last-child{height:100%;width:1px}.mobile-safety-controls{bottom:14px;display:grid;gap:9px;left:50%;position:absolute;transform:translate(-50%)}.mobile-safety-controls button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#ffffff6b;box-shadow:0 6px 18px #0000003d;color:#fff;display:flex;font-size:12px;gap:7px;justify-content:center;min-height:44px;min-width:92px}.mobile-safety-controls .control-enable{background:#0b6f61e5}.mobile-safety-controls .control-arm{background:#b87912f0}.mobile-safety-controls .control-speed{background:#274d6feb}.mobile-safety-controls .control-lock{background:#202d29e0}.mobile-safety-controls .control-stop{background:#b53232eb}.mobile-safety-controls .aux-toggle{background:#363f48eb}.mobile-safety-controls .aux-toggle.active{background:#0b6f61f0}.mobile-control-reason{background:#080f0dd6;border-radius:6px;color:#fff;font-size:10px;font-weight:800;max-width:120px;padding:5px 7px;text-align:center}.gamepad-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080f0dc7;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;bottom:12px;color:#eff7f4;display:flex;gap:8px;left:50%;max-width:calc(100% - 24px);padding:8px 11px;position:absolute;transform:translate(-50%)}.gamepad-overlay span,.gamepad-overlay strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gamepad-overlay strong{color:#a9e7d6}.video-actions{display:flex;gap:6px;position:absolute;right:12px;top:12px}.video-actions button{align-items:center;background:#0f1715c7;border:1px solid rgb(255 255 255 / 16%);color:#eff7f4;display:inline-flex;height:32px;justify-content:center;padding:0;width:32px}.video-actions .drive-mode-button{gap:6px;padding:0 10px;width:auto}.video-actions .drive-mode-button span{font-size:11px;font-weight:850}.video-surface:fullscreen{aspect-ratio:auto;background:#000;height:100vh;height:100svh;height:100dvh;width:100vw;width:100dvw}.video-readouts{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.telemetry-readouts{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.compact-notice{align-items:center;display:flex;gap:10px;margin:0 12px 12px}.aerial-map{aspect-ratio:16 / 9;background:#101816;overflow:hidden;position:relative}.mission-plan-map{aspect-ratio:16 / 7;background:#101816;border:1px solid var(--line);border-radius:8px;min-height:260px;overflow:hidden;position:relative}.mission-sync{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(160px,1.2fr) minmax(180px,1.2fr) minmax(120px,.7fr) minmax(120px,.7fr) auto;padding:16px}.mission-sync-diff{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 16px 16px}.mission-sync-history{border-top:1px solid var(--line);padding-top:12px}.mission-preview{align-items:stretch;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(180px,1.2fr)}.mission-warning{align-items:center;background:#fff9e8;border:1px solid #e4d59b;border-radius:8px;color:#81590c;display:flex;font-size:12px;font-weight:800;min-height:48px;padding:8px 10px}.revision-strip{display:flex;flex-wrap:wrap;gap:8px}.revision-chip{background:#eef4ff;border:1px solid #cbdcff;border-radius:8px;color:#1e4387;display:grid;gap:6px;min-width:170px;padding:8px 10px}.revision-chip.active{background:#eaf7f1;border-color:#9ed8bd;color:#1d6537}.revision-chip button:first-child{background:transparent;border:0;color:inherit;font-size:13px;font-weight:900;justify-self:start;min-height:0;padding:0}.revision-chip button:last-child{min-height:28px}.revision-chip button:first-child:hover{text-decoration:underline}.revision-chip span,.revision-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revision-chip span,.revision-chip small{font-size:12px;font-weight:750}.revision-chip small{color:#516ca2}.revision-compare{align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(170px,1.3fr) repeat(5,minmax(86px,1fr))}.revision-compare>strong{align-items:center;background:#f4f7f6;border:1px solid var(--line);border-radius:8px;display:flex;font-size:13px;padding:8px 10px}.mission-constraint-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mission-constraint-toolbar span{color:var(--muted);font-size:12px;font-weight:800}.constraint-list{display:grid;gap:10px}.constraint-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.constraint-row,.constraint-points>div{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(160px,1.2fr) minmax(130px,.8fr) auto auto auto;padding:10px}.constraint-row span{align-self:center;color:var(--muted);font-size:12px;font-weight:800}.constraint-points{border-top:1px solid var(--line);display:grid}.constraint-points>div{grid-template-columns:36px minmax(140px,1fr) minmax(140px,1fr) auto;padding:8px 10px}.constraint-points>div+div{border-top:1px solid #eef3f1}.constraint-points strong{align-self:center;color:var(--muted);font-size:12px}.map-loading{aspect-ratio:16 / 9;background:#101816;color:#eff7f4;display:grid;font-size:13px;font-weight:800;place-items:center}.maplibre-host{height:100%;width:100%}.map-marker{align-items:center;background:#fff;border:5px solid var(--brand);border-radius:50%;box-shadow:0 0 0 7px #0b6f612e,0 8px 20px #00000047;display:grid;height:24px;justify-items:center;transform:rotate(var(--heading, 0deg));width:24px}.map-marker:before{border-bottom:9px solid var(--brand);border-left:5px solid transparent;border-right:5px solid transparent;content:"";display:block;height:0;margin-top:-24px;width:0}.map-overlay{align-items:center;background:#0f1715c7;border:1px solid rgb(255 255 255 / 16%);border-radius:6px;color:#eff7f4;display:inline-flex;font-size:12px;font-weight:800;gap:7px;left:12px;min-height:30px;padding:5px 9px;position:absolute;top:12px}.map-layer-switch{background:#0f1715c7;border:1px solid rgb(255 255 255 / 16%);border-radius:6px;bottom:12px;display:flex;gap:4px;padding:4px;position:absolute;right:12px}.map-tool-switch{align-items:center;background:#0f1715c7;border:1px solid rgb(255 255 255 / 16%);border-radius:6px;display:flex;flex-wrap:wrap;gap:4px;left:12px;max-width:min(520px,calc(100% - 24px));padding:4px;position:absolute;top:54px}.map-path-legend{background:#0f1715c7;border:1px solid rgb(255 255 255 / 16%);border-radius:6px;bottom:12px;color:#d8e8e3;display:flex;flex-wrap:wrap;gap:8px;left:12px;padding:7px 9px;position:absolute}.map-path-legend span{align-items:center;display:inline-flex;font-size:12px;font-weight:800;gap:5px}.map-path-legend i{border-radius:999px;display:block;height:8px;width:18px}.map-path-legend .slow{background:#2b8a3e}.map-path-legend .moving{background:#2f6fed}.map-path-legend .fast{background:#d9480f}.map-path-legend .stale{background:#87918e}.map-layer-switch button,.map-tool-switch button,.map-tool-switch select{background:transparent;border:0;color:#d8e8e3;font-size:12px;font-weight:800;min-height:28px;padding:0 9px}.map-layer-switch button.active,.map-tool-switch button.active,.map-tool-switch select{background:#eff7f4;color:#173c35}.map-edit-panel{align-items:center;background:#0f1715d1;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;color:#eff7f4;display:flex;flex-wrap:wrap;gap:6px;left:12px;max-width:min(520px,calc(100% - 24px));padding:6px;position:absolute;top:96px}.map-edit-panel strong{font-size:12px;padding:0 4px}.map-edit-panel select,.map-edit-panel button{background:#eff7f4;border:0;border-radius:6px;color:#173c35;font-size:12px;font-weight:800;min-height:28px;padding:0 8px}.map-edit-panel button:disabled,.map-edit-panel select:disabled{cursor:not-allowed;opacity:.55}.map-command-panel{background:#0f1715d1;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;color:#eff7f4;display:grid;gap:6px;left:12px;max-width:min(620px,calc(100% - 24px));padding:6px;position:absolute;top:138px}.map-command-panel>div{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.map-command-panel strong{font-size:12px;min-width:18px}.map-command-panel select,.map-command-panel button{background:#eff7f4;border:0;border-radius:6px;color:#173c35;font-size:12px;font-weight:800;min-height:27px;padding:0 8px}.map-command-panel button:disabled,.map-command-panel select:disabled{cursor:not-allowed;opacity:.55}.mission-waypoint-marker{align-items:center;background:#fff;border:4px solid var(--warning);border-radius:999px;box-shadow:0 8px 20px #00000047;color:var(--ink);cursor:grab;display:inline-flex;font-size:12px;font-weight:900;height:30px;justify-content:center;min-height:30px;padding:0;width:30px}.mission-waypoint-marker:active{cursor:grabbing}.mission-waypoint-marker.selected{background:#173c35;border-color:#fff;color:#fff;transform:scale(1.08)}.mission-constraint-marker{align-items:center;background:#fff;border:3px solid #2b8a3e;border-radius:8px;box-shadow:0 8px 20px #0000003d;color:#173c35;cursor:grab;display:inline-flex;font-size:11px;font-weight:900;height:24px;justify-content:center;min-height:24px;padding:0;width:24px}.mission-constraint-marker.rally{border-color:#6f42c1;border-radius:999px}.mission-constraint-marker:active{cursor:grabbing}.maplibregl-ctrl-attrib{font-size:11px}.position-readout{align-items:stretch;border-top:1px solid var(--line);display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.live-location-state{align-items:center;display:inline-flex;font-size:12px;font-weight:850;gap:7px}.live-location-state i,.live-map-label i{background:currentColor;border-radius:999px;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 16%,transparent);display:block;height:7px;width:7px}.live-location-state.tracking,.live-map-label{color:#087f5b}.live-location-state.waiting{color:var(--muted)}.live-map-label{align-items:center;background:#e6fcf5;border-radius:999px;display:inline-flex;gap:7px;padding:3px 7px;text-transform:uppercase}.live-location-empty{align-items:center;color:var(--muted);display:flex;gap:10px;grid-column:1 / -1;min-height:54px}.live-location-empty span{display:grid;gap:2px}.live-location-empty strong{color:var(--ink);font-size:13px}.live-location-empty small{font-size:12px}.live-metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.telemetry-table{display:grid;max-height:420px;overflow:auto}.telemetry-table>div{align-items:center;display:grid;gap:10px;grid-template-columns:48px minmax(70px,1fr) minmax(70px,1fr) minmax(70px,1fr) 72px;min-height:38px;padding:0 14px}.telemetry-table>div+div{border-top:1px solid #e7eeeb}.telemetry-table span{color:var(--muted)}.joystick{aspect-ratio:1;background:linear-gradient(90deg,transparent calc(50% - 1px),#cfe0da calc(50% - 1px),#cfe0da calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),#cfe0da calc(50% - 1px),#cfe0da calc(50% + 1px),transparent calc(50% + 1px)),var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;margin:18px auto 10px;max-width:280px;place-items:center;touch-action:none;width:min(72vw,280px);-webkit-user-select:none;user-select:none}.joystick.compact{background-color:#eff7f42e;border:2px solid rgb(255 255 255 / 62%);border-radius:50%;box-shadow:0 8px 26px #00000047;height:clamp(118px,34vw,174px);width:clamp(118px,34vw,174px)}.joystick.compact>div{border-width:3px;height:clamp(48px,13vw,66px);width:clamp(48px,13vw,66px)}.control-toolbar{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(180px,1fr) auto auto auto;padding:12px}.input-mode-card{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:9px;display:flex;gap:12px;margin:16px;padding:14px}.input-mode-card.active{background:#eaf7f1;border-color:var(--brand)}.input-mode-card>div{display:grid;gap:4px}.input-mode-card span{color:var(--muted);font-size:12px}.control-toolbar label{align-items:center;color:var(--muted);display:flex;font-size:12px;font-weight:800;gap:8px}.control-toolbar input[type=range]{min-width:96px}.auxiliary-config{border-top:1px solid var(--line);display:grid;gap:10px;margin:0 12px 12px;padding-top:14px}.auxiliary-config>header{align-items:center;display:flex;gap:12px;justify-content:space-between}.auxiliary-config>header>div{display:grid;gap:3px}.auxiliary-config>header span{color:var(--muted);font-size:12px}.auxiliary-row{align-items:end;background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;display:grid;gap:10px;grid-template-columns:minmax(120px,1.4fr) repeat(3,minmax(90px,.75fr)) auto auto;padding:10px}.auxiliary-row label{display:grid;font-size:11px;font-weight:800;gap:5px}.aux-switch{min-width:64px}.aux-switch.active{background:var(--brand);border-color:var(--brand);color:#fff}.vehicle-command-confirmation{display:flex;gap:8px}.vehicle-command-status{background:#eaf7f1;border-bottom:1px solid var(--line);color:var(--brand-dark);font-size:13px;font-weight:750;padding:10px 14px}.vehicle-command-status.pending{background:#eef4ff;color:var(--accent)}.joystick>div{background:var(--brand);border:4px solid #ffffff;border-radius:50%;box-shadow:0 12px 24px #0b6f613d;height:76px;width:76px}.joystick.disabled{opacity:.45}.panel-note{border-top:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:750;padding:12px 16px 16px;text-align:center}.toggle-line,.checkbox-field{align-items:center;display:flex;gap:8px}.toggle-line input,.checkbox-field input{min-height:16px;width:16px}.readout strong{color:var(--ink);min-height:20px}.empty-row{color:var(--muted);min-height:64px;padding:22px 16px}.error-banner,.notice-banner,.secret-banner{border-radius:8px;padding:12px 14px}.error-banner{background:#fff2ee;border:1px solid #f0c8bc;color:#8a2b18}.notice-banner{background:#eef8f2;border:1px solid #c6e4d0;color:#1d6537}.secret-banner{align-items:center;background:#fff9e8;border:1px solid #e4d59b;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) repeat(2,auto)}.secret-banner code{background:#fff;border:1px solid #e8ddb0;border-radius:6px;overflow:auto;padding:8px}.edge-setup-banner{align-items:center;background:#f3faf7;border:1px solid #b8d9cc;border-radius:10px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto;padding:18px}.edge-setup-copy{display:grid;gap:12px}.edge-setup-title{align-items:center;display:flex;font-size:18px;gap:8px}.edge-setup-copy dl{display:grid;gap:6px;margin:0}.edge-setup-copy dl div{display:grid;gap:10px;grid-template-columns:110px minmax(0,1fr)}.edge-setup-copy dt{color:var(--muted);font-weight:800}.edge-setup-copy dd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;overflow-wrap:anywhere}.edge-setup-warning{color:#795b12;font-size:13px}.edge-setup-qr{align-items:center;background:#fff;border:1px solid #c7d8d2;border-radius:10px;display:flex;justify-content:center;min-height:240px;min-width:240px;padding:10px}.edge-setup-qr img{display:block;height:min(320px,36vw);image-rendering:pixelated;width:min(320px,36vw)}.online{color:var(--success)}.idle{color:var(--warning)}.offline{color:#87918e}.button-link{align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);display:inline-flex;font-weight:650;justify-content:center;min-height:38px;padding:0 13px;text-decoration:none}.shared-shell{align-content:start;display:grid;gap:18px;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.shared-header{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:22px;grid-template-columns:auto minmax(180px,1fr) auto;padding:18px 20px}.shared-brand{color:var(--brand);text-decoration:none}.shared-session-actions{justify-content:flex-end}.shared-login{align-items:end;display:grid;gap:20px;grid-template-columns:minmax(180px,.7fr) minmax(420px,1.3fr)}.shared-login-form{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(140px,1fr)) auto}.shared-login .error-banner{grid-column:1 / -1}.shared-empty{justify-content:center;min-height:86px}.shared-viewer{align-items:start;display:grid;gap:18px;grid-template-columns:280px minmax(0,1fr)}.shared-feed-list{position:sticky;top:18px}.shared-feed-button{display:grid;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;min-height:58px;text-align:left;white-space:normal;width:100%}.shared-feed-button>span{display:grid;gap:3px}.shared-feed-button small{color:var(--muted);font-weight:600}.shared-feed-button.active{background:#edf7f4;border-color:var(--brand)}.shared-feed-content{min-width:0}@media(max-width:1120px){.view-grid,.live-grid,.status-grid,.admin-metrics,.form-grid,.mission-sync,.mission-sync-diff,.mission-preview,.revision-compare,.constraint-row,.constraint-points>div,.waypoint-row{grid-template-columns:repeat(2,minmax(0,1fr))}.editable-row,.user-row,.admin-user header,.user-admin-actions{grid-template-columns:18px minmax(0,1fr) minmax(140px,.7fr)}.editable-row>.toggle-line,.device-actions{grid-column:2 / -1}.device-actions{justify-content:flex-start}.usage-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-form,.live-grid,.threshold-grid{grid-template-columns:1fr}.live-grid>*{grid-column:1 / -1}.auxiliary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.threshold-control:nth-child(-n+2){border-top:1px solid #e7eeeb}.threshold-control:first-child{border-top:0}.waypoint-index,.waypoint-actions{grid-column:span 2}}@media(max-width:760px){.shared-shell{padding:14px}.shared-header,.shared-login,.shared-login-form,.shared-viewer{align-items:stretch;grid-template-columns:1fr}.shared-session-actions{justify-content:flex-start}.shared-feed-list{position:static}.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:14px;position:static}.sidebar .brand{margin-bottom:14px}nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.sidebar nav a{flex:0 0 auto;justify-content:center;padding:0 11px}.workspace{padding:16px}.live-video-panel{grid-column:auto;order:0;position:static}.live-source-panel{order:1}.live-video-panel .panel-title{min-height:42px;padding:8px 12px}.live-video-panel .telemetry-readouts{display:none}.live-video-panel .video-surface{aspect-ratio:16 / 9;max-height:none;min-height:0}.drive-hud{bottom:auto;left:10px;max-width:calc(100% - 116px);overflow:hidden;top:50px}.drive-hud span:nth-of-type(n+2){display:none}.video-actions{right:8px;top:8px}.video-actions button{height:36px;width:36px}.video-status{left:8px;top:8px}.control-toolbar{align-items:stretch;display:flex;flex-wrap:wrap}.control-toolbar>label:first-child{flex:1 1 100%}.topbar,.secret-banner,.edge-setup-banner,.config-id{align-items:stretch;grid-template-columns:1fr}.topbar{display:grid}.edge-setup-qr img{height:min(320px,80vw);width:min(320px,80vw)}.button-row button{flex:1 1 140px}.view-grid,.live-grid,.status-grid,.admin-metrics,.form-grid,.editable-row,.user-row,.list-row,.alert-row,.admin-user header,.user-admin-actions,.usage-strip,.grant-editor,.config-id,.live-metrics,.position-readout,.mission-sync,.mission-sync-diff,.mission-preview,.revision-compare,.constraint-row,.constraint-points>div,.threshold-control,.waypoint-row{grid-template-columns:1fr}.live-position-readout{grid-template-columns:repeat(2,minmax(0,1fr))}.editable-row>.toggle-line,.device-actions{grid-column:auto}.device-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.device-actions button{min-width:0;width:100%}.device-actions .confirm-action{grid-column:1 / -1;justify-content:stretch}.device-actions .confirm-action button{flex:1 1 140px}.threshold-control strong{text-align:left}.wide{grid-column:auto}.waypoint-editor{padding-left:16px}.waypoint-toolbar{align-items:stretch;display:grid}.mission-plan-map{aspect-ratio:1 / 1;min-height:280px}.waypoint-index,.waypoint-actions{grid-column:auto}.telemetry-table>div{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 14px}}@media(max-width:900px)and (pointer:coarse){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:12px;position:static}.sidebar .brand{margin-bottom:10px}.sidebar nav{display:flex;gap:8px;overflow-x:auto}.sidebar nav a{flex:0 0 auto}.workspace{padding:12px}.live-video-panel{grid-column:auto;order:0;position:static}.live-source-panel{order:1}.live-video-panel .telemetry-readouts{display:none}.drive-hud{bottom:auto;left:50%;max-width:calc(100% - 300px);top:10px;transform:translate(-50%)}.drive-hud span:nth-of-type(n+2){display:none}.landscape-hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080f0db8;border-radius:999px;bottom:auto;color:#fff;font-size:10px;font-weight:800;left:50%;padding:6px 9px;position:absolute;top:52px;transform:translate(-50%);white-space:nowrap}}@media(orientation:portrait){.live-grid.touch-live-grid .dual-drive-controls,.live-grid.touch-live-grid .mobile-safety-controls{display:none}.live-grid.touch-live-grid .live-video-panel .video-surface{aspect-ratio:16 / 9;max-height:none;min-height:0}.live-grid.touch-live-grid .landscape-hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080f0dc7;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;bottom:10px;color:#fff;display:block;font-size:10px;font-weight:850;left:50%;padding:6px 10px;position:absolute;top:auto;transform:translate(-50%);white-space:nowrap}}@media(max-width:900px)and (pointer:coarse)and (orientation:landscape){.landscape-hint{display:none}.live-video-panel .video-surface,.video-surface:fullscreen{min-height:min(72vw,calc(100svh - 20px))}.video-surface:fullscreen{min-height:100svh}.drive-axis{bottom:max(10px,env(safe-area-inset-bottom));width:clamp(118px,min(23vw,42vh),190px)}.drive-axis-label,.drive-axis output{font-size:9px}.drive-axis-thumb{height:clamp(42px,12vh,60px);width:clamp(42px,12vh,60px)}.mobile-safety-controls{bottom:max(14px,env(safe-area-inset-bottom));display:flex}.mobile-control-reason{bottom:52px;left:50%;position:absolute;transform:translate(-50%)}.video-surface:fullscreen .video-status{opacity:.62}}@media(orientation:landscape){:root:has(.shell.view-live .live-grid.touch-live-grid),body:has(.shell.view-live .live-grid.touch-live-grid){background:#0f1715;height:100%;overflow:hidden}.shell.view-live .live-grid.touch-live-grid .live-video-panel{background:#0f1715;border:0;border-radius:0;height:100vh;height:100dvh;top:0;right:0;bottom:0;left:0;margin:0;max-width:none;overflow:hidden;position:fixed;touch-action:none;width:100vw;width:100dvw;z-index:100}.shell.view-live .live-grid.touch-live-grid .live-video-panel .panel-title,.shell.view-live .live-grid.touch-live-grid .live-video-panel .telemetry-readouts{display:none}.shell.view-live .live-grid.touch-live-grid .live-video-panel .video-surface{aspect-ratio:auto;height:100%;max-height:none;min-height:0;width:100%}.shell.view-live .live-grid.touch-live-grid .video-actions,.shell.view-live .live-grid.touch-live-grid .landscape-hint{display:none}.shell.view-live .live-grid.touch-live-grid .drive-axis{bottom:max(8px,env(safe-area-inset-bottom));width:clamp(128px,min(23vw,43svh),240px)}.shell.view-live .live-grid.touch-live-grid .drive-axis.throttle{left:max(12px,env(safe-area-inset-left))}.shell.view-live .live-grid.touch-live-grid .drive-axis.steering{right:max(12px,env(safe-area-inset-right))}.shell.view-live .live-grid.touch-live-grid .mobile-safety-controls{bottom:auto;display:flex;gap:6px;left:50%;top:max(8px,env(safe-area-inset-top));transform:translate(-50%);max-width:48vw;overflow-x:auto}.shell.view-live .live-grid.touch-live-grid .mobile-safety-controls button{background:#080f0db8;border-color:#ffffff42;border-radius:10px;box-shadow:none;height:40px;min-height:40px;min-width:44px;padding:0;width:44px}.shell.view-live .live-grid.touch-live-grid .mobile-safety-controls button span{display:none}.shell.view-live .live-grid.touch-live-grid .mobile-safety-controls .control-enable svg{color:#96f2d7}.shell.view-live .live-grid.touch-live-grid .mobile-safety-controls .control-arm svg{color:#ffe066}.shell.view-live .live-grid.touch-live-grid .mobile-safety-controls .control-stop svg{color:#ff8787}.shell.view-live .live-grid.touch-live-grid .mobile-safety-controls .control-speed strong{color:#d0ebff;font-size:11px}.shell.view-live .live-grid.touch-live-grid .mobile-control-reason{bottom:auto;left:50%;max-width:220px;position:absolute;top:48px;transform:translate(-50%);white-space:nowrap}.shell.view-live .live-grid.touch-live-grid .drive-hud{bottom:auto;left:max(10px,env(safe-area-inset-left));max-width:240px;top:max(8px,env(safe-area-inset-top));transform:none}.shell.view-live .live-grid.touch-live-grid .video-status{left:auto;opacity:.7;right:max(10px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top))}}