/* Shared result controls: visible glyphs stay compact inside real, disjoint targets. */
@media (max-width:760px), (pointer:coarse) {
  #imageStudio { --editor-action-size:48px; --editor-action-gap:8px; }
  #imageStudio .studio-gallery .studio-actions, #imageStudio .bx-stack { gap:var(--editor-action-gap); }
  #imageStudio .studio-gallery .studio-actions { right:20px; bottom:8px; }
  #imageStudio .studio-gallery .studio-card .studio-action,
  #imageStudio .bx-stack .studio-action {
    width:var(--editor-action-size); height:var(--editor-action-size); flex:none; border-radius:8px;
  }
  #imageStudio .studio-gallery .studio-action :is(svg,img),
  #imageStudio .bx-stack .studio-action svg { width:22px; height:22px; opacity:1; }
  #imageStudio .bx-stage.is-cramped .bx-stack { visibility:hidden; }
  #imageStudio .bx-stack .studio-action::after { content:none; }
  #imageStudio .bx-stage.is-short .bx-stack { grid-template-columns:repeat(2,var(--editor-action-size)); padding:0 16px 0 0; margin:0; }

  /* A short, wide result has room for a row, keeping its actions inside the card. */
  #imageStudio .studio-gallery[data-layout=single] .studio-card { min-height:64px; }
  #imageStudio .studio-gallery[data-layout=single] .studio-card.has-short-actions .studio-actions { flex-direction:row; }
  /* Dense thumbnails open the full image before offering its full action set. */
  #imageStudio .studio-gallery:not([data-layout=single]) .studio-action:not([data-action=zoom]),
  #imageStudio .studio-gallery:not([data-layout=single]) .studio-animate { display:none; }

  #imageStudio .ws-toolbar [data-area-tool] { min-width:48px; height:48px; font-size:14px; }
  #imageStudio .ws-toolbar [data-area-tool]::after { content:none; }
  #imageStudio .studio-animate { min-height:48px; padding:8px 12px; font-size:15px; }
  #imageStudio .studio-animate svg { width:20px; height:20px; opacity:1; }
  #imageStudio .studio-video-actions { font-size:15px; line-height:1.5; }
  #imageStudio .studio-video-actions > a { min-height:48px; padding:8px; }
  #imageStudio .video-card-actions { gap:8px; padding-top:8px; }
  #imageStudio.video-studio .video-card-actions button { min-width:48px; min-height:48px; padding:0 8px; font-size:15px; }
  #imageStudio .video-card-actions svg { width:20px; height:20px; }
  #imageStudio :is(.video-frame-tools, .video-settings-note, .video-continuation p) { font-size:15px; line-height:1.5; }
}