.image-crop-modal .ant-modal-content{border-radius:12px;overflow:hidden}.image-crop-modal .ant-modal-header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e5e7eb;padding:20px 24px}.image-crop-modal .ant-modal-header .ant-modal-title{font-size:18px;font-weight:600;color:#1f2937}.image-crop-modal .ant-modal-body{padding:24px}.image-crop-modal .ant-modal-footer{border-top:1px solid #e5e7eb;padding:16px 24px;background:#f9fafb;display:flex;justify-content:space-between}.image-crop-modal .crop-container{display:flex;flex-direction:column;gap:24px}.image-crop-modal .crop-wrapper{position:relative;width:100%;height:400px;background:#f3f4f6;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.image-crop-modal .crop-wrapper .reactEasyCrop_Container{border-radius:8px}.image-crop-modal .crop-wrapper .reactEasyCrop_CropArea,.image-crop-modal .crop-wrapper .reactEasyCrop_CropAreaRound{border:2px solid #00a9e0;box-shadow:0 0 0 9999px #00000080}.image-crop-modal .crop-controls{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.image-crop-modal .crop-controls .control-item .control-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:500;color:#374151;margin-bottom:12px}.image-crop-modal .crop-controls .control-item .control-label span{flex:1 1;text-align:center}.image-crop-modal .crop-controls .control-item .control-label .ant-btn{padding:4px 8px;height:auto;min-width:32px;display:flex;align-items:center;justify-content:center}.image-crop-modal .crop-controls .control-item .control-label .ant-btn .anticon{font-size:16px;color:#00a9e0}.image-crop-modal .crop-controls .control-item .control-label .ant-btn:hover:not(:disabled){background:#e6f7fc}.image-crop-modal .crop-controls .control-item .control-label .ant-btn:hover:not(:disabled) .anticon{color:#0098c7}.image-crop-modal .crop-controls .control-item .control-label .ant-btn:disabled{opacity:.4;cursor:not-allowed}.image-crop-modal .crop-controls .control-item .ant-slider{margin:0}.image-crop-modal .crop-controls .control-item .ant-slider .ant-slider-rail{background-color:#e5e7eb;height:6px}.image-crop-modal .crop-controls .control-item .ant-slider .ant-slider-track{background-color:#00a9e0;height:6px}.image-crop-modal .crop-controls .control-item .ant-slider .ant-slider-handle{width:18px;height:18px;border:2px solid #00a9e0;background-color:#fff;box-shadow:0 2px 4px #0000001a}.image-crop-modal .crop-controls .control-item .ant-slider .ant-slider-handle:focus,.image-crop-modal .crop-controls .control-item .ant-slider .ant-slider-handle:hover{border-color:#0087ae;box-shadow:0 2px 8px #00a9e04d}@media(max-width:1023px){.image-crop-modal .ant-modal{margin:16px;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)}.image-crop-modal .crop-wrapper{height:300px}.image-crop-modal .crop-controls{padding:12px}}@media(max-width:480px){.image-crop-modal .ant-modal-header{padding:16px 20px}.image-crop-modal .ant-modal-body{padding:16px}.image-crop-modal .crop-wrapper{height:250px}}.imagex-uploader,.imagex-uploader .imagex-uploader-button{width:100%}.imagex-uploader .imagex-uploader-uploading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border:1px dashed #d9d9d9;border-radius:6px;background:#fafafa}.imagex-uploader .imagex-uploader-uploading .upload-progress{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}.imagex-uploader .imagex-uploader-uploading .upload-progress .ant-progress{width:100%;max-width:300px}.imagex-uploader .imagex-uploader-preview{margin-top:16px}.imagex-uploader .imagex-uploader-preview .preview-content{display:flex;flex-direction:column;gap:12px}.imagex-uploader .imagex-uploader-preview .preview-content .preview-image{width:100%;max-width:300px;border-radius:6px;object-fit:cover}.imagex-uploader .imagex-uploader-preview .preview-content .preview-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:#f5f5f5;border-radius:6px;min-height:120px}.imagex-uploader .imagex-uploader-preview .preview-content .preview-file .file-icon{font-size:48px;color:#00a9e0}.imagex-uploader .imagex-uploader-preview .preview-content .preview-file .file-icon.pdf-icon{color:#ff4d4f;font-size:56px}.imagex-uploader .imagex-uploader-preview .preview-content .preview-file .file-name{font-size:14px;font-weight:500;text-align:center;word-break:break-word}.imagex-uploader .imagex-uploader-preview .preview-content .preview-actions{display:flex;gap:8px;justify-content:flex-end}.imagex-uploader .imagex-compact-file{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f0fafb;border:1px solid #bae0e8;border-radius:8px;margin-top:6px}.imagex-uploader .imagex-compact-file__icon{font-size:18px;line-height:1;flex-shrink:0}.imagex-uploader .imagex-compact-file__name{flex:1 1;font-size:12px;font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.imagex-uploader .imagex-compact-file__remove,.imagex-uploader .imagex-compact-file__view{flex-shrink:0;font-size:12px;padding:0 4px;height:auto}