:root{--vt-c-white: #e5c1c5;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--theme-color: #93b8d8}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100svh;color:var(--color-text);background:var(--color-background);background:#e5c1c5;background:#fcfffb;background:#f9f6ff;color:#000;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto;font-weight:400;width:100vw;height:100svh;display:flex;justify-content:center;align-items:center;border-radius:0;position:relative;overflow:hidden}a,.green{text-decoration:none;color:#184b81;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:flex;justify-content:center;align-items:center}}.basis[data-v-e20cf9e7]{padding:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;min-width:100px;min-height:100px;height:max-content;width:100%;max-width:100%;flex-direction:column;position:relative}.title[data-v-e20cf9e7]{display:flex;color:#1967d2;background:#e8f0fe;border-bottom-left-radius:0;border-bottom-right-radius:0;height:max-content;min-height:50px;justify-content:space-between;width:100%;max-width:100%;border:1px solid #dcdcdc;align-items:center;padding:0 20px;font-size:16px;font-weight:600}.basis.small .title[data-v-e20cf9e7]{height:40px;min-height:40px;padding:0 10px;font-size:14px}.box[data-v-e20cf9e7]{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:0;flex-wrap:wrap;transition:height .2s ease-in-out;min-height:max(80px,max-content);z-index:-1}.box[data-v-e20cf9e7]:has(.drag){z-index:1}.box[data-v-e20cf9e7]:has(.drop){z-index:1}.onTopContainer[data-v-e20cf9e7]:has(.onTop){z-index:1}.selection[data-v-b9ef2b83]{position:absolute;border:1px dotted white;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(-1 * var(--offset))}.selection.noAnimation[data-v-b9ef2b83]{transition:none}.color[data-v-b9ef2b83]{width:100%;height:100%;background:var(--1a8324aa);opacity:.5;border-radius:0}.label[data-v-b9ef2b83]{width:max-content;height:max-content;background:var(--1a8324aa);color:#fff;border-radius:0;padding:5px;max-height:30px;border:1px dotted white;white-space:nowrap;position:absolute;transform:translateY(-100%);left:-1px}.selecting label[data-v-b9ef2b83],.selection:hover label[data-v-b9ef2b83]{display:flex}label[data-v-b9ef2b83]{display:none;width:max-content;position:absolute;pointer-events:none;color:#fff;font-weight:600;padding:1px 5px}label.warning[data-v-b9ef2b83]{color:#fe5454;border-color:#fe5454}label.width[data-v-b9ef2b83]{top:100%;left:50%;transform:translate(-50%,-100%) translateY(-4px)}label.height[data-v-b9ef2b83]{top:50%;left:0;transform:translateY(-50%) translate(0)}.hitbox[data-v-b9ef2b83]{position:absolute;border-radius:0;min-width:var(--hitbox-width);min-height:var(--hitbox-width);opacity:0;top:0}.hitbox.top[data-v-b9ef2b83]{width:100%;cursor:ns-resize;transform:translateY(-100%) translateY(var(--offset));background:#ff0}.hitbox.bottom[data-v-b9ef2b83]{width:100%;cursor:ns-resize;top:100%;background:#ff0;transform:translateY(calc(var(--negative-offset)))}.hitbox.left[data-v-b9ef2b83]{height:100%;cursor:ew-resize;transform:translate(-100%) translate(var(--offset));background:#ff0}.hitbox.right[data-v-b9ef2b83]{height:100%;cursor:ew-resize;left:100%;background:#ff0;transform:translate(calc(var(--negative-offset)))}.hitbox.topRight[data-v-b9ef2b83]{background:red;left:100%;cursor:nesw-resize;transform:translateY(-100%) translate(calc((var(--negative-offset))),calc(var(--offset)))}.hitbox.topLeft[data-v-b9ef2b83]{background:red;cursor:nwse-resize;transform:translate(-100%,-100%) translate(calc((var(--offset))),calc(var(--offset)))}.hitbox.bottomLeft[data-v-b9ef2b83]{background:red;top:100%;cursor:nesw-resize;transform:translate(-100%) translate(calc((var(--offset))),calc(var(--negative-offset)))}.hitbox.bottomRight[data-v-b9ef2b83]{background:red;top:100%;left:100%;cursor:nwse-resize;transform:translate(calc((var(--negative-offset))),calc(var(--negative-offset)))}.selection.invalid .color[data-v-b9ef2b83]{background:none}.selection.invalid .label[data-v-b9ef2b83]{color:#fff;background:#fe5454}.label[data-v-caae3c81]{width:100%;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[data-v-caae3c81]:hover,.label.active[data-v-caae3c81]{background:var(--label-color)}.label input[data-v-caae3c81]{outline:none;border:none;padding:3px;background:#fff;color:var(--label-color)}.label:not(.active) input[data-v-caae3c81]{pointer-events:none}.label:hover input[data-v-caae3c81],.label.active input[data-v-caae3c81]{background:var(--label-color);color:#fff}.label.active input[data-v-caae3c81]{border-bottom:1px solid white}.count[data-v-caae3c81]{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:hover .count[data-v-caae3c81],.label.active .count[data-v-caae3c81]{border-color:#fff;color:#fff}.colorBoard[data-v-caae3c81]{width:100%;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-caae3c81]{width:30px;height:20px;border:2px solid var(--button-color);cursor:pointer;border-radius:3px}.color.selected[data-v-caae3c81]{background-color:var(--button-color)}.color[data-v-caae3c81]:hover{background:var(--button-color)}button[data-v-caae3c81]{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-caae3c81]:hover{background:var(--label-color);color:#fff;border-color:#fff}button img[data-v-caae3c81]{width:100%}div[data-v-fedd2ee2]{position:relative}[data-v-fedd2ee2]{-webkit-user-select:none;-moz-user-select:none;-ms-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-fedd2ee2]{width:520px;height:max-content;background:#e7f0fe;border:1px solid #dcdcdc;padding:15px;display:flex;flex-direction:column;gap:10px}.playground[data-v-fedd2ee2]{width:638px;height:400px;cursor:crosshair;box-sizing:content-box;border-radius:0;border:none;z-index:1}.playground .cord[data-v-fedd2ee2]{padding:3px;position:absolute;width:max-content;pointer-events:none;transform:translate(3px,3px);z-index:1;font-size:12px;background:#ee9f03;color:#fff;border-radius:0}.playground .lineHori[data-v-fedd2ee2]{width:100%;height:0;border-top:1.5px dotted #bbb;position:absolute;top:50%;transform:translateY(-50%)}.playground .lineVert[data-v-fedd2ee2]{width:0;height:100%;border-left:1.5px dotted #bbb;position:absolute;left:50%;top:0;transform:translate(-50%)}.playground .background[data-v-fedd2ee2]{width:100%;height:100%;border:3px dashed #eea100;border-radius:0;position:absolute;top:0;left:0;pointer-events:none}.playground .backgroundImage[data-v-fedd2ee2]{width:100%;height:100%;border-radius:0;z-index:-1}.labelsContainer[data-v-fedd2ee2]{display:flex;flex-direction:column;gap:5px;flex:1;padding:3px;overflow-y:hidden;max-height:100%;color:#5b5b5b;width:210px}.labelsContainer span[data-v-fedd2ee2]{padding:0 5px;font-weight:600;font-size:16px;display:flex;justify-content:space-between}.labelsContainer span button[data-v-fedd2ee2]{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-fedd2ee2]{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-fedd2ee2]{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-fedd2ee2]:hover{background:#8a66c7;color:#fff}.labelsContainer .add.disabled[data-v-fedd2ee2]{pointer-events:none;filter:grayscale(1)}.mouseTipsContainer[data-v-fedd2ee2]{display:flex;gap:10px;flex-direction:row;height:100%;justify-content:space-between;padding:3px;flex-direction:column;width:max-content;font-size:16px;font-weight:600;color:#8a66c7}.mouseTips[data-v-fedd2ee2]{display:flex;height:25px;align-items:center;gap:5px;color:#8a66c7}.mouseTips img[data-v-fedd2ee2]{width:auto;height:20px}.button[data-v-f223f4c4]{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[data-v-f223f4c4]:hover,.button.active[data-v-f223f4c4]{background:#7053a3}.onHover[data-v-b193b576]{opacity:.3;transition:.3s all ease-in-out;position:absolute;z-index:12;top:15px;right:10px}.camera:hover .onHover[data-v-b193b576]{opacity:1}.triggerBtn[data-v-b193b576]{color:#fff;cursor:pointer;width:24px;height:auto;border-radius:50%;filter:drop-shadow(0 0 5px #000);position:relative}.triggerBtn[data-v-b193b576]:hover{transform:scale(1.2)}.canvas[data-v-b193b576]{background-color:#ffffff4d;width:240px;height:240px;border-radius:10px}.modeSelector[data-v-b193b576]{width:100%;padding:5px 3px;font-size:16px;display:flex;align-items:center;gap:5px}.mode[data-v-b193b576],.mode[data-v-b193b576]: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-b193b576]:not(.active){background:gray}input[type=file][data-v-b193b576]{font-size:0;opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:1;cursor:pointer}input[type=file]>input[data-v-b193b576]{cursor:inherit}.uploadBtn[data-v-b193b576]{position:absolute;top:calc(100% - 30px);left:50%;transform:translate(-50%,-100%);opacity:.5;z-index:2}.uploadBtn[data-v-b193b576]:hover{opacity:1}.label[data-v-670f7d3d]{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-670f7d3d],.label[data-v-670f7d3d]:hover{background:var(--color);color:#fff}.labelWrapper[data-v-670f7d3d]{width:100%;display:flex;gap:5px}.labelWrapper button[data-v-670f7d3d]{width:24px;height:24px;background:#fff;border-radius:5px}.labelContainer[data-v-670f7d3d]{flex:1;display:flex;gap:5px;overflow-x:auto}.labelContainer[data-v-670f7d3d]::-webkit-scrollbar{-webkit-appearance:none;display:none}button.inactive[data-v-670f7d3d]{filter:grayscale(1);pointer-events:none;background:#eee}button[data-v-670f7d3d]{background:#f5e8fe;border:2px solid #8a66c7;color:#8a66c7;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-670f7d3d]:hover{background:#e9d5fb}.image[data-v-e9f91c73]{width:70.5px;min-width:70.5px;height:70.5px;border:2px solid #8a66c7;transition:.1s all ease-in-out;cursor:pointer}.wrapper[data-v-e9f91c73]{opacity:.3}.image:not(.active):hover .wrapper[data-v-e9f91c73]{opacity:.7}.image.active .wrapper[data-v-e9f91c73]{opacity:1}.deleteBtn[data-v-e9f91c73]{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-e9f91c73]:hover{background:#fff}.image:hover .deleteBtn[data-v-e9f91c73]{opacity:1}button[data-v-69e8f66b]{background:#f5e8fe;border:2px solid #8a66c7;color:#8a66c7;border-radius:5px;min-height:26px;cursor:pointer}button[data-v-69e8f66b]:hover{background:#e9d5fb}button.inactive[data-v-69e8f66b]{pointer-events:none;filter:grayscale(1)}.imageContainer[data-v-69e8f66b]{width:100%;display:flex;gap:5px;overflow-x:scroll;overflow-y:hidden;padding:5px;border-radius:5px;box-shadow:#00000005 0 1px 3px,#1b1f2340 0 0 0 1px}.imageContainer.vertical[data-v-69e8f66b]{flex:1;overflow-x:hidden;overflow-y:scroll;flex-wrap:wrap;align-content:flex-start}.imageContainer[data-v-69e8f66b]::-webkit-scrollbar{-webkit-appearance:none}.imageContainer[data-v-69e8f66b]::-webkit-scrollbar:vertical{width:10px;height:100%}.imageContainer[data-v-69e8f66b]::-webkit-scrollbar:horizontal{height:10px;width:100%}.imageContainer[data-v-69e8f66b]::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid white;background-color:#0000004d}.imageContainer[data-v-69e8f66b]::-webkit-scrollbar-thumb:hover{border-radius:8px;border:2px solid white;background-color:#00000080}.imageContainer[data-v-69e8f66b]::-webkit-scrollbar-track{border-radius:10px}.region[data-v-69e8f66b]{border:1px dotted #fff;border-radius:0;background:#ffffff80;position:absolute;opacity:.7}.hortData[data-v-69e8f66b]{width:110px;min-width:110px;height:70px;display:flex;align-items:center;gap:10px;font-weight:600;color:#eea100;border:2px solid #eea100;position:relative;cursor:pointer}.hortData .number[data-v-69e8f66b]{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;font-size:25px;font-weight:600}.hortData.active .number[data-v-69e8f66b]{background:#ffffff4d}button[data-v-8cd0605f]{background:#f5e8fe;border:2px solid #8a66c7;color:#8a66c7;border-radius:5px;min-height:26px;cursor:pointer}button[data-v-8cd0605f]:hover{background:#e9d5fb}button.inactive[data-v-8cd0605f]{pointer-events:none;filter:grayscale(1)}.imageContainer[data-v-8cd0605f]{min-height:90px;width:100%;display:flex;gap:5px;overflow-x:scroll;overflow-y:hidden;padding:5px;border-radius:5px;box-shadow:#00000005 0 1px 3px,#1b1f2340 0 0 0 1px}.imageContainer.vertical[data-v-8cd0605f]{flex:1;overflow-x:hidden;overflow-y:scroll;flex-wrap:wrap;align-content:flex-start}.imageContainer[data-v-8cd0605f]::-webkit-scrollbar{-webkit-appearance:none}.imageContainer[data-v-8cd0605f]::-webkit-scrollbar:vertical{width:10px;height:100%}.imageContainer[data-v-8cd0605f]::-webkit-scrollbar:horizontal{height:10px;width:100%}.imageContainer[data-v-8cd0605f]::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid white;background-color:#0000004d}.imageContainer[data-v-8cd0605f]::-webkit-scrollbar-thumb:hover{border-radius:8px;border:2px solid white;background-color:#00000080}.imageContainer[data-v-8cd0605f]::-webkit-scrollbar-track{border-radius:10px}.region[data-v-8cd0605f]{border:1.5px dotted #fff;border-radius:0;background:#ffffff80;position:absolute;opacity:.7}button[data-v-0a6091bd]{border:3px solid #032169;color:#032169;width:max-content;font-size:24px;padding:10px 20px;border-radius:5px;font-weight:600;cursor:pointer;background:none}button[data-v-0a6091bd]:hover{background:#032169;color:#ffffffb3}.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[data-v-e83642df]:hover,.button.active[data-v-e83642df]{background:#7053a3}.dropdownmenu[data-v-d123aa4c]{height:30px;border-radius:0;display:flex;align-items:center;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:.3s all 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;top:0;right:0;bottom:0;left: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:.3s all 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: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 rgb(255,255,255,.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 white;background:#7053a380;border-radius:0;box-sizing:border-box}.box .label[data-v-3140297a]{width:max-content;height:max-content;background:#7053a3;color:#fff;border-radius:0;padding:5px;max-height:30px;border:1px dotted white;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;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;min-width:100px;min-height:100px;height:max-content;width:100%;max-width:100%;flex-direction:column}.title[data-v-f7e16baf]{display:flex;color:#1967d2;background:#e8f0fe;border-bottom-left-radius:0;border-bottom-right-radius:0;height:max-content;min-height:50px;justify-content:space-between;width:100%;max-width:100%;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,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-42fd5d71]{width:200px;height:max-content;background:#fff;position:absolute;top:calc(100% + 25px);z-index:1;box-shadow:#63636333 0 2px 8px;padding:5px}.left[data-v-42fd5d71]{left:0}.right[data-v-42fd5d71]{right:0}.expandMenu .item[data-v-42fd5d71]{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%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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 white}.expandMenu .item.disable[data-v-42fd5d71]{filter:grayscale(1);cursor:default;pointer-events:none}.expandMenu img[data-v-42fd5d71]{height:60%}.expandMenu .line[data-v-42fd5d71]{width:100%;height:1px;background:#dadada;margin:8px 0;border-radius:.5px}input[type=file][data-v-42fd5d71]{display:none}.expandMenu .item[data-v-42fd5d71]{color:#000}.expandMenu .item[data-v-42fd5d71]:not(.disable):not(.select):active{border:2px solid #000}.expandMenu .item[data-v-42fd5d71]:not(.disable):not(.select):hover{background:#f1f1f1}.expandMenu.blue .item[data-v-42fd5d71]{color:#1967d2}.expandMenu.blue .item[data-v-42fd5d71]:not(.disable):not(.select):active{border:2px solid #1967D2}.expandMenu.blue .item[data-v-42fd5d71]:not(.disable):not(.select):hover{background:#e8f0fe}.expandMenu.blue img[data-v-42fd5d71]{filter:invert(22%) sepia(92%) saturate(1713%) hue-rotate(202deg) brightness(110%) contrast(90%)}.expandMenu.purple .item[data-v-42fd5d71]{color:#8a66c7}.expandMenu.purple .item[data-v-42fd5d71]:not(.disable):not(.select):active{border:2px solid #8A66C7}.expandMenu.purple .item[data-v-42fd5d71]:not(.disable):not(.select):hover{background:#fae8fe}.expandMenu.purple img[data-v-42fd5d71]{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:max-content;z-index:1;height:45px;padding:30px 20px;background:#fff;border-top:none;border-left:none;border-radius:0 0 15px;width:max-content;min-width:215px;border-right:none;box-shadow:#00000026 1.95px 1.95px 2.6px}.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: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: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:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;width:250px;box-sizing:content-box;padding:10px 20px;background:#fff}.title[data-v-62928121]{font-weight:600;display:flex;justify-content:flex-start;align-items:center;border-radius:5px 5px 0 0;font-size:16px;color:#000;padding:10px 0}.content[data-v-62928121]{display:flex;justify-content:flex-start;align-items:center;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: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{text-decoration:underline #333}.container[data-v-dd235ca7]{position:fixed;top:0;right:0;z-index:3;width: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%;display:flex;justify-content:center;align-items:center}.loading[data-v-dcc33195]{background:#e8eaed;height:200px;width:200px;display:flex;justify-content:center;align-items:center;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 white;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(-1 * var(--offset))}.selection.noAnimation[data-v-c3e4bf0f]{transition:none}.color[data-v-c3e4bf0f]{width:100%;height:100%;background:var(--40b30434);opacity:.5;border-radius:0}.label[data-v-c3e4bf0f]{width:max-content;height:max-content;background:var(--40b30434);color:#fff;border-radius:0;padding:5px;max-height:30px;border:1px dotted white;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: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(calc((var(--negative-offset))),calc(var(--offset)))}.hitbox.topLeft[data-v-c3e4bf0f]{background:red;cursor:nwse-resize;transform:translate(-100%,-100%) translate(calc((var(--offset))),calc(var(--offset)))}.hitbox.bottomLeft[data-v-c3e4bf0f]{background:red;top:100%;cursor:nesw-resize;transform:translate(-100%) translate(calc((var(--offset))),calc(var(--negative-offset)))}.hitbox.bottomRight[data-v-c3e4bf0f]{background:red;top:100%;left:100%;cursor:nwse-resize;transform:translate(calc((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: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[data-v-767b8226]:hover,.label.active[data-v-767b8226]{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:hover input[data-v-767b8226],.label.active input[data-v-767b8226]{background:var(--label-color);color:#fff}.label.active input[data-v-767b8226]{border-bottom:1px solid white}.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:hover .count[data-v-767b8226],.label.active .count[data-v-767b8226]{border-color:#fff;color:#fff}.colorBoard[data-v-767b8226]{width:100%;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;-ms-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: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: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: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: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:.1s all 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:#00000005 0 1px 3px,#1b1f2340 0 0 0 1px}.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 white;background-color:#0000004d}.imageContainer[data-v-88c79be0]::-webkit-scrollbar-thumb:hover{border-radius:8px;border:2px solid white;background-color:#00000080}.imageContainer[data-v-88c79be0]::-webkit-scrollbar-track{border-radius:10px}.region[data-v-88c79be0]{border:1px dotted #fff;border-radius:0;background:#ffffff80;position:absolute;opacity:.7}.box[data-v-147e717e]{position:absolute;border:1px dotted white;background:#7053a380;border-radius:0;box-sizing:border-box;box-sizing:content-box}.box .label[data-v-147e717e]{width:max-content;height:max-content;background:#7053a3;color:#fff;border-radius:0;padding:5px;max-height:30px;border:1px dotted white;white-space:nowrap;position:absolute;transform:translateY(-100%);left:-1px}.box.blue[data-v-147e717e],.box.blue .label[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;-webkit-transition:.2s;transition:opacity .2s;border-radius:2.5px}.slider[data-v-147e717e]:hover{opacity:1}.slider[data-v-147e717e]::-webkit-slider-thumb{-webkit-appearance:none;-moz-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}button[data-v-d99f5bc3]{background:#f5e8fe;border:2px solid #8a66c7;color:#8a66c7;border-radius:5px;min-height:26px;cursor:pointer}button[data-v-d99f5bc3]:hover{background:#e9d5fb}button.inactive[data-v-d99f5bc3]{pointer-events:none;filter:grayscale(1)}.imageContainer[data-v-d99f5bc3]{min-height:90px;width:100%;display:flex;gap:5px;overflow-x:scroll;overflow-y:hidden;padding:5px;border-radius:5px;box-shadow:#00000005 0 1px 3px,#1b1f2340 0 0 0 1px}.imageContainer.vertical[data-v-d99f5bc3]{flex:1;overflow-x:hidden;overflow-y:scroll;flex-wrap:wrap;align-content:flex-start}.imageContainer[data-v-d99f5bc3]::-webkit-scrollbar{-webkit-appearance:none}.imageContainer[data-v-d99f5bc3]::-webkit-scrollbar:vertical{width:10px;height:100%}.imageContainer[data-v-d99f5bc3]::-webkit-scrollbar:horizontal{height:10px;width:100%}.imageContainer[data-v-d99f5bc3]::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid white;background-color:#0000004d}.imageContainer[data-v-d99f5bc3]::-webkit-scrollbar-thumb:hover{border-radius:8px;border:2px solid white;background-color:#00000080}.imageContainer[data-v-d99f5bc3]::-webkit-scrollbar-track{border-radius:10px}.region[data-v-d99f5bc3]{border:1.5px dotted #fff;border-radius:0;background:#ffffff80;position:absolute;opacity:.7}.container[data-v-fcb1138b]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;position:relative;padding:20px;border-radius:0;box-sizing:border-box;background:#eee;z-index:0}.v-enter-active[data-v-fcb1138b],.v-leave-active[data-v-fcb1138b]{transition:opacity 1s ease}.v-enter-from[data-v-fcb1138b],.v-leave-to[data-v-fcb1138b]{opacity:0}button[data-v-fcb1138b]{border:2px solid #eea002;color:#eea002;height:max-content;width:max-content;padding:10px 20px;font-weight:600}.miss[data-v-fcb1138b]{color:#ff4646;font-weight:1000;font-size:24px;animation:miss-animation-fcb1138b .2s ease-in infinite;position:absolute;left:50%;top:-100%;transform:translate(-50%) translateY(-20%)}@keyframes miss-animation-fcb1138b{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-100%)}}.result .label[data-v-fcb1138b]{position:absolute;transform:translateY(-100%);background:#ee9f03b3;width:max-content;color:#fff;padding:0 5px;top:0}.result .border[data-v-fcb1138b]{border:1px solid rgba(238,159,3,.7);width:100%;height:100%}.result.fail .label[data-v-fcb1138b]{background:#ff4646b3;width:max-content;color:#fff;padding:0 5px;top:0}.result.fail .border[data-v-fcb1138b]{border:1px solid rgba(255,70,70,.7)}