.asset-card{background:var(--color-paper-2);border-radius:var(--radius-card);border:1px solid var(--color-rule);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);padding:1.5rem}.asset-card:hover{border-color:var(--color-accent);box-shadow:0 8px 24px -10px oklch(from var(--color-accent) l c h / .35)}.asset-card-header{margin-bottom:1rem}.asset-card-title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.25rem;font-weight:700}.asset-card-preview-container{margin-bottom:1.5rem}.asset-card-preview{border-radius:var(--radius-input);min-height:150px;transition:background-color .3s var(--ease-out);justify-content:center;align-items:center;margin-bottom:.75rem;padding:2rem;display:flex}.asset-card-preview-light{background:var(--color-slate-50);border:1px solid var(--color-slate-200)}.asset-card-preview-dark{background:var(--color-slate-950);border:1px solid var(--color-slate-800)}.asset-card-image{object-fit:contain;max-width:100%;max-height:120px}.asset-card-bg-toggle{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.asset-card-bg-label{color:var(--color-ink-2);font-weight:500}.asset-card-bg-btn{border-radius:var(--radius-input);border:1px solid var(--color-rule);background:var(--color-paper);min-height:2rem;color:var(--color-ink-2);cursor:pointer;transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out);padding:.25rem .75rem;font-size:.875rem}.asset-card-bg-btn:hover{border-color:var(--color-accent);color:var(--color-ink)}.asset-card-bg-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.asset-card-bg-btn.active{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.asset-card-downloads{flex-wrap:wrap;gap:.5rem;display:flex}.asset-card-download-btn{border-radius:var(--radius-pill);background:var(--color-accent);min-height:2.5rem;color:var(--color-accent-ink);transition:background-color .2s var(--ease-out), transform .2s var(--ease-out);cursor:pointer;border:none;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.asset-card-download-btn:hover{background:oklch(from var(--color-accent) l c h / .9);transform:translateY(-1px)}.asset-card-download-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.asset-card-download-btn:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.asset-card-download-btn:hover,.asset-card:hover{transform:none}}