.modal-backdrop.svelte-1y6ixpo{z-index:100;background:#14141e80;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-panel.svelte-1y6ixpo{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:640px;max-height:85vh;padding:1.5rem;display:flex}.modal-header.svelte-1y6ixpo{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.modal-header.svelte-1y6ixpo h3:where(.svelte-1y6ixpo){margin:0}.modal-close.svelte-1y6ixpo{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.modal-close.svelte-1y6ixpo:hover{color:var(--color-text)}.palette-search.svelte-1y6ixpo{margin-bottom:.5rem}.palette-count.svelte-1y6ixpo{font-size:var(--font-size-xs);margin:0 0 .75rem}.swatch-grid.svelte-1y6ixpo{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.6rem;padding-right:.25rem;display:grid;overflow-y:auto}.swatch.svelte-1y6ixpo{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex;position:relative}.swatch.svelte-1y6ixpo:hover{z-index:1}.swatch-color.svelte-1y6ixpo{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);width:100%;transition:transform .13s,box-shadow .13s;display:block}.swatch.svelte-1y6ixpo:hover .swatch-color:where(.svelte-1y6ixpo){box-shadow:var(--shadow-lg);transform:scale(1.22)}.swatch.svelte-1y6ixpo:hover .swatch-code:where(.svelte-1y6ixpo){color:var(--color-text);font-weight:700}@media (prefers-reduced-motion:reduce){.swatch-color.svelte-1y6ixpo{transition:none}.swatch.svelte-1y6ixpo:hover .swatch-color:where(.svelte-1y6ixpo){transform:none}}.swatch-code.svelte-1y6ixpo{font-size:var(--font-size-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.yarn-strip.svelte-hmck40{background:linear-gradient(90deg, var(--color-bg-warm), var(--color-border-light));width:100%;height:2.75rem;display:flex}.yarn-strip.loaded.svelte-hmck40{background:0 0}.yarn-swatch.svelte-hmck40{height:100%;transition:flex var(--transition-normal);flex:1}.yarn-strip.svelte-hmck40:hover .yarn-swatch:where(.svelte-hmck40):hover{flex:2.5}