:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100vh;gap:0;justify-content:stretch;align-content:stretch}#readme{grid-column:1 / 2;grid-row:1 / 2;display:flex;flex-direction:column;justify-content:flex-start;height:50vh;box-sizing:border-box;padding:2em;overflow:auto;border-bottom:1px solid #4444}#readme p{margin-top:.5em;margin-bottom:.5em}#readme h1{margin-top:0;margin-bottom:.5em}#terminal{grid-column:1 / 2;grid-row:1 / 2;display:flex;flex-direction:column;justify-content:flex-start;height:50vh;box-sizing:border-box;padding:2em;overflow:auto;position:relative;top:50vh;border-top:1px solid #4444}#run-controls{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;gap:1em;margin-bottom:1em}#run-status{font-size:1em;justify-content:right}#editor-container{grid-column:2 / 3;grid-row:1 / 2;display:flex;flex-direction:column;height:100vh;box-sizing:border-box;padding:2em;overflow:auto}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0;padding:0rem;text-align:center}.mono{font-family:Monaco,Courier New,monospace}input#stdin{font-size:1em;border:none;border-bottom:2px solid #646cff;background:transparent;outline:none;padding:.2em .1em;margin-top:.5em;color:inherit;width:100%;box-sizing:border-box}input#stdin:disabled{border-color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover:enabled{border-color:#646cff}button:focus:enabled,button:focus-visible:enabled{outline:4px auto -webkit-focus-ring-color}.error{color:#6a0136;text-decoration:underline;text-decoration-style:dashed}.terminal-input{text-decoration:underline}#input-output{background:#181818;color:#e0e0e0;border-radius:6px;border:1px solid #333;padding:1em;min-height:8em;font-size:1em;text-align:left;white-space:pre-wrap;word-break:break-word;margin-bottom:.2em;box-shadow:0 2px 8px #0002;font-family:Monaco,Courier New,monospace;overflow-y:auto;max-height:16em}#input-output .terminal-input{color:#8be9fd;font-weight:700;text-decoration:none;background:none}#input-output .terminal-output{color:#e0e0e0}#stdin{display:block;width:100%;background:transparent;border:none;border-bottom:1px solid #444;color:#8be9fd;font-family:inherit;font-size:1em;outline:none;padding:.2em 0;margin:0;box-sizing:border-box}#stdin:focus{border-bottom:1px solid #646cff;background:#222}#code-example-selectors{display:flex;flex-direction:row;border-bottom:2px solid #646cff;width:100%}#code-example-selectors>button{flex:1 1 0;border:none;border-top:5px solid transparent;border-bottom:5px solid transparent;border-radius:0;padding:.8em .5em;font-size:1.1em;font-weight:500;cursor:pointer;transition:color .2s;outline:none;margin:0}#code-example-selectors>button:first-child{border-top-left-radius:8px}#code-example-selectors>button:last-child{border-top-right-radius:8px}#code-example-selectors>button.active{border:#646cff;border-bottom:5px solid #646cff;z-index:1}#code-example-selectors>button.inactive{color:#888}#code-example-selectors>button:not(.active):hover{color:#747bff}