:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}html,body,#app{width:100vw;height:100vh;margin:0;padding:0}.page{position:relative;width:100vw;height:100vh;background:#fff;overflow:hidden}.font{font-family:Arial,sans-serif;font-weight:700;text-align:left;white-space:nowrap}.font.grey{color:gray}.font.grey.italy{font-weight:400;font-style:italic}.font.black{color:#000}.rectangle-bg{background:#f5f5f5;border-radius:2.6vw}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.submit-btn[data-v-f0ea553f]{position:absolute;width:10.4vw;height:7.4vh;background:#e6e6e6;border-radius:2.6vw;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s}.submit-btn[data-v-f0ea553f]:hover{background:#d1d1d1}.submit-text[data-v-f0ea553f]{font-family:Fustat;font-weight:700;font-size:1.67vw;line-height:4.2vh;color:#4a4a4a}.menu[data-v-48612da5]{position:absolute;width:100vw;height:2.6vh;left:0;top:4.5vh;display:flex;flex-direction:row;align-items:center}.line[data-v-48612da5]{position:absolute;height:0;border:1px solid #bcbcbc;width:91.15vw;left:4.48vw;top:10vh}.no-select[data-v-48612da5]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-item[data-v-48612da5]{cursor:pointer;transition:color .2s}.menu-item[data-v-48612da5]:hover{color:#0078d4}.draggable{padding:4px;border-radius:6px;cursor:move;color:#fff;font-weight:500;font-size:14px;width:100%;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none}.draggable:focus{outline:none}.is-dragging{opacity:.2}.is-over{opacity:1}.container{display:flex;flex-direction:column;gap:1rem}.dropzone{width:100%;display:flex;flex-direction:row;border-radius:6px;transition:all 1s ease;-webkit-user-select:none;user-select:none;touch-action:none}.color-block{flex:1 1 0;min-width:0;aspect-ratio:1 / 1;width:auto;height:auto;cursor:grab;border-radius:12px;box-sizing:border-box}.color-block.fixed{cursor:not-allowed;border:3px solid #DA1C1C}.list-move,.list-enter-active,.list-leave-active{transition:.3s cubic-bezier(.165,.84,.44,1)}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-20px)}.font.grey.wrap[data-v-2c85b9dc]{white-space:normal}.rectangle-bg.a[data-v-2c85b9dc]{position:absolute;height:60.65vh;left:4.43vw;top:34vh}.vector-row[data-v-2c85b9dc]{position:absolute;width:100vw;left:0}.loading-mask[data-v-eb16795f]{position:fixed;left:0;top:0;width:100vw;height:100vh;background:#fff9;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner[data-v-eb16795f]{border:6px solid #e0e0e0;border-top:6px solid #888888;border-radius:50%;width:48px;height:48px;animation:spin-eb16795f 1s linear infinite}@keyframes spin-eb16795f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-eb16795f]{margin-top:16px;font-size:1.2rem;color:#888}.font.grey.wrap[data-v-0f3d8c47]{white-space:normal}.font.blue[data-v-0f3d8c47]{color:#1239c6}.rectangle-bg.b[data-v-0f3d8c47]{position:absolute;height:30.5vh;width:57vw;left:22.8vw;top:25.8vh}.rectangle-bg.b.dragging[data-v-0f3d8c47]{box-shadow:0 0 16px #1239c6;border:2px dashed #1239C6;background:#eaf0ff}.background[data-v-b1e9c82f]{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9998;background:gray;opacity:.9}.rectangle-bg.c[data-v-64ec3455]{position:relative;width:26.6vw;height:35.5vh}.img-loading-wrapper[data-v-64ec3455]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.img-loading-spinner[data-v-64ec3455]{width:2rem;height:2rem}.background[data-v-d0c9cb15]{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9998;background:gray;opacity:.9}.selected-img[data-v-d0c9cb15]{border:2px solid #007bff;box-shadow:0 0 10px #007bff80}.rectangle-bg.c[data-v-a0854348]{position:relative;width:44.3vw;height:69.5vh}.img-loading-wrapper[data-v-a0854348]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.img-loading-spinner[data-v-a0854348]{width:2rem;height:2rem}.gallery-list[data-v-16558097]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);gap:4vh 2.7vw;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#bdbdbd #f5f5f5}.gallery-list[data-v-16558097]::-webkit-scrollbar{width:8px;background:transparent}.gallery-list[data-v-16558097]::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px;transition:background .3s;opacity:.3}.gallery-list[data-v-16558097]:hover::-webkit-scrollbar-thumb{background:#888;opacity:1}.gallery-list[data-v-16558097]::-webkit-scrollbar-button{display:none;height:0;width:0}.gallery-item-wrapper[data-v-16558097]{width:100%;height:100%}