.card-option{cursor:pointer;border:2px solid var(--border-half);border-radius:1.25em;padding:2rem 1.5rem;text-align:center;transition:var(--transition);background-color:var(--bg-light)}.card-option:hover{border-color:var(--primary);transform:translateY(-2px)}.card-option.selected{border-color:var(--primary);background-color:color-mix(in srgb,var(--primary),transparent 92%)}.single-preview-card{border:1px solid var(--border-half);border-radius:1em;padding:.5rem;background-color:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;height:100%}.single-preview-img-wrapper img{max-width:100%;max-height:50dvh;object-fit:contain;border-radius:.5rem}#step3PreviewGrid{--grid-min-width: 10rem}.preview-thumb-wrapper{position:relative;width:100%;height:100%;background-color:var(--bg-dark);border-radius:.5em;padding:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-thumb-wrapper img{max-width:100%;max-height:100%;object-fit:contain;border-radius:.25rem}.preview-badge{position:absolute;top:.35rem;left:.35rem;background-color:#000000bf;color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .45rem;border-radius:.25em}.preview-action-btn{position:absolute;bottom:.35rem;right:.35rem;opacity:0;padding:.3em;border-radius:.35em;transition:var(--transition)}.preview-thumb-wrapper:hover .preview-action-btn{opacity:1}.progress-bar-bg{width:100%;height:8px;background-color:var(--border-half);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;width:0%;background-color:var(--primary);transition:width .3s ease}.spin{animation:converter-spin 1s linear infinite}@keyframes converter-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width:600px){.single-preview-img-wrapper img{max-height:25dvh}#step3PreviewGrid{--grid-min-width: 5rem}}