/* ESVYLA 5.27.26: one authoritative card layout for Images and Characters. */
#imagesLibrary .imageLibrarySlide .creationArchiveGrid,
#characterLibrary .characterPackGrid.creationArchiveGrid,
html body .characterPackGrid.creationArchiveGrid {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;align-items:stretch!important;
}
#imagesLibrary .creationArchiveCard,
#characterLibrary .characterPackCard.creationArchiveCard {
  width:100%!important;min-width:0!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;align-self:stretch!important;
  border-radius:14px!important;overflow:hidden!important;box-sizing:border-box!important;
}
#imagesLibrary .creationArchiveCard .creationArchiveMedia,
#characterLibrary .characterPackCard .characterPackThumb.creationArchiveMedia {
  position:relative!important;display:flex!important;align-items:center!important;
  justify-content:center!important;flex:0 0 auto!important;width:100%!important;
  height:auto!important;min-height:0!important;aspect-ratio:16/10!important;
  overflow:hidden!important;padding:0!important;box-sizing:border-box!important;background:#070b13!important;
}
#imagesLibrary .creationArchiveCard .creationArchiveMedia img,
html body #characterLibrary .characterPackCard .characterPackThumb.creationArchiveMedia img {
  display:block!important;width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center center!important;
  transform:none!important;filter:none!important;
}
#imagesLibrary .creationArchiveCard .creationArchiveInfo,
#characterLibrary .characterPackCard .characterPackInfo.creationArchiveInfo {
  width:100%!important;min-height:110px!important;flex:1 1 auto!important;
  display:flex!important;flex-direction:column!important;gap:6px!important;
  padding:12px!important;box-sizing:border-box!important;
}
#imagesLibrary .creationArchiveInfo h3,
#characterLibrary .characterPackInfo h3{margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#characterLibrary .characterPackInfo p{margin:0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
#imagesLibrary .creationArchiveInfo .imageLibraryInlineActions,
#characterLibrary .characterPackInfo .imageLibraryInlineActions {margin-top:auto!important}
@media(max-width:900px){#imagesLibrary .imageLibrarySlide .creationArchiveGrid,#characterLibrary .characterPackGrid.creationArchiveGrid,html body .characterPackGrid.creationArchiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){#imagesLibrary .imageLibrarySlide .creationArchiveGrid,#characterLibrary .characterPackGrid.creationArchiveGrid,html body .characterPackGrid.creationArchiveGrid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}}