:root{--color-bg: #000000;--color-bg-100: #444444;--color-text: rgba(255, 255, 255, .87);--font: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;font-family:var(--font);line-height:1.5;font-weight:400;color-scheme:dark light;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--editor-max-width: 800px}*{box-sizing:border-box}#root{height:100%;max-height:100%}html,body{height:100%}html{line-height:1.7rem}body{padding:0;margin:0;background-color:var(--color-bg);background-image:linear-gradient(to bottom,var(--color-bg-100) 0%,var(--color-bg) 100%)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.wrapper{padding:1rem}header#header{text-align:center;display:flex;align-items:flex-end;justify-content:center;gap:.5rem;padding-top:1rem}h1{margin:0;line-height:1}.editor{width:90%;max-width:var(--editor-max-width);margin:0 auto}.editor .title{text-align:center}.editor .code textarea{color:var(--color-text);font-family:var(--font);font-size:1rem;background-color:var(--color-bg-100);resize:none;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;min-height:100px;padding:10px;transition:outline-color .5s,border-color .15s,box-shadow .15s;overflow:hidden;outline-width:1px;outline-color:#fff3;line-height:1.4rem}.editor .code textarea:focus{outline-width:1px;outline-color:#fff6}.editor .editor-tools{display:flex;justify-content:flex-end;font-size:.85rem}.preview{margin-top:1rem}.preview button{margin:0 auto}button{color:var(--color-text);min-width:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:transparent;border:1px solid hsla(0,0%,100%,.25);border-radius:6px;display:flex;align-items:center;justify-content:center;height:30px;padding:0 .5rem;transition:border-color .3s}button:hover{border-color:#ffffff80}.tools{margin-bottom:1rem;display:flex;gap:.5rem;justify-content:center}