.grid.svelte-d1i0ez{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;display:grid}.tile.svelte-d1i0ez{background:var(--surface);min-height:200px;transition:background .2s, transform .3s var(--spring);border-radius:28px;align-content:end;justify-items:center;gap:.6rem;margin:0;padding:1.25rem .5rem 1rem;display:grid}.grid.tall.svelte-d1i0ez .tile:where(.svelte-d1i0ez){min-height:240px}@media (width>=1100px){#moods.svelte-d1i0ez .grid:where(.svelte-d1i0ez){grid-template-columns:repeat(7,1fr)}}.tile.svelte-d1i0ez:hover{background:var(--surface-2);transform:translateY(-3px)}.tile.svelte-d1i0ez figcaption:where(.svelte-d1i0ez){color:var(--text-2);font-size:.9rem;font-weight:600}.cast.svelte-d1i0ez{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.member.svelte-d1i0ez{background:var(--tint);min-height:320px;transition:transform .35s var(--spring);border-radius:28px;grid-template-rows:1fr auto;margin:0;padding:1rem 1.25rem 1.25rem;display:grid}.member.svelte-d1i0ez:hover{transform:translateY(-4px)rotate(-1deg)}.stage.svelte-d1i0ez{place-items:end center;padding-bottom:1rem;display:grid}.member.svelte-d1i0ez figcaption:where(.svelte-d1i0ez){gap:.1rem;display:grid}.member.svelte-d1i0ez strong:where(.svelte-d1i0ez){letter-spacing:-.03em;font-size:1.3rem}.member.svelte-d1i0ez span:where(.svelte-d1i0ez){color:var(--text-2);font-size:.86rem}@media (width<=1100px){.cast.svelte-d1i0ez{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;overflow-x:auto}.member.svelte-d1i0ez{scroll-snap-align:start}}@media (width<=520px){.grid.svelte-d1i0ez{grid-template-columns:repeat(2,1fr)}.tile.svelte-d1i0ez,.grid.tall.svelte-d1i0ez .tile:where(.svelte-d1i0ez){border-radius:22px;min-height:0}}.hero.svelte-f5uyrl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;max-width:1200px;min-height:min(100svh - 4rem,860px);margin:0 auto;padding:1rem 1.5rem 3rem;display:grid}.copy.svelte-f5uyrl{animation:svelte-f5uyrl-rise .8s var(--out) both;container-type:inline-size}@keyframes svelte-f5uyrl-rise{0%{opacity:0;transform:translateY(14px)}}.word.svelte-f5uyrl{letter-spacing:-.065em;white-space:nowrap;margin:0 0 0 -.04em;font-size:min(28cqi,12.5rem);font-weight:800;line-height:.95;display:grid}.letters.svelte-f5uyrl{grid-area:1/1}.letters.svelte-f5uyrl>span:where(.svelte-f5uyrl){display:inline-block}.dot.svelte-f5uyrl{color:var(--accent);transition:color .6s}h1.svelte-f5uyrl{letter-spacing:-.035em;margin:1.5rem 0 0;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15}.lead.svelte-f5uyrl{max-width:28rem;color:var(--text-2);margin:.6rem 0 0;font-size:1.05rem;line-height:1.5}.actions.svelte-f5uyrl{flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;display:flex}.install.svelte-f5uyrl{background:var(--surface);color:var(--text-1);font:inherit;cursor:pointer;transition:transform .2s var(--spring);border:0;border-radius:999px;align-items:center;gap:.7rem;padding:.4rem .4rem .4rem 1.1rem;display:inline-flex}.install.svelte-f5uyrl:active{transform:scale(.96)}.install.svelte-f5uyrl code:where(.svelte-f5uyrl){background:0 0;padding:0;font-size:.9rem}.install.svelte-f5uyrl span:where(.svelte-f5uyrl){background:var(--raised);border-radius:999px;padding:.45rem .8rem;font-size:.8rem;font-weight:600}.stage.svelte-f5uyrl{min-height:640px;animation:svelte-f5uyrl-rise .9s .1s var(--out) both;place-items:end center;display:grid;position:relative}.disc.svelte-f5uyrl{aspect-ratio:1;background:color-mix(in srgb, var(--accent) 16%, var(--bg));border-radius:50%;width:min(540px,100%);transition:background .6s;position:absolute;top:2%;left:50%;translate:-50%}.figure.svelte-f5uyrl{z-index:1;margin-bottom:7rem;position:relative}.bubble.svelte-f5uyrl{z-index:2;background:var(--text-1);width:max-content;color:var(--on-ink);transform-origin:0 100%;border-radius:16px 16px 16px 4px;padding:.5rem .85rem;font-size:.92rem;font-weight:600;position:absolute;top:2%;left:70%}.tag.svelte-f5uyrl{z-index:2;background:var(--slab);width:min(100%,28rem);box-shadow:inset 0 0 0 1px var(--slab-line), 0 20px 40px -24px #00000080;color:#eaeaea;border-radius:20px;padding:.9rem 1rem .6rem;position:absolute;bottom:0;left:50%;translate:-50%}.tag.svelte-f5uyrl code:where(.svelte-f5uyrl){color:inherit;font-family:var(--mono);background:0 0;flex-wrap:wrap;column-gap:.6em;padding:0;font-size:.86rem;line-height:1.8;display:flex}.val.svelte-f5uyrl{color:#b9e58c;font:inherit;cursor:pointer;transition:background .15s, transform .15s var(--spring);background:#ffffff14;border:0;border-radius:6px;margin:0 -.1rem;padding:.05rem .3rem}.val.svelte-f5uyrl:hover{background:#ffffff2e}.val.svelte-f5uyrl:active{transform:scale(.94)}.tag-foot.svelte-f5uyrl{color:#a3a19c;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;font-size:.8rem;display:flex}.copy-code.svelte-f5uyrl{color:#eaeaea;font:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.copy-code.svelte-f5uyrl:hover{background:#ffffff2e}.copy-code.done.svelte-f5uyrl{color:#161616;background:#fff}@media (width<=900px){.hero.svelte-f5uyrl{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:2rem}.stage.svelte-f5uyrl{min-height:560px}}@media (prefers-reduced-motion:reduce){.copy.svelte-f5uyrl,.stage.svelte-f5uyrl{animation:none}}.playground.svelte-oz7mke{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);height:700px;display:grid;overflow:clip}.stage.svelte-oz7mke{min-height:0;color:var(--text-1);grid-template-rows:auto 1fr auto auto;gap:.75rem;padding:1rem;transition:background .6s;display:grid;position:relative}.stage-bar.svelte-oz7mke{z-index:2;justify-content:space-between;gap:.5rem;display:flex;position:relative}.stage.svelte-oz7mke .segmented:where(.svelte-oz7mke){background:color-mix(in srgb, var(--raised) 60%, transparent)}.stage-actions.svelte-oz7mke{gap:.4rem;display:flex}.pill.svelte-oz7mke{background:color-mix(in srgb, var(--raised) 80%, transparent);color:var(--text-1);font:inherit;cursor:pointer;transition:background .15s, transform .2s var(--spring);border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.88rem;font-weight:600;display:inline-flex}.pill.svelte-oz7mke:hover{background:var(--raised)}.pill.dark.svelte-oz7mke{background:var(--text-1);color:var(--on-ink)}.pill.dark.svelte-oz7mke:hover{background:var(--ink-hover)}.pill.svelte-oz7mke:active{transform:scale(.95)}.figure.svelte-oz7mke{place-items:center;min-height:0;display:grid}.pill.on.svelte-oz7mke{background:var(--text-1);color:var(--on-ink)}.compare.svelte-oz7mke{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));align-content:start;gap:.5rem;min-height:0;margin:0;padding:.25rem;list-style:none;display:grid;overflow-y:auto}.compare.svelte-oz7mke button:where(.svelte-oz7mke){width:100%;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-items:center;gap:.2rem;padding:.35rem;font-size:.78rem;font-weight:600;transition:background .15s;display:grid}.compare.svelte-oz7mke button:where(.svelte-oz7mke):hover{background:color-mix(in srgb, var(--raised) 50%, transparent)}.compare.svelte-oz7mke button.active:where(.svelte-oz7mke){box-shadow:inset 0 0 0 1.5px var(--text-1);color:var(--text-1)}.level.svelte-oz7mke{align-items:center;gap:1rem;display:flex}.range.svelte-oz7mke:disabled{opacity:.4;cursor:default}.boops.svelte-oz7mke{color:var(--text-2);justify-self:center;align-items:baseline;gap:.35rem;font-size:.85rem;display:inline-flex}.boops.svelte-oz7mke strong:where(.svelte-oz7mke){color:var(--text-1);font-variant-numeric:tabular-nums;display:inline-block}.boops.svelte-oz7mke .pop:where(.svelte-oz7mke){animation:.4s cubic-bezier(.3,1.6,.5,1) svelte-oz7mke-pop}@keyframes svelte-oz7mke-pop{0%{transform:scale(1.7)}}.hint.svelte-oz7mke{color:var(--text-3)}.reaction.svelte-oz7mke{background:var(--text-1);color:var(--on-ink);border-radius:999px;padding:.05rem .55rem;font-weight:600;animation:.4s cubic-bezier(.3,1.6,.5,1) svelte-oz7mke-pop}.dock.svelte-oz7mke{background:var(--raised);border-radius:22px;flex-wrap:wrap;justify-content:center;gap:.2rem;padding:.3rem;display:flex;box-shadow:0 6px 24px -10px #00000040}.dock.svelte-oz7mke button:where(.svelte-oz7mke){color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:.45rem .8rem;font-size:.85rem;font-weight:550;transition:background .15s,color .15s}.dock.svelte-oz7mke button:where(.svelte-oz7mke):hover{color:var(--text-1);background:var(--surface)}.dock.svelte-oz7mke button.active:where(.svelte-oz7mke){background:var(--text-1);color:var(--on-ink)}.panel.svelte-oz7mke{grid-template-rows:auto 1fr;min-height:0;display:grid}.tabs.svelte-oz7mke{border-bottom:1px solid var(--line);gap:.25rem;padding:1rem 1.25rem 0;display:flex}.tabs.svelte-oz7mke button:where(.svelte-oz7mke){color:var(--text-3);font:inherit;cursor:pointer;background:0 0;border:0;padding:.6rem .8rem .85rem;font-size:.95rem;font-weight:600;transition:color .15s;position:relative}.tabs.svelte-oz7mke button:where(.svelte-oz7mke):hover,.tabs.svelte-oz7mke button.active:where(.svelte-oz7mke){color:var(--text-1)}.tabs.svelte-oz7mke button.active:where(.svelte-oz7mke):after{content:"";background:var(--text-1);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:.8rem;right:.8rem}.panel-body.svelte-oz7mke{overscroll-behavior:contain;align-content:start;gap:1.6rem;min-height:0;padding:1.5rem 1.75rem 2rem;display:grid;overflow-y:auto}fieldset.svelte-oz7mke{border:0;min-width:0;margin:0;padding:0;transition:opacity .25s}fieldset.off.svelte-oz7mke{opacity:.45}legend.svelte-oz7mke{color:var(--text-1);align-items:baseline;gap:.5rem;margin-bottom:.65rem;padding:0;font-size:.92rem;font-weight:650;display:flex}.value.svelte-oz7mke{color:var(--text-3);font-weight:500}.link-btn.svelte-oz7mke,.reset.svelte-oz7mke{color:var(--text-1);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.9rem;font-weight:500;text-decoration:underline}.reset.svelte-oz7mke{color:var(--text-2);font-size:.85rem}.stage-chip.svelte-oz7mke{align-items:center;gap:.45rem;padding-left:.4rem;display:inline-flex}.stage-chip.svelte-oz7mke i:where(.svelte-oz7mke){width:1.1rem;height:1.1rem;box-shadow:inset 0 0 0 1px var(--ring);border-radius:50%}.stage-chip.active.svelte-oz7mke i:where(.svelte-oz7mke){box-shadow:0 0 0 1.5px var(--on-ink)}.swatches.svelte-oz7mke{flex-wrap:wrap;gap:.55rem;display:flex}.swatch.svelte-oz7mke{background:radial-gradient(circle at 40% 48%, var(--e) 0 8%, transparent 10%), radial-gradient(circle at 60% 48%, var(--e) 0 8%, transparent 10%), radial-gradient(circle at 32% 28%, var(--a), var(--b) 45%, var(--c));width:2.4rem;height:2.4rem;box-shadow:inset 0 -3px 0 var(--k), 0 0 0 1px #00000014;cursor:pointer;transition:transform .2s var(--spring), box-shadow .2s;border:0;border-radius:50%;padding:0;position:relative}.swatch.svelte-oz7mke:hover{transform:translateY(-2px)scale(1.08)}.swatch.svelte-oz7mke:active{transform:scale(.94)}.swatch.active.svelte-oz7mke{box-shadow:inset 0 -3px 0 var(--k), 0 0 0 2px var(--bg), 0 0 0 4px var(--text-1)}.colors.svelte-oz7mke{flex-wrap:wrap;gap:.4rem;display:flex}.color.svelte-oz7mke{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .8rem .3rem .3rem;font-size:.85rem;transition:box-shadow .15s;display:inline-flex}.color.svelte-oz7mke:hover{box-shadow:inset 0 0 0 1px var(--text-3)}.color.changed.svelte-oz7mke{box-shadow:inset 0 0 0 1.5px var(--text-1);color:var(--text-1)}.color.svelte-oz7mke input:where(.svelte-oz7mke){cursor:pointer;background:0 0;border:0;border-radius:50%;width:1.6rem;height:1.6rem;padding:0}.color.svelte-oz7mke input:where(.svelte-oz7mke)::-webkit-color-swatch-wrapper{padding:0}.color.svelte-oz7mke input:where(.svelte-oz7mke)::-webkit-color-swatch{border:1px solid var(--ring);border-radius:50%}.color.svelte-oz7mke input:where(.svelte-oz7mke)::-moz-color-swatch{border:1px solid var(--ring);border-radius:50%}.range.svelte-oz7mke{appearance:none;background:linear-gradient(90deg, var(--text-1) var(--p), var(--surface-2) var(--p));outline-offset:6px;cursor:pointer;border-radius:999px;width:100%;height:6px}.range.svelte-oz7mke::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;box-shadow:0 0 0 1px #0000001a,0 2px 6px #0003}.range.svelte-oz7mke:active::-webkit-slider-thumb{transform:scale(1.15)}.range.svelte-oz7mke::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #0000001a}.toggles.svelte-oz7mke{flex-wrap:wrap;gap:1.5rem;display:flex}.toggle.svelte-oz7mke{cursor:pointer;align-items:center;gap:.6rem;font-size:.92rem;font-weight:550;display:inline-flex}.toggle.svelte-oz7mke input:where(.svelte-oz7mke){appearance:none;background:var(--surface-2);cursor:pointer;border-radius:999px;flex:none;width:2.3rem;height:1.35rem;margin:0;transition:background .2s;position:relative}.toggle.svelte-oz7mke input:where(.svelte-oz7mke):after{content:"";aspect-ratio:1;width:calc(1.35rem - 4px);transition:translate .25s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.svelte-oz7mke input:where(.svelte-oz7mke):checked{background:var(--text-1)}.toggle.svelte-oz7mke input:where(.svelte-oz7mke):checked:after{translate:.95rem}.reactions.svelte-oz7mke{margin:0;padding:0;list-style:none;display:grid}.reactions.svelte-oz7mke li:where(.svelte-oz7mke){border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.reactions.svelte-oz7mke li:where(.svelte-oz7mke):last-child{border-bottom:0}.reactions.svelte-oz7mke em:where(.svelte-oz7mke){color:var(--text-3);text-align:right;font-size:.82rem;font-style:normal}.export.svelte-oz7mke{gap:1rem;display:grid}.export.svelte-oz7mke .segmented:where(.svelte-oz7mke){justify-self:start}.install.svelte-oz7mke{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-1);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .4rem .4rem 1rem;font-size:.88rem;display:flex}.install.svelte-oz7mke code:where(.svelte-oz7mke){background:0 0;padding:0}.install.svelte-oz7mke span:where(.svelte-oz7mke){background:var(--surface);border-radius:999px;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.code.svelte-oz7mke{min-width:0;position:relative}.code.svelte-oz7mke pre{min-height:9.5em}.copy.svelte-oz7mke{color:#eaeaea;font:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:.35rem .8rem;font-size:.8rem;font-weight:600;transition:background .15s,transform .15s;position:absolute;top:.6rem;right:.6rem}.copy.svelte-oz7mke:hover{background:#fff3}.copy.svelte-oz7mke:active{transform:scale(.94)}.copy.done.svelte-oz7mke{color:#161616;background:#fff}.link.svelte-oz7mke{gap:.5rem;display:flex}.link.svelte-oz7mke input:where(.svelte-oz7mke){background:var(--raised);min-width:0;box-shadow:inset 0 0 0 1px var(--line);color:var(--text-1);font-family:var(--mono);border:0;border-radius:999px;flex:1;padding:.6rem .9rem;font-size:.8rem}.copy.static.svelte-oz7mke{background:var(--text-1);color:var(--on-ink);position:static}.note.svelte-oz7mke{color:var(--text-3);margin:0;font-size:.82rem}.downloads.svelte-oz7mke{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.file.svelte-oz7mke{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-1);font:inherit;text-align:left;cursor:pointer;transition:box-shadow .15s, transform .2s var(--spring);border:0;border-radius:16px;gap:.1rem;padding:.75rem .85rem;display:grid}.file.svelte-oz7mke span:where(.svelte-oz7mke){font-size:.95rem;font-weight:650}.file.svelte-oz7mke small:where(.svelte-oz7mke){color:var(--text-3);font-size:.76rem}.file.svelte-oz7mke:hover{box-shadow:inset 0 0 0 1px var(--text-3)}.file.svelte-oz7mke:active{transform:scale(.96)}.file.done.svelte-oz7mke{background:var(--text-1);color:var(--on-ink);box-shadow:none}.file.done.svelte-oz7mke small:where(.svelte-oz7mke){color:color-mix(in srgb, var(--on-ink) 60%, transparent)}@media (width<=900px){.playground.svelte-oz7mke{grid-template-columns:minmax(0,1fr);height:auto}.stage.svelte-oz7mke{min-height:480px}.panel-body.svelte-oz7mke{overflow:visible}.downloads.svelte-oz7mke{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.pill.svelte-oz7mke span:where(.svelte-oz7mke){display:none}.stage-bar.svelte-oz7mke .segmented:where(.svelte-oz7mke) button:where(.svelte-oz7mke){padding-inline:.75rem}}@media (prefers-reduced-motion:reduce){.boops.svelte-oz7mke .pop:where(.svelte-oz7mke),.reaction.svelte-oz7mke{animation:none}}.talk.svelte-9gqudq{background:var(--slab);box-shadow:inset 0 0 0 1px var(--slab-line);color:#fff;border-radius:40px;grid-template-columns:1.1fr 1fr;align-items:center;gap:2rem;padding:clamp(2rem,5vw,4.5rem);display:grid;overflow:hidden}h2.svelte-9gqudq{letter-spacing:-.05em;margin:0 0 1.25rem;font-size:clamp(2.4rem,5vw,4rem);line-height:1}h2.svelte-9gqudq span:where(.svelte-9gqudq){color:#7dffd4}.copy.svelte-9gqudq>p:where(.svelte-9gqudq){color:#b5b5b5;max-width:32rem;margin:0;font-size:1.05rem;line-height:1.6}.copy.svelte-9gqudq code{color:#fff;background:#ffffff1a}.buttons.svelte-9gqudq{flex-wrap:wrap;gap:.6rem;margin:2rem 0 1rem;display:flex}.mic.svelte-9gqudq,.sim.svelte-9gqudq{font:inherit;cursor:pointer;transition:transform .2s var(--spring), background .15s, color .15s;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-size:1rem;font-weight:600;display:inline-flex}.mic.svelte-9gqudq{color:#161616;background:#fff}.mic.svelte-9gqudq:hover{background:#e8e8e8}.mic.live.svelte-9gqudq{color:#fff;background:#ff453a}.mic.svelte-9gqudq:disabled{opacity:.6;cursor:progress}.sim.svelte-9gqudq{color:#fff;background:#ffffff1a}.sim.svelte-9gqudq:hover{background:#ffffff29}.sim[aria-pressed=true].svelte-9gqudq{color:#161616;background:#7dffd4}.mic.svelte-9gqudq:active,.sim.svelte-9gqudq:active{transform:scale(.96)}.status.svelte-9gqudq{color:#8a8a8a;align-items:center;gap:.55rem;min-height:1.4em;margin:0;font-size:.88rem;display:flex}.status.warn.svelte-9gqudq{color:#ffb37a}.led.svelte-9gqudq{background:#fff3;border-radius:50%;flex:none;width:.5rem;height:.5rem;transition:background .2s}.led.on.svelte-9gqudq{background:#7dffd4}.demo.svelte-9gqudq{place-items:center;gap:1.5rem;padding:1rem 0;display:grid;position:relative}.ring.svelte-9gqudq{aspect-ratio:1;width:min(320px,70vw);translate:-50% -58%;scale:calc(.9 + var(--l,0) * .25);background:#232323;border-radius:50%;transition:background .3s,scale 80ms linear;position:absolute;top:50%;left:50%}.ring.on.svelte-9gqudq{background:#1f3a33}.figure.svelte-9gqudq{position:relative}.meter.svelte-9gqudq{align-items:center;gap:3px;height:40px;display:flex;position:relative}.meter.svelte-9gqudq span:where(.svelte-9gqudq){width:5px;height:calc(4px + var(--v) * 36px);opacity:calc(.25 + var(--v) * .75);background:#7dffd4;border-radius:999px}@media (width<=900px){.talk.svelte-9gqudq{border-radius:32px;grid-template-columns:minmax(0,1fr)}.demo.svelte-9gqudq{order:-1}}main.svelte-1uha8ag{grid-template-columns:minmax(0,1fr);gap:clamp(6rem,12vw,10rem);max-width:1200px;margin:0 auto;padding:2rem 1.5rem 6rem;display:grid}.showcase.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature.svelte-1uha8ag{background:var(--tint);border-radius:32px;grid-template-rows:1fr auto;min-height:480px;transition:background .5s;display:grid;overflow:hidden}.art.svelte-1uha8ag{place-items:center;padding:2rem 1rem 0;display:grid}.text.svelte-1uha8ag{padding:0 1.75rem 1.75rem}.feature.svelte-1uha8ag h3:where(.svelte-1uha8ag){letter-spacing:-.03em;margin:0;font-size:1.45rem;line-height:1.15}.feature.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-2);margin:.45rem 0 0;line-height:1.5}.feature.svelte-1uha8ag :where(.svelte-1uha8ag):not(pre)>code:where(.svelte-1uha8ag){background:color-mix(in srgb, var(--raised) 70%, transparent);white-space:nowrap}.tag.svelte-1uha8ag{background:color-mix(in srgb, var(--raised) 75%, transparent);font-family:var(--mono);color:var(--text-2);border-radius:999px;margin-top:1rem;padding:.3rem .7rem;font-size:.78rem;display:inline-block}.swatches.svelte-1uha8ag{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.swatches.svelte-1uha8ag button:where(.svelte-1uha8ag){border:3px solid var(--raised);background:linear-gradient(135deg, var(--b) 50%, var(--c) 50%);cursor:pointer;width:1.9rem;height:1.9rem;transition:transform .2s var(--spring);border-radius:50%;padding:0}.swatches.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{transform:scale(1.12)}.swatches.svelte-1uha8ag button.active:where(.svelte-1uha8ag){box-shadow:0 0 0 2px var(--text-1)}.more.svelte-1uha8ag{grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:1rem;display:grid}.more.svelte-1uha8ag h3:where(.svelte-1uha8ag){letter-spacing:-.02em;margin:0;font-size:1.1rem}.more.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-2);margin:.35rem 0 0}.usage.svelte-1uha8ag{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:3rem;display:grid}.usage.svelte-1uha8ag h2:where(.svelte-1uha8ag){letter-spacing:-.045em;margin:0;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.02}.usage-copy.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-2);max-width:26rem;margin:1rem 0 1.75rem;font-size:1.08rem}.usage-actions.svelte-1uha8ag{flex-wrap:wrap;gap:.6rem;display:flex}.window.svelte-1uha8ag{background:var(--slab);box-shadow:inset 0 0 0 1px var(--slab-line);border-radius:24px;padding:.35rem}.window.svelte-1uha8ag pre{box-shadow:none}.window-bar.svelte-1uha8ag{justify-content:space-between;align-items:center;padding:.55rem .6rem .4rem .9rem;display:flex}.window-bar.svelte-1uha8ag em:where(.svelte-1uha8ag){color:#a3a3a3;font-size:.8rem;font-style:normal;font-family:var(--mono)}.copy.svelte-1uha8ag{color:#eaeaea;font:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:.32rem .8rem;font-size:.8rem;font-weight:600;transition:background .15s,transform .15s}.copy.svelte-1uha8ag:hover{background:#ffffff2e}.copy.svelte-1uha8ag:active{transform:scale(.94)}.copy.done.svelte-1uha8ag{color:#161616;background:#fff}@media (width<=960px){.showcase.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}.feature.svelte-1uha8ag{grid-template-rows:none;grid-template-columns:1fr 1fr;align-items:center;min-height:0}.art.svelte-1uha8ag{padding:1.5rem}.text.svelte-1uha8ag{padding:1.5rem 1.5rem 1.5rem 0}.more.svelte-1uha8ag,.usage.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.feature.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}.text.svelte-1uha8ag{padding:0 1.5rem 1.5rem}}