:root{--bg: #f4f5f7;--panel: #ffffff;--ink: #1b1f27;--muted: #68707d;--accent: orange;--border: #d9dee6;--pad-xxs: 2px;--pad-xs: 4px;--pad-s: 2px;--pad-m: 8px;--gap-s: 4px;--gap-m: 8px;--gap-l: 10px;--ui-font: Arial, Helvetica, sans-serif;--ui-size: 12px;--mono: ui-monospace, Courier, monospace;--run-font-size: 5pt;--run-color: #5e6673;--page-num-offset: 4pt;--grid-accent-1: rgba(255, 240, 171, .5);--grid-accent-2: rgba(173, 216, 255, .35)}*{box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:var(--ui-size) var(--ui-font)}.topbar{width:100%;position:sticky;top:0;z-index:5;display:flex;gap:var(--gap-s);align-items:center;flex-wrap:wrap;padding:var(--pad-s);background:#eef1f5;border-bottom:1px solid var(--border)}.topbar .group{display:flex;flex-wrap:wrap;gap:var(--gap-s);align-items:center}.topbar .group.right{margin-left:auto}.topbar label{font-size:var(--ui-size);color:var(--muted);display:inline-flex;align-items:center;gap:6px}.topbar :is(input,select,button){background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:6px;cursor:pointer}.topbar input[type=number]{width:56px}.topbar button.primary{border-color:var(--accent)}.workspace{min-height:80dvh;height:100%;display:grid;grid-template-columns:48% 2px 1fr;overflow:hidden;height:100dvh}.left{background:var(--panel);border-right:1px solid var(--border);overflow:scroll;display:flex;flex-direction:column}.splitter{cursor:col-resize;background:var(--border)}.right{position:relative;padding:var(--pad-s);overflow:scroll}.editor{flex:1 1 auto;height:100%;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.editor .header{padding:8px 10px;color:var(--muted);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fafbfc}.editor textarea{width:100%;height:100%;resize:none;padding:12px 14px;background:#fbfcfe;color:var(--ink);border:none;outline:none;font-size:13px;font-family:var(--mono);tab-size:2}.editor .hint{border-top:1px solid var(--border);padding:6px 10px;font-size:var(--ui-size);color:var(--muted);background:#fafbfc}.editor .hint.storage-indicator{display:flex;align-items:center;justify-content:space-between}.spreads-viewport{overflow:auto;max-height:calc(100dvh - var(--chrome-h) - var(--pad-m));padding:var(--pad-m)}.spreads-scale{width:max-content;height:max-content;transform-origin:top left}.spreads{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-l) 0;width:max-content}.spreads .page:first-child{grid-column:2}.zoombar{position:sticky;bottom:0;z-index:5;display:inline-flex;align-items:center;gap:var(--gap-s);width:100%;padding:var(--pad-xxs) var(--pad-xs);background:#eef1f5f2;border-top:1px solid var(--border)}.zoombar input[type=range]{width:120px}.zoombar button{background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:2px 6px;cursor:pointer}.zoombar .zoomval{margin-left:auto;color:var(--muted);font-size:var(--ui-size)}.page{position:relative;background:#fff;color:#111;box-shadow:inset 0 0 10px #00000026;overflow:hidden;display:flex;flex-direction:column}.page-inner{width:100%;height:100%;overflow:hidden;column-fill:auto}.page-running-header,.page-running-footer,.page-number,.print-page-number,.print-running-header,.print-running-footer{font-family:inherit!important;color:var(--run-color);font-size:var(--run-font-size);line-height:1;pointer-events:none}.page-running-header,.print-running-header,.page-running-footer,.print-running-footer{position:absolute;left:0;right:0;text-align:center}.page-running-header{top:4px}.page-running-footer{bottom:4px}.print-running-header{top:1mm}.print-running-footer{bottom:1mm}.page-number,.print-page-number{position:absolute;bottom:var(--page-num-offset)}.page-number.lef,.print-page-number.lef{left:var(--page-num-offset);text-align:left}.page-number.rig,.print-page-number.rig{right:var(--page-num-offset);text-align:right}.page-footer{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-size:var(--run-font-size);color:var(--run-color);height:calc(var(--margin-bottom, 20) * 1px * .9);line-height:calc(var(--margin-bottom, 20) * 1px * 1.5)}.preview :where(h1,h2,h3,h4),h1,h2,h3,h4{margin:0 0 .5ch;font-weight:400;break-after:avoid}.preview h1{font-size:1.8em}.preview h2{font-size:1.3em}.preview h3{font-size:1.1em}.preview :is(p,li){font-size:1em}.preview p{margin:0 0 .75em}.preview :is(ul,ol){margin:.5em 0 .75em 1.25em}.preview blockquote{margin:.75em 0;padding:.6em .9em;color:#999;break-inside:avoid}.preview img{max-width:100%;display:block;break-inside:avoid}.preview div:not(.force-colbreak){margin-bottom:1ch}.force-pagebreak{break-before:page;-webkit-break-before:page;page-break-before:always;height:0;margin:0;padding:0}.full,.span-all,.cols{column-span:all;break-inside:avoid;width:100%}.cols{column-gap:var(--column-gap, 1em)}.force-colbreak{break-before:column;-webkit-column-break-before:always;column-break-before:always;height:0!important;margin:0!important;padding:0!important}.force-rowbreak{display:block;width:100%;height:1em;break-inside:avoid;max-height:20em}.page-inner>:first-child,#print-root .print-inner>:first-child{margin-top:0!important}.page-inner :is(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote):first-child,#print-root .print-inner :is(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote):first-child{margin-top:0!important}.page-inner img:first-child,#print-root .print-inner img:first-child{margin-top:0!important}.page-inner:not(.fullpage) .img-page{display:block;width:calc(100% + var(--pad-left) + var(--pad-right));height:calc(100% + var(--pad-top) + var(--pad-bottom));margin-left:calc(-1 * var(--pad-left));margin-top:calc(-1 * var(--pad-top));object-fit:cover;break-inside:avoid;column-span:all;padding:0!important}.page-inner.fullpage{padding:0!important;column-count:1!important;column-gap:0!important;overflow:visible}.page-inner.fullpage .img-page{display:block!important;width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important;column-span:all!important;break-inside:avoid!important;padding:0!important}.print-sheet{position:relative}.print-page{position:relative;overflow:visible}.print-inner{position:relative;z-index:1}.tinted{position:relative;display:inline-block;overflow:hidden;line-height:0;font-size:0;background-color:#fff}.tinted>img{display:block;width:100%;height:100%;object-fit:contain}.tint-overlay{position:absolute;inset:0;margin:0;padding:0;border:0;pointer-events:none;background:var(--tint, #ff0033);mix-blend-mode:screen}@page{margin:0!important;padding:0!important}@page{margin:0}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}.topbar,.workspace .left,.workspace .splitter,.spreads-viewport,.spreads{display:none!important}#print-root{display:block!important}.workspace,.right{overflow:visible!important;height:auto!important;padding:0!important}#print-root .print-page{box-sizing:border-box;width:auto;height:auto;margin:0!important;background:#fff;overflow:hidden!important;position:relative;break-inside:avoid-page;page-break-inside:avoid}#print-root .print-page+.print-page{break-before:page!important;page-break-before:always!important}#print-root .print-sheet{box-sizing:border-box;display:flex;align-items:stretch;margin:0 auto!important;background:#fff;overflow:hidden!important;position:relative;break-inside:avoid-page;page-break-inside:avoid}#print-root .print-sheet+.print-sheet{break-before:page!important;page-break-before:always!important}#print-root .print-gutter{flex:0 0 auto}#print-root .print-inner{position:relative;z-index:1;box-sizing:border-box;width:100%;height:100%;overflow:hidden;column-fill:auto}#print-root .print-inner>:first-child,#print-root .print-inner :where(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote):first-child,#print-root .print-inner img:first-child{margin-top:0!important}#print-root .print-inner.fullpage{padding:0!important;column-count:1!important;column-gap:0!important}#print-root .print-inner.fullpage .img-page{display:block!important;width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important;column-span:all!important;break-inside:avoid!important;padding:0!important}#print-root .print-inner:not(.fullpage) .img-page{display:block!important;object-fit:cover!important;column-span:all!important;break-inside:avoid!important;padding:0!important}#print-root .print-inner :not(.tinted)>img,#print-root .print-inner>img:not(.img-page){display:block!important;max-width:100%!important;height:auto!important}.tinted{line-height:0;font-size:0;background:#fff}.tinted>img{width:100%!important;height:100%!important;object-fit:contain!important}.tint-overlay{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}.print-running-header,.print-running-footer,.print-page-number{position:absolute;left:0;right:0;line-height:1;text-align:center;pointer-events:none;font-size:5pt;color:#5e6673}.print-running-header{top:1mm}.print-running-footer{bottom:1mm}.print-page-number{bottom:4pt}.print-page-number.lef{left:4pt;right:auto;text-align:left}.print-page-number.rig{right:4pt;left:auto;text-align:right}:is(.print-inner) .force-colbreak{break-before:column;-webkit-column-break-before:always;column-break-before:always;height:0;margin:0;padding:0}:is(.print-inner) .force-colbreak+:is(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,div,section,figure,img){margin-top:0!important}.tinted,.tinted img,.tint-overlay,.print-page,.print-inner,.img-page{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}::selection{background-color:var(--accent)}