/* Shared transparent top navigation. Canvas tools and project workflow panels keep their own layout. */
body:not(.canvas-studio) .workspace-layout,body:not(.canvas-studio).workspace-page .shell{padding-left:0;transition:none}
body:not(.canvas-studio).workspace-page .shell{display:block;grid-template-columns:none}
body:not(.canvas-studio) .workspace-rail{display:none}
body:not(.canvas-studio) .workspace-header.home-top-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;height:84px;min-height:84px;padding:0 32px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
body:not(.canvas-studio) .home-top-header>.brand{display:flex;align-items:center;gap:10px;margin:0;padding:0}
body:not(.canvas-studio) .home-top-header .brand-wordmark{display:block;font-size:21px}
body:not(.canvas-studio) .home-top-navigation{display:flex;align-items:center;justify-content:safe center;gap:3px;min-width:0;margin:0;padding:4px 0;overflow-x:auto;scrollbar-width:none;background:transparent;border:0}
body:not(.canvas-studio) .home-top-navigation::-webkit-scrollbar{display:none}
body:not(.canvas-studio) .home-top-navigation .workspace-nav-link{flex:none;min-height:44px;padding:10px 11px;border-radius:12px;background:transparent;box-shadow:none;font-size:14px;font-weight:500;line-height:24px;white-space:nowrap}
body:not(.canvas-studio) .home-top-navigation .workspace-nav-link>svg{display:none}
body:not(.canvas-studio) .home-top-navigation .workspace-nav-link>span{display:inline;font-size:inherit}
body:not(.canvas-studio) .home-top-navigation .workspace-nav-link.active{background:rgba(255,255,255,.08);box-shadow:none}
body:not(.canvas-studio) .home-top-header .workspace-account{gap:8px;justify-self:end}
body:not(.canvas-studio) .home-nav-tools{display:flex;align-items:center;gap:2px}
body:not(.canvas-studio) .home-nav-tools .workspace-nav-link{display:grid;place-items:center;width:34px;height:38px;padding:0;background:transparent;box-shadow:none}
body:not(.canvas-studio) .home-nav-tools .workspace-nav-link>span{display:none}
body:not(.canvas-studio) .home-top-header .balance-label{display:none}
body:not(.canvas-studio) .home-top-header .workspace-nav-link:focus-visible{outline:2px solid #c3c4ca;outline-offset:-2px}
@media(hover:hover){body:not(.canvas-studio) .home-top-header .workspace-nav-link:hover{background:rgba(255,255,255,.07)}}
@media(max-width:1250px){
 body:not(.canvas-studio) .workspace-header.home-top-header{grid-template-columns:1fr auto;gap:6px 16px;height:auto;min-height:112px;padding:12px 24px 8px}
 body:not(.canvas-studio) .home-top-navigation{grid-column:1/-1;grid-row:2;justify-content:safe center}
 body:not(.canvas-studio) .home-top-header .workspace-account{grid-column:2;grid-row:1}
}
@media(max-width:760px){
 body:not(.canvas-studio) .workspace-header.home-top-header{gap:6px 10px;padding:12px 16px 6px}
 body:not(.canvas-studio) .home-top-header .brand-wordmark{font-size:18px}
 body:not(.canvas-studio) .home-top-header .brand-logo{width:30px;height:30px}
 body:not(.canvas-studio) .home-top-navigation{justify-content:safe center;gap:0}
 body:not(.canvas-studio) .home-top-navigation .workspace-nav-link{padding:9px 9px;font-size:12px}
 body:not(.canvas-studio) .home-top-header .workspace-account{gap:4px}
 body:not(.canvas-studio) .home-nav-tools .workspace-nav-link{width:32px;min-height:44px}
}
@media(max-width:420px){body:not(.canvas-studio) .home-top-header .brand-wordmark{display:none}}

body:not(.canvas-studio) .home-guest-actions{display:flex;align-items:center;gap:8px}
body:not(.canvas-studio) .home-guest-actions .workspace-nav-link{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 14px;white-space:nowrap;border-radius:12px;background:transparent}
body:not(.canvas-studio) .home-guest-actions .workspace-nav-link.active{background:rgba(255,255,255,.08)}
body:not(.canvas-studio).auth-workspace #app{min-height:100dvh;display:flex;flex-direction:column}
body:not(.canvas-studio).auth-workspace .auth-page{flex:1;min-height:0;width:100%}
body:not(.canvas-studio).production-detail-page #app{height:100dvh;display:flex;flex-direction:column;min-height:0}
body:not(.canvas-studio).production-detail-page #app>.home-top-header{flex:none}
body:not(.canvas-studio) #production-workspace-root{display:flex;flex:1;min-height:0;min-width:0}
body:not(.canvas-studio) #production-workspace-root>.production-workspace{flex:1;min-width:0;min-height:0;width:100%}
@media(min-width:981px){
 body:not(.canvas-studio) .production-workspace{--production-side-width:238px;--production-tools-width:360px;grid-template-columns:var(--production-side-width) minmax(0,1fr) var(--production-tools-width)}
 body:not(.canvas-studio) .production-workspace[data-rendered-stage=production]:not(.graph-show-tools){grid-template-columns:var(--production-side-width) minmax(0,1fr) 0}
}
@media(min-width:981px) and (max-width:1450px){body:not(.canvas-studio) .production-workspace{--production-side-width:210px;--production-tools-width:300px}}
@media(max-width:760px){body:not(.canvas-studio) .home-guest-actions{gap:2px}body:not(.canvas-studio) .home-guest-actions .workspace-nav-link{padding:8px 10px;font-size:12px}}

body.creative-home:not(.canvas-studio) .studio-kicker{display:none}
body.creative-home:not(.canvas-studio) .studio-intro>div{display:block;width:100%;text-align:center}
body.creative-home:not(.canvas-studio) .studio-intro h1{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.4;letter-spacing:.03em;text-align:center;margin:0}
body.creative-home:not(.canvas-studio) .studio-intro-copy{font-size:14px;line-height:1.8;text-align:center;margin:12px 0 0;letter-spacing:.06em}