:root{--bg: #0d1117;--bg-elevated: #161b22;--panel: #0f141b;--panel-header: #12181f;--border: #26303d;--border-strong: #3a4553;--text: #e6edf3;--text-dim: #8b949e;--text-faint: #6e7681;--accent: #22d3ee;--accent-dim: rgba(34, 211, 238, .12);--status-inner: #f85149;--status-outer: #d29922;--status-detected: #22d3ee;--status-lost: #6e7681;--header-height: 48px;--panel-width: 380px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}.header-menu{position:relative;display:flex}.header-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:190px;margin:0;padding:4px;list-style:none;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 8px 24px #00000073}.header-menu-dropdown li{margin:0}.header-menu-dropdown button{display:block;width:100%;padding:8px 10px;border:none;border-radius:4px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.header-menu-dropdown button:hover{background:var(--panel)}.header{height:var(--header-height);flex-shrink:0;display:flex;align-items:center;gap:32px;padding:0 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.header-brand{display:flex;align-items:center;gap:10px}.header-mark{width:14px;height:14px;border:2px solid var(--accent);transform:rotate(45deg)}.header-title{font-weight:600;letter-spacing:.14em;font-size:13px}.header-counters{display:flex;gap:28px}.header-counters.is-dimmed{opacity:.4}.header-counter{display:flex;align-items:center;gap:6px}.header-dot{width:8px;height:8px;border-radius:50%}.header-counter.is-alarm .header-dot{animation:alarm-pulse 1.1s ease-in-out infinite}.header-counter.is-alarm .header-counter-value{color:var(--status-inner)}@keyframes alarm-pulse{0%,to{box-shadow:0 0 #f8514999}50%{box-shadow:0 0 0 5px #f8514900}}.header-reconnect{margin-right:8px;padding:3px 9px;border-radius:999px;background:#d2992226;color:var(--status-outer);font-size:11px;letter-spacing:.04em;animation:reconnect-fade 1.4s ease-in-out infinite}@keyframes reconnect-fade{0%,to{opacity:1}50%{opacity:.45}}.header-counter-value{font-variant-numeric:tabular-nums;font-weight:600}.header-counter-label{color:var(--text-dim);font-size:11px;letter-spacing:.08em}.header-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:4px;background:transparent;color:var(--text-dim);font-size:16px;cursor:pointer}.header-icon-btn:hover{background:var(--panel);color:var(--text)}.data-section{padding:12px 0;border-top:1px solid var(--border)}.data-section:first-child{border-top:none}.data-section-title{margin:0 0 8px;font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--accent)}.data-section-body{display:flex;flex-direction:column;gap:3px}.data-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:12px;line-height:1.5}.data-row-label{color:var(--text-dim);white-space:nowrap}.data-row-value{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.data-row.is-muted .data-row-value{color:var(--text-faint)}.drone-details{border-top:1px solid var(--border)}.source-row{display:grid;grid-template-columns:1fr 70px auto;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;line-height:1.6}.source-label{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-meter{height:4px;border-radius:2px;background:var(--bg-elevated);overflow:hidden}.source-meter-fill{display:block;height:100%;background:var(--accent)}.source-pct{color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.source-fused{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--border);font-family:var(--font-mono);font-size:12px}.full-track-toggle{display:flex;align-items:center;gap:8px;padding:10px 0 2px;color:var(--text-dim);font-size:12px;cursor:pointer}.full-track-toggle input{accent-color:var(--accent)}.drone-card{border-bottom:1px solid var(--border);border-left:2px solid transparent}.drone-card.is-selected{background:var(--accent-dim);border-left-color:var(--accent)}.drone-card.is-historical{opacity:.6}.drone-card.status-INSIDE_INNER:not(.is-historical){border-left-color:var(--status-inner);animation:card-alarm 1.1s ease-in-out infinite}@keyframes card-alarm{0%,to{background:transparent}50%{background:#f851491a}}.drone-card.status-INSIDE_INNER.is-selected{animation:none;background:var(--accent-dim)}.drone-card-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label pill" "meta  meta";gap:4px 8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer}.drone-card-head:hover{background:var(--bg-elevated)}.drone-card-label{grid-area:label;font-family:var(--font-mono);font-size:13px}.drone-pill{grid-area:pill;justify-self:end;padding:1px 7px;border-radius:999px;font-size:10px;letter-spacing:.04em;white-space:nowrap;color:#06121a}.drone-pill.status-INSIDE_INNER{background:var(--status-inner)}.drone-pill.status-INSIDE_OUTER{background:var(--status-outer)}.drone-pill.status-DETECTED{background:var(--status-detected)}.drone-pill.status-LOST{background:var(--status-lost);color:var(--text)}.drone-card-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums}.drone-card-zone{color:var(--status-outer)}.drone-card-zone.is-inner{color:var(--status-inner)}.drone-card .drone-details{padding:0 14px 12px}.drone-panel{display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--border);overflow:hidden}.drone-panel.is-dimmed{opacity:.4;pointer-events:none}.drone-panel-filters{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--panel-header);border-bottom:1px solid var(--border)}.drone-panel-search{padding:7px 10px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg);color:var(--text);font:inherit;font-size:13px}.drone-panel-search:focus{outline:none;border-color:var(--accent)}.drone-panel-chips{display:flex;flex-wrap:wrap;gap:6px}.drone-panel-chips button{padding:4px 9px;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-size:11px;cursor:pointer}.drone-panel-chips button:hover{color:var(--text)}.drone-panel-chips button.is-active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.drone-panel-empty{padding:24px 16px;color:var(--text-faint);font-size:13px}.drone-panel-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.zone-panel{display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--border);overflow:hidden}.zone-panel-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--panel-header);border-bottom:1px solid var(--border);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--text-dim)}.zone-panel-done{padding:5px 12px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:12px;letter-spacing:normal;cursor:pointer}.zone-panel-done:hover{border-color:var(--accent)}.zone-panel-list{flex-shrink:0;margin:0;padding:8px;list-style:none;border-bottom:1px solid var(--border)}.zone-panel-list button{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:4px;background:var(--accent-dim);color:var(--text);font:inherit;text-align:left;cursor:pointer}.zone-panel-list button:hover{border-color:var(--accent)}.zone-panel-list-name{font-family:var(--font-mono);font-size:13px}.zone-panel-list-buffer{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.zone-panel-list-empty{padding:9px 10px;color:var(--text-faint);font-size:12px}.zone-panel-body{display:flex;flex-direction:column;gap:12px;padding:14px}.zone-field{display:flex;flex-direction:column;gap:4px}.zone-field span{font-size:11px;letter-spacing:.08em;color:var(--text-dim)}.zone-field input{padding:7px 9px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg);color:var(--text);font:inherit}.zone-field input:focus{outline:none;border-color:var(--accent)}.zone-actions{display:flex;gap:8px}.zone-actions button,.zone-draw-start{flex:1;padding:8px 10px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-elevated);color:var(--text);font:inherit;cursor:pointer}.zone-actions button:hover:not(:disabled),.zone-draw-start:hover:not(:disabled){border-color:var(--accent)}.zone-actions button:disabled,.zone-draw-start:disabled{opacity:.5;cursor:default}.zone-primary{background:var(--accent);border-color:var(--accent);color:#06232b;font-weight:600}.zone-danger{color:var(--status-inner);border-color:transparent;background:transparent}.zone-danger:hover:not(:disabled){border-color:var(--status-inner)}.zone-error{margin:0;color:var(--status-inner);font-size:12px}.demo-panel{display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--border);overflow:hidden}.demo-panel-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--panel-header);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--text-dim)}.demo-panel-done{padding:5px 12px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:12px;letter-spacing:normal;cursor:pointer}.demo-panel-done:hover{border-color:var(--accent)}.demo-panel-body{flex:1;overflow-y:auto;padding:4px 16px 16px}.ctl{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 8px;padding:7px 0}.ctl-label{font-size:12px;color:var(--text-dim)}.ctl-value{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text)}.ctl-range{grid-column:1 / -1;width:100%;margin:3px 0 0;accent-color:var(--accent)}.ctl-row{display:flex;align-items:center;gap:8px;padding:7px 0}.demo-btn{padding:7px 12px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.demo-btn:hover:not(:disabled){border-color:var(--accent)}.demo-btn:disabled{opacity:.45;cursor:default}.demo-btn.is-run{background:var(--accent);border-color:var(--accent);color:#06232b;font-weight:600}.demo-btn.is-pause{background:transparent;border-color:var(--border-strong)}.demo-btn.is-danger{color:var(--status-inner);border-color:transparent;background:transparent}.demo-btn.is-danger:hover:not(:disabled){border-color:var(--status-inner)}.demo-select{flex:1;padding:7px 8px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg);color:var(--text);font:inherit;font-size:12px}.demo-note{margin:0;flex:1;color:var(--text-dim);font-size:12px}.demo-error{margin:8px 0 0;color:var(--status-inner);font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#03060a8c}.modal-box{display:flex;flex-direction:column;width:420px;max-width:100%;max-height:100%;border:1px solid var(--border-strong);border-radius:10px;background:var(--panel);box-shadow:0 24px 64px #00000080}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel-header);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--text-dim)}.modal-close{border:none;background:transparent;color:var(--text-dim);font-size:13px;cursor:pointer}.modal-close:hover{color:var(--text)}.modal-body{overflow-y:auto;padding:4px 16px 16px}.info-modal{width:460px}.info-body{display:flex;flex-direction:column;gap:16px;padding-top:12px}.info-section h4{margin:0 0 5px;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--accent)}.info-section p{margin:0;color:var(--text-dim);font-size:12.5px;line-height:1.65}.info-section strong{color:var(--text);font-weight:600}.info-section em{font-style:normal;color:var(--text)}.info-c-cyan{color:var(--status-detected)}.info-c-amber{color:var(--status-outer)}.info-c-red{color:var(--status-inner)}.info-shortcuts{border-collapse:collapse;font-size:12.5px}.info-shortcuts td{padding:3px 0;color:var(--text-dim);vertical-align:top}.info-shortcuts td:first-child{width:58px}.info-section kbd,.info-shortcuts kbd{display:inline-block;min-width:16px;padding:1px 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;background:var(--bg-elevated);color:var(--text);font-family:var(--font-mono);font-size:11px;text-align:center}.app{display:flex;flex-direction:column;height:100%}.app-body{flex:1;display:flex;min-height:0}.app-body .map-view{flex:1;min-width:0}.app-body .drone-panel,.app-body .zone-panel,.app-body .demo-panel{width:var(--panel-width);flex-shrink:0}.map-view--loading{flex:1;min-width:0;background:var(--bg)}