.image-container[data-type=image] .image-loading[data-v-321a4808]{display:none!important;opacity:0!important;visibility:hidden!important}.image-container[data-type=image] .image-loading.is-generating[data-v-321a4808]{display:flex!important;opacity:1!important;visibility:visible!important}.image-container[data-type=image] .image-element[data-v-321a4808]{display:block!important;opacity:1!important;z-index:999!important;position:relative!important}.image-container[data-v-321a4808]{data-index:attr(data-index)}.image-container[data-type=image] .image-wrapper[data-v-321a4808]{background-color:transparent!important}.canvas-editor[data-v-321a4808]{width:100%;height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#e8f0fe)}.canvas-container[data-v-321a4808]{width:90%;height:calc(100% - 9.375rem);margin:5.625rem auto 0;border:.125rem dashed #dee2e6;position:relative;background-color:hsla(0,0%,100%,.95);border-radius:.75rem;transition:all .3s ease;box-shadow:0 .25rem 1.25rem rgba(0,0,0,.02);overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:1.25rem;padding-right:1.25rem;scrollbar-width:thin;scrollbar-color:#42b983 #f5f7fa;min-width:fit-content;flex-shrink:0}.canvas-container[data-v-321a4808]::-webkit-scrollbar{width:.5rem;height:.5rem}.canvas-container[data-v-321a4808]::-webkit-scrollbar-track{background:#f5f7fa;border-radius:.25rem}.canvas-container[data-v-321a4808]::-webkit-scrollbar-thumb{background-color:#42b983;border-radius:.25rem}.canvas-container[data-v-321a4808]:hover{border-color:#42b983;box-shadow:0 .5rem 2rem rgba(66,185,131,.1)}.image-container[data-v-321a4808]{position:absolute;z-index:10;box-sizing:border-box;display:flex;align-items:center;justify-content:center;pointer-events:auto;flex-shrink:0}.image-container[data-type=image][data-v-321a4808]:nth-child(n+4){box-shadow:0 .1875rem .75rem rgba(0,153,255,.05);background-color:hsla(0,0%,100%,.9);border-radius:.5rem;min-width:10rem;min-height:10rem;z-index:999!important;flex-shrink:0}.image-wrapper[data-v-321a4808]{position:relative;width:100%;height:100%;border-radius:.5rem;overflow:hidden;box-shadow:0 .375rem 1rem rgba(0,0,0,.08);background-color:#fafafa;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.25,.8,.25,1);border:.0625rem solid hsla(0,0%,90.2%,.3);min-height:10rem;pointer-events:auto}.generated-tag[data-v-321a4808]{position:absolute;top:.625rem;left:.625rem;background-color:#42b983;color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:.75rem;z-index:99999}.image-loading[data-v-321a4808]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,97.3%,.9);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:9999!important;backdrop-filter:blur(.125rem);opacity:0;visibility:hidden;transition:opacity .3s ease}.image-loading.is-generating[data-v-321a4808]{display:flex!important;opacity:1!important;visibility:visible!important}.generating-text[data-v-321a4808]{margin-top:1rem;color:#666;font-size:.875rem;font-weight:500;animation:fadeInOut-data-v-321a4808 1.5s infinite}@keyframes fadeInOut-data-v-321a4808{0%,to{opacity:.7}50%{opacity:1}}.spinner[data-v-321a4808]{width:2.5rem;height:2.5rem;border:.25rem solid rgba(66,185,131,.2);border-top:.25rem solid #42b983;border-radius:50%;animation:spin-data-v-321a4808 1s linear infinite;display:block!important;opacity:1!important}@keyframes spin-data-v-321a4808{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-element[data-v-321a4808]{transition:all .4s cubic-bezier(.25,.8,.25,1)}.image-wrapper:hover .image-element[data-v-321a4808]{transform:translate(-50%,-50%) scale(1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1)}.delete-image-btn[data-v-321a4808]{top:.625rem;background-color:rgba(255,77,79,.9);font-size:1.125rem;box-shadow:0 .125rem .5rem rgba(255,77,79,.3);z-index:9999;transform:translateY(-.3125rem)}.delete-image-btn[data-v-321a4808],.download-image-btn[data-v-321a4808]{position:absolute;right:.625rem;width:1.875rem;height:1.875rem;border-radius:50%;color:#fff;border:none;line-height:1;cursor:pointer;opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto}.download-image-btn[data-v-321a4808]{bottom:.625rem;background-color:rgba(0,153,255,.9);font-size:1rem;box-shadow:0 .125rem .5rem rgba(0,153,255,.3);z-index:999;transform:translateY(.3125rem)}.image-container:hover .delete-image-btn[data-v-321a4808],.image-container:hover .download-image-btn[data-v-321a4808]{opacity:1;transform:translateY(0)}.delete-image-btn[data-v-321a4808]:hover{background-color:#ff4d4f;transform:translateY(0) scale(1.1);box-shadow:0 .1875rem .625rem rgba(255,77,79,.4)}.download-image-btn[data-v-321a4808]:hover{background-color:#07c;transform:translateY(0) scale(1.1);box-shadow:0 .1875rem .625rem rgba(0,153,255,.4)}.default-image-box[data-v-321a4808]{width:100%;height:100%;border:.125rem dashed #dcdfe6;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background-color:hsla(0,0%,100%,.8);pointer-events:auto}.default-image-box[data-v-321a4808]:hover{border-color:#42b983;background-color:rgba(66,185,131,.05);transform:translateY(-.125rem);box-shadow:0 .25rem .75rem rgba(66,185,131,.1)}.upload-icon[data-v-321a4808]{font-size:2rem;color:#8c8c8c;margin-bottom:.5rem;transition:all .3s ease}.default-image-box:hover .upload-icon[data-v-321a4808]{color:#42b983;transform:scale(1.1)}.upload-text[data-v-321a4808]{font-size:.875rem;color:#8c8c8c;transition:all .3s ease}.default-image-box:hover .upload-text[data-v-321a4808]{color:#42b983;font-weight:500}.generate-btn[data-v-321a4808]{width:12.5rem;height:3.125rem;background-color:#42b983;color:#fff;border:none;border-radius:1.5625rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:absolute;box-shadow:0 .25rem 1rem rgba(66,185,131,.3);display:flex;align-items:center;justify-content:center;z-index:999}.generate-btn[data-v-321a4808]:disabled{background-color:#a0e5c8;cursor:not-allowed;box-shadow:0 .125rem .5rem rgba(66,185,131,.1)}.generate-btn[data-v-321a4808]:hover:not(:disabled){background-color:#359469;transform:translateY(-.125rem);box-shadow:0 .375rem 1.25rem rgba(66,185,131,.4)}.generate-loading[data-v-321a4808]{margin-right:.5rem;animation:spin-data-v-321a4808 1s linear infinite}.test-generate-btn[data-v-321a4808]{position:absolute;bottom:3.125rem;left:3.125rem;padding:.5rem 1rem;background-color:#f59e0b;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 .125rem .5rem rgba(245,158,11,.2);z-index:999}.test-generate-btn[data-v-321a4808]:disabled{background-color:#fcd34d;cursor:not-allowed}.test-generate-btn[data-v-321a4808]:hover:not(:disabled){background-color:#d97706;box-shadow:0 .25rem .75rem rgba(245,158,11,.3)}.error-icon[data-v-321a4808]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:#ff4d4f;z-index:3}.image-upload[data-v-321a4808]{display:none}.image-zoom-modal[data-v-321a4808]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.85);z-index:99999;display:flex;align-items:center;justify-content:center;padding:2.5rem;box-sizing:border-box;backdrop-filter:blur(.25rem);animation:fadeIn-data-v-321a4808 .3s ease}@keyframes fadeIn-data-v-321a4808{0%{opacity:0}to{opacity:1}}.image-zoom-content[data-v-321a4808]{position:relative;max-width:90%;max-height:80%;overflow:hidden;border-radius:.5rem;box-shadow:0 .625rem 2.5rem rgba(0,0,0,.5)}.zoom-image[data-v-321a4808]{max-width:100%;max-height:80vh;display:block;object-fit:contain;border-radius:.5rem}.zoom-close-btn[data-v-321a4808]{position:absolute;top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;border-radius:50%;background-color:hsla(0,0%,100%,.2);color:#fff;border:none;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:999991}.zoom-close-btn[data-v-321a4808]:hover{background-color:#ff4d4f;transform:scale(1.1)}.zoom-controls[data-v-321a4808]{position:absolute;bottom:1.875rem;left:50%;transform:translateX(-50%);display:flex;gap:.9375rem;z-index:999991}.zoom-btn[data-v-321a4808]{padding:.625rem 1.25rem;background-color:hsla(0,0%,100%,.2);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(.125rem)}.zoom-btn[data-v-321a4808]:hover{background-color:rgba(66,185,131,.8);transform:translateY(-.125rem)}.zoom-in[data-v-321a4808]{background-color:rgba(66,185,131,.5)}.zoom-out[data-v-321a4808]{background-color:hsla(0,0%,60%,.5)}.zoom-reset[data-v-321a4808]{background-color:rgba(0,153,255,.5)}.zoom-size-info[data-v-321a4808]{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);color:#fff;font-size:.875rem;background-color:rgba(0,0,0,.5);padding:.375rem .75rem;border-radius:1rem;z-index:999991;backdrop-filter:blur(.125rem)}.zoom-error[data-v-321a4808],.zoom-loading[data-v-321a4808]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:999990}.zoom-error[data-v-321a4808]{flex-direction:column;color:#fff}.zoom-error .error-icon[data-v-321a4808]{font-size:3.75rem;margin-bottom:1rem}.zoom-error .error-text[data-v-321a4808]{font-size:1.125rem;font-weight:500}@media (max-width:768px){.canvas-container[data-v-321a4808]{width:95%;height:calc(100% - 7.5rem);margin-top:4.375rem}.generate-btn[data-v-321a4808]{width:10rem;height:2.75rem;font-size:.875rem}.test-generate-btn[data-v-321a4808]{bottom:1.25rem;left:1.25rem;padding:.375rem .75rem;font-size:.75rem}.image-zoom-modal[data-v-321a4808]{padding:1.25rem}.image-zoom-content[data-v-321a4808]{max-width:95%;max-height:70%}.zoom-controls[data-v-321a4808]{gap:.625rem;bottom:1.25rem}.zoom-btn[data-v-321a4808]{padding:.5rem 1rem;font-size:.75rem}.zoom-size-info[data-v-321a4808]{bottom:4.375rem;font-size:.75rem;padding:.25rem .625rem}}