@font-face{font-family:"M PLUS 1 Bold";src:url(/assets/MPLUS1-Bold-pmIiRpVz.woff2)format("woff2"),url(/assets/MPLUS1-Bold-COItCjAy.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"M PLUS 1 Black";src:url(/assets/MPLUS1-Black-CUNrNjRg.woff2)format("woff2"),url(/assets/MPLUS1-Black-B6bVhLM1.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"M PLUS 1 ExtraBold";src:url(/assets/MPLUS1-ExtraBold-BbbwUeRm.woff2)format("woff2"),url(/assets/MPLUS1-ExtraBold-C5alBMEY.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"M PLUS 1 ExtraLight";src:url(/assets/MPLUS1-ExtraLight-8NeMv2QA.woff2)format("woff2"),url(/assets/MPLUS1-ExtraLight-CvmtwGGP.woff)format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"M PLUS 1 Light";src:url(/assets/MPLUS1-Light-DKfPtMjN.woff2)format("woff2"),url(/assets/MPLUS1-Light-CsGevE6Y.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"M PLUS 1 Medium";src:url(/assets/MPLUS1-Medium-e9xqW7QZ.woff2)format("woff2"),url(/assets/MPLUS1-Medium-Cg0wGlRR.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"M PLUS 1 Regular";src:url(/assets/MPLUS1-Regular-DA6BAhZU.woff2)format("woff2"),url(/assets/MPLUS1-Regular-C6fGeV9c.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MPLUS1-SemiBold;src:url(/assets/MPLUS1-SemiBold-Dk6RSQvI.woff2)format("woff2"),url(/assets/MPLUS1-SemiBold-DRvE7vcp.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"M PLUS 1 Thin";src:url(../assets/fonts/MPLUS1-Thin.woff2)format("woff2"),url(../assets/fonts/MPLUS1-Thin.woff)format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"Inter 28pt Regular";src:url(/assets/Inter28pt-Regular-BbQwJZ4a.woff2)format("woff2"),url(/assets/Inter28pt-Regular-C6k1SfFN.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter 28pt Bold";src:url(/assets/Inter28pt-Bold-Dbxxowm9.woff2)format("woff2"),url(/assets/Inter28pt-Bold-DrcXbs2s.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Inter 28pt SemiBold";src:url(/assets/Inter28pt-SemiBold-B--xW_gc.woff2)format("woff2"),url(/assets/Inter28pt-SemiBold-DKfPoBy3.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{box-sizing:border-box;background:#fff;width:100vw;height:100vh;overflow:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}img{object-fit:contain;width:100%}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.container{flex-direction:column;flex:1;align-items:center;width:100vw;margin:0 auto;display:flex}.work-area-container{flex-direction:column;align-items:center;width:100vw;display:flex;position:relative}.header{z-index:1000;background:#ec1f28;justify-content:center;width:100vw;display:flex;position:sticky;top:0;box-shadow:0 1px 10px 2px #00000040}.header-content{justify-content:space-between;align-items:center;width:92vw;padding:1vw;display:flex}.header-content .logo{width:4vw;position:relative}.header-content .logo img{width:100%;height:auto}.header-content .contact{color:#fff;cursor:pointer;border:1px solid #fff;border-radius:3vw;justify-content:center;align-items:center;height:2vw;padding:1vw;font-family:"M PLUS 1 Bold";font-size:1vw;transition:background-color .3s,transform .2s;display:flex;position:relative}.header-content .contact:hover{background-color:#ffffff1a;transform:scale(1.05)}.logo{color:#111827;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .2s;display:flex}.logo:hover{opacity:.8}.home-content-top{background:#ec1f28;width:100%;position:relative}.home-content-top img{object-fit:contain;width:100%;height:auto;display:block}.home-content-bottom{background:#fff;width:100%;height:auto}.home-content-steps--container{flex-direction:column;align-items:center;display:flex}.home-content-steps--title{margin-top:5vw;font-family:"M PLUS 1 Regular";font-size:3vw}.home-content-steps--subtitle{font-family:"M PLUS 1 Bold";font-size:4vw}.steps-container{flex-direction:column;align-items:center;row-gap:2vw;width:100%;margin-top:4vw;display:flex}.step-container{justify-content:center;align-items:start;column-gap:3vw;width:100%;display:flex}.step-logo{width:6vw}.step-logo img{object-fit:contain;width:100%;display:block}.step-text{flex-direction:column;align-items:start;display:flex}.step-text div:first-child{font-family:"M PLUS 1 Medium";font-size:3vw}.step-text div:nth-child(2){font-family:"M PLUS 1 Regular";font-size:2vw}.start-creating{width:20vw;margin-top:8vw}.start-creating img{object-fit:contain;width:100%}.register-content-top{background:#ec1f28;width:100%;position:relative}.register-content-top img{object-fit:contain;width:100%;height:auto;display:block}.create-jingle-btn{z-index:100;width:22vw;position:absolute;top:52%;left:9%}.register-content-bottom{background:#fff;flex-direction:column;align-items:center;width:100%;height:auto;display:flex}.reigtser-title{margin-top:12vw;font-family:"M PLUS 1 Bold";font-size:3.5vw}.reigtser-subtitle{text-align:center;font-family:"M PLUS 1 Regular";font-size:3vw}.reigtser-form{flex-direction:column;align-items:center;row-gap:3vw;width:40vw;margin-top:8vw;display:flex}.reigtser-form-item{flex-direction:column;align-items:start;row-gap:1vw;width:100%;display:flex}.reigtser-form-item-label{font-family:"M PLUS 1 Medium";font-size:2.5vw}.reigtser-form-item input{background:0 0;border:none;outline:none;width:100%;height:100%;font-family:"M PLUS 1 Medium";font-size:2vw}input::placeholder{color:#8d8d8d}input::cursor{color:#8d8d8d}.reigtser-form-item-input{background-color:#fabcbf;border-radius:1vw;justify-content:center;align-items:center;width:100%;height:5vw;padding-left:2vw;display:flex}.reigtser-form-btn{width:18vw;margin-top:10vw}.reigtser-form-btn img{object-fit:contain;width:100%}.create-jingle-header{flex-direction:column;align-items:center;gap:1rem;margin-top:8vw;display:flex}.create-jingle-header div:first-child{font-family:"M PLUS 1 Bold";font-size:6vw}.create-jingle-header div:nth-child(2){font-family:"M PLUS 1 Regular";font-size:3vw}.select-content{flex-direction:column;align-items:start;width:80vw;margin-top:8vw;display:flex}.select-content .select-header-container{align-items:center;gap:2vw;display:flex}.select-content .select-header-container .sl-no{color:#fff;background:#ec1f28;border-radius:50%;justify-content:center;align-items:center;width:4.5vw;height:4.5vw;font-family:"M PLUS 1 SemiBold";font-size:2.3vw;display:flex}.select-content .select-header-container .select-header-text{flex-direction:column;align-items:start;display:flex}.select-content .select-header-container .select-header-text div:first-child{font-family:"M PLUS 1 Bold";font-size:2.5vw}.select-content .select-header-container .select-header-text div:nth-child(2){font-family:"M PLUS 1 Regular";font-size:2vw}.options-container{gap:2vw;width:100%;margin-top:2vw;display:flex}.options-container .option-item{cursor:pointer;flex-direction:column;align-items:center;row-gap:.5vw;transition:transform .2s;display:flex}.options-container .option-item:hover{transform:translateY(-.2vw)}.options-container .option-item .option-logo{background-color:#fabcbf;border-radius:7%;justify-content:center;align-items:center;width:10vw;height:7vw;transition:border .2s,box-shadow .2s;display:flex;position:relative}.options-container .option-item:hover .option-logo{box-shadow:0 .3vw 1vw #ec1f2826}.options-container .option-item .option-logo img{object-fit:contain;width:30%}.options-container .option-item .option-text{font-family:"M PLUS 1 Medium";font-size:1.5vw}.option-item.selected .option-logo,.option-item.selected .option-vocal{border:.2vw solid #ec1f28;box-shadow:0 0 0 .2vw #ec1f284d}.option-vocal{background-color:#fabcbf;border-radius:7%;justify-content:center;align-items:center;width:10vw;height:7vw;transition:background-color .2s,box-shadow .2s;display:flex;position:relative}.option-vocal:hover{background-color:#f8a8ac;box-shadow:0 .3vw 1vw #ec1f2833}.option-vocal p{pointer-events:none;margin:0;font-family:MPLUS1-SemiBold;font-size:2vw}.drag-instruction{align-items:start;gap:1vw;margin-top:4vw;display:flex}.drag-instruction img{width:4vw;position:relative}.drag-instruction div{color:#6c6c6c;font-family:"M PLUS 1 Medium";font-size:3vw}.action-buttons{justify-content:space-between;width:70vw;margin-top:7vw;display:flex}.action-buttons div{text-transform:uppercase;cursor:pointer;border-radius:1vw;justify-content:center;align-items:center;width:40%;height:6vw;font-family:MPLUS1-SemiBold;font-size:2.5vw;transition:transform .2s,box-shadow .2s;display:flex}.action-buttons div:hover{transform:scale(1.02)}.action-buttons div:first-child{color:#fff;background-color:#ec1f28}.action-buttons div:first-child:hover{box-shadow:0 .3vw 1vw #ec1f2866}.action-buttons div:nth-child(2){color:#ec1f28;background-color:#fff;border:1px solid #ec1f28}.action-buttons div:nth-child(2):hover{background-color:#fff5f5}.next-button{text-transform:uppercase;cursor:pointer;color:#fff;background-color:#ec1f28;border-radius:1vw;justify-content:center;align-items:center;width:60%;height:4vw;font-family:MPLUS1-SemiBold;transition:transform .2s,box-shadow .2s;display:flex}.audio-container{flex-direction:column;align-items:center;gap:1vw;margin-top:7vw;display:flex}.audio-header{font-family:"M PLUS 1 Bold";font-size:3vw}.audio-content{background-color:#fbd1d0;flex-direction:column;align-items:center;gap:1vw;width:60vw;padding:2vw;display:flex}.audio-content audio{width:100%}.play-pause-button{background-color:#ec1f28;border-radius:50%;justify-content:center;align-items:center;width:4vw;height:4vw;display:flex}.play-pause-button img{object-fit:contain;width:40%;display:block}.vocals-container{-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:2vw;display:flex}.vocal-drag-item{cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s,box-shadow .2s,opacity .2s;position:relative}.vocal-drag-item:hover{transform:scale(1.05)}.vocal-drag-item:active{cursor:grabbing}.vocal-drag-item.dragging{opacity:.5;transform:scale(.95)}.vocal-drag-item.drag-over{transform:scale(1.1)}.vocal-drag-item.drag-over:before{content:"";background-color:#ec1f28;border-radius:.15vw;width:.3vw;animation:.5s ease-in-out infinite alternate pulse;position:absolute;top:0;bottom:0;left:-1vw}@keyframes pulse{0%{opacity:.5;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.drag-handle{opacity:.4;pointer-events:none;width:1.2vw;height:1.2vw;transition:opacity .2s;position:absolute;bottom:.3vw;right:.3vw}.drag-handle svg{width:100%;height:100%}.vocal-drag-item:hover .drag-handle{opacity:.8}.touch-dragging{border-radius:7%;box-shadow:0 .5vw 2vw #0000004d}.vocals-container .option-item{transition:transform .2s,opacity .2s}.see-how-it-comes-together{margin-top:4vw;font-family:"M PLUS 1 Bold";font-size:3vw}.audio-visualizer-container{background-color:#ec1f28;justify-content:space-between;align-items:center;width:80vw;height:7vw;margin-top:4vw;padding-left:2vw;padding-right:2vw;display:flex}.audio-visualizer-container .output-vocals{text-overflow:ellipsis;white-space:nowrap;color:#fff;width:20%;font-family:"Inter 28pt Regular";font-size:2vw;overflow:hidden}.audio-visualizer-container .time-line{color:#fff;width:10%;font-family:"Inter 28pt Regular";font-size:2vw}.waveform-container{cursor:pointer;width:30%;height:6vw;position:relative}.waveform-bars{z-index:2;justify-content:space-between;align-items:center;gap:.15vw;height:100%;display:flex;position:relative}.waveform-bar{border-radius:.15vw;flex:1;max-width:.4vw;transition:background-color .1s}.waveform-bar.played{background-color:#fff}.waveform-bar.unplayed{background-color:#6b7280}.play-pause-btn{width:3vw;transition:transform .2s}.play-pause-btn img{object-fit:contain;width:100%}.play-pause-btn:hover{transform:scale(1.05)}.proceed-btn{text-transform:uppercase;cursor:pointer;color:#fff;background-color:#ec1f28;border-radius:2vw;justify-content:center;align-items:center;width:40%;height:7vw;font-family:MPLUS1-SemiBold;font-size:2vw;transition:transform .2s,box-shadow .2s;display:flex}.bring-to-life-header{flex-direction:column;align-items:center;gap:1rem;margin-top:8vw;display:flex}.bring-to-life-header div:first-child{font-family:"M PLUS 1 Bold";font-size:6vw}.bring-to-life-header div:nth-child(2){text-align:center;font-family:"M PLUS 1 Regular";font-size:3vw}.record-btn{text-transform:uppercase;cursor:pointer;color:#fff;background-color:#ec1f28;border-radius:2vw;justify-content:center;align-items:center;width:70%;height:8vw;margin-top:18vw;font-family:MPLUS1-SemiBold;font-size:3vw;transition:transform .2s,box-shadow .2s;display:flex}.or{color:#383838;margin-top:2vw;font-family:MPLUS1-SemiBold;font-size:4vw}.skip-btn{text-transform:uppercase;cursor:pointer;color:#ec1f28;border:.5vw solid #ec1f28;border-radius:1vw;justify-content:center;align-items:center;width:70%;height:8vw;margin-top:2vw;font-family:MPLUS1-SemiBold;font-size:3vw;transition:transform .2s,box-shadow .2s;display:flex}.bring-to-life-audio-container{width:70vw;margin-top:12vw}.bring-to-life-audio-container .your-jingle{color:#ed161c;font-family:"M PLUS 1 Bold";font-size:4vw}.bring-to-life-audio-container .audio-output{background-color:#ec1f28;justify-content:space-between;align-items:center;width:100%;height:7vw;margin-top:2vw;padding-left:2vw;padding-right:2vw;display:flex}.bring-to-life-audio-container .audio-output .output-vocals{text-overflow:ellipsis;white-space:nowrap;color:#fff;width:30%;font-family:"Inter 28pt Regular";font-size:3vw;overflow:hidden}.bring-to-life-audio-container .audio-output .time-line{color:#fff;font-family:"Inter 28pt Regular";font-size:3vw}.bring-to-life-audio-container .audio-output .waveform-container{width:30%}.bring-to-life-audio-container .audio-output .waveform-container .waveform-bar.played{background-color:#fff}.bring-to-life-audio-container .audio-output .waveform-container .waveform-bar.unplayed{background-color:#6b7280}.bring-to-life-audio-container .audio-output .play-pause-btn{width:10%}.bring-to-life-play-pause-btn{width:2.2vw}.bring-to-life-play-pause-btn img{object-fit:contain;width:100%;display:block}.quick-tips-secontion{width:70vw;margin-top:12vw;position:relative}.quick-tips-secontion .quick-tips-title{font-family:"M PLUS 1 Bold";font-size:5.5vw}.quick-tips-secontion .quick-tips-content{flex-direction:column;gap:1vw;padding-left:1vw;display:flex}.quick-tips-secontion .quick-tips-content div{font-family:"M PLUS 1 Medium";font-size:3.5vw}.record-container{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.device-selector-panel{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000d9;border:1px solid #ffffff1a;border-radius:1.5vw;min-width:25vw;padding:2vw;position:absolute;top:3vw;right:3vw}.device-selector-header{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:2vw;padding-bottom:1.5vw;display:flex}.device-selector-header span{color:#fff;font-family:"M PLUS 1 Bold";font-size:2.5vw}.toggle-selector-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5vw;display:flex}.toggle-selector-btn svg{color:#fff;opacity:.7;width:2.5vw;height:2.5vw;transition:opacity .2s}.toggle-selector-btn:hover svg{opacity:1}.device-select-group{margin-bottom:1.5vw}.device-select-group:last-child{margin-bottom:0}.device-select-group label{color:#fff;align-items:center;gap:1vw;margin-bottom:1vw;font-family:"M PLUS 1 Medium";font-size:2vw;display:flex}.device-select-group label svg{color:#ec1f28;width:2.5vw;height:2.5vw}.device-select-group select{color:#fff;cursor:pointer;appearance:none;background-color:#ffffff1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 1vw center;background-repeat:no-repeat;background-size:2.5vw;border:1px solid #ffffff4d;border-radius:1vw;outline:none;width:100%;padding:1.2vw 4vw 1.2vw 1.5vw;font-family:"M PLUS 1 Medium";font-size:1.8vw;transition:border-color .2s,background-color .2s}.device-select-group select:hover{background-color:#ffffff26;border-color:#ffffff80}.device-select-group select:focus{border-color:#ec1f28}.device-select-group select:disabled{opacity:.5;cursor:not-allowed}.device-select-group select option{color:#fff;background-color:#1a1a1a;padding:1vw}.settings-btn{cursor:pointer;z-index:50;background-color:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:5vw;height:5vw;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:3vw;right:3vw}.settings-btn:hover{background-color:#000c;transform:scale(1.05)}.settings-btn svg{color:#fff;width:3vw;height:3vw}.camera-preview-container{background-color:#1a1a1a;height:100vh;position:relative}.camera-preview{transform-origin:50%;width:100vh;height:100vh;position:relative;transform:rotate(-90deg)}.camera-preview video{object-fit:contain;width:100%;height:100%;transform:scaleX(-1)}.recording-indicator{z-index:10;background-color:#0009;border-radius:2vw;align-items:center;gap:1vw;padding:1vw 2vw;display:flex;position:absolute;top:5vw;left:5vw}.recording-dot{background-color:#ec1f28;border-radius:50%;width:2vw;height:2vw;animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recording-indicator span{color:#fff;font-family:"M PLUS 1 Bold";font-size:3vw}.recording-timer{border-left:.2vw solid #ffffff80;margin-left:1vw;padding-left:1vw;font-family:"M PLUS 1 Medium"!important;font-size:2.5vw!important}.countdown-overlay{z-index:20;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.countdown-number{color:#a9a9a9;font-family:"M PLUS 1 Bold";font-size:30vw;animation:1s ease-in-out countdown-pulse}@keyframes countdown-pulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.camera-error{text-align:center;z-index:15;background-color:#000c;border-radius:2vw;flex-direction:column;align-items:center;gap:3vw;padding:5vw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-error p{color:#fff;margin:0;font-family:"M PLUS 1 Medium";font-size:3vw}.retry-btn{color:#fff;cursor:pointer;background-color:#ec1f28;border:none;border-radius:1vw;padding:2vw 5vw;font-family:"M PLUS 1 Bold";font-size:3vw;transition:transform .2s}.retry-btn:hover{transform:scale(1.05)}.camera-loading{z-index:15;flex-direction:column;align-items:center;gap:3vw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-loading .loading-spinner{border:1vw solid #fff3;border-top-color:#ec1f28;border-radius:50%;width:10vw;height:10vw;animation:1s linear infinite spin}.camera-loading p{color:#fff;margin:0;font-family:"M PLUS 1 Medium";font-size:3vw}.lip-sync-instruction{text-align:center;z-index:10;background-color:#0009;border-radius:2vw;padding:2vw 4vw;position:absolute;top:8vw;left:50%;transform:translate(-50%)}.lip-sync-instruction p{color:#fff;margin:0;font-family:"M PLUS 1 Bold";font-size:3vw}.lip-sync-instruction .sub-instruction{opacity:.8;margin-top:1vw;font-family:"M PLUS 1 Regular";font-size:2.5vw}.recording-status{text-align:center;z-index:10;background-color:#ec1f28e6;border-radius:2vw;padding:2vw 4vw;animation:1.5s ease-in-out infinite pulse-bg;position:absolute;top:15vw;left:50%;transform:translate(-50%)}@keyframes pulse-bg{0%,to{background-color:#ec1f28e6}50%{background-color:#ec1f28b3}}.capture-btn-container{cursor:pointer;z-index:30;width:15vw;transition:transform .2s,opacity .2s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.capture-btn-container:hover{transform:translate(-50%)scale(1.05)}.capture-btn-container:active{transform:translate(-50%)scale(.95)}.capture-btn-container.disabled{opacity:.5;pointer-events:none}.capture-btn-container img{object-fit:contain;width:100%;display:block}.stop-btn{background-color:#ec1f28;border:.5vw solid #fff;border-radius:50%;justify-content:center;align-items:center;width:15vw;height:15vw;display:flex;box-shadow:0 .5vw 2vw #0000004d}.stop-btn svg{width:50%;height:50%}.audio-wave-indicator{z-index:10;align-items:center;gap:.5vw;display:flex;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.audio-wave-indicator .wave-bar{background-color:#fff;border-radius:.4vw;width:.8vw;animation:.5s ease-in-out infinite wave}.audio-wave-indicator .wave-bar:first-child{height:3vw;animation-delay:0s}.audio-wave-indicator .wave-bar:nth-child(2){height:5vw;animation-delay:.1s}.audio-wave-indicator .wave-bar:nth-child(3){height:4vw;animation-delay:.2s}.audio-wave-indicator .wave-bar:nth-child(4){height:6vw;animation-delay:.3s}.audio-wave-indicator .wave-bar:nth-child(5){height:3vw;animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.preview-container{background-color:#fff;flex-direction:column;align-items:center;min-height:100vh;display:flex}.preview-header{flex-direction:column;align-items:center;gap:1vw;margin-top:5vw;display:flex}.preview-header div:first-child{color:#1a1a1a;font-family:"M PLUS 1 Bold";font-size:6vw}.preview-header div:nth-child(2){color:#666;text-align:center;font-family:"M PLUS 1 Regular";font-size:3vw}.video-preview-wrapper{background-color:#f5f5f5;border-radius:1vw;height:106.67vw;margin-top:4vw;position:relative;overflow:hidden}.video-preview{object-fit:contain;width:100%;height:100%;display:block}.video-loading-overlay{z-index:10;background-color:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.video-loading-spinner{border:.6vw solid #e0e0e0;border-top-color:#ec1f28;border-radius:50%;width:8vw;height:8vw;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-loading-text{color:#666;margin-top:3vw;font-family:"M PLUS 1 Regular";font-size:3.5vw}.play-overlay{cursor:pointer;background-color:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .2s;display:flex;position:absolute;top:0;left:0}.play-overlay:hover{background-color:#0006}.play-icon{background-color:#ec1f28e6;border-radius:50%;justify-content:center;align-items:center;width:12vw;height:12vw;transition:transform .2s;display:flex}.play-overlay:hover .play-icon{transform:scale(1.1)}.play-icon svg{width:50%;height:50%;margin-left:.5vw}.preview-actions{justify-content:space-between;gap:4vw;width:80vw;margin-top:6vw;display:flex}.retake-btn,.submit-btn{cursor:pointer;border-radius:1.5vw;justify-content:center;align-items:center;gap:1.5vw;width:60%;height:7vw;font-family:"M PLUS 1 Medium";font-size:3vw;transition:transform .2s,box-shadow .2s;display:flex}.retake-btn{color:#000;background-color:#fff;border:.3vw solid #ec1f28}.retake-btn:hover{background-color:#fff5f5;transform:scale(1.02)}.retake-btn svg{width:3.5vw;height:3.5vw}.submit-btn{color:#fff;background-color:#3b3b3b;border:none;min-width:25vw}.submit-btn:hover{transform:scale(1.02);box-shadow:0 .5vw 1.5vw #ec1f2866}.submit-btn svg{width:3.5vw;height:3.5vw}.submit-btn.uploading{pointer-events:none;opacity:.8}.submit-btn.active{opacity:1;background-color:#ec1f28}.terms{align-items:start;gap:2vw;width:80vw;margin-top:6vw;margin-bottom:5vw;display:flex}.terms input{cursor:pointer;width:6vw;height:6vw;margin-top:.5vw}.terms p{font-family:"M PLUS 1 Regular";font-size:3vw;line-height:1.5}.upload-progress-ring{width:4vw;height:4vw}.upload-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.upload-progress-ring .progress-bg{fill:none;stroke:#ffffff4d;stroke-width:3px}.upload-progress-ring .progress-bar{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray .3s}.upload-overlay{z-index:100;background-color:#dd2826;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.upload-content{border-radius:2vw;flex-direction:column;align-items:center;gap:3vw;min-width:50vw;padding:5vw;display:flex}.upload-spinner{border:1vw solid #f9fffeaa;border-top-color:#2e2122;border-radius:50%;width:10vw;height:10vw;animation:1s linear infinite spin}.upload-content p{color:#fff;margin:0;font-family:"M PLUS 1 Bold";font-size:3vw}.upload-progress-bar{background-color:#eee;border-radius:1vw;width:100%;height:1.5vw;overflow:hidden}.upload-progress-fill{background-color:wheat;border-radius:1vw;height:100%;transition:width .3s}.upload-content span{color:#e5dddd;font-family:"M PLUS 1 Medium";font-size:2.5vw}.final-container{background-image:url(/assets/final-bg-Djas6RyK.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;width:100vw;height:100vh;display:flex}.final-header{color:#1a1a1a;margin-top:25vw;font-family:MPLUS1-SemiBold;font-size:4vw}.current-user-data{background-color:#fff;border-radius:3vw;flex-direction:column;width:85vw;margin-top:5vw;padding:3vw;display:flex;box-shadow:0 .5vw 1.5vw #ec1f2866}.current-user-data .current-user-data-header{text-align:center;width:100%;font-family:"M PLUS 1 Bold";font-size:3.5vw}.current-user-data .select-combination-badge{background-color:#dedede4d;border-radius:4vw;justify-content:center;align-items:center;gap:2vw;width:98%;margin-top:2vw;padding:1vw;display:flex}.current-user-data .select-combination-badge .select-combination-badge-icon{width:2.5vw}.current-user-data .select-combination-badge div{font-family:"M PLUS 1 Regular";font-size:3vw}.video-duration-container{justify-content:space-between;align-items:center;gap:2vw;display:flex}.video-recorded-badge{background-color:#dedede4d;border-radius:4vw;justify-content:center;align-items:center;gap:2vw;width:60%;margin-top:2vw;padding:1vw;display:flex}.video-recorded-badge .video-recorded-badge-icon{width:2.5vw}.video-recorded-badge div{font-family:"M PLUS 1 Regular";font-size:3vw}.video-duration{background-color:#dedede4d;border-radius:4vw;justify-content:center;align-items:center;gap:2vw;width:30%;margin-top:2vw;padding:1vw;display:flex}.video-duration .video-duration-icon{width:2.5vw}.video-duration div{font-family:"M PLUS 1 Regular";font-size:3vw}.user-token{background-color:#dedede4d;border-radius:4vw;justify-content:center;align-items:center;gap:2vw;width:50%;margin-top:2vw;padding:1vw;display:flex}.user-token .user-token-icon{width:2.5vw}.user-token div{font-family:"M PLUS 1 Regular";font-size:3vw}.play-video-button{color:#fff;background-color:#dd2826;border-radius:5vw;justify-content:center;align-items:center;width:60%;height:7vw;margin-top:10vw;font-family:"M PLUS 1 Bold";font-size:3vw;display:flex}.trending-container{background-image:url(/assets/trend-frame-9eZcmzK7.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6vw;flex-direction:column;align-items:center;width:88%;min-height:48vw;margin-top:10vw;padding:2vw 4vw;display:flex}.trending-container .trending-title{color:#fff;text-align:center;margin-bottom:3vw;font-family:MPLUS1-SemiBold;font-size:5vw}.trending-container .trending-items-wrapper{justify-content:center;align-items:stretch;gap:3vw;width:100%;max-width:85vw;display:flex}.trending-container .trending-item{background-color:#fff;border-radius:4vw;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:3vw;min-height:25vw;padding:5vw 3vw;display:flex}.trending-container .trending-item .trending-type{color:#000;text-align:center;word-wrap:break-word;max-width:100%;font-family:"M PLUS 1 Bold";font-size:3.5vw;line-height:1.2}.trending-container .trending-item .indicator{justify-content:center;width:100%;max-width:20vw;display:flex}.trending-container .trending-item .indicator img{width:100%;height:auto}.trending-container .trending-item .count{color:#000;text-align:center;white-space:nowrap;font-family:"M PLUS 1 Medium";font-size:3.5vw}.trending-acttion-btn{justify-content:space-between;align-items:center;gap:2vw;width:85%;margin-top:10vw;display:flex}.trending-acttion-btn .create-another-jingle{color:#fff;background-color:#dd2826;border-radius:3vw;justify-content:center;align-items:center;width:45%;height:7vw;font-family:"M PLUS 1 Medium";font-size:2.5vw;display:flex}.trending-acttion-btn .dashboard-btn{color:#dd2826;border:.5vw solid #dd2826;border-radius:4vw;justify-content:center;align-items:center;width:45%;height:7vw;font-family:"M PLUS 1 Medium";font-size:3.5vw;display:flex}.final-video-overlay{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.final-video-overlay-content{z-index:10000;width:90vw;height:100vh;position:relative}.final-video-overlay-close{cursor:pointer;z-index:10001;background-color:#c8161699;border-radius:50%;justify-content:center;align-items:center;width:8vw;height:8vw;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:4vw;right:4vw}.final-video-overlay-close:hover{transform:scale(1.1)}.final-video-overlay-close img{object-fit:contain;width:50%;height:50%}.final-video-overlay-video{width:100%;height:100%;position:relative}.final-video-overlay-video video{width:100%;height:100%;display:block}.leaderboard-model{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.leaderboard-model-content{background-color:#fff;flex-direction:column;align-items:center;width:100%;height:100%;padding:2vw;display:flex;position:relative;overflow:hidden}.leaderboard-model-content .back-btn{color:#fff;cursor:pointer;z-index:10;background-color:#d51721;border:none;border-radius:.5vw;justify-content:center;align-items:center;width:18vw;height:6vw;font-family:"M PLUS 1 Medium";font-size:4vw;transition:all .2s;display:flex;position:absolute;bottom:15vw;left:50%;transform:translate(-50%)}.leaderboard-model-content .leaderboard-model-content-header{flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;margin-top:12vw;margin-bottom:2vw;display:flex}.leaderboard-model-content .leaderboard-model-content-header div:first-child{color:#000;font-family:"M PLUS 1 Bold";font-size:5vw}.leaderboard-model-content .leaderboard-model-content-header div:nth-child(2){color:#3c2e30;font-family:"M PLUS 1 Regular";font-size:4vw}.leaderboard-model-content .leaderboard-model-content-list{scrollbar-width:thin;scrollbar-color:#d51721 transparent;flex-direction:column;flex:1;align-items:center;gap:.8vw;width:100%;margin-top:7vw;padding:0 1vw;display:flex;overflow-y:auto}.leaderboard-model-content-list::-webkit-scrollbar{width:8px}.leaderboard-model-content-list::-webkit-scrollbar-track{background:0 0}.leaderboard-model-content-list::-webkit-scrollbar-thumb{background-color:#d51721;border-radius:4px}.leaderboard-model-content .leaderboard-model-content-list-item{cursor:pointer;background-color:#fdf8f8;border:.15vw solid #d51721;border-radius:.6vw;flex-shrink:0;justify-content:space-between;align-items:center;width:80%;min-height:7vw;padding:.8vw 1.5vw;transition:all .2s;display:flex}.leaderboard-model-content .leaderboard-model-content-list-item:hover{background-color:#fff5f5;transform:translateY(-2px);box-shadow:0 4px 12px #d5172133}.leaderboard-model-content .leaderboard-model-content-list-item.selected{background-color:#ec1f28;border-color:#ec1f28}.leaderboard-model-content .leaderboard-model-content-list-item.selected .leaderboard-item-rank,.leaderboard-model-content .leaderboard-model-content-list-item.selected .leaderboard-item-kfId,.leaderboard-model-content .leaderboard-model-content-list-item.selected .audio-duration,.leaderboard-model-content .leaderboard-model-content-list-item.selected .audio-time-display{color:#fff!important}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-left{flex-shrink:0;align-items:center;gap:2vw;display:flex}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-left .leaderboard-item-rank{color:#000;text-align:center;min-width:2.5vw;font-family:"Inter 28pt Bold","M PLUS 1 Bold";font-size:3vw;font-weight:700}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-left .leaderboard-item-play-btn{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:4vw;height:4vw;transition:all .2s;display:flex;overflow:hidden}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-left .leaderboard-item-play-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-left .leaderboard-item-play-btn img{object-fit:contain;width:50%;height:50%}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-left .leaderboard-item-kfId{color:#000;white-space:nowrap;text-overflow:ellipsis;max-width:15vw;font-family:"Inter 28pt SemiBold","M PLUS 1 SemiBold";font-size:3vw;overflow:hidden}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-right{flex-shrink:0;align-items:center;gap:1vw;display:flex}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-right .audio-time-display{color:#3c2e30;text-align:center;min-width:4vw;font-family:"Inter 28pt SemiBold","M PLUS 1 SemiBold";font-size:3vw}.leaderboard-model-content .leaderboard-model-content-list-item .waveform-container{cursor:pointer;width:20vw;height:7vw;position:relative}.leaderboard-model-content .leaderboard-model-content-list-item .waveform-bars{z-index:2;justify-content:space-between;align-items:center;gap:.1vw;height:100%;display:flex;position:relative}.leaderboard-model-content .leaderboard-model-content-list-item .waveform-bar{border-radius:.1vw;flex:1;max-width:.25vw;transition:background-color .1s}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-play-btn-right{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:3vw;height:3vw;transition:all .2s;display:flex}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-play-btn-right:hover{transform:scale(1.15)}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-play-btn-right img{object-fit:contain;width:100%;height:100%}.footer{background-color:#dd2826;width:100%;height:6vh;position:fixed;bottom:0;left:0}@media (max-width:1024px){.leaderboard-model-content{width:95%;height:95%;padding:3vw}.leaderboard-model-content .back-btn{padding:.8vw 2vw;font-size:1.5vw}.leaderboard-model-content .leaderboard-model-content-header div:first-child{font-size:3.5vw}.leaderboard-model-content .leaderboard-model-content-header div:nth-child(2){font-size:2.5vw}.leaderboard-model-content .leaderboard-model-content-list-item{width:90%;min-height:6vw;padding:1.2vw 2vw}.leaderboard-item-rank{min-width:3vw!important;font-size:2vw!important}.leaderboard-item-kfId{max-width:12vw!important;font-size:1.8vw!important}.leaderboard-item-play-btn{width:3vw!important;height:3vw!important}.leaderboard-model-content .leaderboard-model-content-list-item .waveform-container{width:18vw;height:3.5vw}.waveform-bar{max-width:.35vw}.audio-time-display{min-width:4.5vw!important;font-size:1.3vw!important}.leaderboard-item-play-btn-right{width:2.5vw!important;height:2.5vw!important}}@media (max-width:768px){.leaderboard-model-content{padding:4vw}.leaderboard-model-content .back-btn{padding:1vw 2.5vw;font-size:2vw}.leaderboard-model-content .leaderboard-model-content-header div:first-child{font-size:4.5vw}.leaderboard-model-content .leaderboard-model-content-header div:nth-child(2){font-size:3vw}.leaderboard-model-content .leaderboard-model-content-list-item{gap:1vw;width:95%;min-height:8vw;padding:1.5vw}.leaderboard-model-content .leaderboard-model-content-list-item .leaderboard-item-left{gap:.8vw}.leaderboard-item-rank{min-width:3.5vw!important;font-size:2.5vw!important}.leaderboard-item-kfId{max-width:10vw!important;font-size:2vw!important}.leaderboard-model-content .leaderboard-model-content-list-item .waveform-container{width:15vw;height:4vw}.audio-time-display{min-width:5vw!important;font-size:1.5vw!important}}.footer{z-index:1000;background-color:#ec1f28;width:100%;height:5vw;margin-top:auto;position:relative}.footer-content{flex-direction:column;align-items:center;gap:1rem;padding-bottom:.5vw;display:flex}.footer-top-border{background-color:#f4f4f6;width:100%;height:1vw}.footer-logo{justify-content:center;width:100%;display:flex}.footer-logo .logo{justify-content:center;align-items:center;margin-bottom:1vw;display:flex}.footer-logo .logo img{object-fit:contain;width:7vw}.footer-divider{background-color:#ffffff4d;width:100%;height:1px}.copyright{text-align:center}.copyright p{color:#fff;margin:0;font-family:"M PLUS 1 Medium";font-size:1vw}.loader-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loader-container{flex-direction:column;align-items:center;gap:4vw;display:flex}.loader-spinner{width:15vw;height:15vw;position:relative}.spinner-circle{border:1vw solid #f74ec733;border-top-color:#f74ec7;border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin;box-shadow:0 0 3vw #f74ec780}.loader-text{color:#fff;text-align:center;letter-spacing:.2vw;font-family:Proxima Nova Medium;font-size:5vw}.toast-container{z-index:9999;padding:4vw;animation-duration:.3s;animation-fill-mode:both;position:fixed}.toast-top{top:5vw;left:50%;transform:translate(-50%)}.toast-bottom{bottom:5vw;left:50%;transform:translate(-50%)}.toast-left{top:50%;left:5vw;transform:translateY(-50%)}.toast-right{top:50%;right:5vw;transform:translateY(-50%)}.toast-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-content{color:#fff;border-radius:3vw;justify-content:space-between;align-items:center;gap:3vw;min-width:60vw;max-width:85vw;padding:3vw 5vw;display:flex;box-shadow:0 4px 12px #00000026}.toast-error{background:linear-gradient(135deg,#ff5252 0%,#d32f2f 100%)}.toast-success{background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%)}.toast-warning{background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%)}.toast-info{background:linear-gradient(135deg,#2196f3 0%,#1565c0 100%)}.toast-message{flex:1;font-family:"M PLUS 1 Medium";font-size:3.5vw;line-height:1.4}.toast-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:7vw;height:7vw;padding:0;font-size:6vw;line-height:1;display:flex}.toast-close:active{background:#ffffff4d}.toast-show{animation-name:slideIn}.toast-hide{animation-name:slideOut}@keyframes slideIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.toast-bottom.toast-show{animation-name:slideInBottom}.toast-bottom.toast-hide{animation-name:slideOutBottom}@keyframes slideInBottom{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideOutBottom{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}.toast-left.toast-show,.toast-right.toast-show{animation-name:slideInSide}.toast-left.toast-hide,.toast-right.toast-hide{animation-name:slideOutSide}@keyframes slideInSide{0%{opacity:0;transform:translateY(-50%)translate(-20px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes slideOutSide{0%{opacity:1;transform:translateY(-50%)translate(0)}to{opacity:0;transform:translateY(-50%)translate(-20px)}}.toast-center.toast-show{animation-name:fadeIn}.toast-center.toast-hide{animation-name:fadeOut}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}