.brush-cursor-circle[data-v-476b6383]{position:fixed;border-radius:50%;pointer-events:none;user-select:none;z-index:99999;transition:width .04s ease,height .04s ease}.left-toolbar[data-v-512aa396]{display:flex;flex-direction:column;align-items:center;padding:.5rem 0;gap:.125rem;width:4.125rem;background:transparent;z-index:10;flex-shrink:0}.left-toolbar .tool-btn[data-v-512aa396]{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .75rem;cursor:pointer;color:#666;font-size:.8125rem;transition:all .15s;border:none!important;background:transparent!important;border-radius:.5rem!important;box-sizing:border-box}.left-toolbar .tool-btn.active[data-v-512aa396],.left-toolbar .tool-btn[data-v-512aa396]:hover{background:#2a2d3d!important;color:#fff}.shape-popup[data-v-512aa396],.text-popup[data-v-512aa396]{position:absolute;left:calc(100% + .5rem);top:50%;transform:translateY(-50%);background:#fff;border-radius:.75rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.14);border:.0625rem solid #ebebeb;padding:.625rem;z-index:9999;width:8.5rem}.shape-popup-grid[data-v-512aa396]{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem}.shape-popup-item[data-v-512aa396]{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;color:#555;transition:all .15s;border:.09375rem solid transparent}.shape-popup-item[data-v-512aa396]:hover{background:#2a2d3d;color:#fff}.shape-popup-item.active[data-v-512aa396]{background:#2a2d3d;color:#fff;border-color:#2a2d3d}.text-popup-grid[data-v-512aa396]{display:flex;flex-direction:column;gap:.25rem}.text-popup-item[data-v-512aa396]{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:.5rem;cursor:pointer;color:#555;font-size:.8125rem;transition:all .15s;border:.09375rem solid transparent}.text-popup-item[data-v-512aa396]:hover{background:#2a2d3d;color:#fff}.text-popup-item.active[data-v-512aa396]{background:#2a2d3d;color:#fff;border-color:#2a2d3d}.shape-floating-bar[data-v-45bad3ad]{position:absolute;display:flex;align-items:center;gap:.375rem;background:#fff;border-radius:.75rem;padding:.375rem .75rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.12);border:.0625rem solid #ebebeb;white-space:nowrap;z-index:300;pointer-events:all}.sfb-item[data-v-45bad3ad]{display:flex;align-items:center;justify-content:center}.color-trigger[data-v-45bad3ad]{cursor:pointer;border-radius:.3125rem;transition:border-color .12s ease,box-shadow .12s ease}.color-trigger[data-v-45bad3ad]:hover{box-shadow:0 0 0 .125rem rgba(124,92,252,.35)}.fill-trigger[data-v-45bad3ad]{width:1.625rem;height:1.625rem;border:.09375rem solid rgba(0,0,0,.12);position:relative;overflow:hidden}.stroke-trigger[data-v-45bad3ad]{display:flex;flex-direction:column;align-items:center;padding:.125rem .1875rem 0;border:.09375rem solid rgba(0,0,0,.08);width:1.625rem;min-height:1.625rem;border-radius:.3125rem;gap:.0625rem}.color-bar[data-v-45bad3ad]{display:block;width:1.125rem;height:.1875rem;border-radius:.125rem;margin-bottom:.125rem}.hidden-color-picker[data-v-45bad3ad]{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.hidden-color-picker[data-v-45bad3ad] .el-color-picker__trigger{position:absolute;width:1.625rem;height:1.625rem;opacity:0;cursor:pointer;pointer-events:auto}.stroke-width-group[data-v-45bad3ad]{display:flex;align-items:center;gap:.125rem}.stroke-width-input[data-v-45bad3ad]{width:2.625rem!important}.size-group[data-v-45bad3ad]{display:flex;align-items:center;gap:.25rem}.size-label-bar[data-v-45bad3ad]{font-size:.75rem;font-weight:600;color:#555;min-width:.75rem}.size-input-bar[data-v-45bad3ad]{width:3.125rem;height:1.625rem;border:.0625rem solid #e0e0e0;border-radius:.3125rem;padding:0 .375rem;font-size:.75rem;outline:none;color:#333;text-align:center;-moz-appearance:textfield}.size-input-bar[data-v-45bad3ad]:focus{border-color:#7c5cfc}.size-input-bar[data-v-45bad3ad]::-webkit-inner-spin-button,.size-input-bar[data-v-45bad3ad]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.link-icon[data-v-45bad3ad]{padding:0 .125rem;cursor:default}.export-btn[data-v-45bad3ad]{width:1.75rem;height:1.75rem;border-radius:.375rem;cursor:pointer;transition:background .15s}.export-btn[data-v-45bad3ad]:hover{background:#f5f3ff}.floating-box[data-v-3ccd1e82]{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1000}.painter-floating-toolbar[data-v-3ccd1e82]{display:flex;align-items:center;gap:.5rem;padding:.625rem;user-select:none}.painter-floating-toolbar .section-box[data-v-3ccd1e82]{background:#fff;border-radius:.75rem;height:3rem;display:flex;align-items:center;padding:0 .75rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.08)}.painter-floating-toolbar .mode-selector[data-v-3ccd1e82]{gap:.125rem}.painter-floating-toolbar .canvas-size-section[data-v-3ccd1e82]{gap:.5rem}.painter-floating-toolbar .canvas-size-section .canvas-size-select[data-v-3ccd1e82]{width:5rem;font-size:.8125rem}.painter-floating-toolbar .canvas-size-section .canvas-size-select[data-v-3ccd1e82] .el-input__inner{border:none!important}.painter-floating-toolbar .icon-btn[data-v-3ccd1e82]{width:2.25rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:all .2s;color:#5f6368;font-size:1.125rem;font-weight:700}.painter-floating-toolbar .icon-btn[data-v-3ccd1e82]:hover:not(.disabled):not(.active){background-color:#f1f3f4}.painter-floating-toolbar .icon-btn.active[data-v-3ccd1e82]{background-color:#333d49;color:#fff}.painter-floating-toolbar .icon-btn.disabled[data-v-3ccd1e82]{opacity:.35;cursor:not-allowed}.painter-floating-toolbar .shape-settings[data-v-3ccd1e82]{gap:.75rem;min-width:21.875rem}.painter-floating-toolbar .shape-settings .color-preview[data-v-3ccd1e82] .el-color-picker__trigger{border:none!important}.painter-floating-toolbar .shape-settings .color-preview[data-v-3ccd1e82] .el-color-picker__color{background:transparent!important;border:none!important}.painter-floating-toolbar .shape-settings .color-preview[data-v-3ccd1e82] .el-color-picker__color .el-color-picker__color-inner{border-radius:50%}.painter-floating-toolbar .shape-settings .stroke-dash-select[data-v-3ccd1e82]{width:5.625rem;font-size:.8125rem}.painter-floating-toolbar .shape-settings .stroke-dash-select[data-v-3ccd1e82] .el-input__inner{border:none!important}.painter-floating-toolbar .shape-settings .slider-wrapper[data-v-3ccd1e82]{flex:1}.painter-floating-toolbar .shape-settings .size-text[data-v-3ccd1e82]{font-size:.875rem;color:#333d49;font-weight:500;min-width:2.5rem;text-align:right}.painter-floating-toolbar .history-section[data-v-3ccd1e82],.painter-floating-toolbar .zoom-section[data-v-3ccd1e82]{gap:.25rem}.painter-floating-toolbar .zoom-section .zoom-text[data-v-3ccd1e82]{font-size:.875rem;color:#333d49;font-weight:500;min-width:3.125rem;text-align:center;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;transition:background-color .2s}.painter-floating-toolbar .zoom-section .zoom-text[data-v-3ccd1e82]:hover{background-color:#f1f3f4}.painter-floating-toolbar .action-section[data-v-3ccd1e82]{gap:.25rem}.painter-floating-toolbar .action-section .action-btn[data-v-3ccd1e82]{width:2.25rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:all .2s;color:#5f6368;font-size:1.125rem}.painter-floating-toolbar .action-section .action-btn[data-v-3ccd1e82]:hover:not(.disabled):not(.active){background-color:#f1f3f4}.painter-floating-toolbar .action-section .action-btn.active[data-v-3ccd1e82]{background-color:#333d49;color:#fff}.painter-floating-toolbar .action-section .action-btn.disabled[data-v-3ccd1e82]{opacity:.35;cursor:not-allowed}[data-v-3ccd1e82] .el-slider .el-slider__runway{height:.5rem;background-color:#dcdfe6;margin:0}[data-v-3ccd1e82] .el-slider .el-slider__bar{height:.5rem;background-color:#333d49;border-radius:.25rem}[data-v-3ccd1e82] .el-slider .el-slider__button-wrapper{top:-.875rem}[data-v-3ccd1e82] .el-slider .el-slider__button{width:1rem;height:1rem;border:.1875rem solid #333d49;background-color:#fff;box-shadow:0 .125rem .25rem rgba(0,0,0,.1)}.text-floating-bar[data-v-cc819920]{position:absolute;display:flex;align-items:center;gap:.375rem;background:#fff;border-radius:.75rem;padding:.375rem .75rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.12);border:.0625rem solid #ebebeb;white-space:nowrap;z-index:300;pointer-events:all;min-width:11.25rem;transform:translateX(-50%)}.text-floating-bar.bar-above[data-v-cc819920]{transform:translateX(-50%) translateY(-100%);margin-top:-.625rem}.text-floating-bar.bar-below[data-v-cc819920]{transform:translateX(-50%) translateY(0);margin-top:.25rem}.tfb-item[data-v-cc819920]{display:flex;align-items:center;justify-content:center}.color-trigger[data-v-cc819920]{cursor:pointer;border-radius:.3125rem;transition:border-color .12s ease,box-shadow .12s ease}.color-trigger[data-v-cc819920]:hover{box-shadow:0 0 0 .125rem rgba(124,92,252,.35)}.fill-trigger[data-v-cc819920]{width:1.625rem;height:1.625rem;border:.09375rem solid rgba(0,0,0,.12);position:relative;overflow:hidden}.hidden-color-picker[data-v-cc819920]{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.hidden-color-picker[data-v-cc819920] .el-color-picker__trigger{position:absolute;width:1.625rem;height:1.625rem;opacity:0;cursor:pointer;pointer-events:auto}.size-group[data-v-cc819920]{display:flex;align-items:center;gap:.25rem}.size-label-bar[data-v-cc819920]{font-size:.75rem;font-weight:600;color:#555;min-width:.75rem}.size-input-bar[data-v-cc819920]{width:2.75rem;height:1.625rem;border:.0625rem solid #e0e0e0;border-radius:.3125rem;padding:0 .375rem;font-size:.75rem;outline:none;color:#333;text-align:center;-moz-appearance:textfield}.size-input-bar[data-v-cc819920]:focus{border-color:#7c5cfc}.size-input-bar[data-v-cc819920]::-webkit-inner-spin-button,.size-input-bar[data-v-cc819920]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.font-size-btn[data-v-cc819920]{cursor:pointer;padding:.25rem .375rem;border-radius:.3125rem;display:flex;align-items:center;transition:background .12s ease}.font-size-btn[data-v-cc819920]:hover{background:#f5f3ff}.export-btn[data-v-cc819920]{width:1.75rem;height:1.75rem;border-radius:.375rem;cursor:pointer;transition:background .15s}.export-btn[data-v-cc819920]:hover{background:#f5f3ff}.editor-panel[data-v-c072f368]{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-c072f368]{border:none;border-radius:0;box-shadow:none}.editor-left[data-v-c072f368]{position:absolute;z-index:1000!important;left:.75rem;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border-radius:.5rem;background:#fff}.editor-left[data-v-c072f368] .left-toolbar{padding:.3125rem;width:100%!important}.canvas-wrapper[data-v-c072f368]{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:rgba(233,236,239,.4);overflow:hidden;min-width:0}.has-left-toolbar .canvas-wrapper[data-v-c072f368]{flex:1 1 0%;width:auto;height:100%}[data-v-c072f368] .canvas-container canvas{position:absolute!important;top:0!important;left:0!important}[data-v-c072f368] .upper-canvas{z-index:3!important}.bottom-btn-container[data-v-c072f368]{position:absolute;z-index:100;pointer-events:auto}.bottom-btn-container button[data-v-c072f368]{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-c072f368]{font-size:.875rem}.custom-delete-btn[data-v-c072f368]{background:#ff4d4f}.custom-delete-btn[data-v-c072f368]:hover{background:#ff7875}.upload-btn-box[data-v-c072f368]{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-c072f368]{pointer-events:auto}.editor-upload-overlay[data-v-c072f368]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1001;background-color:rgba(0,0,0,.45);backdrop-filter:blur(.25rem);pointer-events:all}.editor-upload-overlay__spinner[data-v-c072f368]{display:flex;align-items:center;gap:.5rem}.editor-upload-overlay__text[data-v-c072f368]{margin-top:1rem;color:#fff;font-size:.875rem;letter-spacing:.0625rem}.spinner-dot[data-v-c072f368]{width:.625rem;height:.625rem;border-radius:50%;background-color:#fff;animation:dot-bounce-c072f368 1.4s ease-in-out infinite both}.spinner-dot[data-v-c072f368]:first-child{animation-delay:-.32s}.spinner-dot[data-v-c072f368]:nth-child(2){animation-delay:-.16s}.spinner-dot[data-v-c072f368]:nth-child(3){animation-delay:0s}@keyframes dot-bounce-c072f368{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@media(max-width:768px){.fill[data-v-c072f368]{height:100vh!important}.not-fill[data-v-c072f368]{height:50vh!important}}.loading-spinner-wrapper[data-v-722360e1]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f8f8}.loading-spinner-inner[data-v-722360e1]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.loading-circle-spinner[data-v-722360e1]{border:.1875rem solid #e0e0e0;border-top-color:var(--color-blue-dark);border-radius:50%;animation:spinner-rotate-722360e1 .8s linear infinite;flex-shrink:0}.loading-custom-icon[data-v-722360e1]{font-size:2rem;color:var(--color-blue-dark);animation:spinner-rotate-722360e1 .8s linear infinite}.loading-text[data-v-722360e1]{margin-top:.125rem;font-size:.8125rem;color:#999;white-space:nowrap}@keyframes spinner-rotate-722360e1{to{transform:rotate(1turn)}}.preview-fade-enter-active[data-v-1ea6e375]{transition:opacity .16s ease}.preview-fade-leave-active[data-v-1ea6e375]{transition:opacity .12s ease}.preview-fade-enter[data-v-1ea6e375],.preview-fade-leave-to[data-v-1ea6e375]{opacity:0!important}.loading-fade-enter-active[data-v-1ea6e375],.loading-fade-leave-active[data-v-1ea6e375]{transition:opacity .2s ease}.loading-fade-enter[data-v-1ea6e375],.loading-fade-leave-to[data-v-1ea6e375]{opacity:0}.hover-preview-popup[data-v-1ea6e375]{position:fixed;z-index:9999;background:#fff;border-radius:.75rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.18),0 .125rem .5rem rgba(0,0,0,.1);border:.0625rem solid #eef0f4;box-sizing:border-box;overflow:hidden}.hover-preview-popup--basic[data-v-1ea6e375]{padding:0}.hover-preview-popup--detail[data-v-1ea6e375]{padding:.875rem;overflow-y:auto;overflow-x:hidden}.popup-badge[data-v-1ea6e375]{display:inline-flex;align-items:center;gap:.375rem}.popup-badge--basic .badge-main[data-v-1ea6e375]{font-size:.75rem;font-weight:600;color:#fff}.popup-badge--basic .badge-tag[data-v-1ea6e375]{font-size:.6875rem;color:hsla(0,0%,100%,.85);background:hsla(0,0%,100%,.2);padding:.0625rem .3125rem;border-radius:.25rem}.popup-badge--detail[data-v-1ea6e375]{margin-left:auto;flex-shrink:0;background:#f8f9fa;border-radius:.375rem;padding:.3125rem .5rem}.popup-badge--detail .badge-main[data-v-1ea6e375]{font-size:.75rem;font-weight:600;color:var(--color-blue-dark)}.popup-badge--detail .badge-tag[data-v-1ea6e375]{font-size:.6875rem;color:var(--color-blue-dark);background:red;padding:.0625rem .3125rem;border-radius:.25rem}.basic-media-wrapper[data-v-1ea6e375]{position:relative;width:100%;height:100%;overflow:hidden;background:#111;border-radius:inherit}.basic-media-video[data-v-1ea6e375]{display:block;width:100%;height:100%;object-fit:cover}.basic-media-image[data-v-1ea6e375]{width:100%;height:100%}.basic-media-image[data-v-1ea6e375] .el-image__inner{width:100%;height:100%;object-fit:cover}.basic-media-image[data-v-1ea6e375] .image-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;color:#b6b5b5;background:#f8f8f8}.media-loading-mask[data-v-1ea6e375]{position:absolute;inset:0;z-index:2;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:inherit}.preview-content-detail[data-v-1ea6e375]{display:flex;flex-direction:column;gap:.75rem}.detail-header[data-v-1ea6e375]{display:flex;align-items:center;gap:.5rem}.detail-header .detail-header-left[data-v-1ea6e375]{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.detail-title[data-v-1ea6e375]{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-tag[data-v-1ea6e375]{flex-shrink:0;padding:.125rem .5rem;background:#e8f4ff;color:var(--color-blue-dark);font-size:.6875rem;border-radius:.25rem}.detail-main-image[data-v-1ea6e375]{position:relative;width:100%;height:11.25rem;border-radius:.625rem;overflow:hidden;background:#111;flex-shrink:0}.detail-video[data-v-1ea6e375]{width:100%;height:100%;object-fit:cover;display:block}.detail-cover-image[data-v-1ea6e375]{width:100%;height:100%}.detail-cover-image[data-v-1ea6e375] .el-image__inner{width:100%;height:100%;object-fit:cover}.detail-cover-image[data-v-1ea6e375] .image-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f8f8;font-size:.8125rem;color:#b6b5b5}.detail-description[data-v-1ea6e375]{background:#f9f9f9;padding:.625rem .75rem;border-radius:.5rem}.desc-title[data-v-1ea6e375]{font-size:1rem;font-weight:700;color:#333;margin:0 0 .375rem 0}.desc-content[data-v-1ea6e375]{font-size:.875rem;color:#555;margin:0;line-height:1.6}.desc-content.requirement[data-v-1ea6e375]{font-weight:500}.detail-frames[data-v-1ea6e375]{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.frame-item[data-v-1ea6e375]{display:flex;flex-direction:column;gap:.25rem}.frame-item .el-image[data-v-1ea6e375]{width:100%;height:5.625rem;border-radius:.375rem;overflow:hidden;background:#f5f5f5}.frame-item .el-image[data-v-1ea6e375] .el-image__inner{width:100%;height:100%;object-fit:cover}.frame-item .el-image[data-v-1ea6e375] .image-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#b6b5b5;background:#f8f8f8}.frame-label[data-v-1ea6e375]{font-size:.6875rem;color:#999}.detail-apply-btn[data-v-1ea6e375]{width:100%;padding:.625rem .875rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;border:none;background:var(--color-blue-dark,#3d6eff);color:#fff;transition:opacity .2s ease;flex-shrink:0}.detail-apply-btn[data-v-1ea6e375]:hover:not(.is-selected){opacity:.88}.detail-apply-btn.is-selected[data-v-1ea6e375]{background:#bbb;cursor:default}.image-slot[data-v-1ea6e375]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;color:#b6b5b5;background:#f8f8f8}.image-slot.img-error i[data-v-1ea6e375]{font-size:1.75rem;color:#d0d0d0}.select-grid[data-v-74c19d1f]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:.75rem}.select-card[data-v-74c19d1f]{cursor:pointer;text-align:center;transition:all .3s;width:100%;min-width:0}.select-card .image-box[data-v-74c19d1f]{position:relative;width:100%;aspect-ratio:1/1;border-radius:.5rem;overflow:hidden;border:.125rem solid transparent}.select-card .image-box .el-image[data-v-74c19d1f]{width:100%;height:100%;background:#f8f8f8}.select-card .image-box .el-image[data-v-74c19d1f] img{object-fit:contain}.select-card .image-box .el-image[data-v-74c19d1f] .image-slot{background-color:var(--bg-color-gray-light);display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.8125rem;color:#b6b5b5}.select-card .image-box .el-image[data-v-74c19d1f] .image-slot i{font-size:2.1875rem}.select-card .image-box img[data-v-74c19d1f]{width:100%;height:100%;object-fit:contain;background:#f8f8f8}.select-card .image-box .check-mask[data-v-74c19d1f]{position:absolute;top:.25rem;right:.25rem;background:var(--color-blue-dark);color:#fff;width:1.25rem;height:1.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;border:.0625rem solid #fff}.select-card .image-box .frame-label[data-v-74c19d1f]{position:absolute;top:.25rem;left:.25rem;background:rgba(0,0,0,.6);color:#fff;padding:.3125rem .375rem;border-radius:.1875rem;font-size:.625rem;font-weight:500}.select-card .image-box .frame-label--single[data-v-74c19d1f]{background:hsla(0,0%,39.2%,.6)}.select-card .select-name[data-v-74c19d1f]{margin-top:.5rem;font-size:.7875rem;color:#333;transition:color .3s}.select-card:hover .select-name[data-v-74c19d1f]{color:var(--color-blue-dark)}.select-card.is-active .image-box[data-v-74c19d1f]{border-color:var(--color-blue-dark)}.select-card.is-active .select-name[data-v-74c19d1f]{color:var(--color-blue-dark);font-weight:700}.sidrbar-main-layout .main-content[data-v-0e4bf13d]{flex-direction:row;gap:1.5rem}.edit-area[data-v-0e4bf13d]{flex:1;display:flex;flex-direction:column;height:100%!important;min-height:0;min-width:0;width:100%}.core-wrapper[data-v-0e4bf13d]{min-height:0;overflow:hidden;border-radius:var(--border-radius-base)}.core-wrapper[data-v-0e4bf13d],.upload-wrapper[data-v-0e4bf13d]{flex:1!important;height:100%!important;width:100%!important;display:flex;flex-direction:column}.upload-wrapper[data-v-0e4bf13d]{position:relative}.title-bar[data-v-0e4bf13d]{display:flex;margin-bottom:1.25rem}.title-bar h2[data-v-0e4bf13d]{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-0e4bf13d]{overflow:hidden;width:100%;height:100%}.tab-bar[data-v-0e4bf13d]{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-0e4bf13d],.tab-item[data-v-0e4bf13d]{display:flex;align-items:center;overflow:hidden;position:relative}.tab-item[data-v-0e4bf13d]{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-0e4bf13d]{background-image:url(../img/left.8b795402.png);margin-left:-.3125rem}.tab-item.tab-left-bg[data-v-0e4bf13d],.tab-item.tab-right-bg[data-v-0e4bf13d]{background-size:100% 100%;background-repeat:no-repeat;background-position:50%;width:100%;height:100%}.tab-item.tab-right-bg[data-v-0e4bf13d]{background-image:url(../img/right.61969689.png);margin-right:-.3125rem}.tab-item.active[data-v-0e4bf13d]{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-0e4bf13d]{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-0e4bf13d] .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-0e4bf13d]{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-0e4bf13d]{border:var(--border-solid-base);border-radius:var(--border-radius-base)}.carousel-wrapper[data-v-0e4bf13d]{width:100%;flex:1;min-height:0}.result-carousel[data-v-0e4bf13d]{width:100%;height:100%;border-radius:1.25rem;overflow:hidden}.result-carousel[data-v-0e4bf13d] .el-carousel__container{height:100%}.result-carousel[data-v-0e4bf13d] .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-0e4bf13d] .el-carousel__arrow:hover{background-color:rgba(0,0,0,.8)!important;border-color:rgba(0,0,0,.8)!important}.result-carousel[data-v-0e4bf13d] .el-carousel__indicator .el-carousel__button{background-color:#ccc;opacity:.5}.result-carousel[data-v-0e4bf13d] .el-carousel__indicator .el-carousel__button.is-active{opacity:1;background-color:#333}.result-carousel[data-v-0e4bf13d] .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-0e4bf13d]{width:100%;height:100%;object-fit:contain}.toolbar-area[data-v-0e4bf13d]{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-0e4bf13d]{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-0e4bf13d]{display:flex;justify-content:start;flex-direction:column;gap:1.5625rem}.toolbar-scroll-content[data-v-0e4bf13d]::-webkit-scrollbar{width:.375rem}.toolbar-scroll-content[data-v-0e4bf13d]::-webkit-scrollbar-track{background:transparent}.toolbar-scroll-content[data-v-0e4bf13d]::-webkit-scrollbar-thumb{background:var(--border-color-gray-light);border-radius:.1875rem;cursor:pointer}[data-v-0e4bf13d] .tools-item-title{font-weight:600;color:var(--tools-title-color-gray);margin-bottom:.625rem}[data-v-0e4bf13d] .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-0e4bf13d] .tool-btn:hover:not(:disabled){background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-0e4bf13d] .tool-btn:disabled{opacity:.5;cursor:not-allowed}[data-v-0e4bf13d] .tool-btn{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap}[data-v-0e4bf13d] .tool-btn.active{background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-0e4bf13d] .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-0e4bf13d] .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-0e4bf13d] .start-creating .item-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;border-color:#ccc;color:var(--bg-color-blue-dark)}[data-v-0e4bf13d] .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-0e4bf13d] .start-creating .item-btn:hover:not(:disabled):before{left:100%}[data-v-0e4bf13d] .start-creating .item-btn:active:not(:disabled){transform:scale(.98)}[data-v-0e4bf13d] .start-creating .other-btn:hover:not(:disabled){background:#fafafa;box-shadow:0 .1875rem .625rem rgba(58,58,58,.2);transform:translateY(-.125rem)}[data-v-0e4bf13d] .start-creating .generate-btn{background:var(--bg-color-blue-dark);color:#fff}[data-v-0e4bf13d] .start-creating .generate-btn:only-child{width:100%}[data-v-0e4bf13d] .start-creating .generate-btn:hover:not(.disabled){box-shadow:0 .25rem .75rem rgba(58,58,58,.4);transform:translateY(-.125rem)}[data-v-0e4bf13d] .start-creating .generate-btn.disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;box-shadow:none;opacity:.7}[data-v-0e4bf13d] .start-creating:has(.generate-btn:only-child){padding-left:0;padding-right:0}[data-v-0e4bf13d] .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-0e4bf13d] .core-wrapper .start-creating{justify-content:center!important;margin-top:.3125rem;box-sizing:border-box}[data-v-0e4bf13d] .el-select{width:100%}[data-v-0e4bf13d] .el-select .el-input__inner{border-color:var(--border-color-gray-light);color:var(--color-blue-dark)}[data-v-0e4bf13d] .el-select .el-input.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}[data-v-0e4bf13d] .el-select .el-input__suffix-inner .el-input__icon{color:var(--color-gray);font-weight:700}[data-v-0e4bf13d] .el-select.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}.el-select-dropdown .el-select-dropdown__item[data-v-0e4bf13d]{color:#495057}.el-select-dropdown .el-select-dropdown__item.hover[data-v-0e4bf13d],.el-select-dropdown .el-select-dropdown__item[data-v-0e4bf13d]:hover{color:var(--color-blue-dark);background-color:rgba(42,45,61,.06)}.el-select-dropdown .el-select-dropdown__item.selected[data-v-0e4bf13d]{color:var(--color-blue-dark);font-weight:600}@media(max-width:1200px){.toolbar-area[data-v-0e4bf13d]{width:clamp(16.25rem,28vw,27.9375rem)!important;padding:.75rem .5rem 0 1rem!important}}@media(max-width:768px){.core-wrapper[data-v-0e4bf13d],.edit-area[data-v-0e4bf13d]{height:auto!important;flex:none!important}.upload-panel[data-v-0e4bf13d]{height:auto!important;display:flex;flex-direction:column;padding:.9375rem!important;box-sizing:border-box;position:relative!important}.upload-box[data-v-0e4bf13d]{position:relative!important;display:flex!important;flex:none!important}.upload-box.fill[data-v-0e4bf13d],.upload-box.not-fill[data-v-0e4bf13d]{position:relative;display:flex!important}.upload-box.not-fill[data-v-0e4bf13d]{height:50vh!important}.upload-box.fill[data-v-0e4bf13d]{height:100vh!important}.compare-container[data-v-0e4bf13d]{width:100%!important;min-height:100vh!important;aspect-ratio:auto!important}.toolbar-area[data-v-0e4bf13d]{padding:1rem!important;width:auto!important;max-height:none!important;height:auto!important;position:relative;display:flex!important;overflow:visible!important}[data-v-0e4bf13d] .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-0e4bf13d] .toolbar-area .start-creating .cancel-btn,[data-v-0e4bf13d] .toolbar-area .start-creating .generate-btn{width:100%!important;max-width:100%!important}.compare-container[data-v-0e4bf13d]{position:relative!important;top:auto;left:auto;right:auto;bottom:auto;width:100%;aspect-ratio:1/1;height:100vh!important}.compare-actions[data-v-0e4bf13d]{flex-direction:column;bottom:.9375rem}.download-result-btn[data-v-0e4bf13d],.regenerate-btn[data-v-0e4bf13d]{padding:.625rem 1.25rem;font-size:clamp(.9375rem,2.5vw,1.125rem);width:80%;justify-content:center}}@media(max-width:480px){[data-v-0e4bf13d] .toolbar-area .start-creating .cancel-btn,[data-v-0e4bf13d] .toolbar-area .start-creating .generate-btn{font-size:1.125rem!important;padding:.75rem!important}}[data-v-0e4bf13d] .el-button.button-active,[data-v-0e4bf13d] .el-button.button-active:focus,[data-v-0e4bf13d] .el-button.button-active:hover{color:#fff!important;border-color:var(--color-blue-dark)!important;background-color:var(--color-blue-dark)!important}.content-box[data-v-0e4bf13d]{display:flex;flex-direction:column;gap:1.25rem}.btn-group[data-v-0e4bf13d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.25rem,1fr));gap:.5rem}.btn-group .el-button[data-v-0e4bf13d]{margin:0!important}.btn-group .el-button.active[data-v-0e4bf13d]{background-color:var(--color-blue-dark);color:#fff}.btn-group .el-button.default-selected[data-v-0e4bf13d]{border-color:var(--color-blue-dark);border-width:.125rem}.underline-tabs[data-v-0e4bf13d]{display:flex;justify-content:space-around;margin-top:.25rem;position:relative}.underline-tabs .underline-tab[data-v-0e4bf13d]{position:relative;padding:.5rem .75rem;font-size:.8125rem;color:#666;cursor:pointer;transition:color .2s;background:transparent;border:none}.underline-tabs .underline-tab[data-v-0e4bf13d]:hover{color:var(--color-blue-dark)}.underline-tabs .underline-tab.active[data-v-0e4bf13d]{color:var(--color-blue-dark);font-weight:600}.underline-tabs .underline-tab.active[data-v-0e4bf13d]:after{content:"";position:absolute;bottom:-.125rem;left:50%;transform:translateX(-50%);width:60%;height:.1875rem;background:var(--color-blue-dark);border-radius:.125rem}.frame-settings-container[data-v-44e01a59]{display:flex;flex-direction:column}.frame-settings-container .frame-card[data-v-44e01a59]{border:.0625rem solid #dcdfe6;border-radius:.5rem;padding:.75rem;background:#fff}.frame-settings-container .frame-card-header[data-v-44e01a59]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.frame-settings-container .frame-card-header .current-frame-info[data-v-44e01a59]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.frame-settings-container .frame-card-header .current-frame-info .color-indicator[data-v-44e01a59]{width:1.25rem;height:.75rem;border-radius:.125rem}.frame-settings-container .frame-card-header .current-frame-info .el-dropdown-link[data-v-44e01a59]{font-weight:700;font-size:.875rem;color:#303133}.frame-settings-container .frame-card-header .delete-icon[data-v-44e01a59]{color:#909399;cursor:pointer}.frame-settings-container .frame-card-header .delete-icon[data-v-44e01a59]:hover{color:#f56c6c}.frame-shape-selector[data-v-44e01a59]{margin-bottom:.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(3rem,1fr));gap:.5rem}.frame-shape-selector .shape-btn[data-v-44e01a59]{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-44e01a59]{font-size:1.125rem}.frame-shape-selector .shape-btn.active[data-v-44e01a59]{background-color:#303643;color:#fff;border-color:#303643}.frame-shape-selector .shape-btn[data-v-44e01a59]:hover:not(.active){border-color:#c0c4cc;background-color:#f5f7fa}.frame-input-group[data-v-44e01a59]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.frame-input-group .input-item[data-v-44e01a59]{display:flex;align-items:center;border:.0625rem solid #e4e7ed;border-radius:.25rem;padding:.125rem .5rem}.frame-input-group .input-item .label[data-v-44e01a59]{width:3.75rem;font-size:.8125rem;color:#606266;flex-shrink:0}.frame-input-group .input-item[data-v-44e01a59] .el-input__inner{border:none;background:transparent;padding-left:.3125rem}.reference-upload[data-v-44e01a59]{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-44e01a59]{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-44e01a59]{font-size:2.5rem}.reference-upload .upload-placeholder .tip-text[data-v-44e01a59]{font-size:.75rem;margin-bottom:.25rem}.reference-upload .upload-placeholder .upload-btn[data-v-44e01a59]{padding:.65rem 1.25rem;font-size:.8125rem;color:#909399;border-width:.125rem}.reference-upload .upload-placeholder .upload-btn[data-v-44e01a59]:hover{border-width:.125rem!important}.reference-upload .upload-preview[data-v-44e01a59]{width:100%;height:100%;position:relative}.reference-upload .upload-preview img[data-v-44e01a59]{width:100%;height:100%;object-fit:contain}.reference-upload .upload-preview .preview-mask[data-v-44e01a59]{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-44e01a59]{opacity:1}.add-frame-btn[data-v-44e01a59]{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-44e01a59]:hover{background:#f5f7fa;border-color:#dcdfe6}.add-frame-btn i[data-v-44e01a59]{margin-right:.25rem}.graffiti-shape-selector[data-v-3ba65e73]{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-3ba65e73]{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}.graffiti-shape-selector .shape-selector-item[data-v-3ba65e73]{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-3ba65e73]{background-color:var(--bg-color-blue-dark);color:#fff}.sidrbar-main-layout .main-content[data-v-34707350]{flex-direction:row;gap:1.5rem}.edit-area[data-v-34707350]{flex:1;display:flex;flex-direction:column;height:100%!important;min-height:0;min-width:0;width:100%}.core-wrapper[data-v-34707350]{min-height:0;overflow:hidden;border-radius:var(--border-radius-base)}.core-wrapper[data-v-34707350],.upload-wrapper[data-v-34707350]{flex:1!important;height:100%!important;width:100%!important;display:flex;flex-direction:column}.upload-wrapper[data-v-34707350]{position:relative}.title-bar[data-v-34707350]{display:flex;margin-bottom:1.25rem}.title-bar h2[data-v-34707350]{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-34707350]{overflow:hidden;width:100%;height:100%}.tab-bar[data-v-34707350]{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-34707350],.tab-item[data-v-34707350]{display:flex;align-items:center;overflow:hidden;position:relative}.tab-item[data-v-34707350]{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-34707350]{background-image:url(../img/left.8b795402.png);margin-left:-.3125rem}.tab-item.tab-left-bg[data-v-34707350],.tab-item.tab-right-bg[data-v-34707350]{background-size:100% 100%;background-repeat:no-repeat;background-position:50%;width:100%;height:100%}.tab-item.tab-right-bg[data-v-34707350]{background-image:url(../img/right.61969689.png);margin-right:-.3125rem}.tab-item.active[data-v-34707350]{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-34707350]{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-34707350] .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-34707350]{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-34707350]{border:var(--border-solid-base);border-radius:var(--border-radius-base)}.carousel-wrapper[data-v-34707350]{width:100%;flex:1;min-height:0}.result-carousel[data-v-34707350]{width:100%;height:100%;border-radius:1.25rem;overflow:hidden}.result-carousel[data-v-34707350] .el-carousel__container{height:100%}.result-carousel[data-v-34707350] .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-34707350] .el-carousel__arrow:hover{background-color:rgba(0,0,0,.8)!important;border-color:rgba(0,0,0,.8)!important}.result-carousel[data-v-34707350] .el-carousel__indicator .el-carousel__button{background-color:#ccc;opacity:.5}.result-carousel[data-v-34707350] .el-carousel__indicator .el-carousel__button.is-active{opacity:1;background-color:#333}.result-carousel[data-v-34707350] .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-34707350]{width:100%;height:100%;object-fit:contain}.toolbar-area[data-v-34707350]{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-34707350]{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-34707350]{display:flex;justify-content:start;flex-direction:column;gap:1.5625rem}.toolbar-scroll-content[data-v-34707350]::-webkit-scrollbar{width:.375rem}.toolbar-scroll-content[data-v-34707350]::-webkit-scrollbar-track{background:transparent}.toolbar-scroll-content[data-v-34707350]::-webkit-scrollbar-thumb{background:var(--border-color-gray-light);border-radius:.1875rem;cursor:pointer}[data-v-34707350] .tools-item-title{font-weight:600;color:var(--tools-title-color-gray);margin-bottom:.625rem}[data-v-34707350] .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-34707350] .tool-btn:hover:not(:disabled){background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-34707350] .tool-btn:disabled{opacity:.5;cursor:not-allowed}[data-v-34707350] .tool-btn{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap}[data-v-34707350] .tool-btn.active{background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-34707350] .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-34707350] .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-34707350] .start-creating .item-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;border-color:#ccc;color:var(--bg-color-blue-dark)}[data-v-34707350] .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-34707350] .start-creating .item-btn:hover:not(:disabled):before{left:100%}[data-v-34707350] .start-creating .item-btn:active:not(:disabled){transform:scale(.98)}[data-v-34707350] .start-creating .other-btn:hover:not(:disabled){background:#fafafa;box-shadow:0 .1875rem .625rem rgba(58,58,58,.2);transform:translateY(-.125rem)}[data-v-34707350] .start-creating .generate-btn{background:var(--bg-color-blue-dark);color:#fff}[data-v-34707350] .start-creating .generate-btn:only-child{width:100%}[data-v-34707350] .start-creating .generate-btn:hover:not(.disabled){box-shadow:0 .25rem .75rem rgba(58,58,58,.4);transform:translateY(-.125rem)}[data-v-34707350] .start-creating .generate-btn.disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;box-shadow:none;opacity:.7}[data-v-34707350] .start-creating:has(.generate-btn:only-child){padding-left:0;padding-right:0}[data-v-34707350] .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-34707350] .core-wrapper .start-creating{justify-content:center!important;margin-top:.3125rem;box-sizing:border-box}[data-v-34707350] .el-select{width:100%}[data-v-34707350] .el-select .el-input__inner{border-color:var(--border-color-gray-light);color:var(--color-blue-dark)}[data-v-34707350] .el-select .el-input.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}[data-v-34707350] .el-select .el-input__suffix-inner .el-input__icon{color:var(--color-gray);font-weight:700}[data-v-34707350] .el-select.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}.el-select-dropdown .el-select-dropdown__item[data-v-34707350]{color:#495057}.el-select-dropdown .el-select-dropdown__item.hover[data-v-34707350],.el-select-dropdown .el-select-dropdown__item[data-v-34707350]:hover{color:var(--color-blue-dark);background-color:rgba(42,45,61,.06)}.el-select-dropdown .el-select-dropdown__item.selected[data-v-34707350]{color:var(--color-blue-dark);font-weight:600}@media(max-width:1200px){.toolbar-area[data-v-34707350]{width:clamp(16.25rem,28vw,27.9375rem)!important;padding:.75rem .5rem 0 1rem!important}}@media(max-width:768px){.core-wrapper[data-v-34707350],.edit-area[data-v-34707350]{height:auto!important;flex:none!important}.upload-panel[data-v-34707350]{height:auto!important;display:flex;flex-direction:column;padding:.9375rem!important;box-sizing:border-box;position:relative!important}.upload-box[data-v-34707350]{position:relative!important;display:flex!important;flex:none!important}.upload-box.fill[data-v-34707350],.upload-box.not-fill[data-v-34707350]{position:relative;display:flex!important}.upload-box.not-fill[data-v-34707350]{height:50vh!important}.upload-box.fill[data-v-34707350]{height:100vh!important}.compare-container[data-v-34707350]{width:100%!important;min-height:100vh!important;aspect-ratio:auto!important}.toolbar-area[data-v-34707350]{padding:1rem!important;width:auto!important;max-height:none!important;height:auto!important;position:relative;display:flex!important;overflow:visible!important}[data-v-34707350] .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-34707350] .toolbar-area .start-creating .cancel-btn,[data-v-34707350] .toolbar-area .start-creating .generate-btn{width:100%!important;max-width:100%!important}.compare-container[data-v-34707350]{position:relative!important;top:auto;left:auto;right:auto;bottom:auto;width:100%;aspect-ratio:1/1;height:100vh!important}.compare-actions[data-v-34707350]{flex-direction:column;bottom:.9375rem}.download-result-btn[data-v-34707350],.regenerate-btn[data-v-34707350]{padding:.625rem 1.25rem;font-size:clamp(.9375rem,2.5vw,1.125rem);width:80%;justify-content:center}}@media(max-width:480px){[data-v-34707350] .toolbar-area .start-creating .cancel-btn,[data-v-34707350] .toolbar-area .start-creating .generate-btn{font-size:1.125rem!important;padding:.75rem!important}}.tool-bar[data-v-34707350]{padding:.5rem .75rem;background:#fff;display:flex;flex-direction:column;gap:.5rem;border-bottom:.0625rem solid #eee}.tool-btn-group[data-v-34707350]{display:flex;flex-wrap:wrap;gap:.375rem}.tool-btn-group button[data-v-34707350]{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-34707350]{background:#1d6fa8;box-shadow:inset 0 .125rem .25rem rgba(0,0,0,.3)}.draw-mode-group[data-v-34707350]{display:flex;width:100%}.draw-mode-group .draw-mode-btn[data-v-34707350]{width:100%;flex:1}.draw-mode-group .draw-mode-btn.active[data-v-34707350]{color:#fff;background:var(--bg-color-blue-dark);border-color:var(--color-blue-dark)}.draw-mode-group .draw-mode-btn[data-v-34707350]:hover:not(.active){border-color:var(--color-blue-dark)}.sidrbar-main-layout .main-content[data-v-4d51d504]{flex-direction:row;gap:1.5rem}.edit-area[data-v-4d51d504]{flex:1;display:flex;flex-direction:column;height:100%!important;min-height:0;min-width:0;width:100%}.core-wrapper[data-v-4d51d504]{min-height:0;overflow:hidden;border-radius:var(--border-radius-base)}.core-wrapper[data-v-4d51d504],.upload-wrapper[data-v-4d51d504]{flex:1!important;height:100%!important;width:100%!important;display:flex;flex-direction:column}.upload-wrapper[data-v-4d51d504]{position:relative}.title-bar[data-v-4d51d504]{display:flex;margin-bottom:1.25rem}.title-bar h2[data-v-4d51d504]{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-4d51d504]{overflow:hidden;width:100%;height:100%}.tab-bar[data-v-4d51d504]{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-4d51d504],.tab-item[data-v-4d51d504]{display:flex;align-items:center;overflow:hidden;position:relative}.tab-item[data-v-4d51d504]{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-4d51d504]{background-image:url(../img/left.8b795402.png);margin-left:-.3125rem}.tab-item.tab-left-bg[data-v-4d51d504],.tab-item.tab-right-bg[data-v-4d51d504]{background-size:100% 100%;background-repeat:no-repeat;background-position:50%;width:100%;height:100%}.tab-item.tab-right-bg[data-v-4d51d504]{background-image:url(../img/right.61969689.png);margin-right:-.3125rem}.tab-item.active[data-v-4d51d504]{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-4d51d504]{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-4d51d504] .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-4d51d504]{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-4d51d504]{border:var(--border-solid-base);border-radius:var(--border-radius-base)}.carousel-wrapper[data-v-4d51d504]{width:100%;flex:1;min-height:0}.result-carousel[data-v-4d51d504]{width:100%;height:100%;border-radius:1.25rem;overflow:hidden}.result-carousel[data-v-4d51d504] .el-carousel__container{height:100%}.result-carousel[data-v-4d51d504] .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-4d51d504] .el-carousel__arrow:hover{background-color:rgba(0,0,0,.8)!important;border-color:rgba(0,0,0,.8)!important}.result-carousel[data-v-4d51d504] .el-carousel__indicator .el-carousel__button{background-color:#ccc;opacity:.5}.result-carousel[data-v-4d51d504] .el-carousel__indicator .el-carousel__button.is-active{opacity:1;background-color:#333}.result-carousel[data-v-4d51d504] .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-4d51d504]{width:100%;height:100%;object-fit:contain}.toolbar-area[data-v-4d51d504]{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-4d51d504]{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-4d51d504]{display:flex;justify-content:start;flex-direction:column;gap:1.5625rem}.toolbar-scroll-content[data-v-4d51d504]::-webkit-scrollbar{width:.375rem}.toolbar-scroll-content[data-v-4d51d504]::-webkit-scrollbar-track{background:transparent}.toolbar-scroll-content[data-v-4d51d504]::-webkit-scrollbar-thumb{background:var(--border-color-gray-light);border-radius:.1875rem;cursor:pointer}[data-v-4d51d504] .tools-item-title{font-weight:600;color:var(--tools-title-color-gray);margin-bottom:.625rem}[data-v-4d51d504] .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-4d51d504] .tool-btn:hover:not(:disabled){background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-4d51d504] .tool-btn:disabled{opacity:.5;cursor:not-allowed}[data-v-4d51d504] .tool-btn{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap}[data-v-4d51d504] .tool-btn.active{background:var(--bg-color-blue-dark);color:#fff;border-color:var(--bg-color-blue-dark)}[data-v-4d51d504] .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-4d51d504] .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-4d51d504] .start-creating .item-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;border-color:#ccc;color:var(--bg-color-blue-dark)}[data-v-4d51d504] .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-4d51d504] .start-creating .item-btn:hover:not(:disabled):before{left:100%}[data-v-4d51d504] .start-creating .item-btn:active:not(:disabled){transform:scale(.98)}[data-v-4d51d504] .start-creating .other-btn:hover:not(:disabled){background:#fafafa;box-shadow:0 .1875rem .625rem rgba(58,58,58,.2);transform:translateY(-.125rem)}[data-v-4d51d504] .start-creating .generate-btn{background:var(--bg-color-blue-dark);color:#fff}[data-v-4d51d504] .start-creating .generate-btn:only-child{width:100%}[data-v-4d51d504] .start-creating .generate-btn:hover:not(.disabled){box-shadow:0 .25rem .75rem rgba(58,58,58,.4);transform:translateY(-.125rem)}[data-v-4d51d504] .start-creating .generate-btn.disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;box-shadow:none;opacity:.7}[data-v-4d51d504] .start-creating:has(.generate-btn:only-child){padding-left:0;padding-right:0}[data-v-4d51d504] .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-4d51d504] .core-wrapper .start-creating{justify-content:center!important;margin-top:.3125rem;box-sizing:border-box}[data-v-4d51d504] .el-select{width:100%}[data-v-4d51d504] .el-select .el-input__inner{border-color:var(--border-color-gray-light);color:var(--color-blue-dark)}[data-v-4d51d504] .el-select .el-input.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}[data-v-4d51d504] .el-select .el-input__suffix-inner .el-input__icon{color:var(--color-gray);font-weight:700}[data-v-4d51d504] .el-select.is-focus .el-input__inner{border-color:var(--bg-color-blue-dark)}.el-select-dropdown .el-select-dropdown__item[data-v-4d51d504]{color:#495057}.el-select-dropdown .el-select-dropdown__item.hover[data-v-4d51d504],.el-select-dropdown .el-select-dropdown__item[data-v-4d51d504]:hover{color:var(--color-blue-dark);background-color:rgba(42,45,61,.06)}.el-select-dropdown .el-select-dropdown__item.selected[data-v-4d51d504]{color:var(--color-blue-dark);font-weight:600}@media(max-width:1200px){.toolbar-area[data-v-4d51d504]{width:clamp(16.25rem,28vw,27.9375rem)!important;padding:.75rem .5rem 0 1rem!important}}@media(max-width:768px){.core-wrapper[data-v-4d51d504],.edit-area[data-v-4d51d504]{height:auto!important;flex:none!important}.upload-panel[data-v-4d51d504]{height:auto!important;display:flex;flex-direction:column;padding:.9375rem!important;box-sizing:border-box;position:relative!important}.upload-box[data-v-4d51d504]{position:relative!important;display:flex!important;flex:none!important}.upload-box.fill[data-v-4d51d504],.upload-box.not-fill[data-v-4d51d504]{position:relative;display:flex!important}.upload-box.not-fill[data-v-4d51d504]{height:50vh!important}.upload-box.fill[data-v-4d51d504]{height:100vh!important}.compare-container[data-v-4d51d504]{width:100%!important;min-height:100vh!important;aspect-ratio:auto!important}.toolbar-area[data-v-4d51d504]{padding:1rem!important;width:auto!important;max-height:none!important;height:auto!important;position:relative;display:flex!important;overflow:visible!important}[data-v-4d51d504] .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-4d51d504] .toolbar-area .start-creating .cancel-btn,[data-v-4d51d504] .toolbar-area .start-creating .generate-btn{width:100%!important;max-width:100%!important}.compare-container[data-v-4d51d504]{position:relative!important;top:auto;left:auto;right:auto;bottom:auto;width:100%;aspect-ratio:1/1;height:100vh!important}.compare-actions[data-v-4d51d504]{flex-direction:column;bottom:.9375rem}.download-result-btn[data-v-4d51d504],.regenerate-btn[data-v-4d51d504]{padding:.625rem 1.25rem;font-size:clamp(.9375rem,2.5vw,1.125rem);width:80%;justify-content:center}}@media(max-width:480px){[data-v-4d51d504] .toolbar-area .start-creating .cancel-btn,[data-v-4d51d504] .toolbar-area .start-creating .generate-btn{font-size:1.125rem!important;padding:.75rem!important}}