.modal-compress-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;width:100%;margin-top:22px}.spinner{border:6px solid #d1e5ff;border-top:6px solid #4994fa;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin;margin-bottom:15px}@keyframes spin{100%{transform:rotate(360deg)}}.loading-text{font-size:1.08em;color:#353535;margin-top:4px;letter-spacing:.5px}.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 .23s}.card-compress,.modal-compress{display:flex;flex-direction:column;position:relative}.modal-compress-bg.active{display:flex}.modal-compress{background:#fff;border-radius:18px;padding:12px 2vw 18px;max-width:55vw;width:55vw;height:60vh;box-shadow:0 4px 36px #0004;align-items:center;animation:.2s popin;overflow:auto;max-height:92vh}.modal-compress-title{font-size:1.13rem;font-weight:700;margin-bottom:8px;text-align:center;color:#232323}.modal-compress-preview-outer{width:50vw;max-width:50vw;margin:8px 0;overflow-x:auto;overflow-y:hidden}.modal-compress-preview-list{display:flex;flex-direction:row;gap:16px;overflow-x:auto;min-height:200px;padding-bottom:7px}.card-compress{background:#f8fafd;border-radius:14px;box-shadow:0 2px 9px #0001;padding:13px 11px 12px;align-items:center;flex:0 0 155px;min-width:155px;max-width:155px;margin-bottom:2px;border:1.6px solid #f0eefb}.card-compress-img{width:110px;height:110px;object-fit:cover;border-radius:10px;background:#fff;border:1.5px solid #ececec;box-shadow:0 .5px 2px #0001}.card-compress-filename{font-size:.8em;color:#2a2552;margin:5px 0 0;word-break:break-all;text-align:center;min-height:2.3em;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:115px;display:block}.card-compress-sizeinfo{color:#333;font-size:.96em;margin:3px 0 0;display:flex;flex-direction:column;align-items:center;min-height:18px;gap:0}.card-compress-percent{font-size:.9em;color:#098e3e;margin:2px 0 0}.card-compress-error{font-size:.92em;color:#e30b2c;margin:2px 0 0;font-weight:600;text-align:center}.card-compress-download{margin-top:8px;background:#4994fa;color:#fff;font-weight:700;border-radius:9px;border:none;padding:7px 0;width:100%;font-size:1.03em;cursor:pointer;transition:background .16s}.card-compress-download:disabled,.card-compress-download[disabled]{background:#d0d4df!important;color:#8e96a7!important;cursor:not-allowed;opacity:.8;box-shadow:none}.card-compress-download:hover{background:#3178e5}.modal-compress-btns{display:flex;gap:12px;margin-top:14px;justify-content:center;flex-wrap:wrap}.modal-compress-btn,.modal-compress-close{font-size:1.09rem;border-radius:9px;border:none;padding:10px 24px;background:#4994fa;color:#fff;font-weight:700;cursor:pointer;min-width:120px;transition:background .14s}.modal-compress-close{background:0 0;color:#222;border:none;font-size:1.3em;padding:3px 8px;cursor:pointer;font-weight:400;position:absolute;right:10px;top:10px;box-shadow:none;min-width:0}.reset-btn{background:#adb5bd;color:#fff;font-weight:700;border-radius:12px;font-size:1.09rem;padding:9px 16px;border:none;cursor:pointer;display:flex;align-items:center;gap:5px}@media (max-width:700px){.modal-compress{height:50vh;max-height:50vh;width:99vw;max-width:99vw}.modal-compress-preview-list{height:35vh;min-height:160px;gap:10px}.card-compress{flex:0 0 150px;min-width:110px;max-width:150px;padding:8px 6px}.modal-compress-preview-outer{width:95vw;max-width:95vw;margin:0;padding:0}.card-compress-img{width:120px;height:120px}.card-compress-sizeinfo{font-size:.85em}}