:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{width:100%;height:100vh;margin:0 auto;padding:0;text-align:center}.container{display:flex;height:100%;width:100%;box-sizing:border-box}.editor-container{width:50%;display:flex;flex-direction:column;height:100%;box-sizing:border-box;border-right:1px solid #555}#editor{width:100%;height:90%;box-sizing:border-box;padding:1rem;border:none;background-color:#1e1e1e;color:#d4d4d4;font-family:Fira Code,Courier New,monospace;font-size:16px;resize:none;outline:none}#error-container{height:10%;padding:.5rem 1rem;background-color:#252526;color:#f55;text-align:left;font-family:monospace;white-space:pre-wrap;overflow-y:auto}#preview{width:50%;height:100%;padding:1rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#fff}#preview svg{max-width:100%;max-height:100%}