.generate-type[data-v-50893712]{position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;align-items:flex-end;box-shadow:0 13px 30px 0 rgba(20,23,31,.1);padding:4px;border-radius:60px;background-color:#fff}.generate-type li[data-v-50893712]{border-radius:50%;height:44px;width:44px;cursor:pointer;margin-bottom:8px;transition:all .2s linear;position:relative;overflow:hidden}.generate-type li[data-v-50893712]:last-child{margin-bottom:0}.generate-type li.active[data-v-50893712]{color:#fff;background-color:#14171f!important}.generate-type li[data-v-50893712]:hover{background-color:rgba(21,21,21,.1)}.category-wrapper[data-v-7c662b1d]{margin:0 -10px}.category-wrapper .next[data-v-7c662b1d],.category-wrapper .prev[data-v-7c662b1d]{width:30px;height:30px;text-align:center;cursor:pointer}.category-wrapper .next.disabled[data-v-7c662b1d],.category-wrapper .prev.disabled[data-v-7c662b1d]{opacity:.5;color:#9f9f9f;cursor:not-allowed!important}.category-wrapper .scroll-container[data-v-7c662b1d]{overflow:hidden}.category-wrapper .scroll-container .list[data-v-7c662b1d]{display:inline-flex;flex-wrap:nowrap;min-width:100%}.category-wrapper .scroll-container .list .item[data-v-7c662b1d]{display:inline-block;flex-shrink:0;padding:8px 14px 6px 14px;border-radius:8px;border:1px solid #e8e8e8;margin-right:10px;cursor:pointer}.category-wrapper .scroll-container .list .item[data-v-7c662b1d]:last-child{margin-right:10px}.category-wrapper .scroll-container .list .item.active[data-v-7c662b1d]{border-color:#14171f;background-color:#14171f;color:#fff}.list-container[data-v-7c662b1d]{height:310px}.list-container[data-v-7c662b1d] .el-scrollbar__wrap{overflow-x:hidden}.list-wrapper[data-v-7c662b1d]{flex-wrap:wrap}.list-wrapper .item[data-v-7c662b1d]{margin-right:15px;margin-top:15px}.list-wrapper .item[data-v-7c662b1d]:nth-of-type(3n){margin-right:0}.list-wrapper .item .img-box[data-v-7c662b1d]{width:106px;height:106px;border-radius:10px;border:2px solid transparent;font-size:0;background-color:#f5f5f5}.list-wrapper .item .img-box .active[data-v-7c662b1d],.list-wrapper .item .img-box[data-v-7c662b1d]:hover{border-color:#14171f}.list-wrapper .item .img-box .img[data-v-7c662b1d]{width:100%;height:100%;border-radius:10px}.title[data-v-7c662b1d] .el-upload-dragger{overflow:visible!important}.title .choose[data-v-7c662b1d]{padding:0 12px;border-radius:8px;border:1px solid #14171f;height:26px}.trigger[data-v-7c662b1d]{width:30px;height:30px;border-radius:8px;margin-right:8px;cursor:pointer}.trigger[data-v-7c662b1d]:hover{background-color:#f5f5f5}.img-diyeditor-dropdown{width:150px;padding:8px}.img-diyeditor-dropdown .el-dropdown-menu__item{line-height:normal;padding:0}.img-diyeditor-dropdown .el-dropdown-menu__item:hover{background-color:transparent!important}.img-diyeditor-drop-tool{padding:6px;border-radius:8px;cursor:pointer}.img-diyeditor-drop-tool .chk{font-weight:700}.img-diyeditor-drop-tool:hover{background-color:#f5f5f5;color:#14171f!important}.img-diyeditor-drop-tool .txt{margin-left:8px}.tool-box[data-v-2251ef55]{border:1px solid #e8e8e8;border-radius:10px;padding:8px;background-color:#fff;display:flex;align-items:center;margin-right:10px}.tool-box .zoom-input[data-v-2251ef55]{width:55px;height:30px;border-radius:8px;font-size:14px;display:flex;align-items:center;justify-content:center}.tool-box .zoom-input[data-v-2251ef55]:hover{background-color:#f5f5f5}.tool-box .zoom[data-v-2251ef55]{width:22px;height:22px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.tool-box .zoom[data-v-2251ef55]:hover{background-color:#f5f5f5}.tool-box[data-v-2251ef55]:last-child{margin-right:0}.tool-box .down[data-v-2251ef55]{height:30px;width:18px;border-radius:8px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tool-box .down[data-v-2251ef55]:hover{background-color:#f5f5f5}.tool-box .item[data-v-2251ef55]{width:30px;height:30px;border-radius:8px;margin-right:8px;cursor:pointer}.tool-box .item.haschild[data-v-2251ef55]{margin-right:2px}.tool-box .item[data-v-2251ef55]:last-child{margin-right:0}.tool-box .item.active[data-v-2251ef55]{background-color:#f5f5f5}.tool-box .item.disabled[data-v-2251ef55]{color:#9f9f9f}.tool-box .item.disabled[data-v-2251ef55]:hover{background-color:transparent}.tool-box .item[data-v-2251ef55]:hover{background-color:#f5f5f5}.hand-drawn-container[data-v-346187b5]{width:100%;height:100%;position:relative}.hand-drawn-container .canvas-container[data-v-346187b5]{margin:0 auto}.hand-drawn-container .tool-wrapper[data-v-346187b5]{padding:10px;position:sticky;z-index:1;top:0;left:0;flex-wrap:wrap;background-color:#fff}.selected-wrapper[data-v-23d6ee75]{padding:10px;background:#f5f5f5}.selected-wrapper ul li[data-v-23d6ee75]{color:#fff;width:46px;height:46px;font-size:0;border-radius:8px;position:relative;overflow:hidden;margin-right:10px}.selected-wrapper ul li[data-v-23d6ee75]:last-child{margin-right:0}.selected-wrapper ul li .remove-chk[data-v-23d6ee75]{position:absolute;right:0;top:0;padding:3px;border-radius:4px;background-color:rgba(20,23,31,.5)}.selected-wrapper ul li .remove-chk[data-v-23d6ee75]:hover{color:#ff7272}.selected-wrapper ul li .txt[data-v-23d6ee75]{position:absolute;left:0;right:0;bottom:0;padding:3px;background:rgba(20,23,31,.5)}.selected-wrapper ul li .img[data-v-23d6ee75]{width:100%;height:100%}.list-item ul[data-v-23d6ee75]{flex-wrap:wrap}.list-item ul li[data-v-23d6ee75]{flex-direction:column;flex-shrink:0;margin-right:8px;margin-top:8px;border-radius:10px;padding:3px 3px 10px 3px;width:calc(50% - 15px);margin-right:15px}.list-item ul li[data-v-23d6ee75]:nth-of-type(2n){margin-right:0}.list-item ul li[data-v-23d6ee75]:hover{background-color:rgba(20,23,31,.06)}.list-item ul li.active .img-box[data-v-23d6ee75]{border:2px solid #14171f}.list-item ul li .img-box[data-v-23d6ee75]{border:2px solid transparent;border-radius:10px;overflow:hidden;aspect-ratio:1/1}.list-item ul li .img-box .img[data-v-23d6ee75]{width:100%;height:100%}.preset-description-selector-wrapper[data-v-23d6ee75]{min-height:300px;background-color:#fff;border-radius:10px;min-width:520px}.preset-description-selector-wrapper .selector-wrapper[data-v-23d6ee75]{display:flex;height:100%}.preset-description-selector-wrapper .right[data-v-23d6ee75]{flex-grow:1;margin-left:20px;padding-top:20px;padding-right:10px;overflow-y:auto}.preset-description-selector-wrapper .left[data-v-23d6ee75]{width:90px;padding:0 20px;height:100%}.preset-description-selector-wrapper .left .title[data-v-23d6ee75]{margin-top:10px;line-height:40px}.preset-description-selector-wrapper .left .category-list[data-v-23d6ee75]{height:calc(100% - 60px);overflow-y:auto}.preset-description-selector-wrapper .left .category-list li[data-v-23d6ee75]{padding:10px 8px 8px 8px;border-radius:100px;margin-bottom:10px;font-size:13px;transition:all .15s ease;background-color:rgba(20,23,31,.06)}.preset-description-selector-wrapper .left .category-list li[data-v-23d6ee75]:hover{color:#fff;background-color:#14171f}.preset-description-selector-wrapper .left .category-list li.active[data-v-23d6ee75]{background-color:#14171f;color:#fff;font-weight:700}.preview-img[data-v-492605ee]{width:22vw;height:22vw;border-radius:4px;position:fixed;background-color:#fff;box-shadow:0 3px 10px 0 rgba(0,0,0,.35)}.bottom-wrapper[data-v-492605ee]{padding-top:15px}.bottom-wrapper .btn[data-v-492605ee]{width:200px}.sub-category-list[data-v-492605ee]{flex-wrap:wrap}.sub-category-list li[data-v-492605ee]{padding:7px 17px;border-radius:100px;background-color:#f5f5f5;font-size:14px;margin-right:10px;margin-bottom:10px;text-align:center;cursor:pointer}.sub-category-list li.active[data-v-492605ee]{background-color:#000;color:#fff}.img-container[data-v-492605ee]{flex-grow:1;overflow-y:auto;overflow-x:hidden}.img-container .disabled[data-v-492605ee]{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}.content-wrapper[data-v-492605ee]{padding:15px;position:relative;display:flex;flex-direction:column;height:calc(100% - 78px)}.content-wrapper .col .img-box[data-v-492605ee]{font-size:0;aspect-ratio:1/1;position:relative;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.content-wrapper .col .img-box .chk[data-v-492605ee]{width:18px;height:18px;border-radius:6px;background-color:#14171f;color:#fff;position:absolute;top:10px;right:10px;z-index:1;font-size:12px;font-weight:700}.content-wrapper .col .img-box.active[data-v-492605ee]:after{border-color:#14171f}.content-wrapper .col .img-box.active .img[data-v-492605ee]{width:94%;height:94%;border-radius:8px;overflow:hidden}.content-wrapper .col .img-box:not(.disabled):hover .img[data-v-492605ee]{transform:scale(1.05)}.content-wrapper .col .img-box[data-v-492605ee]:not(.disabled):hover:after{border-color:#14171f}.content-wrapper .col .img-box[data-v-492605ee]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;border:2px solid transparent;transition:all .3s ease}.content-wrapper .col .img-box[data-v-492605ee] .img{width:100%;height:100%;transition:all .3s linear}.content-wrapper .col .img-box[data-v-492605ee] .img img{object-fit:cover}.header-wrapper[data-v-492605ee]{border-bottom:1px solid #e5e5e5}.header-wrapper .category-wrapper .next[data-v-492605ee],.header-wrapper .category-wrapper .prev[data-v-492605ee]{width:30px;height:48px;text-align:center;cursor:pointer}.header-wrapper .category-wrapper .next.disabled[data-v-492605ee],.header-wrapper .category-wrapper .prev.disabled[data-v-492605ee]{opacity:.5;color:#9f9f9f;cursor:not-allowed!important}.header-wrapper .category-wrapper .scroll-container[data-v-492605ee]{overflow:hidden}.header-wrapper .category-wrapper .scroll-container .list[data-v-492605ee]{display:inline-flex;flex-wrap:nowrap;min-width:100%}.header-wrapper .category-wrapper .scroll-container .list .item[data-v-492605ee]{height:48px;flex-shrink:0;margin-right:15px;padding:0 10px;cursor:pointer;color:rgba(20,23,31,.65);position:relative}.header-wrapper .category-wrapper .scroll-container .list .item[data-v-492605ee]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:2px;width:0;background-color:transparent;transition:all .3s ease}.header-wrapper .category-wrapper .scroll-container .list .item[data-v-492605ee]:last-child{margin-right:10px}.header-wrapper .category-wrapper .scroll-container .list .item.active[data-v-492605ee]{color:#14171f}.header-wrapper .category-wrapper .scroll-container .list .item.active[data-v-492605ee]:after{width:100%;background-color:#14171f}.header-wrapper .close-btn[data-v-492605ee]{width:48px;height:48px}.lora-selector-content[data-v-492605ee]{position:fixed;top:60%;left:50%;width:80vw;height:80vh;background-color:#fff;border-radius:12px;box-shadow:0 3px 10px 0 rgba(0,0,0,.65);transform:translate(-50%,-60%);max-width:1600px;max-height:1100px}.lora-selector-mask[data-v-492605ee]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.65)}.design-area-popover{padding:0}.design-area-popover .preset-description-selector-wrapper{border:none}.loding-wrapper[data-v-73c1a82a]{position:absolute;z-index:1;top:60px;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.7);backdrop-filter:blur(4px)}.loding-wrapper .box[data-v-73c1a82a]{flex-direction:column}.loding-wrapper .box .icon[data-v-73c1a82a]{font-size:50px}.full-tool[data-v-73c1a82a]{flex-wrap:wrap}.full-tool li[data-v-73c1a82a]{width:40px;height:40px;border-radius:10px}.full-tool li[data-v-73c1a82a]:hover{background-color:#ebecef}.lora-select-wrapper[data-v-73c1a82a]{padding:6px 10px;border-radius:8px;border:1px solid #e8e8e8}.lora-select-wrapper .name[data-v-73c1a82a]{max-width:90px}.lora-select-wrapper .img[data-v-73c1a82a]{width:20px;height:20px;border-radius:50%}.top-wrapper .icon[data-v-73c1a82a]{width:34px;height:34px;border-radius:8px}.top-wrapper .icon[data-v-73c1a82a]:hover{background-color:#f5f7fa}.content-wrapper[data-v-73c1a82a]{display:flex;height:100%}.content-wrapper.pad .overview-wrapper[data-v-73c1a82a]{min-width:0}.content-wrapper .overview-wrapper[data-v-73c1a82a]{flex-grow:1;flex-shrink:0;min-width:400px;background-color:#fff;position:relative;padding:20px;flex-direction:column}.content-wrapper .overview-wrapper .swiper-wrapper[data-v-73c1a82a]{width:100%}.content-wrapper .overview-wrapper .swiper-wrapper[data-v-73c1a82a] .el-carousel__arrow{background-color:rgba(20,23,31,.65);border-color:rgba(20,23,31,.65);color:#fff;font-size:16px}.content-wrapper .overview-wrapper .swiper-wrapper[data-v-73c1a82a] .el-carousel__arrow:hover{background-color:#14171f;border-color:#14171f}.content-wrapper .overview-wrapper .swiper-wrapper .img-box[data-v-73c1a82a]{position:relative}.content-wrapper .overview-wrapper .swiper-wrapper .img-box .opt-wrapper[data-v-73c1a82a]{position:absolute;left:0;right:0;bottom:0;padding:20px}.content-wrapper .overview-wrapper .swiper-wrapper .img-box .img[data-v-73c1a82a]{width:100%;height:100%}.content-wrapper .overview-wrapper .row[data-v-73c1a82a]{width:100%}.content-wrapper .overview-wrapper .title[data-v-73c1a82a]{position:absolute;top:20px;left:20px;right:20px}.content-wrapper .operate-wrapper[data-v-73c1a82a]{width:66.6%;text-align:center;background-color:#fff;position:relative;display:flex;flex-direction:column}.content-wrapper .operate-wrapper .canvas-wrapper[data-v-73c1a82a]{flex-grow:1;width:100%;overflow:auto}.content-wrapper .operate-wrapper .bottom-wrapper[data-v-73c1a82a]{flex-shrink:0;width:100%;padding:10px}.content-wrapper .operate-wrapper .bottom-wrapper .item[data-v-73c1a82a]{width:40px;height:40px;border-radius:10px}.content-wrapper .operate-wrapper .bottom-wrapper .item[data-v-73c1a82a]:hover{background-color:#ebecef}