.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);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.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{aspect-ratio:1;padding:.5rem}.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}