/* Lumetra 5.26.52: Safari isolated-scroll app shell with anchored Quick Access.
   No viewport measurement,no keyboard movement,no scroll listeners.
   The dock is a direct child of body,outside application scrolling panels. */
:root{--lumetra-quick-height:72px;--lumetra-quick-safe:env(safe-area-inset-bottom,0px);}
.mobileQuickNav{display:none;}
@media (max-width:720px){/* One reservation for page scrolling:never add a second padding on main. */
  /* Only authenticated mobile workspace uses this shell; landing, auth, and desktop stay untouched.
     Make the page scroll INSIDE the fixed-height app instead of scrolling the body
     beneath a viewport-fixed overlay (Safari address-bar/bottom-gap failure mode). */
  html:has(#creatorApp:not(.authLocked)),
  html body:has(#creatorApp:not(.authLocked)){
    height:100%!important;overflow:hidden!important;overscroll-behavior:none!important;
    padding-bottom:0!important;margin-bottom:0!important;
  }
  html body #creatorApp:not(.authLocked){
    height:100dvh!important;min-height:0!important;overflow:hidden!important;
  }
  html body #creatorApp:not(.authLocked) > .page{
    height:calc(100dvh - var(--lumetra-quick-height) - var(--lumetra-quick-safe))!important;
    min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;
    scroll-padding-bottom:16px;
  }
  html body #creatorApp:not(.authLocked) > .page > main{
    padding-bottom:16px!important;
  }
  /* Safe-area stays within dock itself, never a second blank body spacer. */
html body .mobileQuickNav{position:fixed!important;inset:auto 0 0 0!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:none!important;height:calc(var(--lumetra-quick-height) + var(--lumetra-quick-safe))!important;min-height:0!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(3px,1vw,8px)!important;align-items:start!important;padding:4px max(6px,env(safe-area-inset-right,0px)) var(--lumetra-quick-safe) max(6px,env(safe-area-inset-left,0px))!important;margin:0!important;border:0!important;border-top:1px solid rgba(165,108,255,.22)!important;border-radius:16px 16px 0 0!important;background:#070b11!important;box-shadow:0 -8px 28px rgba(0,0,0,.32)!important;z-index:2147483000!important;transform:none!important;translate:none!important;animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;touch-action:manipulation!important}
html body:has(#creatorApp.authLocked) .mobileQuickNav{display:none!important}
html body .mobileQuickNav button{position:relative!important;display:grid!important;grid-template-rows:24px 15px!important;row-gap:4px!important;justify-items:center!important;align-content:center!important;width:100%!important;min-width:0!important;height:64px!important;box-sizing:border-box!important;margin:0!important;padding:4px 0!important;overflow:hidden!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#a4adbc!important;font-weight:700!important;box-shadow:none!important;transform:none!important;transition:none!important}
html body .mobileQuickNav button b{display:grid!important;place-items:center!important;height:24px!important;line-height:1!important}
html body .mobileQuickNav button svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
html body .mobileQuickNav button span{font-size:clamp(9px,2.5vw,11px)!important;line-height:15px!important;white-space:nowrap!important}
html body .mobileQuickNav button:not(.mobileCreate)::after{content:none!important;display:none!important}
html body .mobileQuickNav button.active:not(.mobileCreate){background:#1d162b!important;color:#d3b6ff!important;box-shadow:inset 0 0 0 1px rgba(165,108,255,.35)!important}
html body .mobileQuickNav .mobileCreate{z-index:2!important;height:70px!important;margin-top:-8px!important;padding:9px 0!important;grid-template-rows:28px 15px!important;row-gap:3px!important;border:1px solid rgba(190,145,255,.45)!important;border-radius:22px!important;background:linear-gradient(145deg,#b06cff,#7d4ee8)!important;color:#fff!important;box-shadow:0 7px 24px rgba(126,78,232,.32)!important}
html body .mobileQuickNav .mobileCreate b{height:28px!important}
html body .mobileQuickNav .mobileCreate b svg{width:26px;height:26px;stroke-width:2;}
html body .mobileQuickNav .mobileCreate span{font-size:11px!important;color:#fff!important}
/* The assistant launcher is separate,and cannot reposition the nav. */
  html body .lumetraAssistantLauncher{position:fixed!important;right:max(12px,env(safe-area-inset-right,0px))!important;bottom:calc(var(--lumetra-quick-height) + var(--lumetra-quick-safe) + 12px)!important;width:126px!important;min-width:126px!important;max-width:126px!important;height:28px!important;padding:0 10px!important;font-size:10px!important;line-height:26px!important;z-index:121!important;touch-action:none!important;cursor:grab!important}
html body.lumetraAssistantOpen .lumetraAssistantPanel{bottom:calc(var(--lumetra-quick-height) + var(--lumetra-quick-safe))!important}
html body:has(#inboxConversation.hasThread) #inboxConversation{bottom:calc(var(--lumetra-quick-height) + var(--lumetra-quick-safe))!important}
html.lumetraProEditorActive body .proEditor{padding-bottom:calc(var(--lumetra-quick-height) + var(--lumetra-quick-safe))!important;box-sizing:border-box!important}
#sidebar.sidebar{bottom:calc(var(--lumetra-quick-height) + var(--lumetra-quick-safe))!important;height:auto!important;max-height:calc(100dvh - var(--lumetra-quick-height) - var(--lumetra-quick-safe))!important;padding-bottom:16px!important}
#sidebar .sideBottom#accountMenuShell{flex:0 0 auto!important;margin-top:auto!important;margin-bottom:0!important;padding-bottom:4px!important;position:relative!important;z-index:90!important;background:linear-gradient(180deg,rgba(8,13,22,.2),#080d16 24%)!important}
#sidebar #profileMenu{min-height:58px!important;background:#0d1522!important;border:1px solid #202d42!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important}
#sidebar .accountQuickMenu{display:grid!important;inset:auto 0 calc(100% + 8px)!important;max-height:min(330px,calc(100dvh - var(--lumetra-quick-height) - var(--lumetra-quick-safe) - 180px))!important;overflow:auto!important;z-index:100!important}
#sidebar .primaryNav button[data-view="notifications"]{display:flex!important}
.headActions .notificationBell{display:none!important}
}
/* Keep the assistant launcher hidden while the chat is open. */
html body.lumetraAssistantOpen #lumetraAssistantLauncher,html body #lumetraAssistantLauncher[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
/* 5.26.41 — keep the account identity at the end of the scrollable sidebar,not above an artificial gap reserved for the separate bottom quick-nav. */
@media(max-width:720px){#sidebar.sidebar{box-sizing:border-box!important;min-height:0!important;max-height:100dvh!important}
#sidebar #accountMenuShell{min-width:0!important;scroll-margin-bottom:16px!important}
#sidebar #profileMenu{box-sizing:border-box!important;width:100%!important;min-width:0!important;grid-template-columns:35px minmax(0,1fr) auto!important;gap:10px!important}
#sidebar #profileMenu>div:nth-child(2){min-width:0!important;overflow:hidden!important}
#sidebar #profileDisplay,#sidebar #profileEmail{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#sidebar #profileMenu:focus-visible{outline:2px solid #b693ff!important;outline-offset:2px!important}
}