/* Generated from design/system/tokens.json v1.3.0 by design/scripts/build_system_tokens.py. Do not edit; edit the JSON and rerun. */
:root {
  --ba-color-canvas: #0B0E13;
  --ba-color-surface-0: #0B0E13;
  --ba-color-surface-1: #11151D;
  --ba-color-surface-2: #171C26;
  --ba-color-surface-3: #1F2531;
  --ba-color-surface-4: #283040;
  --ba-color-surface-translucent-panel: rgba(17, 21, 29, 0.84);
  --ba-color-surface-translucent-hud: rgba(11, 14, 19, 0.78);
  --ba-color-surface-translucent-sheet: rgba(17, 21, 29, 0.96);
  --ba-color-surface-translucent-topbar: rgba(11, 14, 19, 0.88);
  --ba-color-text-primary: #EEF2F7;
  --ba-color-text-secondary: #A7B0BE;
  --ba-color-text-tertiary: #6F7A8A;
  --ba-color-text-disabled: #4C5563;
  --ba-color-text-inverse: #0B0E13;
  --ba-color-text-link: #7CC4FF;
  --ba-color-border-hairline: rgba(255, 255, 255, 0.08);
  --ba-color-border-medium: rgba(255, 255, 255, 0.14);
  --ba-color-border-strong: rgba(255, 255, 255, 0.24);
  --ba-color-accent-primary: #FFFFFF;
  --ba-color-accent-on-primary: #0B0E13;
  --ba-color-accent-focus: #7CC4FF;
  --ba-color-interactive-hover: rgba(255, 255, 255, 0.06);
  --ba-color-interactive-pressed: rgba(255, 255, 255, 0.10);
  --ba-color-interactive-selected: rgba(255, 255, 255, 0.12);
  --ba-color-interactive-selected-strong: #FFFFFF;
  --ba-color-feedback-info: #7CC4FF;
  --ba-color-feedback-success: #4FCF9A;
  --ba-color-feedback-warning: #F5B544;
  --ba-color-feedback-danger: #FF6B6B;
  --ba-color-scrim: rgba(0, 0, 0, 0.45);
  --ba-color-swatch-ring: rgba(255, 255, 255, 0.18);
  --ba-color-scene-explore: #7CC4FF;
  --ba-color-scene-flow: #FF5A5F;
  --ba-color-scene-stroke: #FFA14A;
  --ba-color-scene-seizure: #B18CFF;
  --ba-color-scene-neurons: #4FDCA4;
  --ba-color-scene-drugs: #FF7AC6;
  --ba-color-atmosphere-seizure: #1C1830;
  --ba-scale-velocity: linear-gradient(to right, #1F1B4D 0%, #6A2C8A 25%, #C8456C 50%, #FF8F3D 75%, #FFF1B0 100%);
  --ba-scale-velocity-0: #1F1B4D;
  --ba-scale-velocity-1: #6A2C8A;
  --ba-scale-velocity-2: #C8456C;
  --ba-scale-velocity-3: #FF8F3D;
  --ba-scale-velocity-4: #FFF1B0;
  --ba-scale-pressure: linear-gradient(to right, #3C7DD9 0%, #8FB3E6 25%, #D9DEE6 50%, #E8907A 75%, #D1403A 100%);
  --ba-scale-pressure-0: #3C7DD9;
  --ba-scale-pressure-1: #8FB3E6;
  --ba-scale-pressure-2: #D9DEE6;
  --ba-scale-pressure-3: #E8907A;
  --ba-scale-pressure-4: #D1403A;
  --ba-scale-cbf: linear-gradient(to right, #0B0E13 0%, #1C3F6E 25%, #2E86C1 50%, #7BD3E6 75%, #F4FBFF 100%);
  --ba-scale-cbf-0: #0B0E13;
  --ba-scale-cbf-1: #1C3F6E;
  --ba-scale-cbf-2: #2E86C1;
  --ba-scale-cbf-3: #7BD3E6;
  --ba-scale-cbf-4: #F4FBFF;
  --ba-scale-perfusion-deficit: linear-gradient(to right, #CCB7AD 0%, #F3E7A1 25%, #F5A623 50%, #D9462F 75%, #8E0F33 100%);
  --ba-scale-perfusion-deficit-0: #CCB7AD;
  --ba-scale-perfusion-deficit-1: #F3E7A1;
  --ba-scale-perfusion-deficit-2: #F5A623;
  --ba-scale-perfusion-deficit-3: #D9462F;
  --ba-scale-perfusion-deficit-4: #8E0F33;
  --ba-scale-tissue-fate-oligaemia: #F3E7A1;
  --ba-scale-tissue-fate-penumbra: #F5A623;
  --ba-scale-tissue-fate-core: #B0143C;
  --ba-scale-tissue-fate-reperfused: #5EC8A0;
  --ba-scale-activity: linear-gradient(to right, #171233 0%, #4B2A7F 25%, #C9452F 50%, #FFB347 75%, #FFFFFF 100%);
  --ba-scale-activity-0: #171233;
  --ba-scale-activity-1: #4B2A7F;
  --ba-scale-activity-2: #C9452F;
  --ba-scale-activity-3: #FFB347;
  --ba-scale-activity-4: #FFFFFF;
  --ba-scale-sd: linear-gradient(to right, #1A1F3A 0%, #2B4C8C 25%, #3F8FD6 50%, #8FD3F4 75%, #F0FAFF 100%);
  --ba-scale-sd-0: #1A1F3A;
  --ba-scale-sd-1: #2B4C8C;
  --ba-scale-sd-2: #3F8FD6;
  --ba-scale-sd-3: #8FD3F4;
  --ba-scale-sd-4: #F0FAFF;
  --ba-scale-occupancy: linear-gradient(to right, #0E2328 0%, #145C62 25%, #2AA198 50%, #7FDCC8 75%, #E6FBF3 100%);
  --ba-scale-occupancy-0: #0E2328;
  --ba-scale-occupancy-1: #145C62;
  --ba-scale-occupancy-2: #2AA198;
  --ba-scale-occupancy-3: #7FDCC8;
  --ba-scale-occupancy-4: #E6FBF3;
  --ba-scale-engagement: linear-gradient(to right, #0E2328 0%, #145C62 25%, #2AA198 50%, #7FDCC8 75%, #E6FBF3 100%);
  --ba-scale-engagement-0: #0E2328;
  --ba-scale-engagement-1: #145C62;
  --ba-scale-engagement-2: #2AA198;
  --ba-scale-engagement-3: #7FDCC8;
  --ba-scale-engagement-4: #E6FBF3;
  --ba-scale-trace-line: #DCE4EE;
  --ba-scale-trace-line-dim: #5C6675;
  --ba-scale-trace-line-highlight: #FFFFFF;
  --ba-scale-trace-event: #FFB347;
  --ba-scale-trace-grid: rgba(255, 255, 255, 0.06);
  --ba-scale-trace-playhead: #FFFFFF;
  --ba-scale-trace-width: 1.25px;
  --ba-font-family-ui: Inter, "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --ba-font-family-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  --ba-font-features-tabular: "ss03" 1, "tnum" 1;
  --ba-font-features-ui-default: "ss03" 1;
  --ba-font-weight-regular: 430;
  --ba-font-weight-medium: 530;
  --ba-font-weight-semibold: 620;
  --ba-type-display-family: var(--ba-font-family-ui);
  --ba-type-display-size: 24px;
  --ba-type-display-line: 28px;
  --ba-type-display-weight: 620;
  --ba-type-display-tracking: -0.02em;
  --ba-type-title-family: var(--ba-font-family-ui);
  --ba-type-title-size: 18px;
  --ba-type-title-line: 24px;
  --ba-type-title-weight: 620;
  --ba-type-title-tracking: -0.012em;
  --ba-type-heading-family: var(--ba-font-family-ui);
  --ba-type-heading-size: 15px;
  --ba-type-heading-line: 20px;
  --ba-type-heading-weight: 620;
  --ba-type-heading-tracking: -0.006em;
  --ba-type-palette-query-family: var(--ba-font-family-ui);
  --ba-type-palette-query-size: 15px;
  --ba-type-palette-query-line: 20px;
  --ba-type-palette-query-weight: 430;
  --ba-type-palette-query-tracking: -0.006em;
  --ba-type-body-family: var(--ba-font-family-ui);
  --ba-type-body-size: 13px;
  --ba-type-body-line: 18px;
  --ba-type-body-weight: 430;
  --ba-type-body-tracking: 0em;
  --ba-type-body-strong-family: var(--ba-font-family-ui);
  --ba-type-body-strong-size: 13px;
  --ba-type-body-strong-line: 18px;
  --ba-type-body-strong-weight: 530;
  --ba-type-body-strong-tracking: 0em;
  --ba-type-small-family: var(--ba-font-family-ui);
  --ba-type-small-size: 12px;
  --ba-type-small-line: 16px;
  --ba-type-small-weight: 430;
  --ba-type-small-tracking: 0.002em;
  --ba-type-caption-family: var(--ba-font-family-ui);
  --ba-type-caption-size: 11px;
  --ba-type-caption-line: 14px;
  --ba-type-caption-weight: 430;
  --ba-type-caption-tracking: 0.01em;
  --ba-type-overline-family: var(--ba-font-family-ui);
  --ba-type-overline-size: 11px;
  --ba-type-overline-line: 14px;
  --ba-type-overline-weight: 620;
  --ba-type-overline-tracking: 0.06em;
  --ba-type-numeric-family: var(--ba-font-family-ui);
  --ba-type-numeric-size: 13px;
  --ba-type-numeric-line: 18px;
  --ba-type-numeric-weight: 530;
  --ba-type-numeric-tracking: 0em;
  --ba-type-numeric-large-family: var(--ba-font-family-ui);
  --ba-type-numeric-large-size: 18px;
  --ba-type-numeric-large-line: 24px;
  --ba-type-numeric-large-weight: 530;
  --ba-type-numeric-large-tracking: -0.01em;
  --ba-type-mono-family: var(--ba-font-family-mono);
  --ba-type-mono-size: 12px;
  --ba-type-mono-line: 16px;
  --ba-type-mono-weight: 430;
  --ba-type-mono-tracking: 0em;
  --ba-type-hud-label-family: var(--ba-font-family-ui);
  --ba-type-hud-label-size: 13px;
  --ba-type-hud-label-line: 16px;
  --ba-type-hud-label-weight: 530;
  --ba-type-hud-label-tracking: 0.005em;
  --ba-type-hud-caption-family: var(--ba-font-family-ui);
  --ba-type-hud-caption-size: 11px;
  --ba-type-hud-caption-line: 14px;
  --ba-type-hud-caption-weight: 430;
  --ba-type-hud-caption-tracking: 0.01em;
  --ba-type-kbd-family: var(--ba-font-family-ui);
  --ba-type-kbd-size: 11px;
  --ba-type-kbd-line: 14px;
  --ba-type-kbd-weight: 530;
  --ba-type-kbd-tracking: 0.02em;
  --ba-space-0: 0;
  --ba-space-1: 4px;
  --ba-space-2: 8px;
  --ba-space-3: 12px;
  --ba-space-4: 16px;
  --ba-space-5: 20px;
  --ba-space-6: 24px;
  --ba-space-8: 32px;
  --ba-space-10: 40px;
  --ba-space-12: 48px;
  --ba-space-16: 64px;
  --ba-size-control-sm: 24px;
  --ba-size-control-md: 28px;
  --ba-size-control-lg: 32px;
  --ba-size-control-xl: 40px;
  --ba-size-icon-xs: 12px;
  --ba-size-icon-sm: 14px;
  --ba-size-icon-md: 16px;
  --ba-size-icon-lg: 20px;
  --ba-size-dot: 6px;
  --ba-size-topbar: 48px;
  --ba-size-transport: 60px;
  --ba-size-statusline: 24px;
  --ba-size-panel-left: 288px;
  --ba-size-panel-inspector: 328px;
  --ba-size-panel-sheet: 420px;
  --ba-size-panel-popover: 240px;
  --ba-size-panel-padding: 16px;
  --ba-size-panel-gap: 12px;
  --ba-size-viewport-min-width: 720px;
  --ba-size-safe-margin: 24px;
  --ba-size-hud-scalebar-min: 80px;
  --ba-size-hud-scalebar-max: 200px;
  --ba-size-hud-scalebar-height: 6px;
  --ba-size-hud-orientation: 64px;
  --ba-size-swatch-sm: 8px;
  --ba-size-swatch-md: 9px;
  --ba-size-swatch-lg: 14px;
  --ba-size-slider-track: 3px;
  --ba-size-slider-thumb: 14px;
  --ba-size-slider-min-width: 120px;
  --ba-size-scrollbar: 6px;
  --ba-size-palette-width: 620px;
  --ba-size-palette-row: 38px;
  --ba-size-palette-input: 52px;
  --ba-radius-xs: 3px;
  --ba-radius-sm: 6px;
  --ba-radius-md: 10px;
  --ba-radius-lg: 14px;
  --ba-radius-pill: 999px;
  --ba-border-width-hairline: 1px;
  --ba-border-width-focus: 2px;
  --ba-border-width-focus-offset: 2px;
  --ba-shadow-panel: 0 8px 24px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --ba-shadow-sheet: 0 16px 48px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --ba-shadow-popover: 0 6px 20px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --ba-shadow-hud: 0 1px 2px rgba(0, 0, 0, 0.5);
  --ba-blur-panel: 16px;
  --ba-opacity-disabled: 0.35;
  --ba-opacity-hidden-row: 0.45;
  --ba-opacity-tab-dot-rest: 0.45;
  --ba-opacity-gnomon-far-letter: 0.55;
  --ba-opacity-scalebar-rest: 0.6;
  --ba-motion-duration-micro: 120ms;
  --ba-motion-duration-state: 200ms;
  --ba-motion-duration-panel: 320ms;
  --ba-motion-duration-camera: 600ms;
  --ba-motion-duration-explode: 800ms;
  --ba-motion-duration-scene: 1200ms;
  --ba-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ba-motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
  --ba-motion-easing-camera: cubic-bezier(0.22, 1, 0.36, 1);
  --ba-motion-easing-linear: cubic-bezier(0, 0, 1, 1);
  --ba-motion-hover-delay: 80ms;
  --ba-motion-tooltip-delay: 500ms;
  --ba-z-viewport: 0;
  --ba-z-hud: 10;
  --ba-z-panel: 20;
  --ba-z-topbar: 30;
  --ba-z-popover: 35;
  --ba-z-sheet: 40;
  --ba-z-dialog: 50;
  --ba-z-toast: 60;
  --ba-hud-label-text-family: var(--ba-type-hud-label-family);
  --ba-hud-label-text-size: var(--ba-type-hud-label-size);
  --ba-hud-label-text-line: var(--ba-type-hud-label-line);
  --ba-hud-label-text-weight: var(--ba-type-hud-label-weight);
  --ba-hud-label-text-tracking: var(--ba-type-hud-label-tracking);
  --ba-hud-label-secondary-family: var(--ba-type-hud-caption-family);
  --ba-hud-label-secondary-size: var(--ba-type-hud-caption-size);
  --ba-hud-label-secondary-line: var(--ba-type-hud-caption-line);
  --ba-hud-label-secondary-weight: var(--ba-type-hud-caption-weight);
  --ba-hud-label-secondary-tracking: var(--ba-type-hud-caption-tracking);
  --ba-hud-label-color: #EEF2F7;
  --ba-hud-label-secondary-color: #A7B0BE;
  --ba-hud-label-background: var(--ba-color-surface-translucent-hud);
  --ba-hud-label-border: rgba(255, 255, 255, 0.10);
  --ba-hud-label-radius: 6px;
  --ba-hud-label-height: 22px;
  --ba-hud-label-padding: 0 9px;
  --ba-hud-label-swatch: 7px;
  --ba-hud-label-max-chars: 40;
  --ba-hud-label-selected-border: #FFFFFF;
  --ba-hud-label-selected-fill: #FFFFFF;
  --ba-hud-label-selected-text: var(--ba-color-text-inverse);
  --ba-hud-label-hover-ring: rgba(255, 255, 255, 0.40);
  --ba-hud-label-blur: 8px;
  --ba-hud-leader-width: 1px;
  --ba-hud-leader-color: rgba(238, 242, 247, 0.5);
  --ba-hud-leader-min-length: 12px;
  --ba-hud-leader-max-length: 120px;
  --ba-hud-anchor-radius: 2.5px;
  --ba-hud-anchor-ring: 1px;
  --ba-hud-anchor-ring-color: rgba(11, 14, 19, 0.8);
  --ba-hud-budget-rest: 6;
  --ba-hud-budget-focus: 12;
  --ba-hud-budget-max: 24;
  --ba-hud-budget-min-area-px2: 900;
  --ba-hud-budget-gap: 8px;
  --ba-hud-budget-fade: 150ms;
  --ba-hud-scalebar-color: #EEF2F7;
  --ba-hud-scalebar-text-family: var(--ba-type-hud-caption-family);
  --ba-hud-scalebar-text-size: var(--ba-type-hud-caption-size);
  --ba-hud-scalebar-text-line: var(--ba-type-hud-caption-line);
  --ba-hud-scalebar-text-weight: var(--ba-type-hud-caption-weight);
  --ba-hud-scalebar-text-tracking: var(--ba-type-hud-caption-tracking);
  --ba-hud-section-edge-mark-text-family: var(--ba-font-family-ui);
  --ba-hud-section-edge-mark-text-size: 12px;
  --ba-hud-section-edge-mark-text-line: 12px;
  --ba-hud-section-edge-mark-text-weight: 620;
  --ba-hud-section-edge-mark-text-tracking: 0.02em;
  --ba-hud-section-edge-mark-background: var(--ba-color-surface-translucent-hud);
  --ba-hud-timestamp-text-family: var(--ba-type-hud-caption-family);
  --ba-hud-timestamp-text-size: var(--ba-type-hud-caption-size);
  --ba-hud-timestamp-text-line: var(--ba-type-hud-caption-line);
  --ba-hud-timestamp-text-weight: var(--ba-type-hud-caption-weight);
  --ba-hud-timestamp-text-tracking: var(--ba-type-hud-caption-tracking);
  --ba-hud-orientation-background: rgba(10, 12, 16, 0.55);
  --ba-hud-orientation-ring: var(--ba-color-border-hairline);
  --ba-hud-orientation-axis: rgba(238, 242, 247, 0.55);
  --ba-hud-orientation-axis-near: #EEF2F7;
  --ba-hud-orientation-letters-family: var(--ba-font-family-ui);
  --ba-hud-orientation-letters-size: 10px;
  --ba-hud-orientation-letters-line: 10px;
  --ba-hud-orientation-letters-weight: 620;
  --ba-hud-orientation-letters-tracking: 0.02em;
  --ba-hud-engine-caption-text-family: var(--ba-type-caption-family);
  --ba-hud-engine-caption-text-size: var(--ba-type-caption-size);
  --ba-hud-engine-caption-text-line: var(--ba-type-caption-line);
  --ba-hud-engine-caption-text-weight: var(--ba-type-caption-weight);
  --ba-hud-engine-caption-text-tracking: var(--ba-type-caption-tracking);
  --ba-hud-engine-caption-color: var(--ba-color-text-tertiary);
  --ba-hud-engine-caption-text-shadow: var(--ba-component-methods-caption-text-shadow);
  --ba-component-button-height: var(--ba-size-control-md);
  --ba-component-button-padding-x: 10px;
  --ba-component-button-gap: 6px;
  --ba-component-button-radius: var(--ba-radius-sm);
  --ba-component-button-text-family: var(--ba-type-small-family);
  --ba-component-button-text-size: var(--ba-type-small-size);
  --ba-component-button-text-line: var(--ba-type-small-line);
  --ba-component-button-text-weight: var(--ba-type-small-weight);
  --ba-component-button-text-tracking: var(--ba-type-small-tracking);
  --ba-component-button-weight: var(--ba-font-weight-medium);
  --ba-component-button-primary-hover: #F0F1F1;
  --ba-component-button-primary-pressed: #E7E7E7;
  --ba-component-segmented-height: var(--ba-size-control-md);
  --ba-component-segmented-padding: 2px;
  --ba-component-segmented-radius: var(--ba-radius-sm);
  --ba-component-segmented-track: var(--ba-color-interactive-hover);
  --ba-component-segmented-active: var(--ba-color-interactive-selected);
  --ba-component-segmented-active-text-family: var(--ba-type-body-strong-family);
  --ba-component-segmented-active-text-size: var(--ba-type-body-strong-size);
  --ba-component-segmented-active-text-line: var(--ba-type-body-strong-line);
  --ba-component-segmented-active-text-weight: var(--ba-type-body-strong-weight);
  --ba-component-segmented-active-text-tracking: var(--ba-type-body-strong-tracking);
  --ba-component-segmented-inactive-text-color: var(--ba-color-text-secondary);
  --ba-component-segmented-md-track: 30px;
  --ba-component-segmented-md-segment: 26px;
  --ba-component-segmented-sm-track: 26px;
  --ba-component-segmented-sm-segment: 22px;
  --ba-component-toggle-width: 30px;
  --ba-component-toggle-height: 18px;
  --ba-component-toggle-thumb: 14px;
  --ba-component-toggle-on: var(--ba-color-accent-primary);
  --ba-component-toggle-off: var(--ba-color-border-strong);
  --ba-component-checkbox-size: 14px;
  --ba-component-checkbox-radius: var(--ba-radius-xs);
  --ba-component-slider-track: var(--ba-size-slider-track);
  --ba-component-slider-track-color: var(--ba-color-border-medium);
  --ba-component-slider-fill-color: var(--ba-color-text-primary);
  --ba-component-slider-thumb: 13px;
  --ba-component-slider-thumb-color: #FFFFFF;
  --ba-component-slider-value-family: var(--ba-type-numeric-family);
  --ba-component-slider-value-size: var(--ba-type-numeric-size);
  --ba-component-slider-value-line: var(--ba-type-numeric-line);
  --ba-component-slider-value-weight: var(--ba-type-numeric-weight);
  --ba-component-slider-value-tracking: var(--ba-type-numeric-tracking);
  --ba-component-slider-value-width: 56px;
  --ba-component-input-height: var(--ba-size-control-lg);
  --ba-component-input-padding-x: 10px;
  --ba-component-input-radius: var(--ba-radius-sm);
  --ba-component-input-background: var(--ba-color-interactive-hover);
  --ba-component-input-border: var(--ba-color-border-medium);
  --ba-component-input-placeholder: var(--ba-color-text-tertiary);
  --ba-component-search-height: var(--ba-size-control-lg);
  --ba-component-search-width: 220px;
  --ba-component-search-results-row-height: var(--ba-size-palette-row);
  --ba-component-search-results-max-rows: 8;
  --ba-component-search-results-group-family: var(--ba-type-overline-family);
  --ba-component-search-results-group-size: var(--ba-type-overline-size);
  --ba-component-search-results-group-line: var(--ba-type-overline-line);
  --ba-component-search-results-group-weight: var(--ba-type-overline-weight);
  --ba-component-search-results-group-tracking: var(--ba-type-overline-tracking);
  --ba-component-row-height: var(--ba-size-control-md);
  --ba-component-row-padding-x: 8px;
  --ba-component-row-gap: 8px;
  --ba-component-row-radius: var(--ba-radius-sm);
  --ba-component-row-indent: 16px;
  --ba-component-row-hover: var(--ba-color-interactive-hover);
  --ba-component-row-selected: var(--ba-color-interactive-selected);
  --ba-component-row-dot-ring: rgba(255, 255, 255, 0.35);
  --ba-component-visibility-height: 22px;
  --ba-component-visibility-min-width: 24px;
  --ba-component-visibility-inactive-opacity: 0.7;
  --ba-component-tabs-height: var(--ba-size-control-lg);
  --ba-component-tabs-gap: var(--ba-component-segmented-padding);
  --ba-component-tabs-text-family: var(--ba-type-body-strong-family);
  --ba-component-tabs-text-size: var(--ba-type-body-strong-size);
  --ba-component-tabs-text-line: var(--ba-type-body-strong-line);
  --ba-component-tabs-text-weight: var(--ba-type-body-strong-weight);
  --ba-component-tabs-text-tracking: var(--ba-type-body-strong-tracking);
  --ba-component-tabs-inactive-color: var(--ba-color-text-secondary);
  --ba-component-panel-width: var(--ba-size-panel-left);
  --ba-component-panel-padding: var(--ba-size-panel-padding);
  --ba-component-panel-radius: var(--ba-radius-lg);
  --ba-component-panel-background: var(--ba-color-surface-translucent-panel);
  --ba-component-panel-shadow: var(--ba-shadow-panel);
  --ba-component-panel-header-height: 40px;
  --ba-component-panel-section-head-height: 22px;
  --ba-component-panel-section-gap: 16px;
  --ba-component-inspector-width: var(--ba-size-panel-inspector);
  --ba-component-inspector-title-family: var(--ba-type-title-family);
  --ba-component-inspector-title-size: var(--ba-type-title-size);
  --ba-component-inspector-title-line: var(--ba-type-title-line);
  --ba-component-inspector-title-weight: var(--ba-type-title-weight);
  --ba-component-inspector-title-tracking: var(--ba-type-title-tracking);
  --ba-component-inspector-subtitle-family: var(--ba-type-small-family);
  --ba-component-inspector-subtitle-size: var(--ba-type-small-size);
  --ba-component-inspector-subtitle-line: var(--ba-type-small-line);
  --ba-component-inspector-subtitle-weight: var(--ba-type-small-weight);
  --ba-component-inspector-subtitle-tracking: var(--ba-type-small-tracking);
  --ba-component-inspector-field-label-family: var(--ba-type-caption-family);
  --ba-component-inspector-field-label-size: var(--ba-type-caption-size);
  --ba-component-inspector-field-label-line: var(--ba-type-caption-line);
  --ba-component-inspector-field-label-weight: var(--ba-type-caption-weight);
  --ba-component-inspector-field-label-tracking: var(--ba-type-caption-tracking);
  --ba-component-inspector-field-value-family: var(--ba-type-body-family);
  --ba-component-inspector-field-value-size: var(--ba-type-body-size);
  --ba-component-inspector-field-value-line: var(--ba-type-body-line);
  --ba-component-inspector-field-value-weight: var(--ba-type-body-weight);
  --ba-component-inspector-field-value-tracking: var(--ba-type-body-tracking);
  --ba-component-inspector-field-gap: 12px;
  --ba-component-methods-caption-text-family: var(--ba-type-small-family);
  --ba-component-methods-caption-text-size: var(--ba-type-small-size);
  --ba-component-methods-caption-text-line: var(--ba-type-small-line);
  --ba-component-methods-caption-text-weight: var(--ba-type-small-weight);
  --ba-component-methods-caption-text-tracking: var(--ba-type-small-tracking);
  --ba-component-methods-caption-color: var(--ba-color-text-secondary);
  --ba-component-methods-caption-padding-x: 6px;
  --ba-component-methods-caption-max-width: 720px;
  --ba-component-methods-caption-text-shadow: 0 1px 6px rgba(0, 0, 0, 0.8);
  --ba-component-methods-caption-max-lines: 2;
  --ba-component-methods-caption-row-height: 40px;
  --ba-component-methods-caption-row-padding: 4px 6px;
  --ba-component-methods-caption-row-gap: 8px;
  --ba-component-methods-sheet-width: var(--ba-size-panel-sheet);
  --ba-component-methods-sheet-background: var(--ba-color-surface-translucent-sheet);
  --ba-component-methods-sheet-radius: var(--ba-radius-md);
  --ba-component-methods-sheet-shadow: var(--ba-shadow-sheet);
  --ba-component-methods-sheet-padding: 16px;
  --ba-component-methods-sheet-label-width: 84px;
  --ba-component-transport-height: var(--ba-size-transport);
  --ba-component-transport-padding-x: 14px;
  --ba-component-transport-radius: var(--ba-radius-lg);
  --ba-component-transport-background: var(--ba-color-surface-translucent-panel);
  --ba-component-transport-play: 36px;
  --ba-component-transport-clock-family: var(--ba-type-numeric-family);
  --ba-component-transport-clock-size: var(--ba-type-numeric-size);
  --ba-component-transport-clock-line: var(--ba-type-numeric-line);
  --ba-component-transport-clock-weight: var(--ba-type-numeric-weight);
  --ba-component-transport-clock-tracking: var(--ba-type-numeric-tracking);
  --ba-component-transport-scrub-track: 4px;
  --ba-component-transport-scrub-track-color: var(--ba-color-border-medium);
  --ba-component-transport-tick: 2px 12px;
  --ba-component-transport-tick-color: rgba(255, 255, 255, 0.55);
  --ba-component-colorbar-width: 160px;
  --ba-component-colorbar-height: 8px;
  --ba-component-colorbar-radius: var(--ba-radius-xs);
  --ba-component-colorbar-ticks-family: var(--ba-type-caption-family);
  --ba-component-colorbar-ticks-size: var(--ba-type-caption-size);
  --ba-component-colorbar-ticks-line: var(--ba-type-caption-line);
  --ba-component-colorbar-ticks-weight: var(--ba-type-caption-weight);
  --ba-component-colorbar-ticks-tracking: var(--ba-type-caption-tracking);
  --ba-component-electrode-site-dot: 8px;
  --ba-component-electrode-site-stroke: 1px;
  --ba-component-electrode-site-stroke-color: rgba(11, 14, 19, 0.8);
  --ba-component-electrode-site-rest: #D9C9B4;
  --ba-component-electrode-site-active: #FFB347;
  --ba-component-electrode-site-rest-below: 0.3;
  --ba-component-electrode-site-active-above: 0.6;
  --ba-component-electrode-site-halo: 24px;
  --ba-component-electrode-site-halo-opacity: 0.55;
  --ba-component-electrode-site-clearance: 2px;
  --ba-component-chip-height: var(--ba-size-control-sm);
  --ba-component-chip-padding-x: 8px;
  --ba-component-chip-radius: var(--ba-radius-pill);
  --ba-component-chip-background: var(--ba-color-interactive-hover);
  --ba-component-chip-text-family: var(--ba-type-small-family);
  --ba-component-chip-text-size: var(--ba-type-small-size);
  --ba-component-chip-text-line: var(--ba-type-small-line);
  --ba-component-chip-text-weight: var(--ba-type-small-weight);
  --ba-component-chip-text-tracking: var(--ba-type-small-tracking);
  --ba-component-kbd-height: 18px;
  --ba-component-kbd-padding-x: 5px;
  --ba-component-kbd-radius: var(--ba-radius-xs);
  --ba-component-kbd-background: var(--ba-color-interactive-hover);
  --ba-component-kbd-border: var(--ba-color-border-medium);
  --ba-component-kbd-text-family: var(--ba-type-kbd-family);
  --ba-component-kbd-text-size: var(--ba-type-kbd-size);
  --ba-component-kbd-text-line: var(--ba-type-kbd-line);
  --ba-component-kbd-text-weight: var(--ba-type-kbd-weight);
  --ba-component-kbd-text-tracking: var(--ba-type-kbd-tracking);
  --ba-component-tooltip-padding: 6px 10px;
  --ba-component-tooltip-radius: var(--ba-radius-sm);
  --ba-component-tooltip-background: var(--ba-color-surface-3);
  --ba-component-tooltip-text-family: var(--ba-type-small-family);
  --ba-component-tooltip-text-size: var(--ba-type-small-size);
  --ba-component-tooltip-text-line: var(--ba-type-small-line);
  --ba-component-tooltip-text-weight: var(--ba-type-small-weight);
  --ba-component-tooltip-text-tracking: var(--ba-type-small-tracking);
  --ba-component-tooltip-max-width: 240px;
  --ba-component-tooltip-offset: 6px;
  --ba-component-tooltip-weight: var(--ba-font-weight-medium);
  --ba-component-popover-offset: 10px;
  --ba-component-menu-height: var(--ba-size-control-md);
  --ba-component-menu-padding-x: 8px;
  --ba-component-menu-radius: var(--ba-radius-sm);
  --ba-component-menu-text-family: var(--ba-type-body-family);
  --ba-component-menu-text-size: var(--ba-type-body-size);
  --ba-component-menu-text-line: var(--ba-type-body-line);
  --ba-component-menu-text-weight: var(--ba-type-body-weight);
  --ba-component-menu-text-tracking: var(--ba-type-body-tracking);
  --ba-component-menu-hover: var(--ba-color-interactive-hover);
  --ba-component-menu-selected: var(--ba-color-interactive-selected);
  --ba-component-toast-width: 320px;
  --ba-component-toast-padding: 12px;
  --ba-component-toast-radius: var(--ba-radius-md);
  --ba-component-toast-background: var(--ba-color-surface-3);
  --ba-component-toast-duration: 4000ms;
  --ba-component-dialog-width: 440px;
  --ba-component-dialog-padding: 24px;
  --ba-component-dialog-radius: var(--ba-radius-lg);
  --ba-component-dialog-background: var(--ba-color-surface-2);
  --ba-component-topbar-height: var(--ba-size-topbar);
  --ba-component-topbar-padding-x: 14px;
  --ba-component-topbar-background: var(--ba-color-surface-translucent-panel);
  --ba-component-topbar-radius: var(--ba-radius-lg);
  --ba-component-statusline-height: var(--ba-size-statusline);
  --ba-component-statusline-text-family: var(--ba-type-caption-family);
  --ba-component-statusline-text-size: var(--ba-type-caption-size);
  --ba-component-statusline-text-line: var(--ba-type-caption-line);
  --ba-component-statusline-text-weight: var(--ba-type-caption-weight);
  --ba-component-statusline-text-tracking: var(--ba-type-caption-tracking);
  --ba-component-hover-card-padding: 6px 10px;
  --ba-component-hover-card-radius: 8px;
  --ba-component-hover-card-offset: 14px 18px;
  --ba-component-hover-card-name-family: var(--ba-type-small-family);
  --ba-component-hover-card-name-size: var(--ba-type-small-size);
  --ba-component-hover-card-name-line: var(--ba-type-small-line);
  --ba-component-hover-card-name-weight: var(--ba-type-small-weight);
  --ba-component-hover-card-name-tracking: var(--ba-type-small-tracking);
  --ba-component-hover-card-meta-family: var(--ba-type-caption-family);
  --ba-component-hover-card-meta-size: var(--ba-type-caption-size);
  --ba-component-hover-card-meta-line: var(--ba-type-caption-line);
  --ba-component-hover-card-meta-weight: var(--ba-type-caption-weight);
  --ba-component-hover-card-meta-tracking: var(--ba-type-caption-tracking);
  --ba-icon-stroke: 1.5px;
  --ba-icon-size: var(--ba-size-icon-md);
  /* Structure colours, copied from design/tokens.json systems; the render look owns them. */
  --ba-anatomy-cortex: #CCB7AD;
  --ba-anatomy-white-matter: #F8F0E3;
  --ba-anatomy-subcortical: #9F6DBF;
  --ba-anatomy-brainstem: #88673C;
  --ba-anatomy-cerebellum: #8EA9BD;
  --ba-anatomy-ventricle: #8BE5F5;
  --ba-anatomy-tract: #56D5B9;
  --ba-anatomy-artery: #E63B3B;
  --ba-anatomy-vein: #5091F0;
  --ba-anatomy-sinus: #4266B3;
  --ba-anatomy-cranial-nerve: #FCD444;
  --ba-anatomy-lymphatic: #62B77C;
  --ba-anatomy-meninges: #8193A1;
  --ba-anatomy-skull: #E0D0AC;
  --ba-anatomy-scalp: #BC927C;
}

/* Root text defaults: Inter with its UI feature set, the body role, primary text on the canvas. */
:root {
  color-scheme: dark;
  font-family: var(--ba-font-family-ui);
  font-feature-settings: var(--ba-font-features-ui-default);
  font-size: var(--ba-type-body-size);
  line-height: var(--ba-type-body-line);
  color: var(--ba-color-text-primary);
  background: var(--ba-color-canvas);
  -webkit-font-smoothing: antialiased;
}

/* Keyboard focus: one ring everywhere, never outline: none without it. */
:focus-visible {
  outline: var(--ba-border-width-focus) solid var(--ba-color-accent-focus);
  outline-offset: var(--ba-border-width-focus-offset);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ba-motion-duration-micro: 0ms;
    --ba-motion-duration-state: 0ms;
    --ba-motion-duration-panel: 0ms;
    --ba-motion-duration-camera: 0ms;
    --ba-motion-duration-explode: 0ms;
    --ba-motion-duration-scene: 0ms;
  }
}

/* Type roles. Every piece of text uses exactly one. */
.ba-type-display {
  font-family: var(--ba-type-display-family);
  font-size: var(--ba-type-display-size);
  line-height: var(--ba-type-display-line);
  font-weight: var(--ba-type-display-weight);
  letter-spacing: var(--ba-type-display-tracking);
}
.ba-type-title {
  font-family: var(--ba-type-title-family);
  font-size: var(--ba-type-title-size);
  line-height: var(--ba-type-title-line);
  font-weight: var(--ba-type-title-weight);
  letter-spacing: var(--ba-type-title-tracking);
}
.ba-type-heading {
  font-family: var(--ba-type-heading-family);
  font-size: var(--ba-type-heading-size);
  line-height: var(--ba-type-heading-line);
  font-weight: var(--ba-type-heading-weight);
  letter-spacing: var(--ba-type-heading-tracking);
}
.ba-type-palette-query {
  font-family: var(--ba-type-palette-query-family);
  font-size: var(--ba-type-palette-query-size);
  line-height: var(--ba-type-palette-query-line);
  font-weight: var(--ba-type-palette-query-weight);
  letter-spacing: var(--ba-type-palette-query-tracking);
}
.ba-type-body {
  font-family: var(--ba-type-body-family);
  font-size: var(--ba-type-body-size);
  line-height: var(--ba-type-body-line);
  font-weight: var(--ba-type-body-weight);
  letter-spacing: var(--ba-type-body-tracking);
}
.ba-type-body-strong {
  font-family: var(--ba-type-body-strong-family);
  font-size: var(--ba-type-body-strong-size);
  line-height: var(--ba-type-body-strong-line);
  font-weight: var(--ba-type-body-strong-weight);
  letter-spacing: var(--ba-type-body-strong-tracking);
}
.ba-type-small {
  font-family: var(--ba-type-small-family);
  font-size: var(--ba-type-small-size);
  line-height: var(--ba-type-small-line);
  font-weight: var(--ba-type-small-weight);
  letter-spacing: var(--ba-type-small-tracking);
}
.ba-type-caption {
  font-family: var(--ba-type-caption-family);
  font-size: var(--ba-type-caption-size);
  line-height: var(--ba-type-caption-line);
  font-weight: var(--ba-type-caption-weight);
  letter-spacing: var(--ba-type-caption-tracking);
}
.ba-type-overline {
  font-family: var(--ba-type-overline-family);
  font-size: var(--ba-type-overline-size);
  line-height: var(--ba-type-overline-line);
  font-weight: var(--ba-type-overline-weight);
  letter-spacing: var(--ba-type-overline-tracking);
  text-transform: uppercase;
}
.ba-type-numeric {
  font-family: var(--ba-type-numeric-family);
  font-size: var(--ba-type-numeric-size);
  line-height: var(--ba-type-numeric-line);
  font-weight: var(--ba-type-numeric-weight);
  letter-spacing: var(--ba-type-numeric-tracking);
  font-variant-numeric: tabular-nums;
  font-feature-settings: var(--ba-font-features-tabular);
}
.ba-type-numeric-large {
  font-family: var(--ba-type-numeric-large-family);
  font-size: var(--ba-type-numeric-large-size);
  line-height: var(--ba-type-numeric-large-line);
  font-weight: var(--ba-type-numeric-large-weight);
  letter-spacing: var(--ba-type-numeric-large-tracking);
  font-variant-numeric: tabular-nums;
  font-feature-settings: var(--ba-font-features-tabular);
}
.ba-type-mono {
  font-family: var(--ba-type-mono-family);
  font-size: var(--ba-type-mono-size);
  line-height: var(--ba-type-mono-line);
  font-weight: var(--ba-type-mono-weight);
  letter-spacing: var(--ba-type-mono-tracking);
}
.ba-type-hud-label {
  font-family: var(--ba-type-hud-label-family);
  font-size: var(--ba-type-hud-label-size);
  line-height: var(--ba-type-hud-label-line);
  font-weight: var(--ba-type-hud-label-weight);
  letter-spacing: var(--ba-type-hud-label-tracking);
}
.ba-type-hud-caption {
  font-family: var(--ba-type-hud-caption-family);
  font-size: var(--ba-type-hud-caption-size);
  line-height: var(--ba-type-hud-caption-line);
  font-weight: var(--ba-type-hud-caption-weight);
  letter-spacing: var(--ba-type-hud-caption-tracking);
}
.ba-type-kbd {
  font-family: var(--ba-type-kbd-family);
  font-size: var(--ba-type-kbd-size);
  line-height: var(--ba-type-kbd-line);
  font-weight: var(--ba-type-kbd-weight);
  letter-spacing: var(--ba-type-kbd-tracking);
}