:root{--font-sans-serif: sans-serif;--font-mono: monospace;--color-text: #000;--color-background: #fff;--color-border: #aaa;--color-link: #00f;--color-link-hover: var(--color-link);--color-link-active: var(--color-link);--color-link-visited: var(--color-link);--color-button-text: var(--color-text);--color-button-border: var(--color-border);--color-button-bg: #eee;--color-button-bg-hover: #e8e8e8;--color-button-bg-active: #ddd;--color-container-bg: rgba(0, 0, 0, 0);--color-header-bg: rgba(0, 0, 0, 0);--color-split-panes-bg: #fff;--color-separator-bg: var(--color-button-bg);--color-separator-bg-hover: var(--color-button-bg-hover);--color-separator-bg-active: var(--color-button-bg-active);--color-separator-sash: var(--color-border);--color-active-line-bg: #e6f7ff;--color-active-line-text: var(--color-text);--size-button-border: 1px;--size-button-radius: 8px;--size-separator: 20px;--size-separator-sash: 1px;--size-container-border: 0;--size-split-panes-border: 1px;--pane-proportion: 50%}@media (prefers-color-scheme: dark){:root{--color-text: #fff;--color-background: #000;--color-border: #777;--color-link: #0f0;--color-button-bg: #444;--color-button-bg-hover: #444;--color-button-bg-active: #444;--color-split-panes-bg: #000;--color-active-line-bg: #333;--size-button-border: 0}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans-serif);font-size:18px;background:var(--color-background);color:var(--color-text);width:100%}a{color:var(--color-link)}a:hover{color:var(--color-link-hover);text-decoration:underline}a:active{color:var(--color-link-active)}a:visited{color:var(--color-link-visited)}#welcomeView,#loadingView,#appView{display:none}body[data-view=welcome] #welcomeView,body[data-view=loading] #loadingView,body[data-view=app] #appView{display:block}button{all:unset;display:inline-block;color:var(--color-button-text);background-color:var(--color-button-bg);border:solid var(--size-button-border) var(--color-button-border);border-radius:var(--size-button-radius);padding:.5em 2em;font-family:var(--font-sans-serif);font-size:inherit;cursor:pointer;text-align:center;margin:0}button:hover{background-color:var(--color-button-bg-hover)}button:active{background-color:var(--color-button-bg-active)}pre{margin-bottom:0;font-size:inherit}body[data-view=welcome]{background:var(--color-background)}.welcome{font-family:var(--font-sans-serif);line-height:1.3;width:100%;max-width:700px;padding:0 1em;margin:0 auto}.welcome .cta{text-align:center}.ctaButton{font-size:1.5em;padding:.5em 2em}body[data-view=loading]{background:var(--color-background)}body[data-view=loading] #loadingView{opacity:1}.loading_text{text-align:center}.loading_text:after{content:"...";animation:dots 1s infinite steps(3)}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.container{background:var(--color-container-bg);display:flex;flex-direction:column;height:100vh;width:100%;max-width:1240px;margin:0 auto;border:solid var(--size-container-border) var(--color-border);border-top:none;border-bottom:none}.header,.footer{padding:1em;width:100%;position:relative;background:var(--color-header-bg);flex-shrink:0}.header{display:flex;align-items:center;border-bottom:solid 1px var(--color-border)}.footer{display:block;text-align:center;border-top:solid 1px var(--color-border)}.header-left,.header-center,.header-right{flex:1;display:flex;align-items:center}.header-left{justify-content:flex-start}.header-center{justify-content:center}.header-right{justify-content:flex-end}.container button{font-size:.9em;margin-left:1em;padding:.5em 1.5em}.container button:first-child{margin-left:0}.split-panes{display:flex;flex:1 1 auto;min-height:0;width:100%;border:solid var(--size-split-panes-border) var(--color-border);border-top:none;border-bottom:none;background:var(--color-split-panes-bg)}.pane{height:100%;min-width:0;min-height:0;overflow:auto}.left-pane{padding:1em}.right-pane{display:flex;justify-content:center;align-items:flex-start;padding:1em}.right-pane img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.separator{background-color:var(--color-separator-bg);position:relative;flex-shrink:0}.separator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-separator-sash)}.split-panes.horizontal{flex-direction:row}.split-panes.horizontal>.left-pane{flex-basis:var(--pane-proportion)}.split-panes.horizontal>.right-pane{flex-basis:calc(100% - var(--pane-proportion))}.split-panes.horizontal>.separator{width:var(--size-separator);cursor:col-resize}.split-panes.horizontal>.separator:after{width:var(--size-separator-sash);height:100%}.split-panes.vertical{flex-direction:column-reverse;margin-bottom:0;border-bottom:none}.split-panes.vertical>.left-pane{flex-basis:var(--pane-proportion)}.split-panes.vertical>.right-pane{flex-basis:calc(100% - var(--pane-proportion))}.split-panes.vertical>.separator{height:var(--size-separator);cursor:row-resize}.split-panes.vertical>.separator:after{height:var(--size-separator-sash);width:100%}body.resizing-active{-webkit-user-select:none;user-select:none}.separator.resizing,.separator:hover{background-color:var(--color-separator-bg-hover)}.separator.resizing,.separator:active{background-color:var(--color-separator-bg-active)}.separator.resizing:after,.separator:hover:after{background-color:var(--color-separator-sash)}#tocEditor{height:100%}.cm-editor{height:100%;font-family:var(--font-mono);font-size:inherit;line-height:1.5;border:none!important;outline:none!important;box-shadow:none!important;background:var(--color-container-bg);color:var(--color-text)}.cm-content{font-family:var(--font-mono)}.cm-line{caret-color:var(--color-text)}.cm-gutters{border:none!important}.cm-activeLine{color:var(--color-active-line-text)!important;background-color:var(--color-active-line-bg)!important}.standalone .container{max-width:100%;border:none}.standalone .split-panes{border:none}@media (max-width: 1240px){.container,.split-panes{border:none}}