.playground.svelte-1q8bogb{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=721px){.playground.svelte-1q8bogb{grid-template-columns:minmax(0,1fr) 20rem;align-items:start}.controls-trigger.svelte-1q8bogb{display:none}.demo-column.svelte-1q8bogb{top:var(--space-6);position:sticky}.stage.svelte-1q8bogb{position:static}}.demo-column.svelte-1q8bogb{gap:var(--space-6);order:1;display:grid}.stage.svelte-1q8bogb{top:var(--space-6);position:sticky}.controls.svelte-1q8bogb{gap:var(--space-6);order:2;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-content:start;min-width:0;display:grid}.controls.sheet.svelte-1q8bogb{border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:var(--paper);max-height:min(80vh,32rem);padding:var(--space-6) var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom,0px));border-bottom:none;grid-template-columns:1fr;margin:0;display:none;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -12px 32px -12px #0000003d}.controls.sheet.svelte-1q8bogb:popover-open{display:grid}.controls.sheet.svelte-1q8bogb::backdrop{background:#00000052}.controls-trigger.svelte-1q8bogb{z-index:5;font:inherit;padding:var(--space-3) var(--space-6);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;box-shadow:0 0 0 2px var(--paper), 0 12px 32px -12px #00000052;border-radius:0;font-size:.78rem;font-weight:600;position:fixed;inset-block-end:var(--space-6);inset-inline-end:var(--space-6)}fieldset.svelte-1q8bogb{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4)}legend.svelte-1q8bogb{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);padding-inline:var(--space-1);font-size:.72rem}label.svelte-1q8bogb{align-items:center;gap:var(--space-2);padding-block:var(--space-1);font-size:.9rem;display:flex}.sub-controls.svelte-1q8bogb{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;padding-inline-start:var(--space-6);display:flex}.snap.svelte-1q8bogb{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);cursor:help;border:1px dashed;margin-inline-start:auto;padding:0 .3rem;font-size:.66rem}.snap-note.svelte-1q8bogb{color:var(--ink-faint);margin-block-end:var(--space-2);font-size:.75rem;line-height:1.4}.snap-note.svelte-1q8bogb .snap:where(.svelte-1q8bogb){cursor:auto}label.numeric.svelte-1q8bogb{color:var(--ink-soft);justify-content:space-between;font-size:.8rem;display:flex}label.numeric.svelte-1q8bogb input:where(.svelte-1q8bogb){width:4.5rem;font:inherit;border:1px solid var(--line);border-radius:4px;padding:.15rem .4rem}select.svelte-1q8bogb{width:100%;padding:var(--space-2);border:1px solid var(--line);font:inherit;border-radius:6px}.stage.svelte-1q8bogb{border:1px solid var(--rule);border-radius:var(--radius);background-size:12px 12px;background:var(--paper-dim);place-items:center;min-height:20rem;display:grid;background-image:radial-gradient(var(--rule) 1px, transparent 1px)!important}.trigger.svelte-1q8bogb{font:inherit;padding:var(--space-3) var(--space-6);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:0;font-size:.78rem;font-weight:600}.panel.svelte-1q8bogb{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);border-color:var(--ink);box-shadow:6px 6px 0 color-mix(in oklab, var(--ink) 12%, transparent);padding:var(--space-4) var(--space-6);box-sizing:border-box;min-width:5rem;max-width:20rem;margin:0}.panel-inner.svelte-1q8bogb{width:100%;height:100%;overflow:clip}.panel.svelte-1q8bogb .hint:where(.svelte-1q8bogb){color:var(--ink-faint);margin-top:var(--space-2);font-size:.78rem}.snippet-fig.svelte-1q8bogb{margin:0}.snippet.svelte-1q8bogb{color:#d6d6d2;padding:var(--space-4);border-radius:var(--radius);white-space:pre;background:#0e0e0d;margin:0;font-size:.8rem;line-height:1.6;overflow-x:auto}.snippet.svelte-1q8bogb code:where(.svelte-1q8bogb){font-size:inherit;background:0 0;border:none;border-radius:0;padding:0}.tok-punct.svelte-1q8bogb{color:#6f6f6b}.tok-attr.svelte-1q8bogb{color:#6ee7b7;font-weight:700}.tok-string.svelte-1q8bogb{color:#c9c9c4;font-style:italic}.shell-main.pg{max-inline-size:var(--wide);margin-inline:max(var(--gutter), (100% - var(--wide)) / 2)}.pg-head[data-astro-cid-rxmzdjr4]{margin-block-end:var(--space-12)}.lede[data-astro-cid-rxmzdjr4]{color:var(--ink-2);max-inline-size:34rem;margin-block-start:var(--space-6);font-size:1.2rem;line-height:1.45}