.crop-container[data-v-d3ec7bd1]{width:100%;display:flex;flex-direction:column;background:#f5f7fa;position:relative;box-sizing:border-box;overflow:visible}.toolbar[data-v-d3ec7bd1]{background:white;border-radius:8px 8px 0 0;padding:15px 20px;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid #e4e7ed;position:sticky;top:0;z-index:1000;flex-shrink:0}.toolbar-inner[data-v-d3ec7bd1]{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.rotate-group[data-v-d3ec7bd1],.control-group[data-v-d3ec7bd1]{display:flex}.right-controls[data-v-d3ec7bd1]{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.zoom-display[data-v-d3ec7bd1]{display:flex;align-items:center;background:#f0f2f5;border-radius:4px;padding:0 5px;margin-right:5px}.zoom-text[data-v-d3ec7bd1]{font-size:14px;color:#606266;min-width:80px;text-align:center;cursor:pointer;user-select:none}.zoom-text[data-v-d3ec7bd1]:hover{color:#409eff}.rotation-display[data-v-d3ec7bd1]{padding:8px 15px;background:#f0f2f5;border-radius:4px;font-size:14px;color:#606266;min-width:100px;text-align:center}.image-area[data-v-d3ec7bd1]{width:100%;display:block;padding:20px;box-sizing:border-box;background:white;overflow:auto;position:relative;min-height:500px;max-height:calc(100vh - 250px);height:auto!important}.transparent-bg[data-v-d3ec7bd1]{position:relative;width:100%;height:auto;min-height:500px;overflow:visible;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;margin:0 auto;min-width:100%}.transparent-bg.has-image[data-v-d3ec7bd1]{height:auto;min-height:auto;max-height:none}.checkerboard-bg[data-v-d3ec7bd1]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:40px 40px;background-position:0 0,20px 20px;opacity:.8;background-repeat:repeat;z-index:1}.upload-prompt[data-v-d3ec7bd1]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;background:rgba(255,255,255,.95)}.prompt-content[data-v-d3ec7bd1]{text-align:center;color:#909399;z-index:20}.prompt-content h3[data-v-d3ec7bd1]{margin:20px 0 10px;color:#303133}.prompt-content p[data-v-d3ec7bd1]{margin:5px 0;font-size:14px}.image-container[data-v-d3ec7bd1]{position:absolute;transform-origin:center center;transition:transform .1s ease;z-index:20;user-select:none;pointer-events:auto;background:rgba(255,255,255,.8);border:1px solid #dcdfe6;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:20px;min-height:20px}.image-container img[data-v-d3ec7bd1]{display:block;user-select:none;-webkit-user-drag:none;transition:transform .3s ease;width:100%;height:100%;object-fit:contain}.rotation-overlay[data-v-d3ec7bd1]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:50}.rotation-spinner[data-v-d3ec7bd1]{text-align:center;z-index:51}.rotation-spinner p[data-v-d3ec7bd1]{margin-top:15px;color:#606266;font-size:16px}.spinner[data-v-d3ec7bd1]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #409eff;border-radius:50%;animation:spin-d3ec7bd1 1s linear infinite;margin:0 auto}@keyframes spin-d3ec7bd1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.crop-box[data-v-d3ec7bd1]{position:absolute;border:2px dashed #409eff;background-color:#409eff1a;box-sizing:border-box;z-index:30;pointer-events:auto}.crop-corner[data-v-d3ec7bd1]{position:absolute;width:12px;height:12px;background:white;border:2px solid #409eff;border-radius:2px;z-index:31}.crop-corner.top-left[data-v-d3ec7bd1]{top:-6px;left:-6px;cursor:nwse-resize}.crop-corner.top-right[data-v-d3ec7bd1]{top:-6px;right:-6px;cursor:nesw-resize}.crop-corner.bottom-left[data-v-d3ec7bd1]{bottom:-6px;left:-6px;cursor:nesw-resize}.crop-corner.bottom-right[data-v-d3ec7bd1]{bottom:-6px;right:-6px;cursor:nwse-resize}.crop-edge[data-v-d3ec7bd1]{position:absolute;background:rgba(64,158,255,.3);z-index:31}.crop-edge.top[data-v-d3ec7bd1]{top:-4px;left:8px;right:8px;height:8px;cursor:ns-resize}.crop-edge.right[data-v-d3ec7bd1]{top:8px;right:-4px;bottom:8px;width:8px;cursor:ew-resize}.crop-edge.bottom[data-v-d3ec7bd1]{bottom:-4px;left:8px;right:8px;height:8px;cursor:ns-resize}.crop-edge.left[data-v-d3ec7bd1]{top:8px;left:-4px;bottom:8px;width:8px;cursor:ew-resize}.crop-info[data-v-d3ec7bd1]{margin-top:20px;background:white;padding:15px 20px;border-radius:8px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px;box-shadow:0 1px 4px #0000001a;position:sticky;bottom:0;z-index:900;flex-shrink:0}.info-item[data-v-d3ec7bd1]{display:flex;flex-direction:column;align-items:center;min-width:200px}.info-item .label[data-v-d3ec7bd1]{font-size:12px;color:#909399;margin-bottom:5px}.info-item .value[data-v-d3ec7bd1]{font-size:16px;font-weight:500;color:#303133;text-align:center}@media (max-width: 1200px){.toolbar-inner[data-v-d3ec7bd1]{justify-content:center}.right-controls[data-v-d3ec7bd1]{width:100%;justify-content:center;margin-top:10px}.crop-info[data-v-d3ec7bd1]{flex-direction:column;gap:10px}}@media (max-width: 768px){.toolbar[data-v-d3ec7bd1]{padding:10px;position:relative}.toolbar-inner[data-v-d3ec7bd1]{flex-direction:column;gap:8px}.right-controls[data-v-d3ec7bd1]{width:100%;margin-left:0;justify-content:space-between}.crop-info[data-v-d3ec7bd1]{margin-top:10px;padding:10px;flex-direction:column;align-items:flex-start;position:relative}.info-item[data-v-d3ec7bd1]{min-width:unset;width:100%;flex-direction:row;justify-content:space-between;border-bottom:1px solid #f0f0f0;padding:5px 0}.image-area[data-v-d3ec7bd1]{min-height:400px;max-height:calc(100vh - 150px);padding:10px}.transparent-bg[data-v-d3ec7bd1]{min-height:400px}}@media (max-width: 480px){.transparent-bg[data-v-d3ec7bd1]{min-height:300px}.image-area[data-v-d3ec7bd1]{min-height:300px;padding:10px}.el-button-group[data-v-d3ec7bd1]{display:flex;width:100%}.el-button-group .el-button[data-v-d3ec7bd1]{flex:1;padding:8px 4px}}@media (hover: none) and (pointer: coarse){.crop-corner[data-v-d3ec7bd1]{width:24px;height:24px}.crop-edge[data-v-d3ec7bd1]{min-width:30px;min-height:30px}}[data-v-d3ec7bd1] .el-upload{display:inline-block}[data-v-d3ec7bd1] .el-button{transition:all .3s}[data-v-d3ec7bd1] .el-button:disabled{opacity:.6;cursor:not-allowed}[data-v-d3ec7bd1] .image-tools-container{margin-top:20px;padding-bottom:20px;flex-shrink:0}@keyframes fadeIn-d3ec7bd1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.image-container[data-v-d3ec7bd1]{animation:fadeIn-d3ec7bd1 .3s ease-out}.crop-box[data-v-d3ec7bd1]{animation:fadeIn-d3ec7bd1 .5s ease-out}.image-area[data-v-d3ec7bd1]::-webkit-scrollbar{width:10px;height:10px}.image-area[data-v-d3ec7bd1]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.image-area[data-v-d3ec7bd1]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:5px}.image-area[data-v-d3ec7bd1]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dynamic-height[data-v-d3ec7bd1]{height:auto!important;min-height:auto!important;min-height:500px!important;max-height:none!important}.transparent-bg-expanded[data-v-d3ec7bd1]{min-width:calc(100% + var(--extra-width, 0px))!important;min-height:calc(100% + var(--extra-height, 0px))!important;background-size:40px 40px}.boundary-protection[data-v-d3ec7bd1]{position:absolute;top:-50px;left:-50px;right:-50px;bottom:-50px;pointer-events:none;border:1px solid transparent;z-index:15}.crop-container[data-v-d3ec7bd1]{display:flex;flex-direction:column}.image-area-calculated[data-v-d3ec7bd1]{height:calc(100% - 140px)!important;min-height:500px;overflow:auto}.content-expandable[data-v-d3ec7bd1]{flex:1 1 auto;overflow:visible}