/* Mobile only: a stable caption width prevents media/caption resize feedback. */
@media(hover:none),(pointer:coarse){
 html #filmDialog:not(.photo-gallery):not(.expanded-player) .film-bottom{width:min(100%,max(260px,var(--mobile-media-width,100%)))!important;min-width:0}
 #filmDialog:not(.photo-gallery) #expandFilm{display:grid!important;left:auto!important;right:var(--media-button-right,10px);top:var(--media-button-top,10px);width:44px;height:44px;padding:0;border:0;border-radius:50%;box-shadow:none;background:#0004;color:#d0d0d0}
 #filmDialog:not(.photo-gallery) #expandFilm svg{filter:none;box-shadow:none}
 #filmDialog.expanded-player .film-top,#filmDialog.expanded-player .film-bottom,#filmDialog.expanded-player>.project-actions,#filmDialog.expanded-player>#projectMenuToggle{display:none!important}
 #filmDialog.expanded-player #filmStage{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100dvh;max-height:none;background:#000;border-radius:0}
 #filmDialog.expanded-player #filmStage #closeFilm,#filmDialog.expanded-player #filmStage #expandFilm{position:absolute;top:calc(12px + env(safe-area-inset-top));width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#0004;color:#d0d0d0;box-shadow:none;z-index:12}
 #filmDialog.expanded-player #filmStage #closeFilm{left:calc(12px + env(safe-area-inset-left));right:auto}
 #filmDialog.expanded-player #filmStage #expandFilm{right:calc(12px + env(safe-area-inset-right));left:auto}
 /* A landscape video already fills the viewing area: retain just its close
    button and the video controls, without a second enlarge button above them. */
 #filmDialog.expanded-player #filmStage.landscape-film #expandFilm{display:none!important}
 #filmDialog.expanded-player #fullFilm{min-width:0;min-height:0;max-width:none;max-height:none}
}