:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3em;line-height:1.1;padding-left:24px}#app{display:flex;flex-direction:column;height:100vh}body{display:flex;flex-direction:column;font-family:sans-serif}header{display:flex;background:#333;color:#fff;justify-content:space-between}.title-block{flex-direction:column;margin:16px 4px 4px 0}.title-block h1{margin:0}.versions{display:flex;gap:.5em;align-items:center;padding-left:24px}.versions p{display:inline;position:relative;margin:0;padding-right:.5em}.versions p:not(:last-child):after{content:"/";position:absolute;right:0}.container{flex:1;display:flex;height:100%}#editor,#result{flex:1;padding:10px;box-sizing:border-box;margin:4px;height:100%;overflow:auto}#editor>.cm-editor{flex:1;font-size:1em;border:none;outline:none;height:100%;box-sizing:border-box}#editor+textarea{border-left:1px solid #ccc}.elapse-time{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:4px;padding-right:16px}.elapse-time div{display:flex;justify-content:space-between;min-width:180px}.elapse-time dt{margin:0 12px 0 0;flex:0 0 100px;text-align:right;color:#eee}.elapse-time dd{margin:0;flex:1}