:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{width:100%;min-height:100vh;margin:0;padding:0}#root{width:100%;min-height:100vh}a{color:#3b82f6;font-weight:500;text-decoration:none}a:hover{color:#2563eb}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .2s}button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.landing{color:#0f172a;background:#fff;width:100%;min-height:100vh}.landing-nav{background:#fff;border-bottom:1px solid #e2e8f0;width:100%}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.nav-logo{letter-spacing:.02em;font-size:1.5rem;font-weight:700}.nav-cta{align-items:center;gap:1rem;display:flex}.nav-link{color:#64748b;font-size:.9375rem}.nav-link:hover{color:#0f172a}.nav-btn{color:#fff;background:#0f172a;border-radius:6px;padding:.5rem 1rem;font-weight:500}.nav-btn:hover{background:#1e293b}.hero{width:100%;padding:4rem 1.5rem 5rem}.hero-inner{text-align:center;max-width:720px;margin:0 auto}.hero h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.hero-tagline{color:#475569;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.muted{color:#94a3b8;font-size:.9rem}.btn{border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{color:#fff;background:#0f172a;border:none}.btn-primary:hover{background:#1e293b}.btn-secondary{color:#0f172a;background:0 0;border:2px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-lg{padding:.875rem 1.75rem}.features{background:#f8fafc;width:100%;padding:4rem 1.5rem}.features-inner{max-width:1200px;margin:0 auto}.features h2{text-align:center;margin:0 0 2.5rem;font-size:1.75rem;font-weight:600}.features-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.feature-card h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.feature-card p{color:#64748b;margin:0;font-size:.9375rem;line-height:1.5}.cta-section{color:#f8fafc;background:#0f172a;width:100%;padding:4rem 1.5rem}.cta-inner{text-align:center;max-width:560px;margin:0 auto}.cta-section h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.cta-section p{color:#94a3b8;margin:0 0 1.5rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.cta-section .btn-primary{color:#0f172a;background:#fff}.cta-section .btn-primary:hover{background:#f1f5f9}.cta-section .btn-secondary{color:#f8fafc;border-color:#475569}.cta-section .btn-secondary:hover{background:#1e293b;border-color:#64748b}.landing-footer{text-align:center;border-top:1px solid #e2e8f0;width:100%;padding:2rem 1.5rem}.footer-inner{max-width:1200px;margin:0 auto}.landing-footer small{color:#94a3b8;font-size:.875rem}@media (width<=480px){.nav-inner{padding:1rem}.nav-cta{gap:.5rem}.nav-btn{padding:.5rem .75rem;font-size:.875rem}.hero{padding:3rem 1rem 4rem}.hero-cta{flex-direction:column}.btn{text-align:center;width:100%}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}.rdi-create-connection-dialog .MuiDialog-paper{color:#f8fafc!important;background-color:#1e293b!important;border:1px solid #334155!important}.rdi-create-connection-dialog .MuiDialogContent-root{color:#f8fafc!important;background-color:#1e293b!important}.rdi-create-connection-dialog .MuiDialogTitle-root{color:#fff!important;background-color:#1e293b!important}.rdi-create-connection-dialog .MuiDialogActions-root{background-color:#1e293b!important;border-color:#334155!important}.rdi-create-connection-dialog .MuiOutlinedInput-root{color:#f8fafc!important;background-color:#0f172a!important}.rdi-create-connection-dialog .MuiOutlinedInput-root input,.rdi-create-connection-dialog .MuiOutlinedInput-root .MuiSelect-select{color:#f8fafc!important}.rdi-create-connection-dialog .MuiOutlinedInput-root input::placeholder{color:#64748b!important}.rdi-create-connection-dialog .MuiOutlinedInput-root fieldset{border-color:#334155!important}.rdi-create-connection-dialog .MuiOutlinedInput-root:hover fieldset{border-color:#475569!important}.rdi-create-connection-dialog .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6!important}.rdi-create-connection-dialog .MuiInputLabel-root{color:#94a3b8!important}.rdi-hud{--hud-bg:#050a12;--hud-panel:#08101ceb;--hud-line:#38bdf859;--hud-cyan:#38bdf8;--hud-amber:#fbbf24;--hud-green:#4ade80;--hud-dim:#64748b;--hud-text:#e2e8f0;border:1px solid var(--hud-line);background:linear-gradient(135deg, #38bdf80f, transparent 42%), linear-gradient(180deg, #071018 0%, var(--hud-bg) 100%);border-radius:2px;margin-bottom:1rem;padding:1rem 1rem 1.1rem;font-family:Segoe UI,IBM Plex Sans,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172acc}.rdi-hud:before{content:"";pointer-events:none;opacity:.7;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#38bdf805 2px 4px);position:absolute;inset:0}.rdi-hud-header{z-index:1;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex;position:relative}.rdi-hud-title{flex-direction:column;gap:.15rem;display:flex}.rdi-hud-title strong{letter-spacing:.22em;text-transform:uppercase;color:var(--hud-cyan);font-size:.72rem}.rdi-hud-title span{color:var(--hud-dim);font-size:.75rem}.rdi-hud-status{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;display:flex}.rdi-hud-armed{color:var(--hud-green);letter-spacing:.16em;text-transform:uppercase;border:1px solid #4ade8073;align-items:center;gap:.4rem;padding:.2rem .55rem;font-size:.65rem;display:inline-flex}.rdi-hud-armed.is-off{color:var(--hud-dim);border-color:#64748b80}.rdi-hud-armed .dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite rdi-hud-pulse;box-shadow:0 0 8px}.rdi-hud-armed.is-off .dot{box-shadow:none;opacity:.5;animation:none}.rdi-hud-ping{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:.05rem;min-width:4.5rem;display:flex}.rdi-hud-ping-label{letter-spacing:.18em;text-transform:uppercase;color:var(--hud-dim);font-size:.58rem}.rdi-hud-ping-value{letter-spacing:.04em;color:var(--hud-dim);text-shadow:0 0 12px #0000;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:1.15rem;font-weight:700;line-height:1;transition:color .16s,text-shadow .16s}.rdi-hud-ping-value.is-good{color:var(--hud-green);text-shadow:0 0 14px #4ade8073}.rdi-hud-ping-value.is-ok{color:var(--hud-amber);text-shadow:0 0 14px #fbbf2466}.rdi-hud-ping-value.is-bad{color:#f87171;text-shadow:0 0 14px #f8717166}.rdi-hud-ping-value.is-wait{color:var(--hud-cyan);animation:1s ease-in-out infinite rdi-hud-pulse}.rdi-hud-ping-unit{letter-spacing:.08em;opacity:.85;margin-left:.15rem;font-size:.65rem;font-weight:600}@keyframes rdi-hud-pulse{0%,to{opacity:1}50%{opacity:.35}}.rdi-hud-path{z-index:1;background:#020617d9;border:1px solid #334155e6;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.9rem;padding:.25rem;display:grid;position:relative}.rdi-hud-path button{appearance:none;color:var(--hud-dim);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;padding:.55rem .4rem;font-size:.72rem;transition:color .12s,background .12s,border-color .12s,box-shadow .12s}.rdi-hud-path button:hover{color:var(--hud-text)}.rdi-hud-path button.is-active{color:#020617;background:var(--hud-cyan);border-color:var(--hud-cyan);font-weight:700;box-shadow:0 0 18px #38bdf859}.rdi-hud-path button.is-active.is-radio{background:var(--hud-amber);border-color:var(--hud-amber);box-shadow:0 0 18px #fbbf244d}.rdi-hud-body{z-index:1;grid-template-columns:minmax(140px,.9fr) 1.1fr;gap:.9rem;display:grid;position:relative}@media (width<=560px){.rdi-hud-body{grid-template-columns:1fr}}.rdi-hud-pad{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:.35rem;max-width:168px;display:grid}.rdi-hud-key{color:#94a3b8;letter-spacing:.04em;background:#0f172abf;border:1px solid #334155f2;justify-content:center;align-items:center;min-height:40px;font-size:.78rem;font-weight:700;transition:background 80ms,color 80ms,border-color 80ms,transform 80ms,box-shadow 80ms;display:flex}.rdi-hud-key.is-empty{visibility:hidden}.rdi-hud-key.is-lit{color:#020617;background:var(--hud-cyan);border-color:var(--hud-cyan);transform:translateY(1px);box-shadow:0 0 14px #38bdf873}.rdi-hud-side{flex-direction:column;gap:.65rem;min-width:0;display:flex}.rdi-hud-stream{min-height:72px;color:var(--hud-green);word-break:break-all;white-space:pre-wrap;background:#020617;border:1px solid #1e293b;flex:1;padding:.65rem .75rem;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:.85rem}.rdi-hud-stream.is-idle{color:var(--hud-dim)}.rdi-hud-stream-label{letter-spacing:.16em;text-transform:uppercase;color:var(--hud-dim);margin-bottom:.35rem;font-size:.65rem}.rdi-hud-actions{flex-wrap:wrap;gap:.35rem;min-height:28px;display:flex}.rdi-hud-chip{color:var(--hud-cyan);letter-spacing:.08em;text-transform:uppercase;background:#38bdf814;border:1px solid #38bdf866;padding:.18rem .45rem;font-size:.65rem}.rdi-hud-chip.is-radio{color:var(--hud-amber);background:#fbbf2414;border-color:#fbbf2473}.rdi-hud-meta{color:var(--hud-dim);font-size:.7rem;line-height:1.35}.rdi-hud-meta strong{color:#94a3b8;font-weight:600}.rdi-hud-tx{letter-spacing:.14em;text-transform:uppercase;color:var(--hud-dim);align-items:center;gap:.35rem;margin-top:.15rem;font-size:.65rem;display:inline-flex}.rdi-hud-tx.is-live{color:var(--hud-green)}.rdi-hud-extra{z-index:1;flex-wrap:wrap;gap:.35rem;margin-top:.75rem;display:flex;position:relative}.rdi-hud-extra .rdi-hud-key{min-width:42px;min-height:34px;padding:0 .45rem}.console{color:#f8fafc;background:#0f172a;width:100%;min-height:100vh}.console-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.console-header [class*=Heading]{flex:1;margin:0}.sidebar-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #334155;border-radius:6px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;display:none}.sidebar-toggle .hamburger{background:currentColor;width:18px;height:2px;margin:0 auto;display:block}@media (width<=767px){.sidebar-toggle{display:flex}}.console-header button{color:#94a3b8}.console-body{min-height:calc(100vh - 60px);display:flex}.sidebar-backdrop{z-index:40;background:#00000080;display:none;position:fixed;inset:0}.sidebar-backdrop.open{display:block}@media (width>=768px){.sidebar-backdrop{display:none!important}}.sidebar{background:#0f172a;border-right:1px solid #334155;width:240px;min-width:240px;padding:1.5rem}@media (width<=767px){.sidebar{z-index:50;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 12px #0000004d}.sidebar.open{transform:translate(0)}}.sidebar h3{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:1rem 0 .5rem;font-size:.75rem}.sidebar select{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:.375rem;width:100%;padding:.5rem;font-size:.9rem}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{color:#94a3b8;padding:.4rem 0}.sidebar .folder-tree-item{margin:0;padding:0;display:block}.sidebar .folder-tree-row{align-items:center;width:100%;display:flex}.sidebar .folder-tree-row .MuiListItemText-root{text-overflow:ellipsis;overflow:hidden}.sidebar .folder-tree-item+.folder-tree-item{margin-top:0}.link-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.875rem}.main{flex:1;min-width:0;padding:1.5rem}@media (width<=767px){.main{padding:1rem}}.main-top-bar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.new-connection-btn{flex-shrink:0}.region-header{flex:1}.region-header h2{margin:0;font-size:1.5rem}.region-id{color:#64748b;font-size:.8rem}.drones-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}@media (width<=480px){.drones-grid{grid-template-columns:1fr}}.drone-card{background:#1e293b;border:1px solid #334155;border-radius:.5rem;padding:1rem}.drone-card h4{margin:.5rem 0 .25rem}.status-dot{border-radius:50%;width:10px;height:10px}.status-dot.connected{background:#22c55e}.status-dot.idle{background:#eab308}.status-dot.offline{background:#64748b}.status-text{color:#94a3b8;font-size:.8rem}.mock-note{color:#64748b;margin-top:2rem;font-size:.85rem}.settings-page .settings-body{min-height:calc(100vh - 60px);display:flex}.settings-nav{background:#0b1220;border-right:1px solid #334155;flex-shrink:0;width:220px;padding:1.25rem 1rem}.settings-main{flex:1;max-width:900px;padding:1.5rem 1.75rem 3rem}.input-stream-panel{box-shadow:none}@media (width<=767px){.settings-page .settings-body{flex-direction:column}.settings-nav{border-bottom:1px solid #334155;border-right:none;width:100%}}