@media (max-width: 1360px) {
  .presentation-shell { grid-template-columns: minmax(180px,.8fr) auto minmax(220px,.9fr); gap: 10px; padding: 10px; }
  .device-shell { height: min(900px, calc(100dvh - 20px)); }
}
@media (max-width: 980px) {
  .prototype-label { display: none; }
  .presentation-shell { grid-template-columns: auto; place-items: center; padding: 12px; }
  .context-panel { position: fixed; inset: 12px; z-index: 80; background: #111a2d; }
  body:not(.context-open) .context-panel { pointer-events: none; }
  body.context-open .context-panel--right { display: none; }
  .device-shell { height: calc(100dvh - 24px); }
  .context-toggle { top: 8px; right: 8px; }
}
@media (max-width: 560px) {
  .presentation-shell { padding: 0; }
  .device-shell { width: 100vw; max-width: 100vw; height: 100dvh; border: 0; border-radius: 0; }
  .device-shell::before { display: none; }
  .context-toggle { top: 6px; right: 6px; padding: 4px 10px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}