.playground.svelte-1q5j5yj{gap:var(--dui-space-8);grid-template-columns:minmax(0,23rem) minmax(0,1fr);align-items:center;display:grid}.controls.svelte-1q5j5yj{gap:var(--dui-space-5);display:grid}.presets.svelte-1q5j5yj{gap:var(--dui-space-2);flex-wrap:wrap;display:flex}.swatch.svelte-1q5j5yj{align-items:center;gap:var(--dui-space-1-5);padding:var(--dui-space-1) var(--dui-space-2-5) var(--dui-space-1) var(--dui-space-1);border:1px solid var(--dui-color-border);border-radius:var(--dui-radius-full);background:var(--dui-color-background);color:var(--dui-color-foreground);font:inherit;font-size:var(--dui-text-xs);cursor:pointer;display:inline-flex}.swatch.svelte-1q5j5yj span:where(.svelte-1q5j5yj){border-radius:var(--dui-radius-full);background:var(--swatch);width:1.125rem;height:1.125rem}.swatch.svelte-1q5j5yj[aria-pressed=true]{border-color:var(--dui-color-foreground)}.swatch.svelte-1q5j5yj:focus-visible{outline:2px solid var(--dui-color-ring);outline-offset:2px}.slider.svelte-1q5j5yj{gap:var(--dui-space-2);font-size:var(--dui-text-sm);font-weight:var(--dui-font-weight-medium);display:grid}.slider.svelte-1q5j5yj span:where(.svelte-1q5j5yj){justify-content:space-between;display:flex}.slider.svelte-1q5j5yj output:where(.svelte-1q5j5yj){color:var(--dui-color-muted-foreground);font-family:var(--dui-font-mono);font-size:var(--dui-text-xs)}.slider.svelte-1q5j5yj input:where(.svelte-1q5j5yj){width:100%;accent-color:var(--site-accent)}.css.svelte-1q5j5yj{padding:var(--dui-space-3) var(--dui-space-4);border:1px solid var(--dui-color-border);border-radius:var(--dui-radius-lg);background:var(--dui-color-muted);font-family:var(--dui-font-mono);font-size:var(--dui-text-xs);white-space:pre-wrap;tab-size:2;margin:0;line-height:1.7;overflow-x:auto}.stage.svelte-1q5j5yj{--dui-radius-sm:calc(var(--dui-radius) * .6);--dui-radius-md:calc(var(--dui-radius) * .8);--dui-radius-lg:var(--dui-radius);--dui-radius-xl:calc(var(--dui-radius) * 1.4);--dui-color-primary-hover:color-mix(in oklch, var(--dui-color-primary) 80%, transparent);--dui-color-primary-foreground:white;justify-items:center;display:grid}.stage.svelte-1q5j5yj>*{width:min(100%,26rem)}.field.svelte-1q5j5yj{gap:var(--dui-space-2);display:grid}.toggle.svelte-1q5j5yj{margin-top:var(--dui-space-4)}@media (width<=48rem){.playground.svelte-1q5j5yj{grid-template-columns:minmax(0,1fr)}}.page.svelte-1uha8ag{max-width:68rem;padding:0 var(--dui-space-6);margin:0 auto}section.svelte-1uha8ag{padding-block:5rem}.hero.svelte-1uha8ag{--dui-color-primary:var(--site-accent);--dui-color-primary-foreground:var(--site-accent-foreground);--dui-color-primary-hover:color-mix(in oklch, var(--site-accent) 85%, transparent);--dui-color-ring:var(--site-accent);isolation:isolate;text-align:center;max-width:50rem;margin-inline:auto;padding-top:6rem;position:relative}.hero.svelte-1uha8ag:before{content:"";z-index:-1;background:linear-gradient(var(--dui-color-border) 1px, transparent 1px) 0 0 / 3rem 3rem, linear-gradient(90deg, var(--dui-color-border) 1px, transparent 1px) 0 0 / 3rem 3rem;pointer-events:none;height:34rem;position:absolute;inset:-2rem calc(50% - 50vw) auto;-webkit-mask-image:radial-gradient(60% 70% at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(60% 70% at 50% 30%,#000,#0000 75%)}.eyebrow.svelte-1uha8ag{margin:0 0 var(--dui-space-6);padding:var(--dui-space-1) var(--dui-space-3);border:1px solid var(--dui-color-border);border-radius:var(--dui-radius-full);background:var(--dui-color-background);color:var(--dui-color-muted-foreground);font-size:var(--dui-text-xs);font-weight:var(--dui-font-weight-medium);letter-spacing:.02em;display:inline-block}h1.svelte-1uha8ag{font-family:var(--site-font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,7vw,4.75rem);font-weight:700;line-height:1.02}.accent.svelte-1uha8ag{color:var(--site-accent)}.lead.svelte-1uha8ag{max-width:38rem;margin:var(--dui-space-6) auto 0;color:var(--dui-color-muted-foreground);font-size:1.1875rem;line-height:1.6}.actions.svelte-1uha8ag{justify-content:center;gap:var(--dui-space-3);margin-top:var(--dui-space-8);flex-wrap:wrap;display:flex}.section-head.svelte-1uha8ag{max-width:44rem;margin-bottom:var(--dui-space-10)}.section-head.svelte-1uha8ag p:where(.svelte-1uha8ag):last-child{margin:var(--dui-space-4) 0 0;color:var(--dui-color-muted-foreground);font-size:1.0625rem;line-height:1.65}.kicker.svelte-1uha8ag{margin:0 0 var(--dui-space-3);color:var(--site-accent);font-family:var(--dui-font-mono);font-size:var(--dui-text-xs);font-weight:var(--dui-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}h2.svelte-1uha8ag{font-family:var(--site-font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.875rem,4vw,2.75rem);font-weight:700;line-height:1.1}.why.svelte-1uha8ag{border-block:1px solid var(--dui-color-border)}.why.svelte-1uha8ag .section-head:where(.svelte-1uha8ag){max-width:47rem}.reasons.svelte-1uha8ag{gap:var(--dui-space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:0;padding:0;list-style:none;display:grid}.reasons.svelte-1uha8ag li:where(.svelte-1uha8ag){padding:var(--dui-space-6);border:1px solid var(--dui-color-border);border-radius:var(--dui-radius-xl);background:var(--dui-color-card)}.reasons.svelte-1uha8ag .num:where(.svelte-1uha8ag){color:var(--site-accent);font-family:var(--dui-font-mono);font-size:var(--dui-text-sm);font-weight:var(--dui-font-weight-semibold)}.reasons.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:var(--dui-space-3) 0 var(--dui-space-2);font-size:var(--dui-text-lg);line-height:1.3}.reasons.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--dui-color-muted-foreground);font-size:var(--dui-text-sm);margin:0;line-height:1.65}.compare.svelte-1uha8ag{gap:var(--dui-space-5);grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));align-items:start;display:grid}.compare.svelte-1uha8ag .code{margin:0}.tag.svelte-1uha8ag{align-items:center;gap:var(--dui-space-2);margin:0 0 var(--dui-space-3);color:var(--dui-color-muted-foreground);font-size:var(--dui-text-sm);font-weight:var(--dui-font-weight-medium);display:inline-flex}.tag.svelte-1uha8ag:before{content:"";border-radius:var(--dui-radius-full);background:var(--dui-color-muted-foreground);width:.5rem;height:.5rem}.tag.svelte-1uha8ag.good{color:var(--dui-color-foreground)}.tag.svelte-1uha8ag.good:before{background:var(--site-accent)}.features.svelte-1uha8ag{gap:var(--dui-space-8);border-top:1px solid var(--dui-color-border);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.features.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 var(--dui-space-2);font-size:var(--dui-text-base)}.features.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--dui-color-muted-foreground);font-size:var(--dui-text-sm);margin:0;line-height:1.6}.start.svelte-1uha8ag{text-align:center;max-width:36rem;margin-inline:auto;padding-top:0}.start.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-bottom:var(--dui-space-6)}.start.svelte-1uha8ag .code{text-align:start}.start.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--dui-color-muted-foreground)}code.svelte-1uha8ag{font-family:var(--dui-font-mono);font-size:.875em}footer.svelte-1uha8ag{padding-block:var(--dui-space-8);border-top:1px solid var(--dui-color-border);color:var(--dui-color-muted-foreground);font-size:var(--dui-text-sm);text-align:center}@media (width<=40rem){.page.svelte-1uha8ag{padding-inline:var(--dui-space-4)}section.svelte-1uha8ag{padding-block:3.5rem}.hero.svelte-1uha8ag{padding-top:4rem}}