.preview-card{position:relative;width:100%;max-width:180px;margin:0 auto;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:transform .2s ease}.preview-card:hover{transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,.1)}.preview-checkbox{position:absolute;top:6px;left:6px;width:16px;height:16px;accent-color:#3b82f6}.preview-checkbox:hover,.preview-checkbox:focus{outline:2px solid #3b82f6;outline-offset:2px}.preview-checkbox:checked+label .canvas-container{background-color:#fef2f2;border-color:#ef4444}.canvas-container{display:flex;justify-content:center;align-items:center;width:100%;height:120px;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff}canvas{max-width:100%;height:auto;display:block}.preview-card label{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px}.preview-card span{margin-top:8px;font-size:14px;font-weight:500;color:#374151}.fallback-placeholder{width:100%;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f3f4f6;color:#6b7280;font-size:12px;border:1px solid #e5e7eb;border-radius:6px}.retry-button{margin-top:8px;width:80px;height:28px;padding:0;font-size:12px;font-weight:600;line-height:1;color:#fff;background-color:#2563eb;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.retry-button:hover{background-color:#1d4ed8;transform:scale(1.03);box-shadow:0 4px 6px rgba(0,0,0,.15)}.retry-button:active{transform:scale(.97)}