.add-or-edit-canvas .label[data-v-7862ddda]{color:#efefef;font-family:PingFang SC;font-size:14px;font-weight:500;margin-bottom:10px;word-break:break-word}.add-or-edit-canvas[data-v-7862ddda] .canvas-name-input .el-input__inner{background-color:#313337;border:0;border-radius:8px;color:#efefef;height:32px}.live-panel[data-v-7b45af08]{display:flex;gap:20px;height:100%;margin:auto;width:100%}.live-panel .w-h-box[data-v-7b45af08]{display:flex;height:32px;left:0;position:absolute;top:-42px;width:500px}.live-panel .w-h-box[data-v-7b45af08]>:first-child{margin-right:40px}.live-panel .w-h-box .box[data-v-7b45af08]{align-items:center;display:flex}.live-panel .w-h-box .box .words[data-v-7b45af08]{color:#c0c0c3;font-family:Inter;font-size:12px;font-weight:400;margin-right:8px}.live-panel .w-h-box .box[data-v-7b45af08] .input{height:22px;width:46px}.live-panel .w-h-box .box[data-v-7b45af08] .input .el-input{display:flex;height:100%}.live-panel .w-h-box .box[data-v-7b45af08] .input .el-input .el-input__inner{background-color:transparent;border:1px solid #757f94;height:100%;padding:0 3px;text-align:center}.live-panel .live-win[data-v-7b45af08]{background:#fff;height:100%;position:relative;width:100%}.prompt-box[data-v-7b45af08]{background:#24262a;box-sizing:border-box;padding:15px 10px;position:absolute;right:0;width:500px}.prompt-box[data-v-7b45af08] textarea{background:#14161a;border:0}.drag-nav{background-color:red;height:40px;width:100%}.group-select-box[data-v-e09722d8]{height:100%;left:0;position:absolute;top:0;width:100%}.cube[data-v-e09722d8]{--color:#4af;background:#eee;border-radius:5px;display:inline-block;height:40px;line-height:40px;margin:4px;width:40px}.elements[data-v-e09722d8]{border:2px solid #eee;height:100%;width:100%}.selecto-area[data-v-e09722d8]{padding:20px}#selecto1 .cube[data-v-e09722d8]{transition:all .2s ease}.moveable #selecto1 .cube[data-v-e09722d8]{transition:none}.selecto-area .selected[data-v-e09722d8]{background:var(--color);color:#fff}.scroll[data-v-e09722d8]{overflow:auto;padding-top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.infinite-viewer[data-v-e09722d8],.scroll[data-v-e09722d8]{box-sizing:border-box;height:300px;width:100%}.infinite-viewer .viewport[data-v-e09722d8]{padding-top:10px}.empty.elements[data-v-e09722d8]{border:none}.correct[data-v-e09722d8]{margin:auto;padding:20px;width:100%}.correct .target[data-v-e09722d8],.correct[data-v-e09722d8]{position:relative;text-align:center}.correct .target[data-v-e09722d8]{color:#fff;display:inline-block;height:100px;line-height:100px;margin:10px 20px;width:100px}.correct svg[data-v-e09722d8]{height:100%;left:0;opacity:.9;pointer-events:none;position:absolute;top:0;transform:translateZ(0);width:100%}.correct svg path[data-v-e09722d8]{stroke:#333;stroke-width:2;fill:transparent}.move-box[data-v-4a1dd861],.move-container[data-v-4a1dd861]{height:100%;width:100%}.move-container .move-item[data-v-4a1dd861]{background-color:red;height:100px;margin:10px;width:100px}.move-container .selected[data-v-4a1dd861]{background-color:#ccc}.page-box[data-v-5d03d03b]{height:100%;width:100%}.top-action-nav[data-v-bf93a95e]{background-color:#24262a;border:1px solid #35383c;border-radius:8px;height:36px;left:0;overflow:hidden;position:absolute;top:0}.top-action-nav>.action-list[data-v-bf93a95e]{height:100%}.top-action-nav>.action-list>.item[data-v-bf93a95e]{border-right:1px solid #35383c;color:#c0c0c3;cursor:pointer;font-size:16px;height:100%;width:37px}.top-action-nav>.action-list>.item[data-v-bf93a95e]:last-child{border:0}.top-action-nav>.action-list>.item-btn[data-v-bf93a95e]{background-color:#4784ff;color:#fff;cursor:pointer;font-size:12px;min-width:47px}.top-action-nav>.action-list>.item-btn-gray[data-v-bf93a95e]{background-color:#393b41;color:#fff}.c-generate-mode-redraw canvas[data-v-a87c105a],.c-generate-mode-redraw[data-v-a87c105a]{height:100%;width:100%}.c-generate-mode-redraw .generate-mode-redraw-canvas[data-v-a87c105a]{filter:opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%)}.img-move-page[data-v-21f5026d]{image-rendering:pixelated}.img-content-box[data-v-21f5026d]{position:relative}.img-content-box .loading[data-v-21f5026d]{background-color:rgba(0,0,0,.5);color:#fff;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:10}.img-content-box .loading>div[data-v-21f5026d]{display:inline-block;height:40px;width:40px}.img-content-box .loading .process[data-v-21f5026d]{font-size:12px;margin-top:10px}.img-content-box .loading .process.wait[data-v-21f5026d]:after{animation:dots-21f5026d 1.5s step-end infinite;content:"";display:inline-block}.img-content-box>.base-canvas[data-v-21f5026d]{left:0;position:absolute;top:0;z-index:1}.img-content-box>.mack-canvas[data-v-21f5026d]{left:0;position:absolute;top:0;z-index:2}.edit-content[data-v-21f5026d]{background-color:#24262a;border:1px solid #3b3847;border-radius:8px;bottom:-170px;height:160px;left:0;overflow:hidden;position:absolute;width:380px}.edit-content>.btn-input[data-v-21f5026d]{height:110px}.edit-content>.btn-input[data-v-21f5026d] .el-textarea{height:100%}.edit-content>.btn-input[data-v-21f5026d] .el-textarea__inner{background-color:#24262a;border:none;height:100%}.edit-content>.btn-box[data-v-21f5026d]{border-top:1px solid #3b3847;height:50px;justify-content:flex-end;padding:0 18px}.edit-content>.btn-box[data-v-21f5026d] .el-button--primary{background:linear-gradient(99deg,#3271cc,#0fffff)}@keyframes dots-21f5026d{0%,20%{content:"."}40%,60%{content:".."}80%,to{content:"..."}}.aiimg-page-box[data-v-6f56a00a] .moveable-line{background-color:transparent}.aiimg-box[data-v-6f56a00a]{border:2px solid;-o-border-image:linear-gradient(90deg,#b16cea,#ffa84b) 1;border-image:linear-gradient(90deg,#b16cea,#ffa84b) 1;box-sizing:border-box;height:256px;width:256px}.aiimg-box .loading[data-v-6f56a00a]{background-color:rgba(0,0,0,.5);color:#fff;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%}.aiimg-box .loading>div[data-v-6f56a00a]{display:inline-block;height:40px;width:40px}.aiimg-box .loading .process[data-v-6f56a00a]{font-size:12px;margin-top:20px}.aiimg-box .loading .process.wait[data-v-6f56a00a]:after{animation:dots-6f56a00a 1.5s step-end infinite;content:"";display:inline-block}.aiimg-box>.ai-content[data-v-6f56a00a]{height:100%;width:100%}.aiimg-box>.edit-content[data-v-6f56a00a]{background-color:#24262a;border:1px solid #3b3847;border-radius:8px;bottom:-170px;height:160px;left:0;overflow:hidden;position:absolute;width:380px}.aiimg-box>.edit-content>.btn-input[data-v-6f56a00a]{height:110px}.aiimg-box>.edit-content>.btn-input[data-v-6f56a00a] .el-textarea{height:100%}.aiimg-box>.edit-content>.btn-input[data-v-6f56a00a] .el-textarea__inner{background-color:#24262a;border:none;height:100%}.aiimg-box>.edit-content>.btn-box[data-v-6f56a00a]{border-top:1px solid #3b3847;height:50px;justify-content:flex-end;padding:0 18px}.aiimg-box>.edit-content>.btn-box[data-v-6f56a00a] .el-button--primary{background:linear-gradient(99deg,#3271cc,#0fffff)}.aiimg-box .result-list[data-v-6f56a00a]{display:flex;gap:10px;left:calc(100% + 10px);position:absolute;top:0}.aiimg-box .result-list>div[data-v-6f56a00a]{background:hsla(0,0%,85%,.1)}@keyframes dots-6f56a00a{0%,20%{content:"."}40%,60%{content:".."}80%,to{content:"..."}}.c-live-mode-redraw[data-v-11216639]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:99999}.c-live-mode-redraw canvas[data-v-11216639],.c-live-mode-redraw[data-v-11216639]{height:100%;width:100%}.c-live-mode-redraw .live-mode-redraw-canvas[data-v-11216639]{filter:opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%)}.live-view[data-v-6ea7b650]{left:0;position:fixed;top:0}.live-view[data-v-6ea7b650]:after{color:#c0c0c3;content:attr(data-title);font-size:12px;left:0;position:absolute;top:-20px}.live-view .live-show[data-v-6ea7b650]{background:#fff;height:100%;width:100%}.live-view .live-show .result-img[data-v-6ea7b650]{height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.live-view .live-show .handle[data-v-6ea7b650]{display:flex;gap:10px;position:absolute;right:15px;top:15px}.live-view .live-show .handle i[data-v-6ea7b650]{background:rgba(0,0,0,.5);border-radius:5px;color:#e3e3e3;display:inline-block;height:28px;line-height:28px;text-align:center;width:28px}.live-view .live-show .loading[data-v-6ea7b650]{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.live-view .live-prompt[data-v-6ea7b650]{background:#24262a;box-sizing:border-box;padding:15px 10px}.live-view .live-prompt[data-v-6ea7b650] textarea{background:#14161a;border:0}.live-size[data-v-4151b1f6]{display:flex;height:32px;left:0;position:fixed;position:absolute;top:0;top:-42px}.live-size[data-v-4151b1f6]>:first-child{margin-right:4px}.live-size .box[data-v-4151b1f6]{align-items:center;display:flex}.live-size .box-tips[data-v-4151b1f6]{color:hsla(0,0%,100%,.7);font-size:12px;font-weight:500}.live-size .box .words[data-v-4151b1f6]{color:#c0c0c3;font-family:Inter;font-size:12px;font-weight:400;margin-right:8px}.live-size .box[data-v-4151b1f6] .input{height:22px;width:46px}.live-size .box[data-v-4151b1f6] .input .el-input{display:flex;height:100%}.live-size .box[data-v-4151b1f6] .input .el-input .el-input__inner{background-color:transparent;border:1px solid #757f94;height:100%;padding:0 3px;text-align:center}.live-size .box[data-v-4151b1f6] .input .el-input .el-input__inner:focus{border:1px solid #4af}.live-size .box-right[data-v-4151b1f6]{display:flex;justify-content:end;width:100%}.live-size .box-right .iconfont[data-v-4151b1f6]{color:#fff;cursor:pointer;font-size:26px}