/* Original-Referenzgrafiken im visuellen Admin-Picker.
   Der Picker wird direkt an document.body angehaengt und liegt dadurch ausserhalb
   des .theme-admin Containers. Deshalb muessen die geschuetzten Sprite-Routen hier
   explizit fuer den Picker gesetzt werden. */
#trainingStructuredExercisePicker .training-diagram-direct.training-media-slot-a{
  background-image:url("/api/admin/training-planner/assets/a.webp?v=20260919-2021")!important;
  background-size:400% 400%!important;
}
#trainingStructuredExercisePicker .training-diagram-direct.training-media-slot-b{
  background-image:url("/api/admin/training-planner/assets/b.webp?v=20260919-2021")!important;
  background-size:500% 1500%!important;
}

/* Manual-Originale bestehen aus 304x228-Zellen (4:3). Der normale Picker nutzt
   fuer die MeTeam11-SVGs absichtlich ein breites 138px-Fenster. Dieses Fenster
   darf fuer Originale nicht verwendet werden, sonst wird jede Sprite-Zelle
   horizontal gestreckt und wirkt unscharf. Nur Manual-Originale bekommen daher
   ihr natives Seitenverhaeltnis; OFF und SFV bleiben unveraendert. */
#trainingStructuredExercisePicker .training-picker-card-image:has(.training-diagram-direct.training-media-slot-b){
  height:auto!important;
  aspect-ratio:4 / 3;
  background:#fff;
}
#trainingStructuredExercisePicker .training-picker-card-image:has(.training-diagram-direct.training-media-slot-b) .training-builder-preview,
#trainingStructuredExercisePicker .training-picker-card-image:has(.training-diagram-direct.training-media-slot-b) .training-builder-preview-image,
#trainingStructuredExercisePicker .training-picker-card-image:has(.training-diagram-direct.training-media-slot-b) .training-diagram-direct{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}