.editor-shell[data-astro-cid-aknfi5ym]{grid-template-rows:minmax(0,1fr);height:560px}.editor-pane[data-astro-cid-aknfi5ym]{flex-direction:column;min-height:0;display:flex}.editor-wrap[data-astro-cid-aknfi5ym]{flex:1;height:auto;min-height:0}.preview-pane[data-astro-cid-aknfi5ym]{min-height:0}.editor-textarea[data-astro-cid-aknfi5ym]{white-space:pre;overflow:auto}.line-numbers-inner[data-astro-cid-aknfi5ym]{transform-origin:0 0}.pane-tab[data-astro-cid-aknfi5ym]{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.pane-tab[data-astro-cid-aknfi5ym]:hover,.pane-tab[data-astro-cid-aknfi5ym]:focus-visible{color:var(--primary);outline:none}.pane-tab[data-astro-cid-aknfi5ym].active{color:var(--primary);font-weight:600}@media (width<=780px){.editor-shell[data-astro-cid-aknfi5ym]{grid-template-rows:480px 420px;grid-template-columns:1fr;height:auto;min-height:0}.editor-pane[data-astro-cid-aknfi5ym]{border-right:0;border-bottom:1px solid var(--line)}.editor-wrap[data-astro-cid-aknfi5ym]{flex:1;height:auto;min-height:0}.preview-pane[data-astro-cid-aknfi5ym]{min-height:0;overflow-y:auto}}.preview-pane pre{color:#c9d7ef;font:12.5px/1.65 var(--font-mono);background:#0b1730;border-radius:10px;margin:12px 0;padding:14px 16px;overflow-x:auto}.preview-pane code{font-family:var(--font-mono)}.preview-pane :not(pre)>code{background:var(--surface-muted);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:1px 6px;font-size:.88em}html:not([data-theme=dark]) .preview-pane pre{border:1px solid var(--line);color:#1f2328;background:#f6f8fa}.preview-pane .hljs,.syntax-rendered .hljs{color:inherit;background:0 0;display:block;overflow-x:auto}.preview-pane .hljs-comment,.preview-pane .hljs-quote,.syntax-rendered .hljs-comment,.syntax-rendered .hljs-quote{color:#6a9955;font-style:italic}.preview-pane .hljs-keyword,.preview-pane .hljs-selector-tag,.preview-pane .hljs-literal,.preview-pane .hljs-doctag,.preview-pane .hljs-name,.syntax-rendered .hljs-keyword,.syntax-rendered .hljs-selector-tag,.syntax-rendered .hljs-literal,.syntax-rendered .hljs-doctag,.syntax-rendered .hljs-name{color:#c678dd}.preview-pane .hljs-string,.preview-pane .hljs-regexp,.preview-pane .hljs-addition,.preview-pane .hljs-attribute,.preview-pane .hljs-attr,.preview-pane .hljs-template-tag,.syntax-rendered .hljs-string,.syntax-rendered .hljs-regexp,.syntax-rendered .hljs-addition,.syntax-rendered .hljs-attribute,.syntax-rendered .hljs-attr,.syntax-rendered .hljs-template-tag{color:#98c379}.preview-pane .hljs-number,.preview-pane .hljs-symbol,.preview-pane .hljs-bullet,.preview-pane .hljs-link,.preview-pane .hljs-meta,.preview-pane .hljs-selector-id,.syntax-rendered .hljs-number,.syntax-rendered .hljs-symbol,.syntax-rendered .hljs-bullet,.syntax-rendered .hljs-link,.syntax-rendered .hljs-meta,.syntax-rendered .hljs-selector-id{color:#d19a66}.preview-pane .hljs-title,.preview-pane .hljs-title.function_,.preview-pane .hljs-section,.preview-pane .hljs-function .hljs-title,.preview-pane .hljs-selector-class,.preview-pane .hljs-built_in,.preview-pane .hljs-type,.preview-pane .hljs-params,.preview-pane .hljs-variable,.preview-pane .hljs-template-variable,.preview-pane .hljs-property,.preview-pane .hljs-tag,.preview-pane .hljs-deletion,.syntax-rendered .hljs-title,.syntax-rendered .hljs-title.function_,.syntax-rendered .hljs-section,.syntax-rendered .hljs-function .hljs-title,.syntax-rendered .hljs-selector-class,.syntax-rendered .hljs-built_in,.syntax-rendered .hljs-type,.syntax-rendered .hljs-params,.syntax-rendered .hljs-variable,.syntax-rendered .hljs-template-variable,.syntax-rendered .hljs-property,.syntax-rendered .hljs-tag,.syntax-rendered .hljs-deletion{color:#61afef}.preview-pane .hljs-emphasis{font-style:italic}.preview-pane .hljs-strong{font-weight:600}html:not([data-theme=dark]) .preview-pane .hljs-comment,html:not([data-theme=dark]) .preview-pane .hljs-quote{color:#4d7c21}html:not([data-theme=dark]) .preview-pane .hljs-keyword,html:not([data-theme=dark]) .preview-pane .hljs-selector-tag,html:not([data-theme=dark]) .preview-pane .hljs-literal,html:not([data-theme=dark]) .preview-pane .hljs-doctag,html:not([data-theme=dark]) .preview-pane .hljs-name{color:#7b3fae}html:not([data-theme=dark]) .preview-pane .hljs-string,html:not([data-theme=dark]) .preview-pane .hljs-regexp,html:not([data-theme=dark]) .preview-pane .hljs-addition,html:not([data-theme=dark]) .preview-pane .hljs-attribute,html:not([data-theme=dark]) .preview-pane .hljs-attr,html:not([data-theme=dark]) .preview-pane .hljs-template-tag{color:#2f6f44}html:not([data-theme=dark]) .preview-pane .hljs-number,html:not([data-theme=dark]) .preview-pane .hljs-symbol,html:not([data-theme=dark]) .preview-pane .hljs-bullet,html:not([data-theme=dark]) .preview-pane .hljs-link,html:not([data-theme=dark]) .preview-pane .hljs-meta,html:not([data-theme=dark]) .preview-pane .hljs-selector-id{color:#a05a1a}html:not([data-theme=dark]) .preview-pane .hljs-title,html:not([data-theme=dark]) .preview-pane .hljs-title.function_,html:not([data-theme=dark]) .preview-pane .hljs-section,html:not([data-theme=dark]) .preview-pane .hljs-function .hljs-title,html:not([data-theme=dark]) .preview-pane .hljs-selector-class,html:not([data-theme=dark]) .preview-pane .hljs-built_in,html:not([data-theme=dark]) .preview-pane .hljs-type,html:not([data-theme=dark]) .preview-pane .hljs-params,html:not([data-theme=dark]) .preview-pane .hljs-variable,html:not([data-theme=dark]) .preview-pane .hljs-template-variable,html:not([data-theme=dark]) .preview-pane .hljs-property,html:not([data-theme=dark]) .preview-pane .hljs-tag,html:not([data-theme=dark]) .preview-pane .hljs-deletion{color:#1f6feb}