._shell_5zfbz_1{width:100%;min-width:0;max-width:1800px;margin-inline:auto}._workArea_5zfbz_2{grid-template-columns:minmax(0, 1fr) 12px var(--simulator-width);align-items:start;min-width:0;display:grid;position:relative}._editor_5zfbz_3{min-width:0}._simulator_5zfbz_4{box-sizing:border-box;min-width:0;min-height:0;height:var(--coding-workspace-height,auto);border:1px solid var(--soft-line,#d4dbe5);background:var(--surface,#fff);border-radius:1rem;margin-block-start:var(--coding-workspace-offset,0px);scroll-padding-block-start:5.5rem;position:relative;overflow:auto}._simulatorHeading_5zfbz_5{z-index:4;border-bottom:1px solid var(--soft-line,#d4dbe5);background:var(--surface,#fff);color:var(--ink,#172033);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;font-weight:800;display:flex;position:sticky;top:0}._simulatorHeading_5zfbz_5 button,._reopen_5zfbz_6{border:1px solid var(--soft-line,#cad2df);background:var(--surface,#fff);color:var(--ink,#172033);cursor:pointer;min-height:44px;font:inherit;border-radius:.65rem;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .65rem;font-weight:700;display:flex}._simulatorHeading_5zfbz_5 svg,._reopen_5zfbz_6 svg{flex-shrink:0;width:18px;height:18px}._separator_5zfbz_8{height:var(--coding-workspace-height,auto);cursor:col-resize;touch-action:none;border-radius:6px;align-self:stretch;margin-block-start:var(--coding-workspace-offset,0px);position:relative}._separator_5zfbz_8:before{content:"";background:var(--soft-line,#cad2df);border-radius:3px;width:3px;height:54px;position:absolute;top:100px;left:4px}._separator_5zfbz_8:hover:before,._separator_5zfbz_8:focus-visible:before{background:var(--workshop-blue,#1764c0)}._shell_5zfbz_1 :focus-visible{outline:3px solid var(--workshop-blue,#1764c0);outline-offset:3px}._shell_5zfbz_1 [hidden]{display:none!important}._shell_5zfbz_1[data-simulator-expanded=false] ._workArea_5zfbz_2{grid-template-columns:minmax(0,1fr) 48px;gap:8px}._reopen_5zfbz_6{writing-mode:vertical-rl;width:44px;min-height:132px;padding-block:.75rem}._shell_5zfbz_1[data-narrow=true] ._workArea_5zfbz_2,._shell_5zfbz_1[data-narrow=true][data-simulator-expanded=false] ._workArea_5zfbz_2{grid-template-columns:minmax(0,1fr)}._shell_5zfbz_1[data-narrow=true] ._reopen_5zfbz_6{writing-mode:horizontal-tb;grid-row:1;justify-self:end;width:auto;min-height:44px;margin-bottom:.5rem}._shell_5zfbz_1[data-narrow=true] ._simulator_5zfbz_4{inset-inline-end:0;top:var(--coding-workspace-offset,0px);z-index:6;width:min(100%,440px);margin-block-start:0;position:absolute;box-shadow:0 14px 50px #14233c38}@media (forced-colors:active){._separator_5zfbz_8:before{background:buttontext}}._shell_5zfbz_1[data-layout=studio]{max-width:none}._shell_5zfbz_1[data-layout=studio] ._workArea_5zfbz_2{grid-template-columns:minmax(0, 1fr) 12px var(--simulator-width) auto;height:max(34rem, calc(100dvh - var(--coding-shell-top,0px) - 12px));grid-template-rows:minmax(0,1fr);grid-template-areas:"editor separator simulator dock";align-items:stretch;column-gap:0}._shell_5zfbz_1[data-layout=studio] ._editor_5zfbz_3{grid-area:editor;min-height:0}._shell_5zfbz_1[data-layout=studio] ._separator_5zfbz_8{grid-area:separator;height:auto;margin-block-start:0}._shell_5zfbz_1[data-layout=studio] ._separator_5zfbz_8:before{top:calc(50% - 27px)}._shell_5zfbz_1[data-layout=studio] ._simulator_5zfbz_4{grid-area:simulator;height:auto;min-height:0;margin-block-start:0}._shell_5zfbz_1[data-layout=studio] ._dock_5zfbz_37{grid-area:dock;min-width:0;min-height:0;margin-inline-start:12px}._shell_5zfbz_1[data-layout=studio] ._dock_5zfbz_37>*{height:100%}._shell_5zfbz_1[data-layout=studio] ._reopen_5zfbz_6{grid-area:separator;align-self:start}._shell_5zfbz_1[data-layout=studio][data-simulator-expanded=false] ._workArea_5zfbz_2{grid-template-columns:minmax(0,1fr) 48px auto;grid-template-areas:"editor separator dock";column-gap:0}._shell_5zfbz_1[data-layout=studio][data-simulator-expanded=false] ._reopen_5zfbz_6{justify-self:center}._shell_5zfbz_1[data-layout=studio][data-dock=bottom] ._workArea_5zfbz_2{grid-template-columns:minmax(0, 1fr) 12px var(--simulator-width);height:auto;min-height:max(34rem, calc(100dvh - var(--coding-shell-top,0px) - 12px));grid-template-rows:minmax(30rem,1fr) auto;grid-template-areas:"editor separator simulator""dock dock dock"}._shell_5zfbz_1[data-layout=studio][data-dock=bottom][data-simulator-expanded=false] ._workArea_5zfbz_2{grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"editor separator""dock dock"}._shell_5zfbz_1[data-layout=studio][data-dock=bottom] ._simulator_5zfbz_4{contain:size}._shell_5zfbz_1[data-layout=studio][data-dock=bottom] ._dock_5zfbz_37{margin:12px 0 0}._shell_5zfbz_1[data-layout=studio][data-dock=bottom] ._dock_5zfbz_37>*{height:auto}._shell_5zfbz_1[data-layout=studio][data-narrow=true] ._workArea_5zfbz_2{grid-template:"separator""editor""dock"/minmax(0,1fr);height:auto;min-height:0}._shell_5zfbz_1[data-layout=studio][data-narrow=true] ._simulator_5zfbz_4{height:var(--coding-workspace-height,auto);contain:none;grid-area:auto}._shell_5zfbz_1[data-layout=studio][data-narrow=true] ._reopen_5zfbz_6{grid-area:auto/separator}._shell_5zfbz_1[data-layout=studio][data-narrow=true] ._dock_5zfbz_37{margin:12px 0 0}._shell_5zfbz_1[data-layout=studio][data-narrow=true] ._dock_5zfbz_37>*{height:auto}._shell_5zfbz_1[data-layout=studio] ._dock_5zfbz_37 [data-build-lab-tools]{margin-top:0}