.matting-page[data-v-7c5c9dbe]{height:100%;min-height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upload-card[data-v-7c5c9dbe]{background:transparent;border:0;margin-top:16px;overflow:hidden;position:relative}.upload-card[data-v-7c5c9dbe] .el-card__body{padding:0}.upload-card[data-v-7c5c9dbe] .el-upload-dragger{border-radius:4px;padding:54px 20px}.upload-icon[data-v-7c5c9dbe]{color:var(--el-color-primary);margin-bottom:14px}.loading-mask[data-v-7c5c9dbe],.login-mask[data-v-7c5c9dbe]{align-items:center;background:#fffffff2;border-radius:4px;color:var(--el-color-primary);cursor:pointer;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute;z-index:4}.loading-mask span[data-v-7c5c9dbe],.login-mask span[data-v-7c5c9dbe]{color:var(--el-text-color-secondary);font-size:14px}.effect-section[data-v-7c5c9dbe],.steps-section[data-v-7c5c9dbe]{margin-top:22px}.section-title[data-v-7c5c9dbe]{box-sizing:border-box;color:var(--el-text-color-primary);font-size:16px;font-weight:700;margin:0 0 12px;padding-left:8px;position:relative}.section-title[data-v-7c5c9dbe]:before{background:var(--el-color-primary);bottom:2px;content:"";height:19px;left:0;position:absolute;width:4px}.steps-grid[data-v-7c5c9dbe]{background:var(--el-fill-color-light);border-radius:4px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:14px 16px}.step-item[data-v-7c5c9dbe]{align-items:center;display:flex;gap:10px;min-width:0}.step-item span[data-v-7c5c9dbe]{background:var(--el-color-primary-light-8);border-radius:50%;color:var(--el-color-primary);display:grid;flex:0 0 26px;font-size:13px;font-weight:600;height:26px;place-items:center}.step-item p[data-v-7c5c9dbe]{color:var(--el-text-color-regular);font-size:14px;margin:0}.comparison-wrap[data-v-7c5c9dbe]{overflow:hidden;width:100%}.comparison-wrap[data-v-7c5c9dbe] .image-comparison{height:400px!important;width:100%!important}.editor-grid[data-v-7c5c9dbe]{align-items:stretch;background:var(--el-bg-color);box-sizing:border-box;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 360px;height:100%;min-height:0;padding:20px}.preview-card[data-v-7c5c9dbe]{background:var(--el-fill-color-light);border:0;border-radius:8px;min-height:0;min-width:0}.preview-card[data-v-7c5c9dbe] .el-card__body{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px}.preview-stage[data-v-7c5c9dbe]{background:var(--el-fill-color);border-radius:8px;container-type:size;display:grid;flex:1;min-height:0;overflow:hidden;place-items:center}.preview-stage.checkerboard[data-v-7c5c9dbe]{background-color:#fff;background-image:linear-gradient(45deg,#e8e8e8 25%,transparent 0),linear-gradient(-45deg,#e8e8e8 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e8e8e8 0),linear-gradient(-45deg,transparent 75%,#e8e8e8 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.image-layer[data-v-7c5c9dbe]{max-height:100%;position:relative;width:min(100%,820px,calc(100cqh*var(--image-ratio)))}.image-layer img[data-v-7c5c9dbe]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.image-layer canvas[data-v-7c5c9dbe]{cursor:crosshair;height:100%;inset:0;position:absolute;touch-action:none;width:100%}.preview-meta[data-v-7c5c9dbe]{color:var(--el-text-color-secondary);display:flex;font-size:13px;justify-content:space-between;padding-top:14px}.tools-column[data-v-7c5c9dbe]{align-self:stretch;background:var(--el-fill-color-light);border-radius:8px;min-height:0;overflow:auto}.tools-column[data-v-7c5c9dbe] .el-collapse{border:0}.tools-column[data-v-7c5c9dbe] .el-collapse-item__header{background:transparent;font-weight:600;padding:0 16px}.tools-column[data-v-7c5c9dbe] .el-collapse-item__wrap{background:transparent}.tools-column[data-v-7c5c9dbe] .el-collapse-item__content{padding:15px 16px 18px}.mode-row[data-v-7c5c9dbe]{margin-bottom:18px}.field-row label[data-v-7c5c9dbe]{color:var(--el-text-color-regular);display:block;font-size:13px;margin-bottom:8px}.field-row[data-v-7c5c9dbe] .el-slider{padding-right:4px}.brush-actions[data-v-7c5c9dbe]{display:flex;justify-content:flex-end;margin-top:15px}.tool-hint[data-v-7c5c9dbe]{color:var(--el-text-color-secondary);font-size:12px;margin:10px 0 0}.swatches[data-v-7c5c9dbe]{display:grid;gap:8px;grid-template-columns:repeat(8,1fr)}.swatch[data-v-7c5c9dbe]{aspect-ratio:1;border:2px solid var(--el-border-color);border-radius:4px;cursor:pointer;min-width:0;position:relative}.swatch.selected[data-v-7c5c9dbe]{border-color:var(--el-color-primary);box-shadow:0 0 0 1px var(--el-color-primary)}.swatch.transparent[data-v-7c5c9dbe]{background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50% /10px 10px;color:#4b5563;font-size:12px}.custom-color-row[data-v-7c5c9dbe]{display:grid;gap:8px;grid-template-columns:38px 1fr auto;margin-top:14px}.custom-color-row input[type=color][data-v-7c5c9dbe]{background:#fff;border:1px solid #dcdfe6;cursor:pointer;height:32px;padding:2px;width:38px}.main-actions[data-v-7c5c9dbe]{border-top:1px solid var(--el-border-color-lighter);display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:16px}@media (max-width:1000px){.editor-grid[data-v-7c5c9dbe]{grid-template-columns:1fr;height:auto}.preview-stage[data-v-7c5c9dbe]{height:56vw;min-height:360px}.steps-grid[data-v-7c5c9dbe]{grid-template-columns:1fr}}