@media (max-width:1024px){.navbar-nav{gap:.5em!important;padding-left:.5em!important;padding-right:.5em!important}#nav-right-items{gap:.5em}#export-project{font-size:.75em;padding:.2em .4em}.tool-card{width:calc(25% - .75em)}.main-button{padding:3em 1.5em;width:80%}.tools-grid-container{width:90%}.project-content-container{gap:.8em}.video-info-options{width:3.5em}.video-sections-container{width:calc(100% - 3.5em)}.video-feature-options p{font-size:.7em}.video-feature-options span{font-size:1.2em}}@media (max-width:768px){body{overflow:hidden!important}#app-container{height:100vh;height:100dvh;overflow:hidden}.mobile-nav-backdrop{background:rgba(0,0,0,.5);inset:0;opacity:0;position:fixed;transition:opacity .25s ease;z-index:999}.mobile-nav-backdrop.open{opacity:1}.mobile-nav-drawer{-webkit-overflow-scrolling:touch;background-color:var(--background-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.mobile-nav-drawer.open{transform:translateX(0)}.mobile-nav-header{display:flex;flex-shrink:0;justify-content:flex-end;padding:.5em}.mobile-nav-header .material-button{color:var(--font-color-50)}.mobile-nav-items{display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:0 .5em}.mobile-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--font-color);cursor:pointer;display:flex;font-size:.85em;font-weight:500;gap:.8em;padding:.7em .8em;text-align:left;transition:background-color .15s ease;width:100%}.mobile-nav-item.active,.mobile-nav-item:active{background-color:var(--material-btn-hover-color)}.mobile-nav-item.active{color:var(--main-color)}.mobile-nav-item span{font-size:1.3em!important}.mobile-nav-item p{font-weight:600;margin:0}.mobile-nav-divider{background-color:var(--border-color);flex-shrink:0;height:1px;margin:.5em 1em}.mobile-nav-chat-history{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto;padding:0 .5em 1em}#mobile-new-chat{align-items:center;background-color:var(--material-btn-hover-color);border:1px solid var(--border-color);display:flex;flex:0 0 auto;gap:.5em;justify-content:start!important}#mobile-new-chat:hover{background-color:var(--material-btn-hover-hover-color);border:1px solid var(--border-hover-color)}#mobile-new-chat span{font-size:1.3em}.mobile-nav-chat-history .chats-container{display:flex;flex-direction:column;gap:2px}.mobile-nav-chat-history .chats-container-title{color:var(--font-color-50);font-size:.7em;font-weight:600;padding:.5em .8em .2em}.mobile-nav-chat-history .chat-history-item{border-radius:6px;color:var(--font-color);cursor:pointer;font-size:.8em;overflow-x:hidden;padding:.5em .8em;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-chat-history .chat-history-item:active{background-color:var(--material-btn-hover-color)}.mobile-nav-chat-history .chat-history-item.active{background-color:var(--material-btn-hover-color);color:var(--main-color)}.drawer-category-list{display:flex;flex-direction:column;gap:2px;padding:.2em 0}.drawer-category-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--font-color);cursor:pointer;display:flex;font-size:.85em;font-weight:500;gap:.8em;padding:.55em .8em;text-align:left;transition:background-color .15s ease;width:100%}.drawer-category-item .material-symbols-outlined{font-size:1.3em}.drawer-category-item.active{color:var(--main-color);font-weight:600}.drawer-category-item.active,.drawer-category-item:active{background-color:var(--material-btn-hover-color)}.drawer-category-item:disabled{cursor:default;opacity:.4}#credits-nav,.user-icon,.user-popup{display:none!important}.mobile-nav-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:.5em;justify-content:space-between;margin-top:auto;padding:.7em .8em}.mobile-nav-footer-user{align-items:center;display:flex;flex:1;gap:.5em;min-width:0}.mobile-nav-user-icon{align-items:center;background:var(--material-btn-hover-color);border:2px solid var(--main-color-border);border-radius:50%;color:var(--font-color);display:flex;flex-shrink:0;font-size:.65em;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.mobile-nav-user-icon img{border-radius:50%;height:100%;object-fit:cover;width:100%}.mobile-nav-user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mobile-nav-user-name{color:var(--font-color);font-size:.78em;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-user-credits{color:var(--font-color-50);font-size:.65em;white-space:nowrap}.mobile-nav-footer-actions{align-items:center;display:flex;flex-shrink:0;gap:.2em}.mobile-nav-footer-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:10px;color:var(--font-color-50);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s ease;width:36px}.mobile-nav-footer-btn:active{background:var(--material-btn-hover-color)}.mobile-nav-footer-btn .material-symbols-outlined{font-size:1.2em}.nav-option-button#browse-my-projects,.nav-option-button#navbar-workflows{display:none!important}#chats-history-button{display:flex}#home-button,#left-column.mobile-projects-hide,#menu-button{display:none!important}.nav-row{height:auto!important;margin-left:0!important;margin-right:0!important;min-height:44px;padding-bottom:.3em;padding-left:0!important;padding-right:0!important;padding-top:.3em;width:100%!important}.navbar-nav{flex-wrap:nowrap;gap:.4em!important;padding-left:.5em!important;padding-right:.5em!important}.navbar-nav>li{gap:.4em}#export-project{gap:0;padding:.3em .5em}#export-project span{font-size:1.3em}#export-project p{display:none}#create-project{display:none!important;gap:0;padding:.3em .5em}#create-project span{font-size:1.3em}#create-project p{display:none}#credits-nav{min-height:auto!important;min-width:auto!important}#onboard-guide{font-size:0;padding:.2em}#onboard-guide span{font-size:1.3em}.agent-mode{border-width:.15em}.project-agent-mode{font-size:.8em;padding:.1em .4em}.app-row:has(.mobile-col-visible){--bs-gutter-x:0!important;flex-direction:column!important;flex-wrap:nowrap!important;min-height:calc(100dvh - 44px);overflow-x:hidden!important;overflow-y:hidden!important;padding-left:0!important;padding-right:0!important}.app-row{--bs-gutter-x:0!important;padding-left:0!important;padding-right:0!important}#left-column.mobile-col-visible{border:none!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important;height:auto!important;left:0!important;min-height:0!important;order:1;overflow:visible!important;position:relative!important;width:100%!important}#main-content-column{order:2;transform:none!important;width:100%!important}#right-column.mobile-col-visible{border:none!important;border-radius:0!important;border-top:1px solid var(--border-color)!important;height:auto!important;min-height:0!important;order:3;overflow:visible!important;position:relative!important;right:0!important;width:100%!important}.navbar-nav>li:first-child{flex-shrink:0!important;gap:.2em!important}.nav-option-button{font-size:.75em!important;padding:.2em .4em!important;white-space:nowrap!important}.project-agent-mode{font-size:.7em!important;padding:.1em .4em!important}#nav-right-items{gap:.4em!important}#credits-nav{font-size:.7em!important;gap:.3em!important;padding:.2em .4em!important}.mm-steps-container .prompt-input-container{border:1.5px solid var(--border-color)!important;border-radius:18px!important;margin-bottom:1em!important;overflow:hidden;width:100%!important}.prompt-input-container{border-radius:14px!important}#idea-input-container{overflow:hidden;position:relative!important}#idea-input-container .mm-options-container{flex:1;position:relative!important}#idea-input-container #mm-script-input,#webpage-input-container #mm-script-input{flex:1;height:auto!important}#idea-input-container .mm-input-container{gap:3em!important}#idea-input-container .prompt-input-container{margin-bottom:3em!important}.mob-input-value{font-size:1em!important}#input-video-language .language-code-value{display:block!important}.mm-steps-container .prompt-subinput-container{display:flex!important;flex-direction:column!important;gap:0!important}.mm-steps-container .prompt-other-inputs{display:contents!important}.mm-steps-container .other-input-container{align-items:stretch!important;border-bottom:1px solid color-mix(in srgb,var(--border-color) 50%,transparent)!important;display:flex!important;flex-direction:row!important;order:1!important;padding:0!important;width:100%!important}#script-idea-container{width:100%!important}#idea-input-container .mm-input-container,#webpage-input-container .mm-input-container{padding-left:0!important;padding-right:0!important}#script-idea-container .manual-input-textarea{padding:0}#attach-prompt-inputs,.webpage-url-input-container{display:none!important}.mm-steps-container .other-input-container>.other-input-container-buttons{align-items:center!important;flex-wrap:nowrap!important;gap:.15em!important;margin-bottom:0!important;margin-left:0!important;padding:.35em .5em!important}.mm-steps-container .other-input-container .material-button{align-items:center!important;background-color:transparent!important;border-radius:10px!important;font-size:.78em!important;gap:.3em!important;justify-content:center!important;min-height:32px!important;padding:.35em .55em!important;transition:background-color .15s ease!important}.mm-steps-container .other-input-container .material-button:active{background-color:var(--material-btn-hover-color)!important}.mm-steps-container .input-video-prompt-expander{gap:.3em!important;padding:.2em .4em!important}.mm-steps-container .input-video-prompt-expander .toggle-container{transform:scale(.75);transform-origin:center}.mm-steps-container .webpage-url-input-container{margin-left:0!important;padding:.3em .5em!important;width:100%!important}.mm-steps-container .prompt-textarea-container{order:2!important}.mm-steps-container #mm-video-description-input{font-size:.9em!important;min-height:4.5em!important;padding:.7em .8em!important}.mm-steps-container .other-input-container-buttons:has(#script-idea-entry-point,.regenerate-script-with-ai){align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:.5em!important;justify-content:space-between;margin-bottom:0!important;margin-left:0!important;order:3!important;padding:.3em .5em .45em!important;width:100%!important}.mm-steps-container .add-reference-image,.mm-steps-container .last-frame-image{border-radius:8px!important;flex-shrink:0;height:3.2em!important;margin-left:0!important}.mm-steps-container .add-reference-image p,.mm-steps-container .last-frame-image p{bottom:.3em!important;font-size:.6em!important;left:.3em!important}.mm-steps-container .add-reference-image .add,.mm-steps-container .last-frame-image .add{font-size:.9em!important}.mm-steps-container .video-preset{border-radius:8px!important;height:3.2em!important;margin-left:0!important;width:4.5em!important}.mm-steps-container .video-preset span{bottom:1.2em!important;font-size:.65em!important;right:.3em!important}.other-input-container{justify-content:start!important}#input-video-style span.material-symbols-outlined{font-size:1.3em!important}.other-input-container-buttons{flex-wrap:wrap!important;gap:.5em!important;justify-content:space-between!important;margin-left:.3em!important;padding:.3em .5em!important}.other-input-container-buttons .material-button{font-size:.75em!important;padding:.3em .6em!important}.main-button-container .generate-btn,.mm-steps-container .generate-btn{font-size:.85em!important}.mm-steps-container .video-credits-unit{border-top-left-radius:10px!important;border-top-right-radius:10px!important;font-size:.75em!important;padding:.15em .5em!important;right:3em!important;top:.4em!important}#video-duration-slider{position:absolute;z-index:100}.main-button{margin-bottom:1em;padding:0;width:100%}.button-text h2{font-size:1.3rem}.button-text p{font-size:.85rem}.main-button .icon{font-size:1.5rem;height:44px;margin-right:1rem;width:44px}.tools-grid-container{width:95%}.tool-card{border-radius:10px;padding:.8em .5em;width:calc(33.33333% - .66667em)}.tool-card .tool-name{font-size:.75em}.tool-card .app-feature-title span{font-size:1.5em}.tools-button{padding:.8rem 1.2rem}.question-type-container{flex-wrap:wrap;gap:1.5em;padding:2em .5em 1em}.question-type-container .answer-elem{height:6em;width:6em}.voiceover-input-info-container{height:12em;width:100%}#manual-voiceover-info-container{border-radius:10px;border-right:2px solid var(--border-color)}#enable-internet-search p,#input-video-language .drop-down,#input-video-language .language-value{display:none}#enable-internet-search .mob-input-value{display:block!important}#input-video-duration .drop-down{display:none}.input-video-prompt-expander p{display:none!important}#input-video-settings{gap:0!important}#input-video-settings p{display:none}.top-inputs{justify-content:start!important;width:fit-content!important}#input-video-settings .material-symbols-outlined{display:block!important;font-size:1.3em!important}#input-video-style .option-value{display:none!important}.other-input-container{width:100%!important}.mob-input-icon{display:block!important;font-size:1.2em!important}#script-idea-entry-point,.regenerate-script-with-ai{height:fit-content!important;width:fit-content!important}.generate-btn-title,.mm-steps-container .video-mode-split{display:none!important}#gen-starting-point-container .mm-options-container{align-items:stretch!important;display:flex!important;flex:1!important;flex-direction:column!important;gap:0!important;height:auto!important;justify-content:space-between!important;min-height:0!important;padding:0!important}.mobile-mode-tabs{align-items:center!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.12)!important;border-radius:14px!important;display:flex!important;flex-shrink:0!important;gap:.25em!important;height:fit-content!important;margin-top:0!important;padding:.3em!important;position:relative!important;z-index:10!important}.mobile-mode-tabs .mobile-mode-tab{background:transparent!important;border:none!important;border-radius:10px!important;color:hsla(0,0%,100%,.55)!important;padding:.5em .4em!important}.mobile-mode-tabs .mobile-mode-tab.active{background:var(--main-color)!important;border-color:transparent!important;box-shadow:0 2px 8px rgba(99,52,208,.5)!important;color:#fff!important}.mobile-featured-card{display:block!important;height:auto!important;inset:0!important;position:absolute!important;width:100%!important;z-index:0!important}.mobile-top-other-inputs{background-color:var(--material-btn-hover-color)}.mobile-featured-video{border-radius:15px!important;height:100%!important;left:50%!important;object-fit:cover!important;position:absolute!important;top:0!important;transform:translateX(-50%)!important;width:99%!important}.mobile-featured-card .overlay{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.3))!important}.main-button-container{padding:0 .75em!important;position:relative!important;z-index:10!important}.main-button{align-items:end!important;display:flex!important}.main-button .prompt-input-container{background-color:var(--background-color)!important}.mm-steps-container #back-to-home-from-script-page,.mm-steps-container #script-idea-entry-point,.mm-steps-container #select-voice-from-script,.mm-steps-container .regenerate-script-with-ai{align-items:center!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(99,52,208,.35)!important;display:flex!important;flex-shrink:0!important;height:2.4em!important;justify-content:center!important;padding:0!important;transition:transform .15s ease,box-shadow .15s ease!important;width:2.4em!important}.mm-steps-container #script-idea-entry-point,.mm-steps-container #select-voice-from-script{background:var(--main-color)!important}.mobile-step{display:block!important}.next-step-buttons-container{display:none!important}.mm-steps-container #back-to-home-from-script-page,.mm-steps-container .regenerate-script-with-ai{background:var(--material-btn-hover-color)!important;box-shadow:none!important}.mm-steps-container #script-idea-entry-point:active,.mm-steps-container #select-voice-from-script:active{box-shadow:0 1px 4px rgba(99,52,208,.25)!important;transform:scale(.92)!important}.mm-steps-container #script-idea-entry-point span,.mm-steps-container #select-voice-from-script span{color:#fff!important;font-size:1.15em!important}.mm-steps-container #back-to-home-from-script-page span,.mm-steps-container .regenerate-script-with-ai span{color:var(--font-color)!important;font-size:1.15em!important}#ai-voiceover-info-container{border-left:2px solid var(--border-color);border-radius:10px}.mm-input-container .separator{height:2px;width:100%}.voiceover-input-info-container h1{font-size:1em}.voiceover-input-info-container p{font-size:.75em}.voiceover-input-info-icon span{font-size:1.5em}.new-project-chat-container{width:90%}.new-chat-animation{height:7em;width:7em}.mm-customization-container #visuals-selector{width:95%}.mm-customization-container #visuals-selector .visual-selector-col{align-items:center;flex-direction:column}.mm-customization-container #visuals-selector .visual-selector-col .visual-type-container{width:80%!important}.templates-container{column-count:2}.template-styles-container{overflow-x:auto;width:100%}.progress-container{bottom:1em;right:1em;width:16em}#onboard-guide{display:none!important}#projects-category-container{border-bottom:1px solid var(--border-color)!important;display:none!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.5em!important;height:auto!important;overflow:visible!important;padding:.6em .8em!important}.project-content-type{background-color:transparent!important;border:1px solid var(--border-color)!important;border-radius:20px!important;flex:0 1 auto!important;font-size:.85em!important;padding:.4em 1em!important;transition:all .15s ease!important;white-space:nowrap!important}.project-content-type.selected-project-category{background-color:var(--material-btn-hover-color)!important;border-color:var(--main-color)!important;color:var(--font-color)!important}#projects-container{padding:0 .5em .5em;width:100%!important}.content-category-title-container{flex-wrap:wrap;gap:1em}.content-category-title{font-size:1.5em;padding-left:.5em!important}.project-content-container{display:grid!important;gap:.5em!important;grid-template-columns:repeat(2,1fr)!important;margin-top:0!important;place-items:center}.project-content{gap:.4em;grid-column:span 1!important;padding:.5em}.project-content,.project-content.horizontal,.project-content.square,.project-content.vertical{height:auto!important}.project-content .thumbnail-container{left:auto!important;position:relative!important;transform:none!important}.project-content .thumbnail-container,.project-content .thumbnail-container img{height:auto!important;width:100%!important}#projects-container #new-project{height:auto!important;min-height:8em}.content-details-container .content-container .content{gap:.7em;padding:.7em}.content .content-thumbnail{width:5em}.content .content-details-elem{width:calc(100% - 5em)}.content .content-details-elem .content-details{width:70%}.project-page-utility-btns{gap:.4em}.project-page-utility-btns button{font-size:.8em;padding:.2em .4em}.content-types-container{gap:.5em}.storyboard-panel .storyboard-item{flex-direction:column}#storyboard-panels-container{padding:.5em}.option-title-container{padding:.7em}.option-title{font-size:.9em}.option-title-buttons-container{right:.5em}.browse-all-content-container{padding-left:.5em;padding-right:.5em}.bg-music-volume-container .volume-slider-wrapper{left:auto;right:0}#video-controls{padding:10px}.modal-footer .project-credits{bottom:5.5em!important}.timeline-elements .control-buttons{padding-left:.5em;padding-right:.5em}.timeline-elements .control-buttons button span{font-size:1.1em!important}#close-image-preview-modal{font-size:24px}}@media (max-width:480px){.nav-row{min-height:40px}.navbar-nav{gap:.2em!important}.navbar-nav>li{gap:.2em}#menu-button img{width:1.2em}.agent-mode{border-width:1px!important}.project-agent-mode{font-size:.6em!important;padding:.1em .3em!important}.nav-option-button{font-size:.65em!important;padding:.15em .2em!important;white-space:nowrap!important}#credits-nav,#nav-right-items{gap:.2em!important}#credits-nav{font-size:.65em!important;padding:.15em .3em!important}#homepage-sign-in-btn{font-size:.8em;padding:.2em .4em}.other-input-container-buttons{margin-left:0!important;padding:.2em .3em!important}.other-input-container-buttons .material-button{font-size:.7em!important;padding:.2em .5em!important}.main-button{border-radius:10px;margin-bottom:1.5rem;padding:2em .8em;width:100%}.button-text h2{font-size:1.1rem}.button-text p{font-size:.8rem}.main-button .icon{height:36px;margin-right:.8rem;width:36px}.tool-card{border-radius:8px;padding:.7em .4em;width:calc(50% - .5em)}.tools-grid{gap:.6em}.tools-grid-container{width:100%}.tools-button{border-radius:10px;padding:.6rem 1rem}.tools-button p{font-size:.85em}.question-type-container{gap:1em;padding:1.5em .3em 1em}.question-type-container .answer-elem{height:5em;width:5em}.question-type-container .answer-elem .possible-answer-container{font-size:.75em}.mm-input-container{align-items:center!important;flex-direction:column!important}.voiceover-input-info-container{height:10em;width:100%!important}#ai-voiceover-info-container,#manual-voiceover-info-container{border:2px solid var(--border-color);border-radius:10px}.mm-input-container .separator{display:none}.new-project-chat-container{width:100%}.new-chat-animation{height:5em;width:5em}.mm-customization-container #visuals-selector{padding-left:.5em;padding-right:.5em;width:100%}.templates-container{column-count:1}.progress-container{left:1em;right:1em;width:calc(100% - 2em)}.project-content-type{font-size:.8em;padding:.3em .6em!important}.content-category-title{font-size:1.2em}.project-content-container{gap:.5em}.project-content{padding:.5em}.project-content .content-title{font-size:.8em}.content .content-thumbnail{width:4em}.content .content-details-elem{width:calc(100% - 4em)}.content .content-details-elem .content-details{font-size:.85em;width:65%}#projects-container #new-project span{font-size:3em}.project-page-utility-btns{flex-wrap:wrap}.video-feature-options{padding:.2em .4em}.video-feature-options span{font-size:1em}.video-feature-options p{font-size:.65em}.type-visual{height:3.5em}.type-audio{height:3em}.video-element-type span{font-size:.9em;padding-right:.2em}.control-play p{font-size:.7em}.storyboard-panel{gap:.3em;padding:.3em}.shot-composition-style{padding-left:.5em;padding-right:.5em}.option-title-container{padding:.5em}.option-title-buttons-container{margin-top:.3em;position:relative;right:auto;top:auto;transform:none}.editing-option-value-container{gap:.5em;padding:.2em .5em}}@media (hover:none) and (pointer:coarse){.material-button{min-height:36px;min-width:36px}.video-feature-options{min-height:36px}.project-content-type{min-height:40px}.content-type{min-height:36px}.main-button:hover,.tool-card:hover{transform:none}.project-content:hover{border-color:transparent!important}#projects-category-container,.content-types-container,.video-editing-feature-option,.video-elements-timeline-container{-webkit-overflow-scrolling:touch;scrollbar-width:none}#projects-category-container::-webkit-scrollbar,.content-types-container::-webkit-scrollbar,.video-editing-feature-option::-webkit-scrollbar,.video-elements-timeline-container::-webkit-scrollbar{display:none}}