*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#root{color:#fff;background-color:#000;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}.main-layout{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.viewport-stage{justify-content:center;align-items:center;display:flex;position:relative}.viewport-stage.aspect-16-9{width:min(100vw,177.778vh);height:min(100vh,56.25vw)}.viewport-stage.aspect-stretch{width:100vw;height:100vh}.fpv-canvas{object-fit:fill;width:100%;height:100%;display:block}.osd-canvas{pointer-events:none;object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.au-hud-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.01em;z-index:20;background:#0f172ac7;border:1px solid #ffffff24;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:14px;left:14px}.hud-item{color:#fff;margin-right:6px}.hud-item.temp-hot{color:#ef4444}.hud-volt{color:#fff;margin-right:10px}.hud-divider{color:#ffffff54;margin-right:10px}.hud-fps{color:#38bdf8}.top-right-controls{z-index:30;align-items:center;gap:10px;transition:opacity .4s;display:flex;position:absolute;top:14px;right:14px}.top-right-controls.dimmed{opacity:.35}.top-right-controls:hover{opacity:1!important}.circle-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ac7;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .1s;display:flex}.circle-btn:hover{background:#1e293beb}.circle-btn:active{transform:scale(.95)}.rec-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ac7;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:12px;font-weight:700;transition:background .15s;display:flex}.rec-btn:hover{background:#1e293beb}.rec-btn.recording{background:#7f1d1dd9;border-color:#ef444499}.rec-dot{background:#ef4444;border-radius:50%;width:8px;height:8px}.rec-btn.recording .rec-dot{animation:1s infinite pulse-rec}@keyframes pulse-rec{0%,to{opacity:1}50%{opacity:.25}}.waiting-card{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0f172ae6;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;max-width:90vw;padding:24px 32px;display:flex;position:absolute;box-shadow:0 20px 50px #000000a6}.waiting-logo{object-fit:contain;width:56px;height:56px;margin-bottom:12px}.waiting-title{color:#fff;margin-bottom:12px;font-size:22px;font-weight:700}.waiting-status-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.amber{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b99}.status-dot.green{background-color:#22c55e;box-shadow:0 0 8px #22c55e99}.status-dot.red{background-color:#ef4444;box-shadow:0 0 8px #ef444499}.status-text{color:#ccc;font-size:14px}.connect-usb-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #38bdf859;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:700;transition:filter .15s,transform .1s}.connect-usb-btn:hover{filter:brightness(1.12)}.connect-usb-btn:active{transform:scale(.97)}.debug-log-container{z-index:28;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090d16e0;border:1px solid #38bdf840;border-radius:12px;flex-direction:column;height:170px;padding:8px 10px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.debug-log-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:4px;display:flex}.debug-log-title{color:#38bdf8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700}.debug-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.debug-clear-btn:hover{color:#fff}.debug-scroll-view{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.45;overflow-y:auto}.modal-backdrop{z-index:50;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.settings-dialog{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172af5;border:1px solid #ffffff24;border-radius:18px;width:min(88vw,520px);max-height:85vh;padding:20px;overflow-y:auto;box-shadow:0 24px 60px #000000bf}.settings-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.settings-title{color:#fff;font-size:18px;font-weight:700}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.close-btn:hover{color:#fff;background:#ffffff14}.settings-divider{background:#ffffff21;width:100%;height:1px;margin:14px 0}.setting-row{justify-content:space-between;align-items:center;height:48px;display:flex}.setting-label{color:#fff;font-size:16px}.toggle-switch{cursor:pointer;background:#334155;border:none;border-radius:999px;width:46px;height:26px;padding:0;transition:background .2s;position:relative}.toggle-switch.checked{background:#0284c7}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch.checked .toggle-thumb{transform:translate(20px)}.gps-card{background:#ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;margin-bottom:12px;padding:12px;display:flex}.gps-info{flex-direction:column;display:flex}.gps-title{color:#fff;font-size:15px;font-weight:700}.gps-coords{color:#38bdf8;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.gps-time{color:#94a3b8;margin-top:2px;font-size:11px}.action-btn{color:#fff;cursor:pointer;background:#0284c7;border:1px solid #38bdf859;border-radius:8px;flex-shrink:0;height:36px;padding:0 14px;font-size:12px;font-weight:700}.action-btn:hover:not(:disabled){background:#0369a1}.action-btn:disabled{opacity:.45;cursor:not-allowed}.font-sync-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.font-status{margin-top:2px;font-size:12px}.font-status.cached{color:#4ade80}.font-status.syncing{color:#38bdf8}.font-status.bundled{color:#94a3b8}.about-heading{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:13px;font-weight:700}.about-card{background:#ffffff14;border-radius:10px;align-items:center;margin-bottom:12px;padding:12px;display:flex}.about-logo{object-fit:contain;width:44px;height:44px;margin-right:12px}.about-app-name{color:#fff;font-size:17px;font-weight:700}.about-version{color:#94a3b8;margin-top:2px;font-size:12px}.about-logo-credit{color:#64748b;margin-top:2px;font-size:11px}.link-block{cursor:pointer;border-radius:6px;flex-direction:column;padding:6px 4px;text-decoration:none;transition:background .15s;display:flex}.link-block:hover{background:#ffffff0f}.link-title-bold{color:#fff;font-size:13px;font-weight:700}.link-title{color:#e2e8f0;font-size:12px}.link-url{color:#38bdf8;margin-top:1px;font-size:11px}.credits-subheading{color:#94a3b8;margin-top:8px;margin-bottom:4px;font-size:12px;font-weight:700}