.preview.svelte-u2qn06{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.type-grid.svelte-u2qn06{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:78%;max-width:220px}.cell.svelte-u2qn06{aspect-ratio:1;border-radius:8px;background:color-mix(in srgb,var(--accent),#e0e0e0 75%);display:flex;align-items:center;justify-content:center;transition:background .35s ease,box-shadow .35s ease}.cell.active.svelte-u2qn06{background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent),transparent 50%)}.icon.svelte-u2qn06{width:42%;height:42%;color:color-mix(in srgb,var(--accent),#555 55%);transition:color .35s ease}.cell.active.svelte-u2qn06 .icon:where(.svelte-u2qn06){color:#fff}@media(prefers-reduced-motion:reduce){.cell.svelte-u2qn06,.icon.svelte-u2qn06{transition:none}}