.strip.svelte-7jx6wh{--sweep:.72s;block-size:clamp(280px,44vh,460px);margin:0;padding:0;list-style:none;display:flex}.swatch.svelte-7jx6wh{min-inline-size:0;padding:var(--space-6) clamp(var(--space-4), 2vw, var(--space-8));background:var(--c);color:var(--ink);transition:background-color var(--sweep) var(--ease-out), color var(--sweep) var(--ease-out);transition-delay:calc(var(--i) * 70ms);flex-direction:column;flex:1;justify-content:flex-end;gap:6px;display:flex}.hex.svelte-7jx6wh{font-size:var(--text-hex);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum", "zero";font-weight:650;line-height:1}.name.svelte-7jx6wh{min-block-size:1.35em;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.35;overflow:hidden}@media (width<=767px){.strip.svelte-7jx6wh{flex-direction:column;block-size:auto}.swatch.svelte-7jx6wh{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:68px;padding-block:var(--space-3);padding-inline:var(--gutter);flex-direction:row}.hex.svelte-7jx6wh{font-size:1.375rem}.name.svelte-7jx6wh{text-align:end}}@media (prefers-reduced-motion:reduce){.swatch.svelte-7jx6wh{transition:none}}.hero.svelte-1uha8ag{flex-direction:column;display:flex}.intro.svelte-1uha8ag{align-items:end;gap:var(--space-8) var(--space-12);inline-size:100%;max-inline-size:var(--content-max);padding:clamp(var(--space-10), 7vh, var(--space-20)) var(--gutter) clamp(var(--space-8), 5vh, var(--space-12));grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-inline:auto;display:grid}h1.svelte-1uha8ag{font-size:var(--text-display);letter-spacing:-.035em;flex-direction:column;font-weight:720;line-height:.98;display:flex}h1.svelte-1uha8ag .claim:where(.svelte-1uha8ag){color:var(--text-muted);font-weight:650}.pitch.svelte-1uha8ag{gap:var(--space-6);flex-direction:column;padding-block-end:.35em;display:flex}.lede.svelte-1uha8ag{max-inline-size:46ch;color:var(--text-muted);font-size:var(--text-lg);line-height:1.55}.on-touch.svelte-1uha8ag{display:none}@media (hover:none) and (pointer:coarse){.on-keyboard.svelte-1uha8ag{display:none}.on-touch.svelte-1uha8ag{display:inline}}.lede.svelte-1uha8ag .kbd{color:var(--text);vertical-align:.05em}.ctas.svelte-1uha8ag{gap:var(--space-3);flex-wrap:wrap;display:flex}.ctas.svelte-1uha8ag .cta,.closing.svelte-1uha8ag .cta{--btn-h:44px;padding-inline:var(--space-5);font-size:var(--text-base)}.live-bar.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);inline-size:100%;max-inline-size:var(--content-max);padding:var(--space-4) var(--gutter);flex-wrap:wrap;margin-inline:auto;display:flex}.caption.svelte-1uha8ag{color:var(--text-muted);font-size:var(--text-md)}.live-actions.svelte-1uha8ag{align-items:center;gap:var(--space-2);color:var(--text);display:flex}.features.svelte-1uha8ag{gap:clamp(var(--space-16), 9vw, var(--space-24));inline-size:100%;max-inline-size:var(--content-max);padding:clamp(var(--space-16), 9vw, 128px) var(--gutter) var(--space-8);flex-direction:column;margin-inline:auto;display:flex}.features-head.svelte-1uha8ag h2:where(.svelte-1uha8ag),.closing.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:var(--text-3xl);letter-spacing:-.03em;font-weight:700}.features-head.svelte-1uha8ag{margin-block-end:calc(-1 * clamp(var(--space-4), 4vw, var(--space-12)))}.features-head.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-muted);font-size:var(--text-lg);margin-block-start:var(--space-3)}.feature.svelte-1uha8ag{align-items:center;gap:var(--space-8) clamp(var(--space-10), 6vw, var(--space-20));grid-template-columns:minmax(0,5fr) minmax(0,6fr);display:grid}.copy.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:var(--text-2xl);letter-spacing:-.025em;font-weight:680}.copy.svelte-1uha8ag p:where(.svelte-1uha8ag){max-inline-size:52ch;color:var(--text-muted);font-size:var(--text-base);margin-block-start:var(--space-4);line-height:1.65}.more.svelte-1uha8ag{align-items:center;gap:6px;margin-block-start:var(--space-5);font-weight:600;text-decoration:none;display:inline-flex}.more.svelte-1uha8ag:hover{text-decoration:underline}.more.svelte-1uha8ag svg{transition:translate var(--dur) var(--ease-out)}.more.svelte-1uha8ag:hover svg{translate:3px}.demo.svelte-1uha8ag{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-2);margin:0}.keys.svelte-1uha8ag{padding:var(--space-3) var(--space-6)}.keys.svelte-1uha8ag dl:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag){align-items:center;gap:var(--space-4);padding-block:var(--space-4);border-block-end:1px solid var(--border);grid-template-columns:6rem 1fr;display:grid}.keys.svelte-1uha8ag dl:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag):last-child{border-block-end:0}.keys.svelte-1uha8ag dt:where(.svelte-1uha8ag){color:var(--text)}.keys.svelte-1uha8ag dt:where(.svelte-1uha8ag) .key{block-size:2em;min-inline-size:2em;font-size:var(--text-sm);padding-inline:.6em}.keys.svelte-1uha8ag dd:where(.svelte-1uha8ag){color:var(--text-muted);font-size:var(--text-md);margin:0}.formats.svelte-1uha8ag{flex-wrap:wrap;gap:6px;margin-block-start:var(--space-5);display:flex}.formats.svelte-1uha8ag li:where(.svelte-1uha8ag){border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--text-sm);padding:3px 10px;font-weight:550}.code.svelte-1uha8ag{overflow:hidden}.code.svelte-1uha8ag figcaption:where(.svelte-1uha8ag){justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-block-end:1px solid var(--border);background:var(--surface-2);font-size:var(--text-sm);font-weight:600;display:flex}.muted.svelte-1uha8ag{color:var(--text-muted);text-align:end;font-weight:500}pre.svelte-1uha8ag{padding:var(--space-5);font-size:var(--text-md);margin:0;line-height:1.75;overflow-x:auto}code.svelte-1uha8ag{font-size:inherit}.line.svelte-1uha8ag{white-space:pre;display:block}.chip.svelte-1uha8ag{background:var(--c);block-size:.8em;inline-size:.8em;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--text) 14%, transparent);vertical-align:-.05em;transition:background-color var(--dur-slow) var(--ease-out);border-radius:3px;margin-inline-end:.45em;display:inline-block}.library.svelte-1uha8ag{padding:var(--space-3)}.library.svelte-1uha8ag ul:where(.svelte-1uha8ag){gap:var(--space-2);flex-direction:column;display:flex}.library.svelte-1uha8ag li:where(.svelte-1uha8ag){align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-m);background:var(--surface-2);display:flex}.mini.svelte-1uha8ag{border-radius:var(--radius-s);flex:none;block-size:48px;inline-size:clamp(120px,40%,220px);display:flex;overflow:hidden}.mini.svelte-1uha8ag span:where(.svelte-1uha8ag){background:var(--c);transition:background-color var(--dur-slow) var(--ease-out);flex:1}.meta.svelte-1uha8ag{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.title.svelte-1uha8ag{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.count.svelte-1uha8ag,.note.svelte-1uha8ag{color:var(--text-muted);font-size:var(--text-sm)}.note.svelte-1uha8ag{padding:var(--space-3) var(--space-3) var(--space-1)}.tools.svelte-1uha8ag{inline-size:100%;max-inline-size:var(--content-max);padding:clamp(var(--space-16), 9vw, var(--space-24)) var(--gutter) 0;margin-inline:auto}.tools.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:var(--text-2xl);letter-spacing:-.025em;font-weight:680}.tools.svelte-1uha8ag ul:where(.svelte-1uha8ag){gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin-block-start:var(--space-6);display:grid}.tools.svelte-1uha8ag a:where(.svelte-1uha8ag){gap:var(--space-2);block-size:100%;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);color:var(--text);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease), translate var(--dur) var(--ease);flex-direction:column;text-decoration:none;display:flex}.tools.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);translate:0 -2px}.tool-icon.svelte-1uha8ag{block-size:40px;inline-size:40px;border-radius:var(--radius-m);background:var(--surface-2);color:var(--accent);place-items:center;margin-block-end:var(--space-2);display:inline-grid}.tool-title.svelte-1uha8ag{font-size:var(--text-lg);font-weight:650}.tool-text.svelte-1uha8ag{color:var(--text-muted);line-height:1.6}.tool-go.svelte-1uha8ag{color:var(--accent);align-items:center;gap:6px;margin-block-start:auto;padding-block-start:var(--space-3);font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.tools.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{translate:none}}.closing.svelte-1uha8ag{border-block:1px solid var(--border);background:var(--surface-2);margin-block-start:clamp(var(--space-16), 9vw, var(--space-24))}.closing-inner.svelte-1uha8ag{align-items:center;gap:var(--space-6) var(--space-10);inline-size:100%;max-inline-size:var(--content-max);padding:clamp(var(--space-10), 6vw, var(--space-16)) var(--gutter);flex-wrap:wrap;margin-inline:auto;display:flex}.promises.svelte-1uha8ag{gap:var(--space-2);color:var(--text-muted);flex-direction:column;flex:1;font-weight:550;display:flex}.promises.svelte-1uha8ag li:where(.svelte-1uha8ag){align-items:center;gap:var(--space-2);display:inline-flex}.promises.svelte-1uha8ag li:where(.svelte-1uha8ag):before{content:"";background:var(--accent);border-radius:50%;block-size:6px;inline-size:6px}.site-footer.svelte-1uha8ag{align-items:center;gap:var(--space-4);inline-size:100%;max-inline-size:var(--content-max);padding:var(--space-8) var(--gutter) var(--space-12);color:var(--text-muted);font-size:var(--text-md);margin-inline:auto;display:flex}@media (width<=960px){.intro.svelte-1uha8ag,.feature.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}.intro.svelte-1uha8ag{align-items:start}}@media (width<=560px){.ctas.svelte-1uha8ag .cta{flex:100%}.live-bar.svelte-1uha8ag{flex-direction:column;align-items:stretch}.live-actions.svelte-1uha8ag{flex-wrap:wrap}.keys.svelte-1uha8ag{padding-inline:var(--space-4)}.keys.svelte-1uha8ag dl:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag){grid-template-columns:5rem 1fr}.code.svelte-1uha8ag .muted:where(.svelte-1uha8ag){display:none}pre.svelte-1uha8ag{font-size:var(--text-sm)}.mini.svelte-1uha8ag{block-size:40px;inline-size:112px}.closing-inner.svelte-1uha8ag{flex-direction:column;align-items:stretch}.promises.svelte-1uha8ag{flex-direction:column}}