.workspace-header{position:relative;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 40px;border-bottom:0;min-height:85px;background:#f5f5f2}.workspace-brand{display:flex;align-items:baseline;gap:12px;font-size:18px;letter-spacing:-.035em;text-decoration:none;white-space:nowrap}.workspace-brand span{color:#94988e}.workspace-navigation{display:flex;align-items:center;gap:8px;font-size:14px}.workspace-navigation>a,.account-menu>summary{padding:10px 14px;min-height:44px;display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}.workspace-navigation>a[aria-current],.account-menu>summary.current-section{background:#e6ebdc;text-decoration:none}.workspace-navigation>a:hover,.account-menu>summary:hover{background:#edf0e7}.account-menu{position:relative}.account-menu>summary{list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.account-menu-links{position:absolute;right:0;top:calc(100% + 8px);width:230px;padding:8px;background:#fff;border:1px solid #cfd5c6;box-shadow:0 12px 30px #1b241518;display:grid;z-index:80}.account-menu-links>a{padding:12px;font-size:14px;text-decoration:none;line-height:1.4}.account-menu-links>a:hover,.account-menu-links>a:focus-visible{background:#edf0e7}.workspace-header :focus-visible,.workspace-footer :focus-visible{outline:2px solid #527532;outline-offset:3px}.workspace-modes{margin:0 40px;padding:14px 0;border-bottom:1px solid #d0d3ca;display:flex;gap:8px;justify-content:flex-start}.workspace-modes>a{font-size:14px;padding:10px 16px;min-height:44px;border:1px solid transparent}.workspace-modes>a[aria-current=page]{border-color:#aab798;background:#e7eddf}.account-navigation{grid-column:1/-1;display:flex;gap:24px;border-bottom:1px solid #d0d3ca;padding:0 0 14px;align-self:start}.account-navigation a{padding:10px 0;text-decoration:none;font-size:14px;color:#616951}.account-navigation a[aria-current]{color:#1b1d18;box-shadow:0 2px #374a25}.account-main:has(.account-navigation),.billing-main:has(.account-navigation){padding-top:30px;row-gap:28px}.workspace-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:32px 40px;border-top:1px solid #d0d3ca;margin-top:32px;font-size:13px}.workspace-footer>nav{display:flex;flex-wrap:wrap;gap:18px}.workspace-footer a{text-decoration:none}.workspace-footer a:hover{text-decoration:underline}.workspace-footer small{width:100%;color:#646d58}.projects-intro #new-project{white-space:nowrap;border:0;cursor:pointer}.project-storage-tools{margin:36px 0 0;padding:20px 0;border-top:1px solid #d0d3ca}.project-storage-tools>summary{cursor:pointer;font-size:14px}.project-storage-tools .project-tools{border:0;padding-top:12px}.projects-main>.device-label{display:inline-block;margin-top:18px}.project-menu{position:relative;margin-left:auto}.project-menu>summary{font-size:13px;cursor:pointer;min-height:36px;padding:8px;list-style:none}.project-menu-content{position:absolute;right:0;top:100%;display:grid;background:#fff;border:1px solid #ccd3c3;padding:6px;min-width:160px;z-index:10;box-shadow:0 8px 20px #00000010}.project-card-actions .project-menu-content button{text-align:left;padding:10px;width:100%}.project-card-actions>a{padding:10px 0;min-height:40px}.project-cover:focus-visible{outline:2px solid #527532}.new-project-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.new-project-heading h2{font-size:30px}.new-project-heading button{background:none;border:0;padding:6px;cursor:pointer}#new-project-dialog{width:min(560px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #c4cdb9;padding:28px;background:#f5f5f2;color:#1b1d18}#new-project-dialog::backdrop{background:#17200e66}#new-project-dialog .new-projects{grid-template-columns:1fr;margin:0 0 20px;gap:12px}#new-project-dialog>p{font-size:14px;color:#616951}.navigation-context{font-size:14px;line-height:1.5;padding:12px 16px;background:#e9ecdf;margin:0 0 20px}@media(max-width:700px){.workspace-header{padding:18px 20px 12px;display:block;min-height:0}.workspace-brand{font-size:17px}.workspace-navigation{margin-top:16px;justify-content:space-between;gap:0}.workspace-navigation>a,.account-menu>summary{padding:10px 12px}.workspace-modes{margin:0 20px;gap:0;justify-content:space-between}.workspace-modes>a{padding:10px;font-size:13px}.workspace-footer{padding:28px 20px;gap:20px}.projects-intro{padding-bottom:24px}.projects-intro #new-project{padding:12px 16px;min-height:44px}.project-tools{gap:12px}.project-search{flex-basis:100%}.account-navigation{gap:24px}.account-main:has(.account-navigation),.billing-main:has(.account-navigation){padding-top:20px;row-gap:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.workspace-modes>a[aria-current=page]{color:#1b1d18}.skip-link{position:fixed;left:10px;top:10px;padding:12px;background:white;z-index:100}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}.save-options{position:relative}.save-options>summary{cursor:pointer;padding:10px;font-size:13px;list-style:none}.save-options>div{position:absolute;right:0;top:100%;display:grid;gap:6px;min-width:185px;padding:8px;background:#fff;border:1px solid #c8d1bc;z-index:30;box-shadow:0 10px 20px #00000012}.project-actions .save-options button{background:#fff;border:0;text-align:left;white-space:nowrap}.project-actions .save-options button:hover{background:#edf0e7}

/* Account-only links stay hidden until a signed-in session is confirmed. */
body.site-design .account-menu-links [data-nav-billing][hidden]{display:none!important}

html body.site-design .compact-studio-header .workspace-modes>a[aria-current=page]{background:#090909;color:#fff;border-color:transparent}
html body.site-design .compact-studio-header .workspace-modes>a:hover{background:#f7f8f9;color:#090909;border-color:transparent}

/* Active Studio mode must remain visible against the dark header. */
html[data-studio-theme=dark] body.site-design .compact-studio-header .workspace-modes>a[aria-current=page]{background:#f7f8f9;color:#090909;border-color:transparent}

/* Hide member-only navigation from first paint, including while auth loads. */
.workspace-header [data-auth-required][hidden]{display:none!important}