.ImgWaterFallBox[data-v-faa6f2c2],.ImgWaterFall[data-v-faa6f2c2]{height:100%;width:100%}.ImgWaterFall[data-v-faa6f2c2]{position:relative}.ImgWaterFall:hover .cntImg[data-v-faa6f2c2]{transform:scale(1.15)}.ImgWaterFall:hover .rotate[data-v-faa6f2c2]{transform:rotate(270deg)}.ImgWaterFall video[data-v-faa6f2c2]{height:100%}.ImgWaterFall .cntImg[data-v-faa6f2c2],.ImgWaterFall video[data-v-faa6f2c2]{-o-object-fit:cover;object-fit:cover;width:100%}.ImgWaterFall .cntImg[data-v-faa6f2c2]{-webkit-user-drag:none;min-height:100%;pointer-events:none;transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ImgWaterFall .rotate[data-v-faa6f2c2]{left:0;position:absolute;top:100%;transform:rotate(270deg);transform-origin:top left}.image-detail-dialog[data-v-320cf387] .el-dialog__header{display:none}.image-detail-dialog[data-v-320cf387] .el-dialog__body{height:100%;padding:0}.image-detail-dialog[data-v-320cf387] .pop-body{height:100%;overflow-y:auto}.generate-btn[data-v-0faa4206]{background:linear-gradient(81deg,#3f8fff,#21feff);border:0;border-radius:12px;color:#fcfcfc;cursor:pointer;height:48px;left:0;padding:0 80px;z-index:1}.generate-btn .txt[data-v-0faa4206]{font-family:Inter;font-size:16px;font-weight:700}.generate-btn .generate-tips[data-v-0faa4206]{font-size:16px;font-weight:400;margin-left:5px}.generate-btn .estimated-cost[data-v-0faa4206]{font-size:12px;margin-top:5px}.generate-btn .estimate-coins[data-v-0faa4206]{color:#fff;font-size:12px;font-style:normal;font-weight:500;line-height:24px;opacity:.92;padding-left:7px;text-align:center;text-transform:none}.generate-btn .estimate-coins .estimate-coins-sub[data-v-0faa4206]{align-items:center;display:flex}.generate-btn .estimate-coins .estimate-coins-sub .estimate-coins-sub-icon[data-v-0faa4206]{font-size:32px}.generate-btn .estimate-coins .estimate-coins-sub .estimate-coins-sub-delete-text[data-v-0faa4206]{color:#fff;font-size:13px;font-style:normal;line-height:16px;margin-right:4px;opacity:.6;text-align:left;-webkit-text-decoration:line-through;text-decoration:line-through}.generate-btn .estimate-coins .estimate-coins-sub .estimate-coins-sub-normal-text[data-v-0faa4206]{color:#fff;font-size:14px;font-style:normal;line-height:16px;text-align:left}.generate-btn .discount-badge[data-v-0faa4206],.generate-btn .free-guest-mode-badge[data-v-0faa4206]{align-items:center;display:flex;font-size:12px;justify-content:center;position:absolute;right:-4%;top:-25%}.generate-btn .discount-badge-text[data-v-0faa4206],.generate-btn .free-guest-mode-badge-text[data-v-0faa4206]{font-size:13px;font-style:normal;font-weight:700;line-height:16px;text-align:left}.generate-btn .free-guest-mode-badge[data-v-0faa4206]{background:linear-gradient(90deg,#fdfaeb,#f7cc7f);border-radius:20px;height:30px;padding:0 18px}.generate-btn .free-guest-mode-badge-text[data-v-0faa4206]{color:#7e4310;font-family:Inter}.generate-btn .discount-badge[data-v-0faa4206]{background:linear-gradient(129deg,#ffdb93,#ffbf56);border-radius:12px 5px 12px 0;box-shadow:inset 0 0 6px 0 rgba(255,212,149,.6);height:24px;width:74px}.generate-btn .discount-badge-text[data-v-0faa4206]{color:#000;text-transform:none}.generate-btn.not-create[data-v-0faa4206]{background:linear-gradient(81deg,#3f8fff,#21feff);border-radius:8px;height:40px;margin:0 auto;opacity:.5;width:184px}[data-v-74e4ba74] .c-generate-redraw-modal .el-dialog__header{display:none}[data-v-74e4ba74] .c-generate-redraw-modal .el-dialog__body{height:100%;padding:0;width:100%}[data-v-74e4ba74] .c-generate-redraw-modal .v-modal{display:none}.main[data-v-74e4ba74]{background-color:#02050e;height:100%;overflow:hidden;position:relative;width:100%}.main[data-v-74e4ba74]:before{background-image:radial-gradient(hsla(240,2%,76%,.5) 1px,transparent 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.main .disabledStyle[data-v-74e4ba74]{opacity:.5}.main .disabledStyle .bnt[data-v-74e4ba74],.main .disabledStyle .compare[data-v-74e4ba74],.main .disabledStyle .dragIcon[data-v-74e4ba74],.main .disabledStyle .rightBnt[data-v-74e4ba74],.main .disabledStyle .toolItem[data-v-74e4ba74],.main .disabledStyle[data-v-74e4ba74]{cursor:not-allowed!important}.main .top[data-v-74e4ba74]{background-color:#06060d;border-bottom:1px solid #2a2832;box-sizing:border-box;height:58px;justify-content:space-between;left:0;padding:0 16px;position:absolute;top:0;width:100%;z-index:2}.main .top .topItem .back[data-v-74e4ba74],.main .top .topItem[data-v-74e4ba74],.main .top[data-v-74e4ba74]{align-items:center;display:flex}.main .top .topItem .back[data-v-74e4ba74]{background-color:hsla(0,0%,100%,.1);border-radius:9px;cursor:pointer;height:36px;justify-content:center;width:36px}.main .top .topItem .back i[data-v-74e4ba74]{color:#828086;font-size:16px}.main .top .topItem .title[data-v-74e4ba74]{color:#fefefe;font-size:16px;font-weight:500}.main .top .topItem .bntBox[data-v-74e4ba74]{align-items:center;border:1px solid #2a2832;border-radius:5px;display:flex;justify-content:center}.main .top .topItem .bntBox .bnt[data-v-74e4ba74]{align-items:center;cursor:pointer;display:flex;height:34px;justify-content:center;width:38px}.main .top .topItem .bntBox .bnt[data-v-74e4ba74]:nth-child(2){border-left:1px solid #2a2832;border-right:1px solid #2a2832}.main .top .topItem .bntBox .bnt .iconfont[data-v-74e4ba74],.main .top .topItem .bntBox .bnt .svg-icon[data-v-74e4ba74],.main .top .topItem .bntBox .bnt i[data-v-74e4ba74]{color:#c0c0c3;font-size:23px}.main .top .topItem .rightBnt[data-v-74e4ba74]{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;cursor:pointer;display:flex;height:36px;padding:0 16px}.main .top .topItem .rightBnt[data-v-74e4ba74]:first-child{margin-right:16px}.main .top .topItem .rightBnt i[data-v-74e4ba74]{color:#fefefe;font-size:14px;margin-right:8px}.main .top .topItem .rightBnt span[data-v-74e4ba74]{color:#fefefe;font-size:12px}.main .generate-btn-box[data-v-74e4ba74]{bottom:60px;left:50%;position:absolute;transform:translateX(-50%);z-index:1}.main .right[data-v-74e4ba74]{align-items:center;bottom:60px;display:flex;position:absolute;right:65px;z-index:2}.main .right .dragIcon[data-v-74e4ba74]{align-items:center;background-color:#24262a;border:1px solid #2a2832;border-radius:5px;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.main .right .dragIcon i[data-v-74e4ba74]{color:#c0c0c3;font-size:18px}.main .right .sizeBox[data-v-74e4ba74]{background-color:#24262a;border:1px solid #35383c;border-radius:5px;display:flex;height:34px;margin:0 11px}.main .right .sizeBox .sizeBnt[data-v-74e4ba74]{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:34px}.main .right .sizeBox .sizeBnt i[data-v-74e4ba74]{color:#c0c0c3;font-size:16px}.main .right .sizeBox .sizeNum[data-v-74e4ba74]{align-items:center;border-left:1px solid #35383c;border-right:1px solid #35383c;color:#c0c0c3;display:flex;font-size:14px;height:100%;justify-content:center;width:56px}.main .right .compare[data-v-74e4ba74]{align-items:center;background-color:#24262a;border:1px solid #35383c;border-radius:5px;cursor:pointer;display:flex;height:34px;padding:0 8px}.main .right .compare i[data-v-74e4ba74]{color:#c0c0c3;font-size:18px;margin-right:5px}.main .right .compare span[data-v-74e4ba74]{color:#c0c0c3;font-size:14px}.main .left[data-v-74e4ba74]{background-color:#14161a;border-radius:10px;left:16px;padding:10px;position:absolute;top:90px;z-index:2}.main .left .toolItem[data-v-74e4ba74]{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:74px;justify-content:center;min-width:64px;position:relative}.main .left .toolItem i[data-v-74e4ba74]{color:#9fa4ac;font-size:24px;margin-bottom:6px}.main .left .toolItem span[data-v-74e4ba74]{color:#9fa4ac;font-size:12px}.main .left .toolItem[data-v-74e4ba74]:last-child{margin-bottom:0}.main .left .activateToolItem[data-v-74e4ba74]{background-color:#26292e}.main .left .activateToolItem i[data-v-74e4ba74],.main .left .activateToolItem span[data-v-74e4ba74]{color:#fff}.main .left[data-v-74e4ba74] .lineSize{align-items:center;background-color:#24262a;border-radius:10px;box-shadow:0 8px 40px 0 rgba(5,2,14,.6);display:flex;padding:14px 16px;position:absolute;right:-300px;top:0}.main .left[data-v-74e4ba74] .lineSize span{color:#fff;font-size:14px;margin-right:10px}.main .left[data-v-74e4ba74] .lineSize .el-slider{width:200px}.main .left[data-v-74e4ba74] .lineSize .el-slider .el-input-number--small{width:76px}.main .left[data-v-74e4ba74] .lineSize .el-slider .el-input-number--small .el-input__inner{background-color:#393b41;border:none;border-radius:8px;color:#fff}.main .left[data-v-74e4ba74] .lineSize .el-slider .show-input{margin-right:90px}.main .draggable[data-v-74e4ba74]{background-color:#2a2832;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.main .draggable img[data-v-74e4ba74]{height:100%;width:100%}.main .draggable .laodMsk[data-v-74e4ba74]{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.main .draggable .segment-image-draw-img-hover-mask[data-v-74e4ba74]{pointer-events:none}.main .draggable .segment-image-draw-img-hover-mask[data-v-74e4ba74],.main .draggable canvas[data-v-74e4ba74]{filter:opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%);left:0;position:absolute;top:0}.main .draggable canvas[data-v-74e4ba74]{height:100%;width:100%;z-index:1}.main .draggable .rectCanvas[data-v-74e4ba74]{left:0;position:absolute;top:0;z-index:2}[data-v-3a0e5eec] .c-generate-redraw-modal .el-dialog__header{display:none}[data-v-3a0e5eec] .c-generate-redraw-modal .el-dialog__body{height:100%;padding:0;width:100%}[data-v-3a0e5eec] .c-generate-redraw-modal .v-modal{display:none}.main[data-v-3a0e5eec]{background-color:#02050e;height:100%;overflow:hidden;position:relative;width:100%}.main[data-v-3a0e5eec]:before{background-image:radial-gradient(hsla(240,2%,76%,.5) 1px,transparent 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.main .disabledStyle[data-v-3a0e5eec]{opacity:.5}.main .disabledStyle .bnt[data-v-3a0e5eec],.main .disabledStyle .compare[data-v-3a0e5eec],.main .disabledStyle .dragIcon[data-v-3a0e5eec],.main .disabledStyle .rightBnt[data-v-3a0e5eec],.main .disabledStyle .toolItem[data-v-3a0e5eec],.main .disabledStyle[data-v-3a0e5eec]{cursor:not-allowed!important}.main .top[data-v-3a0e5eec]{background-color:#06060d;border-bottom:1px solid #2a2832;box-sizing:border-box;height:58px;justify-content:space-between;left:0;padding:0 16px;position:absolute;top:0;width:100%;z-index:2}.main .top .topItem .back[data-v-3a0e5eec],.main .top .topItem[data-v-3a0e5eec],.main .top[data-v-3a0e5eec]{align-items:center;display:flex}.main .top .topItem .back[data-v-3a0e5eec]{background-color:hsla(0,0%,100%,.1);border-radius:9px;cursor:pointer;height:36px;justify-content:center;width:36px}.main .top .topItem .back i[data-v-3a0e5eec]{color:#828086;font-size:16px}.main .top .topItem .title[data-v-3a0e5eec]{color:#fefefe;font-size:16px;font-weight:500}.main .top .topItem .bntBox[data-v-3a0e5eec]{align-items:center;border:1px solid #2a2832;border-radius:5px;display:flex;justify-content:center}.main .top .topItem .bntBox .bnt[data-v-3a0e5eec]{align-items:center;cursor:pointer;display:flex;height:34px;justify-content:center;width:38px}.main .top .topItem .bntBox .bnt[data-v-3a0e5eec]:nth-child(2){border-left:1px solid #2a2832;border-right:1px solid #2a2832}.main .top .topItem .bntBox .bnt .iconfont[data-v-3a0e5eec],.main .top .topItem .bntBox .bnt .svg-icon[data-v-3a0e5eec],.main .top .topItem .bntBox .bnt i[data-v-3a0e5eec]{color:#c0c0c3;font-size:23px}.main .top .topItem .rightBnt[data-v-3a0e5eec]{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;cursor:pointer;display:flex;height:36px;padding:0 16px}.main .top .topItem .rightBnt[data-v-3a0e5eec]:first-child{margin-right:16px}.main .top .topItem .rightBnt i[data-v-3a0e5eec]{color:#fefefe;font-size:14px;margin-right:8px}.main .top .topItem .rightBnt span[data-v-3a0e5eec]{color:#fefefe;font-size:12px}.main .generate-box[data-v-3a0e5eec]{bottom:60px;left:50%;position:absolute;transform:translateX(-50%);z-index:1}.main .generate-box[data-v-3a0e5eec] .prompt-box{border-radius:12px;margin-bottom:16px;width:400px}.main .generate-box[data-v-3a0e5eec] .prompt-box .el-textarea{margin:0 auto}.main .generate-box[data-v-3a0e5eec] .prompt-box .el-textarea .el-textarea__inner{background:#24262a;border:none;border-radius:12px;box-shadow:0 24px 32px -16px rgba(0,0,0,.1);color:#c0c0c3}.main .generate-box[data-v-3a0e5eec] .prompt-box .el-textarea .el-textarea__inner::-moz-placeholder{color:#606266}.main .generate-box[data-v-3a0e5eec] .prompt-box .el-textarea .el-textarea__inner::placeholder{color:#606266}.main .generate-box[data-v-3a0e5eec] .generate-btn-box{position:relative}.main .generate-box[data-v-3a0e5eec] .generate-btn-box .el-button{margin:0 auto}.main .right[data-v-3a0e5eec]{align-items:center;bottom:60px;display:flex;position:absolute;right:65px;z-index:2}.main .right .dragIcon[data-v-3a0e5eec]{align-items:center;background-color:#24262a;border:1px solid #2a2832;border-radius:5px;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.main .right .dragIcon i[data-v-3a0e5eec]{color:#c0c0c3;font-size:18px}.main .right .sizeBox[data-v-3a0e5eec]{background-color:#24262a;border:1px solid #35383c;border-radius:5px;display:flex;height:34px;margin:0 11px}.main .right .sizeBox .sizeBnt[data-v-3a0e5eec]{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:34px}.main .right .sizeBox .sizeBnt i[data-v-3a0e5eec]{color:#c0c0c3;font-size:16px}.main .right .sizeBox .sizeNum[data-v-3a0e5eec]{align-items:center;border-left:1px solid #35383c;border-right:1px solid #35383c;color:#c0c0c3;display:flex;font-size:14px;height:100%;justify-content:center;width:56px}.main .right .compare[data-v-3a0e5eec]{align-items:center;background-color:#24262a;border:1px solid #35383c;border-radius:5px;cursor:pointer;display:flex;height:34px;padding:0 8px}.main .right .compare i[data-v-3a0e5eec]{color:#c0c0c3;font-size:18px;margin-right:5px}.main .right .compare span[data-v-3a0e5eec]{color:#c0c0c3;font-size:14px}.main .left[data-v-3a0e5eec]{background-color:#14161a;border-radius:10px;left:16px;padding:10px;position:absolute;top:90px;z-index:2}.main .left .toolItem[data-v-3a0e5eec]{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:74px;justify-content:center;min-width:64px;position:relative}.main .left .toolItem i[data-v-3a0e5eec]{color:#9fa4ac;font-size:24px;margin-bottom:6px}.main .left .toolItem span[data-v-3a0e5eec]{color:#9fa4ac;font-size:12px}.main .left .toolItem[data-v-3a0e5eec]:last-child{margin-bottom:0}.main .left .activateToolItem[data-v-3a0e5eec]{background-color:#26292e}.main .left .activateToolItem i[data-v-3a0e5eec],.main .left .activateToolItem span[data-v-3a0e5eec]{color:#fff}.main .left[data-v-3a0e5eec] .lineSize{align-items:center;background-color:#24262a;border-radius:10px;box-shadow:0 8px 40px 0 rgba(5,2,14,.6);display:flex;padding:14px 16px;position:absolute;right:-300px;top:0}.main .left[data-v-3a0e5eec] .lineSize span{color:#fff;font-size:14px;margin-right:10px}.main .left[data-v-3a0e5eec] .lineSize .el-slider{width:200px}.main .left[data-v-3a0e5eec] .lineSize .el-slider .el-input-number--small{width:76px}.main .left[data-v-3a0e5eec] .lineSize .el-slider .el-input-number--small .el-input__inner{background-color:#393b41;border:none;border-radius:8px;color:#fff}.main .left[data-v-3a0e5eec] .lineSize .el-slider .show-input{margin-right:90px}.main .draggable[data-v-3a0e5eec]{background-color:#2a2832;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);z-index:1}.main .draggable img[data-v-3a0e5eec]{height:100%;width:100%}.main .draggable .laodMsk[data-v-3a0e5eec]{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.main .draggable .segment-image-draw-img-hover-mask[data-v-3a0e5eec]{pointer-events:none}.main .draggable .segment-image-draw-img-hover-mask[data-v-3a0e5eec],.main .draggable canvas[data-v-3a0e5eec]{filter:opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%);left:0;position:absolute;top:0}.main .draggable canvas[data-v-3a0e5eec]{height:100%;width:100%;z-index:1}.main .draggable .rectCanvas[data-v-3a0e5eec]{left:0;position:absolute;top:0;z-index:2}[data-v-23b3f1ad] .c-generate-redraw-modal .el-dialog__header{display:none}[data-v-23b3f1ad] .c-generate-redraw-modal .el-dialog__body{height:100%;padding:0;width:100%}[data-v-23b3f1ad] .c-generate-redraw-modal .v-modal{display:none}.main[data-v-23b3f1ad]{background-color:#02050e;box-sizing:border-box;height:100%;overflow:hidden;padding:58px 0 200px;position:relative;width:100%}.main[data-v-23b3f1ad]:before{background-image:radial-gradient(hsla(240,2%,76%,.5) 1px,transparent 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.main .disabledStyle[data-v-23b3f1ad]{opacity:.5}.main .disabledStyle .bnt[data-v-23b3f1ad],.main .disabledStyle .compare[data-v-23b3f1ad],.main .disabledStyle .dragIcon[data-v-23b3f1ad],.main .disabledStyle .rightBnt[data-v-23b3f1ad],.main .disabledStyle .toolItem[data-v-23b3f1ad],.main .disabledStyle[data-v-23b3f1ad]{cursor:not-allowed!important}.main .top[data-v-23b3f1ad]{background-color:#06060d;border-bottom:1px solid #2a2832;box-sizing:border-box;height:58px;justify-content:space-between;left:0;padding:0 16px;position:absolute;top:0;width:100%;z-index:1}.main .top .topItem .back[data-v-23b3f1ad],.main .top .topItem[data-v-23b3f1ad],.main .top[data-v-23b3f1ad]{align-items:center;display:flex}.main .top .topItem .back[data-v-23b3f1ad]{background-color:hsla(0,0%,100%,.1);border-radius:9px;cursor:pointer;height:36px;justify-content:center;width:36px}.main .top .topItem .back i[data-v-23b3f1ad]{color:#828086;font-size:16px}.main .top .topItem .title[data-v-23b3f1ad]{color:#fefefe;font-size:16px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main .top .topItem .rightBnt[data-v-23b3f1ad]{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;cursor:pointer;display:flex;height:36px;padding:0 16px}.main .top .topItem .rightBnt[data-v-23b3f1ad]:first-child{margin-right:16px}.main .top .topItem .rightBnt i[data-v-23b3f1ad]{color:#fefefe;font-size:14px;margin-right:8px}.main .top .topItem .rightBnt span[data-v-23b3f1ad]{color:#fefefe;font-size:12px}.main .content[data-v-23b3f1ad]{align-items:center;height:100%;justify-content:center;padding-top:20px;position:relative;width:100%}.main .content .edit-area[data-v-23b3f1ad]{background:#14161a;border-radius:8px;height:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);width:1120px}.main .content .edit-area .ratio-selector[data-v-23b3f1ad]{align-items:center;background-color:transparent;display:flex;justify-content:center;margin-right:16px;position:absolute;right:100%;top:50%;transform:translateY(-50%)}.main .content .edit-area .ratio-selector .ratio-options[data-v-23b3f1ad]{background-color:#14161a;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:8px}.main .content .edit-area .ratio-selector .ratio-options .ratio-item[data-v-23b3f1ad]{text-wrap:nowrap;align-items:center;background-color:transparent;border:none;border-radius:6px;color:#9094a6;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:4px;padding:10px 12px;text-align:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main .content .edit-area .ratio-selector .ratio-options .ratio-item .left-content[data-v-23b3f1ad]{width:26px}.main .content .edit-area .ratio-selector .ratio-options .ratio-item .left-content .ratio-example[data-v-23b3f1ad]{border:1px solid #9b9c9e;border-radius:2px;display:inline-block}.main .content .edit-area .ratio-selector .ratio-options .ratio-item .left-content .iconfont[data-v-23b3f1ad]{font-size:26px}.main .content .edit-area .ratio-selector .ratio-options .ratio-item.active[data-v-23b3f1ad],.main .content .edit-area .ratio-selector .ratio-options .ratio-item[data-v-23b3f1ad]:hover{background-color:#26292e;color:hsla(0,0%,100%,.922)}.main .content .edit-area .canvas-content .image-container[data-v-23b3f1ad],.main .content .edit-area .canvas-content[data-v-23b3f1ad]{left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}.main .content .edit-area .canvas-content .image-container[data-v-23b3f1ad]{cursor:move;height:100%;overflow:hidden;transition:all .3s ease;width:100%;z-index:2}.main .content .edit-area .canvas-content .image-container.is-dragging[data-v-23b3f1ad]{transition:none}.main .content .edit-area .canvas-content .image-container .edit-image[data-v-23b3f1ad]{-webkit-user-drag:none;display:block;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;pointer-events:auto;position:absolute;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.main .content .edit-area .canvas-content .resize-frame[data-v-23b3f1ad]{background:repeating-conic-gradient(#101010 0,#101010 25%,#000 0,#000 50%) 50%/22px 22px;background:repeating-conic-gradient(#101010 0 25%,#000 0 50%) 50%/22px 22px;border:1px solid #949fa6;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;z-index:1}.main .content .edit-area .canvas-content .resize-frame.is-dragging[data-v-23b3f1ad]{transition:none}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle[data-v-23b3f1ad]{border:3px solid #9bb3c0;box-sizing:border-box;height:19px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:19px;z-index:3;z-index:10}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle[data-v-23b3f1ad]:after,.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle[data-v-23b3f1ad]:before{background-color:#9bb3c0;content:"";height:3px;position:absolute;width:3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-nw[data-v-23b3f1ad]{border-bottom-color:transparent;border-right-color:transparent;cursor:nw-resize;left:-3px;top:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-nw[data-v-23b3f1ad]:before{right:-3px;top:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-nw[data-v-23b3f1ad]:after{bottom:-3px;left:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-ne[data-v-23b3f1ad]{border-bottom-color:transparent;border-left-color:transparent;cursor:ne-resize;right:-3px;top:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-ne[data-v-23b3f1ad]:before{left:-3px;top:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-ne[data-v-23b3f1ad]:after{bottom:-3px;right:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-sw[data-v-23b3f1ad]{border-right-color:transparent;border-top-color:transparent;bottom:-3px;cursor:sw-resize;left:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-sw[data-v-23b3f1ad]:before{left:-3px;top:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-sw[data-v-23b3f1ad]:after{bottom:-3px;right:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-se[data-v-23b3f1ad]{border-left-color:transparent;border-top-color:transparent;bottom:-3px;cursor:se-resize;right:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-se[data-v-23b3f1ad]:before{right:-3px;top:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-se[data-v-23b3f1ad]:after{bottom:-3px;left:-3px}.main .content .edit-area .canvas-content .resize-frame .resize-handle[data-v-23b3f1ad]{border-radius:3px;height:32px;position:absolute;width:32px;z-index:3}.main .content .edit-area .canvas-content .resize-frame .resize-handle[data-v-23b3f1ad]:before{background-color:#9bb3c0;content:"";position:absolute}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-n[data-v-23b3f1ad]{cursor:n-resize;left:50%;top:0;transform:translateX(-50%) translateY(-50%)}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-n[data-v-23b3f1ad]:before{bottom:50%;height:4px;left:0;width:100%}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-s[data-v-23b3f1ad]{cursor:s-resize;left:50%;top:100%;transform:translateX(-50%) translateY(-50%)}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-s[data-v-23b3f1ad]:before{height:4px;left:0;top:50%;width:100%}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-e[data-v-23b3f1ad]{cursor:e-resize;left:100%;top:50%;transform:translateY(-50%) translateX(-50%)}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-e[data-v-23b3f1ad]:before{height:100%;left:50%;top:0;width:4px}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-w[data-v-23b3f1ad]{cursor:w-resize;right:100%;top:50%;transform:translateY(-50%) translateX(50%)}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-w[data-v-23b3f1ad]:before{height:100%;right:50%;top:0;width:4px}.main .content .edit-area .canvas-container[data-v-23b3f1ad]{align-items:center;flex-direction:column;justify-content:center;margin:0 auto;position:relative}.main .generate-box[data-v-23b3f1ad]{bottom:0;left:0;margin:20px 0;position:absolute;text-align:center;width:100%}.main .generate-box[data-v-23b3f1ad] .prompt-box{border-radius:12px;margin:0 auto 20px;width:400px}.main .generate-box[data-v-23b3f1ad] .prompt-box .el-textarea{margin:0 auto}.main .generate-box[data-v-23b3f1ad] .prompt-box .el-textarea .el-textarea__inner{background:#24262a;border:none;border-radius:12px;box-shadow:0 24px 32px -16px rgba(0,0,0,.1);color:#c0c0c3}.main .generate-box[data-v-23b3f1ad] .prompt-box .el-textarea .el-textarea__inner::-moz-placeholder{color:#606266}.main .generate-box[data-v-23b3f1ad] .prompt-box .el-textarea .el-textarea__inner::placeholder{color:#606266}.main .generate-box[data-v-23b3f1ad] .generate-btn-box{cursor:pointer;display:inline-block;position:relative}.main .generate-box[data-v-23b3f1ad] .generate-btn-box .el-button{margin:0 auto}.main .draggable[data-v-23b3f1ad]{background-color:#2a2832;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);z-index:1}.main .draggable img[data-v-23b3f1ad]{height:100%;width:100%}.sizeListBox .sizeList{background-color:#24262a;padding:6px 16px}.sizeListBox .sizeList .sizeItem{color:#c0c0c3;cursor:pointer;font-size:14px;height:32px;line-height:32px}.image-tooltips[data-v-1771d367]{padding:0 10px 10px;position:relative}.image-tooltips>i[data-v-1771d367]{color:#cbd5e1;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px;z-index:1}.image-tooltips .el-form-item[data-v-1771d367]{margin-bottom:0}.image-tooltips .model-item[data-v-1771d367]{align-items:center;display:flex;margin-top:10px}.image-tooltips .model-item label[data-v-1771d367]{color:#cbd5e1;margin-right:20px}.image-tooltips .model-item span[data-v-1771d367]{background:#20293b;border-radius:4px;color:#cbd5e1;flex:1;line-height:28px;overflow:hidden;padding:6px 10px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.image-tooltips .cenerate-btn[data-v-1771d367]{margin-top:10px;text-align:center}.image-tooltips .cenerate-btn button[data-v-1771d367]{display:inline-block;width:90%}.image-tooltips[data-v-1771d367] .el-input-number .el-input__inner{text-align:right;width:160px}