/* Keep preferences reachable in expanded AND icon-only navigation. */
@media (min-width: 768px) {
  .studio-nav,
  .studio-nav.studio-nav-compact { height:100dvh; min-height:0; gap:12px; padding-top:12px; padding-bottom:8px; overflow:hidden; }
  .studio-nav-heading { flex-shrink:0; }
  .studio-nav .studio-links { min-height:0; flex:1 1 auto; overflow-y:auto; gap:3px; scrollbar-width:thin; }
  .studio-nav .studio-nav-label { padding-top:10px; padding-bottom:4px; }
  .studio-nav .studio-nav-bottom { flex:0 0 auto; gap:2px; margin-top:0; }
  .studio-nav .studio-nav-bottom .studio-link { min-height:30px; padding-top:5px; padding-bottom:5px; }
  .studio-nav .studio-status { padding-top:7px; margin-top:4px; }
  .studio-nav .studio-preferences { display:flex; flex-shrink:0; padding-top:4px; }
  .studio-nav .studio-preferences>div { gap:3px; }
  .studio-nav-compact .studio-preferences>div { flex-direction:column; flex-wrap:nowrap; }
  .studio-nav-compact .studio-preferences button { width:28px; height:28px; min-height:28px; padding:4px; }
  .studio-nav-compact .studio-nav-heading { gap:6px; }
  .studio-nav-compact .studio-links .studio-link { min-height:34px; padding-top:3px; padding-bottom:3px; }
}
/* An open assistant must not collapse the mobile workspace to zero height. */
@media (max-width: 767px) {
  .studio-shell>.studio-content { flex:1 1 auto; min-height:45dvh; }
}