.cm-editor.cm-focused{outline:none !important}.lqv-codebooth{--button-height:2.4rem;--file-tabs:0%;--split:50%;--v-split:20%;display:grid;font-size:1rem;grid-template:"files console" var(--file-tabs)
    "editor console" calc(100% - var(--file-tabs) - var(--button-height))
    "buttons console" var(--button-height) / var(--split);height:var(--lv-canvas-height);width:100%;position:absolute;text-align:left}.lqv-codebooth.multifile{--file-tabs:4%}.lqv-codebooth > .cm-editor,.lqv-codebooth > .lqv-editor-group,.lqv-codebooth > .lqv-editor-panel{grid-area:editor}.lqv-editor-group > *,.lqv-editor-panel > *{height:100%;width:100%}.lqv-file-tabs{grid-area:files;background:#333;z-index:10000}.lqv-file-tabs > [role="tab"]{background:#444;border:none;color:#999;cursor:pointer;display:inline-block;font-family:sans-serif;font-size:1rem;height:100%;margin-right:1px;padding:.4em 1em .4em 2em;position:relative;text-align:left}.lqv-file-tabs > [role="tab"][aria-selected="true"]{background:#222;color:#fff}[class*="lqv-filetype-"]::before{font-family:monospace;font-weight:bold;left:.5em;width:1em;text-align:center;position:absolute}.lqv-filetype-html::before{content:"<>";color:#f66}.lqv-filetype-js::before{content:"JS";color:#ff0}.lqv-filetype-css::before{content:"#";color:#1a69b5}.cm-scroller{min-height:calc(100% - var(--button-height));overflow:auto}.lqv-console{color:#000;grid-area:console;overflow-y:auto;overflow-wrap:anywhere;white-space:pre-wrap}.lqv-console > header{color:#fff;background-color:#333;font-family:sans-serif;padding:.2em .4em;width:100%;display:block}.lqv-console > output > pre{border-bottom:1px solid #eee;display:block;padding:.1em .4em;width:100%;color:#000}.lqv-console > output > pre.error{color:#f00}.lqv-console > output > pre span{display:inline-block}.lqv-console > output > pre span.array,.lqv-console > output > pre span.object{color:#479bee}.lqv-console > output > pre span.number{color:#008000}.lqv-console > output > pre span.string{color:#e438bc}.lqv-console > output > pre span.undefined{color:#aaa}.lqv-console > output > pre span ol{display:inline;list-style-type:none}.lqv-console > output > pre span ol > li{display:inline}.lqv-console > output > pre span ol > li:not(:last-child)::after{color:#000;content:", "}.lqv-preview{background:#fff;grid-area:console;height:100%;width:100%;border-left:1px solid #ddd}.lqv-preview + .lqv-console{left:var(--split);height:var(--v-split);grid-area:none;width:calc(100% - var(--split));position:absolute;bottom:0}.lqv-cb-buttons{display:flex;grid-area:buttons}.lqv-cb-buttons > [role="tablist"]{display:contents}.lqv-codebooth button{border:0 none transparent;border-radius:0;color:#fff;cursor:pointer;flex:1;font-size:1.5rem;height:var(--button-height)}.lqv-cb-reset{background-color:#1a69b5}.lqv-cb-reset:active{background-color:#16599a;outline:none}.lqv-cb-run{background-color:#18a85e}.lqv-cb-run:active{background-color:#148f50;outline:0 none transparent !important}.lqv-cb-clear{background-color:#a52117}.lqv-cb-clear:active{background-color:#8c1c14;outline:0 none transparent !important}.lqv-cb-copy{background-color:#1a69b5}.lqv-cb-copy:active{background-color:#16599a}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;-ms-touch-action:none;touch-action:none;z-index:200}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-ew{cursor:ew-resize;width:7px;left:var(--split);top:0;height:100%}.ui-resizable-ns{height:7px;cursor:ns-resize;bottom:calc(var(--v-split) - 3.5px);left:var(--split);width:calc(100% - var(--split))}.dragging > iframe{pointer-events:none}.lqv-cb-buttons [role="tab"][aria-selected="true"]{background-color:#af1866}.lqv-cb-buttons [role="tab"][aria-selected="false"]{background-color:#444;color:#666}.lqv-cb-buttons [role="tab"][aria-selected="false"]:active{background-color:#9e165c;color:#ccc}.lqv-cb-copy{background-color:#1a69b5}.lqv-cb-copy:active{background-color:#16599a}.lqv-cb-run,.lqv-cb-explain-run > th{background-color:#18a85e}.lqv-cb-clear{background-color:#a52117}