:root{--resize-handle-hit: var(--ui-space-md);--scrollbar-gutter: var(--ui-space-md)}.app-shell{display:grid;grid-template-rows:auto auto 1fr auto;height:100vh;overflow:hidden}.app-shell-footer{padding:var(--size-spacing-vertical-md) var(--size-spacing-horizontal-md);text-align:center;border-top-width:var(--role-app-footer-border-width);border-top-style:var(--role-app-footer-border-style);border-top-color:var(--role-app-footer-border-color);background-color:var(--role-app-footer);color:var(--role-app-footer-text);font-size:var(--font-size-caption);font-family:var(--font-body);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--size-spacing-vertical-sm)}.app-shell-footer>*{color:inherit}.app-shell-main{display:grid;grid-template-columns:var(--panel-left-width, 350px) 1fr var(--panel-right-width, 320px);gap:var(--size-spacing-vertical-xs);overflow:hidden;background-color:var(--role-app-background);color:var(--role-app-background-text)}.app-shell-main.no-right-panel{grid-template-columns:var(--panel-left-width, 350px) 1fr}.app-shell-panel{overflow-y:auto;overflow-x:hidden;padding:var(--size-spacing-vertical-xs) var(--size-spacing-horizontal-xs);background-color:var(--role-app-background);color:var(--role-app-background-text);position:relative}.app-shell-panel-left{padding:0;padding-right:calc(var(--scrollbar-gutter) + var(--resize-handle-hit));background-color:var(--role-panel-content);color:var(--role-panel-content-text);border-right-width:var(--role-panel-content-border-width);border-right-style:var(--role-panel-content-border-style);border-right-color:var(--role-panel-content-border-color)}.app-shell-panel-middle{background-color:var(--role-app-background);color:var(--role-app-background-text);padding:var(--size-spacing-vertical-lg) var(--size-spacing-horizontal-lg)}.app-shell-panel-right{padding:0;padding-left:calc(var(--scrollbar-gutter) + var(--resize-handle-hit));background-color:var(--role-panel-content-alt);color:var(--role-panel-content-alt-text);border-left-width:var(--role-panel-content-alt-border-width);border-left-style:var(--role-panel-content-alt-border-style);border-left-color:var(--role-panel-content-alt-border-color)}