.radii-page.svelte-1e777ve.svelte-1e777ve{max-width:1000px}.page-header.svelte-1e777ve.svelte-1e777ve{margin-bottom:var(--space-32, 32px)}.page-header.svelte-1e777ve h1.svelte-1e777ve{font-size:var(--g-font-size-4, 2rem);font-weight:600;margin:0 0 var(--space-8, 8px) 0}.page-description.svelte-1e777ve.svelte-1e777ve{color:var(--g-color-fg-muted, #666);margin:0}.token-section.svelte-1e777ve.svelte-1e777ve{margin-bottom:var(--space-32, 32px);padding:var(--space-24, 24px);background:var(--g-color-bg-panel, #fff);border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:8px}.token-section.svelte-1e777ve h2.svelte-1e777ve{font-size:var(--g-font-size-2, 1.25rem);font-weight:600;margin:0 0 var(--space-8, 8px) 0}.section-description.svelte-1e777ve.svelte-1e777ve{color:var(--g-color-fg-muted, #666);font-size:var(--g-font-size-0, .875rem);margin:0 0 var(--space-24, 24px) 0}.radii-grid.svelte-1e777ve.svelte-1e777ve{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-16, 16px)}.radius-card.svelte-1e777ve.svelte-1e777ve{text-align:center}.radius-preview.svelte-1e777ve.svelte-1e777ve{width:80px;height:80px;margin:0 auto var(--space-12, 12px);background:var(--g-color-accent-quiet, #e0f2f1);border:2px solid var(--g-color-accent-active, #0b3035)}.radius-card.svelte-1e777ve code.svelte-1e777ve{display:block;font-size:var(--g-font-size-0, .7rem);color:var(--g-color-accent-active, #0b3035);margin-bottom:var(--space-4, 4px)}.radius-card.svelte-1e777ve span.svelte-1e777ve{font-size:var(--g-font-size-0, .75rem);color:var(--g-color-fg-muted, #666)}.asymmetric-demo.svelte-1e777ve.svelte-1e777ve{display:flex;align-items:center;gap:var(--space-32, 32px)}.asymmetric-preview.svelte-1e777ve.svelte-1e777ve{display:inline-block;padding:var(--space-12, 12px) var(--space-24, 24px);background:var(--g-color-fg-primary, #1a1a1a);color:var(--g-color-bg-panel, #fff);font-weight:600;border-radius:4px 0}.asymmetric-tokens.svelte-1e777ve.svelte-1e777ve{display:flex;flex-direction:column;gap:var(--space-4, 4px)}.asymmetric-tokens.svelte-1e777ve code.svelte-1e777ve{font-size:var(--g-font-size-0, .7rem);color:var(--g-color-fg-muted, #666)}.border-grid.svelte-1e777ve.svelte-1e777ve{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-16, 16px)}.border-card.svelte-1e777ve.svelte-1e777ve{text-align:center}.border-preview.svelte-1e777ve.svelte-1e777ve{width:100%;height:48px;margin-bottom:var(--space-12, 12px);background:var(--g-color-bg-subtle, #f5f5f5);border-style:solid;border-color:var(--g-color-accent-active, #0b3035);border-radius:4px}.border-card.svelte-1e777ve code.svelte-1e777ve{display:block;font-size:var(--g-font-size-0, .7rem);color:var(--g-color-accent-active, #0b3035);margin-bottom:var(--space-4, 4px)}.border-card.svelte-1e777ve span.svelte-1e777ve{font-size:var(--g-font-size-0, .75rem);color:var(--g-color-fg-muted, #666)}@media (max-width: 768px){.radii-grid.svelte-1e777ve.svelte-1e777ve,.border-grid.svelte-1e777ve.svelte-1e777ve{grid-template-columns:repeat(2,1fr)}.asymmetric-demo.svelte-1e777ve.svelte-1e777ve{flex-direction:column;align-items:flex-start}}[data-theme=dark] .radii-page.svelte-1e777ve .token-section.svelte-1e777ve{background:var(--g-color-bg-panel);border-color:var(--g-color-border-subtle)}[data-theme=dark] .radii-page.svelte-1e777ve .token-section h2.svelte-1e777ve,[data-theme=dark] .radii-page.svelte-1e777ve h1.svelte-1e777ve{color:var(--g-color-fg-heading)}[data-theme=dark] .radii-page.svelte-1e777ve .section-description.svelte-1e777ve,[data-theme=dark] .radii-page.svelte-1e777ve .page-description.svelte-1e777ve,[data-theme=dark] .radii-page.svelte-1e777ve span.svelte-1e777ve{color:var(--g-color-fg-muted)}[data-theme=dark] .radii-page.svelte-1e777ve .radius-preview.svelte-1e777ve{background:oklch(.25 .04 var(--brand-hue, 180));border-color:oklch(.7 .12 var(--brand-hue, 180))}[data-theme=dark] .radii-page.svelte-1e777ve code.svelte-1e777ve{color:oklch(.7 .12 var(--brand-hue, 180))}[data-theme=dark] .radii-page.svelte-1e777ve .asymmetric-preview.svelte-1e777ve{background:var(--brandscale-100);color:var(--brandscale-950)}[data-theme=dark] .radii-page.svelte-1e777ve .border-preview.svelte-1e777ve{background:var(--g-color-bg-card);border-color:oklch(.7 .12 var(--brand-hue, 180))}