/* 5.27.48 — Recent Creations mirrors the Image Library card presentation.
   Scope exclusively to Recent Creations; preserve carousel and event handlers. */
#recentCreationsRail.kaiRecentRail{align-items:flex-start!important;gap:14px!important;}
#recentCreationsRail .kaiRecentCard{
  position:relative!important;flex:0 0 calc((100% - 28px)/3)!important;
  width:calc((100% - 28px)/3)!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  display:flex!important;flex-direction:column!important;grid-template-rows:none!important;
  border:1px solid #233149!important;border-radius:14px!important;
  overflow:hidden!important;box-sizing:border-box!important;transform:none!important;
  background:radial-gradient(circle at top right,rgba(143,94,255,.14),transparent 34%),linear-gradient(180deg,rgba(10,17,29,.98),rgba(7,12,20,.98))!important;
}
#recentCreationsRail .kaiRecentCard .kaiRecentMedia{
  position:relative!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:auto!important;aspect-ratio:16/10!important;min-height:0!important;max-height:none!important;
  overflow:hidden!important;border-radius:0!important;padding:0!important;
  background:linear-gradient(180deg,rgba(14,22,37,.92),rgba(10,15,26,.92))!important;
  border-bottom:1px solid rgba(94,117,156,.18)!important;
}
#recentCreationsRail .kaiRecentMedia .kaiRecentBackdrop{
  position:absolute!important;inset:-12%!important;width:124%!important;height:124%!important;
  object-fit:cover!important;filter:blur(18px) saturate(1.05)!important;
  opacity:.55!important;pointer-events:none!important;z-index:0!important;
}
#recentCreationsRail .kaiRecentMedia::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(5,8,14,.06),rgba(5,8,14,.34))!important;pointer-events:none!important;z-index:1!important;}
#recentCreationsRail .kaiRecentMedia > img:not(.kaiRecentBackdrop),
#recentCreationsRail .kaiRecentMedia > video{
  position:absolute!important;inset:0!important;z-index:2!important;
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;background:transparent!important;
  transform:none!important;filter:none!important;
}
#recentCreationsRail .kaiRecentMedia>span{display:none!important;}
#recentCreationsRail .kaiRecentCard .kaiRecentInfo{
  position:relative!important;flex:0 0 110px!important;display:flex!important;flex-direction:column!important;
  box-sizing:border-box!important;width:100%!important;height:110px!important;min-height:110px!important;max-height:110px!important;
  padding:12px 14px!important;gap:6px!important;overflow:hidden!important;
  background:rgba(5,11,19,.9)!important;border-top:0!important;
}
#recentCreationsRail .kaiRecentInfo > small:not(.kaiRecentStamp),
#recentCreationsRail .kaiRecentInfo > strong{display:none!important;}
#recentCreationsRail .kaiRecentInfo .kaiRecentStamp{
  display:block!important;min-height:0!important;margin:auto 0!important;width:100%!important;
  color:#8795ad!important;font-size:12px!important;line-height:1.45!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#recentCreationsRail .kaiRecentCard[aria-selected="true"] .kaiRecentStamp{display:none!important;}
#recentCreationsRail .kaiRecentCard .kaiRecentCardActions{display:none!important;}
#recentCreationsRail .kaiRecentCard[aria-selected="true"] .kaiRecentCardActions{
  position:absolute!important;inset:0!important;z-index:5!important;
  box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:5px!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:7px!important;overflow:hidden!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  transform:none!important;transition:none!important;animation:none!important;
}
#recentCreationsRail .kaiRecentCardActions button{
  position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;flex:none!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;
  margin:0!important;padding:2px 4px!important;border-radius:8px!important;
  font-size:clamp(9px,.8vw,12px)!important;line-height:1.1!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  transform:none!important;transition:none!important;animation:none!important;
}
#recentCreationsRail .kaiRecentCardActions button:disabled{opacity:.38!important;cursor:not-allowed!important;}
@media(max-width:900px){#recentCreationsRail .kaiRecentCard{flex-basis:calc((100% - 14px)/2)!important;width:calc((100% - 14px)/2)!important;}}
@media(max-width:620px){#recentCreationsRail .kaiRecentCard{flex-basis:100%!important;width:100%!important;}}
