:root{--sp-0: var(--p-space-0, 0rem);--sp-100: var(--p-space-100, .25rem);--sp-150: var(--p-space-150, .375rem);--sp-200: var(--p-space-200, .5rem);--sp-300: var(--p-space-300, .75rem);--sp-400: var(--p-space-400, 1rem);--sp-500: var(--p-space-500, 1.25rem);--sp-600: var(--p-space-600, 1.5rem);--sp-800: var(--p-space-800, 2rem);--sp-1200: var(--p-space-1200, 3rem);--sp-card-padding: var(--p-space-card-padding, 1rem);--sp-card-gap: var(--p-space-card-gap, 1rem);--sp-button-group-gap: var(--p-space-button-group-gap, .5rem);--sp-table-cell-padding: var( --p-space-table-cell-padding, .375rem );--font-sans: var( --p-font-family-sans, "Inter", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif );--font-mono: var( --p-font-family-mono, ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace );--font-weight-regular: var(--p-font-weight-regular, 450);--font-weight-medium: var(--p-font-weight-medium, 550);--font-weight-semibold: var(--p-font-weight-semibold, 650);--font-weight-bold: var(--p-font-weight-bold, 700);--font-size-body-xs: var(--p-text-body-xs-font-size, .6875rem);--font-size-body-sm: var(--p-text-body-sm-font-size, .75rem);--font-size-body-md: var(--p-text-body-md-font-size, .8125rem);--font-size-body-lg: var(--p-text-body-lg-font-size, .875rem);--font-size-heading-sm: var( --p-text-heading-sm-font-size, .8125rem );--font-size-heading-md: var( --p-text-heading-md-font-size, .875rem );--font-size-heading-lg: var( --p-text-heading-lg-font-size, 1.25rem );--line-height-body-xs: var( --p-text-body-xs-font-line-height, .75rem );--line-height-body-sm: var( --p-text-body-sm-font-line-height, 1rem );--line-height-body-md: var( --p-text-body-md-font-line-height, 1.25rem );--line-height-body-lg: var( --p-text-body-lg-font-line-height, 1.25rem );--line-height-heading-sm: var( --p-text-heading-sm-font-line-height, 1.25rem );--line-height-heading-md: var( --p-text-heading-md-font-line-height, 1.25rem );--line-height-heading-lg: var( --p-text-heading-lg-font-line-height, 1.5rem );--radius-100: var(--p-border-radius-100, .25rem);--radius-200: var(--p-border-radius-200, .5rem);--radius-300: var(--p-border-radius-300, .75rem);--radius-full: var(--p-border-radius-full, 624.9375rem);--border-width: var(--p-border-width-025, .0625rem);--color-bg-surface: var(--p-color-bg-surface, #ffffff);--color-bg-surface-secondary: var(--p-color-bg-surface-secondary, #f7f7f7);--color-bg-surface-hover: var(--p-color-bg-surface-hover, #f1f1f1);--color-border: var(--p-color-border, #e3e3e3);--color-border-hover: var(--p-color-border-hover, #b5b5b5);--color-text: var(--p-color-text, #303030);--color-text-secondary: var(--p-color-text-secondary, #616161);--color-focused: var(--p-color-border-focus, #005bd3)}@media(prefers-color-scheme:dark){:root{--color-bg-surface: var(--p-color-bg-surface, #1a1a1a);--color-bg-surface-secondary: var(--p-color-bg-surface-secondary, #242424);--color-bg-surface-hover: var(--p-color-bg-surface-hover, #2f2f2f);--color-border: var(--p-color-border, #3a3a3a);--color-border-hover: var(--p-color-border-hover, #616161);--color-text: var(--p-color-text, #e3e3e3);--color-text-secondary: var(--p-color-text-secondary, #b5b5b5)}}