.mobile-app-bar{display:none}@media (max-width:1023px){html,body{max-width:100%;overflow-x:hidden}img,video,canvas,svg,.hero,.trust-grid,.process-section,.academy-intro,.safety-section,.final-cta,.features-section,.footer,.nav{max-width:100%}.studio-group-grid.start,.agency-grid.studio-tool-grid{grid-template-columns:1fr 1fr}.settings-container,.grow-pack-paywall{max-width:100%}.admin-simple-list li{grid-template-columns:1fr;gap:4px}}@media (max-width:820px){.mobile-app-bar{z-index:22;min-height:56px;padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}html[data-theme=dark] .mobile-app-bar{background:#1a1518f5}.mobile-app-bar .brand{min-width:0}.mobile-app-bar .brand-name{font-size:15px}.mobile-app-bar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.mobile-app-bar .theme-toggle{width:auto;min-width:44px;min-height:40px;margin:0;padding:6px 8px}.mobile-app-bar .theme-toggle-label{gap:0;font-size:0}.mobile-app-bar .theme-toggle-label svg{width:18px;height:18px}.mobile-app-bar .theme-switch{display:none}.mobile-app-bar-link{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;place-items:center;padding:0 10px;font-size:12px;font-weight:700;display:grid}.app-content{padding:12px 16px calc(148px + env(safe-area-inset-bottom,0px))}.mobile-app-nav{right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:space-around;gap:2px;min-height:0;padding:6px 4px;display:flex;left:8px}.mobile-app-nav a{text-align:center;flex:20%;min-width:56px;max-width:25%;min-height:48px;padding:4px 2px;font-size:9px;line-height:1.15}.mobile-app-nav a>span{font-size:16px}html[data-theme=dark] .mobile-app-nav{border-color:var(--line);background:#1a1518f5;box-shadow:0 10px 36px #00000073}.studio-tool-grid .agency-card,.agency-card{min-height:0}.studio-step-actions,.form-actions,.quality-actions,.summary-actions,.complete-actions{width:100%}.studio-step-actions .button,.form-actions .button,.button.button-primary,.button.button-secondary{min-height:44px}input,select,textarea{font-size:16px}.onboarding-header,.onboarding-layout,.profile-setup-layout,.digitals-header,.studio-flow-header,.sedcard-step,.runway-home,.runway-setup,.runway-guide,.runway-result{width:min(100% - 32px,720px)}.hero-actions,.final-cta-actions{width:100%}.hero-actions .button,.final-cta-actions .button{justify-content:center;width:100%}.footer{grid-template-columns:1fr;gap:16px;padding-bottom:24px}}@media (min-width:601px) and (max-width:820px){.mobile-app-nav a{flex:12%;max-width:none;font-size:10px}.studio-group-grid.start,.agency-grid.studio-tool-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.studio-group-grid.start,.agency-grid.studio-tool-grid,.agency-grid,.casting-grid,.know-before-list,.studio-path,.quick-action-grid,.academy-course-grid{grid-template-columns:1fr}h1{max-width:none;font-size:clamp(28px,8vw,40px)}.app-content{padding-left:12px;padding-right:12px}.mobile-app-bar{padding-left:10px;padding-right:10px}.mobile-app-bar .brand-logo{width:32px;height:32px}.settings-section,.dashboard-section,.next-step-copy{padding:16px 14px}.grow-pack-paywall h1{font-size:28px}.grow-pack-price{flex-wrap:wrap}.admin-dl{grid-template-columns:1fr}.admin-dossier-head{flex-direction:column}}
