.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);display:block;image-rendering:pixelated;overflow:hidden;transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.22,.61,.36,1),border-color .18s ease}@media(hover:hover)and (pointer:fine){.card:hover{border-color:var(--primary)}.card:hover .size-full{transform:scale(1.02)}}.card .size-full{transition:transform .32s cubic-bezier(.22,.61,.36,1)}.card.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 35%,transparent),var(--shadow)}.card-pad{padding:2.5rem}.card-empty,.card-pad{align-items:center;display:flex;justify-content:center}.card-empty{color:color-mix(in oklab,var(--muted) 45%,transparent);height:100%;width:100%}.card-empty .icon{height:32px;width:32px}.card .size-full{-o-object-fit:contain;object-fit:contain}.card-anim-badge{align-items:center;background:#0000009e;border-radius:var(--radius-pill);color:#fff;display:inline-flex;font-size:9px;font-weight:800;gap:3px;letter-spacing:.06em;padding:2px 6px;pointer-events:none;position:absolute;right:5px;top:5px}