/* Shared, independently animated logo parts. Ordinary navigation remains the fallback. */
@view-transition{navigation:auto}
:root{--mt-ease:cubic-bezier(.22,1,.36,1)}
.mtBrand{display:inline-block!important;position:relative;flex:none;line-height:0;vertical-align:middle;width:184px!important;height:41px!important;max-width:none!important}
.mtBrand img{position:absolute!important;display:block!important;max-width:none!important;object-fit:contain!important;border-radius:0!important;margin:0!important}
.mtBrand .mtSymbol{left:0;top:2px;width:53px!important;height:37px!important;view-transition-name:maptern-symbol}
.mtBrand .mtWord{left:65px;top:10px;width:119px!important;height:23px!important;view-transition-name:maptern-word}
.mtBrand .mtTagline{display:none!important}
.mtBrand.mtStacked{width:180px!important;height:109px!important}
.mtStacked .mtSymbol{left:44px;top:0;width:91px!important;height:64px!important}
.mtStacked .mtWord{left:0;top:65px;width:180px!important;height:34px!important}
.mtStacked .mtTagline{display:block!important;left:92px;top:100px;width:88px!important;height:9px!important;view-transition-name:maptern-tagline}
::view-transition-group(maptern-symbol),::view-transition-group(maptern-word){animation-duration:800ms;animation-timing-function:var(--mt-ease)}
::view-transition-old(maptern-symbol),::view-transition-old(maptern-word){animation:none;opacity:0}
::view-transition-new(maptern-symbol),::view-transition-new(maptern-word){animation:none;mix-blend-mode:normal;height:100%;object-fit:fill}
::view-transition-new(maptern-tagline){animation:mt-in 240ms ease 400ms both}
::view-transition-old(maptern-tagline){animation:mt-out 140ms ease both}
::view-transition-old(root){animation:mt-out 200ms ease both}
::view-transition-new(root){animation:mt-page-in 400ms var(--mt-ease) both}
@keyframes mt-in{from{opacity:0}to{opacity:1}}
@keyframes mt-out{to{opacity:0}}
@keyframes mt-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Prevent the generic busy indicator from replacing or shifting a brand link. */
:is(#brandHome,.sbBrand,.mapternBrand,.brand):has(.mtBrand).is-busy{opacity:1}
:is(#brandHome,.sbBrand,.mapternBrand,.brand):has(.mtBrand).is-busy::after{display:none!important}
#brandHome.is-busy #logo{display:inline-block!important}
body.ml-home header #brandLogo{display:inline-block!important}
body.ml-home.in header #brandLogo{display:none!important}
body.ml-home:not(.in) header{height:auto;min-height:72px;padding:14px 24px;gap:20px}
body.ml-home:not(.in) header #brandLogo+div h1{display:none}
body.ml-home:not(.in) header #brandLogo+div .sub{white-space:nowrap}
body.ml-home:not(.in) .who{margin-left:auto}
body.ml-home .sbBrand{flex:none;min-height:127px}
body.ml-home #sbOrg{font:inherit;color:var(--text);width:100%;text-align:left;cursor:pointer}
#workspaceOrgMenu{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel2)}
#workspaceOrgMenu select{width:100%;font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px}
#workspaceOrgMenu p{margin:0;font-size:12px;color:var(--muted)}
#workspacePage{flex:1;min-width:0;position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0 32px;min-height:calc(100vh - 130px)}
#workspacePage[hidden],#projectsPage[hidden],#workspaceFrame[hidden],#workspaceOrgMenu[hidden]{display:none!important}
#workspaceFrame{width:100%;height:calc(100vh - 130px);min-height:480px;border:0;display:block;background:transparent}
#workspaceLoading{margin:28px;border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:28px;color:var(--muted)}
#workspacePage.mt-enter,#projectsPage.mt-enter{animation:mt-page-in 320ms var(--mt-ease) both}
#workspaceUpload{padding:8px 14px;margin:0 20px;background:var(--panel2);color:var(--accent);border:1px solid var(--border);border-radius:8px;font:inherit;cursor:pointer}
html.workspace-embedded{background:transparent}
.workspace-embedded body.ml-console{background:transparent;padding:0;min-height:100vh}
.workspace-embedded body>header,.workspace-embedded #backBar,.workspace-embedded #tabs{display:none!important}
.workspace-embedded body.ml-console main{margin:0;padding:28px 0;max-width:none;width:100%}
/* The home sidebar replaces the console sidebar; reclaim its reserved column. */
.workspace-embedded body.ml-console #console{padding-left:0;min-width:0}
.workspace-embedded .slideR,.workspace-embedded .slideL{animation:mt-page-in 320ms var(--mt-ease) both}
.workspace-embedded #tabHead{margin-top:0}
.workspace-embedded #gate{min-height:180px}
@media(max-width:900px){
 body.ml-home.in #side{display:flex;position:relative;inset:auto;width:100%;padding:12px;gap:8px}
 body.ml-home.in #side .sbBrand,body.ml-home.in #side .sbStore{display:none}
 body.ml-home.in #side .sbNav{flex-direction:row;overflow-x:auto;flex-wrap:nowrap}
 body.ml-home.in #side .sbNav a{white-space:nowrap;flex:none}
 body.ml-home.in #side #sbOrg{max-width:320px}
 body.ml-home.in header #brandLogo{display:inline-block!important}
 body.ml-home.in header{justify-content:space-between}
 #workspaceFrame{min-height:500px;height:calc(100vh - 210px)}
}
@media(max-width:600px){
 body.ml-home:not(.in) header{padding:12px 14px;gap:12px;flex-wrap:wrap}
 body.ml-home:not(.in) header #brandLogo+div{display:none}
 body.ml-home:not(.in) .who{gap:12px}
 body.ml-home:not(.in) .who a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:1ms!important;animation-delay:0ms!important}
 #workspacePage.mt-enter,#projectsPage.mt-enter,.workspace-embedded .slideR,.workspace-embedded .slideL{animation:none}
}
/* Signed-out home: free-standing stacked brand, no top-bar chrome. */
body.ml-home:not(.in) header{background:transparent;border:0;min-height:145px;height:auto;padding:22px 28px;align-items:center}
body.ml-home:not(.in) header #brandLogo+div{display:none}
body.ml-home:not(.in) header .who{align-self:flex-start;margin-top:0}
body.ml-home:not(.in) .who .navLink,body.ml-home:not(.in) .who #signInBtn{color:#f4f5f7;background:transparent;border:0;box-shadow:none;font:inherit;font-size:13px;font-weight:500;text-decoration:none;padding:10px 8px}
body.ml-home:not(.in) .who .navLink:hover,body.ml-home:not(.in) .who #signInBtn:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){body.ml-home:not(.in) header{padding:18px 16px;gap:12px}body.ml-home:not(.in) .who{gap:4px;flex-wrap:wrap}body.ml-home:not(.in) .who .navLink,body.ml-home:not(.in) .who #signInBtn{font-size:12px;padding:8px 4px}}
[data-workspace][hidden]{display:none!important}
body.ml-home #workspaceLoading[hidden]{display:none!important}

@media(max-width:768px),(orientation:landscape) and (max-height:560px){body.ml-home #workspacePage{padding:0 14px}}