:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:#ecebe9;--surface:#f5f5f4;--line:#c7c9cc;--text:#161616;--muted:#6e7074;--strong:#0a0a0a;--on-strong:#f5f5f4;--handle:24px;accent-color:var(--strong);font:14px/1.4 system-ui,Segoe UI,Inter,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#0a0a0a;--surface:#161616;--line:#2a2a2a;--text:#c7c9cc;--muted:#6e7074;--strong:#c7c9cc;--on-strong:#0a0a0a}}@media (pointer:coarse){:root{--handle:34px}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--canvas);color:var(--text);margin:0}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;min-height:34px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true],button[aria-expanded=true],button.primary{background:var(--strong);color:var(--on-strong);border-color:var(--strong)}input{font:inherit;color:var(--text);background:var(--canvas);border:1px solid var(--line);border-radius:6px;min-width:0;padding:6px 8px}.muted{color:var(--muted);margin:0 0 8px}.top{z-index:5;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}@media (width<=560px){.top{position:static}}.toolbar{justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.tools,.actions,.row{gap:6px;display:flex}.toolbar,.tools{flex-wrap:wrap}.actions{margin-left:auto}.row{flex-wrap:wrap;margin-top:8px}.signing{border-top:1px solid var(--line);padding:4px 16px 12px}.signer{grid-template-columns:auto 1fr 1.4fr auto;align-items:center;gap:6px;margin-bottom:6px;display:grid}@media (width<=560px){.signer{grid-template-columns:auto 1fr auto}.signer input[type=email]{grid-column:2/3}}.hint{z-index:6;background:var(--strong);width:max-content;max-width:calc(100vw - 32px);color:var(--on-strong);pointer-events:none;border-radius:8px;margin:0;padding:8px 14px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.hint:empty{display:none}.open-a-file{border:1px dashed var(--line);text-align:center;border-radius:8px;place-items:center;gap:12px;margin:48px 16px;padding:48px 16px;display:grid}#pages{gap:20px;max-width:920px;margin:0 auto;padding:8px 16px 48px;display:grid}.page-bar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.page-bar button{min-height:28px;padding:2px 10px}.page{background:#fff;position:relative;box-shadow:0 1px 4px #00000040;container-type:inline-size}.page canvas{width:100%;height:100%;position:absolute;inset:0}.marks{position:absolute;inset:0}body.drawing .marks{touch-action:none;cursor:crosshair}.page.cut .marks{display:none}.page.cut:after{content:"This page will be cut";color:#f5f5f4;background:#0a0a0a99;place-items:start center;padding-top:32px;font-size:16px;display:grid;position:absolute;inset:0}.mark{touch-action:none;cursor:move;position:absolute}.mark.redact{background:#000}.mark.highlight{background:#ffd90033;outline:1px solid #ffd90099}.mark.text{color:#141419;white-space:pre;outline:1px dashed #00000040;min-width:2ch;font-family:Helvetica,Arial,sans-serif;line-height:1.2}.mark.text .words{outline:none;min-width:2ch;display:block}.mark.text:has([contenteditable]){cursor:text;background:#ffffffb3;outline:1px solid #161616}.mark.picture img{pointer-events:none;width:100%;height:100%;display:block}.mark.sign-here{color:#161616;white-space:nowrap;background:#6e707426;border:2px dashed #2a2a2a;align-items:center;padding:0 6px;font-size:11px;display:flex;overflow:hidden}.mark.selected{outline:2px solid #161616;box-shadow:0 0 0 3px #ffffffd9}.mark .delete,.mark .resize{width:var(--handle);height:var(--handle);color:#f5f5f4;background:#161616;border:2px solid #f5f5f4;border-radius:50%;min-height:0;padding:0;font-size:14px;line-height:1;position:absolute}.mark .delete{top:calc(var(--handle) / -2);right:calc(var(--handle) / -2)}.mark .resize{bottom:calc(var(--handle) / -2);right:calc(var(--handle) / -2);cursor:nwse-resize;border-radius:4px}dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;max-width:min(440px,100vw - 32px)}dialog::backdrop{background:#00000080}dialog menu{justify-content:flex-end;gap:8px;margin:16px 0 0;padding:0;display:flex}body.busy{cursor:progress}