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