dialog.svelte-9pi54v{border:1px solid var(--color-hairline);background:var(--color-paper);max-width:min(34rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--color-ink);margin:auto;padding:0;overflow:hidden}dialog.svelte-9pi54v::backdrop{background:color-mix(in srgb, var(--color-ink) 45%, transparent)}.surface.svelte-9pi54v{flex-direction:column;max-height:calc(100dvh - 2rem);display:flex}.bar.svelte-9pi54v{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}h2.svelte-9pi54v{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:1.125rem;font-weight:700;line-height:1}.close.svelte-9pi54v{width:1.75rem;height:1.75rem;color:var(--color-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.75rem;transition:border-color .18s,color .18s;display:inline-flex}.close.svelte-9pi54v:hover{border-color:var(--color-acc);color:var(--color-acc)}.body.svelte-9pi54v{padding:1rem;overflow-y:auto}.foot.svelte-9pi54v{border-top:1px solid var(--color-hairline);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.layout.svelte-13t2k2w{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,48px);padding-top:clamp(16px,3vh,28px);display:grid}.controls.svelte-13t2k2w{flex-direction:column;gap:1.25rem;display:flex}.error.svelte-13t2k2w{color:var(--color-danger);margin:-.5rem 0 0;font-size:.75rem}.info.svelte-13t2k2w{border:1px solid;border-radius:999px;justify-content:center;align-items:center;width:1.05em;height:1.05em;font-size:.85em;font-style:italic;line-height:1;display:inline-flex}.about.svelte-13t2k2w{margin:0}.about.svelte-13t2k2w dt:where(.svelte-13t2k2w){font-family:var(--font-mono);font-size:.8125rem;font-weight:700}.about.svelte-13t2k2w dd:where(.svelte-13t2k2w){color:var(--color-dim);margin:.35rem 0 0;font-size:.8125rem;line-height:1.6}.about.svelte-13t2k2w dd:where(.svelte-13t2k2w):not(:last-child){border-bottom:1px solid var(--color-hairline);margin-bottom:.9rem;padding-bottom:.9rem}.preview.svelte-13t2k2w{justify-content:center;display:flex}.frame.svelte-13t2k2w{aspect-ratio:1;border:1px solid var(--color-hairline);place-items:center;width:100%;max-width:28rem;display:grid;position:relative}.code.svelte-13t2k2w svg,.code.svelte-13t2k2w canvas{width:100%;max-width:100%;height:auto;display:block}.frame.empty.svelte-13t2k2w .code:where(.svelte-13t2k2w){display:none}.placeholder.svelte-13t2k2w{max-width:22ch;color:var(--color-dim);text-align:center;margin:0;font-size:.8125rem;line-height:1.6}@media (width<820px){.layout.svelte-13t2k2w{grid-template-columns:1fr}}