.page-head.svelte-8wyil9{margin-block-end:2.75rem}.page-lede.svelte-8wyil9 a:where(.svelte-8wyil9){color:var(--color-primary);text-decoration:none}.page-lede.svelte-8wyil9 a:where(.svelte-8wyil9):hover{text-decoration:underline}code.svelte-8wyil9{font-family:var(--font-mono);font-size:.9em}.studio.svelte-8wyil9{display:grid;grid-template-columns:minmax(0,27rem) minmax(0,1fr);gap:2.5rem;align-items:start;scroll-margin-top:4.5rem}.stage.svelte-8wyil9{display:flex;flex-direction:column;gap:.8rem}.canvas.svelte-8wyil9{position:relative;aspect-ratio:1;padding:1.5rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text)}.shape.svelte-8wyil9{width:100%;height:100%;transition:clip-path .2s ease}.shape--ink.svelte-8wyil9{background:currentColor}.frame.svelte-8wyil9{position:absolute;inset:.9rem;width:calc(100% - 1.8rem);height:calc(100% - 1.8rem);fill:none;stroke:var(--color-border-strong);stroke-width:1.5;pointer-events:none}.stage__bar.svelte-8wyil9{display:flex;align-items:center;gap:.4rem}.stage__spacer.svelte-8wyil9{flex:1}.stage__bar.svelte-8wyil9 svg{width:.9rem;height:.9rem}.picker.svelte-8wyil9{position:relative;display:inline-flex;align-items:center;gap:.5rem;height:1.75rem;padding:0 .6rem 0 .3rem;border:1px solid var(--color-border-strong);border-radius:var(--radius);font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-muted);cursor:pointer}.picker.svelte-8wyil9:hover,.picker.svelte-8wyil9:focus-within{border-color:var(--color-text-muted)}.picker.svelte-8wyil9:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.picker__chip.svelte-8wyil9{width:1.15rem;height:1.15rem;border-radius:3px;box-shadow:inset 0 0 0 1px var(--color-border)}.picker.svelte-8wyil9 input:where(.svelte-8wyil9){position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.bench.svelte-8wyil9{container-type:inline-size;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.tabs.svelte-8wyil9{display:inline-flex;padding:2px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border)}.tab.svelte-8wyil9{height:1.5rem;padding:0 .8rem;border-radius:999px;font-size:.8rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.tab.svelte-8wyil9:hover{color:var(--color-text)}.tab[aria-selected=true].svelte-8wyil9{background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border)}.tab.svelte-8wyil9:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.code.svelte-8wyil9{border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);overflow:hidden}.code__bar.svelte-8wyil9{display:flex;align-items:center;gap:.6rem;height:2.6rem;padding:0 .4rem 0 .45rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 60%,var(--color-bg))}.code__bar.svelte-8wyil9 svg{width:.9rem;height:.9rem}.code__name.svelte-8wyil9{margin-inline-start:auto;min-width:0;font-size:.8rem;color:var(--color-text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code__bar.svelte-8wyil9 .btn:where(.svelte-8wyil9){flex-shrink:0}.tabs.svelte-8wyil9+.btn:where(.svelte-8wyil9){margin-inline-start:auto}.code__editor.svelte-8wyil9{--editor-pad-y: .8rem;--editor-pad-left: 1rem;--editor-pad-right: 1rem;min-height:7.5rem}.code__editor[hidden].svelte-8wyil9{display:none}.code__editor.svelte-8wyil9 .cm-content{padding-bottom:var(--editor-pad-y)}.code__editor.svelte-8wyil9>pre:where(.svelte-8wyil9),.code__css.svelte-8wyil9{margin:0;padding:.8rem 1rem;font-family:var(--font-mono);font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.code__css.svelte-8wyil9{min-height:7.5rem;max-height:22rem;overflow:auto;color:var(--color-text-muted)}.guide.svelte-8wyil9{font-size:.8rem;color:var(--color-text-muted)}.guide__label.svelte-8wyil9{margin-bottom:.5rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint)}h3.guide__label.svelte-8wyil9{margin-top:1.1rem}.guide.svelte-8wyil9 code:where(.svelte-8wyil9){font-family:var(--font-mono);font-size:.75rem;color:var(--color-text)}.guide__list.svelte-8wyil9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem 1.25rem}.guide__list.svelte-8wyil9 div:where(.svelte-8wyil9){display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:baseline;gap:.5rem;line-height:1.5}.guide__terms.svelte-8wyil9{display:flex;flex-wrap:wrap;gap:.3rem 1.25rem}.guide__terms.svelte-8wyil9 div:where(.svelte-8wyil9){display:inline-flex;align-items:baseline;gap:.4rem;line-height:1.5}@container (max-width: 26rem){.guide__list.svelte-8wyil9{grid-template-columns:minmax(0,1fr)}}.shapes.svelte-8wyil9{display:grid;grid-template-columns:15.5rem minmax(0,1fr);min-height:calc(100dvh - 3.2rem - 1px)}.main.svelte-8wyil9{justify-self:center;width:100%;min-width:0;max-width:71rem;padding:2rem 2.5rem 3rem}.side.svelte-8wyil9{position:sticky;top:calc(3.2rem + 1px);display:flex;flex-direction:column;height:calc(100dvh - 3.2rem - 1px);border-right:1px solid var(--color-border)}.side__label.svelte-8wyil9{display:flex;align-items:baseline;gap:.4rem;padding:.9rem 1.1rem .5rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint)}.side__label.svelte-8wyil9 span:where(.svelte-8wyil9){letter-spacing:0;font-variant-numeric:tabular-nums}.side__list.svelte-8wyil9{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.4rem;padding:.1rem 1.1rem 1.1rem;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}.side__links.svelte-8wyil9{display:flex;flex-direction:column;gap:.45rem;padding:.9rem 1.1rem 1.1rem;border-top:1px solid var(--color-border);font-size:.8rem}.side__links.svelte-8wyil9 a:where(.svelte-8wyil9){display:inline-flex;align-items:center;gap:.2rem;color:var(--color-text-muted);text-decoration:none}.side__links.svelte-8wyil9 a:where(.svelte-8wyil9):hover{color:var(--color-primary)}.thumb.svelte-8wyil9{display:block;width:100%;aspect-ratio:1;padding:14%;border-radius:8px;background:var(--color-surface);color:color-mix(in srgb,var(--color-text) 82%,transparent);cursor:pointer;transition:color .15s ease,box-shadow .15s ease,background .15s ease}.thumb.svelte-8wyil9 span:where(.svelte-8wyil9){display:block;width:100%;height:100%;background:currentColor}.thumb.svelte-8wyil9:hover{color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.thumb.svelte-8wyil9:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.thumb--active.svelte-8wyil9,.thumb--active.svelte-8wyil9:hover{color:var(--color-primary);background:var(--color-accent-tint);box-shadow:inset 0 0 0 1px var(--color-primary)}@media(max-width:75em){.studio.svelte-8wyil9{grid-template-columns:minmax(0,1fr);gap:1.75rem}.stage.svelte-8wyil9{width:min(100%,27rem)}}@media(max-width:52em){.shapes.svelte-8wyil9{display:flex;flex-direction:column}.main.svelte-8wyil9{padding:1.25rem 1rem 2rem}.page-head.svelte-8wyil9{margin-block-end:2rem}.side.svelte-8wyil9{order:1;position:static;height:auto;border-right:0;border-top:1px solid var(--color-border)}.side__list.svelte-8wyil9{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));overflow:visible;padding-inline:1rem}.side__label.svelte-8wyil9,.side__links.svelte-8wyil9{padding-inline:1rem}.stage.svelte-8wyil9{margin-inline:auto}}@media(max-width:32em){.picker__value.svelte-8wyil9{display:none}}