.shell{--main-pad-top:var(--space-6);--main-pad-x:var(--space-4);flex-direction:column;min-height:100dvh;display:flex}.shell[data-layout=cab],.shell[data-layout=workbench]{--main-pad-top:var(--space-3);--main-pad-x:var(--space-3)}.shell-header{z-index:10;isolation:isolate;background:var(--deep-sky-0);color:var(--c-text);position:relative}.shell-sky{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.shell-sky-canvas{image-rendering:pixelated;display:block}.shell-bar{align-items:stretch;column-gap:var(--space-5);padding:0 var(--space-4);flex-wrap:wrap;margin:0;display:flex}.shell-brand{min-height:var(--header-height);flex:none;align-items:center;display:flex}.shell-mark{display:none}.shell-nav{border-top:var(--border-thin) solid var(--c-line);flex:100%;order:3;min-width:0}.shell-nav-list{flex-wrap:wrap;list-style:none;display:flex}.shell-nav-link{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-3);color:var(--c-text-muted);font:var(--type-nav);letter-spacing:var(--track-nav);text-transform:uppercase;white-space:nowrap;display:inline-flex}.shell-nav-link[data-hovered]{color:var(--c-text)}.shell-nav-link{position:relative}.shell-nav-link[data-current=true]{color:var(--c-text)}.shell-nav-link[data-current=true]:after{content:"";right:var(--space-2);bottom:var(--space-2);left:var(--space-2);height:var(--border-thick);background:var(--c-current);position:absolute}.shell-nav-link[data-current=true] .px-icon{color:var(--c-current)}.shell-nav-link[data-focus-visible]{outline-offset:calc(var(--focus-width) * -1)}.shell-tools{align-items:center;gap:var(--space-1);min-height:var(--header-height);min-width:0;margin-left:auto;display:flex}.shell-tool-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:16ch;overflow:hidden}@media (max-width:30rem){.shell-tool-label{max-width:9ch}}.shell-main{width:100%;max-width:var(--page-max);padding:var(--main-pad-top) var(--main-pad-x) var(--space-8);animation:enter-fade .12s var(--ease-px2);outline:none;flex:1;margin:0 auto}.shell[data-layout=cab] .shell-main,.shell[data-layout=workbench] .shell-main{max-width:none;padding-bottom:var(--space-3)}@media (min-width:64rem){.shell-nav{border-top:0;flex:auto;order:0}.shell-nav-link{min-height:var(--header-height)}.shell-bar{padding-inline:var(--space-5)}.shell{--main-pad-x:var(--space-5)}.shell[data-layout=cab],.shell[data-layout=workbench]{--main-pad-x:var(--space-3)}.shell-bar,.shell-nav-list{flex-wrap:nowrap}}@media (min-width:64rem) and (max-width:90rem){.shell-bar{column-gap:var(--space-3)}.shell-nav-link{padding-inline:var(--space-2);letter-spacing:normal}.shell-tool-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (min-width:64rem) and (min-height:30rem){.shell[data-layout=cab],.shell[data-layout=workbench]{height:100dvh}.shell[data-layout=cab] .shell-main,.shell[data-layout=workbench] .shell-main{flex-direction:column;min-height:0;display:flex}}@media (max-width:40rem){.shell-lockup{display:none}.shell-mark{display:block}.shell-nav-link{padding:0 var(--space-2)}}@media (prefers-reduced-motion:reduce){.shell-main{animation:none}}.overlay-backdrop{z-index:40;padding:var(--space-4);background:var(--c-backdrop);place-items:center;display:grid;position:fixed;inset:0}.overlay-modal{width:min(32rem,100%);max-height:calc(100dvh - var(--space-7));border:var(--border-thick) solid var(--c-line-strong);background:var(--c-surface);box-shadow:calc(var(--shadow-offset) * 2) calc(var(--shadow-offset) * 2) 0 var(--c-shadow);overflow:auto}.overlay-modal[data-size=wide]{width:min(44rem,100%)}.overlay-modal[data-entering]{animation:overlay-drop var(--motion-enter) var(--ease-px3)}.overlay-modal[data-tone=danger]{border-top-width:0}.overlay-dialog{gap:var(--space-4);padding:var(--space-5);outline:none;flex-direction:column;display:flex}.overlay-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:calc(var(--space-2) * -1);display:flex}.overlay-title{font:var(--type-h3)}.overlay-body{color:var(--c-text-muted)}.overlay-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.overlay-menu-popover{border:var(--border-thin) solid var(--c-line-strong);background:var(--c-surface-raised);min-width:14rem;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--c-shadow);outline:none}.overlay-menu-popover[data-entering]{animation:overlay-drop var(--motion-enter) var(--ease-px3)}.overlay-menu{padding:var(--space-1);outline:none}.overlay-menu-item{align-items:center;gap:var(--space-2);min-height:var(--control-height-sm);padding:var(--space-1) var(--space-3);color:var(--c-text);font:var(--type-control);letter-spacing:var(--track-control);cursor:pointer;outline:none;display:flex}.overlay-menu-item[data-focused]{background:var(--c-accent);color:var(--c-on-accent)}.overlay-menu-item[data-disabled]{color:var(--c-text-muted);cursor:default}.overlay-menu-item kbd{color:inherit;background:0 0;border-color:currentColor;margin-left:auto}.overlay-menu-separator{height:var(--border-thin);margin:var(--space-1) 0;background:var(--c-line)}.overlay-popover{max-width:min(26rem, calc(100vw - var(--space-5)));overscroll-behavior:contain;border:var(--border-thin) solid var(--c-line-strong);background:var(--c-surface-raised);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--c-shadow);outline:none;overflow-y:auto}.overlay-popover[data-entering]{animation:overlay-drop var(--motion-enter) var(--ease-px3)}.overlay-popover-dialog{gap:var(--space-3);padding:var(--space-4);outline:none;flex-direction:column;display:flex}.overlay-tooltip{max-width:18rem;padding:var(--space-1) var(--space-2);border:var(--border-thin) solid var(--c-text);background:var(--c-screen);color:var(--c-text);font:var(--type-mono-sm)}.overlay-tooltip[data-entering]{animation:overlay-fade var(--motion-press) var(--ease-px2)}.overlay-toast-region{right:var(--space-4);bottom:var(--space-4);z-index:50;gap:var(--space-1);width:min(22rem, calc(100vw - var(--space-6)));outline:none;flex-direction:column;display:flex;position:fixed}.overlay-toast{--toast-ink:var(--c-discovery);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:var(--border-thin) solid var(--c-line-strong);border-left:4px solid var(--toast-ink);background:var(--c-surface-raised);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--c-shadow);animation:overlay-toast-in var(--motion-enter) var(--ease-px3);outline:none;display:flex}.overlay-toast[data-tone=success]{--toast-ink:var(--c-success)}.overlay-toast[data-tone=error]{--toast-ink:var(--c-danger-ink)}.overlay-toast[data-focus-visible]{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.overlay-toast-icon{color:var(--toast-ink);display:inline-flex}.overlay-toast .btn{min-width:32px;min-height:32px;box-shadow:none;padding:0}.overlay-toast-content{font:var(--type-help);flex:1}.dl-keys{align-items:start;gap:var(--space-2) var(--space-4);font:var(--type-help);grid-template-columns:minmax(0,max-content) minmax(0,1fr);margin:0;display:grid}.dl-keys-row{display:contents}.dl-keys dt{align-content:flex-start;align-items:flex-start;gap:var(--space-1);max-width:11rem;font:var(--type-mono-sm);flex-wrap:wrap;display:flex}.dl-keys kbd{white-space:nowrap;flex:none}.dl-keys dd{color:var(--c-text-muted);margin:0;padding-top:1px}@keyframes overlay-drop{0%{opacity:0;translate:0 -8px}}@keyframes overlay-fade{0%{opacity:0}}@keyframes overlay-toast-in{0%{opacity:0;translate:16px}}@media (prefers-reduced-motion:reduce){.overlay-modal[data-entering],.overlay-menu-popover[data-entering],.overlay-popover[data-entering],.overlay-tooltip[data-entering],.overlay-toast{animation:none}}.deep{z-index:0;pointer-events:none;background:var(--px-void);width:100%;min-height:100dvh;position:absolute;top:0;left:0;overflow:hidden}.deep-canvas{image-rendering:pixelated;position:absolute;top:0;left:0}.deep-front{z-index:2;background:0 0}.deep-page{z-index:-1}