.video-create-action .action-content{display:flex;flex-direction:column;align-items:center}.video-create-action .video-create__box{position:relative;padding:40px;max-width:896px;width:100%;min-height:500px;border:1px solid color-mix(in oklab, #8200db 50%, transparent);border-radius:15px;background-color:color-mix(in oklab, #59168b 30%, transparent);backdrop-filter:blur(8px);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.video-create-action .video-create__box::after{position:absolute;inset:0;width:100%;height:100%;border-radius:15px;content:"";background-color:#59168b;opacity:.5;z-index:-1}.video-create-action .box{display:none}.video-create-action[data-status=upload] .input__box{display:block}.video-create-action[data-status=pending] .video-create__box{padding:24px}.video-create-action[data-status=pending] .option__box{display:flex}.video-create-action[data-status=running] .running__box{display:block}.video-create-action[data-status=done] .done__box{display:flex}.video-create-action .input__box header{margin-bottom:32px;color:#dab2ff;text-align:center;font-size:16px;line-height:1.5}.video-create-action .input__box .input-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:64px;border:2px dashed color-mix(in oklab, #9810fa 50%, transparent);border-radius:15px;transition:.2s;cursor:pointer}.video-create-action .input__box .input-placeholder:hover{border-color:color-mix(in oklab, #ad46ff 70%, transparent)}.video-create-action .input__box .input-placeholder[s-disabled]{pointer-events:none}.video-create-action .input__box .input-placeholder__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:100%;color:#fff;background-image:linear-gradient(to right in oklab, #9810fa 0%, #e60076 100%)}.video-create-action .input__box .input-placeholder__icon svg{width:40px;height:40px}.video-create-action .input__box .input-placeholder__button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;padding:10px 16px;color:#fff;background-image:linear-gradient(to right in oklab, #9810fa 0%, #e60076 100%);border-radius:999px;font-size:20px;font-weight:500;line-height:1.4;box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.video-create-action .input__box .input-placeholder__button svg{width:16px;height:16px}.video-create-action .input__box footer{margin-top:32px;color:#c27aff;text-align:center}.video-create-action .option__box{flex-direction:column;gap:20px}.video-create-action .option__box .button{display:flex;flex-direction:row;align-items:center;gap:15px;padding:7px 20px;font-size:20px;border-radius:999px;color:#fff;background-image:linear-gradient(to right in oklab, #9810fa 0%, #e60076 100%);transition:.2s;--shadow-color: rgb(0 0 0 / 0.1)}.video-create-action .option__box .button svg{width:16px;height:16px}.video-create-action .option__box .button:hover{scale:1.04;background-image:linear-gradient(to right in oklab, #8200db 0%, #e60076 100%);--shadow-color: color-mix(in oklab, color-mix(in oklab, #ad46ff 25%, transparent) 100%, transparent)}.video-create-action .option__box .button.generate{font-weight:500;box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px var(--shadow-color),0 4px 6px -4px var(--shadow-color)}.video-create-action .option__header{display:flex;flex-direction:row;align-items:center;gap:15px}.video-create-action .upload-preview{width:128px;height:128px;background-color:#000;object-fit:contain;border-radius:15px;flex-shrink:0}.video-create-action .option-detail p{margin:0}.video-create-action .option__title{color:#fff;margin-bottom:4px;font-size:20px;font-weight:500}.video-create-action .option__desc{color:#dab2ff;font-size:14px}.video-create-action .option__main{display:flex;flex-direction:row;gap:20px}.video-create-action .options-box{flex:1}.video-create-action .options-box__title{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:10px;color:#fff;font-size:18px;font-weight:500}.video-create-action .options-box__title svg{color:#c27aff;width:20px;height:20px}.video-create-action .options-box__list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.video-create-action .options-box__item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px;border-radius:10px;background-color:color-mix(in oklab, #6e11b0 20%, transparent);border:2px solid color-mix(in oklab, #8200db 50%, transparent);transition:.2s}.video-create-action .options-box__item[s-active]{border-color:color-mix(in oklab, #ad46ff 70%, transparent);background-color:color-mix(in oklab, #9810fa 30%, transparent)}.video-create-action .options-box__item:hover{border-color:color-mix(in oklab, #ad46ff 70%, transparent)}.video-create-action .options-box__item[s-disabled]{pointer-events:none;opacity:.6}.video-create-action .options-box__item .tag{padding:4px 8px;color:#fff;background-color:#9810fa;border-radius:999px;font-size:12px;line-height:1.3}.video-create-action .audio-player{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;background-color:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 0 10px 5px rgba(0,0,0,.1);border-radius:100%;backdrop-filter:blur(4px);z-index:0}.video-create-action .audio-player audio{display:none}.video-create-action .audio-player .icon{display:none;align-items:center;justify-content:center}.video-create-action .audio-player .icon svg{width:20px;height:20px}.video-create-action .audio-player:not([playing]) .pause{display:none}.video-create-action .audio-player:not([playing]) .play{display:flex}.video-create-action .audio-player[playing] .pause{display:flex}.video-create-action .audio-player[playing] .play{display:none}.video-create-action .options-box__item-detail{display:flex;flex-direction:column;align-items:flex-start}.video-create-action .options-box__item-detail p{margin:0}.video-create-action .options-box__item-detail__title{font-size:18px;font-weight:500;color:#fff}.video-create-action .options__bgm .options-box__item-detail__title{font-size:14px}.video-create-action .options-box__item-detail__desc{font-size:14px;color:#dab2ff}.video-create-action .option__footer{display:flex;flex-direction:column;align-items:center;gap:10px}.video-create-action .running__box{height:400px}.video-create-action .done__box{flex-direction:column;align-items:center}.video-create-action .done__box p{margin:0}.video-create-action .done__box header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.video-create-action .done__box main{display:flex;width:100%;aspect-ratio:16/9}.video-create-action .done__box footer{margin-top:20px}.video-create-action .done__box .button-container{display:flex;flex-direction:row;gap:15px}.video-create-action .done__box .button{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 25px;border-radius:999px;text-decoration:none;transition:.2s}.video-create-action .done__box .button svg{width:18px;height:18px}.video-create-action .done__box .button:hover{scale:1.04;opacity:.98}.video-create-action .done__box .button.download{color:#fff;background-color:#00a63e}.video-create-action .done__box .button.download:hover{background-color:#008c33}.video-create-action .done__box .button.regenerate{background-color:#ad46ff;color:#fff}.video-create-action .done__box .button.regenerate:hover{background-color:#a83eff}.video-create-action .done__title{font-size:24px;color:#fff;font-weight:500}.video-create-action .done__desc{font-size:16px;color:#dab2ff}.video-create-action .output-preview{width:100%;aspect-ratio:16/9;border-radius:15px;background-color:#252525}.video-create-action .cost{display:flex;justify-content:center;visibility:hidden;margin-top:10px;color:#fff;text-align:center;font-size:var(--font-size-xsmall)}@media screen and (max-width: 768px){.video-create-action .video-create__box{padding:20px;min-height:300px}.video-create-action .input__box .input-placeholder{padding:20px;gap:20px}.video-create-action .input__box .input-placeholder__icon{width:50px;height:50px}.video-create-action .input__box .input-placeholder__icon svg{width:20px;height:20px}.video-create-action .input__box .input-placeholder__button{font-size:14px}.video-create-action .input__box header,.video-create-action .input__box footer{font-size:14px}.video-create-action .upload-preview{width:100px;height:100px}.video-create-action .option__header{flex-direction:column}.video-create-action .option__title{font-size:16px;text-align:center}.video-create-action .option__desc{font-size:10px;text-align:center}.video-create-action .option__main{flex-direction:column}.video-create-action .options-box__item{padding:10px}.video-create-action .options-box__item-detail__title{font-size:14px}.video-create-action .options-box__item-detail__desc{font-size:12px}.video-create-action .options-box__item .tag{font-size:10px}.video-create-action .options__bgm .options-box__item-detail__title{font-size:12px}.video-create-action .option__box .button{font-size:14px}.video-create-action .done__box .button-container{flex-direction:column}.video-create-action .done__title{font-size:20px}.video-create-action .done__desc{font-size:14px}}