.template-card{border-radius:var(--radius-2xl);background:var(--surface-card);box-shadow:var(--shadow-card);transition:all var(--transition-base);color:inherit;text-decoration:none;display:block;overflow:hidden}.template-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.template-card-image{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.template-card-compact .template-card-image{aspect-ratio:4/5}.template-card-preview-text{align-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;z-index:1;flex-direction:column;display:flex}.template-card-emoji{filter:drop-shadow(0 2px 8px #0003);font-size:2.5rem}.template-card-overlay-title{font-family:var(--font-display);font-weight:var(--font-bold);font-size:var(--text-base);color:#fff;text-shadow:0 2px 8px #0006;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.template-card-motion-badge{top:var(--space-3);left:var(--space-3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);color:#fff;font-size:10px;font-weight:var(--font-semibold);z-index:2;background:#0009;align-items:center;gap:4px;padding:3px 8px;display:flex;position:absolute}.template-card-badges{top:var(--space-3);right:var(--space-3);gap:var(--space-1);z-index:2;flex-direction:column;display:flex;position:absolute}.template-card-badges .badge{padding:2px 8px;font-size:10px}.template-card-actions{justify-content:center;gap:var(--space-2);padding:var(--space-3);opacity:0;transition:all var(--transition-base);z-index:2;background:linear-gradient(#0000 0%,#0009 100%);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.template-card:hover .template-card-actions{opacity:1;transform:translateY(0)}.template-card-action{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:#fff3;border:none;justify-content:center;align-items:center;display:flex}.template-card-action:hover{background:#fff6;transform:scale(1.1)}.template-card-fav-active{color:var(--color-secondary)}.template-card-info{padding:var(--space-3) var(--space-4) var(--space-4)}.template-card-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.template-card-meta{gap:var(--space-3);display:flex}.template-card-stat{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:3px;display:flex}@media (hover:none){.template-card-actions{opacity:1;transform:translateY(0)}}