html,body{height:100vh}body{max-height:100vh;margin:0;font-family:sans-serif;font-size:13px}*,:before,:after{box-sizing:border-box}a{white-space:nowrap;color:inherit;cursor:pointer;text-decoration:none;display:inline-block}button{color:inherit;cursor:pointer;text-wrap:nowrap;text-align:left;font-size:inherit;background-color:#0000;border:0;align-items:center;padding:0;display:flex}button[disabled]{opacity:.4}button[hidden]{display:none}.wrapper{width:100%;height:100vh;flex-direction:column;display:flex;position:relative}.header{z-index:9;height:36px;background-color:#fff;outline:1px solid #00000020;align-items:center;display:flex;position:sticky;top:0}.header button{height:100%;cursor:pointer;gap:8px;padding:8px 10px}.header button:hover{background-color:#00000010}.header svg{width:15px;fill:#212121}.buttons svg{fill:#c4c4c4}.logo{height:100%;aspect-ratio:1;background:#212121 url(logo.4d93495d.svg) no-repeat;margin-right:8px}#container{scroll-snap-type:y mandatory;flex:1;display:flex;position:relative;overflow:hidden}#container>*{scroll-snap-align:start;outline:1px solid #00000020;scroll-margin-top:0}#container[direction=rows]{flex-direction:row}#container[direction=columns]{flex-direction:column}#editor{height:100%;flex:68%;overflow:hidden}#result{min-width:200px;background-color:#fff;border:0;flex:32%;padding:10px;position:relative;overflow-y:auto}[direction=code] #result,[direction=result] #editor{display:none}#view-control{margin-left:auto;display:flex}#view-control .active svg,.header button:active svg{fill:#212121}.CodeMirror{height:100%;color:#434343;width:100%;direction:ltr;background-color:#fff;font-family:monospace;font-size:15px;font-weight:600;line-height:1.2;position:relative;overflow:hidden}.CodeMirror-lines{padding:10px 0}.CodeMirror pre{padding:0 20px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{white-space:nowrap;border-right:1px solid #212121}.CodeMirror-linenumber{min-width:15px;text-align:right;color:#999;white-space:nowrap;padding:2px 10px 0 5px;font-size:13px;font-weight:400}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{width:0;border-left:2px solid #aaa;border-right:none}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;background:#7e7;border:0!important}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:#14ff1480;animation:1.06s step-end infinite blink}.cm-animate-fat-cursor{width:auto;background-color:#7e7;border:0;animation:1.06s step-end infinite blink}@keyframes blink{0%{}50%{background-color:#0000}to{}}.cm-tab{text-decoration:inherit;display:inline-block}.CodeMirror-rulers{position:absolute;inset:-50px 0 -20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute;top:0;bottom:0}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror-scroll{height:100%;outline:none;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;position:relative;overflow:scroll!important}.CodeMirror-sizer{border-right:30px solid #0000;position:relative;margin-left:10px!important}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{z-index:6;display:none;position:absolute}.CodeMirror-vscrollbar{top:0;right:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-vscrollbar::-webkit-scrollbar{width:7px}.CodeMirror-vscrollbar::-webkit-scrollbar-track{background-color:#0000}.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background-color:#c4c4c4}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll;overflow-y:hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{min-height:100%;z-index:3;display:none;position:absolute;top:0;left:0}.CodeMirror-gutter{white-space:normal;height:100%;vertical-align:top;margin-bottom:-30px;display:inline-block}.CodeMirror-gutter-wrapper{z-index:4;position:absolute;background:0 0!important;border:none!important}.CodeMirror-gutter-background{z-index:4;position:absolute;top:0;bottom:0}.CodeMirror-gutter-elt{cursor:default;z-index:4;position:absolute}.CodeMirror-gutter-wrapper ::selection{background-color:#0000}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{font-family:inherit;font-size:inherit;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;background:0 0;border-width:0;border-radius:0;margin:0;position:relative;overflow:visible}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{z-index:0;position:absolute;inset:0}.CodeMirror-linewidget{z-index:2;position:relative;overflow:auto}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{box-sizing:content-box}.CodeMirror-measure{width:100%;height:0;visibility:hidden;position:absolute;overflow:hidden}.CodeMirror-cursor{pointer-events:none;position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;z-index:3;position:relative}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected,.CodeMirror-focused .CodeMirror-selected{background:#eee}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.cm-searching{background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{color:#000;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;-o-transition:opacity .4s;background-color:#ffd;border:1px solid #000;border-radius:4px;padding:2px 5px;font-family:monospace;font-size:10pt;transition:opacity .4s;position:fixed;overflow:hidden}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:0 100%;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{cursor:pointer;height:16px;width:16px;vertical-align:middle;background-position:50%;background-repeat:no-repeat;display:inline-block;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{background-position:0 0;background-repeat:no-repeat;padding-left:18px}.CodeMirror-lint-marker-error{height:10px;width:10px;background-color:#c70000;top:3px;left:5px}.CodeMirror-lint-marker-warning{height:10px;width:10px;background-color:#f18535;top:3px;left:5px}.CodeMirror-lint-marker-multiple{width:100%;height:100%}