:root{--color-bg-black: #282828;--color-fg-white: white;background-color:var(--color-bg-black);color:var(--color-fg-white);--space: .25em;--space2: calc(var(--space) * 2);--space4: calc(var(--space) * 4);--space8: calc(var(--space) * 8);--smaller: .6em}html,body{height:100dvh;width:100dvw;margin:0;padding:0;display:flex;flex-direction:column}html .toolbar,body .toolbar{flex:0}html .editor,body .editor{flex:1}.toolbar{padding:var(--space4);display:flex;flex-direction:row;gap:var(--space);background-color:var(--color-fg-white);color:var(--color-bg-black)}.toolbar .button{background-color:var(--color-bg-black);color:var(--color-fg-white)}.button{font-family:serif;font-size:var(--smaller);display:inline-block;text-transform:uppercase;padding-inline:var(--space8);padding-block:var(--space2);border-radius:var(--space)}.cm-editor,.rendered{height:100%;width:100%;max-height:100%;max-width:100%;padding:var(--space2)}.hidden{display:none}.invert{background-color:var(--color-fg-white);color:var(--color-bg-black)}.uninvert{background-color:var(--color-bg-black);color:var(--color-fg-white)}