/* Shared shell geometry. Palette lives exclusively in brand-tokens.css. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.theme-toggle:hover{background:var(--tint)}
.workspace-theme-row{display:flex;align-items:center;gap:4px;margin-bottom:12px}
.workspace-theme-row .workspace-switch{flex:1;min-width:0;margin-bottom:0;padding-inline:8px}
.workspace-theme-row .workspace-switch>span:nth-child(2){min-width:0}
.workspace-theme-row .workspace-switch b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-theme-row .workspace-switch small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-theme-row .workspace-switch .avatar{flex-shrink:0}
.sidebar{--brand-link:#70B4E0;--brand-on-action:#FFFFFF}
.sidebar-collapsed .workspace-theme-row{justify-content:center}
.public-nav.forma-public-header{position:sticky;top:28px;width:min(1000px,calc(100% - 48px));min-height:68px;margin:28px auto 0;padding:8px 12px;gap:24px;border:1px solid var(--line);border-radius:999px;background:var(--bg-surface-glass)!important;backdrop-filter:blur(24px);box-shadow:var(--shadow-ambient);z-index:100}
.forma-public-header>.forma-brand{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.forma-public-header .public-links{flex:1;justify-content:center;gap:clamp(16px,2.5vw,36px)}
.forma-public-header .public-nav-actions{gap:8px;flex-shrink:0}
.forma-public-header .public-studio-btn{min-width:96px;border-radius:999px}
.forma-public-header .public-links a,.forma-public-header .public-links summary{color:var(--ink)}
.public-body:has(.forma-public-header){isolation:isolate}
.public-body:has(.forma-public-header)::before{content:"";position:fixed;inset:0 0 auto;height:124px;pointer-events:none;z-index:99;backdrop-filter:blur(24px);background:color-mix(in srgb,var(--bg-canvas) 45%,transparent);mask-image:linear-gradient(#000 20%,transparent)}
.btn.primary:hover,.studio-btn:hover,.try-bar-generate-btn:hover,.editor-generate-btn:hover{color:var(--brand-on-hover)!important}
.forma-page-back{gap:6px;flex-shrink:0;border-radius:999px}
.public-main>.forma-page-back{margin:16px 0 0 clamp(16px,4vw,64px);position:relative;z-index:1}
.public-body>.public-footer{padding-bottom:max(88px,env(safe-area-inset-bottom))}
@media(max-width:1080px){.forma-public-header .public-links{display:none}.forma-public-header .forma-mobile-menu{display:block}.forma-public-header .public-nav-actions{margin-left:auto}}