.converter-card{background:#fff;border-radius:20px;width:80%;min-width:320px;max-width:860px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 4px 8px #0000000f}@media (width<=768px){.converter-card{width:95%}}@media (width<=480px){.converter-card{border-radius:16px;width:100%;min-width:0}}.converter-card__header{background:var(--cfg-bg,#f1f5f9);border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:20px 32px;display:flex}@media (width<=480px){.converter-card__header{gap:12px;padding:16px}}.converter-card__header-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.converter-card__header-icon svg{font-size:26px!important}.converter-card__body{padding:32px}@media (width<=768px){.converter-card__body{padding:24px}}@media (width<=480px){.converter-card__body{padding:16px}}.converter-card__dropzone{cursor:pointer;text-align:center;border:2px dashed #272829;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:56px 32px;transition:border-color .2s,background .2s;display:flex}@media (width<=768px){.converter-card__dropzone{padding:40px 24px}}@media (width<=480px){.converter-card__dropzone{padding:32px 16px}}.converter-card__dropzone:hover,.converter-card__dropzone:focus,.converter-card__dropzone--active{border-color:var(--cfg-color,#171717);background:color-mix(in srgb, var(--cfg-color,#171717) 4%, transparent)}.converter-card__upload-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}@media (width<=480px){.converter-card__upload-circle{width:64px;height:64px}}.converter-card__format-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.converter-card__tag{letter-spacing:.5px;text-transform:uppercase;border:1.5px solid;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.converter-card__selected{flex-direction:column;gap:24px;display:flex}.converter-card__file-row{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-self:center;align-items:center;gap:12px;width:300px;max-width:100%;padding:24px 20px 20px;display:flex;position:relative}@media (width<=480px){.converter-card__file-row{padding:20px 12px 16px}}.converter-card__file-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 4px 16px #00000014}@media (width<=480px){.converter-card__file-icon-wrap{width:80px;height:80px}}.converter-card__file-name{text-align:center;word-break:break-all;max-width:100%}.converter-card__remove-btn{flex-shrink:0;color:#64748b!important}.converter-card__remove-btn:hover{color:#dc2626!important;background:#f1f5f9!important}.converter-card__remove-btn--top{top:8px;right:8px;position:absolute!important}.converter-card__convert-area{flex-direction:column;gap:12px;display:flex}.converter-card__arrow{justify-content:center;align-items:center;gap:8px;padding:8px 0;display:flex}.converter-card__btn-convert{letter-spacing:.2px;box-shadow:none!important;border-radius:12px!important;padding:14px 0!important;font-size:1rem!important}.converter-card__btn-convert:hover{opacity:.92;box-shadow:0 4px 14px #00000026!important}.converter-card__center{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}@media (width<=480px){.converter-card__center{padding:24px 8px}}.converter-card__success-ring{border:none;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}@media (width<=480px){.converter-card__success-ring{width:72px;height:72px}}.converter-card__action-row{flex-wrap:wrap;gap:16px;width:100%;display:flex}@media (width<=480px){.converter-card__action-row{flex-direction:column;gap:8px}}.converter-card__btn-download,.converter-card__btn-preview{flex:1;min-width:160px;box-shadow:none!important;border-radius:12px!important;padding:12px 16px!important;font-size:.95rem!important}@media (width<=480px){.converter-card__btn-download,.converter-card__btn-preview{min-width:0}}.converter-card__btn-download:hover{opacity:.9;box-shadow:0 4px 14px #00000026!important}
