.ai-effects-box[data-v-c15f893c]{display:flex;gap:40px;margin:0 auto 40px;max-width:1818px;width:calc(100% - 102px)}.ai-effects-box .opt-box[data-v-c15f893c]{display:flex;flex-direction:column;flex-shrink:0;gap:16px;justify-content:space-between;width:476px}.ai-effects-box .opt-box[data-v-c15f893c] .swiper-container .swiper-item .item-title{background:transparent;color:#fff}.ai-effects-box .opt-box[data-v-c15f893c] .swiper-container .swiper-item.active{box-shadow:0 0 0 4px #000}.ai-effects-box .opt-box[data-v-c15f893c] .swiper-nav .nav-btn{background:#0006!important}.ai-effects-box .opt-box[data-v-c15f893c] .swiper-nav .nav-btn:disabled{background:#0003!important}.ai-effects-box .opt-box[data-v-c15f893c] .swiper-pagination .pagination-dot:hover{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0003}.ai-effects-box .opt-box[data-v-c15f893c] .swiper-pagination .pagination-dot.active{background:#000}.ai-effects-box .opt-box h1[data-v-c15f893c]{color:#000000b3;font-size:24px;font-weight:600;line-height:1.5;padding:7px;text-align:center}.ai-effects-box .opt-box .opt-main[data-v-c15f893c],.ai-effects-box .opt-box h1[data-v-c15f893c]{background:#fff9;border:1px solid #fff;border-radius:8px;box-shadow:0 0 0 8px #fff}.ai-effects-box .preview-box[data-v-c15f893c]{border:1px solid #fff;border-radius:8px;box-shadow:0 0 0 8px #fff;display:flex;flex:1;flex-direction:column;height:calc(100vh - 150px);min-height:640px;width:100%}.ai-effects-box .preview-box .video-box[data-v-c15f893c]{background-color:#f4f4f4;border-radius:8px;height:100%;overflow:hidden;width:100%}.ai-effects-box .preview-box .video-box img[data-v-c15f893c],.ai-effects-box .preview-box .video-box video[data-v-c15f893c]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ai-effects-box .oversee-box[data-v-c15f893c]{height:calc(100vh - 348px);min-height:430px;overflow:auto}.ai-effects-box .upload-content[data-v-c15f893c]{border-radius:8px;padding:0 24px}.ai-effects-box .upload-content>h3[data-v-c15f893c]{color:#000000b3;font-size:18px;font-weight:600;line-height:1.5;padding:12px 0 16px}.ai-effects-box .upload-content .uploader[data-v-c15f893c]{width:100%}.ai-effects-box .upload-content .uploader[data-v-c15f893c] .image-uploader{border-radius:8px;height:178px}.ai-effects-box .upload-content .uploader[data-v-c15f893c] .image-uploader .upload-trigger{height:178px}.ai-effects-box .pc-submit-btn[data-v-c15f893c]{background:#000;border-radius:8px;box-shadow:0 0 0 4px #f4f4f4,0 0 0 5px #fff;display:block;font-size:20px;font-style:normal;font-weight:700;height:64px;margin:24px auto;width:442px}.ai-effects-box .pc-submit-btn[data-v-c15f893c]:disabled{background:#0006}.ai-effects-box .mobile-submit-btn[data-v-c15f893c]{display:none}@media (min-device-pixel-ratio:2),(min-resolution:2dppx) and (max-device-width:1080px),screen and (max-width:960px){.ai-effects-box[data-v-c15f893c]{display:block;width:92%}.ai-effects-box .opt-box[data-v-c15f893c]{width:100%}.ai-effects-box .opt-box h1[data-v-c15f893c]{font-size:16px}.ai-effects-box .opt-box .opt-main[data-v-c15f893c]{margin-top:6.4vw}.ai-effects-box .opt-box .opt-main .oversee-box[data-v-c15f893c]{margin:0}.ai-effects-box .preview-box[data-v-c15f893c]{height:auto;margin-top:10vw;min-height:auto}.ai-effects-box .oversee-box[data-v-c15f893c]{height:auto;margin-top:6.4vw;min-height:auto}.ai-effects-box .upload-content[data-v-c15f893c]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:none;border-radius:0;bottom:0;box-shadow:none;left:0;padding:3.2vw 8.5vw;position:fixed;width:100%;z-index:20}.ai-effects-box .upload-content>h3[data-v-c15f893c]{font-size:4.2vw;margin:0 0 8px}.ai-effects-box .upload-content .uploader[data-v-c15f893c]{margin:0;width:100%}.ai-effects-box .pc-submit-btn[data-v-c15f893c]{display:none}.ai-effects-box .mobile-submit-btn[data-v-c15f893c]{background:#000;border-radius:8px;box-shadow:0 0 0 4px #f4f4f4,0 0 0 5px #fff;display:block;font-size:20px;font-style:normal;font-weight:700;height:64px;margin:24px auto 0;width:442px;width:100%}.ai-effects-box .mobile-submit-btn[data-v-c15f893c]:disabled{background:#0006}}.page-box[data-v-2c9ec11f]{overflow:hidden;width:100%}.preview-ai-video[data-v-2c9ec11f]{padding-top:122px}.faq[data-v-2c9ec11f],.how-to-use[data-v-2c9ec11f],.page-footer[data-v-2c9ec11f]{background-color:#fff}@media (min-device-pixel-ratio:2),(min-resolution:2dppx) and (max-device-width:1080px),screen and (max-width:960px){.preview-ai-video[data-v-2c9ec11f]{padding-top:32px}.faq[data-v-2c9ec11f],.how-to-use[data-v-2c9ec11f],.page-footer[data-v-2c9ec11f]{background-color:unset}}
