.spx-shell,.spx-shell *{box-sizing:border-box}.spx-shell{background:var(--bg-sunken);height:100%;min-height:0;font-family:var(--font-sans);transition:grid-template-columns .24s var(--ease-out);grid-template-columns:clamp(250px,15vw,310px) 1fr;display:grid;position:relative}.spx-shell.is-folded{grid-template-columns:0 1fr}.spx-shell__companion{background:var(--surface);border-right:.5px solid var(--border-subtle);opacity:1;flex-direction:column;min-width:0;min-height:0;transition:opacity .13s;display:flex;position:relative;overflow:hidden}.spx-shell__companion>:not(.spx-shell__fold){flex:1;min-height:0}.spx-shell.is-folded .spx-shell__companion{opacity:0;pointer-events:none}.spx-shell .spx-shell__fold{top:var(--space-2);right:var(--space-2);z-index:2;background:var(--surface);position:absolute}.spx-shell__main{flex-direction:column;min-width:0;min-height:0;display:flex}.spx-shell__scene{min-height:0;padding:var(--space-3) var(--space-4) var(--space-4);flex:1;overflow:hidden}.spx-shell__peek{left:var(--space-2);top:50px;bottom:var(--space-2);width:232px;z-index:var(--z-overlay,30);color:var(--text-secondary);opacity:0;pointer-events:none;transition:opacity .16s ease, transform .2s var(--ease-out);position:absolute;transform:translate(-10px)}.spx-shell__peek-glass{height:100%;padding:var(--space-3);overflow:hidden}.spx-shell.is-peeking .spx-shell__peek{opacity:1;pointer-events:auto;transform:none}@media (width<=52rem){.spx-shell{grid-template-columns:0 1fr}.spx-shell__companion{opacity:0;pointer-events:none}}@media (prefers-reduced-motion:reduce){.spx-shell,.spx-shell__companion,.spx-shell__peek{transition:none}}.spx-shell__signout{cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:0}.spx-shell__signout:hover{color:var(--text);background:var(--state-hover)}