[data-component=workbench-shell]{grid-template-columns:var(--workbench-rail-width,var(--alder-rail-width)) minmax(0, 1fr);grid-template-rows:var(--alder-command-band-height) minmax(0, 1fr) auto;background:var(--alder-board);width:100%;height:100%;color:var(--alder-text);grid-template-areas:"rail commandband""rail workspace""rail statusbar";display:grid;position:relative;overflow:hidden}[data-region=rail]{grid-area:rail;min-height:0;overflow:hidden}[data-region=commandband]{grid-area:commandband;min-width:0;overflow:hidden}[data-slot=workspace-card]{grid-area:workspace;grid-template-columns:var(--workbench-context-nav-width,0px) minmax(0, 1fr) var(--workbench-right-panel-width,0px);border:1px solid var(--alder-border);background:var(--alder-surface);border-start-start-radius:var(--alder-radius-control);border-end-start-radius:var(--alder-radius-control);grid-template-areas:"contextnav page rightpanel";min-width:0;min-height:0;margin:0 1px 1px;display:grid;position:relative;overflow:clip}[data-region=contextnav]{border-right:var(--alder-rule) solid var(--alder-border);grid-area:contextnav;min-height:0;position:relative;overflow:visible}.workbench-context-nav-sash{z-index:1;block-size:auto;inline-size:var(--alder-space-2);cursor:col-resize;touch-action:none;background:0 0;border:0;min-inline-size:0;padding:0;position:absolute;inset-block:0;inset-inline-end:0}.workbench-context-nav-sash.resize-edge{--resize-edge-bar-shift-x:calc(var(--alder-space-2) / 2)}@media (pointer:coarse){.workbench-context-nav-sash.resize-edge{--resize-edge-bar-shift-x:0px;inline-size:var(--alder-target-touch);inset-inline-end:calc(var(--alder-target-touch) / -2)}}[data-region=page]{grid-area:page;min-width:0;min-height:0;overflow:auto}[data-region=rightpanel]{grid-area:rightpanel;min-height:0;overflow:hidden}[data-component=workbench-shell]>[data-slot=scrim]{display:none}[data-component=workbench-shell][data-context-nav-over-page=true] [data-region=contextnav]{z-index:calc(var(--alder-z-flyout) - 2);width:var(--workbench-context-nav-overlay-width,350px);background:var(--alder-surface);animation:workbench-context-nav-slide-in var(--alder-duration-1) var(--alder-ease-out);grid-area:auto;position:absolute;inset-block:0;inset-inline-start:0}@keyframes workbench-context-nav-slide-in{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){[data-component=workbench-shell][data-context-nav-over-page=true] [data-region=contextnav]{animation:none}}@media (min-width:481px){[data-component=workbench-shell][data-right-panel-over-page=true] [data-region=rightpanel]{z-index:calc(var(--alder-z-flyout) - 2);width:var(--workbench-right-panel-overlay-width,350px);background:var(--alder-surface);animation:workbench-right-panel-slide-in var(--alder-duration-1) var(--alder-ease-out);grid-area:auto;position:absolute;inset-block:0;inset-inline-end:0}}@keyframes workbench-right-panel-slide-in{0%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){[data-component=workbench-shell][data-right-panel-over-page=true] [data-region=rightpanel]{animation:none}}[data-component=workbench-shell][data-context-nav-empty=true] [data-region=contextnav],[data-component=workbench-shell][data-context-nav-empty=true] .workbench-context-nav-sash{display:none}[data-component=workbench-shell]:has([data-region=contextnav] [data-slot=body]:empty) :is([data-region=contextnav],.workbench-context-nav-sash){display:none}[data-component=workbench-shell][data-context-nav-pinned=true]:has([data-region=contextnav] [data-slot=body]:empty){--workbench-context-nav-width:0px!important}[data-component=workbench-shell][data-context-nav-pinned=false] [data-region=contextnav]{inset-block:var(--alder-space-1);z-index:calc(var(--alder-z-flyout) + 1);width:min(var(--workbench-context-nav-overlay-width,350px), 100% - 2 * var(--alder-space-1));border:var(--alder-rule) solid var(--alder-border);border-radius:var(--alder-radius-control);background:var(--alder-surface);box-shadow:var(--alder-shadow-overlay);grid-area:auto;position:absolute;inset-inline-start:var(--alder-space-1)}[data-component=workbench-shell][data-context-nav-pinned=false][data-context-nav-overlay=open]>[data-slot=scrim]{background:0 0;display:block;inset-block-start:var(--alder-command-band-height);inset-inline-start:var(--alder-rail-width)}@media (max-width:1279px){[data-component=workbench-shell] [data-region=rightpanel]{z-index:calc(var(--alder-z-flyout) + 1);background:var(--alder-overlay-ground);--workbench-right-panel-ground:var(--alder-overlay-ground);box-shadow:var(--alder-shadow-frame);position:absolute;inset-block:0;inset-inline-end:0}:root[data-transparent-surfaces=true] [data-component=workbench-shell] [data-region=rightpanel]{background:0 0}}@media (min-width:481px) and (max-width:1279px){[data-component=workbench-shell] [data-slot=workspace-card]{grid-template-columns:var(--workbench-context-nav-width,0px) minmax(0, 1fr) 0px}[data-component=workbench-shell] [data-region=rightpanel]{width:min(400px,100vw - 96px)}[data-component=workbench-shell][data-right-panel=open]:not([data-right-panel-over-page=true])>[data-slot=scrim]{display:block;inset-block-start:var(--alder-command-band-height);inset-inline-start:var(--alder-rail-width);inset-inline-end:min(400px,100vw - 96px)}}@media (max-width:480px){[data-component=workbench-shell] .workbench-context-nav-sash{display:none}[data-component=workbench-shell]{padding-inline:var(--alder-safe-left) var(--alder-safe-right);grid-template-columns:minmax(0,1fr);grid-template-areas:"commandband""workspace""statusbar";padding-block-end:var(--alder-safe-bottom)}[data-component=workbench-shell] [data-slot=workspace-card]{border:none;border-radius:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"page";margin:0}[data-component=workbench-shell] [data-region=rail]{z-index:calc(var(--alder-z-flyout) + 1);width:var(--alder-drawer-width);visibility:hidden;box-shadow:var(--alder-shadow-frame);transition:transform var(--alder-duration-1) var(--alder-ease-out), visibility 0s linear var(--alder-duration-1);position:absolute;inset-block:0;inset-inline-start:0;transform:translate(-100%)}[data-component=workbench-shell][data-rail-drawer=open] [data-region=rail]{visibility:visible;transition:transform var(--alder-duration-1) var(--alder-ease-out);transform:translate(0)}[data-component=workbench-shell] [data-region=contextnav]{z-index:calc(var(--alder-z-flyout) + 1);background:var(--alder-surface);width:min(320px,100vw - 48px);box-shadow:var(--alder-shadow-frame);display:none;position:absolute;inset-block:0;inset-inline-start:0}[data-component=workbench-shell][data-context-nav-overlay=open] [data-region=contextnav]{display:block}[data-component=workbench-shell] [data-region=rightpanel]{width:100%;z-index:calc(var(--alder-z-flyout) - 1);inset:0}[data-component=workbench-shell][data-rail-drawer=open]>[data-slot=scrim]{display:block;inset-inline-start:var(--alder-drawer-width)}[data-component=workbench-shell][data-context-nav-overlay=open]>[data-slot=scrim]{display:block;inset-inline-start:min(320px,100vw - 48px)}}@media (prefers-reduced-motion:reduce){[data-component=workbench-shell] [data-region=rail]{transition:none}}[data-component=workbench-shell][data-rail-expanded=true]{--workbench-rail-width:var(--alder-drawer-width)}[data-component=workbench-shell]>[data-component=developer-tools-shell]{grid-area:developer-tools}[data-component=workbench-shell]:has(>.developer-tools-shell--bottom[data-state=open]){grid-template-rows:var(--alder-command-band-height) minmax(0, 1fr) auto auto;grid-template-areas:"rail commandband""rail workspace""rail developer-tools""rail statusbar"}[data-component=workbench-shell]:has(>.developer-tools-shell--left[data-state=open]){grid-template-columns:var(--workbench-rail-width,var(--alder-rail-width)) auto minmax(0, 1fr);grid-template-areas:"rail commandband commandband""rail developer-tools workspace""rail statusbar statusbar"}[data-component=workbench-shell]:has(>.developer-tools-shell--right[data-state=open]){grid-template-columns:var(--workbench-rail-width,var(--alder-rail-width)) minmax(0, 1fr) auto;grid-template-areas:"rail commandband commandband""rail workspace developer-tools""rail statusbar statusbar"}[data-component=workbench-shell]>[data-slot=statusbar]{min-width:0;z-index:var(--alder-z-flyout);grid-area:statusbar}
