.button[data-v-e83642df]{width:100%;height:40px;background:#8a66c7;color:#fff;justify-content:center;align-items:center;display:flex;align-self:center;justify-self:center;cursor:pointer}.button.active[data-v-e83642df],.button[data-v-e83642df]:hover{background:#7053a3}.dropdownmenu[data-v-d123aa4c]{height:30px;border-radius:0;display:flex;align-items:center;width:-moz-max-content;width:max-content;background:red}.icon[data-v-d123aa4c]{width:30px;min-width:30px;height:30px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.icon img[data-v-d123aa4c]{width:18px}.expand[data-v-d123aa4c]{height:30px;width:30px;border-radius:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.expand img[data-v-d123aa4c]{width:18px;height:auto}.name[data-v-d123aa4c]{flex:1;line-height:26px;display:flex;align-items:center;height:100%;width:90px}.name div[data-v-d123aa4c]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;flex:1}.dropdown[data-v-d123aa4c]{position:absolute;width:100%;top:100%;left:0;display:flex;justify-content:center;flex-direction:column;border-radius:0;margin-top:2px;gap:2px}.choice[data-v-d123aa4c]{width:100%;max-width:100%;min-width:100%;height:100%;display:flex;align-items:center;overflow:hidden;box-sizing:border-box;background:#fff;color:#000}.choice[data-v-d123aa4c]:hover{background:#ccc}.dropdownmenu.purple .choice[data-v-d123aa4c]{background:#f5e9ff;color:#8a66c7}.dropdownmenu.purple .choice[data-v-d123aa4c]:hover{background:#e6ccfc}.dropdownmenu.purple img[data-v-d123aa4c]{filter:invert(45%) sepia(30%) saturate(959%) hue-rotate(221deg) brightness(95%) contrast(87%)}.dropdownmenu.blue .choice[data-v-d123aa4c]{background:#e8f0fe;color:#1967d2}.dropdownmenu.blue .choice[data-v-d123aa4c]:hover{background:#d2e3fc}.dropdownmenu.blue img[data-v-d123aa4c]{filter:invert(22%) sepia(92%) saturate(1713%) hue-rotate(202deg) brightness(110%) contrast(90%)}.onHover[data-v-98db7ccf]{opacity:.3;transition:all .3s ease-in-out;position:absolute;z-index:12;top:15px;right:10px}.camera:hover .onHover[data-v-98db7ccf]{opacity:1}.triggerBtn[data-v-98db7ccf]{color:#fff;cursor:pointer;width:24px;height:auto;border-radius:50%;filter:drop-shadow(0 0 5px #000);position:relative}.triggerBtn[data-v-98db7ccf]:hover{transform:scale(1.2)}.canvas[data-v-98db7ccf]{background-color:#ffffff4d;width:240px;height:240px;border-radius:10px}.modeSelector[data-v-98db7ccf]{width:100%;padding:5px 3px;font-size:16px;display:flex;align-items:center;gap:5px}.mode[data-v-98db7ccf],.mode[data-v-98db7ccf]:not(.active):hover{width:50%;height:35px;background:#8a66c7;border-radius:3px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.mode[data-v-98db7ccf]:not(.active){background:gray}input[type=file][data-v-98db7ccf]{font-size:0;opacity:0;position:absolute;inset:0;width:100%;height:100%;z-index:1;cursor:pointer}input[type=file]>input[data-v-98db7ccf]{cursor:inherit}.uploadBtn[data-v-98db7ccf]{position:absolute;top:calc(100% - 30px);left:50%;transform:translate(-50%,-100%);opacity:.5;z-index:2}.uploadBtn[data-v-98db7ccf]:hover{opacity:1}canvas[data-v-50e5eddd]{height:58px;min-height:58px;max-height:58px}.dropdownmenu[data-v-ce060502]{width:150px;height:30px;border-radius:0;display:flex;align-items:center;position:relative}.icon[data-v-ce060502]{width:30px;min-width:30px;height:30px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.icon img[data-v-ce060502]{width:18px}.expand[data-v-ce060502]{height:30px;width:30px;border-radius:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.expand img[data-v-ce060502]{width:18px;height:auto}.name[data-v-ce060502]{flex:1;line-height:26px;display:flex;align-items:center;height:100%;width:90px;padding-left:15px}.name div[data-v-ce060502]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;flex:1}.dropdown[data-v-ce060502]{position:absolute;width:100%;top:100%;left:0;display:flex;justify-content:center;flex-direction:column;border-radius:0;margin-top:2px;gap:2px}.choice[data-v-ce060502]{width:100%;max-width:100%;min-width:100%;height:100%;display:flex;align-items:center;overflow:hidden;box-sizing:border-box;background:#fff;color:#000}.choice.active[data-v-ce060502]{background:#ddd}.choice[data-v-ce060502]:hover{background:#ccc}.dropdownmenu.purple .choice[data-v-ce060502]{background:#f5e9ff;color:#8a66c7}.dropdownmenu.purple .choice[data-v-ce060502]:hover{background:#e6ccfc}.dropdownmenu.purple img[data-v-ce060502]{filter:invert(45%) sepia(30%) saturate(959%) hue-rotate(221deg) brightness(95%) contrast(87%)}.dropdownmenu.blue .choice[data-v-ce060502]{background:#e8f0fe;color:#1967d2}.dropdownmenu.blue .choice[data-v-ce060502]:hover{background:#d2e3fc}.dropdownmenu.blue img[data-v-ce060502]{filter:invert(22%) sepia(92%) saturate(1713%) hue-rotate(202deg) brightness(110%) contrast(90%)}.onHover[data-v-a8855842]{opacity:.3;transition:all .3s ease-in-out;position:absolute;z-index:1;top:5px;left:5px}.onHover[data-v-a8855842]:hover{opacity:1}.bar[data-v-a8855842]{width:100%;height:-moz-max-content;height:max-content;background:#000;padding:2px;border-radius:0;z-index:1;display:flex;justify-content:space-between;gap:2px;position:relative}.bar.blue[data-v-a8855842]{background:#1967d2}.bar.purple[data-v-a8855842]{background:#8a66c7}.layer[data-v-2165d4b4]{position:absolute;bottom:0;width:240px;height:240px}.snapshot[data-v-2165d4b4]{border:3px solid hsla(0,0%,100%,.9);width:43px;height:100%;background:#fff0;position:absolute;z-index:1;top:0;right:-1px;border-radius:0;transition:background .15s ease-in-out}.snapshot.capture[data-v-2165d4b4]{background:#ffffffb3}.layer[data-v-5c1ab8da]{position:absolute;bottom:0;width:240px;height:240px;pointer-events:none}.box[data-v-3140297a]{position:absolute;border:1px dotted #fff;background:#7053a380;border-radius:0;box-sizing:border-box}.box .label[data-v-3140297a]{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;background:#7053a3;color:#fff;border-radius:0;padding:5px;max-height:30px;border:1px dotted #fff;white-space:nowrap;position:absolute;transform:translateY(-100%);left:-1px}.barContainer[data-v-d03e9cda]{width:100%;max-width:100%;padding:5px 0;display:flex;gap:10px;justify-content:space-between;align-items:center}.className[data-v-d03e9cda]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:29px;display:flex;align-items:center;width:60px;height:29px}.barBackground[data-v-d03e9cda]{width:170px;min-width:170px;height:29px;overflow:hidden}.bar[data-v-d03e9cda]{display:flex;padding:0 5px;justify-content:flex-end;width:101%;height:101%;align-items:center;transition:all .1s linear;transform:translate(0)}.bar .value[data-v-d03e9cda]{color:#fff;font-size:10px}.barContainer[data-v-d03e9cda]:nth-child(4n+1){color:#e67701}.barContainer:nth-child(4n+1) .bar[data-v-d03e9cda]{background-color:#e67701}.barContainer:nth-child(4n+1) .barBackground[data-v-d03e9cda]{background-color:#ffece2}.barContainer[data-v-d03e9cda]:nth-child(4n+2){color:#d84c6f}.barContainer:nth-child(4n+2) .bar[data-v-d03e9cda]{background-color:#d84c6f}.barContainer:nth-child(4n+2) .barBackground[data-v-d03e9cda]{background-color:#ffe9ec}.barContainer[data-v-d03e9cda]:nth-child(4n+3){color:#794aef}.barContainer:nth-child(4n+3) .bar[data-v-d03e9cda]{background-color:#794aef}.barContainer:nth-child(4n+3) .barBackground[data-v-d03e9cda]{background-color:#f1f0ff}.barContainer[data-v-d03e9cda]:nth-child(4n+4){color:#1967d2}.barContainer:nth-child(4n+4) .bar[data-v-d03e9cda]{background-color:#1967d2}.barContainer:nth-child(4n+4) .barBackground[data-v-d03e9cda]{background-color:#d2e3fc}.cancel[data-v-d03e9cda]{position:absolute;width:22px;height:22px;top:50%;right:5px;transform:translateY(-50%);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.3;padding:3px;background:red;border-radius:50%}.cancel img[data-v-d03e9cda]{width:100%}.cancel[data-v-d03e9cda]:hover{opacity:1}.basis[data-v-f7e16baf]{padding:0;flex-direction:row;justify-content:flex-start;align-items:flex-start;min-width:100px;min-height:100px;flex-direction:column}.basis[data-v-f7e16baf],.title[data-v-f7e16baf]{display:flex;height:-moz-max-content;height:max-content;width:100%;max-width:100%}.title[data-v-f7e16baf]{color:#1967d2;background:#e8f0fe;border-bottom-left-radius:0;border-bottom-right-radius:0;min-height:50px;justify-content:space-between;border:1px solid #dcdcdc;align-items:center;padding:0 20px;font-size:16px;font-weight:600}.basis.small .title[data-v-f7e16baf]{height:40px;min-height:40px;padding:0 10px;font-size:14px}.box[data-v-f7e16baf]{background:#fff;border-top-left-radius:0;border-top-right-radius:0;border:1px solid #dcdcdc;border-top:0;min-height:80px;width:100%;display:flex;padding:8px;flex-wrap:wrap;transition:height .2s ease-in-out;min-height:max(80px,-moz-max-content);min-height:max(80px,max-content);z-index:-1}.box[data-v-f7e16baf]:has(.drag){z-index:1}.box[data-v-f7e16baf]:has(.drop){z-index:1}.onTopContainer[data-v-f7e16baf]:has(.onTop){z-index:1}.expandMenu[data-v-0434deb7]{width:200px;height:-moz-max-content;height:max-content;background:#fff;position:absolute;top:calc(100% + 25px);z-index:1;box-shadow:0 2px 8px #63636333;padding:5px}.left[data-v-0434deb7]{left:0}.right[data-v-0434deb7]{right:0}.expandMenu .item[data-v-0434deb7]{width:100%;height:32px;padding:0 10px;font-size:12px;display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;text-decoration:none;max-width:100%;box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background:#fff;outline:none;border:2px solid #fff}.expandMenu .item.disable[data-v-0434deb7]{filter:grayscale(1);cursor:default;pointer-events:none}.expandMenu img[data-v-0434deb7]{height:60%}.expandMenu .line[data-v-0434deb7]{width:100%;height:1px;background:#dadada;margin:8px 0;border-radius:.5px}input[type=file][data-v-0434deb7]{display:none}.expandMenu .item[data-v-0434deb7]{color:#000}.expandMenu .item[data-v-0434deb7]:not(.disable):not(.select):active{border:2px solid #000}.expandMenu .item[data-v-0434deb7]:not(.disable):not(.select):hover{background:#f1f1f1}.expandMenu.blue .item[data-v-0434deb7]{color:#1967d2}.expandMenu.blue .item[data-v-0434deb7]:not(.disable):not(.select):active{border:2px solid #1967d2}.expandMenu.blue .item[data-v-0434deb7]:not(.disable):not(.select):hover{background:#e8f0fe}.expandMenu.blue img[data-v-0434deb7]{filter:invert(22%) sepia(92%) saturate(1713%) hue-rotate(202deg) brightness(110%) contrast(90%)}.expandMenu.purple .item[data-v-0434deb7]{color:#8a66c7}.expandMenu.purple .item[data-v-0434deb7]:not(.disable):not(.select):active{border:2px solid #8a66c7}.expandMenu.purple .item[data-v-0434deb7]:not(.disable):not(.select):hover{background:#fae8fe}.expandMenu.purple img[data-v-0434deb7]{filter:invert(45%) sepia(30%) saturate(959%) hue-rotate(221deg) brightness(95%) contrast(87%)}.container[data-v-8d03b7c6]{display:flex;align-items:center;gap:10px;height:-moz-max-content;height:max-content;z-index:1;height:45px;padding:30px 20px;background:#fff;border-top:none;border-left:none;border-radius:0 0 15px;width:-moz-max-content;width:max-content;min-width:215px;border-right:none;box-shadow:1.95px 1.95px 2.6px #00000026}.menu[data-v-8d03b7c6]{width:30px;height:30px;padding:0}.menuBtn[data-v-8d03b7c6]{width:100%;height:100%;background:#ccc;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer}.menuBtn[data-v-8d03b7c6]:hover{background:#bbb}.menuBtn[data-v-8d03b7c6]:active{background:#aaa}.title[data-v-8d03b7c6]{color:#000;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;max-height:60px;white-space:nowrap}.container.blue .title[data-v-8d03b7c6]{color:#1967d2}.container.blue .menuBtn[data-v-8d03b7c6]{background:#4285f4}.container.blue .menuBtn[data-v-8d03b7c6]:hover{background:#1967d2}.container.blue .menuBtn[data-v-8d03b7c6]:active{background:#185abc}.container.purple .title[data-v-8d03b7c6]{color:#8a66c7}.container.purple .menuBtn[data-v-8d03b7c6]{background:#9a72e0}.container.purple .menuBtn[data-v-8d03b7c6]:hover{background:#8a66c7}.container.purple .menuBtn[data-v-8d03b7c6]:active{background:#7053a3}.container[data-v-62928121]{position:fixed;top:0;left:0;width:100%;height:100%;min-width:-moz-max-content;min-width:max-content;min-height:-moz-max-content;min-height:max-content;background:#0000004d;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center}.dialog[data-v-62928121]{box-shadow:0 1px 3px #00000005,0 0 0 1px #1b1f2326;width:250px;box-sizing:content-box;padding:10px 20px;background:#fff}.title[data-v-62928121]{font-weight:600;border-radius:5px 5px 0 0;font-size:16px;color:#000;padding:10px 0}.content[data-v-62928121],.title[data-v-62928121]{display:flex;justify-content:flex-start;align-items:center}.content[data-v-62928121]{border-radius:0;gap:5px;color:#333;font-size:14px;padding:20px 0}.buttonContainer[data-v-62928121]{padding:10px 0;display:flex;justify-content:flex-end;align-items:center;border-radius:0 0 5px 5px;gap:10px}.buttonContainer button[data-v-62928121]{width:-moz-max-content;width:max-content;height:25px;display:flex;justify-content:center;align-items:center;background:transparent;border:none;color:#333;cursor:pointer;outline:none;font-size:14px}.buttonContainer button[data-v-62928121]:hover{-webkit-text-decoration:underline #333;text-decoration:underline #333}.container[data-v-dd235ca7]{position:fixed;top:0;right:0;z-index:3;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;display:flex;justify-content:center;align-items:center;flex-direction:column}.message[data-v-dd235ca7]{width:220px;height:120px;background:#fdedee;margin:10px 10px 0 0;color:#fe5454;overflow:hidden}.border[data-v-dd235ca7]{border:3px solid #fe5454;width:100%;height:100%;padding:8px;display:flex;flex-direction:column;gap:5px}.message label[data-v-dd235ca7]{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:600}.v-enter-active[data-v-dd235ca7],.v-leave-active[data-v-dd235ca7]{transition:opacity .5s ease-out,transform .5s ease-out}.v-enter-from[data-v-dd235ca7],.v-leave-to[data-v-dd235ca7]{opacity:0;transform:translate(100%)}.container[data-v-dcc33195]{position:fixed;top:0;left:0;z-index:3;background:#0000004d;width:100%;height:100%}.container[data-v-dcc33195],.loading[data-v-dcc33195]{display:flex;justify-content:center;align-items:center}.loading[data-v-dcc33195]{background:#e8eaed;height:200px;width:200px;border-radius:50%;overflow:hidden;position:relative}.loading img[data-v-dcc33195]{width:75px;height:75px;filter:drop-shadow(2px 2px 6px gray);animation:shake-dcc33195 1s linear infinite;position:absolute;z-index:1;top:35%}.box[data-v-dcc33195]{position:absolute;top:25px;color:#888}.box span[data-v-dcc33195]{font-size:24px;position:relative;top:0;display:inline-block;animation:bounce-dcc33195 .3s ease infinite alternate}@keyframes bounce-dcc33195{to{top:5px}}.box span[data-v-dcc33195]:nth-child(2){animation-delay:.05s}.box span[data-v-dcc33195]:nth-child(3){animation-delay:.1s}.box span[data-v-dcc33195]:nth-child(4){animation-delay:.15s}.box span[data-v-dcc33195]:nth-child(5){animation-delay:.2s}.box span[data-v-dcc33195]:nth-child(6){animation-delay:.25s}.box span[data-v-dcc33195]:nth-child(7){animation-delay:.3s}.box span[data-v-dcc33195]:nth-child(8){animation-delay:.35s}.box span[data-v-dcc33195]:nth-child(9){animation-delay:.4s}.box span[data-v-dcc33195]:nth-child(10){animation-delay:.45s}.word[data-v-dcc33195]{z-index:2;position:absolute;top:20px;font-size:24px;color:#555;animation:shake-dcc33195 3s linear infinite}.background[data-v-dcc33195]{left:100%;animation:scroll-dcc33195 3s linear infinite}@keyframes scroll-dcc33195{0%{left:0}to{left:-100%}}@keyframes shake-dcc33195{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.selection[data-v-c3e4bf0f]{position:absolute;border:1px dotted #fff;border-radius:0;box-sizing:border-box;box-sizing:content-box;width:50px;height:50px;top:100px;transition:width .2s ease-in-out,height .2s ease-in-out;cursor:move;--border-width:2px;--hitbox-width:10px;--offset:calc((var(--hitbox-width) - var(--border-width))/2);--negative-offset:calc(var(--offset)*-1)}.selection.noAnimation[data-v-c3e4bf0f]{transition:none}.color[data-v-c3e4bf0f]{width:100%;height:100%;background:var(--v40b30434);opacity:.5;border-radius:0}.label[data-v-c3e4bf0f]{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;background:var(--v40b30434);color:#fff;border-radius:0;padding:5px;max-height:30px;border:1px dotted #fff;white-space:nowrap;position:absolute;transform:translateY(-100%);left:-1px}.selecting label[data-v-c3e4bf0f],.selection:hover label[data-v-c3e4bf0f]{display:flex}label[data-v-c3e4bf0f]{display:none;width:-moz-max-content;width:max-content;position:absolute;pointer-events:none;color:#fff;font-weight:600;padding:1px 5px}label.warning[data-v-c3e4bf0f]{color:#fe5454;border-color:#fe5454}label.width[data-v-c3e4bf0f]{top:100%;left:50%;transform:translate(-50%,-100%) translateY(-4px)}label.height[data-v-c3e4bf0f]{top:50%;left:0;transform:translateY(-50%) translate(0)}.hitbox[data-v-c3e4bf0f]{position:absolute;border-radius:0;min-width:var(--hitbox-width);min-height:var(--hitbox-width);opacity:0;top:0}.hitbox.top[data-v-c3e4bf0f]{width:100%;cursor:ns-resize;transform:translateY(-100%) translateY(var(--offset));background:#ff0}.hitbox.bottom[data-v-c3e4bf0f]{width:100%;cursor:ns-resize;top:100%;background:#ff0;transform:translateY(calc(var(--negative-offset)))}.hitbox.left[data-v-c3e4bf0f]{height:100%;cursor:ew-resize;transform:translate(-100%) translate(var(--offset));background:#ff0}.hitbox.right[data-v-c3e4bf0f]{height:100%;cursor:ew-resize;left:100%;background:#ff0;transform:translate(calc(var(--negative-offset)))}.hitbox.topRight[data-v-c3e4bf0f]{background:red;left:100%;cursor:nesw-resize;transform:translateY(-100%) translate((var(--negative-offset)),calc(var(--offset)))}.hitbox.topLeft[data-v-c3e4bf0f]{background:red;cursor:nwse-resize;transform:translate(-100%,-100%) translate((var(--offset)),calc(var(--offset)))}.hitbox.bottomLeft[data-v-c3e4bf0f]{background:red;top:100%;cursor:nesw-resize;transform:translate(-100%) translate((var(--offset)),calc(var(--negative-offset)))}.hitbox.bottomRight[data-v-c3e4bf0f]{background:red;top:100%;left:100%;cursor:nwse-resize;transform:translate((var(--negative-offset)),calc(var(--negative-offset)))}.selection.invalid .color[data-v-c3e4bf0f]{background:none}.selection.invalid .label[data-v-c3e4bf0f]{color:#fff;background:#fe5454}.label[data-v-767b8226]{width:100%;height:-moz-max-content;height:max-content;color:#fff;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:5px;padding:1px;border:2px solid var(--label-color);background:#fff;gap:1px}.label.active[data-v-767b8226],.label[data-v-767b8226]:hover{background:var(--label-color)}.label input[data-v-767b8226]{outline:none;border:none;padding:3px;background:#fff;color:var(--label-color)}.label:not(.active) input[data-v-767b8226]{pointer-events:none}.label.active input[data-v-767b8226],.label:hover input[data-v-767b8226]{background:var(--label-color);color:#fff}.label.active input[data-v-767b8226]{border-bottom:1px solid #fff}.count[data-v-767b8226]{width:24px;height:24px;border:2px solid var(--label-color);color:var(--label-color);display:flex;justify-content:center;align-items:center;font-weight:600;font-size:10px}.label.active .count[data-v-767b8226],.label:hover .count[data-v-767b8226]{border-color:#fff;color:#fff}.colorBoard[data-v-767b8226]{width:100%;height:-moz-max-content;height:max-content;background:#fff;border-radius:0;color:var(--label-color);padding:5px;cursor:default;display:flex;flex-direction:column;gap:5px;font-weight:600}.color[data-v-767b8226]{width:30px;height:20px;border:2px solid var(--button-color);cursor:pointer;border-radius:3px}.color.selected[data-v-767b8226]{background-color:var(--button-color)}.color[data-v-767b8226]:hover{background:var(--button-color)}button[data-v-767b8226]{cursor:pointer;display:flex;justify-content:center;align-items:center;border:2px solid var(--label-color);color:var(--label-color);font-weight:600;background:#fff;max-height:100%;padding:1px;height:26px;width:26px;font-size:8px;border-radius:3.5px}button[data-v-767b8226]:hover{background:var(--label-color);color:#fff;border-color:#fff}button img[data-v-767b8226]{width:100%}[data-v-0f932472]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.container[data-v-0f932472]{width:520px;height:-moz-max-content;height:max-content;background:#e7f0fe;border:1px solid #dcdcdc;padding:15px;display:flex;flex-direction:column;gap:10px}.playground[data-v-0f932472]{width:320px;height:320px;cursor:crosshair;box-sizing:content-box;border-radius:0;border:none;z-index:1}.playground .cord[data-v-0f932472]{padding:3px;position:absolute;width:-moz-max-content;width:max-content;pointer-events:none;transform:translate(3px,3px);z-index:1;font-size:12px;background:#8a66c7;color:#fff;border-radius:0}.playground .lineHori[data-v-0f932472]{width:100%;height:0;border-top:1.5px dotted #bbb;position:absolute;top:50%;transform:translateY(-50%)}.playground .lineVert[data-v-0f932472]{width:0;height:100%;border-left:1.5px dotted #bbb;position:absolute;left:50%;top:0;transform:translate(-50%)}.playground .background[data-v-0f932472]{width:100%;height:100%;border:3px dashed #bbb;border-radius:0;position:absolute;top:0;left:0;pointer-events:none}.playground .backgroundImage[data-v-0f932472]{width:100%;height:100%;border-radius:0;z-index:-1}.labelsContainer[data-v-0f932472]{display:flex;flex-direction:column;gap:5px;color:#8a66c7;flex:1;padding:3px;overflow-y:hidden;max-height:100%}.labelsContainer span[data-v-0f932472]{padding:0 5px;font-weight:600;font-size:16px;display:flex;justify-content:space-between}.labelsContainer span button[data-v-0f932472]{display:flex;justify-content:center;align-items:center;background:none;color:#8a66c7;font-weight:600;font-size:16px;border:3px solid #8a66c7}.labelsContainer .labels[data-v-0f932472]{display:flex;flex-direction:column;gap:7.5px;color:#8a66c7;font-weight:600;font-size:16px;flex:1;padding:3px 5px 3px 3px}.labelsContainer .add[data-v-0f932472]{cursor:pointer;display:flex;justify-content:center;align-items:center;border:2px solid #8a66c7;color:#8a66c7;font-weight:600;background:#fff;width:20px;height:20px;padding:0;border-radius:3px}.labelsContainer .add[data-v-0f932472]:hover{background:#8a66c7;color:#fff}.labelsContainer .add.disabled[data-v-0f932472]{pointer-events:none;filter:grayscale(1)}.mouseTipsContainer[data-v-0f932472]{display:flex;gap:10px;flex-direction:row;height:100%;justify-content:space-between;padding:3px;flex-direction:column;width:-moz-max-content;width:max-content;font-size:16px;font-weight:600;color:#8a66c7}.mouseTips[data-v-0f932472]{display:flex;height:25px;align-items:center;gap:5px;color:#8a66c7}.mouseTips img[data-v-0f932472]{width:auto;height:20px}.label[data-v-67a5028e]{min-width:-moz-max-content;min-width:max-content;border:1.5px solid var(--color);color:var(--color);height:24px;padding:0 5px;display:flex;align-items:center;cursor:pointer}.label.active[data-v-67a5028e],.label[data-v-67a5028e]:hover{background:var(--color);color:#fff}.labelWrapper[data-v-67a5028e]{width:100%;display:flex;gap:5px}.labelWrapper button[data-v-67a5028e]{width:24px;height:24px;background:#fff;border-radius:5px}.labelContainer[data-v-67a5028e]{flex:1;display:flex;gap:5px;overflow-x:auto}.labelContainer[data-v-67a5028e]::-webkit-scrollbar{-webkit-appearance:none;display:none}button.inactive[data-v-67a5028e]{filter:grayscale(1);pointer-events:none;background:#eee}button[data-v-67a5028e]{background:#f5e8fe;border:2px solid #8a66c7;color:#8a66c7;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-67a5028e]:hover{background:#e9d5fb}.image[data-v-a83ceb5d]{width:70.5px;min-width:70.5px;height:70.5px;border:2px solid #8a66c7;transition:all .1s ease-in-out;cursor:pointer}.wrapper[data-v-a83ceb5d]{opacity:.3}.image:not(.active):hover .wrapper[data-v-a83ceb5d]{opacity:.7}.image.active .wrapper[data-v-a83ceb5d]{opacity:1}.deleteBtn[data-v-a83ceb5d]{width:25px;height:25px;border:2px solid red;position:absolute;z-index:1;top:3px;right:3px;color:red;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .15s ease-in-out;background:#ffffffb3}.deleteBtn[data-v-a83ceb5d]:hover{background:#fff}.image:hover .deleteBtn[data-v-a83ceb5d]{opacity:1}button[data-v-88c79be0]{background:#f5e8fe;border:2px solid #8a66c7;color:#8a66c7;border-radius:5px;min-height:26px;cursor:pointer}button[data-v-88c79be0]:hover{background:#e9d5fb}button.inactive[data-v-88c79be0]{pointer-events:none;filter:grayscale(1)}.imageContainer[data-v-88c79be0]{min-height:90px;width:100%;display:flex;gap:5px;overflow-x:scroll;overflow-y:hidden;padding:5px;border-radius:5px;box-shadow:0 1px 3px #00000005,0 0 0 1px #1b1f2340}.imageContainer.vertical[data-v-88c79be0]{flex:1;overflow-x:hidden;overflow-y:scroll;flex-wrap:wrap;align-content:flex-start}.imageContainer[data-v-88c79be0]::-webkit-scrollbar{-webkit-appearance:none}.imageContainer[data-v-88c79be0]::-webkit-scrollbar:vertical{width:10px;height:100%}.imageContainer[data-v-88c79be0]::-webkit-scrollbar:horizontal{height:10px;width:100%}.imageContainer[data-v-88c79be0]::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid #fff;background-color:#0000004d}.imageContainer[data-v-88c79be0]::-webkit-scrollbar-thumb:hover{border-radius:8px;border:2px solid #fff;background-color:#00000080}.imageContainer[data-v-88c79be0]::-webkit-scrollbar-track{border-radius:10px}.region[data-v-88c79be0]{background:#ffffff80;opacity:.7}.box[data-v-147e717e],.region[data-v-88c79be0]{border:1px dotted #fff;border-radius:0;position:absolute}.box[data-v-147e717e]{background:#7053a380;box-sizing:border-box;box-sizing:content-box}.box .label[data-v-147e717e]{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;background:#7053a3;color:#fff;border-radius:0;padding:5px;max-height:30px;border:1px dotted #fff;white-space:nowrap;position:absolute;transform:translateY(-100%);left:-1px}.box.blue .label[data-v-147e717e],.box.blue[data-v-147e717e]{background:#1966d280}.slidecontainer[data-v-147e717e]{width:100%;display:flex;align-items:center}.slider[data-v-147e717e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s;border-radius:2.5px}.slider[data-v-147e717e]:hover{opacity:1}.slider[data-v-147e717e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#8a66c7;cursor:pointer;border-radius:50%}.blue .slider[data-v-147e717e]::-webkit-slider-thumb{background:#1967d2}.slider[data-v-147e717e]::-moz-range-thumb{width:14px;height:14px;background:#8a66c7;cursor:pointer}.blue .slider[data-v-147e717e]::-moz-range-thumb{background:#1967d2}.threshold[data-v-147e717e]{display:flex;gap:10px;color:#8a66c7;font-weight:600;align-items:center;padding:0 10px}.threshold.blue[data-v-147e717e]{color:#1967d2}.box[data-v-924aa8c6]{position:absolute;border:1px dotted #fff;background:#7053a380;border-radius:0;box-sizing:border-box;box-sizing:content-box}.box .label[data-v-924aa8c6]{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;background:#7053a3;color:#fff;border-radius:0;padding:5px;max-height:30px;border:1px dotted #fff;white-space:nowrap;position:absolute;transform:translateY(-100%);left:-1px}.box.blue .label[data-v-924aa8c6],.box.blue[data-v-924aa8c6]{background:#1966d280}.slidecontainer[data-v-924aa8c6]{width:100%;display:flex;align-items:center}.slider[data-v-924aa8c6]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s;border-radius:2.5px}.slider[data-v-924aa8c6]:hover{opacity:1}.slider[data-v-924aa8c6]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#8a66c7;cursor:pointer;border-radius:50%}.blue .slider[data-v-924aa8c6]::-webkit-slider-thumb{background:#1967d2}.slider[data-v-924aa8c6]::-moz-range-thumb{width:14px;height:14px;background:#8a66c7;cursor:pointer}.blue .slider[data-v-924aa8c6]::-moz-range-thumb{background:#1967d2}.threshold[data-v-924aa8c6]{display:flex;gap:10px;color:#8a66c7;font-weight:600;align-items:center;padding:0 10px}.threshold.blue[data-v-924aa8c6]{color:#1967d2}button[data-v-69a55b17]{background:#f5e8fe;border:2px solid #8a66c7;color:#8a66c7;border-radius:5px;min-height:26px;cursor:pointer}button[data-v-69a55b17]:hover{background:#e9d5fb}button.inactive[data-v-69a55b17]{pointer-events:none;filter:grayscale(1)}.imageContainer[data-v-69a55b17]{min-height:90px;width:100%;display:flex;gap:5px;overflow-x:scroll;overflow-y:hidden;padding:5px;border-radius:5px;box-shadow:0 1px 3px #00000005,0 0 0 1px #1b1f2340}.imageContainer.vertical[data-v-69a55b17]{flex:1;overflow-x:hidden;overflow-y:scroll;flex-wrap:wrap;align-content:flex-start}.imageContainer[data-v-69a55b17]::-webkit-scrollbar{-webkit-appearance:none}.imageContainer[data-v-69a55b17]::-webkit-scrollbar:vertical{width:10px;height:100%}.imageContainer[data-v-69a55b17]::-webkit-scrollbar:horizontal{height:10px;width:100%}.imageContainer[data-v-69a55b17]::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid #fff;background-color:#0000004d}.imageContainer[data-v-69a55b17]::-webkit-scrollbar-thumb:hover{border-radius:8px;border:2px solid #fff;background-color:#00000080}.imageContainer[data-v-69a55b17]::-webkit-scrollbar-track{border-radius:10px}.region[data-v-69a55b17]{border:1.5px dotted #fff;border-radius:0;background:#ffffff80;position:absolute;opacity:.7}.app{box-sizing:unset;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}body,html{padding:0;margin:0;height:-moz-max-content;height:max-content;min-width:1200px}body{background:#e8eaed;--pin-0-color:#39499f;--pin-1-color:#f16465;--pin-2-color:#383838;--pin-3-color:#2db34a;--pin-4-color:#7c3218;--pin-5-color:#47c7ea}div{padding:0 0;margin:0;box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}*,div{position:relative}*{font-family:"Sans-Serif",Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;font-smooth:always;z-index:0}.main{--background-color:#e8eaed;--color-primary:#e8f0fe;--color-primary-active:#d2e3fc;--color-secondary:#fff;--color-accent:#527dbf;--border-color:#79a9f7;--font-color-primary:#1967d2;--font-color-secondary:#000;--font-color-accent:#fff;background-color:var(--background-color);border-radius:0;min-height:100%;width:100%;height:100vh;display:flex;position:absolute;justify-content:center}*{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}*,.unselectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.undraggable{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}