/* Generated by build-tokens.mjs from tokens.json — do not edit */
:root {
  --ox-brand-primary: #FF8200;
  --ox-brand-hover: #FF9200;
  --ox-brand-pressed: #FF8200;
  --ox-brand-ink: #0B0B0B;
  --ox-brand-text-light: #131316;
  --ox-brand-text-dark: #FFFFFF;
  --ox-neutral-01: #0B0B0B;
  --ox-neutral-02: #131316;
  --ox-neutral-03: #1D1D21;
  --ox-neutral-04: #25252A;
  --ox-neutral-05: #34343B;
  --ox-neutral-06: #5C5C66;
  --ox-neutral-07: #6E6E79;
  --ox-neutral-08: #9B9BA6;
  --ox-neutral-09: #CFCFD6;
  --ox-neutral-10: #E4E4E9;
  --ox-neutral-11: #F7F7F7;
  --ox-neutral-12: #FFFFFF;
  --ox-space-4: 4px;
  --ox-space-8: 8px;
  --ox-space-12: 12px;
  --ox-space-16: 16px;
  --ox-space-24: 24px;
  --ox-space-32: 32px;
  --ox-space-48: 48px;
  --ox-space-64: 64px;
  --ox-space-96: 96px;
  --ox-radius-control: 8px;
  --ox-radius-card: 12px;
  --ox-radius-popover: 12px;
  --ox-radius-dialog: 16px;
  --ox-radius-status: 0px;
  --ox-radius-label: 4px;
  --ox-radius-button: 10px;
  --ox-radius-marketing-button: 9999px;
  --ox-layout-workspace-max: 1280px;
  --ox-layout-marketing-max: 1280px;
  --ox-layout-settings-max: 840px;
  --ox-layout-sidebar: 240px;
  --ox-layout-compact-sidebar: 72px;
  --ox-layout-topbar: 64px;
  --ox-layout-mobile-topbar: 56px;
  --ox-layout-desktop-gutter: 32px;
  --ox-layout-tablet-gutter: 24px;
  --ox-layout-mobile-gutter: 16px;
  --ox-layout-desktop-columns: 12;
  --ox-layout-tablet-columns: 8;
  --ox-layout-mobile-columns: 4;
  --ox-layout-desktop-gap: 24px;
  --ox-layout-mobile-gap: 16px;
  --ox-layout-mobile-max: 767px;
  --ox-layout-tablet-max: 1199px;
  --ox-layout-overview-split-min: 860px;
  --ox-layout-overview-aside-min: 336px;
  --ox-layout-detail-max: 1040px;
  --ox-layout-task-max: 1040px;
  --ox-layout-single-card-max: 520px;
  --ox-type-dashboard-title-size: 32px;
  --ox-type-dashboard-title-line-height: 40px;
  --ox-type-dashboard-title-weight: 600;
  --ox-type-mobile-title-size: 24px;
  --ox-type-mobile-title-line-height: 32px;
  --ox-type-mobile-title-weight: 600;
  --ox-type-section-size: 24px;
  --ox-type-section-line-height: 32px;
  --ox-type-section-weight: 600;
  --ox-type-metric-size: 40px;
  --ox-type-metric-line-height: 48px;
  --ox-type-metric-weight: 600;
  --ox-type-mobile-metric-size: 32px;
  --ox-type-mobile-metric-line-height: 40px;
  --ox-type-mobile-metric-weight: 600;
  --ox-type-body-size: 16px;
  --ox-type-body-line-height: 26px;
  --ox-type-body-weight: 400;
  --ox-type-input-size: 15px;
  --ox-type-input-line-height: 24px;
  --ox-type-input-weight: 400;
  --ox-type-mobile-input-size: 16px;
  --ox-type-mobile-input-line-height: 24px;
  --ox-type-mobile-input-weight: 400;
  --ox-type-label-size: 14px;
  --ox-type-label-line-height: 22px;
  --ox-type-label-weight: 600;
  --ox-type-caption-size: 14px;
  --ox-type-caption-line-height: 22px;
  --ox-type-caption-weight: 400;
  --ox-type-marketing-hero-size: 56px;
  --ox-type-marketing-hero-line-height: 64px;
  --ox-type-marketing-hero-weight: 600;
  --ox-type-marketing-hero-mobile-size: 36px;
  --ox-type-marketing-hero-mobile-line-height: 44px;
  --ox-type-marketing-hero-mobile-weight: 600;
  --ox-type-marketing-section-size: 40px;
  --ox-type-marketing-section-line-height: 52px;
  --ox-type-marketing-section-weight: 600;
  --ox-type-marketing-section-mobile-size: 28px;
  --ox-type-marketing-section-mobile-line-height: 36px;
  --ox-type-marketing-section-mobile-weight: 600;
  --ox-type-button-size: 15px;
  --ox-type-button-line-height: 22px;
  --ox-type-button-weight: 600;
  --ox-type-marketing-button-size: 15px;
  --ox-type-marketing-button-line-height: 22px;
  --ox-type-marketing-button-weight: 600;
  --ox-type-marketing-button-mobile-size: 16px;
  --ox-type-marketing-button-mobile-line-height: 22px;
  --ox-type-marketing-button-mobile-weight: 600;
  --ox-type-card-size: 20px;
  --ox-type-card-line-height: 28px;
  --ox-type-card-weight: 600;
  --ox-type-compact-card-size: 16px;
  --ox-type-compact-card-line-height: 24px;
  --ox-type-compact-card-weight: 600;
  --ox-type-dialog-size: 20px;
  --ox-type-dialog-line-height: 28px;
  --ox-type-dialog-weight: 600;
  --ox-type-navigation-size: 16px;
  --ox-type-navigation-line-height: 24px;
  --ox-type-navigation-weight: 500;
  --ox-type-reading-size: 16px;
  --ox-type-reading-line-height: 28px;
  --ox-type-reading-weight: 400;
  --ox-type-compact-metric-size: 24px;
  --ox-type-compact-metric-line-height: 32px;
  --ox-type-compact-metric-weight: 600;
  --ox-component-button-height: 44px;
  --ox-component-button-large: 48px;
  --ox-component-button-compact: 40px;
  --ox-component-button-padding-x: 16px;
  --ox-component-icon-button: 44px;
  --ox-component-input-height: 44px;
  --ox-component-input-padding-x: 12px;
  --ox-component-card-padding: 24px;
  --ox-component-card-padding-mobile: 16px;
  --ox-component-table-header: 44px;
  --ox-component-table-row: 56px;
  --ox-component-table-action-row: 64px;
  --ox-component-icon: 20px;
  --ox-component-icon-small: 16px;
  --ox-component-focus-width: 1px;
  --ox-component-focus-offset: 2px;
  --ox-component-dialog-max: 480px;
  --ox-component-drawer-max: 480px;
  --ox-component-marketing-button-height: 48px;
  --ox-component-marketing-button-radius: 9999px;
  --ox-component-marketing-button-padding-x: 26px;
  --ox-component-marketing-button-font-size: 15px;
  --ox-component-marketing-button-mobile-font-size: 16px;
  --ox-component-marketing-button-arrow-size: 15px;
  --ox-component-marketing-button-arrow-ms: 400ms;
  --ox-component-marketing-button-pressed-ms: 120ms;
  --ox-component-marketing-button-color-ms: 200ms;
  --ox-component-marketing-button-monochrome-black-background: #0B0B0B;
  --ox-component-marketing-button-monochrome-black-text: #FFFFFF;
  --ox-component-marketing-button-monochrome-black-hover-background: #1D1D21;
  --ox-component-marketing-button-monochrome-black-border: #0B0B0B;
  --ox-component-marketing-button-monochrome-black-hover-border: #1D1D21;
  --ox-component-marketing-button-monochrome-black-dark-border: #5C5C66;
  --ox-component-marketing-button-monochrome-white-background: #FFFFFF;
  --ox-component-marketing-button-monochrome-white-text: #0B0B0B;
  --ox-component-marketing-button-monochrome-white-hover-background: #F7F7F7;
  --ox-component-marketing-button-monochrome-white-border: #CFCFD6;
  --ox-component-marketing-button-monochrome-white-hover-border: #9B9BA6;
  --ox-component-marketing-button-monochrome-pressed-scale: 0.97;
  --ox-component-marketing-button-pressed-scale: 0.97;
  --ox-component-marketing-button-hover-brightness: 1.12;
  --ox-component-marketing-button-ease: ease;
  --ox-component-marketing-button-arrow-ease: cubic-bezier(.65,0,.35,1);
  --ox-component-workspace-button-height: 44px;
  --ox-component-workspace-button-compact-height: 40px;
  --ox-component-workspace-button-radius: 10px;
  --ox-component-workspace-button-padding-x: 16px;
  --ox-component-workspace-button-font-size: 15px;
  --ox-component-workspace-button-feedback-ms: 180ms;
  --ox-component-workspace-button-hover-y: -1px;
  --ox-component-workspace-button-pressed-scale: 0.98;
  --ox-component-workspace-button-ease: ease;
  --ox-component-button-radius: 10px;
  --ox-component-button-focus-offset: 3px;
  --ox-component-table-comfortable-row: 72px;
  --ox-component-table-compact-action-row: 64px;
  --ox-component-avatar-size-xs: 24px;
  --ox-component-avatar-size-sm: 32px;
  --ox-component-avatar-size-md: 40px;
  --ox-component-avatar-size-lg: 48px;
  --ox-component-avatar-size-xl: 64px;
  --ox-component-avatar-text-gap: 12px;
  --ox-component-avatar-group-overlap: 8px;
  --ox-component-avatar-hit-target: 44px;
  --ox-component-icon-roles-auxiliary: 16px;
  --ox-component-icon-roles-action: 20px;
  --ox-component-icon-roles-navigation: 22px;
  --ox-component-icon-roles-hit-target: 44px;
  --ox-motion-feedback: 160ms;
  --ox-motion-overlay: 220ms;
  --ox-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ox-motion-reduced-motion: 0ms;
  --ox-motion-overlay-travel: 8px;
  --ox-motion-close: 120ms;
  --ox-motion-content: 180ms;
  --ox-motion-reveal: 320ms;
  --ox-motion-drawer-travel: 24px;
  --ox-motion-reveal-travel: 12px;
  --ox-layer-base: 0;
  --ox-layer-sticky: 10;
  --ox-layer-dropdown: 20;
  --ox-layer-backdrop: 30;
  --ox-layer-dialog: 40;
  --ox-layer-toast: 50;
  --ox-layer-tooltip: 60;
  --ox-elevation-menu: 0 8px 24px #0B0B0B1F;
  --ox-elevation-dialog: 0 16px 48px #0B0B0B29;
  --ox-overlay-scrim: #0B0B0B7A;
  --ox-overlay-viewport-inset-desktop: 24px;
  --ox-overlay-viewport-inset-mobile: 16px;
  --ox-overlay-close-icon: 20px;
  --ox-overlay-close-target: 44px;
  --ox-font: 'OpenX Spec Latin', 'Noto Sans SC', 'OpenX Spec TC', sans-serif;
  --ox-content-workspace: var(--ox-layout-workspace-max);
  --ox-content-marketing: var(--ox-layout-marketing-max);
  --ox-content-settings: var(--ox-layout-settings-max);
  --ox-sidebar: var(--ox-layout-sidebar);
  --ox-control-height: var(--ox-component-button-height);
  --ox-radius-marketingButton: var(--ox-radius-marketing-button);
  --ox-ratio-16-9: 16 / 9;
  --ox-ratio-4-3: 4 / 3;
  --ox-ratio-2-1: 2 / 1;
}
:root,[data-theme="light"]{
  --ox-canvas: #F7F7F7;
  --ox-navigation: #FFFFFF;
  --ox-surface: #FFFFFF;
  --ox-raised: #FFFFFF;
  --ox-hover: #F7F7F7;
  --ox-selected: #E4E4E9;
  --ox-border: #E4E4E9;
  --ox-border-strong: #CFCFD6;
  --ox-text: #131316;
  --ox-body: #34343B;
  --ox-muted: #5C5C66;
  --ox-disabled: #9B9BA6;
  --ox-focus: #B1B1BC;
  --ox-success: #193B2D;
  --ox-danger: #641723;
  --ox-warning: #4F3422;
  --ox-info: #113264;
  --ox-danger-ink: #FFFFFF;
  --ox-danger-hover: #C52129;
  --ox-danger-pressed: #BC1221;
  --ox-success-soft: #E6F6EB;
  --ox-danger-soft: #FEEBEC;
  --ox-warning-soft: #FFF7C2;
  --ox-info-soft: #E6F4FE;
  --ox-danger-action: #CE2C31;
  --ox-action-hover: #FF8200;
  --ox-accent-ink: #994B00;
  --ox-series-primary: #FF8200;
  --ox-series-comparison: #6E6E79;
  --ox-border-hover: #9B9BA6;
  --ox-danger-border: #EAA6A8;
  --ox-aux-writing: #6550B8;
  --ox-aux-writing-soft: #F1EDFC;
  --ox-aux-media: #08757D;
  --ox-aux-media-soft: #E7F4F3;
  --ox-aux-research: #346BB5;
  --ox-aux-research-soft: #EDF3FC;
}
[data-theme="dark"]{
  --ox-canvas: #0B0B0B;
  --ox-navigation: #131316;
  --ox-surface: #1D1D21;
  --ox-raised: #25252A;
  --ox-hover: #25252A;
  --ox-selected: #34343B;
  --ox-border: #34343B;
  --ox-border-strong: #34343B;
  --ox-text: #FFFFFF;
  --ox-body: #CFCFD6;
  --ox-muted: #9B9BA6;
  --ox-disabled: #6E6E79;
  --ox-focus: #5C5C66;
  --ox-success: #3DD68C;
  --ox-danger: #FF9592;
  --ox-warning: #FFCA16;
  --ox-info: #70B8FF;
  --ox-danger-ink: #FFFFFF;
  --ox-danger-hover: #C52129;
  --ox-danger-pressed: #BC1221;
  --ox-success-soft: #132D21;
  --ox-danger-soft: #3B1219;
  --ox-warning-soft: #302008;
  --ox-info-soft: #0D2847;
  --ox-danger-action: #CE2C31;
  --ox-action-hover: #FFA84D;
  --ox-accent-ink: #FF8200;
  --ox-series-primary: #FF8200;
  --ox-series-comparison: #9B9BA6;
  --ox-border-hover: #5C5C66;
  --ox-danger-border: #774D4E;
  --ox-aux-writing: #B1A0F5;
  --ox-aux-writing-soft: #2B253B;
  --ox-aux-media: #77CBD1;
  --ox-aux-media-soft: #182F31;
  --ox-aux-research: #8AB7EE;
  --ox-aux-research-soft: #1D2B40;
}
@media(prefers-reduced-motion:reduce){:root{--ox-motion-feedback:0ms;--ox-motion-overlay:0ms;--ox-component-marketing-button-arrow-ms:0ms;--ox-component-marketing-button-pressed-ms:0ms;--ox-component-marketing-button-color-ms:0ms;--ox-component-workspace-button-feedback-ms:0ms}}