.demo.svelte-m9a4i8{margin:var(--s7) 0}iframe.svelte-m9a4i8{width:100%;aspect-ratio:16 / 10;border:1px solid var(--rule);display:block}button.svelte-m9a4i8{width:100%;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;gap:var(--s3);border:1px solid var(--rule);background:var(--ink-850);color:var(--bone-050);font-family:var(--mono);font-size:.9375rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color var(--t-micro) var(--e-micro)}button.svelte-m9a4i8:hover{border-color:var(--fg-muted)}button.svelte-m9a4i8:focus-visible{outline:2px solid var(--portal);outline-offset:2px}button.svelte-m9a4i8 span:where(.svelte-m9a4i8){font-size:1.25rem}figcaption.svelte-m9a4i8{margin-top:var(--s2);font-family:var(--mono);font-size:.75rem;letter-spacing:.03em;color:var(--fg-muted)}article.svelte-9hm5jc{background:var(--ground);color:var(--fg)}.frame.svelte-9hm5jc{max-width:var(--maxw);margin:0 auto;padding:var(--s6) var(--s5) var(--s9);display:flex;flex-direction:column;gap:var(--s7)}.back.svelte-9hm5jc{align-self:flex-start;font-family:var(--mono);font-size:.8125rem;letter-spacing:.04em;color:var(--fg-muted);text-decoration:none}.back.svelte-9hm5jc:hover{color:var(--fg)}.back.svelte-9hm5jc:focus-visible{outline:2px solid var(--portal);outline-offset:2px}header.svelte-9hm5jc{display:flex;flex-direction:column;gap:var(--s4);max-width:39rem}.eyebrow.svelte-9hm5jc{font-family:var(--mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin:0}h1.svelte-9hm5jc{text-transform:uppercase}.lede.svelte-9hm5jc{font-size:1.125rem;line-height:1.5;color:var(--fg);max-width:27.0993rem}.links.svelte-9hm5jc,.stack.svelte-9hm5jc{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s3);padding:0;margin:0}.links.svelte-9hm5jc a:where(.svelte-9hm5jc){font-family:var(--mono);font-size:.8125rem;letter-spacing:.03em;text-transform:uppercase;color:var(--ground);background:var(--fg);border:1px solid var(--fg);padding:.5em var(--s4);text-decoration:none;transition:background var(--t-micro) var(--e-micro),color var(--t-micro) var(--e-micro)}.links.svelte-9hm5jc a:where(.svelte-9hm5jc):hover{background:transparent;color:var(--fg)}.links.svelte-9hm5jc a:where(.svelte-9hm5jc):focus-visible{outline:2px solid var(--portal);outline-offset:2px}.stack.svelte-9hm5jc li:where(.svelte-9hm5jc){font-family:var(--mono);font-size:.75rem;letter-spacing:.03em;color:var(--fg-muted);border:1px solid var(--rule);padding:.2em var(--s3)}.prose.svelte-9hm5jc{max-width:41.4375rem;font-size:1.0625rem;line-height:1.7;display:flex;flex-direction:column;gap:var(--s4)}.prose.svelte-9hm5jc h2{margin-top:var(--s6);text-transform:uppercase;font-size:clamp(1.375rem,1.15rem + 1vw,1.75rem)}.prose.svelte-9hm5jc p{margin:0}.prose.svelte-9hm5jc strong{color:var(--fg)}.prose.svelte-9hm5jc code{background:color-mix(in srgb,var(--fg) 8%,transparent);padding:.1em .4em;font-size:.9em}.prose.svelte-9hm5jc ul,.prose.svelte-9hm5jc ol{margin:0;padding-left:var(--s5);display:flex;flex-direction:column;gap:var(--s2)}.prose.svelte-9hm5jc a{color:var(--fg)}.prose.svelte-9hm5jc a:focus-visible{outline:2px solid var(--portal);outline-offset:2px}.notable.svelte-9hm5jc{max-width:41.4375rem;font-size:1.0625rem;line-height:1.7;color:var(--fg)}