/* Both switches use .demo-viewport-controls: the same equal-width grid,
   sliding indicator, colours, transitions and shared pointer-light engine. */
#demo-modal .demo-brownie-controls[hidden] { display: none !important; }
#demo-modal.has-brownie-preview .demo-viewport-controls { height: 44px; }
#demo-modal.has-brownie-preview .demo-viewport-controls::before { bottom: 3px; height: auto; }
#demo-modal.has-brownie-preview .demo-viewport-controls .demo-viewport-button { height: 36px; }
@media (max-width: 1150px) {
  #demo-modal.has-brownie-preview .demo-url { display: none; }
}
@media (max-width: 768px) {
  #demo-modal.has-brownie-preview .demo-bar { gap: 6px; }
  #demo-modal.has-brownie-preview .demo-bar-actions { gap: 8px; }
  /* Device emulation stays hidden on phones; site/dashboard navigation stays. */
  #demo-modal .demo-brownie-controls:not([hidden]) {
    display: grid !important;
    width: min(188px, calc(100vw - 152px));
  }
}