.upload-image-container[data-v-bc364d8c]{background-color:#1d1e1f;border:1px dashed #4c4d4f;border-radius:4px}.upload-image-container.has-image[data-v-bc364d8c]{background-color:transparent;border-width:0}.upload-image-container.has-image .image-list[data-v-bc364d8c]{margin:0}.upload-image-container .file-input[data-v-bc364d8c]{display:none}.upload-image-container .tip[data-v-bc364d8c]{color:#fff;font-size:14px;line-height:22px;margin-top:24px;text-align:center}.upload-image-container .tip[data-v-bc364d8c],.upload-image-container .tip>p[data-v-bc364d8c]{overflow-wrap:anywhere;white-space:normal;word-break:break-word}.upload-image-container .tip>p[data-v-bc364d8c]{color:#6c6e72;font-size:12px;line-height:20px}.upload-image-container .tip>p[data-v-bc364d8c]:first-child{margin-top:12px}.upload-image-container .image-list[data-v-bc364d8c]{display:flex;flex-wrap:wrap;gap:8px;margin:12px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upload-image-container .image-list .image[data-v-bc364d8c]{align-items:center;aspect-ratio:1;background-color:#141414;border:1px dashed #4c4d4f;border-radius:8px;display:flex;flex:1 1 auto;justify-content:center;position:relative;width:70px}.upload-image-container .image-list .image.hovered[data-v-bc364d8c]{border-color:#409eff}.upload-image-container .image-list .image.dragging[data-v-bc364d8c]{background-color:#0f94f51a}.upload-image-container .image-list .image:not(:hover) .icon-close[data-v-bc364d8c]{display:none}.upload-image-container .image-list .image .icon-upload_image[data-v-bc364d8c]{font-size:20px;padding:0;pointer-events:none}.upload-image-container .image-list .image .loading[data-v-bc364d8c]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.upload-image-container .image-list .image .loading .icon-loading[data-v-bc364d8c]{color:#fff;font-size:16px}.upload-image-container .image-list .image .icon-close[data-v-bc364d8c]{position:absolute;right:0;top:0;transform:translate(30%,-30%)}.upload-image-container .image-list .image img[data-v-bc364d8c]{max-height:100%;max-width:100%;pointer-events:none}.select_asset[data-v-13a1068f]{align-items:end;display:flex;flex-direction:column;gap:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1048px}.select_asset .work_list[data-v-13a1068f]{align-self:flex-start;display:grid;gap:20px;grid-template-columns:repeat(6,158px);grid-template-rows:repeat(3,158px);max-height:514px;overflow-x:hidden;overflow-y:scroll;padding-right:8px;position:relative;width:calc(100% + 8px)}.select_asset .work_list .work[data-v-13a1068f]{align-items:center;aspect-ratio:1;border:1.5px solid #4c4d4f;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center}.select_asset .work_list .work[data-v-13a1068f]:hover{border-color:#00a6a6}.select_asset .work_list .work[data-v-13a1068f]:active{border-color:#00fcfc}.select_asset .work_list .work.active[data-v-13a1068f]{border-color:#00d0d0}.select_asset .work_list .work .image[data-v-13a1068f]{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:4px;height:150px;pointer-events:none;width:150px}.select_asset .work_list .empty[data-v-13a1068f]{align-items:center;color:#a3a6ad;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:24px;justify-content:center;left:50%;line-height:24px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.select_asset .confirm_buttons[data-v-13a1068f]{display:flex;gap:12px;justify-content:right}@media(max-width:1100px){.select_asset[data-v-13a1068f]{align-items:stretch;gap:16px;max-height:calc(100dvh - var(--app-content-safe-top, var(--app-safe-top, env(safe-area-inset-top, 0px))) - var(--safe-bottom, env(safe-area-inset-bottom, 0px)) - 96px);max-width:100%;-webkit-overflow-scrolling:touch}.select_asset[data-v-13a1068f],.select_asset .work_list[data-v-13a1068f]{overflow-x:hidden;overflow-y:auto;width:100%}.select_asset .work_list[data-v-13a1068f]{gap:10px;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-template-rows:none;max-height:min(58dvh,420px);padding-right:0}.select_asset .work_list .work[data-v-13a1068f]{min-width:0}.select_asset .work_list .work .image[data-v-13a1068f]{height:calc(100% - 8px);width:calc(100% - 8px)}.select_asset .pages[data-v-13a1068f]{align-self:stretch;padding:0 16px}.select_asset .confirm_buttons[data-v-13a1068f]{align-self:stretch;background:#202121;border-top:1px solid #4c4d4f;bottom:0;justify-content:flex-end;padding:12px 16px calc(12px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));position:sticky;right:0}.select_asset .confirm_buttons .button-full-primary[data-v-13a1068f],.select_asset .confirm_buttons .button-stroke-default[data-v-13a1068f]{height:36px;min-width:92px}}.ratio_grid[data-v-e4afe0b3]{align-items:center;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.ratio_grid .ratio_button[data-v-e4afe0b3]{align-items:center;border:1px solid #4c4d4f;border-radius:4px;color:#cfd3dc;display:grid;font-size:12px;grid-template-rows:auto 30px;height:64px;justify-content:center;padding-top:14px}.ratio_grid .ratio_button[data-v-e4afe0b3]:hover{background-color:#18222c;border-color:#213d5b}.ratio_grid .ratio_button[data-v-e4afe0b3]:active{background-color:#18222c}.ratio_grid .ratio_button.active[data-v-e4afe0b3],.ratio_grid .ratio_button[data-v-e4afe0b3]:active{border-color:#00d0d0;color:#00d0d0}.ratio_grid .ratio_button.active .ratio_preview[data-v-e4afe0b3],.ratio_grid .ratio_button:active .ratio_preview[data-v-e4afe0b3]{border-color:#00d0d0}.ratio_grid .ratio_button .ratio_preview[data-v-e4afe0b3]{border:1px solid #cfd3dc;margin:0 auto;min-height:14px;min-width:14px}.generate_container[data-v-e4afe0b3]{display:grid;grid-template-columns:min-content min-content auto}.generate_container .generate_button[data-v-e4afe0b3]{display:flex;height:100%;width:100%}.generate_container .generate_button .icon-span[data-v-e4afe0b3]{height:100%;width:100%}