/* 5.27.37 — matching library/Recent cards, unified tablet/desktop sidebar. */
#recentCreationsRail .kaiRecentCard{grid-template-rows:minmax(0,1fr) 91px!important;height:calc((100vw - 270px)/3 * .625 + 91px)!important;min-height:320px!important;max-height:440px!important;}
#recentCreationsRail .kaiRecentCard .kaiRecentMedia{height:100%!important;aspect-ratio:auto!important;min-height:0!important;border-radius:0!important;}
#recentCreationsRail .kaiRecentCard .kaiRecentMedia>span{display:none!important}
#recentCreationsRail .kaiRecentCard .kaiRecentInfo{height:91px!important;min-height:91px!important;max-height:91px!important;box-sizing:border-box!important;}
#recentCreationsRail .kaiRecentCardActions{display:none!important}
#recentCreationsRail .kaiRecentCard[aria-selected="true"] .kaiRecentCardActions{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;justify-content:center!important;gap:4px!important}
#recentCreationsRail .kaiRecentCardActions button{min-height:32px!important;height:32px!important;flex:1 1 0!important;width:0!important;min-width:0!important;font-size:clamp(8px,.7vw,11px)!important}
#recentCreationsRail .kaiRecentCardActions button:disabled{opacity:.38!important;cursor:not-allowed!important}
@media(max-width:900px){#recentCreationsRail .kaiRecentCard{height:360px!important}}
@media(max-width:620px){#recentCreationsRail .kaiRecentCard{height:360px!important}}
/* Scroll remains functional; hide the visual scrollbar everywhere inside sidebar. */
html body #sidebar.sidebar{scrollbar-width:none!important;scrollbar-gutter:auto!important;-ms-overflow-style:none!important}
html body #sidebar.sidebar::-webkit-scrollbar,html body #sidebar.sidebar nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html body #sidebar.sidebar nav{scrollbar-width:none!important;scrollbar-gutter:auto!important}
/* Tablet and desktop both use the same persistent icon-only collapsed rail. */
@media(min-width:761px){
 html body #creatorApp #sidebar.sidebar{transform:none!important;left:0!important;top:0!important;bottom:0!important;display:flex!important;visibility:visible!important;transition:width .18s ease!important;box-shadow:none!important;width:264px!important;max-width:264px!important;min-width:264px!important}
 html body #creatorApp .page{margin-left:264px!important;transition:margin-left .18s ease!important}
 html body #creatorApp #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:55!important;border:1px solid #33405a!important;border-radius:9px!important;background:#101827!important;color:#e1e8ff!important}
 html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar{width:52px!important;min-width:52px!important;max-width:52px!important;padding:22px 3px!important}
 html body #creatorApp.esvylaDesktopCollapsed .page{margin-left:52px!important}
 html body #creatorApp.esvylaDesktopCollapsed #sidebar .primaryNav button{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;padding:10px!important;font-size:0!important;overflow:hidden!important;gap:0!important}
 html body #creatorApp.esvylaDesktopCollapsed #sidebar .primaryNav button span{width:24px!important;min-width:24px!important;display:grid!important;place-items:center!important}
 html body #creatorApp.esvylaDesktopCollapsed #sidebar .sideNavLabel{font-size:0!important;height:6px!important;min-height:6px!important;margin:2px 0!important}
 html body #creatorApp.esvylaDesktopCollapsed #sidebar .sidebarCreditsPurchase,html body #creatorApp.esvylaDesktopCollapsed #sidebar .sideBottom{display:none!important}
 html body #creatorApp.esvylaDesktopCollapsed #sidebar .esvylaSidebarBrand{height:50px!important;padding:2px!important;overflow:hidden!important}
 html body #creatorApp.esvylaDesktopCollapsed #sidebar .esvylaBrandWordmark{width:220px!important;min-width:220px!important;transform:scale(.18)!important;transform-origin:left center!important}
 html body #creatorApp.esvylaDesktopCollapsed #sidebar .esvylaDesktopCollapse{right:0!important;top:0!important;width:20px!important;height:20px!important}
 html body #creatorApp .menu{display:none!important}
}