.image-card{cursor:pointer;animation:fadeInUp var(--transition-slow) ease-out both;break-inside:avoid;margin-bottom:var(--space-4)}.image-card-media{border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow:hidden}.image-card-img{width:100%;height:auto;transition:transform var(--transition-slow);display:block}.image-card:hover .image-card-img{transform:scale(1.05)}.image-card-overlay{padding:var(--space-4);opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#0000 40%,#000000b3 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.image-card:hover .image-card-overlay{opacity:1}.image-card-stats{gap:var(--space-4);display:flex}.image-card-stats .stat{font-size:var(--text-sm);color:#ffffffe6;font-weight:500}.style-badge{top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--transition-base);font-weight:600;position:absolute}.image-card:hover .style-badge{opacity:1}.style-badge.realistic{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.style-badge.anime{color:#f472b6;background:#ec489933;border:1px solid #ec48994d}.image-card-info{padding:var(--space-4)}.image-card-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.image-card-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.image-card-tags .tag{padding:2px 8px;font-size:10px}