@media(max-width:780px){
  /* Discoverability: horizontal rails visibly hint at more content without adding copy. */
  :is(.mobile-stage-tabs-v145,.channel-tabs-mobile-v145,.publish-tabs-mobile-v149,
      .analyze-tabs-mobile-v145,.operation-tabs-mobile-v147,.community-tabs-mobile-v149,
      .production-commandbar,.filterbar,.chip-row){
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 16px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 16px),transparent 100%)
  }
  /* Once the user reaches the end, the small fade is harmless and avoids extra affordance chrome. */

  /* Drawers/sheets: keyboard-safe and bounded to visual viewport. */
  .drawer,.mobile-drawer,.v148-mobile-sheet,.v149-mobile-sheet,.mobile-depth-sheet-v147{
    max-width:100vw!important
  }
  :is(input,textarea,select){font-size:max(16px,1em)} /* prevents iOS focus zoom */
  textarea{resize:vertical}

  /* Dense explanatory copy is available on intent, not competing with the task. */
  #publish .assist-scope-summary,#analyze .assist-scope-summary,
  #discover .assist-scope-summary,#operation .assist-scope-summary{display:none!important}
  #studio .ai-composer-label-v110 span{display:none!important}
  #studio .incoming-needs>span{font-size:8px!important}
  #studio .bundle-details-v120[hidden]{display:none!important}

  /* CNT-5: keep canvas/tool state visually dominant. */
  #studio-production .media-bundle-v112{margin-bottom:5px!important}
  #studio-production .bundle-summary-v120{min-height:42px!important;padding:5px 7px!important}
  #studio-production .bundle-components-v112{gap:4px!important}
  #studio-production .bundle-component-v112{min-height:42px!important;padding:5px!important}
  #studio-production .bundle-component-v112 small{display:none!important}
  #studio-production .bundle-handoff-compact-v120{padding:5px 7px!important}
  #studio-production .bundle-handoff-status-v120 small{display:none!important}
  #studio-production .ai-composer{margin-bottom:5px!important}
  #studio-production .ai-refs-v12:not(.open){display:none!important}

  /* Mobile feedback: selected/active states are consistent across the app. */
  :is(.mobile-stage-tabs-v145 label,.channel-tabs-mobile-v145 button,.publish-tabs-mobile-v149 label,
      .analyze-tabs-mobile-v145 button,.operation-tabs-mobile-v147 label,.community-tabs-mobile-v149 label,
      .bundle-component-v112,.library-nav-item,.community-item).active{
    box-shadow:inset 0 -2px 0 var(--accent)
  }

  /* Avoid accidental text selection during app-like navigation, but preserve editors. */
  :is(.mobile-bottom-nav-v140,.mobile-stage-tabs-v145,.section-bar,.mobile-app-title-v131,
      .bundle-components-v112,.community-tabs-mobile-v149){user-select:none;-webkit-user-select:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important}
}