.embed-hero.svelte-csbh6{margin-bottom:var(--space-6)}.demo-grid.svelte-csbh6{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:var(--space-4);margin-bottom:var(--space-8)}.demo-panel.svelte-csbh6{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-hairline);background:var(--bg-surface)}.demo-panel.svelte-csbh6 h2:where(.svelte-csbh6){margin:0;color:var(--ink);font-family:var(--font-display);font-size:1.35rem;line-height:1.15}.picker-demo.svelte-csbh6{width:100%}.helper-text.svelte-csbh6,.snippet-header.svelte-csbh6 p:where(.svelte-csbh6){margin:0;color:var(--ink-muted);font-size:.95rem;line-height:1.5}.section-block.svelte-csbh6{margin-bottom:var(--space-8)}.section-title.svelte-csbh6{margin:var(--space-1) 0 var(--space-4);color:var(--ink);font-family:var(--font-display);font-size:1.5rem;font-weight:700}.snippet-card.svelte-csbh6{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-hairline);background:var(--bg-surface)}.note-list.svelte-csbh6{display:grid;gap:var(--space-3)}.note-item.svelte-csbh6{display:grid;gap:var(--space-2);padding:var(--space-4) 0;border-top:1px solid var(--border-hairline)}.note-item.svelte-csbh6:last-child{border-bottom:1px solid var(--border-hairline)}.note-item.svelte-csbh6 h3:where(.svelte-csbh6){margin:0;color:var(--ink);font-family:var(--font-display);font-size:1.125rem;font-weight:650}.note-item.svelte-csbh6 p:where(.svelte-csbh6){margin:0;color:var(--ink-muted);font-size:.95rem;line-height:1.55}.note-item.svelte-csbh6 code:where(.svelte-csbh6){color:var(--ink);font-family:var(--font-mono);font-size:.86em}.snippet-header.svelte-csbh6{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.snippet-header.svelte-csbh6 code:where(.svelte-csbh6){color:var(--ink);font-family:var(--font-mono);font-size:.86em}.code-block.svelte-csbh6{margin:0;padding:var(--space-3);background:var(--code-bg);color:var(--code-fg);font-family:var(--font-mono);font-size:.75rem;line-height:1.55;overflow-x:auto;white-space:pre}.code-block.svelte-csbh6 code:where(.svelte-csbh6){font:inherit}.result-json.svelte-csbh6{min-height:210px}@media(max-width:820px){.demo-grid.svelte-csbh6{grid-template-columns:1fr}.snippet-header.svelte-csbh6{align-items:flex-start;flex-direction:column}}