.crop-dialog-overlay[data-v-385d7d55]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.crop-dialog[data-v-385d7d55]{background:#fff;border-radius:12px;width:90vw;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.crop-dialog-header[data-v-385d7d55]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.crop-dialog-header h3[data-v-385d7d55]{margin:0;font-size:18px;color:#333}.close-btn[data-v-385d7d55]{background:none;border:none;cursor:pointer;padding:4px}.close-btn .icon[data-v-385d7d55]{width:24px;height:24px;color:#666}.crop-dialog-body[data-v-385d7d55]{flex:1;overflow-y:auto;padding:20px}.crop-source-selection[data-v-385d7d55]{display:flex;gap:12px;margin-bottom:20px}.source-btn[data-v-385d7d55]{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;color:#666;transition:all .3s}.source-btn[data-v-385d7d55]:hover{border-color:#409eff;color:#409eff}.source-btn.active[data-v-385d7d55]{border-color:#409eff;background:#ecf5ff;color:#409eff}.canvas-images-list[data-v-385d7d55]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:20px}.canvas-image-item[data-v-385d7d55]{border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s}.canvas-image-item[data-v-385d7d55]:hover{border-color:#409eff}.canvas-image-item.active[data-v-385d7d55]{border-color:#409eff;box-shadow:0 0 0 2px #ecf5ff}.canvas-image-item img[data-v-385d7d55]{width:100%;height:100px;object-fit:cover}.empty-tip[data-v-385d7d55]{text-align:center;color:#999;padding:40px;margin:0}.upload-area[data-v-385d7d55]{margin-bottom:20px}.upload-placeholder[data-v-385d7d55]{border:2px dashed #d0d0d0;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s}.upload-placeholder[data-v-385d7d55]:hover{border-color:#409eff}.upload-placeholder .icon[data-v-385d7d55]{width:48px;height:48px;color:#999;margin-bottom:12px}.upload-placeholder span[data-v-385d7d55]{color:#666;font-size:14px}.crop-area[data-v-385d7d55]{display:flex;gap:20px}.crop-canvas-wrapper[data-v-385d7d55]{flex:1;min-height:300px;background:#f5f5f5;border-radius:8px;overflow:hidden}.crop-image[data-v-385d7d55]{max-width:100%;display:block}.crop-controls[data-v-385d7d55]{width:240px;flex-shrink:0}.control-group[data-v-385d7d55]{margin-bottom:20px}.control-group label[data-v-385d7d55]{display:block;font-size:14px;color:#333;margin-bottom:8px;font-weight:500}.ratio-buttons[data-v-385d7d55]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ratio-btn[data-v-385d7d55]{padding:8px 12px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#666;transition:all .3s}.ratio-btn[data-v-385d7d55]:hover{border-color:#409eff;color:#409eff}.ratio-btn.active[data-v-385d7d55]{border-color:#409eff;background:#409eff;color:#fff}.custom-size .size-inputs[data-v-385d7d55]{display:flex;gap:12px}.size-input-group[data-v-385d7d55]{flex:1}.size-input-group label[data-v-385d7d55]{font-size:12px;color:#666;margin-bottom:4px;font-weight:400}.size-input-group input[data-v-385d7d55]{width:100%;padding:8px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px}.action-buttons[data-v-385d7d55]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.action-btn[data-v-385d7d55]{padding:10px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#666;transition:all .3s}.action-btn[data-v-385d7d55]:hover{border-color:#409eff;color:#409eff}.crop-dialog-footer[data-v-385d7d55]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #eee}.cancel-btn[data-v-385d7d55],.confirm-btn[data-v-385d7d55],.continue-btn[data-v-385d7d55]{padding:10px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.cancel-btn[data-v-385d7d55]{border:1px solid #d0d0d0;background:#fff;color:#666}.cancel-btn[data-v-385d7d55]:hover{border-color:#999;color:#333}.continue-btn[data-v-385d7d55]{border:1px solid #409eff;background:#fff;color:#409eff}.continue-btn[data-v-385d7d55]:hover:not(:disabled){background:#ecf5ff}.continue-btn[data-v-385d7d55]:disabled{opacity:.5;cursor:not-allowed}.confirm-btn[data-v-385d7d55]{border:none;background:#409eff;color:#fff}.confirm-btn[data-v-385d7d55]:hover:not(:disabled){background:#66b1ff}.confirm-btn[data-v-385d7d55]:disabled{background:#b3d8ff;cursor:not-allowed}.powerful-matting[data-v-eb30fd8b]{height:100%;display:flex;flex-direction:column}.panel-header[data-v-eb30fd8b]{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.panel-header h2[data-v-eb30fd8b]{margin:0 0 4px;font-size:20px;font-weight:600}.panel-header p[data-v-eb30fd8b]{margin:0;font-size:13px;opacity:.9}.close-btn[data-v-eb30fd8b]{position:absolute;top:20px;right:20px;background:#fff3;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-eb30fd8b]:hover{background:#ffffff4d;transform:rotate(90deg)}.close-btn .icon[data-v-eb30fd8b]{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2}.panel-content[data-v-eb30fd8b]{flex:1;display:flex;flex-direction:column;overflow:hidden}.step-indicator[data-v-eb30fd8b]{display:flex;padding:20px;gap:12px;justify-content:center;background:#f9fafb}.step-item[data-v-eb30fd8b]{display:flex;align-items:center;gap:8px;opacity:.5;transition:all .3s}.step-item.active[data-v-eb30fd8b],.step-item.completed[data-v-eb30fd8b]{opacity:1}.step-number[data-v-eb30fd8b]{width:28px;height:28px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280;transition:all .3s}.step-item.active .step-number[data-v-eb30fd8b],.step-item.completed .step-number[data-v-eb30fd8b]{background:#667eea;color:#fff}.step-label[data-v-eb30fd8b]{font-size:13px;color:#4b5563}.step-content[data-v-eb30fd8b]{flex:1;padding:24px;overflow-y:auto}.step-tip[data-v-eb30fd8b]{text-align:center;color:#6b7280;margin-bottom:24px;font-size:14px}.matting-options[data-v-eb30fd8b]{display:flex;flex-direction:column;gap:12px}.matting-option-btn[data-v-eb30fd8b]{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s;text-align:left}.matting-option-btn[data-v-eb30fd8b]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.matting-option-btn.active[data-v-eb30fd8b]{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.option-icon[data-v-eb30fd8b]{font-size:32px}.option-info[data-v-eb30fd8b]{flex:1;display:flex;flex-direction:column;gap:4px}.option-name[data-v-eb30fd8b]{font-size:16px;font-weight:600;color:#1f2937}.option-desc[data-v-eb30fd8b]{font-size:13px;color:#6b7280}.processing-section[data-v-eb30fd8b]{display:flex;flex-direction:column;align-items:center;gap:32px;padding:24px 0}.processing-animation[data-v-eb30fd8b]{position:relative}.processing-circle[data-v-eb30fd8b]{position:relative;width:120px;height:120px}.processing-svg[data-v-eb30fd8b]{width:100%;height:100%}.processing-percent[data-v-eb30fd8b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#667eea}.processing-text[data-v-eb30fd8b]{text-align:center}.processing-text h3[data-v-eb30fd8b]{margin:0 0 8px;font-size:18px;color:#1f2937}.processing-text p[data-v-eb30fd8b]{margin:0;font-size:14px;color:#6b7280}.preview-section[data-v-eb30fd8b]{padding:0}.preview-comparison[data-v-eb30fd8b]{display:flex;align-items:center;gap:16px}.preview-item[data-v-eb30fd8b]{flex:1;display:flex;flex-direction:column;gap:12px}.preview-item h4[data-v-eb30fd8b]{margin:0;font-size:14px;color:#4b5563;text-align:center}.preview-image-wrapper[data-v-eb30fd8b]{aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.preview-image-wrapper.checkered-bg[data-v-eb30fd8b]{background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.preview-image-wrapper img[data-v-eb30fd8b]{max-width:100%;max-height:100%;object-fit:contain}.preview-divider[data-v-eb30fd8b]{display:flex;align-items:center;justify-content:center}.divider-arrow[data-v-eb30fd8b]{font-size:32px;color:#667eea}.action-buttons[data-v-eb30fd8b]{display:flex;gap:12px;padding:20px;border-top:1px solid #e5e7eb}.action-btn[data-v-eb30fd8b]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.action-btn.cancel[data-v-eb30fd8b]{background:#f3f4f6;color:#4b5563}.action-btn.cancel[data-v-eb30fd8b]:hover{background:#e5e7eb}.action-btn.primary[data-v-eb30fd8b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary[data-v-eb30fd8b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.action-btn.primary[data-v-eb30fd8b]:disabled{opacity:.5;cursor:not-allowed}.action-btn.secondary[data-v-eb30fd8b]{background:#fff;color:#667eea;border:1px solid #667eea}.action-btn.secondary[data-v-eb30fd8b]:hover:not(:disabled){background:#f0f0ff;transform:translateY(-2px)}.psd-preview-container[data-v-0ad24c27]{width:100%;height:100%;position:relative;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.psd-loading[data-v-0ad24c27]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:8px}.psd-loading .el-icon[data-v-0ad24c27]{font-size:24px}.psd-image-wrapper[data-v-0ad24c27],.psd-image-wrapper[data-v-0ad24c27] .el-image{width:100%;height:100%}.psd-fallback[data-v-0ad24c27]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:12px}.psd-icon[data-v-0ad24c27]{font-size:28px;font-weight:700;background:#fff3;padding:8px 20px;border-radius:8px;margin-bottom:8px}.psd-filename[data-v-0ad24c27]{font-size:12px;text-align:center;word-break:break-all;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
