.spx-appshell{--spx-bar-h:56px;grid-template-columns:auto minmax(0,1fr);grid-template-rows:var(--spx-bar-h) minmax(0, 1fr);height:100dvh;color:var(--text);background:radial-gradient(70% 54% at 100% 100%, color-mix(in oklab, var(--accent) 7%, transparent), transparent 62%), var(--bg-sunken);background-attachment:fixed;gap:0;display:grid;position:relative;overflow:hidden}.spx-appshell__side{z-index:20;grid-area:1/1/-1;min-height:0}.spx-appshell__bar{z-index:10;grid-area:1/2}.spx-appshell__main{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-2xl) 0 0 0;min-width:0;min-height:0;box-shadow:var(--surface-sheen), var(--shadow-md);flex-direction:column;grid-area:2/2;margin:0;display:flex;overflow:hidden}.spx-appshell__scroll{flex:1;min-height:0;overflow-y:auto}@media (width<=640px){.spx-appshell{grid-template-columns:1fr;grid-template-rows:auto var(--spx-bar-h) minmax(0, 1fr)}.spx-appshell__side{grid-area:1/1}.spx-appshell__bar{grid-area:2/1}.spx-appshell__main{grid-area:3/1}}.spx-appshell--window{background:var(--surface);height:100%}.spx-appshell--window .spx-appshell__main{box-shadow:none;background:0 0;border:0;border-radius:0}.spx-appshell--window .spx-appshell__side{background:var(--bg-sunken);border-right:1px solid var(--border)}.spx-appshell--window .spx-appshell__bar{background:var(--surface);border-bottom:1px solid var(--border)}