pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.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}:root,[data-theme=light]{--bg: #f6f8fa;--panel: #ffffff;--border: #d0d7de;--text: #1f2328;--muted: #656d76;--accent: #0969da;--accent-hover: #0860ca;--head-bg: #ffffff;--btn-bg: #ffffff;--btn-hover: #f3f4f6;--hover: #f3f4f6;--active-bg: #ddf4ff;--preview-bg: #ffffff;--pre-bg: #f6f8fa;--code-bg: rgba(175, 184, 193, .2);--stripe: #f6f8fa;color-scheme:light}[data-theme=dark]{--bg: #0d1117;--panel: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #4493f8;--accent-hover: #58a6ff;--head-bg: #161b22;--btn-bg: #21262d;--btn-hover: #30363d;--hover: #21262d;--active-bg: #1f3a5f;--preview-bg: #0d1117;--pre-bg: #161b22;--code-bg: rgba(110, 118, 129, .4);--stripe: #161b22;color-scheme:dark}[data-theme=dark] .hljs{color:#e6edf3;background:transparent}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-quote{color:#8b949e}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-tag{color:#ff7b72}[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-template-tag,[data-theme=dark] .hljs-addition{color:#a5d6ff}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-symbol,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-builtin-name{color:#79c0ff}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-section{color:#d2a8ff}[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-attribute{color:#ffa657}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.toolbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;margin-right:6px}.toolbar button,.table-toolbar button{display:inline-flex;align-items:center;gap:5px}.toolbar button svg,.table-toolbar button svg,.icon-btn svg{flex:0 0 auto}.group{display:flex;align-items:center;gap:6px}.group.right{margin-left:auto}.group.toggle{font-size:13px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar button{font:inherit;font-size:13px;padding:6px 12px;border:1px solid var(--border);background:var(--btn-bg);border-radius:6px;cursor:pointer;color:var(--text)}.toolbar button:hover{background:var(--btn-hover)}.toolbar button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.toolbar button.primary:hover{background:var(--accent-hover)}.toolbar button.primary:disabled{opacity:.6;cursor:default}.name-input{font:inherit;font-size:13px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;width:180px;color:var(--text);background:var(--btn-bg)}.name-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.segmented{border:1px solid var(--border);border-radius:6px;overflow:hidden}.segmented button{border:none;border-radius:0;border-right:1px solid var(--border)}.segmented button:last-child{border-right:none}.segmented button.active{background:var(--accent);color:#fff}.segmented button.active:hover{background:var(--accent-hover)}.badge{display:inline-block;min-width:16px;padding:0 4px;margin-left:4px;font-size:11px;line-height:16px;text-align:center;color:#fff;background:var(--accent);border-radius:8px}.toolbar button.active .badge{background:#ffffff59}.dot{display:inline-block;width:7px;height:7px;margin-left:5px;vertical-align:middle;background:#d29922;border-radius:50%}.body{flex:1;display:flex;min-height:0}.sidebar{width:260px;flex:0 0 260px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--panel);overflow-y:auto}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border)}.sidebar-empty{padding:16px 14px;font-size:13px;color:var(--muted);line-height:1.5}.icon-btn{font:inherit;border:none;background:transparent;cursor:pointer;padding:2px 6px;border-radius:5px;color:var(--muted);font-size:14px}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn.danger:hover{background:#cf222e26;color:#f85149}.doc-list{list-style:none;margin:0;padding:6px}.doc{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-radius:6px;cursor:pointer}.doc:hover{background:var(--hover)}.doc.active{background:var(--active-bg)}.doc-info{display:flex;flex-direction:column;min-width:0}.doc-name{font-size:13.5px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-date{font-size:11px;color:var(--muted)}.doc .icon-btn{opacity:0}.doc:hover .icon-btn,.doc.active .icon-btn{opacity:1}.panes{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.panes.source,.panes.preview{grid-template-columns:1fr}.pane{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--border)}.pane:last-child{border-right:none}.pane-head{padding:6px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--head-bg);border-bottom:1px solid var(--border)}.pane-head .hint{text-transform:none;letter-spacing:0;color:var(--accent)}.source{flex:1;width:100%;border:none;resize:none;padding:16px 20px;font-family:SF Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.6;color:var(--text);outline:none;-moz-tab-size:2;tab-size:2}.preview-scroll{flex:1;overflow:auto;background:var(--preview-bg);display:flex;justify-content:center}.preview{width:100%;max-width:820px;padding:32px 40px 80px;outline:none}.preview[contenteditable=true]:focus{background:var(--preview-bg)}.markdown-body{color:var(--text);font-size:16px;line-height:1.6;word-wrap:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:24px 0 16px;font-weight:600;line-height:1.25}.markdown-body h1{font-size:2em;padding-bottom:.3em;border-bottom:1px solid var(--border)}.markdown-body h2{font-size:1.5em;padding-bottom:.3em;border-bottom:1px solid var(--border)}.markdown-body h3{font-size:1.25em}.markdown-body p{margin:0 0 16px}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body ul,.markdown-body ol{padding-left:2em;margin:0 0 16px}.markdown-body li{margin:4px 0}.markdown-body blockquote{margin:0 0 16px;padding:0 1em;color:var(--muted);border-left:4px solid var(--border)}.markdown-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:85%;background:var(--code-bg);padding:.2em .4em;border-radius:6px}.markdown-body pre{background:var(--pre-bg);padding:16px;border-radius:8px;overflow:auto;margin:0 0 16px}.markdown-body pre code{background:none;padding:0;font-size:90%}.markdown-body table{border-collapse:collapse;margin:0 0 16px;display:block;overflow:auto}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:6px 13px}.markdown-body th{background:var(--stripe);font-weight:600}.markdown-body tr:nth-child(2n){background:var(--stripe)}.markdown-body img{max-width:100%}.markdown-body hr{height:1px;border:none;background:var(--border);margin:24px 0}.table-toolbar{position:fixed;z-index:50;display:flex;align-items:center;gap:8px;padding:5px 8px;background:#24292f;color:#fff;border-radius:8px;box-shadow:0 6px 20px #00000047;font-size:12px}.table-toolbar .tt-label{font-weight:600;opacity:.8;padding-right:2px}.table-toolbar .tt-group{display:flex;gap:3px;padding:0 6px;border-left:1px solid rgba(255,255,255,.18)}.table-toolbar button{font:inherit;font-size:12px;padding:4px 7px;border:none;border-radius:5px;background:#ffffff1f;color:#fff;cursor:pointer;white-space:nowrap}.table-toolbar button:hover{background:#ffffff40}.table-toolbar button.danger:hover{background:#cf222e}.table-toolbar button:disabled{opacity:.4;cursor:default}.preview[contenteditable=true] td,.preview[contenteditable=true] th{min-width:40px}.preview[contenteditable=true] table{cursor:pointer;transition:outline-color .12s}.preview[contenteditable=true] table:hover{outline:2px dashed var(--accent);outline-offset:3px}.pdf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#fff;overflow:auto;display:flex;justify-content:center}.pdf-export{width:794px;padding:8px 12px;background:#fff;color:#1f2328}.footer{flex:0 0 auto;padding:8px 16px;text-align:center;font-size:12.5px;color:var(--muted);background:var(--panel);border-top:1px solid var(--border)}.footer a{color:var(--accent);text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.theme-toggle{padding:6px 10px}.sidebar-backdrop{display:none}@media (max-width: 1024px){.toolbar{gap:10px}.name-input{width:140px}}@media (max-width: 768px){.toolbar{gap:8px 10px;padding:8px 10px}.brand{width:100%;font-size:14px}.group.right{margin-left:0;width:100%}.name-input{flex:1 1 120px;width:auto;min-width:0}.panes.split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1500;width:82%;max-width:320px;box-shadow:4px 0 24px #00000040}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:#0006}}@media (max-width: 560px){.toolbar button{padding:7px 10px;font-size:13px}.segmented{width:100%}.segmented button{flex:1}.group.right{flex-wrap:wrap}.group.right button{flex:1 1 auto;justify-content:center}.preview{padding:20px 16px 60px}.source{padding:14px 16px;font-size:14px}.markdown-body{font-size:15px}.table-toolbar{flex-wrap:wrap;max-width:calc(100vw - 16px);gap:6px}.table-toolbar .tt-group{padding:0 4px;border-left:none}.footer{font-size:11.5px}}@media (hover: none) and (pointer: coarse){.doc .icon-btn{opacity:1}}
