:root{--app-header-height:64px;--app-header-background:var(--color-surface);--app-header-color:var(--color-surface-foreground)}.app-header{background-color:var(--app-header-background);color:var(--app-header-color);height:var(--app-header-height);border-bottom:1px solid var(--default);grid-template-columns:1fr auto 1fr;display:grid}.app-header--preview{background-color:var(--color-surface);color:var(--color-surface-foreground);flex-shrink:0;align-items:center;display:flex}.app-header__menu{justify-content:center;align-items:center;gap:1rem;display:flex}@media screen and (max-width:1200px){.app-header__menu-item{display:none}}.app-header__menu-item{color:var(--color-surface-foreground);border-radius:.375rem;padding:.5rem 1rem;font-weight:500;text-decoration:none}.app-header__menu-item--active{color:var(--color-on-primary);text-decoration:underline}