.container[data-v-21ee7581]{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:34.125rem}.container .preview[data-v-21ee7581]{width:34.125rem}.preview[data-v-21ee7581]{display:flex;flex-direction:column;position:relative;height:22.25rem;border-radius:1.25rem;border:.5px solid var(--color-border);background:var(--color-card-sub-40);overflow:hidden}.preview .center_icon[data-v-21ee7581]{display:flex;justify-content:center;align-items:center;height:100%}.preview .img_box[data-v-21ee7581]{height:100%;position:relative}.preview .img_box .imgs[data-v-21ee7581]{height:100%;position:relative;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.preview .img_box .imgs img[data-v-21ee7581]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.preview .img_box .imgs .new[data-v-21ee7581]{opacity:1}.preview .img_box .imgs .new.hidden[data-v-21ee7581]{opacity:0;pointer-events:none}.preview .img_box .imgs .orginal[data-v-21ee7581]{opacity:0}.preview .img_box .imgs .orginal.visible[data-v-21ee7581]{opacity:1}.preview .operation[data-v-21ee7581]{border-top:.5px solid var(--color-border);display:flex;justify-content:center;align-items:center;padding:.5rem 0}.preview .operation .right[data-v-21ee7581]{display:flex;position:absolute;right:.5rem;gap:1rem}.preview .operation .right .icon[data-v-21ee7581]{border-radius:1rem;border:.0625rem solid var(--color-border-white-16);-webkit-backdrop-filter:blur(.46875rem);backdrop-filter:blur(.46875rem);padding:.375rem}.preview .operation .right .icon[data-disable=true][data-v-21ee7581]{opacity:.4;background:initial}.preview .apply[data-v-21ee7581]{padding:0 1rem;border-radius:1rem;font-size:var(--font-14);font-weight:initial;text-align:center;font-weight:500;border-radius:var(--radius-22);height:1.875rem;line-height:1.875rem;min-width:3.5rem;border:.0625rem solid var(--color-primary);background-color:var(--color-primary);color:var(--color-text)}.preview .apply[data-v-21ee7581]:hover{background-color:var(--color-primary-hover)}.preview .apply[data-disable=true][data-v-21ee7581]{border:.0625rem solid var(--color-border);background-color:inherit;color:var(--color-text-white-40)}.preview .apply[data-disable=true][data-v-21ee7581]:hover{background-color:inherit;cursor:not-allowed}.preview .contrast[data-v-21ee7581]{opacity:1;transition:opacity .2s ease}.preview .contrast[data-v-21ee7581]:active,.preview .download[data-v-21ee7581]:hover{background:var(--color-black-40)}.content-warp[data-v-21ee7581]{width:100%}.sub_title[data-v-21ee7581]{padding:.40625rem 0;font-weight:500;font-size:.75rem;margin-bottom:.375rem}.text_to_img .textarea[data-v-21ee7581]{width:calc(100% - 2rem);padding:1rem;border-radius:var(--radius-20);background:var(--color-black);color:var(--color-text)}.text_to_img .textarea textarea[data-v-21ee7581]{width:100%;font-weight:400;min-height:7.5rem;text-align:left;word-break:break-word;-webkit-user-select:text;user-select:text;border-radius:.3125rem;-webkit-font-smoothing:auto;font-size:var(--font-14);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;border:0;resize:none;outline:none;background-color:transparent}.text_to_img .textarea textarea[data-v-21ee7581]::-webkit-scrollbar{display:none}.text_to_img .textarea textarea[data-v-21ee7581]:focus-visible{outline-style:none}.text_to_img .textarea textarea[data-v-21ee7581]:after{content:attr(data-trailing-placeholder);color:var(--color-text-white-40)}.style_to_img[data-v-21ee7581]{border-radius:var(--radius-20);background:var(--color-black);padding:1rem;width:calc(100% - 2rem)}.style_to_img .img_list[data-v-21ee7581]{display:flex;gap:.625rem;overflow-y:hidden;white-space:nowrap;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.style_to_img .img_list[data-v-21ee7581]::-webkit-scrollbar{display:none}.style_to_img .img_list .item[data-v-21ee7581]{display:flex;flex-direction:column;gap:.5rem;width:6rem;cursor:pointer}.style_to_img .img_list .item .bg_img[data-v-21ee7581]{background-size:100% 100%;height:6rem;width:6rem;border-radius:.75rem;background-color:var(--color-card-sub)}.style_to_img .img_list .item p[data-v-21ee7581]{text-align:center}.style_to_img .img_list .item [data-active=true][data-v-21ee7581]{box-shadow:inset 0 0 0 .1875rem var(--color-primary);box-sizing:border-box}.btn-warp[data-v-21ee7581]{display:flex;align-items:center;justify-content:space-between}.btn-warp .btn[data-v-21ee7581]{padding:0 1rem;border-radius:.625rem;background-color:var(--color-primary-dark);color:var(--color-text-white-40);font-size:var(--font-14);font-weight:initial;text-align:center;border-radius:var(--radius-22);height:2.125rem;line-height:2.125rem;min-width:3.5rem;border:.0625rem solid var(--color-primary-dark);cursor:not-allowed}.btn-warp .btn svg[data-v-21ee7581]{opacity:.4}.btn-warp .btn[data-len=true][data-v-21ee7581]{background-color:var(--color-primary);border:.0625rem solid var(--color-primary);color:var(--color-text);cursor:pointer}.btn-warp .btn[data-gen=true][data-v-21ee7581]{background-color:initial;border:.0625rem solid var(--color-border)}.btn-warp .btn[data-gen=true][data-v-21ee7581]:hover{background-color:var(--color-primary);border:.0625rem solid var(--color-primary);color:var(--color-text)}@media (max-width: 820px){.container[data-v-21ee7581]{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%}.container .preview[data-v-21ee7581]{width:100%;height:15.625rem}.text_to_img .textarea[data-v-21ee7581]{width:calc(100% - 1.5rem);padding:.75rem}.text_to_img .textarea textarea[data-v-21ee7581]{min-height:6.25rem}.style_to_img[data-v-21ee7581]{padding:.75rem;width:calc(100% - 1.5rem)}}.sider[data-v-c5705420]{height:100%}.component[data-v-c5705420]{display:flex;flex-direction:column;gap:.75rem;height:calc(100% - 2.8125rem)}.preview[data-v-c5705420]{position:relative;width:100%;border-radius:1.25rem;overflow:hidden;height:calc(100% - 8.75rem);border:.5px solid var(--color-border);background:var(--color-card-sub-40)}@media screen and (max-width: 768px){.preview[data-v-c5705420]{width:100%;height:min(100vw,20rem)}}.preview .cropper[data-v-c5705420]{opacity:0;cursor:all-scroll}.preview .cropper[data-v-c5705420] .vue-advanced-cropper__foreground{opacity:1;background-color:#1e1e26}.preview .cropper[data-v-c5705420] .vue-advanced-cropper__image-wrapper{display:none}.preview .zoom[data-v-c5705420]{position:absolute;bottom:1rem;right:1rem;border-radius:1rem;border:.0625rem solid var(--color-border-white-16);background:var(--color-black-40);-webkit-backdrop-filter:blur(.46875rem);backdrop-filter:blur(.46875rem);padding:.375rem;display:inline-flex;gap:.375rem;flex-direction:column;justify-content:center;align-items:flex-start;-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px)}.preview .zoom[data-v-c5705420]:hover{background-color:var(--color-card-sub-40)}.preview .zoom .icon[data-v-c5705420]{cursor:pointer}.preview .zoom .zoom-in-icon[data-v-c5705420]{animation:zoomIn-c5705420 .3s ease-in}@keyframes zoomIn-c5705420{0%{transform:scale(.8)}to{transform:scale(1)}}.preview .image-ready[data-v-c5705420]{opacity:1}.preview .cropper_img[data-v-c5705420]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.preview .cropper_img .loading[data-v-c5705420]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.operation[data-v-c5705420]{display:flex;justify-content:space-between;gap:.75rem}.operation .left[data-v-c5705420]{display:flex;gap:.75rem}.operation .left .item[data-v-c5705420]{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0px 1rem;line-height:1.875rem;height:1.875rem;border:.0625rem solid var(--color-border);border-radius:1.25rem}.operation .left .item[data-v-c5705420]:hover{background-color:var(--color-card-sub-40)}.aspect-ratio[data-v-c5705420]{position:relative;width:6.875rem;cursor:pointer}.aspect-ratio[data-live=true][data-v-c5705420]{cursor:auto!important}.aspect-ratio[data-live=true][data-v-c5705420]:hover{background-color:initial}.aspect-ratio .aspect[data-v-c5705420]{display:flex;align-items:center;justify-content:center;gap:var(--padding-10);padding:var(--padding-8) var(--padding-10);border-radius:var(--radius-18);border:.0625rem solid var(--color-border);height:.875rem}.aspect-ratio .aspect[data-v-c5705420]:hover{background-color:var(--color-card-sub-40)}.aspect-ratio span[data-v-c5705420]{width:1.75rem;text-align:center}.aspect-ratio .arrow[data-v-c5705420]{opacity:.5}.aspect-ratio .icon[data-v-c5705420]{border:.09375rem solid var(--color-text);border-radius:.15625rem;opacity:.8}.aspect-ratio .ratio[data-v-c5705420]{width:1.25rem;height:1rem;display:flex;align-items:center;justify-content:center}.aspect-ratio .icon[data-ratio="1:1"][data-v-c5705420]{width:1rem;height:1rem}.aspect-ratio .icon[data-ratio="16:9"][data-v-c5705420]{width:1rem;height:.5625rem}.aspect-ratio .icon[data-ratio="9:16"][data-v-c5705420]{width:.5625rem;height:1rem}.aspect-ratio .icon[data-v-c5705420]{background-color:var(--color-white-16)}.aspect-ratio ul[data-v-c5705420]{width:6.25rem;display:flex;flex-direction:column;gap:.25rem;position:absolute;bottom:2.625rem;right:0;padding:var(--padding-6);border-radius:.875rem;border:.5px solid var(--color-border);background:var(--color-card);z-index:9}.aspect-ratio ul li[data-v-c5705420]{display:flex;align-items:center;justify-content:center;padding:var(--padding-8) var(--padding-16);border-radius:var(--radius-18);border:.0625rem solid transparent;gap:var(--padding-10);height:.875rem}.aspect-ratio ul li[data-v-c5705420]:hover{background:var(--color-card-sub-80)}.aspect-ratio ul li span[data-v-c5705420]{width:1.75rem;text-align:center}.aspect-ratio ul li[data-active=true][data-v-c5705420]{border-color:var(--color-card-sub-80);color:var(--color-text);background:var(--color-card-sub-80)}.aspect-ratio ul li[data-active=true] .icon[data-v-c5705420]{border-color:var(--color-text)}.img_list[data-v-c5705420]{width:100%;display:flex;gap:.625rem;height:5rem;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.img_list[data-v-c5705420]::-webkit-scrollbar{display:none}.img_list .item[data-v-c5705420]{overflow:auto;position:relative;cursor:pointer;height:5rem;width:5rem;border-radius:.75rem;background-size:100% 100%;flex-shrink:0}.img_list .item img[data-v-c5705420]{width:100%;height:100%}.img_list .item .icon[data-v-c5705420]{display:none;position:absolute;padding:.1875rem;border-radius:1.25rem;background-color:var(--color-black-40);cursor:pointer}.img_list .item .close[data-v-c5705420]{top:.5rem;right:.5rem}.img_list .item:hover .close[data-v-c5705420]{display:block;transition:all .25 ease-in-out}.img_list [data-active=true][data-v-c5705420]{box-shadow:inset 0 0 0 .1875rem var(--color-primary);box-sizing:border-box}