:root{--bg: #f4f4f5;--panel: #ffffff;--panel-2: #fafafa;--border: #e2e2e5;--text: #1f2023;--muted: #6b7280;--accent: #2563eb;--editor-bg: #ffffff;--editor-text: #1f2023;--preview-bg: #d9dadd;color-scheme:light}:root[data-theme=dark]{--bg: #17181b;--panel: #1e1f23;--panel-2: #242529;--border: #303138;--text: #e6e6e9;--muted: #9aa0aa;--accent: #3b82f6;--editor-bg: #1b1c20;--editor-text: #e6e6e9;--preview-bg: #101114;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;font-weight:700}.brand-name{font-size:14px}.controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ctl{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.ctl span{-webkit-user-select:none;user-select:none}.ctl output{min-width:34px;font-variant-numeric:tabular-nums;color:var(--text)}.ctl input[type=range]{width:96px;accent-color:var(--accent)}.ctl select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-size:12px}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:7px;padding:6px 12px;font-size:13px;cursor:pointer;line-height:1}.btn:hover{border-color:var(--accent)}.icon-btn{padding:6px 9px;font-size:15px}.update-btn{border-color:var(--accent);color:var(--accent);font-weight:600}.update-btn:disabled{opacity:.6;cursor:progress}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.panes{flex:1;display:grid;grid-template-columns:var(--split, 1fr) 6px 1fr;min-height:0}.editor-pane,.preview-pane{min-width:0;min-height:0}.editor-pane{display:flex;flex-direction:column}.url-bar{display:flex;gap:8px;padding:8px 10px;background:var(--panel);border-bottom:1px solid var(--border)}.url-bar input{flex:1;min-width:0;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:7px;padding:6px 10px;font-size:13px;outline:none}.url-bar input:focus{border-color:var(--accent)}.url-bar .btn[aria-busy=true]{opacity:.6;cursor:progress}#editor{width:100%;flex:1;resize:none;border:0;outline:none;padding:18px 20px;background:var(--editor-bg);color:var(--editor-text);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;-moz-tab-size:2;tab-size:2}.divider{cursor:col-resize;background:var(--border)}.divider:hover{background:var(--accent)}.preview-pane{overflow:auto;background:var(--preview-bg);padding:24px}:root{--doc-font-size: 11pt;--doc-line-height: 1.5;--doc-font: Georgia, "Times New Roman", serif;--page-margin: 20mm}.doc{color:#111;font-family:var(--doc-font);font-size:var(--doc-font-size);line-height:var(--doc-line-height)}.pages{display:flex;flex-direction:column;align-items:center;gap:34px}.page{position:relative;width:210mm;height:297mm;padding:var(--page-margin);background:#fff;box-shadow:0 2px 18px #00000047}.page-num{position:absolute;left:0;right:0;bottom:calc(var(--page-margin) / 2);transform:translateY(50%);text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-variant-numeric:tabular-nums;color:#777;-webkit-user-select:none;user-select:none}.page-date{position:absolute;top:calc(var(--page-margin) / 2);right:var(--page-margin);transform:translateY(-50%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;color:#777;-webkit-user-select:none;user-select:none}.flow{position:fixed;top:0;left:0;z-index:-1;visibility:hidden;pointer-events:none;width:calc(210mm - 2 * var(--page-margin))}.page>:first-child,.flow>:first-child{margin-top:0}.page>.page-last{margin-bottom:0}.doc h1,.doc h2,.doc h3,.doc h4{line-height:1.25;margin:1.4em 0 .5em}.doc h1{font-size:1.9em}.doc h2{font-size:1.5em;border-bottom:1px solid #e5e5e5;padding-bottom:.2em}.doc h3{font-size:1.25em}.doc p,.doc ul,.doc ol,.doc blockquote,.doc table{margin:0 0 .85em}.doc a{color:#1a4fd6}.doc ul,.doc ol{padding-left:1.5em}.doc li{margin:.15em 0}.doc li>input[type=checkbox]{margin-right:.5em}.doc blockquote{border-left:3px solid #d3d3d3;margin-left:0;padding:.1em 1em;color:#555}.doc hr{border:0;border-top:1px solid #e0e0e0;margin:1.6em 0}.doc img{max-width:100%;height:auto}.img-wrap{position:relative;display:inline-block;line-height:0;max-width:100%}.img-wrap img{display:block}.img-tools{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:2px;padding:3px;border-radius:7px;background:#141518d1;box-shadow:0 1px 4px #0000004d;opacity:0;transition:opacity .12s ease;line-height:1}.img-wrap:hover .img-tools,.img-wrap:focus-within .img-tools{opacity:1}.img-tools button{border:0;background:transparent;color:#fff;font-size:13px;line-height:1;width:22px;height:22px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.img-tools button:hover{background:#ffffff2e}.img-tools button:disabled{opacity:.35;cursor:default;background:transparent}.img-tools .img-del:hover{background:#dc2626}.img-tools .img-pct{color:#fff;font-size:11px;min-width:30px;text-align:center;font-family:ui-monospace,Menlo,monospace}.img-wrap.is-removed img,.img-wrap.is-removed .img-tools{display:none}.img-wrap:not(.is-removed) .img-removed{display:none}.img-removed{display:inline-flex;align-items:center;gap:6px;line-height:1.2;padding:4px 10px;border:1px dashed #b9bcc4;border-radius:6px;background:#f4f4f5;color:#6b7280;font-size:.8em;cursor:pointer}.img-removed:hover{border-color:var(--accent);color:var(--text)}.doc code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em;background:#f1f1f2;padding:.12em .35em;border-radius:4px}.doc pre{background:#f6f8fa;border:1px solid #eaecef;border-radius:6px;padding:12px 14px;margin:0 0 .85em;white-space:pre-wrap;word-break:break-word}.doc pre code{background:none;padding:0;font-size:.85em}.doc pre.mermaid{background:none;border:0;padding:0;text-align:center;line-height:normal}.doc pre.mermaid svg{max-width:100%;height:auto}.doc table{border-collapse:collapse;width:100%}.doc th,.doc td{border:1px solid #d8d8d8;padding:6px 10px;text-align:left}.doc th{background:#f4f4f5}@media(max-width:820px){.panes{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr}.editor-pane{border-bottom:1px solid var(--border)}.divider{display:none}.pages{gap:24px}.page{width:100%}}@page{size:A4;margin:20mm}@media print{html,body{height:auto;background:#fff}.toolbar,.divider,.editor-pane,.flow,.page-num,.page-date,.img-tools,.img-wrap.is-removed,.img-removed{display:none!important}.img-wrap{display:inline-block}#app,.panes{display:block;height:auto}.preview-pane{overflow:visible;background:#fff;padding:0;display:block}.pages{display:block}.page{width:auto;height:auto;min-height:0;margin:0;padding:0;box-shadow:none}.page+.page{break-before:page}}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}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-serif-4-latin-400-normal-DJ5YJwmz.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/source-serif-4-latin-400-italic-0j97Jm6B.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/source-serif-4-latin-700-normal-CGGdTIBe.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:700;src:url(/assets/source-serif-4-latin-700-italic-JqVfbRzb.woff2) format("woff2")}@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/literata-latin-400-normal-CLtNJ872.woff2) format("woff2")}@font-face{font-family:Literata;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/literata-latin-400-italic-BxdXY0No.woff2) format("woff2")}@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/literata-latin-700-normal-DYBWKELl.woff2) format("woff2")}@font-face{font-family:Literata;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/literata-latin-700-italic-Bp5feCsW.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/spectral-latin-400-normal-CTVgUekv.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/spectral-latin-400-italic-CDO25mTW.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/spectral-latin-700-normal-Cd2m0ohD.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/spectral-latin-700-italic-CfJS6vGz.woff2) format("woff2")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lora-latin-400-normal-DnxXpLNu.woff2) format("woff2")}@font-face{font-family:Lora;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/lora-latin-400-italic-DYjZp4sZ.woff2) format("woff2")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lora-latin-700-normal-BHK4Pzk4.woff2) format("woff2")}@font-face{font-family:Lora;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/lora-latin-700-italic-BzqHDNuv.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-normal-BCNrxLz_.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-italic-DSEbMgZu.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-latin-700-normal-D7LhwqnD.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-latin-700-italic-Db6TyVBE.woff2) format("woff2")}@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-baskerville-latin-400-normal-C42RasBZ.woff2) format("woff2")}@font-face{font-family:Libre Baskerville;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/libre-baskerville-latin-400-italic-Dx5Rrf3o.woff2) format("woff2")}@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-baskerville-latin-700-normal-CLGq6Yj4.woff2) format("woff2")}@font-face{font-family:Libre Baskerville;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/libre-baskerville-latin-700-italic-C4Uuk9Bj.woff2) format("woff2")}@font-face{font-family:Merriweather;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/merriweather-latin-400-normal-G4kZaoXi.woff2) format("woff2")}@font-face{font-family:Merriweather;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/merriweather-latin-400-italic-CuD3zK4B.woff2) format("woff2")}@font-face{font-family:Merriweather;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/merriweather-latin-700-normal-DoUP8Ce-.woff2) format("woff2")}@font-face{font-family:Merriweather;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/merriweather-latin-700-italic-D8D7WEYy.woff2) format("woff2")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-sans-3-latin-400-normal-DQi5PRDE.woff2) format("woff2")}@font-face{font-family:"Source Sans 3";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/source-sans-3-latin-400-italic-bFKvakRX.woff2) format("woff2")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/source-sans-3-latin-700-normal-CkzU-mV9.woff2) format("woff2")}@font-face{font-family:"Source Sans 3";font-style:italic;font-display:swap;font-weight:700;src:url(/assets/source-sans-3-latin-700-italic-Dk-Fvm9i.woff2) format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/open-sans-latin-400-normal-Bk63H6sG.woff2) format("woff2")}@font-face{font-family:Open Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/open-sans-latin-400-italic-oaOkCnEp.woff2) format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/open-sans-latin-700-normal-CceUhp2e.woff2) format("woff2")}@font-face{font-family:Open Sans;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/open-sans-latin-700-italic-BB5Hhhk8.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lato-latin-400-normal-BEhtfm5r.woff2) format("woff2")}@font-face{font-family:Lato;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/lato-latin-400-italic-Dc0B1559.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lato-latin-700-normal-BUGMgin4.woff2) format("woff2")}@font-face{font-family:Lato;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/lato-latin-700-italic-Jzc1y7Yy.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-italic-D1l0FflY.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-italic-BsEzapPQ.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-italic-CZTNEAuW.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-700-italic-KpevCRgq.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-italic-B9rkokqX.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-italic-UHuf0FXr.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-italic-BqAiT5Ww.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-mono-latin-700-normal-7sUh57Bg.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-mono-latin-700-italic-J6kahdQd.woff2) format("woff2")}
