.spacing-page.svelte-1akrvyd.svelte-1akrvyd{max-width:1000px}.page-header.svelte-1akrvyd.svelte-1akrvyd{margin-bottom:var(--space-32, 32px)}.page-header.svelte-1akrvyd h1.svelte-1akrvyd{font-size:var(--g-font-size-4, 2rem);font-weight:600;margin:0 0 var(--space-8, 8px) 0}.page-description.svelte-1akrvyd.svelte-1akrvyd{color:var(--g-color-fg-muted, #666);margin:0}.token-section.svelte-1akrvyd.svelte-1akrvyd{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-1akrvyd h2.svelte-1akrvyd{font-size:var(--g-font-size-2, 1.25rem);font-weight:600;margin:0 0 var(--space-8, 8px) 0}.section-description.svelte-1akrvyd.svelte-1akrvyd{color:var(--g-color-fg-muted, #666);font-size:var(--g-font-size-0, .875rem);margin:0 0 var(--space-24, 24px) 0}.spacing-scale.svelte-1akrvyd.svelte-1akrvyd{display:flex;flex-direction:column;gap:var(--space-12, 12px)}.spacing-row.svelte-1akrvyd.svelte-1akrvyd{display:flex;align-items:center;gap:var(--space-16, 16px)}.spacing-name.svelte-1akrvyd.svelte-1akrvyd{width:100px;flex-shrink:0;font-size:var(--g-font-size-0, .75rem);color:var(--g-color-accent-active, #0b3035)}.spacing-bar.svelte-1akrvyd.svelte-1akrvyd{height:24px;background:var(--g-color-accent-quiet, #e0f2f1);border:1px solid var(--g-color-accent-active, #0b3035);border-radius:4px}.spacing-value.svelte-1akrvyd.svelte-1akrvyd{font-size:var(--g-font-size-0, .75rem);color:var(--g-color-fg-muted, #666);font-family:var(--font-mono)}.stack-demo.svelte-1akrvyd.svelte-1akrvyd{background:var(--g-color-bg-subtle, #f5f5f5);padding:var(--space-16, 16px);border-radius:8px}.stack-item.svelte-1akrvyd.svelte-1akrvyd{background:var(--g-color-bg-panel, #fff);border:1px solid var(--g-color-border-subtle, #e5e5e5);padding:var(--space-12, 12px);border-radius:6px;font-size:var(--g-font-size-0, .875rem)}.stack-spacer.svelte-1akrvyd.svelte-1akrvyd{background:var(--g-color-accent-quiet, #e0f2f1);border-left:2px dashed var(--g-color-accent-active, #0b3035)}.gap-demos.svelte-1akrvyd.svelte-1akrvyd{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24, 24px)}.gap-demo.svelte-1akrvyd h4.svelte-1akrvyd{font-size:var(--g-font-size-0, .875rem);font-weight:500;margin:0 0 var(--space-12, 12px) 0;color:var(--g-color-fg-muted, #666)}.grid-example.svelte-1akrvyd.svelte-1akrvyd{display:grid;grid-template-columns:repeat(3,1fr);background:var(--g-color-bg-subtle, #f5f5f5);padding:var(--space-12, 12px);border-radius:8px}.grid-cell.svelte-1akrvyd.svelte-1akrvyd{height:40px;background:var(--g-color-accent-quiet, #e0f2f1);border:1px solid var(--g-color-accent-active, #0b3035);border-radius:4px}.guideline-grid.svelte-1akrvyd.svelte-1akrvyd{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-16, 16px)}.guideline-card.svelte-1akrvyd.svelte-1akrvyd{padding:var(--space-16, 16px);background:var(--g-color-bg-subtle, #f5f5f5);border-radius:8px}.guideline-card.svelte-1akrvyd h4.svelte-1akrvyd{font-size:var(--g-font-size-0, .875rem);font-weight:600;margin:0 0 var(--space-8, 8px) 0}.guideline-card.svelte-1akrvyd p.svelte-1akrvyd{font-size:var(--g-font-size-0, .8rem);color:var(--g-color-fg-muted, #666);margin:0;line-height:1.5}.guideline-card.svelte-1akrvyd code.svelte-1akrvyd{font-size:var(--g-font-size-0, .7rem);background:#0000000d;padding:1px 4px;border-radius:3px}@media (max-width: 768px){.gap-demos.svelte-1akrvyd.svelte-1akrvyd,.guideline-grid.svelte-1akrvyd.svelte-1akrvyd{grid-template-columns:1fr}}[data-theme=dark] .spacing-page.svelte-1akrvyd .token-section.svelte-1akrvyd{background:var(--g-color-bg-panel);border-color:var(--g-color-border-subtle)}[data-theme=dark] .spacing-page.svelte-1akrvyd .token-section h2.svelte-1akrvyd,[data-theme=dark] .spacing-page.svelte-1akrvyd h1.svelte-1akrvyd,[data-theme=dark] .spacing-page.svelte-1akrvyd .guideline-card h4.svelte-1akrvyd{color:var(--g-color-fg-heading)}[data-theme=dark] .spacing-page.svelte-1akrvyd .section-description.svelte-1akrvyd,[data-theme=dark] .spacing-page.svelte-1akrvyd .page-description.svelte-1akrvyd,[data-theme=dark] .spacing-page.svelte-1akrvyd .gap-demo h4.svelte-1akrvyd,[data-theme=dark] .spacing-page.svelte-1akrvyd .guideline-card p.svelte-1akrvyd,[data-theme=dark] .spacing-page.svelte-1akrvyd .spacing-value.svelte-1akrvyd{color:var(--g-color-fg-muted)}[data-theme=dark] .spacing-page.svelte-1akrvyd .stack-demo.svelte-1akrvyd,[data-theme=dark] .spacing-page.svelte-1akrvyd .grid-example.svelte-1akrvyd,[data-theme=dark] .spacing-page.svelte-1akrvyd .guideline-card.svelte-1akrvyd{background:var(--g-color-bg-card-hover)}[data-theme=dark] .spacing-page.svelte-1akrvyd .stack-item.svelte-1akrvyd{background:var(--g-color-bg-card);border-color:var(--g-color-border-subtle);color:var(--g-color-fg-soft)}[data-theme=dark] .spacing-page.svelte-1akrvyd .grid-cell.svelte-1akrvyd,[data-theme=dark] .spacing-page.svelte-1akrvyd .spacing-bar.svelte-1akrvyd{background:#062822;border-color:#24b6a1}[data-theme=dark] .spacing-page.svelte-1akrvyd .stack-spacer.svelte-1akrvyd{background:#062822;border-left-color:#24b6a1}[data-theme=dark] .spacing-page.svelte-1akrvyd .spacing-name.svelte-1akrvyd{color:#24b6a1}[data-theme=dark] .spacing-page.svelte-1akrvyd .guideline-card code.svelte-1akrvyd{background:#ffffff1a;color:var(--g-color-fg-soft)}