.mobile-app-header,.mobile-bottom-nav{display:none}.mobile-sidebar-backdrop[hidden]{display:none!important}
@media(max-width:1023px){
  html{width:100%;max-width:100%;overflow-x:hidden}body.desktop-app{display:block;width:100%;min-width:0;max-width:100%;min-height:100dvh;height:auto;overflow:hidden}.desktop-shell{display:block;width:100%;max-width:100%;height:100dvh;padding-top:64px;padding-bottom:72px;box-sizing:border-box}.desktop-main{width:100%;max-width:100%;height:calc(100dvh - 136px);padding:20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .mobile-app-header{position:fixed;z-index:5000;inset:0 0 auto;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;height:64px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));box-sizing:border-box;border-bottom:1px solid rgba(103,232,249,.18);background:rgba(4,16,31,.92);backdrop-filter:blur(20px)}
  .mobile-app-header button{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(103,232,249,.2);border-radius:12px;background:rgba(14,40,61,.75);color:#67e8f9;font-size:23px}.mobile-app-header div{min-width:0}.mobile-app-header b,.mobile-app-header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-app-header b{color:#f0f9ff;font-size:15px}.mobile-app-header small{margin-top:3px;color:#22d3ee;font-size:9px;font-weight:800;letter-spacing:1.4px}
  .desktop-sidebar{position:fixed;z-index:5200;inset:0 auto 0 0;width:min(330px,88vw);height:100dvh;box-sizing:border-box;transform:translateX(-105%);transition:transform .24s ease;box-shadow:25px 0 70px rgba(0,0,0,.55)}body.mobile-menu-open .desktop-sidebar{transform:translateX(0)}
  .mobile-sidebar-backdrop{position:fixed;z-index:5100;inset:0;border:0;background:rgba(0,5,15,.7);backdrop-filter:blur(4px)}
  .mobile-bottom-nav{position:fixed;z-index:5000;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(72px + env(safe-area-inset-bottom));padding:6px max(5px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(5px,env(safe-area-inset-left));box-sizing:border-box;border-top:1px solid rgba(103,232,249,.18);background:rgba(4,16,31,.95);backdrop-filter:blur(20px)}.mobile-bottom-nav button{min-width:0;border:0;border-radius:11px;background:transparent;color:#8292a8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:700}.mobile-bottom-nav button i{font-size:21px}.mobile-bottom-nav button.active{color:#67e8f9;background:rgba(34,211,238,.1)}
  .split-layout{height:auto;min-height:0;flex-direction:column}.split-left,.split-right{width:100%;overflow:visible}.page{max-width:100%}img,video,canvas{max-width:100%}.modal,.modal-overlay{overscroll-behavior:contain}
  button,input,select,textarea{font-size:16px}.desktop-nav .tab,.sidebar-bottom button{min-height:44px}.firebase-user-card button{min-height:40px}
}
@media(max-width:767px){
  .desktop-main{padding:12px 10px 22px}.astronaut{width:260px;height:260px;left:-70px}.spaceship{width:330px;height:330px;right:-80px}.galaxy-bg{animation:none}
  .sw-hero,.format-picker-row,.scene-automation-layout,.settings-storage-card{border-radius:14px}.sw-hero{padding:14px!important}.sw-hero-copy h2{font-size:20px!important}.sw-hero-copy p,.sw-format-state{display:none!important}
  .format-selector-box{padding:12px!important}.format-picker-row{display:flex!important;flex-direction:column!important;gap:10px!important}.format-picker-row>*{width:100%!important;max-width:none!important}
  .split-layout{gap:12px}.editor-card{min-height:52dvh}.editor-header{padding:12px}.editor-header h3{font-size:13px}#story{min-height:40dvh;padding:15px;font-size:16px;line-height:1.6}
  .drive-folder-list{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px}.drive-folder-item{flex:0 0 min(78vw,280px);scroll-snap-align:start;min-height:48px}.drive-folder-browser{padding:12px!important}.drive-folder-breadcrumb{overflow-x:auto;white-space:nowrap}
  #libraryList{grid-template-columns:1fr!important;gap:12px!important}.scene-card{min-width:0!important;width:100%!important}.library-toolbar,.settings-storage-card,.grok-folder-actions{flex-direction:column!important;align-items:stretch!important}.library-toolbar>*{width:100%!important}
  .merge-workspace{padding-bottom:18px}.merge-page-header{padding:15px}.merge-page-header h2{font-size:19px}.merge-actions,.hf-actions,.rm-actions{position:sticky;bottom:0;z-index:20;background:rgba(4,16,31,.94);padding-bottom:max(10px,env(safe-area-inset-bottom))}
  dialog,.modal-content,.modal-card{max-width:100vw!important;max-height:100dvh!important;border-radius:14px!important}.firebase-auth-gate{padding:12px}.firebase-auth-card{padding:22px 18px}
}
@media(max-width:479px){.mobile-app-header{grid-template-columns:42px minmax(0,1fr) auto;gap:5px;padding-inline:8px}.mobile-app-header .mobile-header-actions{gap:3px}.mobile-app-header .mobile-header-actions button{width:38px;height:38px}.mobile-bottom-nav button span{font-size:9px}.desktop-main{padding-inline:8px}.brand-zone{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.desktop-sidebar{transition:none}.galaxy-bg,.astronaut,.spaceship{animation:none!important}}
@media(max-width:760px){.merge-voiceover-card>label{align-items:flex-start;flex-direction:column}.merge-voiceover-input{width:100%}.merge-voiceover-input input{width:100%}}