.grid.svelte-12mkffh{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=899px){.grid.svelte-12mkffh{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=359px){.grid.svelte-12mkffh{grid-template-columns:minmax(0,1fr)}}.card.svelte-12mkffh{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.sample.svelte-12mkffh{border-block-end:1px solid var(--border);block-size:112px;inline-size:100%;transition:background-color var(--dur-fast) var(--ease-out)}.big.svelte-12mkffh{letter-spacing:-.02em;font-size:40px;font-weight:680}.small.svelte-12mkffh{font-size:14px;font-weight:500}.body.svelte-12mkffh{gap:var(--space-3);padding:var(--space-4) clamp(var(--space-3), 2.5vw, var(--space-5)) var(--space-5);flex-direction:column;flex:1;display:flex}h3.svelte-12mkffh{color:var(--text-muted);font-size:var(--text-sm);letter-spacing:0;font-weight:600}.ratio.svelte-12mkffh{font-variant-numeric:tabular-nums;align-items:baseline;line-height:1;display:flex}.number.svelte-12mkffh{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:680}.unit.svelte-12mkffh{color:var(--text-muted);font-size:var(--text-lg);font-weight:600}.badges.svelte-12mkffh{flex-wrap:wrap;gap:6px;display:flex}.badge.svelte-12mkffh{border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.02em;align-items:center;gap:3px;padding:2px 8px 2px 6px;font-weight:650;display:inline-flex}.pass.svelte-12mkffh{background:color-mix(in oklab, var(--success) 14%, var(--surface));color:var(--text)}.pass.svelte-12mkffh svg{color:var(--success)}.fail.svelte-12mkffh{background:var(--surface-2);color:var(--text-muted)}.check.svelte-12mkffh{font-size:var(--text-sm);align-items:center;gap:6px;margin-block-start:auto;padding-block-start:var(--space-1);font-weight:600;text-decoration:none;display:inline-flex}.check.svelte-12mkffh:hover{text-decoration:underline}.check.svelte-12mkffh svg{transition:translate var(--dur) var(--ease-out)}.check.svelte-12mkffh:hover svg{translate:3px}.table.svelte-1rcngvv{columns:2 300px;column-gap:var(--space-10);margin:0}.row.svelte-1rcngvv{align-items:center;gap:var(--space-3);border-block-end:1px solid var(--border);break-inside:avoid;grid-template-columns:4.5rem minmax(0,1fr);padding-block:5px;display:grid}dt.svelte-1rcngvv{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}dd.svelte-1rcngvv{align-items:center;gap:var(--space-1);min-inline-size:0;margin:0;display:flex}.value.svelte-1rcngvv{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:36px;min-inline-size:0;padding:0 var(--space-2);border-radius:var(--radius-s);font-size:var(--text-md);font-variant-numeric:tabular-nums;text-align:start;transition:background-color var(--dur-fast) var(--ease);background:0 0;border:0;flex:1;margin-inline-start:calc(-1 * var(--space-2));font-weight:550;display:flex}.text.svelte-1rcngvv{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.value.svelte-1rcngvv .icon{color:var(--text-muted);opacity:0;transition:opacity var(--dur-fast) var(--ease);flex:none}.value.svelte-1rcngvv:hover,.css.svelte-1rcngvv:hover{background:var(--surface-2)}.value.svelte-1rcngvv:hover .icon,.value.svelte-1rcngvv:focus-visible .icon{opacity:1}.css.svelte-1rcngvv{min-block-size:28px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.04em;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;flex:none;font-weight:650}.css.svelte-1rcngvv:hover{color:var(--text)}@media (hover:none){.value.svelte-1rcngvv .icon{opacity:.7}}.strip.svelte-1mtl8eq{border-radius:var(--radius-m);min-inline-size:0;box-shadow:0 0 0 1px color-mix(in oklab, var(--text) 8%, transparent);margin:0;display:flex}.step.svelte-1mtl8eq{background:var(--c);min-inline-size:0;color:var(--ink);transition:background-color var(--dur-fast) var(--ease-out);flex:1 1 0;display:flex;position:relative;container-type:inline-size}.step.svelte-1mtl8eq:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}.step.svelte-1mtl8eq:last-child{border-start-end-radius:inherit;border-end-end-radius:inherit}.copy.svelte-1mtl8eq{min-inline-size:0;min-block-size:var(--strip-h,56px);padding:0 2px var(--space-2);border-radius:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;justify-content:center;align-items:flex-end;display:flex}.copy.svelte-1mtl8eq:focus-visible,.open.svelte-1mtl8eq:focus-visible{z-index:1;outline:2px solid var(--ink);outline-offset:-2px;box-shadow:inset 0 0 0 4px var(--counter-ink)}.code.svelte-1mtl8eq{font-size:var(--text-xs);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;transition:opacity var(--dur-fast) var(--ease);font-weight:650;line-height:1}@container (width<=52px){.code.svelte-1mtl8eq{display:none}}.always.svelte-1mtl8eq .code:where(.svelte-1mtl8eq),.step.svelte-1mtl8eq:hover .code:where(.svelte-1mtl8eq),.copy.svelte-1mtl8eq:focus-visible .code:where(.svelte-1mtl8eq){opacity:1}.base.svelte-1mtl8eq .copy:where(.svelte-1mtl8eq):before{content:"";border-radius:var(--radius-pill);background:currentColor;block-size:6px;inline-size:6px;margin-inline-start:-3px;position:absolute;inset-block-start:var(--space-2);inset-inline-start:50%}.open.svelte-1mtl8eq{border-radius:var(--radius-s);block-size:24px;inline-size:24px;color:inherit;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);place-items:center;display:grid;position:absolute;inset-block-start:2px;inset-inline-end:2px}@media (hover:hover){.step.svelte-1mtl8eq:hover .open:where(.svelte-1mtl8eq){opacity:1;pointer-events:auto}}.step.svelte-1mtl8eq:focus-within .open:where(.svelte-1mtl8eq),.revealed.svelte-1mtl8eq .open:where(.svelte-1mtl8eq){opacity:1}:is(.step.svelte-1mtl8eq:has(:where(.svelte-1mtl8eq):focus-visible) .open:where(.svelte-1mtl8eq),.revealed.svelte-1mtl8eq .open:where(.svelte-1mtl8eq)){pointer-events:auto}.open.svelte-1mtl8eq:hover{background:color-mix(in srgb, currentColor 16%, transparent)}@container (width<=40px){.open.svelte-1mtl8eq{inset-inline-end:50%;translate:50%}}@media (hover:hover) and (pointer:fine){.step.svelte-1mtl8eq:hover .copy:where(.svelte-1mtl8eq):not(:focus-visible){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 40%, transparent)}}.grid.svelte-n8f01x{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.card.svelte-n8f01x{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);flex-direction:column;display:flex}.head.svelte-n8f01x{flex-direction:column;gap:2px;display:flex}h3.svelte-n8f01x{font-size:var(--text-base);letter-spacing:-.01em;font-weight:650}.head.svelte-n8f01x p:where(.svelte-n8f01x){color:var(--text-muted);font-size:var(--text-sm)}.card.svelte-n8f01x .palette{--strip-h:88px}.open.svelte-n8f01x{font-size:var(--text-sm);align-self:flex-start;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.open.svelte-n8f01x:hover{text-decoration:underline}.open.svelte-n8f01x svg{transition:translate var(--dur) var(--ease-out)}.open.svelte-n8f01x:hover svg{translate:3px}.grid.svelte-e9g6m6{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));display:grid}@media (width<=599px){.grid.svelte-e9g6m6{gap:var(--space-1) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.chip.svelte-e9g6m6{block-size:36px;inline-size:36px}}a.svelte-e9g6m6{align-items:center;gap:var(--space-3);padding:var(--space-2);margin-inline:calc(-1 * var(--space-2));border-radius:var(--radius-m);color:var(--text);transition:background-color var(--dur-fast) var(--ease);text-decoration:none;display:flex}a.svelte-e9g6m6:hover{background:var(--surface-2)}.chip.svelte-e9g6m6{border-radius:var(--radius-m);block-size:44px;inline-size:44px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--text) 10%, transparent);flex:none}.text.svelte-e9g6m6{flex-direction:column;min-inline-size:0;display:flex}.name.svelte-e9g6m6{font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.code.svelte-e9g6m6{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.rows.svelte-ubqwej{gap:var(--space-6);flex-direction:column;display:flex}.row.svelte-ubqwej{align-items:center;gap:var(--space-2) var(--space-6);grid-template-columns:11rem minmax(0,1fr);display:grid}.head.svelte-ubqwej{align-items:baseline;gap:0 var(--space-3);grid-template-columns:auto 1fr;min-inline-size:0;display:grid}h3.svelte-ubqwej{font-size:var(--text-base);letter-spacing:-.01em;grid-column:1/-1;font-weight:650}.description.svelte-ubqwej{color:var(--text-muted);font-size:var(--text-sm);grid-column:1/-1}.readout.svelte-ubqwej{min-block-size:1.5em;min-inline-size:0;color:var(--text);font-size:var(--text-sm);grid-column:1/-1;align-items:center;gap:6px;display:flex}.chip.svelte-ubqwej{block-size:10px;inline-size:10px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--text) 16%, transparent);border-radius:3px;flex:none}.code.svelte-ubqwej{font-variant-numeric:tabular-nums;font-weight:650}.name.svelte-ubqwej{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=767px){.row.svelte-ubqwej{grid-template-columns:minmax(0,1fr)}.head.svelte-ubqwej{grid-template-columns:auto minmax(0,1fr)}h3.svelte-ubqwej{grid-column:1}.description.svelte-ubqwej{grid-area:2/1/auto/-1}.readout.svelte-ubqwej{grid-area:1/2;justify-content:flex-end;min-block-size:0}}.hero.svelte-c7zcs3{background:var(--color);color:var(--ink);transition:background-color var(--dur-fast) var(--ease-out)}.hero-inner.svelte-c7zcs3{align-items:end;gap:var(--space-8) var(--space-12);inline-size:100%;max-inline-size:var(--content-max);min-block-size:clamp(320px,46vh,460px);padding:clamp(var(--space-10), 7vh, var(--space-16)) var(--gutter) clamp(var(--space-8), 5vh, var(--space-12));grid-template-columns:minmax(0,1fr) auto;margin-inline:auto;display:grid}.identity.svelte-c7zcs3 :focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--counter-ink)}.identity.svelte-c7zcs3{flex-direction:column;align-items:flex-start;min-inline-size:0;display:flex}.eyebrow.svelte-c7zcs3{color:var(--ink-soft);font-size:var(--text-sm);letter-spacing:.04em;font-weight:600}h1.svelte-c7zcs3{font-size:var(--text-3xl);letter-spacing:-.03em;margin-block-start:var(--space-1);font-weight:700;line-height:1.05}.hero-code.svelte-c7zcs3{align-items:center;gap:var(--space-3);padding:0 var(--space-2);border-radius:var(--radius-m);color:inherit;font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:background-color var(--dur-fast) var(--ease);background:0 0;border:0;margin-block-start:var(--space-2);margin-inline-start:calc(-1 * var(--space-2));font-size:clamp(3rem,1.6rem + 5.5vw,6.5rem);font-weight:650;line-height:1.1;display:inline-flex}.hash.svelte-c7zcs3{color:var(--ink-soft);font-weight:500}.hero-code.svelte-c7zcs3 .hex-icon{opacity:0;transition:opacity var(--dur-fast) var(--ease);flex:none}.hero-code.svelte-c7zcs3:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.hero-code.svelte-c7zcs3:hover .hex-icon,.hero-code.svelte-c7zcs3:focus-visible .hex-icon{opacity:.8}.actions.svelte-c7zcs3{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-6);display:flex}.action.svelte-c7zcs3{align-items:center;gap:var(--space-2);min-block-size:40px;padding:0 var(--space-4);border:1px solid color-mix(in srgb, var(--ink) 30%, transparent);border-radius:var(--radius-m);background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink);font-size:var(--text-md);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease), scale var(--dur-fast) var(--ease);font-weight:580;line-height:1.2;text-decoration:none;display:inline-flex}.action.svelte-c7zcs3:hover{background:color-mix(in srgb, var(--ink) 14%, transparent)}.action.svelte-c7zcs3:active{scale:.98}.action[aria-expanded=true].svelte-c7zcs3,.action[aria-pressed=true].svelte-c7zcs3{background:color-mix(in srgb, var(--ink) 18%, transparent);border-color:color-mix(in srgb, var(--ink) 55%, transparent)}.action.primary.svelte-c7zcs3{border-color:var(--ink);background:var(--ink);color:var(--color)}.action.primary.svelte-c7zcs3:hover{background:color-mix(in srgb, var(--ink) 86%, var(--color))}.editor.svelte-c7zcs3{padding:var(--space-4);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-3);color:var(--text);align-self:center}.editor.svelte-c7zcs3 .inline-picker{--picker-w:360px;--picker-area-h:200px}@media (width<=479px){.action.svelte-c7zcs3{padding-inline:var(--space-3);flex:auto;justify-content:center}.action.primary.svelte-c7zcs3{flex-basis:100%;order:-1}}@media (width<=899px){.hero-inner.svelte-c7zcs3{grid-template-columns:minmax(0,1fr);min-block-size:0}.editor.svelte-c7zcs3{align-self:stretch}.editor.svelte-c7zcs3 .inline-picker{--picker-w:100%;--picker-area-h:180px;inline-size:100%}}.sections.svelte-c7zcs3{gap:clamp(var(--space-12), 7vw, var(--space-20));inline-size:100%;max-inline-size:var(--content-max);padding:clamp(var(--space-10), 6vw, var(--space-16)) var(--gutter) var(--space-20);flex-direction:column;margin-inline:auto;display:flex}header.svelte-c7zcs3{margin-block-end:var(--space-6)}h2.svelte-c7zcs3{font-size:var(--text-2xl);letter-spacing:-.025em;font-weight:700}header.svelte-c7zcs3 p:where(.svelte-c7zcs3){color:var(--text-muted);font-size:var(--text-base);margin-block-start:var(--space-2)}