:root{font-family:"Segoe UI",Arial,sans-serif;color:#202c2a;background:#f6f8f7;font-synthesis:none;--accent:#17664f;--line:#dce3df;--muted:#58665f}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,.button{cursor:pointer}header,main,footer{max-width:1480px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:650}.monogram{background:var(--accent);color:white;padding:7px 10px;border-radius:8px;font-size:26px;letter-spacing:-2px}.brand-sub{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.privacy{font-size:13px;color:var(--accent);border:1px solid #b7d1c4;padding:8px 12px;border-radius:6px}main{padding:0 40px}.intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding:40px 0 32px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0 0 14px}h1{font-size:clamp(30px,3.1vw,46px);line-height:1.08;letter-spacing:-1.6px;margin:0 0 16px;font-weight:600}.intro>div>p:last-child{color:var(--muted);font-size:15px;max-width:570px;line-height:1.6;margin-bottom:0}.local-note{border-left:2px solid #b7d1c4;padding:7px 0 7px 20px;max-width:300px}.local-note strong{font-size:14px}.local-note p{font-size:13px!important;margin-top:7px}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;box-shadow:0 8px 35px #244b3710}aside{background:#f0f4f1;padding:24px;border-right:1px solid var(--line)}h2{font-size:15px;font-weight:650;margin:0 0 20px}.dropzone{border:1.5px dashed #a9bdb0;border-radius:8px;display:flex;align-items:center;text-align:center;flex-direction:column;padding:24px 10px;gap:10px;background:#f8faf8}.dropzone.drag{border-color:var(--accent);background:#e2efe6}.file-symbol{display:grid;place-items:center;border:1px solid #acbdb4;border-radius:5px;width:42px;height:50px;font-size:11px;font-weight:700;color:var(--accent);margin-bottom:6px}.dropzone strong{font-size:14px}.dropzone>span:not(.file-symbol),.dropzone small{font-size:11px;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:40px;border-radius:6px;padding:10px 14px;font-size:12px;font-weight:600;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:background .15s}.primary{background:var(--accent);color:white}.primary:hover{background:#104c3a}.secondary{background:white;color:#294a3b;border-color:#cbd7cf}.secondary:hover{background:#edf4ef}button:disabled{opacity:.45;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid #3a8b71;outline-offset:3px}.file-picker{position:relative;overflow:hidden;margin:4px 0}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-picker:focus-within{outline:3px solid #3a8b71;outline-offset:3px}fieldset{border:0;padding:0;margin:25px 0 18px}legend{font-size:12px;font-weight:650;margin-bottom:12px}fieldset label{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;margin-bottom:12px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.hint{font-size:11px;color:var(--muted);line-height:1.7;margin:18px 0 0}.file-info{margin-top:16px;font-size:12px;overflow-wrap:anywhere}.file-info span{display:block;margin-top:5px;color:var(--muted)}.output{min-width:0}.output-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 12px}.output-bar h2{margin:0}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:8px}.text-button:hover{color:var(--accent)}#status{font-size:12px;color:var(--muted);padding:0 24px 15px;min-height:32px}#status.error{color:#9c2929}#status.warning{color:#80520b}progress{width:calc(100% - 48px);height:5px;margin:0 24px 12px;accent-color:var(--accent)}.panes{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:390px}.pane{min-width:0;display:flex;flex-direction:column}.pane:first-child{border-right:1px solid var(--line)}.pane-title{height:44px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;background:#fafcfb;border-bottom:1px solid #edf0ee;font-size:12px;font-weight:600}.pane-title h3{font-size:12px;margin:0}.pane-title span{font-size:9px;letter-spacing:1px;color:#69796e;font-weight:400}textarea{resize:vertical;border:0;background:white;width:100%;min-height:345px;flex:1;padding:22px 20px;font:12px/1.8 Consolas,monospace;color:#344c40}textarea::placeholder{color:#6a776f}textarea:focus{outline:2px solid #448b70;outline-offset:-2px}.preview{padding:22px;overflow-wrap:anywhere;overflow:auto;height:345px;font-size:14px;line-height:1.7}.preview h1{font-size:27px;letter-spacing:-.5px;line-height:1.3}.preview h2{font-size:21px;margin:20px 0 10px}.preview h3{font-size:17px}.preview pre{overflow:auto;background:#f1f4f2;padding:12px}.preview a{color:var(--accent)}.preview table{border-collapse:collapse}.preview td,.preview th{border:1px solid var(--line);padding:6px}.preview img{display:none}.empty{text-align:center;color:var(--muted);padding:65px 0}.empty>span{font-size:42px;letter-spacing:-3px;color:#a2b4a8}.empty p{margin-bottom:3px}.empty small{font-size:11px}.actions{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:12px}.actions>span{font-size:11px;color:var(--muted)}.actions>div{display:flex;gap:8px}.about{font-size:12px;color:var(--muted);padding:22px 0}.about summary{cursor:pointer;width:fit-content}.about p{max-width:900px;line-height:1.8}footer{display:flex;justify-content:space-between;padding:16px 40px 25px;color:var(--muted);font-size:11px}footer>span:first-child{font-weight:650}[hidden]{display:none!important}@media(min-width:1500px){.panes{min-height:460px}textarea{min-height:415px}.preview{height:415px}}@media(max-width:1050px){.workspace{grid-template-columns:245px minmax(0,1fr)}aside{padding:18px}.actions{flex-wrap:wrap}.local-note{max-width:240px}.pane-title{padding:14px}.preview{padding:18px}}@media(max-width:760px){header{padding:18px 20px}.privacy{font-size:10px;padding:7px}.brand-sub{display:none}main{padding:0 20px}.intro{padding:28px 0;display:block}.local-note{display:none}.intro>div>p:last-child{font-size:14px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}.dropzone{padding:18px}.dropzone .file-symbol{display:none}fieldset{margin-top:20px}.panes{grid-template-columns:1fr}.pane:first-child{border-right:0;border-bottom:1px solid var(--line)}textarea{min-height:260px}.preview{height:280px}.actions{padding:18px}.actions>div{flex-wrap:wrap}.output-bar{padding:16px}.hint{max-width:600px}#status{padding-left:16px;padding-right:16px}footer{padding:10px 20px 24px;gap:20px}}

/* Explicit themes also set native checkbox, scrollbar and textarea colors. */
:root{color-scheme:light}
.header-actions{display:flex;align-items:center;gap:12px}
#theme-toggle{min-width:95px}
:root[data-theme="dark"]{color-scheme:dark;color:#e1eae5;background:#141b18;--accent:#82d4af;--line:#36483e;--muted:#b0c1b6}
[data-theme="dark"] .workspace{background:#1b2520;box-shadow:0 8px 35px #0002}
[data-theme="dark"] aside{background:#202d26}
[data-theme="dark"] .dropzone{background:#1b2520;border-color:#607b69}
[data-theme="dark"] .dropzone.drag{background:#2b4938}
[data-theme="dark"] .file-symbol{border-color:#607b69}
[data-theme="dark"] .privacy,[data-theme="dark"] .local-note{border-color:#486b57}
[data-theme="dark"] .primary,[data-theme="dark"] .monogram{color:#11261b}
[data-theme="dark"] .primary:hover{background:#a2e5c5}
[data-theme="dark"] .secondary{background:#25372c;color:#e1eae5;border-color:#5c7866}
[data-theme="dark"] .secondary:hover{background:#344e3e}
[data-theme="dark"] .pane-title{background:#202d26;border-color:var(--line)}
[data-theme="dark"] .pane-title span{color:#b0c1b6}
[data-theme="dark"] textarea{background:#1b2520;color:#d5e5db}
[data-theme="dark"] textarea::placeholder{color:#a5b9ac}
[data-theme="dark"] .preview pre{background:#293a2f}
[data-theme="dark"] .empty>span{color:#91ad9b}
[data-theme="dark"] #status.error{color:#ffb3b3}
[data-theme="dark"] #status.warning{color:#efcb88}
[data-theme="dark"] :focus-visible{outline-color:#82d4af}
[data-theme="dark"] textarea:focus,[data-theme="dark"] .file-picker:focus-within{outline-color:#82d4af}
@media(max-width:760px){header{flex-wrap:wrap;gap:14px}.header-actions{gap:8px;flex-wrap:wrap}#theme-toggle{min-height:34px;padding:7px 10px;min-width:90px}}

.ocr-settings label{display:block;margin-bottom:7px}.ocr-settings select{width:100%;font:inherit;font-size:12px;padding:10px 8px;margin-bottom:14px;border:1px solid #91a99a;border-radius:6px;background:white;color:#202c2a}.ocr-settings .hint{margin-top:0}#cancel{margin-bottom:12px}#cancel:not([hidden])+#reconvert{display:none}[data-theme="dark"] .ocr-settings select{background:#1b2520;color:#e1eae5;border-color:#607b69}select:disabled{opacity:.6}

.queue-section{padding:0 24px 18px}.queue-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.queue-heading h3{font-size:13px}.queue-heading span{font-size:12px;color:var(--muted)}#queue{list-style:none;padding:0;margin:0;max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:6px}.queue-file{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:10px 12px;overflow-wrap:anywhere}.queue-file strong{font-size:12px;display:block}.queue-file span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.queue-file[aria-pressed=true]{background:#e5f0e9}.queue-file:disabled{opacity:1;cursor:default}[data-theme=dark] .queue-file[aria-pressed=true]{background:#30483a}.actions>div{flex-wrap:wrap}.actions{flex-wrap:wrap}.output{display:flex;flex-direction:column}.panes{flex:1}.queue-section .hint{margin-top:8px}@media(max-width:760px){.queue-section{padding:0 16px 16px}}

.review-notice{margin:0 24px 18px;padding:14px 16px;border:1px solid #bd842d;border-left-width:4px;border-radius:6px;background:#fff5de;color:#69430d;font-size:13px;line-height:1.6}.review-notice p{margin:5px 0 0}.queue-file.needs-review{border-left:4px solid #bd842d}[data-theme=dark] .review-notice{background:#392f1c;color:#f2d49c;border-color:#c79b4d}@media(max-width:760px){.review-notice{margin-left:16px;margin-right:16px}}
