/* Compact mobile controls; desktop retains its existing toolbar. */
@media (max-width:600px), (pointer:coarse){
 .row-media-dialog[data-editor-view="visual"] .image-zone.image-transform-stage{touch-action:pan-y;cursor:pointer}
 .row-media-dialog[data-editor-view="visual"] .image-zone.image-transform-stage.image-move-selected{
  touch-action:none;cursor:grab;outline:3px solid var(--project-color);outline-offset:-3px;
 }
 .row-media-dialog[data-editor-view="visual"] .image-zone.image-transform-stage.image-move-selected:active{cursor:grabbing}
 .row-media-dialog[data-editor-view="visual"] .image-zone.image-transform-stage.image-move-selected:before{
  content:'';position:absolute;inset:0;z-index:2;border:3px solid var(--project-color);pointer-events:none;
 }
}
@media (max-width:600px){
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing{
  flex-wrap:nowrap;gap:4px;padding:5px 6px;min-height:42px;font-size:12px;
 }
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing label{
  gap:4px;white-space:nowrap;
 }
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing input{
  width:44px!important;min-width:0;padding:4px 2px;font-size:14px;
 }
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing .image-keyframe-time{
  flex:0 1 auto;min-width:0;font-size:clamp(9px,2.5vw,12px);
 }
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing .image-timing-actions{
  gap:4px;margin-left:auto;
 }
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing .image-timing-actions button{
  width:clamp(28px,8vw,36px);min-width:0;height:36px;min-height:36px;padding:3px;border-radius:8px;
 }
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing .image-timing-actions .image-timing-zoom{
  width:46px;font-size:11px;
 }
 .row-media-dialog[data-editor-view="visual"] .image-timing-snap>span:not(.image-timing-snap-light),
 .row-media-dialog[data-editor-view="visual"] .image-timing-undo-count{display:none}
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing .image-timing-actions .image-timing-snap-light{
  display:block;width:10px;height:10px;flex:none;
 }
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing .image-timing-snap[aria-pressed="true"]{
  background:var(--studio-silver);border-color:#aebbc5;box-shadow:var(--studio-edge);
 }
 .row-media-dialog[data-editor-view="visual"] .image-play-toolbar{
  gap:8px;margin:8px 0 0;
 }
 .row-media-dialog[data-editor-view="visual"] .image-play-transport{
  flex:0 0 100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
 }
 .row-media-dialog[data-editor-view="visual"] .image-play-transport .segment-image-play{
  min-height:44px;padding:8px;font-size:16px;
 }
 .row-media-dialog[data-editor-view="visual"] .image-play-toolbar>button:not(.segment-image-play){
  flex:1 1 0;width:auto;min-width:0;height:44px;min-height:44px;margin:0;padding:8px;
 }
 .row-media-dialog[data-editor-view="visual"] .image-play-toolbar>.video-audio-toggle{flex:1 1 0!important}
 .row-media-dialog[data-editor-view="visual"] .image-keyframe-editor,
 .row-media-dialog[data-editor-view="visual"] .video-clip-scrubber{margin:20px 0 8px}
 .row-media-dialog[data-editor-view="visual"] .video-clip-scrubber>span{display:none}
 .row-media-dialog[data-editor-view="visual"] .video-clip-scrubber input{width:100%;margin:0}
 .row-media-dialog[data-editor-view="visual"] .segment-image-footer{gap:8px;margin-top:10px}
 .row-media-dialog[data-editor-view="visual"] .segment-image-footer button:not([hidden]){
  min-height:44px;background:var(--project-play-gradient);border-color:var(--project-dark);
  color:var(--project-color-text,#fff);text-shadow:var(--project-text-shadow);box-shadow:var(--studio-edge);
 }
}
@media (max-width:360px){
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing{font-size:11px;padding-inline:4px}
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing input{width:40px!important;font-size:12px}
 .row-media-dialog[data-editor-view="visual"] .segment-image-timing .image-timing-actions{gap:3px}
}