:root{--text:#4b5563;--text-h:#111827;--bg:#f9fafb;--accent:#16a34a;--accent-bg:#eaf7ef;--card:#fff;--shadow:#00000014 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--slider-width:5px;--slider-color:var(--bg);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--accent:#22c55e;--accent-bg:#161c18;--card:#1a1d23;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}body{margin:0;padding:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100vw;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);margin:0;padding:0;font-weight:500}h1{letter-spacing:-1.68px;margin-top:.5em;margin-bottom:.5em;font-size:3em}h2{letter-spacing:-.24px;margin-top:.5em;margin-bottom:.5em;font-size:1.5em}h3,h4{paddign:0;margin:0;font-weight:700}h3{margin-top:1em;font-size:1.2em}h4{margin-top:.5em;font-size:1em}p{margin:0;padding:0}a{color:var(--accent);opacity:.7;text-decoration:none}ul{margin:.1em;padding:0 0 0 1em}.sender{flex-direction:column;width:100vw;height:100vh;display:flex;top:0;left:0;overflow:hidden}.split-pane-custom{box-sizing:border-box;padding:1em;top:0;left:0;overflow-y:hidden;border:none!important;width:100%!important;height:100%!important}.split-pane-pane-custom{background:var(--accent-bg);box-sizing:border-box;overflow:hidden}.split-pane-pane-custom.left{border-radius:1em 0 0 1em;flex-direction:column;gap:1rem;height:100%;display:flex}.split-pane-pane-custom.left div{box-sizing:border-box;justify-content:center;padding:1em}.slide-preview{flex-direction:column;flex:3;width:100%;min-height:0;display:flex}.bottom-row{flex:2;gap:1rem;min-height:0;display:flex}.slide-preview-next{float:left;flex-direction:column;flex:1.4;min-height:0;display:block}.slide-control{float:right;flex-direction:column;flex:1.2;width:auto;min-height:0;display:block}.document-renderer{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.document-renderer .react-pdf__Document{width:100%;height:100%}.document-renderer .react-pdf__Page{justify-content:center;align-items:center;display:flex;background:0 0!important}.document-renderer canvas{max-width:100%;max-height:100%;width:auto!important;height:auto!important;display:block!important}.split-pane-pane-custom.left div div{flex-direction:column;display:block}.split-pane-pane-custom.left div .document-renderer{justify-content:center;align-items:center;width:100%;height:85%;max-height:85%;display:block}.split-pane-pane-custom.left div .document-renderer .react-pdf__Page{justify-content:center;width:100%;height:auto;display:flex;max-height:100%!important;padding:0!important}.split-pane-pane-custom.left div .document-renderer .react-pdf__Page canvas{width:auto!important;height:100%!important;max-height:100%!important}input{display:none}.button{background:var(--accent);color:#000;height:3em;box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;border:none;border-radius:1em;margin:1px;font-size:.8em;font-weight:700}.button:hover{filter:brightness(.7);font-weight:bolder}.button.start{width:13em;margin:auto}.button.upload{padding:1em 3.6em}.button.previous{border-radius:1em 0 0 1em;width:5em}.button.next{border-radius:0 1em 1em 0;width:8em}.split-pane-pane-custom.right{box-sizing:border-box;border-radius:0 1em 1em 0;padding:1em;overflow-y:hidden}.split-pane-divider.horizontal{width:20px;margin:0 calc(-1 * var(--slider-width));border-left:var(--slider-width) solid #fff0;border-right:var(--slider-width) solid #fff0;cursor:col-resize;transition:var(--transition);z-index:1;box-sizing:border-box;background:#fff padding-box padding-box;background:var(--slider-color)!important}.split-pane-divider.horizontal:hover{border-left:var(--slider-width) solid var(--accent-bg);border-right:var(--slider-width) solid var(--accent-bg);background:var(--accent-bg);transition:var(--transition)}.markdown-to-html{text-align:left;overflow-wrap:break-word;height:100%;padding:2em;overflow-y:scroll}
