.modal-resize-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}.modal-resize-bg.active{display:flex}.modal-resize{background:#fff;border-radius:18px;padding:8px 2vw 18px;max-width:60vw;max-height:85vh;width:60vw;height:90vh;box-shadow:0 4px 36px #0004;position:relative;display:flex;flex-direction:column;align-items:center;animation:.2s popin}@keyframes popin{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-resize-title{font-size:1.13rem;font-weight:700;margin-bottom:9px;text-align:center;color:#232323}.modal-resize-imgarea{width:30vw;max-width:30vw;height:45vh;max-height:45vh;background:#f5f6fb;border-radius:12px;border:2px dashed #4a90e2;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;position:relative}.modal-resize-imgarea img{max-width:100%;max-height:100%;border-radius:9px;box-shadow:0 2px 12px #0001;background:#fff}.modal-resize-options{margin:13px auto 3px;text-align:center}.modal-resize-options label{min-width:60px;display:inline-block;margin-bottom:4px}.modal-resize-options input[type=number]{width:80px;font-size:1.1em;border-radius:7px;border:1px solid #b5b5bb88;padding:3px 7px;margin-bottom:6px;margin-right:6px;text-align:center}.modal-resize-btns{display:flex;gap:12px;margin-top:10px;justify-content:center}.modal-resize-btn,.modal-resize-close{font-size:1.08rem;border-radius:9px;border:none;padding:9px 22px;background:#4994fa;color:#fff;font-weight:700;cursor:pointer;min-width:78px;transition:background .14s}.modal-resize-close{position:absolute;right:10px;top:10px;background:0 0;color:#222;border:none;font-size:1.3em;padding:3px 8px;cursor:pointer;font-weight:400;z-index:10;box-shadow:none}.size-info{margin:10px 0 0;font-size:1.03em;color:#555;display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.size-info span{white-space:nowrap}.keep-ratio-wrap{margin:8px 0 0;display:flex;justify-content:center;align-items:center;gap:8px}@media (max-width:700px){.modal-resize{height:70vh;max-height:70vh;width:99vw;max-width:99vw;padding:5px 1vw 12px}.modal-resize-imgarea{width:96vw;min-width:0;height:30vh;max-width:96vw;max-height:30vh;padding:1px}}.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}