.img-opt{background:#fff;border-radius:20px;width:80%;min-width:320px;max-width:860px;overflow:visible;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;overflow:visible}}.img-opt__header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;align-items:center;gap:16px;padding:20px 32px;display:flex;overflow:hidden}@media (width<=480px){.img-opt__header{border-radius:16px 16px 0 0;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;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}.img-opt__mode-btn svg{flex-shrink:0;font-size:18px!important}.img-opt__mode-btn:hover{color:#000;border-color:#cbd5e1}.img-opt__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){.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:#171717;border-color:#171717}.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:#171717;background:#f1f5f9;border-color:#171717}.img-opt__unit-pill--active{box-shadow:0 0 0 2px #1b66d61f;color:#171717!important;background:#f1f5f9!important;border-color:#171717!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:#171717;border-color:#171717}.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:#1b66d605;border-color:#171717}.img-opt__upload-circle{background:#f1f5f9;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:#171717;letter-spacing:.4px;background:#f1f5f9;border:1.5px solid #171717;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__file-selected{flex-direction:column;align-items:center;display:flex}.img-opt__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){.img-opt__file-row{width:100%;padding:20px 12px 16px}}.img-opt__file-icon-wrap{border:2px solid;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:170px;height:200px;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000014}@media (width<=480px){.img-opt__file-icon-wrap{width:200px;height:150px}}.img-opt__preview-img{object-fit:cover;width:100%;height:100%;display:block}.img-opt__file-name{text-align:center;word-break:break-all;max-width:100%}.img-opt__remove-btn{top:8px;right:8px;color:#94a3b8!important;position:absolute!important}.img-opt__remove-btn:hover{color:#ef4444!important}.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}}