.editor-panel[data-v-7218f13e]{flex:1;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden;border:var(--border-solid-base,1px solid #e8e8e8);border-radius:var(--border-radius-base,6px);min-width:0;box-sizing:border-box}.editor-panel.no-border[data-v-7218f13e]{border:none;border-radius:0;box-shadow:none;background:transparent}.canvas-wrapper[data-v-7218f13e]{position:relative;width:100%;height:100%;background-image:linear-gradient(45deg,#e9ecef 25%,transparent 0),linear-gradient(-45deg,#e9ecef 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e9ecef 0),linear-gradient(-45deg,transparent 75%,#e9ecef 0);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0;background-color:#fff;overflow:hidden;min-width:0}[data-v-7218f13e] .canvas-container canvas{position:absolute!important;top:0!important;left:0!important}[data-v-7218f13e] .upper-canvas{z-index:3!important}.bottom-btn-container[data-v-7218f13e]{position:absolute;z-index:100;pointer-events:auto}.bottom-btn-container button[data-v-7218f13e]{display:flex;align-items:center;justify-content:center;gap:.3125rem;color:#fff;border:none;padding:.375rem .875rem;border-radius:.25rem;cursor:pointer;box-shadow:0 .125rem .375rem rgba(0,0,0,.2)}.bottom-btn-container button i[data-v-7218f13e]{font-size:.875rem}.custom-delete-btn[data-v-7218f13e]{background:#ff4d4f}.custom-delete-btn[data-v-7218f13e]:hover{background:#ff7875}.upload-btn-box[data-v-7218f13e]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;background-color:rgba(248,249,250,.8);pointer-events:none}.upload-btn-box>[data-v-7218f13e]{pointer-events:auto}@media(max-width:768px){.fill[data-v-7218f13e]{height:100vh!important}.not-fill[data-v-7218f13e]{height:50vh!important}}.frame-settings-container[data-v-1f82373f]{display:flex;flex-direction:column}.frame-settings-container .frame-card[data-v-1f82373f]{border:.0625rem solid #dcdfe6;border-radius:.5rem;padding:.75rem;background:#fff}.frame-settings-container .frame-card-header[data-v-1f82373f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.frame-settings-container .frame-card-header .current-frame-info[data-v-1f82373f]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.frame-settings-container .frame-card-header .current-frame-info .color-indicator[data-v-1f82373f]{width:1.25rem;height:.75rem;border-radius:.125rem}.frame-settings-container .frame-card-header .current-frame-info .el-dropdown-link[data-v-1f82373f]{font-weight:700;font-size:.875rem;color:#303133}.frame-settings-container .frame-card-header .delete-icon[data-v-1f82373f]{color:#909399;cursor:pointer}.frame-settings-container .frame-card-header .delete-icon[data-v-1f82373f]:hover{color:#f56c6c}.frame-shape-selector[data-v-1f82373f]{margin-bottom:.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(3rem,1fr));gap:.5rem}.frame-shape-selector .shape-btn[data-v-1f82373f]{padding:.625rem 0;text-align:center;color:var(--bg-color-blue-dark);border-radius:var(--border-radius-btn);border:.0625rem solid var(--border-color-gray-light);cursor:pointer;background-color:#fff;transition:all .2s}.frame-shape-selector .shape-btn i[data-v-1f82373f]{font-size:1.125rem}.frame-shape-selector .shape-btn.active[data-v-1f82373f]{background-color:#303643;color:#fff;border-color:#303643}.frame-shape-selector .shape-btn[data-v-1f82373f]:hover:not(.active){border-color:#c0c4cc;background-color:#f5f7fa}.frame-input-group[data-v-1f82373f]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.frame-input-group .input-item[data-v-1f82373f]{display:flex;align-items:center;border:.0625rem solid #e4e7ed;border-radius:.25rem;padding:.125rem .5rem}.frame-input-group .input-item .label[data-v-1f82373f]{width:3.75rem;font-size:.8125rem;color:#606266;flex-shrink:0}.frame-input-group .input-item[data-v-1f82373f] .el-input__inner{border:none;background:transparent;padding-left:.3125rem}.reference-upload[data-v-1f82373f]{border:.0625rem solid #ebeef5;border-radius:.375rem;background:#fcfcfc;height:10rem;display:flex;align-items:center;justify-content:center}.reference-upload .upload-placeholder[data-v-1f82373f]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#c0c4cc;cursor:pointer}.reference-upload .upload-placeholder i[data-v-1f82373f]{font-size:2.5rem}.reference-upload .upload-placeholder .tip-text[data-v-1f82373f]{font-size:.75rem;margin-bottom:.25rem}.reference-upload .upload-placeholder .upload-btn[data-v-1f82373f]{padding:.65rem 1.25rem;font-size:.8125rem;color:#909399;border-width:.125rem}.reference-upload .upload-placeholder .upload-btn[data-v-1f82373f]:hover{border-width:.125rem!important}.reference-upload .upload-preview[data-v-1f82373f]{width:100%;height:100%;position:relative}.reference-upload .upload-preview img[data-v-1f82373f]{width:100%;height:100%;object-fit:contain}.reference-upload .upload-preview .preview-mask[data-v-1f82373f]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s;cursor:pointer}.reference-upload .upload-preview:hover .preview-mask[data-v-1f82373f]{opacity:1}.add-frame-btn[data-v-1f82373f]{width:100%;height:2.5rem;display:flex;align-items:center;justify-content:center;border:.0625rem solid #ebeef5;border-radius:.25rem;font-size:.875rem;color:#606266;cursor:pointer;background:#fff;transition:.2s;margin-top:.625rem}.add-frame-btn[data-v-1f82373f]:hover{background:#f5f7fa;border-color:#dcdfe6}.add-frame-btn i[data-v-1f82373f]{margin-right:.25rem}.graffiti-shape-selector[data-v-0a3d51ce]{display:grid;gap:.5rem;width:100%;box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(3rem,1fr))}.graffiti-shape-selector.font-size-selector[data-v-0a3d51ce]{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}.graffiti-shape-selector .shape-selector-item[data-v-0a3d51ce]{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;flex:1;gap:.35rem;text-align:center;background-color:#fff;color:var(--bg-color-blue-dark);border-radius:var(--border-radius-btn);border:.0625rem solid var(--border-color-gray-light);padding:.65rem .65rem;cursor:pointer}.graffiti-shape-selector .shape-selector-item.active[data-v-0a3d51ce]{background-color:var(--bg-color-blue-dark);color:#fff}.main-layout .main-content[data-v-37414ed0]{flex-direction:row;gap:1.5rem}.edit-area[data-v-37414ed0]{flex:1;display:flex;flex-direction:column;height:100%!important;min-height:0;min-width:0;width:100%}.core-wrapper[data-v-37414ed0]{min-height:0;overflow:hidden;border-radius:var(--border-radius-base)}.core-wrapper[data-v-37414ed0],.upload-wrapper[data-v-37414ed0]{flex:1!important;height:100%!important;width:100%!important;display:flex;flex-direction:column}.upload-wrapper[data-v-37414ed0]{position:relative}.title-bar[data-v-37414ed0]{display:flex;margin-bottom:1.25rem}.title-bar h2[data-v-37414ed0]{font-size:1.6rem;font-weight:600;color:var(--color-blue-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-canvas-wrapper[data-v-37414ed0]{overflow:hidden;width:100%;height:100%}.tab-bar[data-v-37414ed0]{height:clamp(3.125rem,7vw,5.3125rem);border-radius:1.25rem 1.25rem 0 0;z-index:2;background-color:#fff}.tab-bar[data-v-37414ed0],.tab-item[data-v-37414ed0]{display:flex;align-items:center;overflow:hidden;position:relative}.tab-item[data-v-37414ed0]{flex:1;text-align:center;padding:.5rem 0;font-size:clamp(.9375rem,2.5vw,1.125rem);justify-content:center;height:100%;font-weight:600;cursor:pointer;color:var(--color-blue-dark);white-space:nowrap;text-overflow:ellipsis}.tab-item.tab-left-bg[data-v-37414ed0]{background-image:url(../img/left.8b795402.png);margin-left:-.3125rem}.tab-item.tab-left-bg[data-v-37414ed0],.tab-item.tab-right-bg[data-v-37414ed0]{background-size:100% 100%;background-repeat:no-repeat;background-position:50%;width:100%;height:100%}.tab-item.tab-right-bg[data-v-37414ed0]{background-image:url(../img/right.61969689.png);margin-right:-.3125rem}.tab-item.active[data-v-37414ed0]{background-color:#fff;color:var(--color-blue-dark);font-size:clamp(.9375rem,2.5vw,1.125rem);font-weight:600;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-image:none!important;margin-right:-.3125rem;margin-left:-.3125rem}.upload-panel[data-v-37414ed0]{background-color:#fff;flex:1;z-index:2;overflow:hidden;box-sizing:border-box;padding:1.25rem;position:relative;display:flex;flex-direction:column;height:100%;min-height:0}[data-v-37414ed0] .upload-panel.drag-over{border:.125rem dashed var(--bg-color-blue-dark);background-color:var(--bg-drag-over);backdrop-filter:blur(.25rem)}.upload-box[data-v-37414ed0]{width:100%;text-align:center;flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%;min-height:0}.upload-box.border[data-v-37414ed0]{border:var(--border-solid-base);border-radius:var(--border-radius-base)}.carousel-wrapper[data-v-37414ed0]{width:100%;flex:1;min-height:0}.result-carousel[data-v-37414ed0]{width:100%;height:100%;border-radius:1.25rem;overflow:hidden}.result-carousel[data-v-37414ed0] .el-carousel__container{height:100%}.result-carousel[data-v-37414ed0] .el-carousel__arrow{background-color:rgba(0,0,0,.6)!important;border-color:rgba(0,0,0,.6)!important;color:#fff!important;font-size:1.125rem!important;width:2.5rem!important;height:2.5rem!important}.result-carousel[data-v-37414ed0] .el-carousel__arrow:hover{background-color:rgba(0,0,0,.8)!important;border-color:rgba(0,0,0,.8)!important}.result-carousel[data-v-37414ed0] .el-carousel__indicator .el-carousel__button{background-color:#ccc;opacity:.5}.result-carousel[data-v-37414ed0] .el-carousel__indicator .el-carousel__button.is-active{opacity:1;background-color:#333}.result-carousel[data-v-37414ed0] .el-carousel__item{display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden;padding:0 6.25rem;box-sizing:border-box}.carousel-img[data-v-37414ed0]{width:100%;height:100%;object-fit:contain}.toolbar-area[data-v-37414ed0]{width:clamp(18.75rem,32vw,27.9375rem);padding:.9375rem .9375rem 0 1.25rem;border-radius:1.25rem;background-color:#fff;display:flex;box-sizing:border-box;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;height:100%!important}.toolbar-scroll-content[data-v-37414ed0]{display:flex;justify-content:start;flex-direction:column;gap:1.5625rem;flex:1!important;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;box-sizing:border-box;min-height:0}.toolbar-scroll-content .toolbar-wrapper[data-v-37414ed0]{display:flex;justify-content:start;flex-direction:column;gap:1.5625rem}.toolbar-scroll-content[data-v-37414ed0]::-webkit-scrollbar{width:.375rem}.toolbar-scroll-content[data-v-37414ed0]::-webkit-scrollbar-track{background:transparent}.toolbar-scroll-content[data-v-37414ed0]::-webkit-scrollbar-thumb{background:var(--border-color-gray-light);border-radius:.1875rem;cursor:pointer}[data-v-37414ed0] .tools-item-title{font-weight:600;color:var(--tools-title-color-gray);margin-bottom:.625rem}[data-v-37414ed0] .tool-btn{background:var(--bg-color-gray-light);border:.0625rem solid var(--border-color-gray-light);border-radius:.5rem;color:#495057;cursor:pointer;transition:all .2s ease;box-sizing:border-box}[data-v-37414ed0] .tool-btn:hover:not(:disabled){background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-37414ed0] .tool-btn:disabled{opacity:.5;cursor:not-allowed}[data-v-37414ed0] .tool-btn{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap}[data-v-37414ed0] .tool-btn.active{background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-37414ed0] .start-creating{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.9375rem .625rem;background-color:#fff;border-radius:var(--border-radius-base);margin:.625rem 0 0 0;box-sizing:border-box;z-index:999!important;padding-bottom:.9375rem}[data-v-37414ed0] .start-creating .item-btn{position:relative;width:clamp(6.25rem,25vw,15.625rem);padding:1.125rem 1.75rem;font-weight:600;font-size:clamp(.875rem,1.2vw,1.0625rem);letter-spacing:.09375rem;border-radius:.625rem;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8f9fa;color:#495057;border:.0625rem solid #dee2e6}[data-v-37414ed0] .start-creating .item-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;border-color:#ccc;color:var(--bg-color-blue-dark)}[data-v-37414ed0] .start-creating .item-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}[data-v-37414ed0] .start-creating .item-btn:hover:not(:disabled):before{left:100%}[data-v-37414ed0] .start-creating .item-btn:active:not(:disabled){transform:scale(.98)}[data-v-37414ed0] .start-creating .other-btn:hover:not(:disabled){background:#fafafa;box-shadow:0 .1875rem .625rem rgba(58,58,58,.2);transform:translateY(-.125rem)}[data-v-37414ed0] .start-creating .generate-btn{background:var(--bg-color-blue-dark);color:#fff}[data-v-37414ed0] .start-creating .generate-btn:only-child{width:100%}[data-v-37414ed0] .start-creating .generate-btn:hover:not(.disabled){box-shadow:0 .25rem .75rem rgba(58,58,58,.4);transform:translateY(-.125rem)}[data-v-37414ed0] .start-creating .generate-btn.disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;box-shadow:none;opacity:.7}[data-v-37414ed0] .start-creating:has(.generate-btn:only-child){padding-left:0;padding-right:0}[data-v-37414ed0] .toolbar-area .start-creating{flex-shrink:0;width:100%;box-sizing:border-box;margin-top:auto;margin-bottom:0;padding-bottom:.9375rem;padding-left:0;padding-right:0;background-color:#fff}[data-v-37414ed0] .core-wrapper .start-creating{justify-content:center!important;margin-top:.3125rem;box-sizing:border-box}[data-v-37414ed0] .el-select{width:100%}[data-v-37414ed0] .el-select .el-input__inner{border-color:var(--border-color-gray-light);color:var(--color-blue-dark)}[data-v-37414ed0] .el-select .el-input.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}[data-v-37414ed0] .el-select .el-input__suffix-inner .el-input__icon{color:var(--color-gray);font-weight:700}[data-v-37414ed0] .el-select.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}.el-select-dropdown .el-select-dropdown__item[data-v-37414ed0]{color:#495057}.el-select-dropdown .el-select-dropdown__item.hover[data-v-37414ed0],.el-select-dropdown .el-select-dropdown__item[data-v-37414ed0]:hover{color:var(--color-blue-dark);background-color:rgba(42,45,61,.06)}.el-select-dropdown .el-select-dropdown__item.selected[data-v-37414ed0]{color:var(--color-blue-dark);font-weight:600}@media(max-width:1200px){.toolbar-area[data-v-37414ed0]{width:clamp(16.25rem,28vw,27.9375rem)!important;padding:.75rem .5rem 0 1rem!important}}@media(max-width:768px){.core-wrapper[data-v-37414ed0],.edit-area[data-v-37414ed0]{height:auto!important;flex:none!important}.upload-panel[data-v-37414ed0]{height:auto!important;display:flex;flex-direction:column;padding:.9375rem!important;box-sizing:border-box;position:relative!important}.upload-box[data-v-37414ed0]{position:relative!important;display:flex!important;flex:none!important}.upload-box.fill[data-v-37414ed0],.upload-box.not-fill[data-v-37414ed0]{position:relative;display:flex!important}.upload-box.not-fill[data-v-37414ed0]{height:50vh!important}.upload-box.fill[data-v-37414ed0]{height:100vh!important}.compare-container[data-v-37414ed0]{width:100%!important;min-height:100vh!important;aspect-ratio:auto!important}.toolbar-area[data-v-37414ed0]{padding:1rem!important;width:auto!important;max-height:none!important;height:auto!important;position:relative;display:flex!important;overflow:visible!important}[data-v-37414ed0] .toolbar-area .start-creating{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;background-color:transparent!important;flex-shrink:0;margin-top:.9375rem!important;padding-bottom:0!important;margin-bottom:0!important}[data-v-37414ed0] .toolbar-area .start-creating .cancel-btn,[data-v-37414ed0] .toolbar-area .start-creating .generate-btn{width:100%!important;max-width:100%!important}.compare-container[data-v-37414ed0]{position:relative!important;top:auto;left:auto;right:auto;bottom:auto;width:100%;aspect-ratio:1/1;height:100vh!important}.compare-actions[data-v-37414ed0]{flex-direction:column;bottom:.9375rem}.download-result-btn[data-v-37414ed0],.regenerate-btn[data-v-37414ed0]{padding:.625rem 1.25rem;font-size:clamp(.9375rem,2.5vw,1.125rem);width:80%;justify-content:center}}@media(max-width:480px){[data-v-37414ed0] .toolbar-area .start-creating .cancel-btn,[data-v-37414ed0] .toolbar-area .start-creating .generate-btn{font-size:1.125rem!important;padding:.75rem!important}}.tool-bar[data-v-37414ed0]{padding:.5rem .75rem;background:#fff;display:flex;flex-direction:column;gap:.5rem;border-bottom:.0625rem solid #eee}.tool-btn-group[data-v-37414ed0]{display:flex;flex-wrap:wrap;gap:.375rem}.tool-btn-group button[data-v-37414ed0]{padding:.25rem .625rem;border:none;background:#409eff;color:#fff;border-radius:.25rem;cursor:pointer;transition:background .2s}.tool-btn-group button.active-btn[data-v-37414ed0]{background:#1d6fa8;box-shadow:inset 0 .125rem .25rem rgba(0,0,0,.3)}.draw-mode-group[data-v-37414ed0]{display:flex;width:100%}.draw-mode-group .draw-mode-btn[data-v-37414ed0]{width:100%;flex:1}.draw-mode-group .draw-mode-btn.active[data-v-37414ed0]{color:#fff;background:var(--bg-color-blue-dark);border-color:var(--color-blue-dark)}.draw-mode-group .draw-mode-btn[data-v-37414ed0]:hover:not(.active){border-color:var(--color-blue-dark)}.main-layout .main-content[data-v-8947866a]{flex-direction:row;gap:1.5rem}.edit-area[data-v-8947866a]{flex:1;display:flex;flex-direction:column;height:100%!important;min-height:0;min-width:0;width:100%}.core-wrapper[data-v-8947866a]{min-height:0;overflow:hidden;border-radius:var(--border-radius-base)}.core-wrapper[data-v-8947866a],.upload-wrapper[data-v-8947866a]{flex:1!important;height:100%!important;width:100%!important;display:flex;flex-direction:column}.upload-wrapper[data-v-8947866a]{position:relative}.title-bar[data-v-8947866a]{display:flex;margin-bottom:1.25rem}.title-bar h2[data-v-8947866a]{font-size:1.6rem;font-weight:600;color:var(--color-blue-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-canvas-wrapper[data-v-8947866a]{overflow:hidden;width:100%;height:100%}.tab-bar[data-v-8947866a]{height:clamp(3.125rem,7vw,5.3125rem);border-radius:1.25rem 1.25rem 0 0;z-index:2;background-color:#fff}.tab-bar[data-v-8947866a],.tab-item[data-v-8947866a]{display:flex;align-items:center;overflow:hidden;position:relative}.tab-item[data-v-8947866a]{flex:1;text-align:center;padding:.5rem 0;font-size:clamp(.9375rem,2.5vw,1.125rem);justify-content:center;height:100%;font-weight:600;cursor:pointer;color:var(--color-blue-dark);white-space:nowrap;text-overflow:ellipsis}.tab-item.tab-left-bg[data-v-8947866a]{background-image:url(../img/left.8b795402.png);margin-left:-.3125rem}.tab-item.tab-left-bg[data-v-8947866a],.tab-item.tab-right-bg[data-v-8947866a]{background-size:100% 100%;background-repeat:no-repeat;background-position:50%;width:100%;height:100%}.tab-item.tab-right-bg[data-v-8947866a]{background-image:url(../img/right.61969689.png);margin-right:-.3125rem}.tab-item.active[data-v-8947866a]{background-color:#fff;color:var(--color-blue-dark);font-size:clamp(.9375rem,2.5vw,1.125rem);font-weight:600;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-image:none!important;margin-right:-.3125rem;margin-left:-.3125rem}.upload-panel[data-v-8947866a]{background-color:#fff;flex:1;z-index:2;overflow:hidden;box-sizing:border-box;padding:1.25rem;position:relative;display:flex;flex-direction:column;height:100%;min-height:0}[data-v-8947866a] .upload-panel.drag-over{border:.125rem dashed var(--bg-color-blue-dark);background-color:var(--bg-drag-over);backdrop-filter:blur(.25rem)}.upload-box[data-v-8947866a]{width:100%;text-align:center;flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%;min-height:0}.upload-box.border[data-v-8947866a]{border:var(--border-solid-base);border-radius:var(--border-radius-base)}.carousel-wrapper[data-v-8947866a]{width:100%;flex:1;min-height:0}.result-carousel[data-v-8947866a]{width:100%;height:100%;border-radius:1.25rem;overflow:hidden}.result-carousel[data-v-8947866a] .el-carousel__container{height:100%}.result-carousel[data-v-8947866a] .el-carousel__arrow{background-color:rgba(0,0,0,.6)!important;border-color:rgba(0,0,0,.6)!important;color:#fff!important;font-size:1.125rem!important;width:2.5rem!important;height:2.5rem!important}.result-carousel[data-v-8947866a] .el-carousel__arrow:hover{background-color:rgba(0,0,0,.8)!important;border-color:rgba(0,0,0,.8)!important}.result-carousel[data-v-8947866a] .el-carousel__indicator .el-carousel__button{background-color:#ccc;opacity:.5}.result-carousel[data-v-8947866a] .el-carousel__indicator .el-carousel__button.is-active{opacity:1;background-color:#333}.result-carousel[data-v-8947866a] .el-carousel__item{display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden;padding:0 6.25rem;box-sizing:border-box}.carousel-img[data-v-8947866a]{width:100%;height:100%;object-fit:contain}.toolbar-area[data-v-8947866a]{width:clamp(18.75rem,32vw,27.9375rem);padding:.9375rem .9375rem 0 1.25rem;border-radius:1.25rem;background-color:#fff;display:flex;box-sizing:border-box;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;height:100%!important}.toolbar-scroll-content[data-v-8947866a]{display:flex;justify-content:start;flex-direction:column;gap:1.5625rem;flex:1!important;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;box-sizing:border-box;min-height:0}.toolbar-scroll-content .toolbar-wrapper[data-v-8947866a]{display:flex;justify-content:start;flex-direction:column;gap:1.5625rem}.toolbar-scroll-content[data-v-8947866a]::-webkit-scrollbar{width:.375rem}.toolbar-scroll-content[data-v-8947866a]::-webkit-scrollbar-track{background:transparent}.toolbar-scroll-content[data-v-8947866a]::-webkit-scrollbar-thumb{background:var(--border-color-gray-light);border-radius:.1875rem;cursor:pointer}[data-v-8947866a] .tools-item-title{font-weight:600;color:var(--tools-title-color-gray);margin-bottom:.625rem}[data-v-8947866a] .tool-btn{background:var(--bg-color-gray-light);border:.0625rem solid var(--border-color-gray-light);border-radius:.5rem;color:#495057;cursor:pointer;transition:all .2s ease;box-sizing:border-box}[data-v-8947866a] .tool-btn:hover:not(:disabled){background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-8947866a] .tool-btn:disabled{opacity:.5;cursor:not-allowed}[data-v-8947866a] .tool-btn{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap}[data-v-8947866a] .tool-btn.active{background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-8947866a] .start-creating{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.9375rem .625rem;background-color:#fff;border-radius:var(--border-radius-base);margin:.625rem 0 0 0;box-sizing:border-box;z-index:999!important;padding-bottom:.9375rem}[data-v-8947866a] .start-creating .item-btn{position:relative;width:clamp(6.25rem,25vw,15.625rem);padding:1.125rem 1.75rem;font-weight:600;font-size:clamp(.875rem,1.2vw,1.0625rem);letter-spacing:.09375rem;border-radius:.625rem;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8f9fa;color:#495057;border:.0625rem solid #dee2e6}[data-v-8947866a] .start-creating .item-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;border-color:#ccc;color:var(--bg-color-blue-dark)}[data-v-8947866a] .start-creating .item-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}[data-v-8947866a] .start-creating .item-btn:hover:not(:disabled):before{left:100%}[data-v-8947866a] .start-creating .item-btn:active:not(:disabled){transform:scale(.98)}[data-v-8947866a] .start-creating .other-btn:hover:not(:disabled){background:#fafafa;box-shadow:0 .1875rem .625rem rgba(58,58,58,.2);transform:translateY(-.125rem)}[data-v-8947866a] .start-creating .generate-btn{background:var(--bg-color-blue-dark);color:#fff}[data-v-8947866a] .start-creating .generate-btn:only-child{width:100%}[data-v-8947866a] .start-creating .generate-btn:hover:not(.disabled){box-shadow:0 .25rem .75rem rgba(58,58,58,.4);transform:translateY(-.125rem)}[data-v-8947866a] .start-creating .generate-btn.disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;box-shadow:none;opacity:.7}[data-v-8947866a] .start-creating:has(.generate-btn:only-child){padding-left:0;padding-right:0}[data-v-8947866a] .toolbar-area .start-creating{flex-shrink:0;width:100%;box-sizing:border-box;margin-top:auto;margin-bottom:0;padding-bottom:.9375rem;padding-left:0;padding-right:0;background-color:#fff}[data-v-8947866a] .core-wrapper .start-creating{justify-content:center!important;margin-top:.3125rem;box-sizing:border-box}[data-v-8947866a] .el-select{width:100%}[data-v-8947866a] .el-select .el-input__inner{border-color:var(--border-color-gray-light);color:var(--color-blue-dark)}[data-v-8947866a] .el-select .el-input.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}[data-v-8947866a] .el-select .el-input__suffix-inner .el-input__icon{color:var(--color-gray);font-weight:700}[data-v-8947866a] .el-select.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}.el-select-dropdown .el-select-dropdown__item[data-v-8947866a]{color:#495057}.el-select-dropdown .el-select-dropdown__item.hover[data-v-8947866a],.el-select-dropdown .el-select-dropdown__item[data-v-8947866a]:hover{color:var(--color-blue-dark);background-color:rgba(42,45,61,.06)}.el-select-dropdown .el-select-dropdown__item.selected[data-v-8947866a]{color:var(--color-blue-dark);font-weight:600}@media(max-width:1200px){.toolbar-area[data-v-8947866a]{width:clamp(16.25rem,28vw,27.9375rem)!important;padding:.75rem .5rem 0 1rem!important}}@media(max-width:768px){.core-wrapper[data-v-8947866a],.edit-area[data-v-8947866a]{height:auto!important;flex:none!important}.upload-panel[data-v-8947866a]{height:auto!important;display:flex;flex-direction:column;padding:.9375rem!important;box-sizing:border-box;position:relative!important}.upload-box[data-v-8947866a]{position:relative!important;display:flex!important;flex:none!important}.upload-box.fill[data-v-8947866a],.upload-box.not-fill[data-v-8947866a]{position:relative;display:flex!important}.upload-box.not-fill[data-v-8947866a]{height:50vh!important}.upload-box.fill[data-v-8947866a]{height:100vh!important}.compare-container[data-v-8947866a]{width:100%!important;min-height:100vh!important;aspect-ratio:auto!important}.toolbar-area[data-v-8947866a]{padding:1rem!important;width:auto!important;max-height:none!important;height:auto!important;position:relative;display:flex!important;overflow:visible!important}[data-v-8947866a] .toolbar-area .start-creating{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;background-color:transparent!important;flex-shrink:0;margin-top:.9375rem!important;padding-bottom:0!important;margin-bottom:0!important}[data-v-8947866a] .toolbar-area .start-creating .cancel-btn,[data-v-8947866a] .toolbar-area .start-creating .generate-btn{width:100%!important;max-width:100%!important}.compare-container[data-v-8947866a]{position:relative!important;top:auto;left:auto;right:auto;bottom:auto;width:100%;aspect-ratio:1/1;height:100vh!important}.compare-actions[data-v-8947866a]{flex-direction:column;bottom:.9375rem}.download-result-btn[data-v-8947866a],.regenerate-btn[data-v-8947866a]{padding:.625rem 1.25rem;font-size:clamp(.9375rem,2.5vw,1.125rem);width:80%;justify-content:center}}@media(max-width:480px){[data-v-8947866a] .toolbar-area .start-creating .cancel-btn,[data-v-8947866a] .toolbar-area .start-creating .generate-btn{font-size:1.125rem!important;padding:.75rem!important}}.main-layout .main-content[data-v-f5858c7e]{flex-direction:row;gap:1.5rem}.edit-area[data-v-f5858c7e]{flex:1;display:flex;flex-direction:column;height:100%!important;min-height:0;min-width:0;width:100%}.core-wrapper[data-v-f5858c7e]{min-height:0;overflow:hidden;border-radius:var(--border-radius-base)}.core-wrapper[data-v-f5858c7e],.upload-wrapper[data-v-f5858c7e]{flex:1!important;height:100%!important;width:100%!important;display:flex;flex-direction:column}.upload-wrapper[data-v-f5858c7e]{position:relative}.title-bar[data-v-f5858c7e]{display:flex;margin-bottom:1.25rem}.title-bar h2[data-v-f5858c7e]{font-size:1.6rem;font-weight:600;color:var(--color-blue-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-canvas-wrapper[data-v-f5858c7e]{overflow:hidden;width:100%;height:100%}.tab-bar[data-v-f5858c7e]{height:clamp(3.125rem,7vw,5.3125rem);border-radius:1.25rem 1.25rem 0 0;z-index:2;background-color:#fff}.tab-bar[data-v-f5858c7e],.tab-item[data-v-f5858c7e]{display:flex;align-items:center;overflow:hidden;position:relative}.tab-item[data-v-f5858c7e]{flex:1;text-align:center;padding:.5rem 0;font-size:clamp(.9375rem,2.5vw,1.125rem);justify-content:center;height:100%;font-weight:600;cursor:pointer;color:var(--color-blue-dark);white-space:nowrap;text-overflow:ellipsis}.tab-item.tab-left-bg[data-v-f5858c7e]{background-image:url(../img/left.8b795402.png);margin-left:-.3125rem}.tab-item.tab-left-bg[data-v-f5858c7e],.tab-item.tab-right-bg[data-v-f5858c7e]{background-size:100% 100%;background-repeat:no-repeat;background-position:50%;width:100%;height:100%}.tab-item.tab-right-bg[data-v-f5858c7e]{background-image:url(../img/right.61969689.png);margin-right:-.3125rem}.tab-item.active[data-v-f5858c7e]{background-color:#fff;color:var(--color-blue-dark);font-size:clamp(.9375rem,2.5vw,1.125rem);font-weight:600;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-image:none!important;margin-right:-.3125rem;margin-left:-.3125rem}.upload-panel[data-v-f5858c7e]{background-color:#fff;flex:1;z-index:2;overflow:hidden;box-sizing:border-box;padding:1.25rem;position:relative;display:flex;flex-direction:column;height:100%;min-height:0}[data-v-f5858c7e] .upload-panel.drag-over{border:.125rem dashed var(--bg-color-blue-dark);background-color:var(--bg-drag-over);backdrop-filter:blur(.25rem)}.upload-box[data-v-f5858c7e]{width:100%;text-align:center;flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%;min-height:0}.upload-box.border[data-v-f5858c7e]{border:var(--border-solid-base);border-radius:var(--border-radius-base)}.carousel-wrapper[data-v-f5858c7e]{width:100%;flex:1;min-height:0}.result-carousel[data-v-f5858c7e]{width:100%;height:100%;border-radius:1.25rem;overflow:hidden}.result-carousel[data-v-f5858c7e] .el-carousel__container{height:100%}.result-carousel[data-v-f5858c7e] .el-carousel__arrow{background-color:rgba(0,0,0,.6)!important;border-color:rgba(0,0,0,.6)!important;color:#fff!important;font-size:1.125rem!important;width:2.5rem!important;height:2.5rem!important}.result-carousel[data-v-f5858c7e] .el-carousel__arrow:hover{background-color:rgba(0,0,0,.8)!important;border-color:rgba(0,0,0,.8)!important}.result-carousel[data-v-f5858c7e] .el-carousel__indicator .el-carousel__button{background-color:#ccc;opacity:.5}.result-carousel[data-v-f5858c7e] .el-carousel__indicator .el-carousel__button.is-active{opacity:1;background-color:#333}.result-carousel[data-v-f5858c7e] .el-carousel__item{display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden;padding:0 6.25rem;box-sizing:border-box}.carousel-img[data-v-f5858c7e]{width:100%;height:100%;object-fit:contain}.toolbar-area[data-v-f5858c7e]{width:clamp(18.75rem,32vw,27.9375rem);padding:.9375rem .9375rem 0 1.25rem;border-radius:1.25rem;background-color:#fff;display:flex;box-sizing:border-box;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;height:100%!important}.toolbar-scroll-content[data-v-f5858c7e]{display:flex;justify-content:start;flex-direction:column;gap:1.5625rem;flex:1!important;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;box-sizing:border-box;min-height:0}.toolbar-scroll-content .toolbar-wrapper[data-v-f5858c7e]{display:flex;justify-content:start;flex-direction:column;gap:1.5625rem}.toolbar-scroll-content[data-v-f5858c7e]::-webkit-scrollbar{width:.375rem}.toolbar-scroll-content[data-v-f5858c7e]::-webkit-scrollbar-track{background:transparent}.toolbar-scroll-content[data-v-f5858c7e]::-webkit-scrollbar-thumb{background:var(--border-color-gray-light);border-radius:.1875rem;cursor:pointer}[data-v-f5858c7e] .tools-item-title{font-weight:600;color:var(--tools-title-color-gray);margin-bottom:.625rem}[data-v-f5858c7e] .tool-btn{background:var(--bg-color-gray-light);border:.0625rem solid var(--border-color-gray-light);border-radius:.5rem;color:#495057;cursor:pointer;transition:all .2s ease;box-sizing:border-box}[data-v-f5858c7e] .tool-btn:hover:not(:disabled){background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-f5858c7e] .tool-btn:disabled{opacity:.5;cursor:not-allowed}[data-v-f5858c7e] .tool-btn{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap}[data-v-f5858c7e] .tool-btn.active{background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-f5858c7e] .start-creating{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.9375rem .625rem;background-color:#fff;border-radius:var(--border-radius-base);margin:.625rem 0 0 0;box-sizing:border-box;z-index:999!important;padding-bottom:.9375rem}[data-v-f5858c7e] .start-creating .item-btn{position:relative;width:clamp(6.25rem,25vw,15.625rem);padding:1.125rem 1.75rem;font-weight:600;font-size:clamp(.875rem,1.2vw,1.0625rem);letter-spacing:.09375rem;border-radius:.625rem;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8f9fa;color:#495057;border:.0625rem solid #dee2e6}[data-v-f5858c7e] .start-creating .item-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;border-color:#ccc;color:var(--bg-color-blue-dark)}[data-v-f5858c7e] .start-creating .item-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}[data-v-f5858c7e] .start-creating .item-btn:hover:not(:disabled):before{left:100%}[data-v-f5858c7e] .start-creating .item-btn:active:not(:disabled){transform:scale(.98)}[data-v-f5858c7e] .start-creating .other-btn:hover:not(:disabled){background:#fafafa;box-shadow:0 .1875rem .625rem rgba(58,58,58,.2);transform:translateY(-.125rem)}[data-v-f5858c7e] .start-creating .generate-btn{background:var(--bg-color-blue-dark);color:#fff}[data-v-f5858c7e] .start-creating .generate-btn:only-child{width:100%}[data-v-f5858c7e] .start-creating .generate-btn:hover:not(.disabled){box-shadow:0 .25rem .75rem rgba(58,58,58,.4);transform:translateY(-.125rem)}[data-v-f5858c7e] .start-creating .generate-btn.disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;box-shadow:none;opacity:.7}[data-v-f5858c7e] .start-creating:has(.generate-btn:only-child){padding-left:0;padding-right:0}[data-v-f5858c7e] .toolbar-area .start-creating{flex-shrink:0;width:100%;box-sizing:border-box;margin-top:auto;margin-bottom:0;padding-bottom:.9375rem;padding-left:0;padding-right:0;background-color:#fff}[data-v-f5858c7e] .core-wrapper .start-creating{justify-content:center!important;margin-top:.3125rem;box-sizing:border-box}[data-v-f5858c7e] .el-select{width:100%}[data-v-f5858c7e] .el-select .el-input__inner{border-color:var(--border-color-gray-light);color:var(--color-blue-dark)}[data-v-f5858c7e] .el-select .el-input.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}[data-v-f5858c7e] .el-select .el-input__suffix-inner .el-input__icon{color:var(--color-gray);font-weight:700}[data-v-f5858c7e] .el-select.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}.el-select-dropdown .el-select-dropdown__item[data-v-f5858c7e]{color:#495057}.el-select-dropdown .el-select-dropdown__item.hover[data-v-f5858c7e],.el-select-dropdown .el-select-dropdown__item[data-v-f5858c7e]:hover{color:var(--color-blue-dark);background-color:rgba(42,45,61,.06)}.el-select-dropdown .el-select-dropdown__item.selected[data-v-f5858c7e]{color:var(--color-blue-dark);font-weight:600}@media(max-width:1200px){.toolbar-area[data-v-f5858c7e]{width:clamp(16.25rem,28vw,27.9375rem)!important;padding:.75rem .5rem 0 1rem!important}}@media(max-width:768px){.core-wrapper[data-v-f5858c7e],.edit-area[data-v-f5858c7e]{height:auto!important;flex:none!important}.upload-panel[data-v-f5858c7e]{height:auto!important;display:flex;flex-direction:column;padding:.9375rem!important;box-sizing:border-box;position:relative!important}.upload-box[data-v-f5858c7e]{position:relative!important;display:flex!important;flex:none!important}.upload-box.fill[data-v-f5858c7e],.upload-box.not-fill[data-v-f5858c7e]{position:relative;display:flex!important}.upload-box.not-fill[data-v-f5858c7e]{height:50vh!important}.upload-box.fill[data-v-f5858c7e]{height:100vh!important}.compare-container[data-v-f5858c7e]{width:100%!important;min-height:100vh!important;aspect-ratio:auto!important}.toolbar-area[data-v-f5858c7e]{padding:1rem!important;width:auto!important;max-height:none!important;height:auto!important;position:relative;display:flex!important;overflow:visible!important}[data-v-f5858c7e] .toolbar-area .start-creating{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;background-color:transparent!important;flex-shrink:0;margin-top:.9375rem!important;padding-bottom:0!important;margin-bottom:0!important}[data-v-f5858c7e] .toolbar-area .start-creating .cancel-btn,[data-v-f5858c7e] .toolbar-area .start-creating .generate-btn{width:100%!important;max-width:100%!important}.compare-container[data-v-f5858c7e]{position:relative!important;top:auto;left:auto;right:auto;bottom:auto;width:100%;aspect-ratio:1/1;height:100vh!important}.compare-actions[data-v-f5858c7e]{flex-direction:column;bottom:.9375rem}.download-result-btn[data-v-f5858c7e],.regenerate-btn[data-v-f5858c7e]{padding:.625rem 1.25rem;font-size:clamp(.9375rem,2.5vw,1.125rem);width:80%;justify-content:center}}@media(max-width:480px){[data-v-f5858c7e] .toolbar-area .start-creating .cancel-btn,[data-v-f5858c7e] .toolbar-area .start-creating .generate-btn{font-size:1.125rem!important;padding:.75rem!important}}