.demo-workbench[data-astro-cid-dohiqq45]{--workbench-bg:#142126;--workbench-panel:#1d2d33;--workbench-border:#33474c;--workbench-muted:#9aadae;--workbench-text:#f2f4ec;--workbench-lime:#d7f36a;--workbench-cyan:#79d7d0;--workbench-coral:#ff987b;width:100%;height:min(900px,100svh - 9rem);min-height:620px;color:var(--workbench-text);background:var(--workbench-bg);border:1px solid var(--workbench-border);border-radius:8px;flex-direction:column;row-gap:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:flex;overflow:hidden;box-shadow:0 24px 60px #0b181c2e}.demo-workbench[data-astro-cid-dohiqq45].is-fullscreen,.demo-workbench[data-astro-cid-dohiqq45].is-presentation{z-index:1100;width:100%;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0;position:fixed;inset:0}.demo-workbench[data-astro-cid-dohiqq45].is-fullscreen .workbench-toolbar[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-presentation .workbench-toolbar[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-fullscreen .code-surface[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-presentation .code-surface[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-fullscreen [data-astro-cid-dohiqq45][data-splitter],.demo-workbench[data-astro-cid-dohiqq45].is-presentation [data-astro-cid-dohiqq45][data-splitter],.demo-workbench[data-astro-cid-dohiqq45].is-fullscreen .surface-heading[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-presentation .surface-heading[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45] .presentation-exit[data-astro-cid-dohiqq45]{display:none}.demo-workbench[data-astro-cid-dohiqq45].is-presentation .presentation-exit[data-astro-cid-dohiqq45]{z-index:2;color:var(--workbench-text);border-color:var(--workbench-border);background:#0f1a1ed9;display:inline-flex;position:absolute;top:12px;right:12px}.demo-workbench[data-astro-cid-dohiqq45].is-presentation.is-embedded-presentation .presentation-exit[data-astro-cid-dohiqq45]{display:none}.demo-workbench[data-astro-cid-dohiqq45].is-fullscreen .workspace[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-presentation .workspace[data-astro-cid-dohiqq45]{height:100%;min-height:0;display:block}.demo-workbench[data-astro-cid-dohiqq45].is-fullscreen .preview-surface[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-presentation .preview-surface[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-fullscreen .preview-stage[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-presentation .preview-stage[data-astro-cid-dohiqq45]{width:100%;height:100%}.demo-workbench[data-astro-cid-dohiqq45].is-fullscreen .preview-stage[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-presentation .preview-stage[data-astro-cid-dohiqq45]{background:0 0;padding:0}.demo-workbench[data-astro-cid-dohiqq45].is-fullscreen .preview-stage[data-astro-cid-dohiqq45] iframe[data-astro-cid-dohiqq45],.demo-workbench[data-astro-cid-dohiqq45].is-presentation .preview-stage[data-astro-cid-dohiqq45] iframe[data-astro-cid-dohiqq45]{border-radius:0}.workbench-toolbar[data-astro-cid-dohiqq45]{border-bottom:1px solid var(--workbench-border);background:#0f1a1e;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:12px 16px;display:flex}.workbench-brand[data-astro-cid-dohiqq45]{color:var(--workbench-text);align-items:center;gap:8px;font-size:12px;font-weight:700;-webkit-text-decoration:none;text-decoration:none;display:inline-flex}.brand-mark[data-astro-cid-dohiqq45]{aspect-ratio:1;width:28px;color:var(--workbench-bg);background:var(--workbench-lime);border-radius:6px;place-items:center;font-size:13px;display:grid}.workbench-toolbar[data-astro-cid-dohiqq45] h1[data-astro-cid-dohiqq45]{min-width:0;max-width:20rem;color:var(--workbench-text);-webkit-text-fill-color:currentColor;letter-spacing:normal;word-wrap:anywhere;background:0 0;flex:12rem;margin:0;padding:0;font-size:13px;font-weight:500;line-height:1.35}.workbench-title-link[data-astro-cid-dohiqq45]{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration:underline #0000}.workbench-title-link[data-astro-cid-dohiqq45]:hover{text-decoration-color:currentColor}.workbench-title-link[data-astro-cid-dohiqq45]:focus-visible,.workbench-action-link[data-astro-cid-dohiqq45]:focus-visible,.workbench-brand[data-astro-cid-dohiqq45]:focus-visible{outline:2px solid var(--workbench-lime);outline-offset:2px}.panel-switches[data-astro-cid-dohiqq45],.workbench-actions[data-astro-cid-dohiqq45]{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.panel-switches[data-astro-cid-dohiqq45]{margin-left:auto}.orientation-switch[data-astro-cid-dohiqq45]{border:1px solid var(--workbench-border);background:#18272c;border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.orientation-switch[data-astro-cid-dohiqq45] button[data-astro-cid-dohiqq45]{min-height:28px;padding-inline:9px}.orientation-switch[data-astro-cid-dohiqq45] button[data-astro-cid-dohiqq45][aria-pressed=true]{color:var(--workbench-text);background:#30464a}.demo-workbench[data-astro-cid-dohiqq45] button[data-astro-cid-dohiqq45],.workbench-action-link[data-astro-cid-dohiqq45]{min-height:34px;color:var(--workbench-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:inline-flex}.workbench-action-link[data-astro-cid-dohiqq45],.workbench-title-link[data-astro-cid-dohiqq45]{-webkit-text-fill-color:currentColor;background:0 0}.workbench-action-link[data-astro-cid-dohiqq45]{-webkit-text-decoration:none;text-decoration:none}.demo-workbench[data-astro-cid-dohiqq45] button[data-astro-cid-dohiqq45]:hover,.workbench-action-link[data-astro-cid-dohiqq45]:hover{color:var(--workbench-text);background:var(--workbench-panel)}.demo-workbench[data-astro-cid-dohiqq45] button[data-astro-cid-dohiqq45]:focus-visible,.splitter[data-astro-cid-dohiqq45]:focus-visible{outline:2px solid var(--workbench-lime);outline-offset:2px}.panel-switches[data-astro-cid-dohiqq45] button[data-astro-cid-dohiqq45][aria-pressed=true]{color:var(--workbench-text);border-color:var(--workbench-border);background:#26383e}.panel-dot[data-astro-cid-dohiqq45]{border-radius:2px;flex:none;width:7px;height:7px}.preview-dot[data-astro-cid-dohiqq45]{background:var(--workbench-lime)}.html-dot[data-astro-cid-dohiqq45]{background:var(--workbench-coral)}.css-dot[data-astro-cid-dohiqq45]{background:var(--workbench-cyan)}.js-dot[data-astro-cid-dohiqq45]{background:#f4c76a}.workspace[data-astro-cid-dohiqq45]{flex:1;min-height:0;display:grid}.workspace[data-astro-cid-dohiqq45][data-axis=y]{grid-template-rows:minmax(0,54fr) 8px minmax(0,46fr);grid-template-columns:minmax(0,1fr)}.surface[data-astro-cid-dohiqq45]{background:var(--workbench-panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.surface[data-astro-cid-dohiqq45][hidden],.editor-pane[data-astro-cid-dohiqq45][hidden],.splitter[data-astro-cid-dohiqq45][hidden]{display:none}.surface-heading[data-astro-cid-dohiqq45],.editor-heading[data-astro-cid-dohiqq45]{border-bottom:1px solid var(--workbench-border);background:#1a292e;flex-direction:row;align-items:center;gap:10px;min-height:38px;padding:0 14px;display:flex}.surface-heading[data-astro-cid-dohiqq45] h2[data-astro-cid-dohiqq45],.editor-heading[data-astro-cid-dohiqq45] h2[data-astro-cid-dohiqq45]{color:var(--workbench-text);margin:0;font-size:11px;font-weight:600}.surface-heading[data-astro-cid-dohiqq45]>span[data-astro-cid-dohiqq45]:last-child{color:var(--workbench-lime);letter-spacing:.08em;margin-left:auto;font-size:9px}.preview-stage[data-astro-cid-dohiqq45]{background-color:#cbd7cd;background-image:radial-gradient(#a8b8ae .6px,#0000 .6px);background-size:14px 14px;flex:1;min-width:0;min-height:0}.preview-stage[data-astro-cid-dohiqq45] iframe[data-astro-cid-dohiqq45]{background:#f2f1e9;border:0;border-radius:4px;width:100%;height:100%;display:block}.code-surface[data-astro-cid-dohiqq45]{padding:0}.editor-grid[data-astro-cid-dohiqq45]{flex:1;width:100%;min-width:0;min-height:0;display:grid}.editor-grid[data-astro-cid-dohiqq45][data-axis=x]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,34fr) 8px minmax(0,33fr) 8px minmax(0,33fr)}.editor-pane[data-astro-cid-dohiqq45]{background:#17252a;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-pane[data-astro-cid-dohiqq45]+.editor-pane[data-astro-cid-dohiqq45]{border-left:1px solid var(--workbench-border)}.editor-heading[data-astro-cid-dohiqq45]{flex:none}.editor-index[data-astro-cid-dohiqq45],.file-extension[data-astro-cid-dohiqq45]{color:#a5b7b8;font-size:10px}.file-extension[data-astro-cid-dohiqq45]{text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.editor-pane[data-astro-cid-dohiqq45][data-pane=html] h2[data-astro-cid-dohiqq45]{color:var(--workbench-coral)}.editor-pane[data-astro-cid-dohiqq45][data-pane=css] h2[data-astro-cid-dohiqq45]{color:var(--workbench-cyan)}.editor-pane[data-astro-cid-dohiqq45][data-pane=javascript] h2[data-astro-cid-dohiqq45]{color:#f4c76a}.code-editor[data-astro-cid-dohiqq45]{flex:1;width:100%;min-height:0;display:block;overflow:hidden}.code-editor[data-astro-cid-dohiqq45] .cm-editor[data-astro-cid-dohiqq45]{height:100%}.code-editor[data-astro-cid-dohiqq45] .cm-editor[data-astro-cid-dohiqq45].cm-focused{outline:2px solid var(--workbench-lime);outline-offset:-2px}.editor-grid[data-astro-cid-dohiqq45][data-axis=y] .editor-pane[data-astro-cid-dohiqq45]{border-left:0}.splitter[data-astro-cid-dohiqq45]{z-index:1;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#101b1f;place-items:center;display:grid;position:relative}.splitter[data-astro-cid-dohiqq45]:hover,.splitter[data-astro-cid-dohiqq45]:focus-visible{background:#293c40}.splitter[data-astro-cid-dohiqq45] span[data-astro-cid-dohiqq45]{background:#718587;border-radius:3px;width:3px;height:24px;display:block}.horizontal-splitter[data-astro-cid-dohiqq45]{cursor:row-resize}.horizontal-splitter[data-astro-cid-dohiqq45] span[data-astro-cid-dohiqq45]{width:24px;height:3px}.vertical-splitter[data-astro-cid-dohiqq45]{cursor:col-resize}.visually-hidden[data-astro-cid-dohiqq45]{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(width<=900px){.workbench-toolbar[data-astro-cid-dohiqq45]{gap:8px 12px}.panel-switches[data-astro-cid-dohiqq45]{flex-wrap:nowrap;order:3;width:100%;margin-left:0;overflow-x:auto}.demo-workbench[data-astro-cid-dohiqq45].is-embed .panel-switches[data-astro-cid-dohiqq45]{order:0;width:auto;margin-left:auto}.workbench-actions[data-astro-cid-dohiqq45]{margin-left:auto}}@media(width<=560px){.demo-workbench[data-astro-cid-dohiqq45]{border-radius:0;height:calc(100svh - 8rem);min-height:580px}.workbench-toolbar[data-astro-cid-dohiqq45]{padding:10px}.workbench-toolbar[data-astro-cid-dohiqq45] h1[data-astro-cid-dohiqq45]{flex:1}.workbench-actions[data-astro-cid-dohiqq45] button[data-astro-cid-dohiqq45],.workbench-action-link[data-astro-cid-dohiqq45]{padding-inline:7px;font-size:10px}.preview-stage[data-astro-cid-dohiqq45]{padding:7px}.editor-heading[data-astro-cid-dohiqq45]{gap:6px;padding-inline:8px}.editor-heading[data-astro-cid-dohiqq45] h2[data-astro-cid-dohiqq45]{font-size:10px}.file-extension[data-astro-cid-dohiqq45]{display:none}.code-editor[data-astro-cid-dohiqq45] .cm-editor[data-astro-cid-dohiqq45]{font-size:13px}}