app-shell{--app-shell-nav-width: 240px;--app-shell-nav-width-collapsed: 64px;--app-shell-topbar-height: 44px;font-size:1rem;line-height:1.3;display:grid;grid-template-columns:auto 1fr;grid-template-rows:var(--app-shell-topbar-height) 1fr;grid-template-areas:"nav topbar" "nav main";height:100vh;overflow:hidden;background:var(--wa-color-surface-default);color:var(--wa-color-text-normal);-webkit-font-smoothing:antialiased;left-menu{grid-area:nav}.logo-wrapper{flex:1 1 auto;display:flex;align-items:center;gap:1rem;justify-content:flex-start;min-width:0}header{&.topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;background:linear-gradient(180deg,#ffffff0a,#fff0);backdrop-filter:blur(6px);border-bottom:1px solid var(--wa-color-brand-border-quiet);height:var(--app-shell-topbar-height);box-sizing:border-box;position:sticky;top:0}.topbar #topbar-right{display:inline-flex;align-items:center;gap:.75rem}}main{grid-area:main;overflow:auto;padding:1rem 1.2rem 1.6rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1.6rem}.dev-placeholder{opacity:.5;font-size:1rem;font-style:italic}wa-button{font-size:1rem}}