@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.ai-color-correction{background-image:url("../img/ai-color-correction/bg.png");background-repeat:no-repeat;background-size:cover;width:100%}@media screen and (min-width: 1200px){.ai-color-correction{height:835px;padding-top:24px}}@media screen and (max-width: 1200px){.ai-color-correction{padding-top:.3rem;padding-bottom:1.01rem}}@media screen and (min-width: 1200px){.text-box{margin-bottom:44px}}@media screen and (max-width: 1200px){.text-box{width:6.3rem;margin:0 auto .96rem auto}}.text-box .box-title{text-align:center;color:#39325a}@media screen and (min-width: 1200px){.text-box .box-title{font:normal normal bold 40px/60px Poppins}}@media screen and (max-width: 1200px){.text-box .box-title{font:normal normal bold .45rem/.6rem Poppins}}.text-box .box-desc{text-align:center;color:#39325a}@media screen and (min-width: 1200px){.text-box .box-desc{font:normal normal 300 16px/22px Poppins;width:1065px;margin:0 auto}}@media screen and (max-width: 1200px){.text-box .box-desc{font:normal normal 300 .3rem/.46rem Poppins}}.page-container{-moz-user-select:none;user-select:none;-webkit-user-select:none}.page-container .page-first{display:flex}@media screen and (min-width: 1200px){.page-container .page-first{width:1046px;gap:28px;margin:0 auto}}@media screen and (max-width: 1200px){.page-container .page-first{display:flex;flex-direction:column;gap:.4rem}}.page-container .page-first .left-container{box-shadow:0px 3px 6px rgba(57,50,90,.1607843137);border:6px solid #fff;border-radius:16px;position:relative;display:flex;align-items:flex-start;justify-content:center}@media screen and (min-width: 1200px){.page-container .page-first .left-container{width:558px;height:566px}}@media screen and (max-width: 1200px){.page-container .page-first .left-container{width:6.3rem;height:5.66rem;margin:auto}}.page-container .page-first .left-container .correction-video-container{width:100%;height:100%;display:flex}.page-container .page-first .left-container .correction-video-container .video-item{display:none;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:16px}.page-container .page-first .left-container .correction-video-container .video-loading-icon{display:block;width:46px;height:46px;background-image:url("../img/ai-color-correction/left_video_loading.svg");background-size:cover;animation:spin 1.5s linear infinite;margin:auto}.page-container .page-first .right-container{background:hsla(0,0%,100%,.8509803922) 0% 0% no-repeat padding-box;box-shadow:0px 3px 6px rgba(42,34,34,.1490196078);border-radius:16px}@media screen and (min-width: 1200px){.page-container .page-first .right-container{width:460px;height:566px}}@media screen and (max-width: 1200px){.page-container .page-first .right-container{width:6.3rem;height:7.96rem;margin:auto}}.page-container .page-second{display:flex;flex-direction:column;display:none}@media screen and (min-width: 1200px){.page-container .page-second{width:1065px;gap:24px;margin:0 auto}}@media screen and (max-width: 1200px){.page-container .page-second{width:6.3rem;gap:.3rem;margin:0 auto}}.page-container .page-second .top-container{display:flex;position:relative;background-color:#fefdff;border-radius:16px;box-shadow:0px 3px 6px rgba(42,34,34,.1490196078);background-image:linear-gradient(45deg, #E0DEE3 25%, transparent 25%, transparent 75%, #E0DEE3 75%, #E0DEE3),linear-gradient(45deg, #E0DEE3 25%, #FAFAFA 25%, #FAFAFA 75%, #E0DEE3 75%, #E0DEE3);background-size:30px 30px;background-position:0 0,15px 15px}@media screen and (min-width: 1200px){.page-container .page-second .top-container{height:545px}}@media screen and (max-width: 1200px){.page-container .page-second .top-container{height:6.3rem}}.page-container .page-second .top-container .close-btn{background:#39325a 0% 0% no-repeat padding-box;opacity:.5;border-radius:8px;position:absolute;display:flex;flex-direction:column;cursor:pointer;z-index:3}@media screen and (min-width: 1200px){.page-container .page-second .top-container .close-btn{width:32px;height:32px;left:1023px;top:10px}.page-container .page-second .top-container .close-btn:hover{opacity:1}}@media screen and (max-width: 1200px){.page-container .page-second .top-container .close-btn{width:.48rem;height:.48rem;left:5.82rem;top:-0.6rem;border-radius:.12rem}}.page-container .page-second .top-container .close-btn .close-icon{background-image:url("../img/ai-color-correction/top_close.png");margin:auto}@media screen and (min-width: 1200px){.page-container .page-second .top-container .close-btn .close-icon{width:16px;height:16px}}@media screen and (max-width: 1200px){.page-container .page-second .top-container .close-btn .close-icon{width:.28rem;height:.28rem;margin:.1rem;background-image:url("../img/ai-color-correction/mob_close.png");background-size:cover}}.page-container .page-second .top-container .bg-container{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;z-index:1}.page-container .page-second .top-container .bg-container .bg-icon{display:block;margin:auto;max-height:100%;max-width:100%;opacity:0}.page-container .page-second .top-container .canvas-container-upper{position:relative;z-index:2;margin:auto;overflow:hidden}.page-container .page-second .top-container .canvas-container-upper #canvas{height:100%;width:100%}.page-container .page-second .bottom-container{display:flex}@media screen and (min-width: 1200px){.page-container .page-second .bottom-container{background:rgba(57,50,90,.1) 0% 0% no-repeat padding-box;border-radius:16px;height:72px;padding:10px;gap:16px;width:1065px;position:relative}}@media screen and (max-width: 1200px){.page-container .page-second .bottom-container{margin-bottom:2.2rem;height:1.04rem;position:relative;width:6.3rem}}.page-container .page-second .bottom-container .blue-btn{color:#fff;background:#6d4dff 0% 0% no-repeat padding-box;box-shadow:0px 3px 6px rgba(109,77,255,.3019607843);border-radius:8px;display:flex;justify-content:center;align-items:center;text-align:center;margin:0 auto;opacity:1;cursor:pointer}@media screen and (min-width: 1200px){.page-container .page-second .bottom-container .blue-btn{width:140px;height:52px}.page-container .page-second .bottom-container .blue-btn.download{position:absolute;left:915px}}@media screen and (max-width: 1200px){.page-container .page-second .bottom-container .blue-btn{position:absolute}.page-container .page-second .bottom-container .blue-btn.download{width:2.72rem;height:.96rem;left:3.58rem;top:1.36rem}}@media screen and (min-width: 1200px){.page-container .page-second .bottom-container .blue-btn:not(.disabled):hover{background:#8970ff 0% 0% no-repeat padding-box}}.page-container .page-second .bottom-container .blue-btn.disabled{opacity:.25;cursor:default}.page-container .page-second .bottom-container .blue-btn .btn-text{font:normal normal 500 14px/24px Poppins;color:#fff}@media screen and (max-width: 1200px){.page-container .page-second .bottom-container .blue-btn .btn-text{font:normal normal 500 .24rem/.24rem Poppins}}.page-container .page-second .bottom-container .blue-btn .icon{display:inline-block;background-size:100%}@media screen and (min-width: 1200px){.page-container .page-second .bottom-container .blue-btn .icon.download{width:20px;height:20px;margin-right:6px;background-image:url("../img/ai-color-correction/bottom_download.png")}}@media screen and (max-width: 1200px){.page-container .page-second .bottom-container .blue-btn .icon.download{width:.4rem;height:.4rem;margin-right:.12rem;background-image:url("../img/ai-color-correction/mob_download.png")}}.page-container .page-second .bottom-container .img-btn{color:#39325a;background:#fff 0% 0% no-repeat padding-box;box-shadow:0px 3px 6px rgba(57,50,90,.1490196078);border-radius:8px;display:flex;justify-content:center;align-items:center;text-align:center;margin:0 auto;opacity:1;cursor:pointer}@media screen and (min-width: 1200px){.page-container .page-second .bottom-container .img-btn{width:126px;height:52px}.page-container .page-second .bottom-container .img-btn.back{position:absolute;left:10px}}@media screen and (max-width: 1200px){.page-container .page-second .bottom-container .img-btn{width:2rem;height:.96rem}.page-container .page-second .bottom-container .img-btn.back{position:absolute;top:1.36rem}}.page-container .page-second .bottom-container .img-btn .btn-text{font:normal normal 500 14px/24px Poppins;color:#39325a}@media screen and (max-width: 1200px){.page-container .page-second .bottom-container .img-btn .btn-text{font:normal normal 500 .24rem/.24rem Poppins}}.page-container .page-second .bottom-container .img-btn .icon{display:inline-block;background-image:url("../img/ai-color-correction/bottom_back.png");background-size:100%}@media screen and (min-width: 1200px){.page-container .page-second .bottom-container .img-btn .icon{width:16px;height:16px;margin-right:6px}}@media screen and (max-width: 1200px){.page-container .page-second .bottom-container .img-btn .icon{width:.32rem;height:.32rem;margin-right:.12rem;background-image:url("../img/ai-color-correction/mob_back.png")}}@media screen and (min-width: 1200px){.page-container .page-second .bottom-container .img-btn:hover .btn-text{color:#6d4dff}.page-container .page-second .bottom-container .img-btn:hover .icon{background-image:url("../img/ai-color-correction/bottom_back_hover.png")}}.page-container .page-second .bottom-container .intensity-box-container{display:flex;flex-direction:column;position:absolute}@media screen and (min-width: 1200px){.page-container .page-second .bottom-container .intensity-box-container{width:440px;height:52px;gap:4px;left:313px;background:#fff 0% 0% no-repeat padding-box;box-shadow:0px 3px 6px rgba(57,50,90,.1490196078);border-radius:8px;padding:6px 12px 6px 12px}}@media screen and (max-width: 1200px){.page-container .page-second .bottom-container .intensity-box-container{width:6.3rem;height:1.04rem;gap:.09rem;top:0rem;left:0rem;background:#fff 0% 0% no-repeat padding-box;box-shadow:0 .06rem .12rem rgba(57,50,90,.1490196078);border-radius:.16rem;padding:.14rem}}.page-container .page-second .bottom-container .intensity-box-container .intensity-content{display:flex}.page-container .page-second .bottom-container .intensity-box-container .intensity-content .intensity-value,.page-container .page-second .bottom-container .intensity-box-container .intensity-content .intensity-text{font:normal normal 500 14px/24px Poppins;color:#39325a}@media screen and (max-width: 1200px){.page-container .page-second .bottom-container .intensity-box-container .intensity-content .intensity-value,.page-container .page-second .bottom-container .intensity-box-container .intensity-content .intensity-text{font:normal normal 500 .24rem/.41rem Poppins;color:#39325a}}.page-container .page-second .bottom-container .intensity-box-container .intensity-content .intensity-space{flex:1}.page-container .page-second .bottom-container .intensity-box-container .intensity-slider-container{display:flex;align-items:center;position:relative}.upload-container{color:#fff;background:rgba(109,77,255,.0509803922) 0% 0% no-repeat padding-box;border:1px dashed #6d4dff;border-radius:8px;position:relative;display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 1200px){.upload-container{margin:16px auto;width:428px;height:340px}.upload-container .upload-img{margin:79px auto 40px auto}}@media screen and (max-width: 1200px){.upload-container{width:5.9rem;height:4.96rem;margin:.2rem auto}.upload-container .upload-img{margin:.74rem auto .52rem auto;width:.96rem;height:.96rem}}.upload-container .drag-mask{display:none;position:absolute;width:100%;height:100%;border-radius:8px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.upload-container .drag-mask .drag-text{pointer-events:none;margin:auto;font:normal normal normal 18px/24px Poppins;color:#39325a}.upload-pre-box{display:block}.upload-pre-box .upload-text{color:#39325a;text-align:center}@media screen and (min-width: 1200px){.upload-pre-box .upload-text{font:normal normal normal 14px/21px Poppins;margin-top:10px;display:block}}@media screen and (max-width: 1200px){.upload-pre-box .upload-text{font:normal normal normal .24rem/.35rem Poppins;margin-top:.12rem;display:none}}.upload-pre-box .upload-hint{color:#39325a;opacity:.6;text-align:center}@media screen and (min-width: 1200px){.upload-pre-box .upload-hint{font:normal normal normal 12px/18px Poppins;margin-top:48px}}@media screen and (max-width: 1200px){.upload-pre-box .upload-hint{font:normal normal normal .2rem/.3rem Poppins;margin-top:1.3rem}}.upload-start-box{display:none}.upload-btn{cursor:pointer;color:#fff;background:#6d4dff 0% 0% no-repeat padding-box;box-shadow:0px 3px 6px rgba(63,33,196,.2588235294);border-radius:8px;display:flex;justify-content:center;align-items:center;text-align:center;margin:0 auto}@media screen and (min-width: 1200px){.upload-btn{width:220px;height:48px}}@media screen and (max-width: 1200px){.upload-btn{width:4rem;height:.88rem}}@media screen and (min-width: 1200px){.upload-btn:hover{background:#8970ff 0% 0% no-repeat padding-box}}.upload-btn .btn-icon{display:inline-block;background-size:100%;background-image:url("../img/ai-color-correction/right_upload.png")}@media screen and (min-width: 1200px){.upload-btn .btn-icon{width:20px;height:20px;margin-right:9px}}@media screen and (max-width: 1200px){.upload-btn .btn-icon{width:.32rem;height:.32rem;margin-right:.12rem}}.upload-btn span{color:#fff}@media screen and (min-width: 1200px){.upload-btn span{font:normal normal normal 14px/24px Poppins}}@media screen and (max-width: 1200px){.upload-btn span{font:normal normal normal .24rem/.24rem Poppins}}.uploading-btn{color:#fff;background:#8970ff 0% 0% no-repeat padding-box;box-shadow:0px 3px 6px rgba(63,33,196,.2588235294);border-radius:8px;display:flex;justify-content:center;align-items:center;text-align:center;margin:0 auto}@media screen and (min-width: 1200px){.uploading-btn{width:220px;height:48px}}@media screen and (max-width: 1200px){.uploading-btn{width:4rem;height:.88rem}}.uploading-btn .btn-icon{display:inline-block;background-size:100%;background-image:url("../img/ai-color-correction/right_loading.png");animation:spin 1s linear infinite}@media screen and (min-width: 1200px){.uploading-btn .btn-icon{width:20px;height:20px;margin-right:9px}}@media screen and (max-width: 1200px){.uploading-btn .btn-icon{width:.32rem;height:.32rem;margin-right:.12rem}}.uploading-btn span{color:#fff}@media screen and (min-width: 1200px){.uploading-btn span{font:normal normal normal 14px/24px Poppins}}@media screen and (max-width: 1200px){.uploading-btn span{font:normal normal normal .24rem/.24rem Poppins}}.line{border-bottom:2px solid #e6e5eb}@media screen and (min-width: 1200px){.line{width:428px;margin:24px auto}}@media screen and (max-width: 1200px){.line{width:5.9rem;margin:.4rem auto .22rem auto}}.select-image-text{color:#39325a;text-align:center}@media screen and (min-width: 1200px){.select-image-text{font:normal normal normal 14px/21px Poppins;margin-bottom:8px}}@media screen and (max-width: 1200px){.select-image-text{font:normal normal normal .24rem/.35rem Poppins;margin-bottom:.24rem}}.image-container{display:flex}@media screen and (min-width: 1200px){.image-container{padding:16px;gap:8px}}@media screen and (max-width: 1200px){.image-container{padding:0 .2rem .2rem .2rem;gap:.11rem}}.image-container .image-item{border-radius:10px;-o-object-fit:cover;object-fit:cover;cursor:pointer}@media screen and (min-width: 1200px){.image-container .image-item{width:101px;height:101px}.image-container .image-item:hover{opacity:.8}}@media screen and (max-width: 1200px){.image-container .image-item{width:1.39rem;height:1.39rem}}.image-container.disabled .image-item{cursor:default}@media screen and (min-width: 1200px){.image-container.disabled .image-item:hover{opacity:1}}.intensity-slider{width:100%;height:6px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;cursor:pointer;position:relative;background-color:rgba(57,50,90,.1)}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:#39325a 0% 0% no-repeat padding-box;box-shadow:0px 2px 4px rgba(0,0,0,.2);cursor:pointer;position:relative;z-index:2}@media screen and (min-width: 1200px){.intensity-slider::-webkit-slider-thumb:hover{width:20px;height:20px}}.intensity-slider::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:#39325a 0% 0% no-repeat padding-box;box-shadow:0px 2px 4px rgba(0,0,0,.2);cursor:pointer;position:relative;z-index:2}@media screen and (min-width: 1200px){.intensity-slider::-moz-range-thumb:hover{width:20px;height:20px}}.intensity-slider::-moz-range-progress{background-color:#39325a;border-radius:3px;height:100%}.intensity-slider::before{content:"";position:absolute;top:0;left:0;width:var(--before-width, 0);height:100%;background-color:#39325a;border-radius:3px;z-index:1}.creations-loading{width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;top:0px;left:0px;display:flex;justify-content:center;align-items:center;z-index:1000}