:root{--tangerine-dream:#ef946c;--ink-black:#001011;--grey:#757780;--porcelain:#fffffc;--platinum:#f1f2f6;color:var(--ink-black);background-color:var(--platinum);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}h1,h2{color:var(--ink-black);margin-top:0}@media (width<=640px){:root{font-size:15px}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.app{flex-direction:column;gap:1.25rem;max-width:960px;margin:0 auto;padding:1rem;display:flex}.editor-section,.preview-section{background-color:var(--porcelain);border:1px solid var(--platinum);border-radius:.75rem;padding:1rem}.editor-label{color:var(--ink-black);margin-bottom:.5rem;font-weight:600;display:inline-block}.editor-input{border:1px solid var(--grey);resize:vertical;width:100%;min-height:14rem;font:inherit;color:var(--ink-black);background-color:var(--porcelain);box-sizing:border-box;border-radius:.5rem;padding:.75rem}.editor-input:focus-visible,.scroll-button:focus-visible{outline:2px solid var(--tangerine-dream);outline-offset:2px}.scroll-button{background-color:var(--tangerine-dream);color:var(--ink-black);cursor:pointer;border:0;border-radius:.5rem;margin-top:.75rem;padding:.625rem 1rem;font-weight:600}.scroll-button:disabled{opacity:.6;cursor:not-allowed}.preview-placeholder{color:var(--grey)}.markdown-preview{color:var(--ink-black);line-height:1.6}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin-top:1.25rem;margin-bottom:.5rem}.markdown-preview p,.markdown-preview ul,.markdown-preview ol,.markdown-preview blockquote,.markdown-preview pre,.markdown-preview table{margin-top:0;margin-bottom:1rem}.markdown-preview a{color:var(--tangerine-dream);word-break:break-word;text-decoration:underline}.markdown-preview blockquote{border-left:4px solid var(--platinum);color:var(--grey);margin-left:0;padding-left:.75rem}.markdown-preview :not(pre)>code{background-color:var(--platinum);border-radius:.25rem;padding:.125rem .25rem}.markdown-preview pre{border-radius:.5rem;padding:.75rem;overflow-x:auto}.markdown-preview table{border-collapse:collapse;width:100%}.markdown-preview th,.markdown-preview td{border:1px solid var(--platinum);text-align:left;padding:.5rem}