*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;background-color:#f1f5f9;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-header{border-bottom:1px solid #ffffff14;background-color:#1e293b!important}.app-header__toolbar{justify-content:space-between;align-items:center;display:flex;min-height:68px!important;padding:4px 24px!important}@media (width<=768px){.app-header__toolbar{flex-direction:column;align-items:stretch;gap:0;min-height:unset!important;padding:12px 16px 0!important}}.app-header__brand{cursor:pointer;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.app-header__brand:hover .app-header__name{opacity:.85}@media (width<=768px){.app-header__brand{padding-bottom:8px}}.app-header__logo{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}@media (width<=480px){.app-header__logo{width:34px;height:34px}}.app-header__logo-icon{color:#fff!important;font-size:22px!important}@media (width<=480px){.app-header__logo-icon{font-size:18px!important}}.app-header__titles{flex-direction:column;line-height:1;display:flex}.app-header__name{letter-spacing:-.3px;color:#fff!important;font-size:1.15rem!important}@media (width<=480px){.app-header__name{font-size:1rem!important}}.app-header__tagline{margin-top:2px;color:#ffffff80!important;font-size:.72rem!important}@media (width<=480px){.app-header__tagline{display:none!important}}.app-header__nav .MuiTabs-root{min-height:44px}@media (width<=768px){.app-header__nav,.app-header__nav .MuiTabs-root{width:100%}}.app-header__tab{gap:6px;min-height:44px!important;padding:8px 16px!important}@media (width<=768px){.app-header__tab{min-width:unset!important;padding:6px 10px!important;font-size:.78rem!important}}@media (width<=480px){.app-header__tab{padding:4px 8px!important;font-size:.72rem!important}.app-header__tab .MuiTab-iconWrapper{display:none!important}}.app-footer{background-color:#fff;border-top:1px solid #e2e8f0;padding:32px 24px}.app-footer__inner{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.app-footer__brand{align-items:center;gap:8px;display:flex}.app-footer__logo{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.app-footer__logo svg{font-size:16px!important}.app-footer__name{color:#0f172a!important;font-size:.95rem!important}.app-footer__desc{color:#64748b;max-width:480px;line-height:1.6}.app-footer__copy{color:#272829;font-size:.72rem!important}.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,#eff6ff);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,#2563eb);background:color-mix(in srgb, var(--cfg-color,#2563eb) 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;align-items:center;gap:16px;padding:16px 20px;display:flex}@media (width<=480px){.converter-card__file-row{gap:12px;padding:12px}}.converter-card__file-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}@media (width<=480px){.converter-card__file-icon-wrap{width:40px;height:40px}}.converter-card__remove-btn{flex-shrink:0;color:#64748b!important}.converter-card__remove-btn:hover{color:#dc2626!important;background:#f1f5f9!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:3px solid;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}.img-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){.img-card{width:95%}}@media (width<=480px){.img-card{border-radius:16px;width:100%;min-width:0}}.img-card__header{background:#fff7ed;border-bottom:1px solid #fed7aa;align-items:center;gap:16px;padding:20px 32px;display:flex}@media (width<=480px){.img-card__header{padding:16px}}.img-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}.img-card__header-icon svg{font-size:26px!important}.img-card__body{padding:32px}@media (width<=768px){.img-card__body{padding:24px}}@media (width<=480px){.img-card__body{padding:16px}}.img-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){.img-card__dropzone{padding:40px 24px}}@media (width<=480px){.img-card__dropzone{padding:32px 16px}}.img-card__dropzone:hover,.img-card__dropzone:focus,.img-card__dropzone--active{background:#ea580c0a;border-color:#ea580c}.img-card__upload-circle{background:#fff7ed;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}@media (width<=480px){.img-card__upload-circle{width:64px;height:64px}}.img-card__format-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.img-card__tag{color:#ea580c;letter-spacing:.4px;text-transform:uppercase;background:#fff7ed;border:1.5px solid #ea580c;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.img-card__selected{flex-direction:column;gap:20px;display:flex}.img-card__grid-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.img-card__grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:16px;display:grid}@media (width<=768px){.img-card__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}@media (width<=480px){.img-card__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}}.img-card__thumb{cursor:grab;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.img-card__thumb:hover{border-color:#ea580c;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.img-card__thumb:active{cursor:grabbing}.img-card__thumb-img{aspect-ratio:1;background:#fff;width:100%;position:relative;overflow:hidden}.img-card__thumb-img img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.img-card__thumb-img:hover img{transform:scale(1.04)}.img-card__badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;left:6px;box-shadow:0 1px 4px #0000004d}.img-card__drag-handle{color:#fffc;filter:drop-shadow(0 1px 2px #0006);pointer-events:none;align-items:center;display:flex;position:absolute;bottom:5px;left:5px}.img-card__remove{opacity:0;top:4px;right:4px;color:#fff!important;background:#0000008c!important;width:22px!important;height:22px!important;transition:opacity .15s!important;position:absolute!important}.img-card__thumb:hover .img-card__remove{opacity:1}@media (hover:none){.img-card__remove{opacity:1}}.img-card__thumb-info{flex-direction:column;gap:2px;padding:6px 8px;display:flex}.img-card__thumb-name{color:#0f172a;font-weight:500;display:block;font-size:.72rem!important}.img-card__thumb-size{display:block;font-size:.68rem!important}.img-card__add-more{aspect-ratio:1;cursor:pointer;border:2px dashed #272829;border-radius:8px;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:148px;transition:border-color .2s,background .2s;display:flex}@media (width<=768px){.img-card__add-more{min-height:120px}}@media (width<=480px){.img-card__add-more{min-height:100px}}.img-card__add-more:hover,.img-card__add-more:focus{background:#fff7ed;border-color:#ea580c}.img-card__convert-btn{letter-spacing:.2px;box-shadow:none!important;border-radius:12px!important;padding:14px 0!important;font-size:1rem!important}@media (width<=480px){.img-card__convert-btn{font-size:.88rem!important}}.img-card__convert-btn:hover{opacity:.92;box-shadow:0 4px 14px #ea580c4d!important}.img-card__center{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}@media (width<=480px){.img-card__center{padding:24px 8px}}.img-card__success-ring{border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}@media (width<=480px){.img-card__success-ring{width:72px;height:72px}}.img-card__action-row{flex-wrap:wrap;gap:16px;width:100%;display:flex}@media (width<=480px){.img-card__action-row{flex-direction:column;gap:8px}}.pdf2img-card{background:#fff;border-radius:20px;width:80%;min-width:320px;max-width:960px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 4px 8px #0000000f}@media (width<=768px){.pdf2img-card{width:95%}}@media (width<=480px){.pdf2img-card{border-radius:16px;width:100%;min-width:0}}.pdf2img-card__header{background:#f5f3ff;border-bottom:1px solid #ede9fe;align-items:center;gap:16px;padding:20px 32px;display:flex}@media (width<=480px){.pdf2img-card__header{padding:16px}}.pdf2img-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}.pdf2img-card__header-icon svg{font-size:26px!important}.pdf2img-card__body{padding:32px}@media (width<=768px){.pdf2img-card__body{padding:24px}}@media (width<=480px){.pdf2img-card__body{padding:16px}}.pdf2img-card__quality-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}@media (width<=480px){.pdf2img-card__quality-row{gap:8px;margin-bottom:16px}}.pdf2img-card__dpi-group .MuiToggleButton-root{text-transform:none;border-color:#e2e8f0;padding:5px 14px;font-size:.78rem}@media (width<=480px){.pdf2img-card__dpi-group .MuiToggleButton-root{padding:4px 10px;font-size:.72rem}}.pdf2img-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){.pdf2img-card__dropzone{padding:40px 24px}}@media (width<=480px){.pdf2img-card__dropzone{padding:32px 16px}}.pdf2img-card__dropzone:hover,.pdf2img-card__dropzone:focus,.pdf2img-card__dropzone--active{background:#7c3aed0a;border-color:#7c3aed}.pdf2img-card__upload-circle{background:#f5f3ff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}@media (width<=480px){.pdf2img-card__upload-circle{width:64px;height:64px}}.pdf2img-card__pdf-tag{color:#7c3aed;text-transform:uppercase;letter-spacing:.5px;background:#f5f3ff;border:1.5px solid #7c3aed;border-radius:20px;align-items:center;gap:5px;padding:4px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.pdf2img-card__center{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}@media (width<=480px){.pdf2img-card__center{padding:24px 8px}}.pdf2img-card__results{flex-direction:column;gap:24px;display:flex}.pdf2img-card__summary{background:#f5f3ff;border:1px solid #ede9fe;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}@media (width<=480px){.pdf2img-card__summary{flex-direction:column;align-items:flex-start;padding:12px}}.pdf2img-card__empty{flex-direction:column;align-items:center;padding:40px 0;display:flex}.pdf2img-card__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}@media (width<=768px){.pdf2img-card__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}}@media (width<=480px){.pdf2img-card__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}}.pdf2img-card__thumb{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.pdf2img-card__thumb:hover{border-color:#7c3aed;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.pdf2img-card__thumb-img{aspect-ratio:3/4;background:#fff;width:100%;position:relative;overflow:hidden}.pdf2img-card__thumb-img img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.pdf2img-card__thumb-img:hover img{transform:scale(1.03)}.pdf2img-card__badge{color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;left:6px;box-shadow:0 1px 4px #0000004d}.pdf2img-card__overlay{opacity:0;background:#00000073;justify-content:center;align-items:center;gap:8px;transition:opacity .18s;display:flex;position:absolute;inset:0}.pdf2img-card__thumb-img:hover .pdf2img-card__overlay{opacity:1}@media (hover:none){.pdf2img-card__overlay{opacity:1;background:#0000004d}}.pdf2img-card__action-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff!important;background:#ffffff26!important;transition:background .15s!important}.pdf2img-card__action-btn:hover{background:#ffffff4d!important}.pdf2img-card__action-btn--delete:hover{background:#dc262699!important}.pdf2img-card__thumb-info{padding:6px 8px}.pdf2img-card__thumb-name{color:#0f172a;font-weight:500;display:block;font-size:.72rem!important}.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:#ecfeff;border-bottom:1px solid #cffafe;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;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:#0f172a;background:#fff}.compress-card__mode-btn--active{font-weight:700;box-shadow:0 0 0 2px #0891b233,0 1px 3px #00000014,0 1px 2px #0000000f;color:#0891b2!important;background:#fff!important;border:2px solid #0891b2!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:#0891b2;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:#0891b208;border-color:#0891b2}.compress-card__upload-circle{background:#ecfeff;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:#0891b2;text-transform:uppercase;letter-spacing:.5px;background:#ecfeff;border:1.5px solid #0891b2;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-row{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}@media (width<=480px){.compress-card__file-row{padding:12px}}.compress-card__file-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.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:3px solid;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}}.img-opt{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){.img-opt{width:95%}}@media (width<=480px){.img-opt{border-radius:16px;width:100%;min-width:0}}.img-opt__header{background:#fff1f2;border-bottom:1px solid #fecdd3;align-items:center;gap:16px;padding:20px 32px;display:flex}@media (width<=480px){.img-opt__header{padding:16px}}.img-opt__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}.img-opt__header-icon svg{font-size:26px!important}.img-opt__body{flex-direction:column;gap:24px;padding:32px;display:flex}@media (width<=768px){.img-opt__body{padding:24px}}@media (width<=480px){.img-opt__body{gap:16px;padding:16px}}.img-opt__mode-row{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-self:flex-start;gap:12px;padding:4px;display:flex}@media (width<=480px){.img-opt__mode-row{align-self:stretch;gap:8px}}.img-opt__mode-btn{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.img-opt__mode-btn svg{flex-shrink:0;font-size:18px!important}.img-opt__mode-btn:hover{color:#0f172a;background:#fff}.img-opt__mode-btn--active{font-weight:700;box-shadow:0 0 0 2px #f43f5e26,0 1px 3px #00000014,0 1px 2px #0000000f;color:#f43f5e!important;background:#fff1f2!important;border:2px solid #f43f5e!important}@media (width<=480px){.img-opt__mode-btn{flex:1;justify-content:center;padding:6px 8px;font-size:.82rem}}.img-opt__settings{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:24px}@media (width<=480px){.img-opt__settings{padding:16px}}.img-opt__settings-row{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}@media (width<=480px){.img-opt__settings-row{gap:16px}}.img-opt__setting-group{flex-direction:column;gap:8px;display:flex}.img-opt__setting-label{text-transform:uppercase;letter-spacing:.5px}.img-opt__format-toggle{gap:8px;display:flex}.img-opt__format-pill{cursor:pointer;color:#64748b;letter-spacing:.5px;-webkit-user-select:none;user-select:none;border:1.5px solid #e2e8f0;border-radius:8px;padding:6px 16px;font-size:.8rem;font-weight:700;transition:all .18s}.img-opt__format-pill:hover{color:#f43f5e;border-color:#f43f5e}.img-opt__resize-panel{flex-direction:column;gap:20px;display:flex}@media (width<=480px){.img-opt__resize-panel{gap:16px}}.img-opt__resize-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.img-opt__resize-row--compress{align-items:center}@media (width<=480px){.img-opt__resize-row{gap:8px}}.img-opt__unit-pills{flex-wrap:wrap;gap:8px;display:flex}.img-opt__unit-pill{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;text-align:center;border:1.5px solid #e2e8f0;border-radius:8px;min-width:44px;padding:6px 16px;font-size:.82rem;font-weight:700;transition:all .18s}.img-opt__unit-pill:hover{color:#f43f5e;background:#fff1f2;border-color:#f43f5e}.img-opt__unit-pill--active{box-shadow:0 0 0 2px #f43f5e1f;color:#f43f5e!important;background:#fff1f2!important;border-color:#f43f5e!important}.img-opt__dim-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=480px){.img-opt__dim-row{gap:8px}.img-opt__dim-row .MuiTextField-root{width:100%!important}}.img-opt__lock-btn{cursor:pointer;color:#64748b;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex}.img-opt__lock-btn:hover{color:#f43f5e;border-color:#f43f5e}.img-opt__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:40px 32px;transition:border-color .2s,background .2s;display:flex}@media (width<=768px){.img-opt__dropzone{padding:32px 24px}}@media (width<=480px){.img-opt__dropzone{padding:24px 16px}}.img-opt__dropzone:hover,.img-opt__dropzone:focus,.img-opt__dropzone--active{background:#f43f5e05;border-color:#f43f5e}.img-opt__upload-circle{background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}@media (width<=480px){.img-opt__upload-circle{width:60px;height:60px}}.img-opt__format-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.img-opt__format-tag{color:#f43f5e;letter-spacing:.4px;background:#fff1f2;border:1.5px solid #f43f5e;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700}.img-opt__file-section{flex-direction:column;gap:20px;display:flex}.img-opt__thumb-card{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:20px;padding:12px;display:flex;overflow:hidden}@media (width<=480px){.img-opt__thumb-card{flex-direction:column;align-items:stretch;gap:12px}}.img-opt__thumb-img-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:200px;height:180px;position:relative;overflow:hidden}@media (width<=768px){.img-opt__thumb-img-wrap{width:160px;height:140px}}@media (width<=480px){.img-opt__thumb-img-wrap{width:100%;height:180px}}.img-opt__thumb-img{object-fit:cover;width:100%;height:100%;display:block}.img-opt__thumb-remove{opacity:0;transition:opacity .15s;top:4px;right:4px;color:#fff!important;background:#0000008c!important;width:26px!important;height:26px!important;position:absolute!important}.img-opt__thumb-img-wrap:hover .img-opt__thumb-remove{opacity:1}@media (hover:none){.img-opt__thumb-remove{opacity:1}}.img-opt__thumb-badge{color:#fff;letter-spacing:.4px;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:800;position:absolute;bottom:4px;left:4px}.img-opt__thumb-info{flex-direction:column;flex:1;min-width:0;display:flex}.img-opt__btn-process{letter-spacing:.1px;box-shadow:none!important;border-radius:12px!important;padding:14px 0!important;font-size:.9rem!important}@media (width<=480px){.img-opt__btn-process{font-size:.82rem!important}}.img-opt__btn-process:hover{opacity:.92;box-shadow:0 4px 16px #f43f5e4d!important}.img-opt__center{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}@media (width<=480px){.img-opt__center{padding:24px 8px}}.img-opt__done{flex-direction:column;align-items:center;gap:24px;display:flex}@media (width<=480px){.img-opt__done{gap:16px}}.img-opt__preview-wrap{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:220px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 4px 8px #0000000f}@media (width<=480px){.img-opt__preview-wrap{max-height:180px}}.img-opt__preview{object-fit:contain;width:auto;max-width:100%;max-height:220px;display:block}@media (width<=480px){.img-opt__preview{max-height:180px}}.img-opt__preview-badge{color:#fff;letter-spacing:.3px;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.img-opt__done-name{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 16px;display:flex;overflow:hidden}.img-opt__stats{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}@media (width<=540px){.img-opt__stats{grid-template-columns:1fr}}.img-opt__stat-card{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px;display:flex}@media (width<=480px){.img-opt__stat-card{padding:16px}}.img-opt__stat-row{align-items:flex-start;gap:16px;display:flex}.img-opt__stat-arrow{color:#64748b;padding-top:16px;font-size:1.1rem}.img-opt__achieved-badge{border-radius:8px;margin-top:8px;padding:6px 12px;font-size:.78rem;font-weight:600}.img-opt__achieved-badge--ok{color:#16a34a;background:#dcfce7}.img-opt__achieved-badge--warn{color:#ea580c;background:#fff7ed}.img-opt__done-actions{flex-wrap:wrap;gap:16px;width:100%;display:flex}@media (width<=480px){.img-opt__done-actions{flex-direction:column;gap:8px}.img-opt__done-actions .MuiButton-root{flex:unset!important}}.app-layout{background-color:#f1f5f9;flex-direction:column;min-height:100vh;display:flex}.app-layout__main{flex:1;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex}@media (width<=768px){.app-layout__main{padding:24px 16px}}@media (width<=480px){.app-layout__main{align-items:stretch;padding:16px 8px}}