.image-card{background:var(--surface);border:1px solid var(--surface-border);color:inherit;border-radius:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.image-card:hover{border-color:var(--primary-light);transform:translateY(-12px);box-shadow:0 30px 40px -10px #0000001f}.image-wrapper{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-wrapper:after{content:"";background:linear-gradient(#0000 0%,#00000005 100%);transition:background .3s;position:absolute;inset:0}.image-card:hover .image-wrapper:after{background:linear-gradient(#0000 0%,#6366f108 100%)}.png-image{object-fit:contain;z-index:1;padding:1.5rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.image-card:hover .png-image{transform:scale(1.1)rotate(2deg)}.image-info{background:var(--surface);border-top:1px solid var(--surface-border);padding:1.5rem}.image-info h3{color:var(--foreground);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card-extra-info{color:var(--text-secondary);align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:flex}.format-badge{color:var(--primary);background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.image-card:hover .category-badge{background:var(--primary);color:#fff}.source-badge{color:var(--text-secondary);opacity:.7;font-size:.7rem;font-weight:500}.ai-tag{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--primary);text-transform:uppercase;background:#ffffffe6;border:1px solid #6366f11a;border-radius:.75rem;padding:.4rem .75rem;font-size:.7rem;font-weight:800;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #0000001a}