.generate-btn[data-v-f89147fb]{cursor:pointer;color:#fcfcfc;background:linear-gradient(81deg,#3f8fff,#21feff);border:0;border-radius:8px;width:100%;height:48px;position:relative}.generate-btn .txt[data-v-f89147fb]{font-family:Inter;font-size:16px;font-weight:700}.generate-btn .generate-tips[data-v-f89147fb]{margin-left:5px;font-size:16px;font-weight:400}.generate-btn .estimated-cost[data-v-f89147fb]{margin-top:5px;font-size:12px}.generate-btn[data-v-f89147fb] .free-creation-icon{width:100px;height:55px;position:absolute;top:-25%;right:-4%}.generate-btn[data-v-f89147fb] .free-creation-icon .lottie-animation{width:100px;height:55px}.generate-btn .estimate-coins[data-v-f89147fb]{color:#fff;opacity:.92;text-align:center;text-transform:none;padding-left:7px;font-size:12px;font-style:normal;font-weight:500;line-height:24px}.generate-btn .estimate-coins .estimate-coins-sub[data-v-f89147fb]{align-items:center;display:flex}.generate-btn .estimate-coins .estimate-coins-sub .estimate-coins-sub-icon[data-v-f89147fb]{font-size:32px}.generate-btn .estimate-coins .estimate-coins-sub .estimate-coins-sub-delete-text[data-v-f89147fb]{color:#fff;opacity:.6;text-align:left;margin-right:4px;font-size:13px;font-style:normal;line-height:16px;text-decoration:line-through}.generate-btn .estimate-coins .estimate-coins-sub .estimate-coins-sub-normal-text[data-v-f89147fb]{color:#fff;text-align:left;font-size:14px;font-style:normal;line-height:16px}.generate-btn .discount-badge[data-v-f89147fb],.generate-btn .free-guest-mode-badge[data-v-f89147fb]{justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:-25%;right:-10px}.generate-btn .discount-badge-text[data-v-f89147fb],.generate-btn .free-guest-mode-badge-text[data-v-f89147fb]{text-align:left;font-size:12px;font-style:normal;font-weight:700;line-height:16px}.generate-btn .discount-badge[data-v-f89147fb]{background:linear-gradient(129deg,#ffdb93,#ffbf56);border-radius:12px 5px 12px 0;width:70px;height:24px;padding:0 0 0 4px;box-shadow:inset 0 0 6px #ffd49599}.generate-btn .discount-badge .discount-badge-text[data-v-f89147fb]{color:#000;text-transform:none}.generate-btn .free-guest-mode-badge[data-v-f89147fb]{background:linear-gradient(90deg,#fdfaeb,#f7cc7f);border-radius:20px;height:30px;padding:0 18px}.generate-btn .free-guest-mode-badge-text[data-v-f89147fb]{color:#7e4310;font-family:Inter}.main[data-v-0aa6827d]{background-color:#02050e;width:100%;height:100%;position:relative;overflow:hidden}.main[data-v-0aa6827d]:before{content:"";opacity:.4;background-image:radial-gradient(#c0c0c380 1px,#0000 0);background-size:20px 20px;position:absolute;inset:0}.main .disabledStyle[data-v-0aa6827d]{opacity:.5}.main .disabledStyle[data-v-0aa6827d],.main .disabledStyle .bnt[data-v-0aa6827d],.main .disabledStyle .compare[data-v-0aa6827d],.main .disabledStyle .dragIcon[data-v-0aa6827d],.main .disabledStyle .rightBnt[data-v-0aa6827d],.main .disabledStyle .toolItem[data-v-0aa6827d]{cursor:not-allowed!important}.main .top[data-v-0aa6827d]{z-index:2;box-sizing:border-box;background-color:#06060d;border-bottom:1px solid #2a2832;justify-content:space-between;width:100%;height:58px;padding:0 16px;position:absolute;top:0;left:0}.main .top[data-v-0aa6827d],.main .top .topItem[data-v-0aa6827d],.main .top .topItem .back[data-v-0aa6827d]{align-items:center;display:flex}.main .top .topItem .back[data-v-0aa6827d]{cursor:pointer;background-color:#ffffff1a;border-radius:9px;justify-content:center;width:36px;height:36px}.main .top .topItem .back .el-icon[data-v-0aa6827d]{color:#828086;font-size:16px}.main .top .topItem .title[data-v-0aa6827d]{color:#fefefe;font-size:16px;font-weight:500}.main .top .topItem .bntBox[data-v-0aa6827d]{border:1px solid #2a2832;border-radius:5px;justify-content:center;align-items:center;display:flex}.main .top .topItem .bntBox .bnt[data-v-0aa6827d]{width:38px;height:34px}.main .top .topItem .bntBox .bnt[data-v-0aa6827d]:nth-child(2){border-left:1px solid #2a2832;border-right:1px solid #2a2832}.main .top .topItem .bntBox .bnt[data-v-0aa6827d]{cursor:pointer;justify-content:center;align-items:center;display:flex}.main .top .topItem .bntBox .bnt .el-icon[data-v-0aa6827d],.main .top .topItem .bntBox .bnt .iconfont[data-v-0aa6827d],.main .top .topItem .bntBox .bnt .svg-icon[data-v-0aa6827d]{color:#c0c0c3;font-size:23px}.main .top .topItem .rightBnt[data-v-0aa6827d]{cursor:pointer;border:1px solid #fefefe1a;border-radius:6px;align-items:center;height:36px;padding:0 16px;display:flex}.main .top .topItem .rightBnt[data-v-0aa6827d]:first-child{margin-right:16px}.main .top .topItem .rightBnt .el-icon[data-v-0aa6827d]{color:#fefefe;margin-right:8px;font-size:14px}.main .top .topItem .rightBnt span[data-v-0aa6827d]{color:#fefefe;font-size:12px}.main .generate-btn-box[data-v-0aa6827d]{z-index:1;width:280px;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.main .right[data-v-0aa6827d]{z-index:2;align-items:center;display:flex;position:absolute;bottom:60px;right:65px}.main .right .dragIcon[data-v-0aa6827d]{cursor:pointer;background-color:#24262a;border:1px solid #2a2832;border-radius:5px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.main .right .dragIcon .iconfont[data-v-0aa6827d]{color:#c0c0c3;font-size:18px}.main .right .sizeBox[data-v-0aa6827d]{background-color:#24262a;border:1px solid #35383c;border-radius:5px;height:34px;margin:0 11px;display:flex}.main .right .sizeBox .sizeBnt[data-v-0aa6827d]{cursor:pointer;justify-content:center;align-items:center;width:34px;height:100%;display:flex}.main .right .sizeBox .sizeBnt .el-icon[data-v-0aa6827d]{color:#c0c0c3;font-size:16px}.main .right .sizeBox .sizeNum[data-v-0aa6827d]{color:#c0c0c3;border-left:1px solid #35383c;border-right:1px solid #35383c;justify-content:center;align-items:center;width:56px;height:100%;font-size:14px;display:flex}.main .right .compare[data-v-0aa6827d]{cursor:pointer;background-color:#24262a;border:1px solid #35383c;border-radius:5px;align-items:center;height:34px;padding:0 8px;display:flex}.main .right .compare .iconfont[data-v-0aa6827d]{color:#c0c0c3;margin-right:5px;font-size:18px}.main .right .compare span[data-v-0aa6827d]{color:#c0c0c3;font-size:14px}.main .left[data-v-0aa6827d]{z-index:2;background-color:#14161a;border-radius:10px;padding:10px;position:absolute;top:90px;left:16px}.main .left .toolItem[data-v-0aa6827d]{cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:64px;height:74px;display:flex;position:relative}.main .left .toolItem .iconfont[data-v-0aa6827d]{color:#9fa4ac;margin-bottom:6px;font-size:24px}.main .left .toolItem span[data-v-0aa6827d]{color:#9fa4ac;font-size:12px}.main .left .toolItem[data-v-0aa6827d]:last-child{margin-bottom:0}.main .left .activateToolItem[data-v-0aa6827d]{background-color:#26292e}.main .left .activateToolItem .iconfont[data-v-0aa6827d],.main .left .activateToolItem span[data-v-0aa6827d]{color:#fff}.main .left[data-v-0aa6827d] .lineSize{background-color:#24262a;border-radius:10px;align-items:center;padding:14px 16px;display:flex;position:absolute;top:0;right:-300px;box-shadow:0 8px 40px #05020e99}.main .left[data-v-0aa6827d] .lineSize span{color:#fff;margin-right:10px;font-size:14px}.main .left[data-v-0aa6827d] .lineSize .el-slider{--el-slider-main-bg-color:#4784ff;--el-slider-runway-bg-color:#e6e8ee;--el-slider-button-size:20px;--el-slider-height:6px;width:200px}.main .left[data-v-0aa6827d] .lineSize .el-slider .el-slider__runway.show-input{margin-right:20px}.main .left[data-v-0aa6827d] .lineSize .el-slider .el-slider__input,.main .left[data-v-0aa6827d] .lineSize .el-slider .el-input-number,.main .left[data-v-0aa6827d] .lineSize .el-slider .el-input-number--small{width:76px}.main .left[data-v-0aa6827d] .lineSize .el-slider .el-input-number .el-input__wrapper,.main .left[data-v-0aa6827d] .lineSize .el-slider .el-input-number--small .el-input__wrapper{background-color:#393b41;border:none;border-radius:8px;box-shadow:none!important}.main .left[data-v-0aa6827d] .lineSize .el-slider .el-input-number .el-input__wrapper.is-focus,.main .left[data-v-0aa6827d] .lineSize .el-slider .el-input-number .el-input__wrapper:hover,.main .left[data-v-0aa6827d] .lineSize .el-slider .el-input-number--small .el-input__wrapper.is-focus,.main .left[data-v-0aa6827d] .lineSize .el-slider .el-input-number--small .el-input__wrapper:hover{box-shadow:none!important}.main .left[data-v-0aa6827d] .lineSize .el-slider .el-input-number .el-input__inner,.main .left[data-v-0aa6827d] .lineSize .el-slider .el-input-number--small .el-input__inner{color:#fff;box-shadow:none;text-align:center;background-color:#0000;font-size:14px}.main .draggable[data-v-0aa6827d]{z-index:1;background-color:#2a2832;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main .draggable img[data-v-0aa6827d]{width:100%;height:100%}.main .draggable .laodMsk[data-v-0aa6827d]{background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.main .draggable .segment-image-draw-img-hover-mask[data-v-0aa6827d]{pointer-events:none}.main .draggable .segment-image-draw-img-hover-mask[data-v-0aa6827d],.main .draggable canvas[data-v-0aa6827d]{filter:opacity(60%)brightness(0)saturate()invert(14%)sepia(81%)saturate(6216%)hue-rotate(352deg)brightness(91%)contrast(118%);position:absolute;top:0;left:0}.main .draggable canvas[data-v-0aa6827d]{z-index:1;width:100%;height:100%}.main .draggable .rectCanvas[data-v-0aa6827d]{z-index:2;position:absolute;top:0;left:0}.main[data-v-0081c17d]{background-color:#02050e;width:100%;height:100%;position:relative;overflow:hidden}.main[data-v-0081c17d]:before{content:"";opacity:.4;background-image:radial-gradient(#c0c0c380 1px,#0000 0);background-size:20px 20px;position:absolute;inset:0}.main .disabledStyle[data-v-0081c17d]{opacity:.5}.main .disabledStyle[data-v-0081c17d],.main .disabledStyle .bnt[data-v-0081c17d],.main .disabledStyle .compare[data-v-0081c17d],.main .disabledStyle .dragIcon[data-v-0081c17d],.main .disabledStyle .rightBnt[data-v-0081c17d],.main .disabledStyle .toolItem[data-v-0081c17d]{cursor:not-allowed!important}.main .top[data-v-0081c17d]{z-index:2;box-sizing:border-box;background-color:#06060d;border-bottom:1px solid #2a2832;justify-content:space-between;width:100%;height:58px;padding:0 16px;position:absolute;top:0;left:0}.main .top[data-v-0081c17d],.main .top .topItem[data-v-0081c17d],.main .top .topItem .back[data-v-0081c17d]{align-items:center;display:flex}.main .top .topItem .back[data-v-0081c17d]{cursor:pointer;background-color:#ffffff1a;border-radius:9px;justify-content:center;width:36px;height:36px}.main .top .topItem .back .el-icon[data-v-0081c17d]{color:#828086;font-size:16px}.main .top .topItem .title[data-v-0081c17d]{color:#fefefe;font-size:16px;font-weight:500}.main .top .topItem .bntBox[data-v-0081c17d]{border:1px solid #2a2832;border-radius:5px;justify-content:center;align-items:center;display:flex}.main .top .topItem .bntBox .bnt[data-v-0081c17d]{width:38px;height:34px}.main .top .topItem .bntBox .bnt[data-v-0081c17d]:nth-child(2){border-left:1px solid #2a2832;border-right:1px solid #2a2832}.main .top .topItem .bntBox .bnt[data-v-0081c17d]{cursor:pointer;justify-content:center;align-items:center;display:flex}.main .top .topItem .bntBox .bnt .el-icon[data-v-0081c17d],.main .top .topItem .bntBox .bnt .iconfont[data-v-0081c17d],.main .top .topItem .bntBox .bnt .svg-icon[data-v-0081c17d]{color:#c0c0c3;font-size:23px}.main .top .topItem .rightBnt[data-v-0081c17d]{cursor:pointer;border:1px solid #fefefe1a;border-radius:6px;align-items:center;height:36px;padding:0 16px;display:flex}.main .top .topItem .rightBnt[data-v-0081c17d]:first-child{margin-right:16px}.main .top .topItem .rightBnt .el-icon[data-v-0081c17d]{color:#fefefe;margin-right:8px;font-size:14px}.main .top .topItem .rightBnt span[data-v-0081c17d]{color:#fefefe;font-size:12px}.main .generate-box[data-v-0081c17d]{z-index:1;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.main .generate-box[data-v-0081c17d] .prompt-box{border-radius:12px;width:400px;margin-bottom:16px}.main .generate-box[data-v-0081c17d] .prompt-box .el-textarea{margin:0 auto}.main .generate-box[data-v-0081c17d] .prompt-box .el-textarea .el-textarea__inner{color:#c0c0c3;resize:none;background:#24262a;border:none;border-radius:12px;outline:none;padding:12px;box-shadow:0 24px 32px -16px #0000001a}.main .generate-box[data-v-0081c17d] .prompt-box .el-textarea .el-textarea__inner:focus,.main .generate-box[data-v-0081c17d] .prompt-box .el-textarea .el-textarea__inner:hover{border-color:#0000;box-shadow:0 24px 32px -16px #0000001a!important}.main .generate-box[data-v-0081c17d] .prompt-box .el-textarea .el-textarea__inner::placeholder{color:#606266}.main .generate-box[data-v-0081c17d] .generate-btn-box{position:relative}.main .generate-box[data-v-0081c17d] .generate-btn-box .el-button{margin:0 auto}.main .right[data-v-0081c17d]{z-index:2;align-items:center;display:flex;position:absolute;bottom:60px;right:65px}.main .right .dragIcon[data-v-0081c17d]{cursor:pointer;background-color:#24262a;border:1px solid #2a2832;border-radius:5px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.main .right .dragIcon .iconfont[data-v-0081c17d]{color:#c0c0c3;font-size:18px}.main .right .sizeBox[data-v-0081c17d]{background-color:#24262a;border:1px solid #35383c;border-radius:5px;height:34px;margin:0 11px;display:flex}.main .right .sizeBox .sizeBnt[data-v-0081c17d]{cursor:pointer;justify-content:center;align-items:center;width:34px;height:100%;display:flex}.main .right .sizeBox .sizeBnt .el-icon[data-v-0081c17d]{color:#c0c0c3;font-size:16px}.main .right .sizeBox .sizeNum[data-v-0081c17d]{color:#c0c0c3;border-left:1px solid #35383c;border-right:1px solid #35383c;justify-content:center;align-items:center;width:56px;height:100%;font-size:14px;display:flex}.main .right .compare[data-v-0081c17d]{cursor:pointer;background-color:#24262a;border:1px solid #35383c;border-radius:5px;align-items:center;height:34px;padding:0 8px;display:flex}.main .right .compare .iconfont[data-v-0081c17d]{color:#c0c0c3;margin-right:5px;font-size:18px}.main .right .compare span[data-v-0081c17d]{color:#c0c0c3;font-size:14px}.main .left[data-v-0081c17d]{z-index:2;background-color:#14161a;border-radius:10px;padding:10px;position:absolute;top:90px;left:16px}.main .left .toolItem[data-v-0081c17d]{cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:64px;height:74px;display:flex;position:relative}.main .left .toolItem .iconfont[data-v-0081c17d]{color:#9fa4ac;margin-bottom:6px;font-size:24px}.main .left .toolItem span[data-v-0081c17d]{color:#9fa4ac;font-size:12px}.main .left .toolItem[data-v-0081c17d]:last-child{margin-bottom:0}.main .left .activateToolItem[data-v-0081c17d]{background-color:#26292e}.main .left .activateToolItem .iconfont[data-v-0081c17d],.main .left .activateToolItem span[data-v-0081c17d]{color:#fff}.main .left[data-v-0081c17d] .lineSize{background-color:#24262a;border-radius:10px;align-items:center;padding:14px 16px;display:flex;position:absolute;top:0;right:-300px;box-shadow:0 8px 40px #05020e99}.main .left[data-v-0081c17d] .lineSize span{color:#fff;margin-right:10px;font-size:14px}.main .left[data-v-0081c17d] .lineSize .el-slider{--el-slider-main-bg-color:#4784ff;--el-slider-runway-bg-color:#e6e8ee;--el-slider-button-size:20px;--el-slider-height:6px;width:200px}.main .left[data-v-0081c17d] .lineSize .el-slider .el-slider__runway.show-input{margin-right:20px}.main .left[data-v-0081c17d] .lineSize .el-slider .el-slider__input,.main .left[data-v-0081c17d] .lineSize .el-slider .el-input-number,.main .left[data-v-0081c17d] .lineSize .el-slider .el-input-number--small{width:76px}.main .left[data-v-0081c17d] .lineSize .el-slider .el-input-number .el-input__wrapper,.main .left[data-v-0081c17d] .lineSize .el-slider .el-input-number--small .el-input__wrapper{background-color:#393b41;border:none;border-radius:8px;box-shadow:none!important}.main .left[data-v-0081c17d] .lineSize .el-slider .el-input-number .el-input__wrapper.is-focus,.main .left[data-v-0081c17d] .lineSize .el-slider .el-input-number .el-input__wrapper:hover,.main .left[data-v-0081c17d] .lineSize .el-slider .el-input-number--small .el-input__wrapper.is-focus,.main .left[data-v-0081c17d] .lineSize .el-slider .el-input-number--small .el-input__wrapper:hover{box-shadow:none!important}.main .left[data-v-0081c17d] .lineSize .el-slider .el-input-number .el-input__inner,.main .left[data-v-0081c17d] .lineSize .el-slider .el-input-number--small .el-input__inner{color:#fff;box-shadow:none;text-align:center;background-color:#0000;font-size:14px}.main .draggable[data-v-0081c17d]{z-index:1;background-color:#2a2832;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.main .draggable img[data-v-0081c17d]{width:100%;height:100%}.main .draggable .laodMsk[data-v-0081c17d]{background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.main .draggable .segment-image-draw-img-hover-mask[data-v-0081c17d]{pointer-events:none}.main .draggable .segment-image-draw-img-hover-mask[data-v-0081c17d],.main .draggable canvas[data-v-0081c17d]{filter:opacity(60%)brightness(0)saturate()invert(14%)sepia(81%)saturate(6216%)hue-rotate(352deg)brightness(91%)contrast(118%);position:absolute;top:0;left:0}.main .draggable canvas[data-v-0081c17d]{z-index:1;width:100%;height:100%}.main .draggable .rectCanvas[data-v-0081c17d]{z-index:2;position:absolute;top:0;left:0}.c-generate-redraw-modal{box-shadow:none;background:0 0;margin:0;padding:0}.c-generate-redraw-modal.el-dialog.is-fullscreen{width:100%;height:100%;overflow:hidden}.c-generate-redraw-modal .el-dialog__header{display:none}.c-generate-redraw-modal .el-dialog__body{width:100%;height:100%;padding:0}.sizeListBox{overflow:hidden;background-color:#24262a!important;border:1px solid #35383c!important;border-radius:6px!important;width:auto!important;min-width:88px!important;padding:0!important;box-shadow:0 8px 40px #05020e99!important}.sizeListBox .sizeList .sizeItem{color:#c0c0c3;cursor:pointer;white-space:nowrap;height:32px;font-size:14px;line-height:32px}.sizeListBox .sizeList .sizeItem:hover{color:#fff}[data-v-50f5f87e] .c-generate-redraw-modal .el-dialog__header{display:none}[data-v-50f5f87e] .c-generate-redraw-modal .el-dialog__body{width:100%;height:100%;padding:0}[data-v-50f5f87e] .c-generate-redraw-modal .v-modal{display:none}.main[data-v-50f5f87e]{box-sizing:border-box;background-color:#02050e;width:100%;height:100%;padding:58px 0 200px;position:relative;overflow:hidden}.main[data-v-50f5f87e]:before{content:"";opacity:.4;background-image:radial-gradient(#c0c0c380 1px,#0000 0);background-size:20px 20px;position:absolute;inset:0}.main .disabledStyle[data-v-50f5f87e]{opacity:.5}.main .disabledStyle[data-v-50f5f87e],.main .disabledStyle .bnt[data-v-50f5f87e],.main .disabledStyle .compare[data-v-50f5f87e],.main .disabledStyle .dragIcon[data-v-50f5f87e],.main .disabledStyle .rightBnt[data-v-50f5f87e],.main .disabledStyle .toolItem[data-v-50f5f87e]{cursor:not-allowed!important}.main .top[data-v-50f5f87e]{z-index:1;box-sizing:border-box;background-color:#06060d;border-bottom:1px solid #2a2832;justify-content:space-between;width:100%;height:58px;padding:0 16px;position:absolute;top:0;left:0}.main .top[data-v-50f5f87e],.main .top .topItem[data-v-50f5f87e],.main .top .topItem .back[data-v-50f5f87e]{align-items:center;display:flex}.main .top .topItem .back[data-v-50f5f87e]{cursor:pointer;background-color:#ffffff1a;border-radius:9px;justify-content:center;width:36px;height:36px}.main .top .topItem .back .el-icon[data-v-50f5f87e]{color:#828086;font-size:16px}.main .top .topItem .title[data-v-50f5f87e]{color:#fefefe;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:500}.main .top .topItem .rightBnt[data-v-50f5f87e]{cursor:pointer;border:1px solid #fefefe1a;border-radius:6px;align-items:center;height:36px;padding:0 16px;display:flex}.main .top .topItem .rightBnt[data-v-50f5f87e]:first-child{margin-right:16px}.main .top .topItem .rightBnt .el-icon[data-v-50f5f87e]{color:#fefefe;margin-right:8px;font-size:14px}.main .top .topItem .rightBnt span[data-v-50f5f87e]{color:#fefefe;font-size:12px}.main .content[data-v-50f5f87e]{justify-content:center;align-items:center;width:100%;height:100%;padding-top:20px;position:relative}.main .content .edit-area[data-v-50f5f87e]{background:#14161a;border-radius:8px;width:1120px;height:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%)}.main .content .edit-area .ratio-selector[data-v-50f5f87e]{background-color:#0000;justify-content:center;align-items:center;margin-right:16px;display:flex;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.main .content .edit-area .ratio-selector .ratio-options[data-v-50f5f87e]{background-color:#14161a;border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex}.main .content .edit-area .ratio-selector .ratio-options .ratio-item[data-v-50f5f87e]{color:#9094a6;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;text-wrap:nowrap;background-color:#0000;border:none;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.main .content .edit-area .ratio-selector .ratio-options .ratio-item .left-content[data-v-50f5f87e]{width:26px}.main .content .edit-area .ratio-selector .ratio-options .ratio-item .left-content .ratio-example[data-v-50f5f87e]{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-50f5f87e]{font-size:26px}.main .content .edit-area .ratio-selector .ratio-options .ratio-item.active[data-v-50f5f87e],.main .content .edit-area .ratio-selector .ratio-options .ratio-item[data-v-50f5f87e]:hover{color:#ffffffeb;background-color:#26292e}.main .content .edit-area .canvas-content[data-v-50f5f87e],.main .content .edit-area .canvas-content .image-container[data-v-50f5f87e]{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.main .content .edit-area .canvas-content .image-container[data-v-50f5f87e]{z-index:2;cursor:move;width:100%;height:100%;transition:all .3s;overflow:hidden}.main .content .edit-area .canvas-content .image-container.is-dragging[data-v-50f5f87e]{transition:none}.main .content .edit-area .canvas-content .image-container .edit-image[data-v-50f5f87e]{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;max-width:100%;max-height:100%;transition:all .3s;display:block;position:absolute}.main .content .edit-area .canvas-content .resize-frame[data-v-50f5f87e]{background:repeating-conic-gradient(#101010 0 25%,#000 0 50%) 50%/22px 22px;z-index:1;border:1px solid #949fa6;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main .content .edit-area .canvas-content .resize-frame.is-dragging[data-v-50f5f87e]{transition:none}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle[data-v-50f5f87e]{z-index:3;-webkit-user-select:none;user-select:none;z-index:10;box-sizing:border-box;border:3px solid #9bb3c0;width:19px;height:19px;position:absolute}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle[data-v-50f5f87e]:after,.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle[data-v-50f5f87e]:before{content:"";background-color:#9bb3c0;width:3px;height:3px;position:absolute}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-nw[data-v-50f5f87e]{cursor:nw-resize;border-bottom-color:#0000;border-right-color:#0000;top:-3px;left:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-nw[data-v-50f5f87e]:before{top:-3px;right:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-nw[data-v-50f5f87e]:after{bottom:-3px;left:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-ne[data-v-50f5f87e]{cursor:ne-resize;border-bottom-color:#0000;border-left-color:#0000;top:-3px;right:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-ne[data-v-50f5f87e]:before{top:-3px;left:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-ne[data-v-50f5f87e]:after{bottom:-3px;right:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-sw[data-v-50f5f87e]{cursor:sw-resize;border-top-color:#0000;border-right-color:#0000;bottom:-3px;left:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-sw[data-v-50f5f87e]:before{top:-3px;left:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-sw[data-v-50f5f87e]:after{bottom:-3px;right:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-se[data-v-50f5f87e]{cursor:se-resize;border-top-color:#0000;border-left-color:#0000;bottom:-3px;right:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-se[data-v-50f5f87e]:before{top:-3px;right:-3px}.main .content .edit-area .canvas-content .resize-frame .lock-resize-handle.lock-resize-handle-se[data-v-50f5f87e]:after{bottom:-3px;left:-3px}.main .content .edit-area .canvas-content .resize-frame .resize-handle[data-v-50f5f87e]{z-index:3;border-radius:3px;width:32px;height:32px;position:absolute}.main .content .edit-area .canvas-content .resize-frame .resize-handle[data-v-50f5f87e]:before{content:"";background-color:#9bb3c0;position:absolute}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-n[data-v-50f5f87e]{cursor:n-resize;top:0;left:50%;transform:translate(-50%)translateY(-50%)}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-n[data-v-50f5f87e]:before{width:100%;height:4px;bottom:50%;left:0}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-s[data-v-50f5f87e]{cursor:s-resize;top:100%;left:50%;transform:translate(-50%)translateY(-50%)}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-s[data-v-50f5f87e]:before{width:100%;height:4px;top:50%;left:0}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-e[data-v-50f5f87e]{cursor:e-resize;top:50%;left:100%;transform:translateY(-50%)translate(-50%)}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-e[data-v-50f5f87e]:before{width:4px;height:100%;top:0;left:50%}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-w[data-v-50f5f87e]{cursor:w-resize;top:50%;right:100%;transform:translateY(-50%)translate(50%)}.main .content .edit-area .canvas-content .resize-frame .resize-handle.resize-handle-w[data-v-50f5f87e]:before{width:4px;height:100%;top:0;right:50%}.main .content .edit-area .canvas-container[data-v-50f5f87e]{flex-direction:column;justify-content:center;align-items:center;margin:0 auto;position:relative}.main .generate-box[data-v-50f5f87e]{text-align:center;width:100%;margin:20px 0;position:absolute;bottom:0;left:0}.main .generate-box[data-v-50f5f87e] .prompt-box{border-radius:12px;width:400px;margin:0 auto 20px}.main .generate-box[data-v-50f5f87e] .prompt-box .el-textarea{margin:0 auto}.main .generate-box[data-v-50f5f87e] .prompt-box .el-textarea .el-textarea__inner{color:#c0c0c3;background:#24262a;border:none;border-radius:12px;box-shadow:0 24px 32px -16px #0000001a}.main .generate-box[data-v-50f5f87e] .prompt-box .el-textarea .el-textarea__inner::placeholder{color:#606266}.main .generate-box[data-v-50f5f87e] .generate-btn-box{cursor:pointer;width:400px;display:inline-block;position:relative}.main .generate-box[data-v-50f5f87e] .generate-btn-box .el-button{margin:0 auto}.main .draggable[data-v-50f5f87e]{z-index:1;background-color:#2a2832;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.main .draggable img[data-v-50f5f87e]{width:100%;height:100%}.sizeListBox .sizeList{background-color:#24262a;padding:6px 16px}.sizeListBox .sizeList .sizeItem{color:#c0c0c3;cursor:pointer;height:32px;font-size:14px;line-height:32px}