@font-face{font-family:Libertinus Serif;src:url(../fonts/LibertinusSerif-Regular.otf)format("opentype");font-display:block}:root{--bar:#f1f1f2;--editor:#fafafa;--divider:#e4e4e7;--divider-active:#c4c4c9;--ground:#dcdce0;--ink:#18181b;--muted:#6b6b73;--link:#1f56b8;--code:#0f6e5a;--selection:#d5e0f5;--button:#e4e4e7;--button-hover:#d8d8dc;--button-quiet:#ebebee;--overlay:#fafafa;--failure:#9a3412;--accent:#2563d0;--accent-hover:#1f54b3;--on-accent:#fff;--panel:#fff;--segment-on:#fff;--paper:#fff;--page-selection:#2563d04d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bar:#18181a;--editor:#1f1f22;--divider:#2a2a2e;--divider-active:#45454b;--ground:#2e2e33;--ink:#ececee;--muted:#8e8e96;--link:#8db4f0;--code:#7fcbb5;--selection:#34405a;--button:#2e2e33;--button-hover:#3a3a40;--button-quiet:#26262a;--overlay:#1f1f22;--failure:#f0a07a;--accent:#2c6bd9;--accent-hover:#245cc0;--on-accent:#fff;--panel:#26262a;--segment-on:#46464d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bar);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;font:14px/1.4 system-ui,sans-serif;display:flex}.bar{background:var(--bar);justify-content:space-between;align-items:center;gap:16px;height:48px;padding:0 16px;display:flex}.doc{align-items:baseline;gap:16px;min-width:0;display:flex}.wordmark{font-family:Libertinus Serif,serif;font-size:21px;line-height:1}.file-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.edited{color:var(--muted);flex:none;margin-left:-8px}.edited[hidden]{display:none}.image-notice,.disk-notice{color:var(--muted);white-space:nowrap;flex:none;align-items:baseline;gap:8px;display:flex}.image-notice[hidden],.disk-notice[hidden]{display:none}button.quiet{height:24px;color:inherit;background:var(--button-quiet);padding:0 8px}button.quiet:hover{color:var(--ink);background:var(--button)}.actions{flex:none;gap:8px;display:flex}button{height:32px;font:inherit;color:var(--ink);background:var(--button);cursor:pointer;border:0;border-radius:6px;padding:0 12px}button:hover{background:var(--button-hover)}#download-pdf{color:var(--on-accent);background:var(--accent);font-weight:500}#download-pdf:hover{background:var(--accent-hover)}#settings>button{background:0 0}#settings>button:hover,#settings>button[aria-expanded=true]{background:var(--button)}button:focus-visible,.divider:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.segments label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}button:focus-visible{outline-offset:2px}.settings{position:relative}.settings-panel{z-index:10;border:1px solid var(--divider);background:var(--panel);border-radius:8px;gap:12px;width:max-content;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 28px #00000029,0 2px 6px #00000014}.settings-panel[hidden]{display:none}.settings-panel fieldset{border:0;min-width:0;margin:0;padding:0}.settings-panel legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:12px}.segments{background:var(--button);border-radius:6px;gap:2px;padding:2px;display:flex}.segments label{text-align:center;white-space:nowrap;cursor:pointer;border-radius:4px;flex:1;padding:5px 14px;position:relative}.segments label:hover{background:var(--button-hover)}.segments label:has(:checked){background:var(--segment-on)}.segments input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segments [name=theme]+span{font-size:17px;line-height:20px}.segments label[data-loading] span{animation:.9s ease-in-out infinite alternate lp-loading}@keyframes lp-loading{to{opacity:.35}}.split{--ratio:.5;grid-template-columns:calc(var(--ratio) * 100%) 6px 1fr;flex:1;min-height:0;display:grid}.editor{background:var(--editor);min-width:0;overflow:hidden}.divider{background:var(--divider);cursor:col-resize;touch-action:none}.divider:hover,.divider:active{background:var(--divider-active)}.preview{background:var(--ground);min-width:0;position:relative;overflow:hidden}.pages{scrollbar-gutter:stable;height:100%;padding:32px;position:relative;overflow-y:auto}.page{background:var(--paper);position:relative}.page+.page{margin-top:16px}.page canvas{width:100%;height:100%;display:block}.text-layer{contain:strict;cursor:text;line-height:1;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.pages:not(.reading) .text-layer{display:none}.text-layer span{color:#0000;white-space:pre;transform-origin:0 0;position:absolute}.text-layer ::selection{background:var(--page-selection)}.overlay{background:var(--overlay);max-width:calc(100% - 24px);color:var(--ink);font-variant-numeric:tabular-nums;white-space:pre;pointer-events:none;border-radius:8px;padding:10px 12px;font-size:12px;position:absolute;bottom:12px;right:12px}.overlay .failure,.overlay .notice{white-space:normal}.overlay .failure{color:var(--failure)}.loading{color:var(--ink);font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;margin:0;font-size:14px;display:grid;position:absolute;inset:0}.loading[hidden]{display:none}.cursor-mark{z-index:1;pointer-events:none;position:absolute}.cursor-line,.cursor-caret{position:absolute}.cursor-line{background:color-mix(in srgb, var(--accent) 14%, transparent)}.cursor-caret{background:var(--accent);width:2px;margin-left:-1px}.cm-line.lp-jumped-a{animation:.6s ease-out forwards lp-jumped-a}.cm-line.lp-jumped-b{animation:.6s ease-out forwards lp-jumped-b}@keyframes lp-jumped-a{0%{background:color-mix(in srgb, var(--accent) 22%, transparent)}to{background:0 0}}@keyframes lp-jumped-b{0%{background:color-mix(in srgb, var(--accent) 22%, transparent)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.cm-line.lp-jumped-a,.cm-line.lp-jumped-b{background:color-mix(in srgb, var(--accent) 22%, transparent);animation:none}.segments label[data-loading] span{opacity:.5;animation:none}}@media (width<=720px){.split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.divider{display:none}.pages{padding:16px}.bar{flex-wrap:wrap;gap:8px 12px;height:auto;padding:8px 16px;position:relative}.doc,.actions{flex:100%}.doc{flex-wrap:wrap;row-gap:6px}.file-name{flex:1 1 0;max-width:max-content}.image-notice,.disk-notice{flex-basis:100%}.actions{gap:6px}.actions .settings{margin-right:auto}.actions .long{display:none}button{padding:0 10px}.settings{position:static}.settings-panel{width:auto;top:calc(100% + 2px);left:16px;right:16px}}
