:root{--ink:#16181a;--ink-muted:#5a5c5e;--bg:#f5f4f6;--surface:#faf6f5;--rule:#c9c7c4;--accent:#dcddf3;--accent-ink:#16181a;--accent-hover:#c8caeb;--bg-cool:#eef3ef;--bg-warm:#faf6f5;--measure:60ch;--gutter:40px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, monospace;scrollbar-color:var(--rule) transparent;caret-color:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#e8e9ec;--ink-muted:#9ca3af;--bg:#0f0f0f;--surface:#1a1a1a;--rule:#2a2a2a;--accent:#9b9de8;--accent-ink:#0a0a0a;--accent-hover:#8385d8;--bg-cool:#0f0f0f;--bg-warm:#141414}}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;color:var(--ink);background:linear-gradient(135deg, var(--bg-warm) 0%, var(--bg) 50%, var(--bg-cool) 100%);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;font-weight:400;line-height:1.6}.screen{min-height:100vh}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:.18em}.num{font-variant-numeric:tabular-nums}button,[role=button],summary,select,input[type=checkbox],input[type=radio]{min-height:44px}button{min-width:44px}input,select,textarea{font:inherit;font-size:max(1rem,16px)}img,video,canvas,svg{max-width:100%;height:auto}pre{overflow-x:auto}@media (width<=480px){.screen{padding-inline:1rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}button,.copy-button{transition:background .1s,transform .1s}}body:before,body:after{content:"";z-index:1000;pointer-events:none;width:20px;height:20px;position:fixed}body:before{border-top:1px solid var(--rule);border-left:1px solid var(--rule);top:20px;left:20px}body:after{border-top:1px solid var(--rule);border-right:1px solid var(--rule);top:20px;right:20px}#root:before,#root:after{content:"";z-index:1000;pointer-events:none;width:20px;height:20px;position:fixed}#root:before{border-bottom:1px solid var(--rule);border-left:1px solid var(--rule);bottom:20px;left:20px}#root:after{border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);bottom:20px;right:20px}.editor-container{gap:0;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:60px;display:flex}.editor-pane,.preview-pane{gap:var(--spacing-md);flex-direction:column;display:flex}.editor-pane{padding-right:var(--gutter);border-right:1px solid var(--rule);flex:0 0 60%}.preview-pane{padding-left:var(--gutter);flex:0 0 40%}.pane-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--spacing-xs);font-size:11px;font-weight:400}.preview-pane .pane-label{display:none}.markdown-input{font-family:var(--font-mono);color:var(--ink);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:400px;padding:0;font-size:15px;line-height:1.6}.markdown-input::placeholder{color:var(--ink-muted);opacity:.5}.preview-content{padding-right:var(--spacing-sm);flex:1;overflow-y:auto}.preview-content::-webkit-scrollbar{width:6px}.preview-content::-webkit-scrollbar-track{background:0 0}.preview-content::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}.preview-content::-webkit-scrollbar-thumb:hover{background:var(--accent)}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{letter-spacing:-.02em;margin-top:1.5em;margin-bottom:.5em;font-weight:400;line-height:1.2}.preview-content h1:first-child,.preview-content h2:first-child,.preview-content h3:first-child{margin-top:0}.preview-content h1{font-size:2.5rem}.preview-content h2{font-size:2rem}.preview-content h3{font-size:1.5rem}.preview-content h4{font-size:1.25rem}.preview-content h5,.preview-content h6{font-size:1rem}.preview-content p{margin-bottom:1em}.preview-content ul,.preview-content ol{margin-bottom:1em;padding-left:2em}.preview-content li{margin-bottom:.25em}.preview-content a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:2px}.preview-content a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.preview-content code{font-family:var(--font-mono);background:var(--accent);border-radius:0;padding:2px 6px;font-size:.9em}.preview-content pre{background:var(--accent);padding:var(--spacing-md);border-radius:0;margin-bottom:1em;overflow-x:auto}.preview-content pre code{background:0 0;padding:0;font-size:.85em}.preview-content blockquote{border-left:1px solid var(--rule);padding-left:var(--spacing-md);color:var(--ink-muted);margin:1em 0}.preview-content table{border-collapse:collapse;width:100%;margin-bottom:1em}.preview-content th,.preview-content td{border:1px solid var(--rule);padding:var(--spacing-sm);text-align:left}.preview-content th{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--accent);font-size:11px;font-weight:400}.preview-content img{max-width:100%;height:auto;margin:1em 0;display:block}.preview-content hr{border:none;border-top:1px solid var(--rule);margin:2em 0}.character-count{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);padding-top:var(--spacing-sm);border-top:1px solid var(--rule);font-size:11px}.copy-button{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bg);background:var(--ink);cursor:pointer;margin-top:var(--spacing-md);border:none;border-radius:0;padding:12px 24px;font-size:11px;font-weight:400}.copy-button:hover{background:var(--accent-hover);color:var(--ink)}.copy-button:active{transform:scale(.98)}.copy-button.copied{background:var(--accent);color:var(--ink)}.empty-state{color:var(--ink-muted);padding:var(--spacing-xl) 0;line-height:1.8}.empty-state p{margin-bottom:.5em}@media (width<=768px){.editor-container{flex-direction:column;padding:40px 20px}.editor-pane{border-right:none;border-bottom:1px solid var(--rule);padding-right:0;padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex:none}.preview-pane{flex:none;padding-left:0}.markdown-input{min-height:300px}body:before,body:after,#root:before,#root:after{width:12px;height:12px}body:before{top:12px;left:12px}body:after{top:12px;right:12px}#root:before{bottom:12px;left:12px}#root:after{bottom:12px;right:12px}}@media (width<=480px){body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}p,li,dt,dd,blockquote,figcaption,td,th{max-width:min(75ch,100%)}