:root{--bg:#eceef1;--surface:#fff;--text:#1c2024;--muted:#646b75;--border:#d9dde3;--accent:#2f5bea;--accent-text:#fff;--danger:#c4321c;--shadow:0 1px 2px #0000000f, 0 4px 16px #00000014;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17191c;--surface:#22252a;--text:#e8eaed;--muted:#9aa1ab;--border:#353a41;--accent:#6d8dff;--accent-text:#0d1020;--danger:#ff7a66;--shadow:0 1px 2px #0006, 0 4px 16px #00000059}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0;font-size:20px;line-height:1.3}.center{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);gap:16px;padding:28px 24px;display:grid}.eyebrow{color:var(--muted);margin:0 0 -8px;font-size:13px}.muted{color:var(--muted);margin:0}.error{color:var(--danger);margin:0}.fineprint{color:var(--muted);margin:0;font-size:12px}label{gap:6px;font-size:14px;font-weight:500;display:grid}label em{color:var(--muted);font-style:normal;font-weight:400}input{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;color:var(--accent-text);background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:600}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--text);border:1px solid var(--border);background:0 0;padding:6px 12px}.bar{z-index:2;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.bar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;overflow:hidden}.counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.pages{justify-items:center;gap:16px;padding:16px 16px 48px;display:grid}.page{box-shadow:var(--shadow);background:#fff;position:relative;overflow:hidden}.page canvas{display:block}.textLayer{text-align:initial;transform-origin:0 0;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){--font-height:0;--scale-x:1;--rotate:0deg;font-size:calc(var(--text-scale-factor) * var(--font-height));transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer ::selection{background:#2f5bea4d}@media print{.bar{display:none}.pages{gap:0;padding:0}.page{box-shadow:none;break-after:page}}