/* Touch, keyboard and a small screen are ordinary ways into the studio. */
html { -webkit-text-size-adjust: 100%; }
@media (pointer: coarse) {
  button, select, input:not([type="hidden"]), .toy-toolbar a { min-height: 44px; }
  input, select, textarea { font-size: max(16px, 1em); }
  button, a, input, select { -webkit-tap-highlight-color: rgba(111,166,160,.24); }
  .human button { touch-action: none; user-select: none; -webkit-user-select: none; }
}
@media (max-width: 600px) {
  .studio-header { flex-wrap: wrap; }
  .studio-header nav { flex-wrap: wrap; gap: 12px; }
  dialog { max-width: 100%; width: 100%; max-height: 100dvh; margin: 0; }
  .dialog-top { position: sticky; top: 0; z-index: 10; }
  .toy-toolbar { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}