:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0d0f12;color:#eef2f7;--playground-code-font-size: 15px;--playground-tab-size: 2;--left-rail-width: 18rem;--right-dock-width: 24rem;--bottom-drawer-height: 17rem}:root[data-theme=light]{color-scheme:light;background:#edf2f7;color:#111827}*{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-x:hidden;overflow-y:auto;margin:0;background:#0d0f12}body[data-theme=light]{background:#edf2f7;color:#111827}a{color:inherit;text-decoration:none}button{font:inherit}.playground-shell{min-height:100dvh;height:auto;padding:.75rem;overflow:visible}.playground-shell[data-theme=light]{background:#edf2f7}.playground-shell[data-embed=true]{height:100dvh;padding:.375rem;overflow:hidden}.playground-body{width:100%;min-height:calc(100dvh - 1.5rem);height:auto;display:flex;flex-direction:column;grid-template-rows:auto minmax(0,1fr);gap:.875rem;overflow:visible;--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-shell:not([data-embed=true]) .single-source-main{min-height:30.5rem!important;height:clamp(30.5rem,calc(100dvh - 11.5rem),34.5rem);flex:0 0 auto;margin-bottom:0;contain:layout paint}.playground-shell:not([data-embed=true]) .workbench-statusbar,.playground-shell:not([data-embed=true]) .settings-panel{flex:0 0 auto}.playground-shell:not([data-embed=true]) .workbench-statusbar{margin-top:clamp(2rem,9vh,5.5rem)}.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{position:relative;z-index:40;min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .75rem;border-radius:14px;overflow:visible}.topbar:not([data-embed=true]){display:flex!important}.topbar[data-embed=true]{grid-template-columns:auto minmax(0,1fr)!important}.topbar:not([data-embed=true]) .toolbar-row{justify-content:flex-start!important}.topbar[data-theme=light],.playground-shell[data-theme=light] .topbar,.playground-shell[data-theme=light] .editor-panel,.playground-shell[data-theme=light] .panel,.playground-shell[data-theme=light] .workbench-statusbar,.playground-shell[data-theme=light] .settings-panel{border-color:#cbd5e1;background:#f8fafc;color:#111827}.topbar[data-embed=true]{min-height:2.75rem;padding:.375rem .5rem;border-radius:8px}.topbar[data-embed=true] .examples-browser-shell,.topbar[data-embed=true] #share-button,.topbar[data-embed=true] #copy-embed-button,.topbar[data-embed=true] #docs-link,.topbar[data-embed=true] #format-button{display:none}.topbar[data-embed=true] .toolbar-row{gap:.45rem}.embed-only{display:none}.topbar[data-embed=true] .embed-only{display:inline-flex}.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:1 1 auto;flex-wrap:nowrap;overflow:visible}.examples-browser-shell{position:relative;min-width:clamp(10rem,16vw,14rem);max-width:18rem;flex:0 1 14rem}.examples-toggle{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:stretch;gap:.75rem;text-align:left}.examples-toggle-label{color:#9aa4b2;font-size:.72rem;text-transform:uppercase}#examples-current{min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left;white-space:nowrap}.examples-browser{position:absolute;top:calc(100% + .45rem);left:0;z-index:35;width:min(42rem,calc(100vw - 2rem));max-height:min(32rem,calc(100vh - 9rem));display:grid;gap:.75rem;padding:.75rem;overflow:auto;border:1px solid #303641;border-radius:8px;background:#11151b;box-shadow:0 22px 48px #0206177a}.examples-browser[hidden]{display:none!important}.examples-group{display:grid;gap:.45rem}.examples-group-heading{display:grid;gap:.15rem}.examples-group-title{color:#8e99a8;font-size:.72rem;font-weight:800;text-transform:uppercase}.examples-group-description{margin:0;color:#778292;font-size:.75rem;line-height:1.35}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.example-card{min-width:0;display:grid;gap:.2rem;padding:.6rem .7rem;border:1px solid #303641;border-radius:8px;background:#0d1014;color:#e5eaf1;cursor:pointer;text-align:left}.example-card:hover,.example-card[data-active=true]{border-color:#0f766e;background:#13201f}.example-card[data-featured=true]{border-color:#265f59}.example-label{font-weight:800}.example-detail,.example-meta{color:#9aa4b2;font-size:.76rem;line-height:1.35}.example-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.featured-dot{color:#86efac}.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;isolation:isolate}.playground-shell[data-embed=true] .workbench-statusbar{min-height:1.75rem}.playground-shell[data-embed=true] .workbench-statusbar .stat:nth-child(n+13){display:none}.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}.settings-panel{border:1px solid #303641;border-radius:8px;background:#15181d;color:#e5eaf1;padding:.75rem;overflow:auto}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.settings-field{display:grid;gap:.35rem;color:#aab4c2;font-size:.78rem;font-weight:700;text-transform:uppercase}.settings-select,.settings-input{width:100%;border:1px solid #3a414d;border-radius:6px;background:#0f1318;color:#eef2f7;padding:.48rem .55rem;font:inherit;text-transform:none}.shortcut-help{border-top:1px solid #2a3039;padding-top:.625rem}.shortcut-row{display:flex;justify-content:space-between;gap:1rem;color:#cbd3df;font-size:.82rem}.shortcut-row kbd{border:1px solid #3a414d;border-radius:5px;background:#101318;padding:.12rem .35rem;color:#f8fafc;font:700 .74rem IBM Plex Mono,ui-monospace,monospace}.playground-shell[data-theme=light] .settings-select,.playground-shell[data-theme=light] .settings-input,.playground-shell[data-theme=light] .shortcut-row kbd{border-color:#cbd5e1;background:#fff;color:#111827}.playground-shell[data-theme=light] .settings-field,.playground-shell[data-theme=light] .shortcut-row{color:#475569}.playground-shell[data-theme=light] .editor-panel{background:#e2e8f0!important}.playground-shell[data-theme=light] .js-output,.playground-shell[data-theme=light] .wasm-wat-output,.playground-shell[data-theme=light] .console-output{border-color:#cbd5e1;background:#fff;color:#1e293b}.playground-shell[data-theme=light] .code-token{color:#1e293b}.playground-shell[data-theme=light] .syntax-keyword{color:#7c3aed}.playground-shell[data-theme=light] .syntax-string{color:#047857}.playground-shell[data-theme=light] .syntax-number,.playground-shell[data-theme=light] .syntax-literal{color:#b45309}.playground-shell[data-theme=light] .syntax-comment{color:#64748b}.playground-shell[data-theme=light] .syntax-function{color:#0369a1}.playground-shell[data-theme=light] .syntax-identifier,.playground-shell[data-theme=light] .syntax-variable{color:#1d4ed8}.playground-shell[data-theme=light] .syntax-type{color:#92400e}.playground-shell[data-theme=light] .syntax-instruction{color:#4338ca}.playground-shell[data-theme=light] .syntax-operator,.playground-shell[data-theme=light] .syntax-punctuation{color:#475569}.playground-shell[data-embed=true] .single-source-main{gap:.5rem!important;grid-template-columns:minmax(0,1.05fr) minmax(19rem,.95fr)!important}.playground-shell[data-embed=true] .panel,.playground-shell[data-embed=true] .editor-panel{padding:.5rem!important}.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=blocked]{color:#bfdbfe}.stat-value[data-status=blocked]:before,.small-pill[data-status=blocked]:before{background:#38bdf8;box-shadow:0 0 0 2px #38bdf82e}.stat-value[data-status=rendering]{color:#fbbf24}.stat-value[data-status=rendering]:before{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b2e}.stat-value[data-status=empty]{color:#cbd5e1}.stat-value[data-status=empty]:before{background:#64748b;box-shadow:0 0 0 2px #64748b2e}.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;width:auto;flex:0 0 auto;flex-wrap:nowrap;overflow:visible}.compact-tools .tool-button,.compact-tools .top-link{flex:0 0 auto;min-height:2rem;padding:.4rem .62rem;font-size:.8rem;white-space:nowrap}.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)}.output-heading-row{align-items:end;border-bottom:1px solid #232933;padding-bottom:.25rem}.output-heading-row .output-tab-strip{flex:1 1 auto;justify-content:flex-end}.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;min-height:0;display:grid;overflow:hidden}.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}.code-token{color:#d7ddff}.syntax-keyword{color:#c084fc;font-weight:700}.syntax-string{color:#a7f3d0}.syntax-number,.syntax-literal{color:#facc15}.syntax-comment{color:#7f8da3;font-style:italic}.syntax-function{color:#67e8f9}.syntax-identifier,.syntax-variable{color:#dbeafe}.syntax-type{color:#f9c97b;font-weight:700}.syntax-instruction{color:#a5b4fc}.syntax-operator,.syntax-punctuation{color:#94a3b8}.output-panel-stack{min-height:0;height:100%;overflow:hidden;scrollbar-width:thin}.output-panel-stack>.panel{min-height:0;height:100%;overflow:auto;scrollbar-width:thin}.output-panel-stack>.panel[hidden],#js-panel[hidden],#wasm-panel[hidden],#run-panel[hidden],#ui-panel[hidden],#types-panel[hidden],#diagnostics-panel[hidden]{display:none!important}#js-panel,#wasm-panel,#run-panel,#ui-panel,#types-panel,#diagnostics-panel{min-height:0;overflow:auto}#js-panel>.panel-heading-row>.tool-row{transform:translateY(-6px)}#run-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.625rem}.runtime-meta-row{min-width:0;display:flex;align-items:center;gap:.625rem;color:#aab4c2;font-size:.82rem}#runtime-status-label{flex:0 0 auto;color:#f8fafc;font-weight:800}#runtime-status-label[data-status=ok]{color:#86efac}#runtime-status-label[data-status=error]{color:#fda4af}#runtime-status-label[data-status=running]{color:#fbbf24}#runtime-status-label[data-status=blocked]{color:#bfdbfe}#runtime-message-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#runtime-last-run-label,#preview-last-label{margin-left:auto;flex:0 0 auto;color:#7f8a99;font-size:.76rem;font-weight:700}.types-panel{display:flex;flex-direction:column;gap:.625rem;overflow-y:auto;overflow-x:hidden}.types-intro{margin:0;padding:.55rem .65rem;border-left:3px solid #14b8a6;border-radius:6px;background:#0d1718;color:#9aa4b2;font-size:.82rem;line-height:1.45}.types-filter-row{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;overflow:visible}.types-filter-label{flex:0 0 auto;color:#7f8a99;font-size:.72rem;font-weight:900;text-transform:uppercase}.type-filter-button{flex:0 0 auto;min-height:1.9rem;padding:.2rem .46rem;font-size:.78rem;white-space:nowrap}.types-content-root{min-height:0;overflow:visible;padding-right:.2rem}.types-section{min-width:0}.types-table-wrap{min-width:0;overflow-x:auto;overflow-y:visible;border:1px solid #303641;border-radius:8px;background:#0b0d10}.types-table{width:100%;border-collapse:collapse;color:#dbe4ef;font-size:.84rem}.types-table th,.types-table td{padding:.58rem .7rem;border-bottom:1px solid #222833;text-align:left;vertical-align:top}.types-table th{position:sticky;top:0;z-index:1;background:#11161d;color:#9aa4b2;font-size:.72rem;text-transform:uppercase;letter-spacing:0}.types-table tr:last-child td{border-bottom:0}.types-table code,.types-hint-code{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace}.type-kind-badge{display:inline-flex;align-items:center;min-height:1.35rem;padding:.1rem .45rem;border:1px solid #334155;border-radius:999px;background:#151a21;color:#a7f3d0;font-size:.72rem;font-weight:800;text-transform:uppercase}.type-kind-badge[data-kind=variable]{color:#bfdbfe}.type-kind-badge[data-kind=type]{color:#fde68a}.type-expression-row{cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.type-expression-row:hover,.type-expression-row:focus{background:#151c25;outline:none}.type-expression-row[data-selected=true]{background:#10231f;box-shadow:inset 3px 0 #14b8a6}.type-expression-row:focus-visible{outline:2px solid #0f766e;outline-offset:-2px}.types-footer{display:flex;align-items:center;justify-content:flex-end;color:#9aa4b2;font-size:.78rem;font-weight:700}.types-empty-card{display:grid;gap:.625rem}.types-hint-code{margin:0;padding:.75rem;overflow:auto;border:1px solid #303641;border-radius:8px;background:#0b0d10;color:#c4b5fd;font-size:.82rem;line-height:1.5}.types-hint-copy{margin:0;color:#9aa4b2;font-size:.82rem}.wasm-panel{display:flex;flex-direction:column;gap:.625rem;overflow-y:auto;overflow-x:hidden}.wasm-intro{margin:0;padding:.55rem .65rem;border-left:3px solid #8b5cf6;border-radius:6px;background:#15111d;color:#aab4c2;font-size:.82rem;line-height:1.45}.wasm-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.wasm-summary-card{min-width:0;display:grid;gap:.2rem;padding:.65rem .75rem;border:1px solid #303641;border-radius:8px;background:#10151c}.wasm-summary-label{color:#7f8a99;font-size:.7rem;font-weight:900;text-transform:uppercase}.wasm-summary-card strong{color:#f8fafc;font-size:1rem}.wasm-state-card{min-height:8rem;display:grid;place-content:center;gap:.4rem;padding:1rem;border:1px solid #303641;border-radius:8px;background:#0b0d10;text-align:center}.wasm-state-card strong{color:#f8fafc}.wasm-state-card span{max-width:30rem;color:#9aa4b2;font-size:.84rem;line-height:1.45}.wasm-state-card[data-status=loading] strong{color:#fbbf24}.wasm-state-card[data-status=error]{border-color:#be123c;background:#18080e}.wasm-state-card[data-status=error] strong{color:#fda4af}.wasm-content{min-height:0;flex:0 0 auto;display:flex;flex-direction:column;gap:.625rem;overflow:visible}.wasm-content>*{flex:0 0 auto}.wasm-content[hidden],.wasm-state-card[hidden],.wasm-section-block[hidden],.types-content-root[hidden]{display:none!important}.wasm-section-block{min-width:0;min-height:0}#wasm-wat-section{flex:0 0 auto;display:flex;flex-direction:column;gap:.625rem}.wasm-section-list{display:grid;gap:.35rem}.wasm-section-row{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem .72rem;border:1px solid #303641;border-radius:8px;background:#0f1318;color:#aab4c2;font-size:.82rem}.wasm-section-row>span{min-width:0;display:grid;gap:.1rem}.wasm-section-row strong{color:#f8fafc}.wasm-section-row small{color:#7f8a99}.wasm-section-metric{justify-items:end;text-align:right}.wasm-section-bar{position:absolute;left:.65rem;right:.65rem;bottom:.32rem;height:.2rem;border-radius:999px;background:linear-gradient(90deg,#14b8a6 var(--section-percent),#222833 var(--section-percent))}#wasm-wat-section .panel-heading-row{align-items:center;gap:.75rem}.wasm-heading-stack{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:0 0 auto}#wasm-wat-section .panel-title,.wasm-heading-stack .muted-chip{white-space:nowrap}.wasm-heading-stack .muted-chip,#wasm-wat-section .panel-heading-row>.tool-row{transform:translateY(3px)}#wasm-wat-section .panel-heading-row>.tool-row{flex:1 1 auto;justify-content:flex-end;flex-wrap:nowrap;min-width:0}#wasm-wat-section .panel-heading-row>.tool-row .tool-button{flex:0 0 auto;white-space:nowrap}.wasm-wat-output{flex:0 0 auto;width:100%;min-height:0;height:auto;margin:0;padding:.875rem;border:1px solid #303641;border-radius:8px;background:#0b0d10;color:#c4b5fd;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.6;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:860px){.wasm-summary-grid{grid-template-columns:1fr}}.ui-preview-panel{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.625rem}.preview-device-select{min-height:2.1rem;border:1px solid #3a414d;border-radius:8px;background:#20242b;color:#e5eaf1;font:inherit;font-weight:700;padding:.35rem .55rem}.preview-meta-row{min-width:0;display:flex;align-items:center;gap:.625rem;color:#aab4c2;font-size:.82rem}#preview-status-label{flex:0 0 auto;color:#f8fafc;font-weight:800}#preview-status-label[data-status=ok]{color:#86efac}#preview-status-label[data-status=error]{color:#fda4af}#preview-status-label[data-status=rendering]{color:#fbbf24}#preview-status-label[data-status=empty]{color:#bfdbfe}#preview-message-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-frame-wrap{position:relative;min-height:0;display:flex;justify-content:center;overflow:auto;border:1px solid #303641;border-radius:8px;background:linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(148,163,184,.08) 1px,transparent 1px),#0b0d10;background-size:24px 24px;padding:.75rem}.preview-frame-wrap[data-status=rendering]{background-size:18px 18px}.preview-frame{min-height:22rem;height:100%;max-width:100%;border:1px solid #3a414d;border-radius:8px;background:#f8fafc}.preview-overlay{position:absolute;inset:.75rem;z-index:2;display:grid;place-content:center;gap:.45rem;padding:1rem;border:1px solid #303641;border-radius:8px;background:#0b0d10e0;color:#dbe4ef;text-align:center;pointer-events:none}.preview-overlay[hidden]{display:none!important}.preview-overlay strong{color:#f8fafc;font-size:.95rem}.preview-overlay span{max-width:30rem;color:#aab4c2;font-size:.84rem;line-height:1.45}.preview-frame-wrap[data-status=error] .preview-overlay{border-color:#be123c;background:#18080eeb}.preview-frame-wrap[data-status=empty] .preview-overlay{border-color:#334155}.preview-frame-wrap[data-status=rendering] .preview-overlay:before{content:"";width:1.35rem;height:1.35rem;justify-self:center;border:2px solid rgba(251,191,36,.28);border-top-color:#fbbf24;border-radius:999px;animation:preview-spin .9s linear infinite}@keyframes preview-spin{to{transform:rotate(360deg)}}.editor-meta-row{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.diagnostics-list{min-height:0;display:grid;gap:.625rem;align-content:start;overflow:auto;padding-right:.25rem}.debug-list{min-height:0;max-height:9rem;display:grid;gap:.625rem;overflow:auto;padding-right:.25rem}.diagnostics-panel{margin-top:0}.diagnostics-body{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.625rem;overflow:hidden}.empty-state{margin:0;padding:.75rem;border:1px solid #303641;border-radius:8px;background:#0f1318;color:#aab4c2}.diagnostic{width:100%;border:1px solid #3a414d;border-radius:8px;padding:.75rem;background:#101318;color:inherit;text-align:left;display:grid;gap:.55rem;cursor:pointer}.diagnostic:hover,.diagnostic:focus-visible{border-color:#14b8a6;outline:none;box-shadow:0 0 0 1px #14b8a63d}.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-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.diagnostic-meta{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:0}.diagnostic-severity,.diagnostic-code,.diagnostic-line,.diagnostic-action{font-size:.75rem;font-weight:750;text-transform:uppercase}.diagnostic-severity{color:#67e8f9}.diagnostic-code,.diagnostic-line,.diagnostic-action{color:#9aa4b2}.diagnostic-action{justify-self:start;color:#99f6e4}.diagnostic-location-link{appearance:none;border:1px solid #3a414d;border-radius:999px;padding:.25rem .55rem;background:#151a21;cursor:pointer}.diagnostic-location-link:hover,.diagnostic-location-link:focus-visible{border-color:#14b8a6;color:#ccfbf1;outline:none}.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}.diagnostic-explain-card h3,.diagnostic-explain-card h4,.diagnostic-explain-card p{margin:0}.diagnostic-explain-card h3{color:#f8fafc;font-size:1rem;line-height:1.3}.diagnostic-explain-hero{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.diagnostic-explain-section{display:grid;gap:.3rem;padding-top:.55rem;border-top:1px solid #232933}.diagnostic-explain-section h4{color:#f8fafc;font-size:.78rem;text-transform:uppercase}.diagnostic-explain-section p,.diagnostic-fix-list{color:#aab4c2;line-height:1.5}.diagnostic-fix-list{margin:0;padding-left:1.25rem;display:grid;gap:.35rem}.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}.single-source-main,.playground-shell[data-embed=true] .single-source-main{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(18rem,1fr) minmax(16rem,.9fr)!important}.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}.toolbar-row{overflow:visible}.top-link,.tool-button,.stat{flex:0 0 auto}.examples-browser-shell{min-width:18rem}.examples-browser{width:min(34rem,calc(100vw - 1rem))}.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,.examples-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}}