:root{--n-bg: #f8fafc;--n-surface: #fff;--n-card-bg: rgba(255, 255, 255, .95);--n-border: #cbd5e1;--n-text: #0f172a;--n-text-muted: #475569;--n-primary: #0284c7;--n-primary-hover: #0369a1;--n-accent: #8b5cf6;--n-accent-cyan: #06b6d4;--n-success: #10b981;--n-warning: #f59e0b;--n-danger: #ef4444;--n-info: #0284c7;--n-svg-card: #f1f5f9;--n-svg-inner: #fff;--n-svg-stroke: #cbd5e1;--n-radius: 16px;--n-shadow: 0 10px 30px -5px rgba(0, 0, 0, .08)}.theme-dark{--n-bg: #070b12;--n-surface: #0f172a;--n-card-bg: rgba(15, 23, 42, .92);--n-border: #1e293b;--n-text: #f8fafc;--n-text-muted: #94a3b8;--n-primary: #38bdf8;--n-primary-hover: #7dd3fc;--n-accent: #a78bfa;--n-accent-cyan: #22d3ee;--n-success: #34d399;--n-warning: #fbbf24;--n-danger: #f87171;--n-info: #38bdf8;--n-svg-card: #0b1120;--n-svg-inner: #1e293b;--n-svg-stroke: #334155;--n-shadow: 0 14px 35px -5px rgba(0, 0, 0, .6)}.sc-fpv-cockpit{display:grid;grid-template-columns:1fr;gap:2rem;background-color:var(--n-card-bg);border:1px solid var(--n-border);border-radius:var(--n-radius);padding:2rem;box-shadow:var(--n-shadow);backdrop-filter:blur(14px);color:var(--n-text);margin-bottom:2rem}@media(min-width:1024px){.sc-fpv-cockpit{grid-template-columns:380px 1fr}}.sc-cockpit-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sc-cockpit-title{font-size:1.05rem;font-weight:700;color:var(--n-text);margin-bottom:.8rem;letter-spacing:-.01em}.sc-preset-group{display:flex;flex-wrap:wrap;gap:.5rem}.sc-preset-chip{background-color:var(--n-surface);border:1px solid var(--n-border);color:var(--n-text);border-radius:8px;padding:.45rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sc-preset-chip:hover{border-color:var(--n-primary);color:var(--n-primary)}.sc-preset-chip.active{background-color:var(--n-primary);border-color:var(--n-primary);color:#fff;box-shadow:0 0 14px #38bdf859}.sc-field-group{display:flex;flex-direction:column;gap:.4rem}.sc-field-header{display:flex;align-items:center;justify-content:space-between}.sc-field-header label{font-size:.85rem;font-weight:600;color:var(--n-text-muted)}.sc-input{width:100%;background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:8px;padding:.55rem .8rem;color:var(--n-text);font-size:.95rem;outline:none;transition:border-color .2s ease}.sc-input:focus{border-color:var(--n-primary)}.sc-slider{width:100%;accent-color:var(--n-primary);cursor:pointer;margin-top:.2rem}.sc-throttle-box{background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;border-left:3px solid var(--n-accent-cyan)}.sc-throttle-label{font-size:.9rem;font-weight:700;color:var(--n-text)}.sc-throttle-badge{background-color:var(--n-accent-cyan);color:#000;font-weight:800;font-size:.85rem;padding:.15rem .55rem;border-radius:6px}.sc-throttle-slider{accent-color:var(--n-accent-cyan);height:6px}.sc-snap-group{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-top:.2rem}.sc-snap-btn{background-color:var(--n-bg);border:1px solid var(--n-border);border-radius:6px;padding:.3rem .2rem;font-size:.72rem;font-weight:700;color:var(--n-text-muted);cursor:pointer;transition:all .2s ease;text-align:center}.sc-snap-btn:hover{border-color:var(--n-accent-cyan);color:var(--n-accent-cyan)}.sc-custom-select{position:relative;width:100%}.sc-select-trigger{display:flex;align-items:center;justify-content:space-between;background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:8px;padding:.6rem .8rem;color:var(--n-text);font-size:.95rem;cursor:pointer;user-select:none}.sc-select-trigger svg{transition:transform .2s ease;fill:var(--n-text-muted)}.sc-custom-select.open .sc-select-trigger svg{transform:rotate(180deg)}.sc-select-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:8px;box-shadow:var(--n-shadow);z-index:50;overflow:hidden}.sc-custom-select.open .sc-select-dropdown{display:block}.sc-select-option{padding:.6rem .8rem;font-size:.9rem;color:var(--n-text);cursor:pointer;transition:background-color .2s ease}.sc-select-option:hover,.sc-select-option.active{background-color:var(--n-primary);color:#fff}.sc-cockpit-telemetry{display:flex;flex-direction:column;gap:1.5rem}.sc-telemetry-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sc-safety-badge{padding:.45rem 1.1rem;border-radius:20px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.status-optimal{background-color:#10b98126;color:var(--n-success);border:1px solid var(--n-success)}.status-info{background-color:#0284c726;color:var(--n-info);border:1px solid var(--n-info)}.status-accent{background-color:#8b5cf626;color:var(--n-accent);border:1px solid var(--n-accent)}.status-warning{background-color:#f59e0b26;color:var(--n-warning);border:1px solid var(--n-warning)}.status-danger{background-color:#ef444426;color:var(--n-danger);border:1px solid var(--n-danger)}.sc-hud-wrapper{background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:12px;padding:1rem;display:flex;justify-content:center;align-items:center}.sc-hud-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.sc-hud-card{background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.sc-hud-card.highlight-cyan{border-color:var(--n-accent-cyan)}.sc-hud-card.highlight-purple{border-color:var(--n-accent)}.sc-hud-label{font-size:.8rem;color:var(--n-text-muted);font-weight:600}.sc-hud-val{font-size:1.35rem;font-weight:800;color:var(--n-text)}.sc-tuning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.sc-tuning-card{background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.3rem;border-top:2px solid var(--n-primary)}.sc-tuning-val{font-size:1.05rem;font-weight:800;color:var(--n-primary)}.sc-flight-status-card{background-color:var(--n-surface);border:1px solid var(--n-border);border-radius:12px;padding:1.2rem}.sc-flight-status-card h4{font-size:1rem;font-weight:700;margin-bottom:.4rem;color:var(--n-text)}.sc-flight-status-card p{font-size:.9rem;color:var(--n-text-muted);line-height:1.5}
