/* Unified Recent Creations card proportions; horizontal navigation retained. */
#recentCreationsRail.kaiRecentRail{gap:14px!important;align-items:stretch!important;scroll-snap-type:x proximity!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;display:grid!important;grid-template-rows:auto 1fr!important;align-self:stretch!important;border:1px solid #233149!important;border-radius:14px!important;background:linear-gradient(180deg,#0b121d,#080e17)!important;overflow:hidden!important}
#recentCreationsRail .kaiRecentMedia{width:100%!important;height:auto!important;aspect-ratio:16/10!important;position:relative!important;overflow:hidden!important;background:#05080e!important}
#recentCreationsRail .kaiRecentMedia>img,#recentCreationsRail .kaiRecentMedia>video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;background:transparent!important}
#recentCreationsRail .kaiRecentMedia>span{z-index:2!important;top:10px!important;left:10px!important}
#recentCreationsRail .kaiRecentInfo{position:relative!important;min-width:0!important;min-height:90px!important;padding:12px 14px!important;display:flex!important;flex-direction:column!important;gap:6px!important;justify-content:flex-start!important;background:rgba(5,11,19,.9)!important;border-top:1px solid #233149!important;overflow:hidden!important}
#recentCreationsRail .kaiRecentInfo>strong{font-size:12px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#recentCreationsRail .kaiRecentInfo>small{font-size:9px!important;color:#8795ad!important;margin:0!important;white-space:nowrap!important}
#recentCreationsRail .kaiRecentCard .kaiRecentCardActions{display:none!important}
#recentCreationsRail .kaiRecentCard[aria-selected="true"] .kaiRecentCardActions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;position:absolute!important;bottom:8px!important;left:8px!important;right:8px!important;z-index:5!important}
#recentCreationsRail .kaiRecentCard[aria-selected="true"] .kaiRecentStamp{visibility:hidden!important}
#recentCreationsRail .kaiRecentCardActions button{width:100%!important;min-width:0!important;min-height:32px!important;padding:4px!important;font-size:9px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;border-radius:7px!important}
#recentCreationsRail .kaiRecentCard:focus-visible{outline:2px solid #9b72ff;outline-offset:-2px}
@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:min(86vw,360px)!important;width:min(86vw,360px)!important}}
/* Desktop shares tablet's navigation spacing, with a persistent icon-only rail. */
@media(min-width:1367px) and (hover:hover){
  html body #sidebar.sidebar{width:264px!important;max-width:264px!important;box-sizing:border-box!important;transition:width .18s ease!important}
  html body #creatorApp .page{margin-left:264px!important;transition:margin-left .18s ease!important}
  html body #sidebar.sidebar .primaryNav button{min-height:44px!important;align-items:center!important}
  html body #sidebar.sidebar .esvylaDesktopCollapse{display:grid!important;place-items:center!important;position:absolute!important;right:8px!important;top:12px!important;width:32px!important;height:32px!important;z-index:5!important;border:1px solid #33405a!important;border-radius:9px!important;background:#101827!important;color:#e1e8ff!important;cursor:pointer!important}
  html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar{width:74px!important;max-width:74px!important;padding-left:8px!important;padding-right:8px!important}
  html body #creatorApp.esvylaDesktopCollapsed .page{margin-left:74px!important}
  html body #creatorApp.esvylaDesktopCollapsed #sidebar .esvylaSidebarBrand{height:58px!important;padding:4px!important;overflow:hidden!important;justify-content:center!important}
  html body #creatorApp.esvylaDesktopCollapsed #sidebar .esvylaBrandWordmark{width:220px!important;min-width:220px!important;max-width:none!important;transform:scale(.18)!important;transform-origin:left center!important;margin-left:0!important}
  html body #creatorApp.esvylaDesktopCollapsed #sidebar .sideNavLabel{font-size:0!important;line-height:0!important;height:10px!important;padding:0!important;margin:5px 0!important}
  html body #creatorApp.esvylaDesktopCollapsed #sidebar .primaryNav button{width:54px!important;min-width:54px!important;height:48px!important;padding:10px 15px!important;gap:0!important;font-size:0!important;overflow:hidden!important;white-space:nowrap!important}
  html body #creatorApp.esvylaDesktopCollapsed #sidebar .primaryNav button span{width:23px!important;min-width:23px!important;display:grid!important;place-items:center!important}
  html body #creatorApp.esvylaDesktopCollapsed #sidebar .primaryNav button svg{width:20px!important;height:20px!important}
  html body #creatorApp.esvylaDesktopCollapsed #sidebar .sidebarCreditsPurchase,
  html body #creatorApp.esvylaDesktopCollapsed #sidebar .sideBottom{display:none!important}
  html body #creatorApp.esvylaDesktopCollapsed #sidebar .esvylaDesktopCollapse{right:1px!important;top:1px!important;width:20px!important;height:20px!important;font-size:10px!important}
}
@media(max-width:1366px){#sidebar .esvylaDesktopCollapse{display:none!important}}