.demo-section.svelte-20ba8h{padding:var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}h2.svelte-20ba8h{font-size:var(--text-fluid-xl);margin-bottom:var(--spacing-4);color:var(--color-fg)}p.svelte-20ba8h{color:var(--color-muted);margin-bottom:var(--spacing-4)}ul.svelte-20ba8h{margin-left:var(--spacing-6);color:var(--color-muted);margin-bottom:var(--spacing-4)}li.svelte-20ba8h{margin-bottom:var(--spacing-2)}.button-group.svelte-20ba8h{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.state-list.svelte-20ba8h{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2) var(--spacing-4)}.state-list.svelte-20ba8h dt:where(.svelte-20ba8h){font-weight:600;color:var(--color-fg)}.state-list.svelte-20ba8h dd:where(.svelte-20ba8h){color:var(--color-muted);margin:0}kbd.svelte-20ba8h{display:inline-block;padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-fluid-xs);font-family:ui-monospace,monospace;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:600;box-shadow:var(--shadow-sm)}