.swatches-catalog-card.svelte-vpo0ky{border-radius:1.5rem;border:1px solid rgba(255,255,255,.08);background:#0d111773;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.75rem;margin-top:2rem;box-shadow:0 4px 25px #0000004d,inset 0 1px #ffffff08}.catalog-header.svelte-vpo0ky{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.catalog-header.svelte-vpo0ky h4:where(.svelte-vpo0ky){font-family:var(--font-sans);font-weight:600;font-size:1.1rem;color:#f8fafc;margin:0}.catalog-icon.svelte-vpo0ky{flex-shrink:0}.catalog-intro.svelte-vpo0ky{font-size:.85rem;line-height:1.6;color:#64748b;margin:0 0 1.5rem}.swatches-list.svelte-vpo0ky{display:grid;grid-template-columns:1fr;gap:1.15rem}@media(min-width:640px){.swatches-list.svelte-vpo0ky{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.swatches-list.svelte-vpo0ky{grid-template-columns:repeat(3,1fr)}}.swatch-item.svelte-vpo0ky{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.15rem;border-radius:1rem;border:1px solid rgba(255,255,255,.03);background:#ffffff04;transition:all .25s cubic-bezier(.16,1,.3,1)}.swatch-item.svelte-vpo0ky:hover{border-color:#ffffff14;background:#ffffff08;transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.hexagon-container.svelte-vpo0ky{flex-shrink:0;width:64px;height:72px;display:flex;align-items:center;justify-content:center}.hexagon-shadow-wrapper.svelte-vpo0ky{filter:drop-shadow(0 3px 8px rgba(0,0,0,.5));transition:filter .25s ease}.swatch-item.svelte-vpo0ky:hover .hexagon-shadow-wrapper:where(.svelte-vpo0ky){filter:drop-shadow(0 5px 12px rgba(0,0,0,.65))}.hexagon.svelte-vpo0ky{width:56px;height:64px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.swatch-item.svelte-vpo0ky:hover .hexagon:where(.svelte-vpo0ky){transform:scale(1.08) rotate(4deg)}.swatch-details.svelte-vpo0ky{flex-grow:1;display:flex;flex-direction:column;gap:.25rem}.swatch-topline.svelte-vpo0ky{display:flex;align-items:center;gap:.75rem}.swatch-name.svelte-vpo0ky{font-size:.95rem;font-weight:600;color:#e2e8f0;transition:color .2s ease}.swatch-item.svelte-vpo0ky:hover .swatch-name:where(.svelte-vpo0ky){color:#fff}.swatch-tone.svelte-vpo0ky{font-size:.82rem;line-height:1.4;color:#64748b;margin:0;transition:color .2s ease}.swatch-item.svelte-vpo0ky:hover .swatch-tone:where(.svelte-vpo0ky){color:#94a3b8}.material-badge.svelte-vpo0ky{font-family:var(--font-mono);font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:9999px;letter-spacing:.05em;text-transform:uppercase}.badge-petg.svelte-vpo0ky{background:#34d39912;border:1px solid rgba(52,211,153,.25);color:#34d399}.badge-pla.svelte-vpo0ky{background:#f59e0b12;border:1px solid rgba(245,158,11,.25);color:#f59e0b}