.resize-container[data-v-2825df43]{animation:fadeIn-2825df43 .6s ease-out}@keyframes fadeIn-2825df43{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card[data-v-2825df43]{background:white;border-radius:24px;padding:32px;box-shadow:0 20px 60px #0000001a}.card-header[data-v-2825df43]{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #f0f0f0}.header-icon[data-v-2825df43]{width:80px;height:80px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #f59e0b4d}.header-text h1[data-v-2825df43]{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.header-text p[data-v-2825df43]{font-size:14px;color:#8b8b8b;line-height:1.6}.content-area[data-v-2825df43]{display:flex;gap:24px}.upload-section[data-v-2825df43]{width:40%;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.bottom-action-section[data-v-2825df43]{display:flex;gap:12px;flex-shrink:0}.bottom-action-section .primary-btn[data-v-2825df43]{flex:1}.result-section[data-v-2825df43]{flex:1;display:flex;flex-direction:column}.section-title[data-v-2825df43]{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.upload-area[data-v-2825df43]{margin-bottom:16px}.upload-content[data-v-2825df43]{padding:40px 20px;text-align:center}.upload-icon[data-v-2825df43]{margin-bottom:16px;color:#f59e0b}.upload-text h3[data-v-2825df43]{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.upload-text p[data-v-2825df43]{font-size:14px;color:#8b8b8b;margin-bottom:12px}.upload-tip[data-v-2825df43]{font-size:12px;color:#999;background:#f5f5f5;padding:6px 12px;border-radius:20px;display:inline-block}.crop-stage[data-v-2825df43]{margin-bottom:16px}.crop-toolbar[data-v-2825df43]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.crop-label[data-v-2825df43]{font-size:13px;color:#666;font-weight:500}.crop-actions[data-v-2825df43]{display:flex;gap:8px}.toolbar-text-btn[data-v-2825df43]{border:1px solid #e0e0e0;background:white;color:#666;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.toolbar-text-btn[data-v-2825df43]:hover{border-color:#f59e0b;color:#f59e0b}.crop-canvas[data-v-2825df43]{position:relative;display:inline-block;border-radius:8px;overflow:hidden;background:#fafafa;max-width:100%;user-select:none;box-shadow:0 0 0 2px #e0e0e0}.crop-image[data-v-2825df43]{display:block;max-width:100%;height:auto}.crop-box[data-v-2825df43]{position:absolute;border:2px solid #f59e0b;cursor:move;box-shadow:0 0 0 9999px #0006;box-sizing:border-box}.zoom-control[data-v-2825df43]{margin-top:12px;display:flex;align-items:center;gap:12px}.zoom-label[data-v-2825df43]{font-size:13px;color:#666;white-space:nowrap;flex-shrink:0}.zoom-control[data-v-2825df43] .el-slider{flex:1}.spec-grid[data-v-2825df43]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.spec-card[data-v-2825df43]{border:2px solid #e0e0e0;border-radius:10px;padding:10px 6px;text-align:center;cursor:pointer;transition:all .2s}.spec-card[data-v-2825df43]:hover{border-color:#f59e0b}.spec-card.active[data-v-2825df43]{border-color:#f59e0b;background:rgba(245,158,11,.08)}.spec-thumb[data-v-2825df43]{background:#f5f5f5;border-radius:4px;margin:0 auto 8px;max-width:60px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0}.spec-thumb span[data-v-2825df43]{font-size:10px;color:#999;font-family:monospace}.spec-name[data-v-2825df43]{font-size:13px;font-weight:600;color:#333}.spec-size[data-v-2825df43]{font-size:11px;color:#999;margin-top:2px}.color-section[data-v-2825df43]{margin-bottom:20px}.color-options[data-v-2825df43]{display:flex;gap:12px}.color-item[data-v-2825df43]{display:flex;flex-direction:column;align-items:center;padding:10px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s;flex:1}.color-item[data-v-2825df43]:hover{border-color:#f59e0b}.color-item.active[data-v-2825df43]{border-color:#f59e0b;background:rgba(245,158,11,.08)}.color-preview[data-v-2825df43]{width:36px;height:36px;border-radius:50%;margin-bottom:6px;border:2px solid #e0e0e0}.color-preview-transparent[data-v-2825df43]{background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 25%),linear-gradient(-45deg,#d0d0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d0d0 75%),linear-gradient(-45deg,transparent 75%,#d0d0d0 75%)!important;background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:#fff!important}.color-name[data-v-2825df43]{font-size:12px;color:#666}.matting-section[data-v-2825df43]{margin-bottom:20px}.matting-row[data-v-2825df43]{display:flex;align-items:center;gap:12px}.matting-hint[data-v-2825df43]{font-size:14px;color:#666}.matting-tip[data-v-2825df43]{font-size:12px;color:#999;margin-top:6px}.action-section[data-v-2825df43]{display:flex;gap:12px}.primary-btn[data-v-2825df43]{flex:1;padding:14px 24px;font-size:16px;border-radius:12px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:none;box-shadow:0 4px 16px #f59e0b66;transition:all .3s}.primary-btn[data-v-2825df43]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b80}.primary-btn[data-v-2825df43]:disabled{opacity:.5;cursor:not-allowed}.secondary-btn[data-v-2825df43]{padding:14px 24px;font-size:16px;border-radius:12px;border:2px solid #e0e0e0;color:#666;background:white}.secondary-btn[data-v-2825df43]:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b}.result-stage[data-v-2825df43]{background:#f8f9fa;border-radius:16px;padding:16px}.preview-area[data-v-2825df43]{display:flex;align-items:center;justify-content:center;background:white;border-radius:12px;padding:16px;margin-bottom:12px;min-height:280px;box-shadow:0 0 0 2px #e0e0e0;overflow:visible}.preview-transparent[data-v-2825df43]{background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#fff}.preview-image[data-v-2825df43]{max-width:100%;max-height:450px;width:auto!important;height:auto!important}.preview-image[data-v-2825df43] .el-image__inner{position:static!important;width:auto!important;height:auto!important;max-width:100%;max-height:450px;object-fit:contain;transform:none!important}.result-info[data-v-2825df43]{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.info-item[data-v-2825df43]{font-size:13px;color:#666;background:white;padding:6px 12px;border-radius:6px}@media (max-width: 1024px){.content-area[data-v-2825df43]{flex-direction:column}.upload-section[data-v-2825df43]{width:100%}.spec-grid[data-v-2825df43]{grid-template-columns:repeat(4,1fr)}.bottom-action-section[data-v-2825df43]{flex-direction:column}}@media (max-width: 768px){.feature-card[data-v-2825df43]{padding:20px;border-radius:16px}.card-header[data-v-2825df43]{flex-direction:column;text-align:center;gap:16px}.header-text h1[data-v-2825df43]{font-size:24px}.action-section[data-v-2825df43]{flex-direction:column}.spec-grid[data-v-2825df43]{grid-template-columns:repeat(2,1fr)}.color-options[data-v-2825df43]{flex-wrap:wrap}}.el-image-viewer__img{max-height:85vh!important;max-width:90vw!important;width:auto!important;height:auto!important;object-fit:contain}