.border-gradient{position:relative}.border-gradient::after{padding:2px;content:"";position:absolute;inset:0;background:linear-gradient(162.68deg,rgba(160,222,255,.11) 2.45%,rgba(249,196,101,.11) 27.3%,rgba(255,255,255,.0055) 52.14%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;border-radius:25px}.video-inputs{min-height:614px;margin-top:50px;padding:30px 20px 26px;background:rgba(15,15,16,.6);backdrop-filter:blur(14px);border-radius:25px}.video-inputs .point{position:absolute;top:18px;left:26px;display:flex;gap:7px;align-items:center}.video-inputs .point span:nth-of-type(1){display:inline-block;width:7px;height:7px;background-color:#FF5E00;border-radius:4px}.video-inputs .point span:nth-of-type(2){display:inline-block;width:7px;height:7px;background-color:#FFD91D;border-radius:4px}.video-inputs .point span:nth-of-type(3){display:inline-block;width:7px;height:7px;background-color:#20DE26;border-radius:4px}.video-inputs .switch-wrapper{padding:0 40px;position:relative;z-index:1}.video-inputs .switch-wrapper>div{display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.19)}.video-inputs .switch-item{padding-bottom:14px;border-bottom:2px solid transparent;font-size:20px;font-weight:700;cursor:pointer}.video-inputs .switch-item.switch-active{border-bottom-color:#fff;color:#fff;pointer-events:none}.video-inputs .switch-item+.switch-item{margin-left:90px}.video-input-introduce{display:flex;align-items:center;justify-content:space-between}.video-input-title{font-size:22px;font-weight:600}.video-input-select{position:relative;z-index:11}.video-input-select .video-input-arrow{transition:transform 0.3s linear}.video-input-select.current .video-input-arrow{transform:rotate(180deg)}.video-input-select-name{display:flex;align-items:center;justify-content:space-between;height:52px;width:266px;padding:13px;background:#232329;border-radius:10px;cursor:pointer}.video-input-text{display:flex;align-items:center;font-size:15px;line-height:20px}.video-input-text img{margin-right:6px;max-width:25px;max-height:25px}.video-input-selection{display:none;position:absolute;top:calc(100% + 8px);right:0;padding:9px;width:100%;background:#1E1E24;border:1px solid #3A3A42;border-radius:10px}.video-input-selection-item{padding:9px;border-radius:6px;cursor:pointer}.video-input-selection-item.selected{background:#2F2F38}.video-input-selection-item+.video-input-selection-item{margin-top:5px}.video-input-model-name{display:flex;align-items:center;font-size:14px}.video-input-model-name img{width:20px;height:20px;margin-right:4px}.video-input-model-desc{margin-top:5px;color:#868692;font-size:13px}.top-banner button{font-weight:500}@media (max-width:820px){.top-banner{padding-bottom:36px}.top-banner-bg{aspect-ratio:375 / 360}.top-banner .base-gradient{display:block;margin-bottom:10px}.top-banner .base-gradient+br{display:none}.banner-stars{margin-top:25px!important}.video-inputs{min-height:530px;padding:20px 10px 20px;margin-top:35px;border-width:1px;border-radius:12px;background-color:rgba(15,15,16,.6)}.video-inputs .point{top:10px;left:12px;display:none}.video-inputs .switch-wrapper{padding:0}.video-inputs .switch-wrapper>div{justify-content:space-around}.video-inputs .switch-item{padding-bottom:9px;font-size:14px}.video-inputs .switch-item+.switch-item{margin-left:8px}.video-input-title{font-size:14px}.video-input-select-name{height:35px;width:165px;padding:8px;font-size:13px}.video-input-select-name img{height:20px;width:20px;margin-right:5px}.video-input-introduce{margin-top:20px}.video-input-selection{width:266px}.mode-content{background-color:transparent!important;backdrop-filter:none!important;padding:0 0 0!important;margin-top:20px}}.video-upload-image{margin-top:24px}.video-upload-area{margin-top:24px}.upload-area{position:relative;height:230px;border:1px dashed #90909E;border-radius:14px;background:#33333A;transition:all 0.3s ease;cursor:pointer}.upload-area:hover{border-color:#fff}.upload-area.drag-over{border-color:var(--mark-color);background:rgba(223,65,255,.1)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px}.upload-text{display:flex;align-items:center;margin-top:14px;font-size:16px}.upload-text img{margin-right:10px}.upload-preview{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.upload-preview video,.upload-preview img{max-width:100%;max-height:100%;object-fit:contain}.preview-actions{position:absolute;top:10px;right:10px}.btn-remove{width:40px;height:40px;border-radius:50%;background:rgba(20,20,25,.8);border:1px solid rgba(255,255,255,.2);color:#FFF;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.btn-remove:hover{background:rgba(125,62,254,.2);border-color:var(--mark-color);color:var(--mark-color)}.upload-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--mark-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:16px;font-size:16px;color:#868692}.btn-generate{display:flex;align-items:center;justify-content:center;margin-top:30px!important;padding:5px 8px;width:265px;height:66px;border-radius:16px;font-weight:700;text-align:center;margin:0 auto;background:#7D3EFE;border:none;outline:none;color:#fff;font-size:18px;cursor:pointer;transition:all 0.3s linear}.btn-generate:hover{background:#6C30E8}.upload-tips{margin-top:24px;font-size:14px;color:#95949F}:root{--transition:0.25s;--spark:1.8s}.btn-generate{--cut:.1em;--active:0;--bg:radial-gradient(40% 50% at center 100%,hsl(270 calc(var(--active) * 97%) 72% / var(--active)),transparent),radial-gradient(80% 100% at center 120%,hsl(260 calc(var(--active) * 97%) 70% / var(--active)),transparent),hsl(260 calc(var(--active) * 97%) calc((var(--active) * 44%) + 12%));transition:scale var(--transition),background var(--transition);scale:calc(1 + (var(--active) * 0.1))}.btn-generate:active{scale:1}svg{overflow:visible!important}.sparkle path{color:#fff;transform-box:fill-box;transform-origin:center;fill:currentColor;stroke:currentColor;animation-delay:calc((var(--transition) * 1.5) + (var(--delay) * 1s));animation-duration:0.6s;transition:color var(--transition)}.btn-generate:is(:hover,:focus-visible) path{animation-name:bounce}@keyframes bounce{35%,65%{scale:var(--scale)}}.sparkle{width:26px;margin-right:12px}.sparkle path:nth-of-type(1){--scale:.5;--delay:.1;--base:40%}.sparkle path:nth-of-type(2){--scale:1.5;--delay:.2;--base:20%}.sparkle path:nth-of-type(3){--scale:2.5;--delay:.35;--base:30%}.btn-generate:before{content:"";position:absolute;inset:-.25em;z-index:-1;border:.25em solid hsl(260 97% 50% / .5);border-radius:100px;opacity:var(--active,0);transition:opacity var(--transition)}.mode-content{background-color:#19191D;backdrop-filter:blur(76px);padding:18px 38px 30px;border-radius:20px;margin-top:25px;animation:fadeIn 0.3s ease-in-out;position:relative;z-index:1}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-inputs{margin-top:30px}.text-input-wrapper{position:relative}.text-input-title{margin-bottom:12px;font-size:22px;font-weight:600}.text-input-area{width:100%;padding:16px 20px;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:16px;font-family:inherit;line-height:1.6;resize:vertical;transition:all 0.3s ease}.text-input-area::placeholder{color:#868692}.text-input-area:focus{outline:none;border-color:var(--mark-color);background:rgba(255,255,255,.08)}.text-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.text-input-tips{margin:0;font-size:14px;color:#95949F}.text-input-counter{position:absolute;bottom:10px;right:20px;display:flex;align-items:center;font-size:14px;color:#868692}.text-input-counter #textToVideoCharCount{color:#fff}.text-input-counter #charCount,.text-input-counter #videoToVideoCharCount{color:var(--mark-color);font-weight:600}.text-to-video-input-area{position:relative;padding:0;height:230px;cursor:text}.text-to-video-textarea{width:100%;height:100%;padding:20px;background:transparent;border:none;outline:none;color:#fff;font-size:16px;font-family:inherit;line-height:1.6;resize:none;cursor:text}.text-to-video-textarea::placeholder{color:#868692}.btn-clear-text{display:flex;align-items:center;justify-content:center;background:none;width:14px;height:14px;margin-left:5px;outline:none;border:none;cursor:pointer}@media (max-width:820px){.text-inputs{margin-top:20px}.text-input-title{font-size:14px;margin-bottom:8px}.text-input-area{padding:12px 16px;font-size:14px;border-radius:8px}.text-input-tips{font-size:12px}.text-input-counter{font-size:12px}.text-to-video-input-area{height:230px}.text-to-video-textarea{padding:16px;font-size:14px}}@media (max-width:820px){.upload-area{border-width:1px}.video-upload-area,.video-upload-image{margin-top:14px}.upload-placeholder>img{width:44px}.upload-text{font-size:14px}.upload-text img{width:22px;margin-right:6px}.btn-generate{margin-top:25px!important;width:210px;height:55px;border-radius:12px;font-size:16px}}