:root{--bg: #0e1116;--panel: #181c24;--panel-border: #2a3140;--text: #d8e0ea;--text-dim: #8a94a3;--accent: #4ea2ff;--ok: #5dd87f;--warn: #f5b048;--err: #ff5d6e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4}header{background:var(--panel);border-bottom:1px solid var(--panel-border);padding:12px 24px}header h1{margin:0 0 10px;font-size:1.3em;letter-spacing:.5px}#conn-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#conn-row label{display:inline-flex;align-items:center;gap:6px;font-size:.9em;color:var(--text-dim)}input[type=text]{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.9em}button{background:var(--accent);color:#000;border:0;padding:6px 14px;border-radius:4px;cursor:pointer;font-weight:600}button:disabled{background:var(--panel-border);color:var(--text-dim);cursor:not-allowed}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.85em;font-weight:600}.badge-on{background:var(--ok);color:#000}.badge-off{background:var(--err);color:#fff}.badge-mid{background:var(--warn);color:#000}main{padding:16px 24px}.page{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.page[hidden]{display:none}.header-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.top-row{justify-content:space-between;margin-bottom:10px}#nav{display:flex;gap:4px}.nav-link{color:var(--text-dim);text-decoration:none;padding:6px 12px;border-radius:4px;font-size:.95em;border:1px solid transparent}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link.active{color:var(--accent);background:#4ea2ff1f;border-color:#4ea2ff4d}.multi-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0;font-size:.9em}.multi-controls label{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim)}.fleet-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.fleet-selector label{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff0a;border:1px solid var(--panel-border);border-radius:14px;cursor:pointer;font-family:monospace;font-size:.85em}.fleet-selector label.selected{background:#4ea2ff26;border-color:var(--accent);color:var(--text)}.fleet-selector label.disabled{opacity:.4;cursor:not-allowed}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:14px;margin-top:8px}.module-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:10px 14px}.module-card .module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px dashed var(--panel-border);padding-bottom:6px}.module-card .module-title{color:var(--accent);font-weight:600;font-family:monospace}.module-card .module-substats{color:var(--text-dim);font-family:monospace;font-size:.8em}.module-canvas{display:block;width:100%;height:220px;background:#0a0e14;border:1px solid var(--panel-border);border-radius:4px}.scope-chans{display:flex;gap:10px;flex-wrap:wrap;font-family:monospace;font-size:.8em;margin:4px 0}.watch-table-mini{width:100%;font-family:monospace;font-size:.8em;border-collapse:collapse}.watch-table-mini th,.watch-table-mini td{border-bottom:1px dashed var(--panel-border);padding:2px 4px}.watch-table-mini textarea{font-size:.8em;min-height:70px}.flash-progress{width:100%;height:16px;background:#0a0e14;border:1px solid var(--panel-border);border-radius:4px;overflow:hidden;margin:4px 0}.flash-progress-bar{height:100%;background:var(--accent);width:0%;transition:width .2s}.flash-state-idle{color:var(--text-dim)}.flash-state-active{color:var(--warn)}.flash-state-done{color:var(--ok)}.flash-state-error{color:var(--err)}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:14px 18px}.card h2{margin:0 0 8px;font-size:1em;color:var(--accent);letter-spacing:.4px}table{width:100%;border-collapse:collapse;font-size:.9em}th,td{text-align:left;padding:4px 0}th{color:var(--text-dim);font-weight:400;width:40%}#log{background:#050709;border:1px solid var(--panel-border);border-radius:4px;padding:8px 10px;font-family:monospace;font-size:.8em;max-height:320px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;margin:0}.dim{color:var(--text-dim)}code{font-family:monospace;background:#ffffff0d;padding:1px 4px;border-radius:3px}footer{padding:10px 24px;font-size:.8em;border-top:1px solid var(--panel-border)}textarea{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);padding:6px 8px;border-radius:4px;font-family:monospace;font-size:.85em;width:100%;margin-top:6px;resize:vertical}input[type=number]{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.9em;width:80px}select{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);padding:4px 6px;border-radius:4px;font-family:monospace;font-size:.9em;margin-right:4px}button+button{margin-left:6px}#fleet-table,#watch-table{margin-top:10px;font-family:monospace;font-size:.85em}#fleet-table th,#fleet-table td,#watch-table th,#watch-table td{border-bottom:1px dashed var(--panel-border);padding:4px 8px;width:auto}.value-stale{color:var(--warn)}.value-error{color:var(--err)}.value-fresh{color:var(--ok)}.scope-card{grid-column:1 / -1}.scope-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:6px 0 8px;font-family:monospace;font-size:.85em}.scope-controls label{cursor:pointer}#scope-canvas{display:block;width:100%;max-width:1200px;height:320px;background:#0a0e14;border:1px solid var(--panel-border);border-radius:4px}