/* BZDR Studio — mobile text-field focus should never zoom the page.
 *
 * iOS Safari magnifies the visual viewport on focusing an editable control
 * whose effective font-size is less than 16 CSS px.  Apply this final,
 * mobile-only stylesheet after all plugin/Engineer/DAW styles, preserving
 * ordinary pinch zoom and the deliberately operated timeline +/- controls.
 *
 * Do not set maximum-scale=1, user-scalable=no or force viewport scale in JS.
 */
@media (pointer: coarse) {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
  select,
  textarea,
  [contenteditable="true"],
  [contenteditable=""],
  [contenteditable="plaintext-only"] {
    font-size: 16px !important;
  }

  /* More specific DAW overlays also inherit the same no-focus-zoom rule. */
  #bzdrAgentMini .bzdr-engineer-voice-row input,
  #bzdrAgentMini .bzdr-agent-mini-options select,
  #bzdrCopilotInput,
  .bzdr-copilot-panel textarea,
  .bzdr-record-agent input,
  .bzdr-record-agent select,
  .bzdr-agent-drawer input,
  .bzdr-agent-drawer textarea,
  .bzdr-agent-drawer select {
    font-size: 16px !important;
  }
}
