/* ESVYLA 5.27.27 — same fixed card geometry and full-image fitting. */
#imagesLibrary .creationArchiveCard,
#characterLibrary .characterPackCard.creationArchiveCard{
  height: min(31vw, 370px)!important;
  min-height: 0!important;
  max-height: 370px!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#imagesLibrary .creationArchiveCard .creationArchiveMedia,
#characterLibrary .characterPackCard .characterPackThumb.creationArchiveMedia{
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#060c16!important;
}
#imagesLibrary .creationArchiveMedia img,
html body #characterLibrary .characterPackThumb.creationArchiveMedia img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
#imagesLibrary .creationArchiveCard .creationArchiveInfo,
#characterLibrary .characterPackCard .characterPackInfo.creationArchiveInfo{
  flex:0 0 84px!important;
  min-height:84px!important;
  max-height:84px!important;
  gap:5px!important;
  overflow:hidden!important;
  padding:10px 12px!important;
}
#imagesLibrary .creationArchiveInfo h3,
#characterLibrary .characterPackInfo h3{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#imagesLibrary .esvylaCardMetadata,#characterLibrary .esvylaCardMetadata{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;
  text-overflow:ellipsis!important;color:#aab5c6!important;font-size:10px!important;
}
/* Keep selected cards fixed; their actions scroll inside the information area. */
#imagesLibrary .creationArchiveCard .creationArchiveInfo,
#characterLibrary .characterPackCard .characterPackInfo.creationArchiveInfo{overflow-y:auto!important;overscroll-behavior:contain!important}
@media(max-width:900px){#imagesLibrary .creationArchiveCard,#characterLibrary .characterPackCard.creationArchiveCard{height:clamp(250px,46vw,370px)!important}}
@media(max-width:620px){#imagesLibrary .creationArchiveCard,#characterLibrary .characterPackCard.creationArchiveCard{height:340px!important}}