.modal-compress-bg{display:none;position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;background:rgba(38,40,46,.77);align-items:center;justify-content:center;transition:opacity .2s}.modal-compress-bg.active{display:flex}.modal-compress{background:#fff;max-height:90vh;height:85vh;max-width:75vw;width:60vw;border-radius:18px;padding:14px 2vw 12px;box-shadow:0 4px 36px #0004;display:flex;flex-direction:column;align-items:center;animation:.22s popin;position:relative}@keyframes popin{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-compress-close{position:absolute;right:13px;top:11px;background:0 0;color:#222;border:none;font-size:1.36em;padding:3px 9px;cursor:pointer;z-index:10}.modal-compress-content{width:100%}.compress-img-preview{display:flex;align-items:center;gap:22px;margin-bottom:13px;justify-content:center;min-height:40vh}.compress-img-box{flex:1;text-align:center;min-width:0}.compress-img-box img{max-width:30vw;max-height:54vh;border:1.5px solid #ddd;background:#fff;border-radius:14px}.size-info{margin-top:8px;font-size:1.06em;color:#555;font-weight:500}.download-btn,.reset-btn{color:#fff;cursor:pointer}#result.result-error,.download-btn,.reset-btn,.slider-row label{font-weight:700}.slider-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:26px 0 12px}.slider-row input[type=range]{width:210px;max-width:90vw}#qualityRange:disabled{filter:grayscale(.7) opacity(.8)}.modal-btn-row{display:flex;gap:15px;justify-content:center;margin-bottom:8px}.download-btn{background:#4994fa;border-radius:12px;font-size:1.12rem;padding:9px 20px;text-decoration:none;border:none;display:inline-block}.download-btn.disabled,.download-btn:disabled{background:#ccc!important;cursor:not-allowed!important;pointer-events:none;color:#888!important}.reset-btn{background:#adb5bd;border-radius:12px;font-size:1.09rem;padding:9px 16px;border:none;display:flex;align-items:center;gap:5px}#result{font-size:1.08em;text-align:center;margin:13px 0 0}#result.result-error{color:#e53935}#result.result-success{color:#388e3c;font-weight:700}.compress-img-box-after,.compress-img-box-original{display:block}@media (max-width:700px){.modal-compress{height:70vh;max-height:70vh;width:99vw;max-width:99vw;padding:8px 1vw 10px}.compress-img-preview{gap:7px}.compress-img-box img{max-height:50vh;max-width:96vw}.slider-row{margin:10px 0 7px}.modal-btn-row{gap:10px}.compress-img-box-original{display:none!important}.compress-img-box-after img{max-height:40vh;max-width:96vw}.compress-img-box-after{flex:1}}