.ruler-diagram.svelte-vzi3hr{display:block;margin:1rem auto}.yarn-grid.svelte-vzi3hr{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin:0}.yarn-item.svelte-vzi3hr{display:flex;flex-direction:column;gap:.5rem}.yarn-value.svelte-vzi3hr{font-size:1.75rem;font-weight:700;color:#9b59b6;line-height:1}.yarn-detail.svelte-vzi3hr{font-size:.85rem;color:#666;font-style:italic}