:root{--bg:#fff;--fg:#1f2328;--border:#e4e4e7;--input:#d4d4d8;--muted:#6b7280;--secondary:#f4f4f5;--hover:#e4e4e7;--accent:#e8eefc;--accent-fg:#1e3a8a;--popover:#fff;--selection:#2563eb40;--caret:#2563eb;--tab-fg:#71717a;--tab-active-fg:#18181b;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-fg:#fff;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1e1f22;--fg:#e4e4e7;--border:#2e3035;--input:#3a3d44;--muted:#9ca3af;--secondary:#18191c;--hover:#2a2b30;--accent:#3867d6;--accent-fg:#fff;--popover:#25262a;--selection:#4c8dff4d;--caret:#4c8dff;--tab-fg:#8b8f98;--tab-active-fg:#f4f4f5;--primary:#4c8dff;--primary-hover:#3b7bf0;--primary-fg:#fff;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%}body{--font:15px;font-variant-ligatures:none;height:100dvh;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font:14px/1.4 Lilex,ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:default;background:0 0;border:0;padding:0}::selection{background:var(--selection)}*{scrollbar-width:thin;scrollbar-color:var(--input) transparent}.icon{width:24px;height:24px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.icon:hover{background:var(--hover);color:var(--fg)}#tabs{scrollbar-width:none;background:var(--secondary);flex:none;height:36px;display:flex;overflow:auto hidden}.tab{max-width:220px;color:var(--tab-fg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);user-select:none;flex:none;align-items:center;gap:4px;padding:0 6px 0 12px;display:flex}.tab:hover{color:var(--tab-active-fg)}.tab .label{text-overflow:ellipsis;white-space:nowrap;padding-right:8px;overflow:hidden}.tab.active{background:var(--bg);color:var(--tab-active-fg);border-bottom-color:#0000}.tab-end{border-bottom:1px solid var(--border);flex:1;align-items:center;padding:0 6px;display:flex}#menubar{background:var(--secondary);border-bottom:1px solid var(--border);user-select:none;flex:none;align-items:center;height:38px;padding:0 8px;display:flex}#menus{flex:1;gap:4px;display:flex}#menubar .icon{margin-left:4px}#share{height:26px;color:var(--primary-fg);background:var(--primary);border-radius:6px;align-items:center;gap:6px;margin-left:4px;padding:0 10px;font-weight:500;display:flex}#share:hover{background:var(--primary-hover)}#toast{z-index:20;background:var(--popover);border:1px solid var(--border);border-radius:10px;max-width:calc(100vw - 32px);padding:8px 14px;font-size:13px;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.menu-button{border-radius:6px;height:26px;padding:0 10px}.menu-button:hover,.menu-button.open{background:var(--hover)}.popup{z-index:10;background:var(--popover);border:1px solid var(--border);border-radius:10px;min-width:220px;max-height:calc(100dvh - 90px);padding:4px;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.popup button{text-align:left;border-radius:6px;align-items:center;width:100%;height:28px;padding:0 10px 0 4px;display:flex}.popup button:hover{background:var(--accent);color:var(--accent-fg)}.popup .check{text-align:center;width:20px;font-size:12px}.popup .label{flex:1;padding-right:24px}.popup kbd{font:inherit;color:var(--muted);font-size:12px}.popup button:hover kbd{color:inherit;opacity:.8}.popup hr{border:0;border-top:1px solid var(--border);margin:4px 6px}#findbar{background:var(--secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:6px 8px;display:flex}#findbar input{min-width:0;max-width:18rem;height:26px;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--input);border-radius:6px;outline:none;flex:10rem;padding:0 8px;font-size:13px}#findbar input:focus{border-color:var(--caret)}#findbar button{border-radius:6px;min-width:26px;height:26px;padding:0 8px;font-size:13px}#findbar button:hover{background:var(--hover)}#findbar:not(.with-replace) #replace,#findbar:not(.with-replace) .r{display:none}main{flex:1;min-height:0;display:flex}textarea,#preview{min-width:0;font-size:var(--font);flex:1 1 0;line-height:1.6}textarea{resize:none;tab-size:4;color:inherit;background:var(--bg);caret-color:var(--caret);border:0;outline:0;margin:0;padding:8px 12px;font-family:inherit}#preview{border-left:1px solid var(--border);overflow-wrap:anywhere;padding:8px 16px;overflow-y:auto}.md>:first-child{margin-top:.4em}.md h1,.md h2,.md h3,.md h4{margin:1em 0 .5em;line-height:1.25}.md h1{font-size:2em}.md h2{font-size:1.5em}.md h3{font-size:1.2em}.md p,.md ul,.md ol,.md pre,.md table,.md blockquote{margin:0 0 .9em}.md ul,.md ol{padding-left:1.4em}.md a{color:var(--caret)}.md code{background:var(--secondary);border-radius:4px;padding:.1em .3em;font-size:.9em}.md pre{background:var(--secondary);border-radius:6px;padding:10px 12px;overflow-x:auto}.md pre code{background:0 0;padding:0}.md blockquote{border-left:3px solid var(--border);color:var(--muted);padding-left:1em}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--border);text-align:left;padding:4px 10px}.md th{font-weight:600}.md img{max-width:100%}.md hr{border:0;border-top:1px solid var(--border)}#status{height:28px;color:var(--muted);background:var(--secondary);border-top:1px solid var(--border);white-space:nowrap;flex:none;align-items:center;font-size:12px;display:flex}#status span{border-left:1px solid var(--border);padding:0 12px}#status #pos{border-left:0;flex:1}@media (width<=640px){main{flex-direction:column}#preview{border-left:0;border-top:1px solid var(--border)}#menubar{padding:0 4px}#menus{gap:0}.menu-button{padding:0 6px}#share{padding:0 8px}#share svg{display:none}textarea{font-size:max(16px, var(--font))}#status span:last-child{display:none}}#print{display:none}@media print{body{color:#000;background:#fff;height:auto;display:block;overflow:visible}body>:not(#print){display:none!important}#print{display:block}#print pre{white-space:pre-wrap;font:inherit}}