*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}:root{--primary-bg-1: #9c9ecf;--primary-bg-2: #b8b9e0;--primary-bg-3: #d4d5ef;--primary-fg-1: #2a2b5c;--primary-fg-2: #5a5b7c;--primary-fg-3: #7a7b9c;--correct-color: #238636;--correct-hover-color: #2f9e44;--incorrect-color: #c53030}body{font-family:sans-serif;line-height:1.5;color:#000;--editor-action-size: 60px;--editor-action-details-size: 200px;--viewer-status-size: 40px}body.dark{color:#fff;--primary-bg-1: #0c0f11;--primary-bg-2: #141a21;--primary-bg-3: #1c252a;--primary-fg-1: #a0b0c0;--primary-fg-2: #667788;--primary-fg-3: #4d5e6b}#app{display:flex;flex-direction:column}#header[data-v-593dd9e6]{display:flex;align-items:center;background-color:var(--primary-bg-1)}#header__title[data-v-593dd9e6]{margin:.5rem auto .5rem .5rem;display:flex;align-items:center;font-size:.7rem;color:var(--primary-fg-1)}#header__title>svg[data-v-593dd9e6]{width:2rem;height:2rem;margin-right:1rem}#header__navbar[data-v-593dd9e6]{display:flex;justify-content:center;align-items:center;height:100%}#header__navbar[data-v-593dd9e6]>*{margin:0 .5rem}.header__navbar_item[data-v-593dd9e6]{background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.5rem;border:none}.header__navbar_item[data-v-593dd9e6]:hover{background-color:var(--primary-bg-2);border-radius:50%}.header__navbar_item>svg[data-v-593dd9e6]{width:1.5rem;height:1.5rem;fill:var(--primary-fg-1)}#metadata[data-v-8e1dd43c]{text-align:center;overflow:hidden;width:0;flex-grow:1}#metadata__name[data-v-8e1dd43c]{font-weight:700;color:var(--primary-fg-1);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#metadata__size[data-v-8e1dd43c]{color:var(--primary-fg-2);white-space:nowrap;overflow:hidden}#viewer[data-v-e696880b]{display:flex;justify-content:center;height:100%;flex-direction:column}#viewer>img[data-v-e696880b]{flex-grow:1;padding:1rem;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;height:0}#viewer__ask_import[data-v-e696880b]{display:flex;justify-content:center;align-items:center;text-align:center;flex-grow:1;padding:1.5rem}#viewer__ask_import>p[data-v-e696880b]{font-size:1.25rem;color:var(--primary-fg-1)}#viewer__first_import[data-v-e696880b]{display:inline;background-color:transparent;border:none;color:var(--primary-fg-1);cursor:pointer;font-weight:700;font-size:1.25rem}#viewer__first_import[data-v-e696880b]:hover{text-decoration:underline;text-underline-position:under}#viewer__bottom[data-v-e696880b]{gap:1rem;display:flex;justify-content:space-between;padding:.5em 1em}#actions[data-v-68731ca6]{background-color:var(--primary-bg-1);width:var(--editor-action-size);display:flex;align-items:center;flex-direction:column;z-index:1;flex-shrink:0;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:initial}#actions.inactive[data-v-68731ca6]{cursor:not-allowed}#actions.inactive>a[data-v-68731ca6]{pointer-events:none;opacity:.4}.action__button[data-v-68731ca6]{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;padding:.3rem 0;margin-bottom:1rem;width:100%;color:var(--primary-fg-1);font-size:.85rem;text-decoration:none}.action__button[data-v-68731ca6]:last-child{margin-bottom:0}.action__button[data-v-68731ca6]:hover:not(.router-link-active){border-radius:16px;background-color:var(--primary-bg-2);cursor:pointer}.action__button>svg[data-v-68731ca6]{width:32px;height:32px;margin-bottom:.5rem;fill:var(--primary-fg-1)}.router-link-active[data-v-68731ca6]{background-color:var(--primary-bg-2);font-weight:700}@media screen and (max-width: 576px){#actions[data-v-68731ca6]{width:100%;flex-direction:row;display:flex;justify-content:flex-start;gap:.5em;overflow-x:auto;padding:0 .5em}.action__button[data-v-68731ca6]{margin-bottom:0;min-width:64px;padding:.5em .5em .8em}}#viewer__side_buttons[data-v-00c67eeb]{display:flex;justify-content:flex-end;flex-direction:column;position:absolute;top:0;right:0;padding:.5rem}#viewer__side_button[data-v-00c67eeb]{border:2px solid var(--primary-fg-3);background-color:var(--primary-bg-3);border-radius:8px;padding:.25rem;margin:.5rem;cursor:pointer}#viewer__side_button[data-v-00c67eeb]:hover{background:var(--primary-bg-2)}#viewer__side_button>svg[data-v-00c67eeb]{fill:var(--primary-fg-2);width:32px;height:32px;display:block}#viewer__side_button.disabled[data-v-00c67eeb]{background-color:var(--primary-bg-1);cursor:not-allowed;pointer-events:none}#editor[data-v-80c7e1cb]{flex-grow:1;display:flex;flex-direction:row;overflow:hidden;background-color:var(--primary-bg-3)}#editor__action_details[data-v-80c7e1cb]{overflow-y:auto;background-color:var(--primary-bg-2);width:var(--editor-action-details-size);border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:0 0 8px #00000080;flex-shrink:0;z-index:0;padding:1rem}#editor__action_details[data-v-80c7e1cb] input{padding:.5rem;border:2px solid var(--primary-fg-3);border-radius:.5rem;background-color:var(--primary-bg-2);color:var(--primary-fg-1)}#editor__action_details[data-v-80c7e1cb] select{padding:.5rem;border:2px solid var(--primary-fg-3);border-radius:.5rem;background-color:var(--primary-bg-2);color:var(--primary-fg-1);cursor:pointer}.slide-leave-active[data-v-80c7e1cb],.slide-enter-active[data-v-80c7e1cb]{transition:transform .3s ease}.slide-enter-from[data-v-80c7e1cb],.slide-leave-to[data-v-80c7e1cb]{transform:translate(-100%)}#editor__content[data-v-80c7e1cb]{flex-grow:1;position:relative}#editor__cancel_button[data-v-80c7e1cb],#editor__continue_button[data-v-80c7e1cb]{border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.75rem}#editor__continue_button[data-v-80c7e1cb]{background-color:var(--correct-color);border:2px solid var(--correct-color);align-self:flex-end;color:#fff;font-size:1rem}#editor__continue_button[data-v-80c7e1cb]:hover{background-color:var(--correct-hover-color);border:2px solid var(--correct-hover-color)}#editor__continue_button>span[data-v-80c7e1cb]{margin-left:.5rem}#editor__cancel_button[data-v-80c7e1cb]{background-color:transparent;border:2px solid var(--incorrect-color);align-self:center}#editor__cancel_button>svg[data-v-80c7e1cb]{width:24px;height:24px;fill:var(--incorrect-color)}#editor__cancel_button[data-v-80c7e1cb]:hover{background-color:var(--incorrect-color)}#editor__cancel_button:hover>svg[data-v-80c7e1cb]{fill:#fff}#editor__continue_button>svg[data-v-80c7e1cb]{width:24px;height:24px;fill:#fff}@media screen and (max-width: 576px){#editor[data-v-80c7e1cb]{flex-direction:column-reverse}#editor__action_details[data-v-80c7e1cb]{height:var(--editor-action-details-size);width:100%;overflow-x:scroll;border-radius:0}#editor__content[data-v-80c7e1cb]{height:0}.slide-leave-active[data-v-80c7e1cb],.slide-enter-active[data-v-80c7e1cb]{transition:transform .3s ease}.slide-enter-from[data-v-80c7e1cb],.slide-leave-to[data-v-80c7e1cb]{transform:translateY(100%)}#editor__continue_button>span[data-v-80c7e1cb]{display:none}}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.sub_action_button[data-v-6f2b56d0]{display:flex;gap:.5rem;align-items:center;justify-content:center;background-color:var(--primary-bg-2);color:var(--primary-fg-1);border:2px solid var(--primary-fg-3);border-radius:.5rem;padding:.5rem;cursor:pointer}.sub_action_button.blocked[data-v-6f2b56d0]{background-color:var(--primary-bg-1);pointer-events:none}.sub_action_button[data-v-6f2b56d0] svg{width:1.5rem;height:1.5rem;fill:var(--primary-fg-1)}.sub_action_button[data-v-6f2b56d0]:hover{background-color:var(--primary-bg-1)}.input_block[data-v-a5025542] input{grid-column:1;width:100%}.button_block[data-v-cc212ab2]{display:flex;flex-direction:row;gap:.5rem;margin-bottom:.5rem}.button_block[data-v-cc212ab2]>*{width:0;flex-grow:1}.transform__section[data-v-f4c6d4d5]{margin-bottom:3rem;font-size:.85rem}.transform__section_top[data-v-f4c6d4d5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.transform__section_top>svg[data-v-f4c6d4d5]{width:1.25rem;height:1.25rem;fill:var(--primary-fg-2)}.transform__section_title[data-v-f4c6d4d5]{font-weight:700;color:var(--primary-fg-1)}