: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-vpad-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.rdi-vpad-overlay--rotate{pointer-events:auto;text-align:center;color:#e2e8f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050a12b8;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.rdi-vpad-overlay--rotate strong{letter-spacing:.12em;text-transform:uppercase;color:#38bdf8;font-size:1rem}.rdi-vpad-overlay--rotate p{color:#94a3b8;max-width:18rem;margin:0;font-size:.9rem}.rdi-vpad-float-stick{bottom:calc(var(--vpad-bottom-inset,0px) + max(12px, env(safe-area-inset-bottom,0px)));pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle,#38bdf81f,#0000 62%),#08101c6b;border:1px solid #38bdf866;border-radius:50%;width:min(26vw,132px);height:min(26vw,132px);position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a59}.rdi-vpad-float-stick--left{left:max(10px, env(safe-area-inset-left,0px))}.rdi-vpad-float-stick--right{right:max(10px, env(safe-area-inset-right,0px))}.rdi-vpad-float-stick.is-active{background:radial-gradient(circle,#38bdf838,#0000 62%),#08101c80;border-color:#38bdf8;box-shadow:inset 0 0 0 1px #0f172a59,0 0 18px #38bdf847}.rdi-vpad-stick-ring{pointer-events:none;border:1px dashed #94a3b866;border-radius:50%;position:absolute;inset:18%}.rdi-vpad-stick-cross{pointer-events:none;background:linear-gradient(90deg,#0000 49.2%,#94a3b847 49.2% 50.8%,#0000 50.8%),linear-gradient(#0000 49.2%,#94a3b847 49.2% 50.8%,#0000 50.8%);position:absolute;inset:0}.rdi-vpad-stick-knob{pointer-events:none;will-change:transform;background:linear-gradient(160deg,#7dd3fcf2,#0ea5e9d9 55%,#0369a1e6);border:1px solid #bae6fd8c;border-radius:50%;width:38%;height:38%;margin-top:-19%;margin-left:-19%;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #0006}.rdi-vpad-float-center{left:50%;bottom:calc(var(--vpad-bottom-inset,0px) + max(28px, env(safe-area-inset-bottom,0px) + 16px));pointer-events:auto;z-index:3;gap:.5rem;display:flex;position:absolute;transform:translate(-50%)}.rdi-vpad-btn{color:#e2e8f0;letter-spacing:.06em;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08101c73;border:1px solid #38bdf866;border-radius:10px;justify-content:center;align-items:center;min-width:68px;min-height:40px;padding:0 .7rem;font-size:clamp(.65rem,1.8vw,.8rem);font-weight:600;display:flex}.rdi-vpad-btn.is-lit{color:#fff;background:#38bdf866;border-color:#38bdf8;box-shadow:0 0 14px #38bdf84d}.rdi-vpad-btn.is-warn.is-lit{background:#fbbf2459;border-color:#fbbf24;box-shadow:0 0 14px #fbbf2447}.rdi-video-feed{z-index:0;background:radial-gradient(at 30% 20%,#38bdf81f,#0000 50%),radial-gradient(at 70% 80%,#0ea5e914,#0000 45%),linear-gradient(160deg,#0b1220 0%,#050a12 55%,#020617 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rdi-video-feed-placeholder{text-align:center;color:#64748b;pointer-events:none;-webkit-user-select:none;user-select:none}.rdi-video-feed-placeholder strong{letter-spacing:.2em;text-transform:uppercase;color:#38bdf88c;margin-bottom:.35rem;font-size:.7rem;display:block}.rdi-video-feed-placeholder span{color:#475569;font-size:.75rem}.rdi-video-feed--desktop{border-radius:2px}.rdi-video-stage-desktop{aspect-ratio:16/9;background:#020617;border:1px solid #1e293b;border-radius:2px;width:100%;max-height:min(42vh,360px);margin-bottom:.85rem;position:relative;overflow:hidden}.rdi-video-stage-input{z-index:2;letter-spacing:.02em;color:#e2e8f0;text-shadow:0 1px 4px #000000a6;pointer-events:none;max-width:min(55%,320px);font-size:.8rem;font-weight:600;line-height:1.25;position:absolute;top:10px;left:12px}.rdi-video-stage-input .is-idle{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:500}.rdi-video-stage-hud{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-end;line-height:1.15;display:flex;position:absolute;top:10px;right:12px}.rdi-video-stage-hud-armed{letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-size:.65rem;font-weight:700}.rdi-video-stage-hud-armed.is-on{color:#4ade80}.rdi-video-stage-hud-ping{font-variant-numeric:tabular-nums;color:#e2e8f0;font-size:.85rem;font-weight:600}.rdi-video-stage-hud-ping.is-radio{color:#fbbf24}.rdi-video-stage-hud-ping .unit{color:#64748b;margin-left:.25rem;font-size:.6rem;font-weight:500}.rdi-video-stage-path{z-index:2;gap:.35rem;display:inline-flex;position:absolute;bottom:10px;left:10px}.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%}}