:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0d0f12;color:#eef2f7;--left-rail-width: 18rem;--right-dock-width: 24rem;--bottom-drawer-height: 17rem}*{box-sizing:border-box}.stack>*+*,.stack-sm>*+*,.stack-md>*+*,.stack-lg>*+*{margin-block-start:var(--stack-space, .75rem)}.stack-sm{--stack-space: .625rem}.stack-md{--stack-space: .875rem}.stack-lg{--stack-space: 1.125rem}html{height:100%;min-height:100%}body{min-height:100vh;min-height:100dvh;overflow:hidden;margin:0;background:#0d0f12}a{color:inherit;text-decoration:none}button{font:inherit}.playground-shell{height:100dvh;padding:.75rem;overflow:hidden}.playground-body{width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.875rem;overflow:hidden;--edge-strip-size: 2.65rem;--bottom-edge-size: 2.75rem;--left-edge-track: var(--edge-strip-size);--left-layout-track: minmax(14rem, var(--left-rail-width));--left-splitter-track: .4rem;--right-layout-track: minmax(18rem, var(--right-dock-width));--right-splitter-track: .4rem;--right-edge-track: var(--edge-strip-size);--bottom-layout-track: minmax(12rem, var(--bottom-drawer-height));--bottom-splitter-track: .45rem}.playground-body[data-left-rail-mode=auto-hide]{--left-layout-track: 0rem;--left-splitter-track: 0rem}.playground-body[data-right-dock-mode=auto-hide]{--right-layout-track: 0rem;--right-splitter-track: 0rem}.playground-body[data-bottom-drawer-mode=auto-hide]{--bottom-layout-track: var(--bottom-edge-size);--bottom-splitter-track: 0rem}.playground-body[data-left-rail-mode=pinned][data-left-rail-visible=false]{--left-layout-track: 0rem;--left-splitter-track: 0rem}.playground-body[data-right-dock-mode=pinned][data-right-dock-visible=false]{--right-layout-track: 0rem;--right-splitter-track: 0rem}.playground-body[data-bottom-drawer-mode=pinned][data-bottom-drawer-visible=false]{--bottom-layout-track: 0rem;--bottom-splitter-track: 0rem}.topbar,.workspace-toolbar,.editor-panel,.panel,.insight-panel,.dock-section,.left-rail,.right-dock,.bottom-drawer{border:1px solid #303641;border-radius:8px;background:#15181d}.topbar{min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .75rem;border-radius:14px}.brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:8px;background:#0f766e;color:#ecfeff;font-weight:800}.brand-copy{display:grid;gap:.125rem;min-width:0}.brand-title{font-size:1rem;line-height:1.2}.brand-subtitle{color:#9aa4b2;font-size:.8125rem}.top-links,.tool-row,.status-strip,.preset-grid{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.toolbar-row-secondary{gap:.75rem;padding-top:.25rem}.toolbar-label{color:#94a3b8;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.45rem .75rem;border:1px solid #2f3745;background:#111419}.top-link,.tool-button,.small-pill{min-height:2.1rem;border-radius:8px}.top-link{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .7rem;border:1px solid #303641;color:#cbd3df;background:#111419;font-size:.86rem;font-weight:650}.top-link:hover{border-color:#4b5565;color:#fff}.top-link.primary{border-color:#0f766e;background:#0f766e;color:#ecfeff}.workspace-shell{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.625rem;overflow:hidden}.workspace-toolbar{position:sticky;top:0;z-index:20;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;padding:.625rem .75rem}.toolbar-row{min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.toolbar-row-secondary .tool-button{border-color:#2c3340;background:#171b21;color:#cbd3df}.toolbar-row-secondary .tool-button:hover{border-color:#4f5f78;background:#1f242c}.workbench-hidden-controls{display:none}.workbench-statusbar{min-height:2.15rem;border:1px solid #242a33;border-radius:6px;background:#101318;color:#aab4c2;overflow:hidden}.workbench-statusbar .status-strip{min-width:0;display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;align-items:stretch}.tool-button{border:1px solid #3a414d;padding:.45rem .75rem;color:#e5eaf1;background:#20242b;cursor:pointer;font-weight:700}.tool-button:hover{border-color:#647184;background:#272c35}.tool-button:disabled{cursor:not-allowed;opacity:.55}.tool-button[data-active=true]{border-color:#0f766e;background:#10211d;color:#d1fae5}.tool-button.primary{border-color:#15803d;background:#15803d;color:#f0fdf4}.tool-button.primary:hover{background:#166534}.stat{min-width:9.5rem;display:grid;gap:.125rem;padding:.2rem .85rem;border:0;border-left:1px solid #28303a;border-radius:0;background:transparent;flex:0 0 auto}.workbench-statusbar .stat:first-child{padding-left:0;border-left:0}.stat-label{color:#8e99a8;font-size:.68rem;text-transform:uppercase}.stat-value{display:inline-flex;align-items:center;gap:.45rem;color:#f8fafc;font-size:.9rem;font-weight:750;overflow-wrap:anywhere}.stat-value:before,.small-pill[data-status]:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:#64748b;box-shadow:0 0 0 2px #64748b2e}.stat-value[data-status=ok]{color:#86efac}.stat-value[data-status=ok]:before,.small-pill[data-status=ok]:before{background:#22c55e;box-shadow:0 0 0 2px #22c55e2e}.stat-value[data-status=error]{color:#fda4af}.stat-value[data-status=error]:before,.small-pill[data-status=error]:before{background:#f43f5e;box-shadow:0 0 0 2px #f43f5e2e}.stat-value[data-status=running]{color:#fbbf24}.stat-value[data-status=running]:before,.small-pill[data-status=running]:before{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b2e}.stat-value[data-status=idle]:before,.small-pill[data-status=idle]:before{background:#94a3b8;box-shadow:0 0 0 2px #94a3b82e}.ide-workbench{position:relative;min-height:0;display:grid;grid-template-columns:var(--left-edge-track) var(--left-layout-track) var(--left-splitter-track) minmax(0,1fr) var(--right-splitter-track) var(--right-layout-track) var(--right-edge-track);gap:.35rem;align-items:stretch;overflow:hidden}.ide-workbench>*{min-width:0;min-height:0}.left-edge-strip{grid-column:1;grid-row:1}.left-rail{grid-column:2;grid-row:1}#left-rail-splitter{grid-column:3;grid-row:1}.center-dock-stack{grid-column:4;grid-row:1;position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) var(--bottom-splitter-track) var(--bottom-layout-track) 0;gap:.5rem;overflow:hidden}.center-dock-stack>.center-editor{grid-row:1;min-height:0}#bottom-drawer-splitter{grid-row:2}#bottom-drawer-shell,#bottom-edge-strip{grid-row:3}#right-dock-splitter{grid-column:5;grid-row:1}.right-dock{grid-column:6;grid-row:1}.right-edge-strip{grid-column:7;grid-row:1}.center-editor{min-width:0;min-height:0;display:grid;overflow:hidden}.main-editor-panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);min-height:0}.dock-group{min-width:0;min-height:0;height:100%;border:1px solid #303641;border-radius:6px;background:linear-gradient(180deg,#171b21,#14181e)}.dock-shell,.bottom-drawer{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.5rem;padding:.5rem;overflow:hidden}.left-rail,.right-dock,.bottom-drawer{position:relative;z-index:2;overflow:hidden}.dock-group-header{min-height:2.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.25rem;border-bottom:1px solid #232933}.dock-group-heading{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.edge-strip{display:flex;min-width:0;min-height:0;border:1px solid #303641;border-radius:6px;background:linear-gradient(180deg,#101318,#0d1015);padding:.2rem;gap:.25rem;overflow:auto;scrollbar-width:thin}.left-edge-strip,.right-edge-strip{flex-direction:column;align-items:stretch;justify-content:flex-start}.workbench-activity-strip{justify-content:flex-start;background:#0f1217}.activity-button{width:100%;min-height:2.45rem;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#9aa4b2;cursor:pointer;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem;font-weight:800}.activity-button:hover{border-color:#343b47;background:#151a21;color:#eef2f7}.activity-button[data-active=true]{border-color:#0f766e;background:#10211d;color:#d1fae5}.legacy-edge-tabs{display:none}.bottom-edge-strip{display:none;flex-direction:row;align-items:center;min-block-size:var(--bottom-edge-size);padding-inline:.5rem}.edge-tab-button{min-height:2rem;border:1px solid #343b47;border-radius:10px;background:#101318;color:#dbe4ef;cursor:pointer;font-weight:700;font-size:.78rem}.edge-tab-button:hover{border-color:#647184;background:#171b21}.edge-tab-button[data-active=true]{border-color:#0f766e;background:#10211d;color:#d1fae5}.edge-tab-button-left,.edge-tab-button-right{width:100%;min-height:4.85rem;padding:.45rem .1rem;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;white-space:nowrap}.edge-tab-button-bottom{flex:1 1 0;min-width:0;min-height:2.25rem;padding:.45rem .7rem}.layout-splitter{position:relative;z-index:1;border-radius:999px;border:1px solid #303641;background:#1f252d;opacity:.92;transition:opacity .12s ease,background .12s ease}.layout-splitter:hover{opacity:1;background:#334155}.layout-splitter:focus-visible,.layout-tab-button:focus-visible,.edge-tab-button:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.layout-splitter.vertical{width:.45rem;min-height:0;cursor:col-resize}.layout-splitter.horizontal{height:.5rem;cursor:row-resize}.workspace-manager{display:grid;gap:.75rem}.left-rail .rail-panel{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.left-rail .rail-panel .panel-heading-row{padding-bottom:.35rem;border-bottom:1px solid #232933}.workspace-input{min-height:2.5rem;width:100%;border:1px solid #303641;border-radius:8px;padding:.55rem .7rem;background:#0d1014;color:#eef2f7;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.84rem}.workspace-input:focus{outline:2px solid #0f766e;border-color:#0f766e}.workspace-recent-list{display:grid;gap:.5rem}.workspace-list-row,.file-list-row{display:contents}.workspace-chip{width:100%;display:grid;gap:.2rem;padding:.65rem .75rem;border:1px solid #343b47;border-radius:8px;background:#0d1014;color:#dbe4ef;cursor:pointer;text-align:left}.workspace-chip:hover,.workspace-chip[data-active=true]{border-color:#0f766e;background:#13201f}.workspace-chip-name{font-weight:700}.workspace-chip-meta{color:#9aa4b2;font-size:.76rem}.file-sidebar{min-width:0;display:grid}.file-heading-row{margin-bottom:0}.compact-tools{gap:.375rem}.compact-tools .tool-button{min-height:2rem;padding:.45rem .7rem;font-size:.82rem}.file-list{display:grid;gap:.4rem}.file-tabs{display:flex;flex-wrap:wrap;gap:.45rem;padding-bottom:.35rem;border-bottom:1px solid #232933}.file-tab{display:inline-flex;align-items:center;gap:.2rem;border:1px solid transparent;border-bottom-color:transparent;border-radius:8px 8px 0 0;background:transparent}.file-tab[data-active=true]{border-color:#303641;border-bottom-color:#15181d;background:#15181d}.file-tab-button,.file-tab-close{border:0;background:transparent;color:inherit;cursor:pointer}.file-tab-button{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;padding:.45rem .65rem;color:#b9c3d2}.file-tab-close{min-height:2rem;padding:.35rem .5rem .35rem 0;color:#8e99a8;font-size:1rem}.file-tab[data-active=true] .file-tab-button,.file-tab-close:hover{color:#f8fafc}.file-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .7rem;border:1px solid #343b47;border-radius:8px;background:#0d1014;color:#dbe4ef;cursor:pointer;text-align:left}.file-item:hover,.file-item[data-active=true]{border-color:#0f766e;background:#13201f}.file-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.82rem}.file-item-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.45rem;padding:0 .45rem;border-radius:999px;background:#0f766e;color:#ecfeff;font-size:.72rem;font-weight:800;text-transform:uppercase}.editor-panel,.panel,.insight-panel{min-width:0;overflow:hidden;padding:.75rem}.panel-heading-row{min-height:2rem;display:flex;align-items:center;justify-content:space-between;gap:.625rem;margin-bottom:0}.panel-title,.insight-title{color:#f8fafc;font-size:.98rem;font-weight:800}.dock-header{min-height:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.editor-pill-row{display:inline-flex;gap:.5rem;margin-bottom:0;flex-wrap:wrap;justify-content:flex-end}.small-pill{display:inline-flex;align-items:center;padding:.3rem .5rem;background:#101318;border:1px solid #303641;color:#aab4c2;font-size:.78rem;font-weight:650}.dock-tabs{z-index:5;display:flex;flex-wrap:nowrap;gap:.35rem;padding:0 0 .2rem;border:0;border-bottom:1px solid #232933;border-radius:0;background:transparent;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.rail-tabs,.bottom-drawer-tabs{padding:0 0 .2rem}.left-rail .dock-tabs,.right-dock .dock-tabs,.bottom-drawer .dock-tabs{border-radius:10px}.layout-tab-button{min-height:2rem;padding:.45rem .7rem;font-size:.8rem;white-space:nowrap;border:1px solid transparent;border-bottom-color:transparent;border-radius:8px 8px 0 0;background:transparent;color:#9aa4b2;box-shadow:none}.layout-tab-button:hover{border-color:#28303a;background:#111419;color:#eef2f7}.layout-tab-button[data-active=true]{border-color:#303641;border-bottom-color:#15181d;background:#15181d;color:#f8fafc;transform:translateY(1px)}.rail-panel[hidden],.dock-panel[hidden],.drawer-panel[hidden]{display:none!important}.dock-panel,.drawer-panel{min-height:0}.dock-panel{display:grid;gap:.5rem;align-content:stretch;overflow:auto}.bottom-drawer{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.625rem;padding:.625rem;overflow:hidden}.bottom-drawer-heading{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.bottom-drawer-body{min-height:0;height:100%;display:grid;overflow:hidden}.drawer-panel{min-height:0;height:100%}.drawer-panel>.panel,.dock-panel>.panel,.dock-panel>.insight-panel{height:100%}.drawer-panel>.panel,.dock-panel>.panel,.dock-panel>.insight-panel{border:0;border-radius:0;background:transparent;padding:0}.dock-panel>.panel .panel-title,.drawer-panel>.panel .panel-title,.dock-panel>.insight-panel .insight-title{font-size:.86rem;color:#dbe4ef}.dock-panel>.panel .panel-heading-row,.drawer-panel>.panel .panel-heading-row{padding-bottom:.35rem;border-bottom:1px solid #232933}.preset-grid{margin-bottom:.75rem}.preset-button{width:min(13rem,100%);min-height:4rem;display:grid;gap:.25rem;align-content:center;padding:.625rem .75rem;border:1px solid #343b47;border-radius:8px;background:#101318;color:#e5eaf1;text-align:left;cursor:pointer}.preset-button:hover,.preset-button[data-active=true]{border-color:#0f766e;background:#14201f}.preset-label{font-size:.9rem;font-weight:800}.preset-detail{color:#9aa4b2;font-size:.8rem;line-height:1.35}#editor-root .cm-editor{height:100%;min-height:0;border:1px solid #343b47;border-radius:8px;background:#0b0d10;overflow:hidden}#editor-root .cm-focused{outline:2px solid #0f766e;outline-offset:0}.result-column{min-width:0;display:grid;gap:.875rem}.console-output,.js-output{width:100%;height:100%;margin:0;overflow:auto;border:1px solid #303641;border-radius:8px;background:#0b0d10;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.console-output{min-height:7.5rem;padding:.75rem;color:#bef264}.js-output{min-height:12rem;max-height:none;padding:.875rem;color:#c4b5fd}.editor-meta-row{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.diagnostics-list,.debug-list{display:grid;gap:.625rem}.empty-state{margin:0;padding:.75rem;border:1px solid #303641;border-radius:8px;background:#0f1318;color:#aab4c2}.diagnostic{border:1px solid #3a414d;border-radius:8px;padding:.75rem;background:#101318}.diagnostic-group{display:grid;gap:.5rem}.diagnostic-group-heading{color:#f8fafc;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.8rem;font-weight:750}.diagnostic.error{border-color:#be123c}.diagnostic.warning{border-color:#b45309}.diagnostic-meta{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:.375rem}.diagnostic-severity,.diagnostic-code,.diagnostic-line{font-size:.75rem;font-weight:750;text-transform:uppercase}.diagnostic-severity{color:#67e8f9}.diagnostic-code,.diagnostic-line{color:#9aa4b2}.diagnostic-message{margin:0;color:#eef2f7;line-height:1.5;overflow-wrap:anywhere}.module-card{display:grid;gap:.55rem;padding:.75rem;border:1px solid #303641;border-radius:8px;background:#0f1318}.module-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.module-card-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.module-import-list{margin:0;padding-left:1rem;display:grid;gap:.35rem;color:#aab4c2}.module-import-list code,.module-empty{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem}.module-empty{margin:0;color:#7f8a99}.compile-detail-block{display:grid;gap:.5rem;padding:.75rem;border:1px solid #303641;border-radius:8px;background:#0f1318}.compile-detail-heading{color:#f8fafc;font-size:.84rem;font-weight:700}.compile-resolution-row{display:grid;gap:.25rem;padding-top:.45rem;border-top:1px solid #232933}.compile-resolution-top,.compile-resolution-spec{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.compile-resolution-spec code,.compile-resolution-top code,.route-event-card code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem}.compile-resolution-meta{color:#8e99a8;font-size:.76rem}.route-panel{display:grid;gap:.75rem}.route-events-list{display:grid;gap:.55rem;min-height:0;max-height:100%;overflow:auto}.route-event-card{display:grid;gap:.35rem;padding:.75rem;border:1px solid #303641;border-radius:8px;background:#0f1318}.route-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem}.route-field{display:grid;gap:.35rem}.route-field-label{color:#8e99a8;font-size:.72rem;text-transform:uppercase;font-weight:700}.route-input{min-height:2.5rem;width:100%;border:1px solid #303641;border-radius:8px;padding:.55rem .7rem;background:#0d1014;color:#eef2f7;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.84rem}.route-input:focus{outline:2px solid #0f766e;border-color:#0f766e}.insight-panel{display:grid;grid-template-columns:auto repeat(5,minmax(8rem,1fr));gap:.75rem;align-items:center}.right-dock .insight-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.right-dock .insight-title{grid-column:1 / -1}.insight-row{display:grid;gap:.125rem;padding-left:.75rem;border-left:1px solid #303641}.insight-key{color:#8e99a8;font-size:.72rem;text-transform:uppercase}.insight-value{color:#e5eaf1;font-weight:750}.small-pill[data-active=true]{border-color:#0f766e;color:#d1fae5;background:#10211d}.file-item-dirty{width:.55rem;height:.55rem;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 2px #f59e0b2e}.diagnostic-filter-row,.pill-wrap{display:flex;flex-wrap:wrap;gap:.45rem}.diagnostic{width:100%;text-align:left;cursor:pointer}.diagnostic:hover{border-color:#0f766e}.diagnostic-group-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.package-actions{margin-top:.2rem}.route-history-row[data-active=true]{border-left-color:#0f766e}.route-history-value{overflow-wrap:anywhere}.dialog-root{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:1rem;background:#020617b8;z-index:40}.dialog-root[data-open=true]{display:flex}.dialog-card{width:min(34rem,calc(100vw - 2rem));display:grid;gap:.9rem;padding:1rem;border:1px solid #303641;border-radius:14px;background:#0f1318;box-shadow:0 22px 48px #00000073}.dialog-title{color:#f8fafc;font-size:1rem;font-weight:800}.dialog-body,.dialog-help,.dialog-error{margin:0}.dialog-body,.dialog-help{color:#9aa4b2;line-height:1.5}.dialog-form,.dialog-fields,.dialog-field{display:grid;gap:.7rem}.dialog-help{font-size:.78rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.55rem}.dialog-error{min-height:1rem;color:#fca5a5;font-size:.82rem}.tool-button[data-tone=danger]{border-color:#be123c;background:#3a1520;color:#ffe4e6}.toast{position:fixed;right:1rem;bottom:1rem;max-width:min(24rem,calc(100vw - 2rem));padding:.75rem .875rem;border:1px solid #0f766e;border-radius:8px;background:#101c1b;color:#ccfbf1;box-shadow:0 18px 45px #00000059;opacity:0;transform:translateY(.5rem);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.toast[data-open=true]{opacity:1;transform:translateY(0)}.playground-body[data-left-rail-mode=pinned][data-left-rail-visible=false] #left-dock-group,.playground-body[data-right-dock-mode=pinned][data-right-dock-visible=false] .right-dock,.playground-body[data-bottom-drawer-mode=pinned][data-bottom-drawer-visible=false] #bottom-drawer-shell{display:none}.playground-body[data-left-rail-mode=auto-hide] .left-edge-strip,.playground-body[data-right-dock-mode=auto-hide] .right-edge-strip,.playground-body[data-bottom-drawer-mode=auto-hide] .bottom-edge-strip{display:flex}.playground-body[data-left-rail-mode=auto-hide] #left-rail-splitter,.playground-body[data-right-dock-mode=auto-hide] #right-dock-splitter,.playground-body[data-bottom-drawer-mode=auto-hide] #bottom-drawer-splitter,.playground-body[data-left-rail-mode=auto-hide][data-left-rail-visible=false] #left-dock-group,.playground-body[data-right-dock-mode=auto-hide][data-right-dock-visible=false] .right-dock,.playground-body[data-bottom-drawer-mode=auto-hide][data-bottom-drawer-visible=false] #bottom-drawer-shell{display:none}.playground-body[data-left-rail-mode=auto-hide][data-left-rail-visible=true] #left-dock-group,.playground-body[data-right-dock-mode=auto-hide][data-right-dock-visible=true] .right-dock,.playground-body[data-bottom-drawer-mode=auto-hide][data-bottom-drawer-visible=true] #bottom-drawer-shell{box-shadow:0 18px 45px #0206177a}.playground-body[data-left-rail-mode=auto-hide][data-left-rail-visible=true] #left-dock-group{position:absolute;inset:0 auto 0 calc(var(--left-edge-track) + .35rem);width:var(--left-rail-width);z-index:24}.playground-body[data-right-dock-mode=auto-hide][data-right-dock-visible=true] .right-dock{position:absolute;inset:0 calc(var(--right-edge-track) + .35rem) 0 auto;width:var(--right-dock-width);z-index:24}.playground-body[data-bottom-drawer-mode=auto-hide][data-bottom-drawer-visible=true] #bottom-drawer-shell{position:absolute;inset:auto 0 0;height:var(--bottom-drawer-height);z-index:22}@media(max-width:1180px){.playground-body{--left-splitter-track: 0rem;--right-splitter-track: 0rem;--bottom-splitter-track: 0rem}.layout-splitter{display:none!important}}@media(max-width:960px){.playground-shell{padding:.625rem}.playground-body{gap:.625rem;--left-layout-track: minmax(12rem, min(26vw, var(--left-rail-width)));--left-splitter-track: 0rem;--right-layout-track: minmax(14rem, min(28vw, var(--right-dock-width)));--right-splitter-track: 0rem;--bottom-layout-track: minmax(12rem, min(40vh, var(--bottom-drawer-height)));--bottom-splitter-track: 0rem}.workbench-statusbar .status-strip{width:100%}.ide-workbench{gap:.625rem}#bottom-drawer-splitter{display:none!important}.center-dock-stack{grid-template-rows:minmax(0,1fr) var(--bottom-splitter-track) var(--bottom-layout-track) 0}.bottom-drawer-body{height:100%}.insight-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-title{grid-column:1 / -1}}@media(max-width:760px){.playground-shell{padding:.5rem}.topbar{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.top-links,.tool-row,.status-strip{width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.top-link,.tool-button,.stat{flex:0 0 auto}.stat{min-width:7.5rem;border-left:1px solid #303641;border-top:0}.workspace-toolbar{gap:.625rem;align-items:stretch}.ide-workbench{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--edge-strip-size)}.left-edge-strip{grid-column:1;grid-row:2;flex-direction:row}.activity-button{min-height:100%;min-width:0}.center-dock-stack{grid-column:1;grid-row:1}.right-edge-strip,#bottom-edge-strip{display:none!important}.preset-button{width:100%}.route-field-grid{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}#editor-root .cm-editor{min-height:0}.insight-panel{grid-template-columns:1fr}.playground-body{--right-layout-track: 0rem;--right-splitter-track: 0rem;--right-edge-track: 0rem}#right-dock-splitter{display:none!important}.playground-body[data-right-dock-visible=false] .right-dock{display:none}.playground-body[data-right-dock-visible=true] .right-dock{position:absolute;top:0;bottom:0;right:0;width:min(var(--right-dock-width),calc(100vw - 1rem));z-index:26;box-shadow:0 22px 48px #02061785}}@media(max-width:680px){.playground-body{--left-layout-track: 0rem;--left-splitter-track: 0rem;--left-edge-track: 0rem}#left-rail-splitter{display:none!important}.playground-body[data-left-rail-visible=false] #left-dock-group{display:none}.playground-body[data-left-rail-visible=true] #left-dock-group{position:absolute;top:0;bottom:0;left:0;width:min(var(--left-rail-width),calc(100vw - 1rem));z-index:26;box-shadow:0 22px 48px #02061785}}