.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.imageResizerCropper{max-width:1200px}.imageResizerCropper .w-100{width:100%}.imageResizerCropper h3{font-size:20px;font-weight:700;text-align:left;color:#17445c;margin-bottom:8px}@media(max-width:576px){.imageResizerCropper h3{font-size:18px}}.imageResizerCropper .card{background:#fdfdfd;border:1px solid #eee;border-radius:10px;padding:18px}@media(max-width:576px){.imageResizerCropper .card{padding:14px}}.imageResizerCropper .card__title{font-size:18px;font-weight:700;color:#17445c;text-align:left;border-left:4px solid #4e8ab5;padding-left:8px;margin-bottom:14px}@media(max-width:576px){.imageResizerCropper .card__title{font-size:16px}}.imageResizerCropper label{display:block;font-weight:600;margin-bottom:6px;color:#3f464d;font-size:13px;text-align:left}.imageResizerCropper .checkboxLabel{margin-bottom:0}.imageResizerCropper .privacyNote{font-size:13px;color:#7993a5;text-align:center}.imageResizerCropper .dropZone{border:2px dashed #cfd8e3;border-radius:10px;padding:40px 16px;text-align:center;cursor:pointer;transition:all .2s}.imageResizerCropper .dropZone.is-dragover{border-color:#4e8ab5;background:#4e8ab50f}.imageResizerCropper .dropZone:hover{border-color:#4e8ab5}@media(max-width:576px){.imageResizerCropper .dropZone{padding:26px 12px}}.imageResizerCropper .dropZone__hint{color:#17445c;font-size:16px;font-weight:600;margin-bottom:6px}.imageResizerCropper .dropZone__sub{color:#3f464d;font-size:13px;margin-bottom:16px}.imageResizerCropper .hidden-input{display:none}.imageResizerCropper .actionBtn{display:inline-block;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.imageResizerCropper .actionBtn.primary{background:#4e8ab5;color:#fff}.imageResizerCropper .actionBtn.primary:hover{background:#3c79a5}.imageResizerCropper .actionBtn.ghost{background:#fff;color:#3f464d;border:1px solid #ddd}.imageResizerCropper .actionBtn.ghost:hover{border-color:#4e8ab5;color:#4e8ab5}.imageResizerCropper .downloadBtn{width:100%;padding:12px;font-size:16px}.imageResizerCropper .workspace{display:flex;gap:24px;align-items:flex-start}@media(max-width:576px){.imageResizerCropper .workspace{flex-direction:column}}@media(max-width:992px){.imageResizerCropper .workspace{flex-direction:column}}.imageResizerCropper .workspace__stage{flex:1 1 55%;min-width:0}.imageResizerCropper .workspace__controls{flex:1 1 45%;min-width:0}.imageResizerCropper .stageWrap{position:relative;width:100%;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#e9edf1 0% 25%,#f7f9fb 0% 50%) 50%/20px 20px;line-height:0}.imageResizerCropper .stageImg{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.imageResizerCropper .cropBox{position:absolute;box-shadow:0 0 0 9999px #00000080;border:2px solid #fff;cursor:move;touch-action:none}.imageResizerCropper .cropBox__handle{position:absolute;width:16px;height:16px;background:#4e8ab5;border:2px solid #fff;border-radius:50%;touch-action:none}.imageResizerCropper .cropBox__handle.handle-nw{top:-8px;left:-8px;cursor:nwse-resize}.imageResizerCropper .cropBox__handle.handle-n{top:-8px;left:50%;margin-left:-8px;cursor:ns-resize}.imageResizerCropper .cropBox__handle.handle-ne{top:-8px;right:-8px;cursor:nesw-resize}.imageResizerCropper .cropBox__handle.handle-e{top:50%;right:-8px;margin-top:-8px;cursor:ew-resize}.imageResizerCropper .cropBox__handle.handle-se{bottom:-8px;right:-8px;cursor:nwse-resize}.imageResizerCropper .cropBox__handle.handle-s{bottom:-8px;left:50%;margin-left:-8px;cursor:ns-resize}.imageResizerCropper .cropBox__handle.handle-sw{bottom:-8px;left:-8px;cursor:nesw-resize}.imageResizerCropper .cropBox__handle.handle-w{top:50%;left:-8px;margin-top:-8px;cursor:ew-resize}.imageResizerCropper .aspectBtns{display:flex;flex-wrap:wrap;gap:8px}.imageResizerCropper .aspectBtn{border:1px solid #ddd;background:#fff;color:#3f464d;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.imageResizerCropper .aspectBtn:hover{border-color:#4e8ab5;color:#4e8ab5}.imageResizerCropper .aspectBtn.active{background:#4e8ab5;border-color:#4e8ab5;color:#fff}.imageResizerCropper .previewWrap{width:100%;background:repeating-conic-gradient(#e9edf1 0% 25%,#f7f9fb 0% 50%) 50%/20px 20px;border-radius:8px;padding:10px;text-align:center}.imageResizerCropper .previewCanvas{max-width:100%;max-height:320px;border-radius:4px}.imageResizerCropper .dimsText{text-align:center;font-size:13px;color:#3f464d;margin-top:8px}