#root{display:flex;height:100vh;padding-top:50px}.codecInput{margin:1rem 4rem 0;max-width:100%;overflow-x:hidden;height:100%;overflow-y:auto;box-sizing:border-box}.configuration{display:flex;gap:1rem}textarea{font-size:.7rem;width:100%;max-width:50vw}pre{margin:0;padding:1rem;width:100%;overflow:auto;background:#eee;height:100%;overflow-y:auto;box-sizing:border-box}.hasError{border:2px solid #e22;border-radius:3px}.error{color:#e22;font-weight:700;font-size:1.2rem;min-height:.5rem}.buttons{display:flex;gap:.5rem}button.primary{background-color:#0dd}.banner{position:absolute;top:0;left:0;right:0;overflow:hidden;display:flex;height:40px;padding:5px 10px;background:#000;font-size:20px;color:#2ee;font-family:monospace}.banner img{margin-right:15px}.banner a{color:inherit;line-height:40px}.banner a:hover{color:inherit;text-decoration:underline}.banner .react-tooltip{font-size:1rem}.banner span{font-size:.7rem;font-style:italic}.banner img{width:auto;height:100%}.banner img.github{filter:invert(1)}.resizable{position:relative;height:calc(100vh - 50px);width:100vw;display:flex}.resizable .left,.resizable .right{position:relative;height:100%;transition:width .15s}.resizable.dragging .left,.resizable.dragging .right{transition:none}.resizable .left{width:calc(70% - 2px)}.resizable .right{width:calc(30% - 2px)}.resizable .handle{width:6px;cursor:col-resize;height:100%;background-color:#ddd}@media (max-width: 768px){.resizable .handle{width:15px}}.resizable .handle:hover{background-color:#ccc}.resizable .overlay{display:none}.resizable .overlay.active{position:absolute;top:0;bottom:0;left:0;right:0;z-index:100;display:block;cursor:col-resize}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:14px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:100vw;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button.toggled{border-color:#fff874}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}