.cropper-dialog{width:100%!important;max-width:600px!important;height:auto!important}.cropper-dialog .cropper-content{flex-direction:column;display:flex}.cropper-dialog .cropper-content .two-image-upload{flex:1}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper{flex-direction:row;gap:10px;width:100%;height:100%;display:flex}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper{text-align:center;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:6px;flex-direction:column;flex:1;height:280px;padding:15px;transition:border-color .3s;display:flex}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper:hover{border-color:#6b3cea}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .image-upload-area{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .image-upload-area .upload-content i{color:var(--el-color-primary);margin-bottom:10px;font-size:48px}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .image-upload-area .upload-content .upload-text{color:#606266;margin:0;font-size:14px}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container{flex:1;width:100%;height:100%;position:relative}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .preview-content{width:100%;height:100%;position:relative}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .preview-content .preview-image{object-fit:contain;border-radius:4px;width:100%;height:100%}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .preview-content .delete-btn{cursor:pointer;z-index:100;color:#000;position:absolute;top:5px;right:5px}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .crop-overlay{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .crop-overlay :deep(.vue-cropper){width:100%;height:100%}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .crop-overlay :deep(.vue-cropper) .cropper-container{width:100%;height:100%}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .crop-overlay :deep(.vue-cropper) .cropper-container .cropper-modal{background:#0000004d}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .crop-overlay :deep(.vue-cropper) .cropper-container .cropper-crop-box{border:2px solid #409eff}.cropper-dialog .cropper-content .preview-mode{flex:1;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.cropper-dialog .cropper-content .preview-mode .combined-image-container{background-color:#f8f9fa;border:1px solid #e4e7ed;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;padding:10px;display:flex}.cropper-dialog .cropper-content .preview-mode .combined-image-container .combined-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 2px 8px #0000001a}.cropper-dialog .cropper-content .preview-mode .combined-image-container .loading-text{text-align:center;color:#909399}.cropper-dialog .cropper-content .preview-mode .combined-image-container .loading-text i{margin-bottom:10px;font-size:24px;display:block}.cropper-dialog .cropper-content .preview-mode .combined-image-container .loading-text p{margin:0;font-size:14px}@media screen and (width<=768px){.cropper-dialog{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;margin:0!important;position:absolute!important;bottom:0!important;left:0!important}.cropper-dialog .el-dialog__body{overflow-y:hidden!important}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper{flex-direction:column;gap:10px;height:380px;display:flex}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper{height:calc(50% - 5px)}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper img{object-fit:contain}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .image-upload-area{height:auto}.cropper-dialog .cropper-content .preview-mode .combined-image-container{padding:5px}}.cropper-dialog .dialog-footer{width:100%}.cropper-dialog .dialog-footer .action-buttons{justify-content:space-between;align-items:center;width:100%;display:flex}.cropper-dialog .dialog-footer .action-buttons .aspect-ratio-section{align-items:center;gap:10px;display:flex}.cropper-dialog .dialog-footer .action-buttons .aspect-ratio-section .ratio-label{color:#606266;margin-right:2px;font-size:14px}.cropper-dialog .dialog-footer .action-buttons .buttons-section{gap:10px;display:flex}.cropper-dialog .dialog-footer .preview-buttons{justify-content:flex-end;gap:10px;width:100%;display:flex}[data-v-d07c2698] .el-radio-button{margin-bottom:0!important}.two-image-cropper[data-v-2414b0d8]{width:100%}.two-image-cropper .frame-wrapper[data-v-2414b0d8]{flex-direction:row;gap:10px;width:100%;display:flex}.two-image-cropper .frame-wrapper .image-display-wrapper[data-v-2414b0d8]{text-align:center;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:6px;flex:1;padding:20px;transition:border-color .3s}.two-image-cropper .frame-wrapper .image-display-wrapper.single-mode[data-v-2414b0d8]{height:200px;padding:15px}.two-image-cropper .frame-wrapper .image-display-wrapper.single-mode .image-upload-area[data-v-2414b0d8]{height:100%;aspect-ratio:unset}.two-image-cropper .frame-wrapper .image-display-wrapper[data-v-2414b0d8]:hover:not(.disabled){border-color:#6b3cea}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area[data-v-2414b0d8]{aspect-ratio:1;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content[data-v-2414b0d8]{width:100%;height:100%;position:relative}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content .preview-image[data-v-2414b0d8]{object-fit:contain;max-width:100%;max-height:100%;margin:0 auto}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content .preview-overlay[data-v-2414b0d8]{opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content .preview-overlay .change-pill[data-v-2414b0d8]{backdrop-filter:blur(8px);color:#262626;background:#ffffffe6;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 12px #00000026}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content .preview-overlay .remove-btn[data-v-2414b0d8]{color:#ffffffd9;cursor:pointer;pointer-events:auto;backdrop-filter:blur(4px);background:#0009;border:none;border-radius:9999px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content .preview-overlay .remove-btn[data-v-2414b0d8]:hover{color:#fff;background:#000000d9}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content .preview-overlay .remove-btn .el-icon[data-v-2414b0d8]{margin:0;font-size:14px}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content:hover .preview-overlay[data-v-2414b0d8]{opacity:1}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area .upload-content .el-icon[data-v-2414b0d8]{color:var(--el-color-primary);margin-bottom:10px;font-size:30px}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area .upload-content .upload-text[data-v-2414b0d8]{color:#606266;margin:0;font-size:12px}.two-image-cropper .text-center[data-v-2414b0d8]{text-align:center;color:#666;margin-top:10px;display:block}