.template-card.svelte-1vyx4u8{display:grid;gap:10px;text-decoration:none;transition:transform .12s ease,border-color .12s ease}.template-card.svelte-1vyx4u8:hover{transform:translateY(-2px);border-color:var(--ink-soft)}.template-card.svelte-1vyx4u8 h3:where(.svelte-1vyx4u8){margin:0}.preview.svelte-1vyx4u8{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;aspect-ratio:4 / 1}.preview-cell.svelte-1vyx4u8{position:relative;border-radius:6px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;font-size:.6875rem;font-weight:600;text-align:center;padding:2px}.preview-cell.svelte-1vyx4u8 img:where(.svelte-1vyx4u8){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.preview-empty.svelte-1vyx4u8{grid-column:1 / -1;display:grid;gap:3px}.preview-empty.svelte-1vyx4u8 span:where(.svelte-1vyx4u8){border-radius:3px}.preview-empty.svelte-1vyx4u8 span:where(.svelte-1vyx4u8):nth-child(2){width:80%}.preview-empty.svelte-1vyx4u8 span:where(.svelte-1vyx4u8):nth-child(3){width:60%}.preview-empty.svelte-1vyx4u8 span:where(.svelte-1vyx4u8):nth-child(4){width:40%}.meta.svelte-1vyx4u8{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem}.by.svelte-1vyx4u8{margin:0;font-size:.875rem}
