.hero-stripe.svelte-1nrbztx{background:linear-gradient(108deg,transparent 52%,color-mix(in srgb,var(--color-red-600) 5%,transparent) 52%,color-mix(in srgb,var(--color-red-600) 5%,transparent) 78%,color-mix(in srgb,var(--color-red-600) 2%,transparent) 78%)}.hero-dots.svelte-1nrbztx{background-image:radial-gradient(circle,color-mix(in srgb,var(--color-foreground) 7%,transparent) 1px,transparent 1px);background-size:1.5rem 1.5rem;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 30%,transparent 100%)}.hero-badge.svelte-1nrbztx{font-size:.65rem;letter-spacing:.12em;padding:.3rem .8rem;background:color-mix(in srgb,var(--color-red-600) 8%,var(--color-card));border:1px solid color-mix(in srgb,var(--color-red-600) 20%,var(--color-border));animation:svelte-1nrbztx-fade-up .5s cubic-bezier(.22,1,.36,1) both}.hero-heading.svelte-1nrbztx{font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.04em;line-height:1.05;animation:svelte-1nrbztx-fade-up .55s cubic-bezier(.22,1,.36,1) .08s both}.hero-desc.svelte-1nrbztx{font-size:.92rem;line-height:1.75;max-width:46ch;animation:svelte-1nrbztx-fade-up .55s cubic-bezier(.22,1,.36,1) .15s both}@keyframes svelte-1nrbztx-fade-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-badge.svelte-1nrbztx,.hero-heading.svelte-1nrbztx,.hero-desc.svelte-1nrbztx{animation:none;opacity:1}}.swatch-card.svelte-4x6iwi{position:relative;border-radius:.75rem;border:1.5px solid var(--color-border);background:var(--color-card);overflow:visible;cursor:pointer;padding:0;text-align:left;opacity:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .15s;animation:svelte-4x6iwi-swatch-pop .45s cubic-bezier(.34,1.56,.64,1) forwards}.swatch-card.svelte-4x6iwi .chip:where(.svelte-4x6iwi){border-radius:.6rem .6rem 0 0;overflow:hidden}.swatch-card.svelte-4x6iwi:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 .5rem 1rem color-mix(in srgb,var(--color-foreground) 12%,transparent);z-index:2}.swatch-card.selected.svelte-4x6iwi{border-color:var(--color-red-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-red-600) 25%,transparent)}.swatch-card.highlighted.svelte-4x6iwi{border-color:var(--color-blue-light-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-blue-light-500) 20%,transparent);z-index:3}.highlight-ring.svelte-4x6iwi{position:absolute;inset:-4px;border-radius:.9rem;border:2px solid var(--color-blue-light-500);pointer-events:none;animation:svelte-4x6iwi-ring-pulse 1.6s ease infinite}.overlay.svelte-4x6iwi{position:absolute;inset:0}.highlight-check.svelte-4x6iwi{animation:svelte-4x6iwi-check-pop .4s cubic-bezier(.34,1.56,.64,1) .15s both}.check-path.svelte-4x6iwi{stroke-dasharray:28;stroke-dashoffset:28;animation:svelte-4x6iwi-draw-check .45s cubic-bezier(.4,0,.2,1) .35s forwards}.chip.svelte-4x6iwi{width:100%;aspect-ratio:3 / 2;position:relative}.name.svelte-4x6iwi{font-size:.65rem;font-weight:700;color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.code.svelte-4x6iwi{font-size:.55rem;font-weight:600;color:var(--color-muted-foreground)}@keyframes svelte-4x6iwi-swatch-pop{0%{opacity:0}to{opacity:1}}@keyframes svelte-4x6iwi-ring-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-blue-light-500) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-blue-light-500) 0%,transparent)}}@keyframes svelte-4x6iwi-check-pop{0%{opacity:0;transform:scale(.4) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes svelte-4x6iwi-draw-check{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.swatch-card.svelte-4x6iwi,.swatch-card.highlighted.svelte-4x6iwi{animation:none;opacity:1}.highlight-ring.svelte-4x6iwi,.highlight-check.svelte-4x6iwi{animation:none}.check-path.svelte-4x6iwi{animation:none;stroke-dashoffset:0}}.filter-bar.svelte-f1j3j9{background:color-mix(in srgb,var(--color-background) 88%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.color-grid.svelte-f1j3j9{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}@media(max-width:36rem){.color-grid.svelte-f1j3j9{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}}.variant-scroller.svelte-f1j3j9{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.variant-scroller.svelte-f1j3j9::-webkit-scrollbar{height:4px}.variant-scroller.svelte-f1j3j9::-webkit-scrollbar-track{background:transparent}.variant-scroller.svelte-f1j3j9::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.variant-chip.svelte-f1j3j9{width:4.5rem;height:4.5rem;flex-shrink:0}.variant-btn.svelte-f1j3j9{background:none;border:none;padding:0;cursor:pointer;width:4.5rem}.variant-btn.svelte-f1j3j9:hover .variant-chip:where(.svelte-f1j3j9){outline:2px solid var(--color-border)}.variant-label.svelte-f1j3j9{font-size:.6rem;width:4.5rem;white-space:normal;word-break:break-word;line-height:1.3}.modal-panel.svelte-f1j3j9{animation:slide-up .28s cubic-bezier(.22,1,.36,1) both}.highlight-pulse{animation:svelte-f1j3j9-highlight-flash .6s ease-in-out 3}@keyframes svelte-f1j3j9-highlight-flash{0%,to{transform:scale(1);box-shadow:0 0 #ef444400}50%{transform:scale(1.02);box-shadow:0 0 0 4px #ef444466}}@media(prefers-reduced-motion:reduce){.modal-panel.svelte-f1j3j9{animation:none;opacity:1}.highlight-pulse{animation:none;outline:2px solid rgb(239,68,68)}}