.section.svelte-wa0kit{margin-bottom:var(--spacing-8)}.scroll-target.svelte-wa0kit{scroll-margin-top:3rem}.demos.svelte-wa0kit{gap:var(--spacing-6);flex-direction:column;display:flex}.token-grid.svelte-wa0kit{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%;display:grid}.type-scale.svelte-wa0kit{gap:var(--spacing-6);flex-direction:column;width:100%;display:flex}.type-sample.svelte-wa0kit{gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.type-meta.svelte-wa0kit{justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.type-key.svelte-wa0kit{font-size:var(--text-fluid-xs);color:var(--color-fg);font-family:Fira Code,monospace;font-weight:600}.type-value.svelte-wa0kit{font-size:var(--text-fluid-xs);color:var(--color-muted);font-family:Fira Code,monospace}.type-preview.svelte-wa0kit{color:var(--color-fg);line-height:1.4}.spacing-sample.svelte-wa0kit{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.spacing-visual.svelte-wa0kit{background:var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0}.spacing-info.svelte-wa0kit{flex:1;min-width:0}.spacing-key.svelte-wa0kit{font-size:var(--text-fluid-sm);color:var(--color-fg);font-family:Fira Code,monospace;font-weight:500}.spacing-value.svelte-wa0kit{font-size:var(--text-fluid-xs);color:var(--color-muted);font-family:Fira Code,monospace}.color-section.svelte-wa0kit{width:100%}.color-note.svelte-wa0kit{font-size:var(--text-fluid-sm);color:var(--color-muted);margin:0 0 var(--spacing-4) 0}.color-note.svelte-wa0kit code:where(.svelte-wa0kit){background:var(--color-subtle);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:Fira Code,monospace;font-size:var(--text-fluid-xs)}.color-swatch.svelte-wa0kit{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.color-preview.svelte-wa0kit{border-radius:var(--radius-md);border:1px solid var(--color-border);flex-shrink:0;width:2.5rem;height:2.5rem}.color-info.svelte-wa0kit{flex:1;min-width:0}.color-name.svelte-wa0kit{font-size:var(--text-fluid-sm);color:var(--color-fg);font-weight:500}.color-var.svelte-wa0kit{font-size:var(--text-fluid-xs);color:var(--color-muted);font-family:Fira Code,monospace}.z-index-stack.svelte-wa0kit{gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.z-index-sample.svelte-wa0kit{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.z-info.svelte-wa0kit{align-items:baseline;gap:var(--spacing-3);display:flex}.z-key.svelte-wa0kit{font-size:var(--text-fluid-sm);color:var(--color-fg);font-family:Fira Code,monospace;font-weight:600}.z-surface.svelte-wa0kit{font-size:var(--text-fluid-xs);color:var(--color-muted);font-family:Fira Code,monospace}.z-value.svelte-wa0kit{font-size:var(--text-fluid-sm);color:var(--color-muted);font-family:Fira Code,monospace;font-weight:600}.surface-grid.svelte-wa0kit{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%;display:grid}.surface-swatch.svelte-wa0kit{padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--spacing-1);flex-direction:column;display:flex}.surface-label.svelte-wa0kit{font-size:var(--text-fluid-sm);color:var(--color-fg);font-weight:600}.surface-usage.svelte-wa0kit{font-size:var(--text-fluid-xs);color:var(--color-muted)}.surface-class.svelte-wa0kit{margin-top:var(--spacing-2);font-size:var(--text-fluid-xs);color:var(--color-muted);font-family:Fira Code,monospace}.color-group-label.svelte-wa0kit{font-size:var(--text-fluid-sm);color:var(--color-fg);margin:var(--spacing-4) 0 var(--spacing-2) 0;font-weight:600}.color-group-label.svelte-wa0kit:first-child{margin-top:0}.combos-section.svelte-wa0kit{width:100%}.combos-grid.svelte-wa0kit{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%;display:grid}.combo-card.svelte-wa0kit{padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--color-border);border-left:3px solid var(--color-border);gap:var(--spacing-2);flex-direction:column;min-height:5rem;display:flex}.combo-sample.svelte-wa0kit{font-size:var(--text-fluid-sm);font-weight:600;line-height:1.3}.combo-meta.svelte-wa0kit{font-size:var(--text-fluid-xs);font-family:Fira Code,monospace;line-height:1.3}.combo-vars.svelte-wa0kit{word-break:break-all;font-family:Fira Code,monospace;font-size:.65rem;line-height:1.2}.icon-sample.svelte-wa0kit{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.icon-preview.svelte-wa0kit{background:var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0}.breakpoint-list.svelte-wa0kit,.duration-list.svelte-wa0kit,.layout-list.svelte-wa0kit{gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.breakpoint-sample.svelte-wa0kit{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.breakpoint-bar.svelte-wa0kit{background:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0;min-width:1rem;height:.5rem}.breakpoint-info.svelte-wa0kit{align-items:baseline;gap:var(--spacing-3);display:flex}.duration-sample.svelte-wa0kit{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.duration-bar-track.svelte-wa0kit{background:var(--color-subtle);border-radius:var(--radius-full);flex-shrink:0;width:6rem;height:.5rem;overflow:hidden}.duration-bar-fill.svelte-wa0kit{background:var(--color-primary);border-radius:var(--radius-full);width:100%;height:100%;animation-name:svelte-wa0kit-duration-sweep;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes svelte-wa0kit-duration-sweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(-100%)}}.layout-sample.svelte-wa0kit{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.layout-bar.svelte-wa0kit{background:var(--color-primary);border-radius:var(--radius-full);flex-shrink:1;width:100%;height:.5rem}@media (width<=640px){.token-grid.svelte-wa0kit,.surface-grid.svelte-wa0kit,.combos-grid.svelte-wa0kit{grid-template-columns:1fr}}