.compress-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){.compress-card{width:95%}}@media (width<=480px){.compress-card{border-radius:16px;width:100%;min-width:0}}.compress-card__header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:20px 32px;display:flex}@media (width<=480px){.compress-card__header{padding:16px}}.compress-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}.compress-card__header-icon svg{font-size:26px!important}.compress-card__body{flex-direction:column;gap:24px;padding:32px;display:flex}@media (width<=768px){.compress-card__body{padding:24px}}@media (width<=480px){.compress-card__body{gap:16px;padding:16px}}.compress-card__mode-row{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-self:flex-start;gap:12px;padding:4px;display:flex}@media (width<=480px){.compress-card__mode-row{align-self:stretch;gap:8px}}.compress-card__mode-btn{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.compress-card__mode-btn svg{font-size:18px!important}.compress-card__mode-btn:hover{color:#000;border-color:#cbd5e1}.compress-card__mode-btn--active{font-weight:700;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;color:#171717!important;background:#fff!important;border-color:#171717!important}@media (width<=480px){.compress-card__mode-btn{flex:1;justify-content:center;padding:6px 8px;font-size:.82rem}}.compress-card__quality-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.compress-card__quality-grid{gap:12px}}@media (width<=600px){.compress-card__quality-grid{grid-template-columns:1fr}}.compress-card__q-card{cursor:pointer;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:border-color .2s,background .2s,box-shadow .2s;position:relative}.compress-card__q-card:hover{border-color:#171717;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.compress-card__q-card--selected{box-shadow:0 0 0 2px #0891b233,0 1px 3px #00000014,0 1px 2px #0000000f}@media (width<=480px){.compress-card__q-card{padding:16px}}.compress-card__q-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.compress-card__q-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.compress-card__q-tag{white-space:nowrap;letter-spacing:.3px;text-transform:uppercase;border:1px solid;border-radius:20px;padding:2px 8px;font-size:.68rem;font-weight:700}.compress-card__q-selected-badge{align-items:center;gap:4px;margin-top:12px;display:flex}.compress-card__target-row{flex-direction:column;gap:16px;display:flex}.compress-card__target-box{flex-direction:column;gap:4px;display:flex}.compress-card__target-info{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:8px;padding:12px 16px;display:flex}.compress-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:48px 32px;transition:border-color .2s,background .2s;display:flex}@media (width<=768px){.compress-card__dropzone{padding:40px 24px}}@media (width<=480px){.compress-card__dropzone{padding:32px 16px}}.compress-card__dropzone:hover,.compress-card__dropzone:focus,.compress-card__dropzone--active{background:#1b66d608;border-color:#171717}.compress-card__upload-circle{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}@media (width<=480px){.compress-card__upload-circle{width:60px;height:60px}}.compress-card__pdf-tag{color:#171717;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border:1.5px solid #171717;border-radius:20px;align-items:center;gap:5px;padding:4px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.compress-card__file-section{flex-direction:column;gap:20px;display:flex}.compress-card__file-selected{flex-direction:column;align-items:center;display:flex}.compress-card__file-row{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:300px;padding:24px 20px 20px;display:flex;position:relative}@media (width<=480px){.compress-card__file-row{width:100%;padding:20px 12px 16px}}.compress-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){.compress-card__file-icon-wrap{width:80px;height:80px}}.compress-card__file-name{text-align:center;word-break:break-all;max-width:100%}.compress-card__remove-btn{top:8px;right:8px;color:#94a3b8!important;position:absolute!important}.compress-card__remove-btn:hover{color:#ef4444!important}.compress-card__btn-compress{letter-spacing:.1px;box-shadow:none!important;border-radius:12px!important;padding:14px 0!important;font-size:.95rem!important}@media (width<=480px){.compress-card__btn-compress{font-size:.82rem!important}}.compress-card__btn-compress:hover{opacity:.92;box-shadow:0 4px 14px #0891b24d!important}.compress-card__center{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}@media (width<=480px){.compress-card__center{padding:24px 8px}}.compress-card__done{flex-direction:column;align-items:center;gap:24px;padding:16px 0;display:flex}@media (width<=480px){.compress-card__done{gap:16px}}.compress-card__done-title{align-items:center;gap:20px;width:100%;display:flex}@media (width<=480px){.compress-card__done-title{gap:12px}}.compress-card__success-ring{border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}@media (width<=480px){.compress-card__success-ring{width:60px;height:60px}}.compress-card__stats{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;width:100%;padding:24px 32px;display:flex}@media (width<=768px){.compress-card__stats{padding:16px 20px}}@media (width<=480px){.compress-card__stats{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}}.compress-card__stat{flex-direction:column;flex:1;gap:4px;display:flex}.compress-card__stat:last-child{align-items:flex-end}@media (width<=480px){.compress-card__stat{width:100%}.compress-card__stat:last-child{align-items:flex-start}}.compress-card__stat-arrow{border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;align-items:center;padding:0 16px;display:flex}@media (width<=480px){.compress-card__stat-arrow{border:1px solid #e2e8f0;border-left:none;border-right:none;flex-direction:row;justify-content:center;gap:8px;width:100%;padding:4px 0}}.compress-card__target-badge{text-align:center;border:1.5px solid;border-radius:8px;width:100%;padding:10px 16px;font-size:.82rem;font-weight:600}.compress-card__done-actions{flex-wrap:wrap;gap:16px;width:100%;display:flex}@media (width<=480px){.compress-card__done-actions{flex-direction:column;gap:8px}.compress-card__done-actions .MuiButton-root{flex:unset!important}}