.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);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-head{background:var(--surface);border-top:1px solid var(--border);color:var(--foreground);overflow:hidden;padding:.25rem .5rem}.card-title p{font-size:var(--text-sm);font-weight:600;letter-spacing:-.005em;line-height:var(--text-sm-lh);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .size-full{-o-object-fit:contain;object-fit:contain}.card-anim-badge{align-items:center;background:#0000009e;border-radius:999px;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}