:root{--color-border: #32445c;--color-muted: #9fb1c5;--color-text: #e4edf5;--color-surface: #1e2a3a;--color-surface-raised: #253246;--color-canvas: #16202d;--color-accent: #5aa4ff;--color-accent-contrast: #0c1624;--color-button: #5aa4ff;--color-button-hover: #85c3ff;--color-button-active: #005c99;--color-warning: #ffd27a;--color-warning-border: #d9b25e;--color-error: #ff6b6b;--color-error-text: #ffb3b3;--gap: 14px;--panel-min-w: 320px;--panel-min-h: 220px}body{font-family:system-ui,sans-serif;margin:24px;background:var(--color-canvas);color:var(--color-text)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"left center right";align-items:center;gap:12px;margin-bottom:16px}.topbarLeft{grid-area:left;display:flex;align-items:center}.topbarCenter{grid-area:center;display:flex;align-items:center;justify-content:center}.topbarRight{grid-area:right;display:flex;align-items:center;justify-content:flex-end}.topbarGroup{display:inline-flex;align-items:center;gap:12px}.topbarLink{color:var(--color-accent);font-size:14px;text-decoration:none}.topbarLink:hover{text-decoration:underline}.tabs{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.tabButton{border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-raised);color:var(--color-text);font-size:14px;padding:8px 14px;cursor:pointer}.tabButton--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}button{padding:10px 14px;font-size:16px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-button);color:var(--color-text);transition:background .15s ease}button:hover{background:var(--color-button-hover)}button:active{background:var(--color-button-active)}.status{color:var(--color-muted)}.dashboard{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap)}.dashboardControls{justify-content:flex-start;margin-bottom:0}.dashboardPanels{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:var(--gap)}.panel{border:1px solid var(--color-border);border-radius:10px;padding:10px;background:var(--color-surface);flex:0 0 auto;resize:both;overflow:hidden;min-width:var(--panel-min-w);min-height:var(--panel-min-h);width:420px;height:320px;display:flex;flex-direction:column;gap:8px}.panelHeader{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.panelTitle{margin:0;font-size:16px}.panelHint{color:var(--color-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panelBody{flex:1 1 auto;min-height:0}.panel--minimized .panelBody,.panel--minimized .panelHint{display:none}.panel--minimized{height:auto;min-height:auto}.panel--tabHidden{display:none}.log{width:100%;height:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--color-canvas);color:var(--color-text);border:1px solid var(--color-border);resize:none}.plotStack{position:relative;width:100%;height:100%;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.plotLayer{position:absolute;inset:0;width:100%;height:100%;display:block}.exportButtons{display:flex;flex-direction:column;gap:10px}.exportButtons button{width:100%}.exportCounterRow{display:flex;align-items:center;gap:8px;margin-top:10px}.exportCounterValue{font-weight:600}.commandPanelFields{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.commandPanelRow{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(80px,auto);position:relative;align-items:center;gap:8px}.commandPanelFieldLabel{font-size:14px}.commandPanelInputWrap{position:relative;display:block;overflow:visible}.commandPanelInput{width:100%;box-sizing:border-box;padding:6px 8px;background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border)}.commandPanelInput--error{border:1px solid var(--color-error);outline-color:var(--color-error)}.commandPanelUnits{min-height:1em;color:var(--color-muted);font-size:12px}.commandPanelTooltip{position:absolute;bottom:calc(100% + 6px);left:-100px;transform:none;min-height:1.2em;font-size:12px;color:var(--color-accent-contrast);opacity:0;transition:opacity 1s ease;pointer-events:none;white-space:nowrap;background:var(--color-warning);border:1px solid var(--color-warning-border);border-radius:4px;padding:4px 6px;z-index:5}.commandPanelTooltip--visible{opacity:1}.commandPanelTooltip--fading{opacity:0}.commandPanelSend{width:100%}.commandPanelError{color:var(--color-error-text);font-size:13px;min-height:1.2em;margin-top:8px}.commandPanelReceived{color:var(--color-muted);font-size:12px;margin-top:8px;min-height:1.2em}