:root{--primitive-neutral-0: #ffffff;--primitive-neutral-50: #fafafa;--primitive-neutral-100: #f5f5f5;--primitive-neutral-200: #e5e5e5;--primitive-neutral-300: #d4d4d4;--primitive-neutral-400: #a3a3a3;--primitive-neutral-500: #737373;--primitive-neutral-600: #525252;--primitive-neutral-700: #404040;--primitive-neutral-800: #262626;--primitive-neutral-900: #171717;--primitive-neutral-950: #0a0a0a;--primitive-neutral-1000: #000000;--primitive-brand-50: #eff6ff;--primitive-brand-100: #dbeafe;--primitive-brand-200: #bfdbfe;--primitive-brand-300: #93c5fd;--primitive-brand-400: #60a5fa;--primitive-brand-500: #3b82f6;--primitive-brand-600: #2563eb;--primitive-brand-700: #1d4ed8;--primitive-brand-800: #1e40af;--primitive-brand-900: #1e3a8a;--primitive-success-400: #4ade80;--primitive-success-500: #22c55e;--primitive-success-600: #16a34a;--primitive-warning-400: #facc15;--primitive-warning-500: #eab308;--primitive-warning-600: #ca8a04;--primitive-error-400: #f87171;--primitive-error-500: #ef4444;--primitive-error-600: #dc2626;--primitive-info-400: #38bdf8;--primitive-info-500: #0ea5e9;--primitive-info-600: #0284c7;--primitive-space-0: 0px;--primitive-space-1: .25rem;--primitive-space-2: .5rem;--primitive-space-3: .75rem;--primitive-space-4: 1rem;--primitive-space-5: 1.25rem;--primitive-space-6: 1.5rem;--primitive-space-8: 2rem;--primitive-space-10: 2.5rem;--primitive-space-12: 3rem;--primitive-space-16: 4rem;--primitive-space-20: 5rem;--primitive-space-24: 6rem;--primitive-radius-none: 0px;--primitive-radius-sm: .125rem;--primitive-radius-md: .375rem;--primitive-radius-lg: .5rem;--primitive-radius-xl: .75rem;--primitive-radius-2xl: 1rem;--primitive-radius-full: 9999px;--primitive-font-sans: ui-sans-serif, system-ui, sans-serif;--primitive-font-serif: ui-serif, Georgia, serif;--primitive-font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--primitive-text-xs: .75rem;--primitive-text-sm: .875rem;--primitive-text-md: 1rem;--primitive-text-lg: 1.125rem;--primitive-text-xl: 1.25rem;--primitive-text-2xl: 1.5rem;--primitive-text-3xl: 1.875rem;--primitive-text-4xl: 2.25rem;--primitive-text-5xl: 3rem;--primitive-weight-normal: 400;--primitive-weight-medium: 500;--primitive-weight-semibold: 600;--primitive-weight-bold: 700;--primitive-leading-none: 1;--primitive-leading-tight: 1.25;--primitive-leading-snug: 1.375;--primitive-leading-normal: 1.5;--primitive-leading-relaxed: 1.625;--primitive-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--primitive-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--primitive-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--primitive-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--primitive-shadow-none: none;--primitive-duration-fast: .15s;--primitive-duration-normal: .25s;--primitive-duration-slow: .4s;--primitive-ease-default: cubic-bezier(.4, 0, .2, 1);--primitive-ease-in: cubic-bezier(.4, 0, 1, 1);--primitive-ease-out: cubic-bezier(0, 0, .2, 1);--primitive-z-base: 0;--primitive-z-raised: 10;--primitive-z-overlay: 100;--primitive-z-modal: 200;--primitive-z-toast: 300;--primitive-z-tooltip: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text-default);background-color:var(--color-bg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:inherit}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}:root{--color-brand-primary: var(--primitive-brand-500);--color-brand-primary-hover: var(--primitive-brand-600);--color-brand-primary-active: var(--primitive-brand-700);--color-brand-primary-subtle: var(--primitive-brand-50);--color-brand-primary-contrast: var(--primitive-neutral-0);--color-brand-secondary: var(--primitive-brand-200);--color-brand-secondary-hover: var(--primitive-brand-300);--color-brand-secondary-active: var(--primitive-brand-400);--color-brand-secondary-subtle: var(--primitive-brand-50);--color-brand-secondary-contrast: var(--primitive-brand-900);--color-bg-default: var(--primitive-neutral-0);--color-bg-subtle: var(--primitive-neutral-50);--color-bg-muted: var(--primitive-neutral-100);--color-bg-emphasis: var(--primitive-neutral-900);--color-surface-default: var(--primitive-neutral-0);--color-surface-raised: var(--primitive-neutral-0);--color-surface-overlay: var(--primitive-neutral-0);--color-text-default: var(--primitive-neutral-900);--color-text-muted: var(--primitive-neutral-500);--color-text-subtle: var(--primitive-neutral-400);--color-text-disabled: var(--primitive-neutral-300);--color-text-inverse: var(--primitive-neutral-0);--color-text-link: var(--color-brand-primary);--color-text-link-hover:var(--color-brand-primary-hover);--color-border-default: var(--primitive-neutral-200);--color-border-strong: var(--primitive-neutral-400);--color-border-subtle: var(--primitive-neutral-100);--color-border-focus: var(--color-brand-primary);--color-status-success: var(--primitive-success-500);--color-status-success-subtle: var(--primitive-success-400);--color-status-success-bg: #f0fdf4;--color-status-warning: var(--primitive-warning-500);--color-status-warning-subtle: var(--primitive-warning-400);--color-status-warning-bg: #fefce8;--color-status-error: var(--primitive-error-500);--color-status-error-subtle: var(--primitive-error-400);--color-status-error-bg: #fef2f2;--color-status-info: var(--primitive-info-500);--color-status-info-subtle: var(--primitive-info-400);--color-status-info-bg: #f0f9ff;--font-sans: var(--primitive-font-sans);--font-serif: var(--primitive-font-serif);--font-mono: var(--primitive-font-mono);--font-display: var(--font-sans);--text-xs: var(--primitive-text-xs);--text-sm: var(--primitive-text-sm);--text-md: var(--primitive-text-md);--text-lg: var(--primitive-text-lg);--text-xl: var(--primitive-text-xl);--text-2xl: var(--primitive-text-2xl);--text-3xl: var(--primitive-text-3xl);--text-4xl: var(--primitive-text-4xl);--text-5xl: var(--primitive-text-5xl);--weight-normal: var(--primitive-weight-normal);--weight-medium: var(--primitive-weight-medium);--weight-semibold: var(--primitive-weight-semibold);--weight-bold: var(--primitive-weight-bold);--leading-none: var(--primitive-leading-none);--leading-tight: var(--primitive-leading-tight);--leading-snug: var(--primitive-leading-snug);--leading-normal: var(--primitive-leading-normal);--leading-relaxed: var(--primitive-leading-relaxed);--space-0: var(--primitive-space-0);--space-1: var(--primitive-space-1);--space-2: var(--primitive-space-2);--space-3: var(--primitive-space-3);--space-4: var(--primitive-space-4);--space-5: var(--primitive-space-5);--space-6: var(--primitive-space-6);--space-8: var(--primitive-space-8);--space-10: var(--primitive-space-10);--space-12: var(--primitive-space-12);--space-16: var(--primitive-space-16);--space-20: var(--primitive-space-20);--space-24: var(--primitive-space-24);--radius-none: var(--primitive-radius-none);--radius-sm: var(--primitive-radius-sm);--radius-md: var(--primitive-radius-md);--radius-lg: var(--primitive-radius-lg);--radius-xl: var(--primitive-radius-xl);--radius-2xl: var(--primitive-radius-2xl);--radius-full: var(--primitive-radius-full);--radius-component: var(--radius-md);--shadow-sm: var(--primitive-shadow-sm);--shadow-md: var(--primitive-shadow-md);--shadow-lg: var(--primitive-shadow-lg);--shadow-xl: var(--primitive-shadow-xl);--shadow-none: var(--primitive-shadow-none);--duration-fast: var(--primitive-duration-fast);--duration-normal: var(--primitive-duration-normal);--duration-slow: var(--primitive-duration-slow);--ease-default: var(--primitive-ease-default);--ease-in: var(--primitive-ease-in);--ease-out: var(--primitive-ease-out);--transition-default: var(--duration-normal) var(--ease-default);--z-base: var(--primitive-z-base);--z-raised: var(--primitive-z-raised);--z-overlay: var(--primitive-z-overlay);--z-modal: var(--primitive-z-modal);--z-toast: var(--primitive-z-toast);--z-tooltip: var(--primitive-z-tooltip)}:root{--example-coral-50: #fff5f5;--example-coral-100: #ffe3e3;--example-coral-400: #ff6b6b;--example-coral-500: #fa5252;--example-coral-600: #f03e3e;--example-coral-700: #c92a2a;--example-coral-900: #862e2e;--example-teal-50: #e6fcf5;--example-teal-500: #20c997;--example-teal-600: #12b886;--example-teal-700: #0ca678;--color-brand-primary: var(--example-coral-500);--color-brand-primary-hover: var(--example-coral-600);--color-brand-primary-active: var(--example-coral-700);--color-brand-primary-subtle: var(--example-coral-50);--color-brand-primary-contrast: #ffffff;--color-brand-secondary: var(--example-teal-500);--color-brand-secondary-hover: var(--example-teal-600);--color-brand-secondary-active: var(--example-teal-700);--color-brand-secondary-subtle: var(--example-teal-50);--color-brand-secondary-contrast: #ffffff;--font-sans: "Your Body Font", ui-sans-serif, system-ui, sans-serif;--font-display: "Your Display Font", ui-sans-serif, system-ui, sans-serif;--font-mono: "Your Mono Font", ui-monospace, monospace;--radius-component: var(--radius-lg)}[data-theme=dark]{--color-bg-default: #0f0f0f;--color-bg-subtle: #1a1a1a;--color-bg-muted: #262626;--color-bg-emphasis: #f5f5f5;--color-surface-default: #1a1a1a;--color-surface-raised: #242424;--color-surface-overlay: #2e2e2e;--color-text-default: #f5f5f5;--color-text-muted: #a3a3a3;--color-text-subtle: #737373;--color-text-disabled: #525252;--color-text-inverse: #0f0f0f;--color-border-default: #2e2e2e;--color-border-strong: #525252;--color-border-subtle: #1f1f1f}:root{--docs-header-height: 57px}.docs-layout{display:grid;grid-template-rows:auto 1fr;grid-template-columns:240px 1fr;grid-template-areas:"header header" "sidebar content";min-height:100vh;background-color:var(--color-bg-default);color:var(--color-text-default);font-family:var(--font-sans)}.docs-header{grid-area:header;display:flex;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-surface-default);position:sticky;top:0;z-index:var(--z-raised)}.docs-header__logo{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-default);text-decoration:none}.docs-sidebar{grid-area:sidebar;border-right:1px solid var(--color-border-subtle);background-color:var(--color-bg-subtle);position:sticky;top:var(--docs-header-height);height:calc(100vh - var(--docs-header-height));overflow-y:auto;padding:var(--space-4) 0}.docs-nav__group{margin-bottom:var(--space-4)}.docs-nav__label{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;display:block}.docs-nav__link{display:block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-default),background-color var(--transition-default)}.docs-nav__link:hover{color:var(--color-text-default);background-color:var(--color-bg-muted)}.docs-nav__link:focus-visible{color:var(--color-text-default);background-color:var(--color-bg-muted);outline:2px solid var(--color-border-focus);outline-offset:-2px}.docs-nav__link--active{color:var(--color-brand-primary);font-weight:var(--weight-medium);background-color:var(--color-brand-primary-subtle)}.docs-content{grid-area:content;max-width:800px;padding:var(--space-8)}.docs-page-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-default);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.docs-page-description{font-size:var(--text-md);color:var(--color-text-muted);margin:0 0 var(--space-6) 0;line-height:var(--leading-relaxed)}.docs-section{margin-bottom:var(--space-12)}.docs-section__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.docs-preview{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-8);background-color:var(--color-surface-default);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.docs-preview--column{flex-direction:column;align-items:stretch}.docs-install{display:flex;align-items:center;gap:var(--space-2);background-color:var(--color-bg-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-8);font-family:var(--font-mono);font-size:var(--text-sm)}.docs-install code{flex:1;color:var(--color-text-default);word-break:break-all}.docs-install__copy{flex-shrink:0;background:none;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-default),border-color var(--transition-default)}.docs-install__copy:hover{color:var(--color-text-default);border-color:var(--color-border-strong)}.docs-install__copy:focus-visible{color:var(--color-text-default);border-color:var(--color-border-focus);outline:2px solid var(--color-border-focus);outline-offset:2px}.docs-component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.docs-component-card{display:block;padding:var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-default);text-decoration:none;transition:border-color var(--transition-default),box-shadow var(--transition-default)}.docs-component-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.docs-component-card:focus-visible{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);outline:2px solid var(--color-border-focus);outline-offset:2px}.docs-component-card__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-default);margin-bottom:var(--space-1)}.docs-component-card__desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-snug)}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.token-swatch{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-subtle)}.token-swatch__color{height:48px}.token-swatch__info{padding:var(--space-2);background-color:var(--color-surface-default)}.token-swatch__name{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-default);word-break:break-all;font-family:var(--font-mono)}.token-spacing{display:flex;flex-direction:column;gap:var(--space-2)}.token-spacing__item{display:flex;align-items:center;gap:var(--space-3)}.token-spacing__bar{background-color:var(--color-brand-primary);height:16px;border-radius:var(--radius-sm);flex-shrink:0}.token-spacing__label{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);white-space:nowrap}@media(max-width:768px){.docs-layout{grid-template-columns:1fr;grid-template-areas:"header" "sidebar" "content"}.docs-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--color-border-subtle)}.docs-content{padding:var(--space-6) var(--space-4)}}