:root{--obx-bg: #1B1B1B;--obx-bg-chrome: #1D1D1D;--obx-card: #222222;--obx-field: #111111;--obx-field-border: #393939;--obx-hover: #3A3A3A;--obx-selected: #2C2C2C;--obx-artboard: #262626;--obx-toolbar: #2C2C2C;--obx-dot: #373737;--obx-dot-size: 40px;--obx-border: #2E2E2E;--obx-border-soft: #262626;--obx-border-strong: #3A3A3A;--obx-text-1: #F2F2F2;--obx-text-title: #DBDBDB;--obx-text-2: #AFAFAF;--obx-text-3: #7A7A7A;--obx-text-disabled: #5A5A5A;--obx-accent: #2C7EFC;--obx-accent-ink: #1F63D6;--obx-accent-hover: #4A93FF;--obx-accent-soft: rgba(44, 126, 252, .16);--obx-time: #FF6B3D;--obx-ok: #2BB47D;--surface-canvas: var(--obx-bg);--surface-app: var(--obx-bg);--surface-panel: var(--obx-bg);--surface-raised: var(--obx-card);--surface-hover: var(--obx-hover);--surface-selected: var(--obx-selected);--surface-selected-neutral: var(--obx-selected);--border-divider: var(--obx-border);--border-subtle: var(--obx-border-soft);--border-strong: var(--obx-border-strong);--text-primary: var(--obx-text-1);--text-secondary: var(--obx-text-2);--text-muted: var(--obx-text-3);--content-primary: var(--obx-text-1);--content-secondary: var(--obx-text-2);--content-tertiary: var(--obx-text-3);--content-disabled: var(--obx-text-disabled);--accent: var(--obx-accent);--accent-hover: var(--obx-accent-hover);--accent-soft: var(--obx-accent-soft);--ob-ink: var(--obx-text-1);--ob-ink-dim: var(--obx-text-3);--ob-accent: var(--obx-accent);--timeline-playhead: var(--obx-time);--timeline-keyframe-selected: var(--obx-accent)}