/* editor-output.css - CodeMirror editor, the Output panel, game and camera canvases and the inline input line. */

/* CODEMIRROR */
.CodeMirror{height:100%!important;font-family:'JetBrains Mono','Fira Code','Courier New',monospace!important;line-height:1.65!important}
.CodeMirror-scroll{height:100%!important}

/* OUTPUT */
.out-body{flex:1;overflow-y:auto;padding:12px 14px;font-family:'JetBrains Mono','Fira Code',monospace;font-size:12.5px;line-height:1.7;background:var(--out-bg);min-height:0;cursor:text}
.out-body::-webkit-scrollbar{width:4px}
.out-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}
.out-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted);gap:10px;text-align:center;pointer-events:none}
.out-ph i{font-size:30px;opacity:.18}
.out-ph p{font-size:12px}
.out-line{color:var(--text);white-space:pre-wrap;word-break:break-all;display:block}
.out-error{color:#F87171;white-space:pre-wrap;word-break:break-all;display:block}
.out-ok{color:var(--green);font-size:10px;margin-top:6px;opacity:.8;display:block}
.out-img{max-width:100%;border-radius:7px;margin:8px 0;display:block;border:1px solid var(--border2)}

/* INLINE INPUT */
.inline-input-line{display:flex;align-items:center;flex-wrap:wrap;margin:0}
.inline-prompt{color:var(--brand-dk);white-space:pre;font-family:'JetBrains Mono','Fira Code',monospace;font-size:12.5px}
.inline-inp{background:transparent;border:none;border-bottom:1.5px solid var(--brand-dk);color:var(--text);font-family:'JetBrains Mono','Fira Code',monospace;font-size:12.5px;outline:none;width:200px;padding:1px 4px;caret-color:var(--brand-dk);margin-left:2px}