/* Shared navigation fits the existing header, leaving every workspace's
   bottom controls and the phone keyboard unobstructed. */
.ml-app-menu{min-height:44px;min-width:94px;padding:9px 13px;border:1px solid #d4ec8066;border-radius:12px;background:#d4ec800d;color:#e8edce;font:500 13px/1.3 ui-sans-serif,system-ui,sans-serif;cursor:pointer;white-space:nowrap;margin-left:auto}
.ml-app-mode .studio-menu-trigger{display:none!important}
.ml-app-navigation{position:fixed;inset:0;margin:auto;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;padding:24px;border:1px solid #d6e7a844;border-radius:24px;background:#101613;color:#edf0e5;font:15px/1.5 ui-sans-serif,system-ui,sans-serif;box-shadow:0 24px 100px #0008}
.ml-app-navigation::backdrop{background:#020605b8;backdrop-filter:blur(8px)}
.ml-app-navigation header{display:flex;align-items:center;justify-content:space-between;gap:10px;position:static;padding:0;background:none;border:0}
.ml-app-navigation h2{font:500 27px/1.2 Georgia,serif;letter-spacing:-.035em;margin:0}
.ml-app-navigation p{font:13px/1.6 ui-sans-serif,system-ui,sans-serif;color:#b1bbaf;margin:8px 0 18px}
.ml-app-navigation .ml-app-close{min-width:44px;min-height:44px;border:1px solid #ffffff22;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:24px}
.ml-app-navigation nav{display:block!important}
.ml-app-navigation section+section{margin-top:24px}
.ml-app-navigation h3{font:600 11px/1.5 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#c8df8b;margin:0 0 9px}
.ml-app-navigation a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 14px;border:1px solid transparent;border-bottom-color:#ffffff10;border-radius:12px;text-decoration:none;color:inherit}
.ml-app-navigation a:hover,.ml-app-navigation a[aria-current=page]{border-color:#d6eb9455;background:#d6eb9410}
.ml-app-navigation strong{display:block;font-size:14px;font-weight:550}.ml-app-navigation small{display:block;font-size:12px;line-height:1.5;color:#aeb7a9;margin-top:3px}.ml-app-arrow{color:#cfe88c}
.ml-app-navigation :is(a,button):focus-visible,.ml-app-menu:focus-visible{outline:2px solid #d2ef86;outline-offset:3px}
.ml-app-navigation .ml-app-nav-status{border:1px solid #e2c48b66;border-radius:12px;padding:12px;color:#e2c48b}
.ml-app-navigation .ml-app-account{border:1px solid #d6eb9433;background:#d6eb9409;margin-bottom:18px}
.ml-app-mode .topbar{flex-wrap:wrap;gap:8px}.ml-app-mode .topbar .wordmark{margin-right:auto}.ml-app-mode .topbar .ml-app-menu{margin-left:0;min-width:44px}.ml-app-mode .topbar .account-chip{max-width:140px}
.ml-app-mode .member-header>nav,.ml-app-mode .orders-nav>.ml-xnav,.ml-app-mode .orders-nav>.ml-btn,.ml-app-mode .legal-nav>nav{display:none}
.ml-app-mode .member-header-actions{margin-left:auto}
.ml-app-mode .nav-brand{flex-wrap:wrap}.ml-app-mode .nav-brand .ml-app-menu{margin-left:0}
html[data-theme=light] .ml-app-navigation{background:#fcfcf7;color:#25301e;border-color:#5d703544;box-shadow:0 24px 100px #3a472144}
html[data-theme=light] .ml-app-menu,html[data-theme=light] .ml-app-close{background:#ffffffb3;color:#344c24;border-color:#5d703555}
html[data-theme=light] .ml-app-navigation :is(p,small){color:#5d6a55}html[data-theme=light] .ml-app-navigation :is(h3,.ml-app-arrow){color:#496b27}
html[data-theme=light] .ml-app-navigation a{border-bottom-color:#5d703522}html[data-theme=light] .ml-app-navigation a:hover,html[data-theme=light] .ml-app-navigation a[aria-current=page]{background:#718f3612;border-color:#718f3655}
@media(max-width:760px){
 .ml-app-mode .member-header{padding-top:calc(12px + env(safe-area-inset-top));gap:8px}.ml-app-mode .member-header-actions{display:none}
 .ml-app-mode .nav-brand{flex-wrap:nowrap!important}.ml-app-mode .nav-brand .ml-app-menu{margin-left:auto}
 .ml-app-mode .orders-nav,.ml-app-mode .legal-nav{padding:calc(12px + env(safe-area-inset-top)) 18px 12px;gap:12px;display:flex;align-items:center;justify-content:space-between}
 .ml-app-mode .topbar .beta{display:none}.ml-app-mode .topbar .ml-app-menu{order:2}.ml-app-mode .topbar .account-chip{order:3;max-width:100%;width:100%;text-align:left;border:0;padding:0;min-height:32px;border-radius:0;color:var(--graphite)}
 .ml-app-navigation{padding:18px}.ml-app-navigation h2{font-size:26px}
}

.ml-app-navigation>.ml-appearance{display:inline-flex!important;margin:0 0 20px!important;max-width:100%;width:auto}.ml-app-mode #nav .ml-app-menu{margin-left:8px}
@media(max-width:760px){.ml-app-mode #nav .navcta,.ml-app-mode #nav #hamb{display:none}.ml-app-mode #nav .wide{gap:10px}.ml-app-mode .builder-easy .hd{padding-top:calc(8px + env(safe-area-inset-top))}.ml-app-mode .content-studio .explore-nav{padding-top:calc(8px + env(safe-area-inset-top))}}