#ocr-tool{padding-block:40px 56px;min-height:65vh;font-family:Outfit,sans-serif;color:var(--text)}
#ocr-tool h1{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1px;margin-bottom:16px}
#ocr-tool .ocr-intro{max-width:760px;margin-bottom:24px}
#ocr-tool .ocr-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}
#ocr-tool .ocr-toolbar a{font-size:15px}
#ocr-tool .ocr-input{border:1px dashed var(--border-strong);background:var(--surface);padding:24px;border-radius:8px}
#ocr-tool .ocr-input.dragover{border-color:var(--accent)}
#ocr-tool #ocr-filename{display:inline-block;margin:0 0 0 12px;overflow-wrap:anywhere}
#ocr-tool label{display:block;font-size:16px;margin-bottom:8px}
#ocr-tool input[type=file]{width:100%;font:16px Outfit,sans-serif}
#ocr-tool input::file-selector-button{background:var(--card);color:var(--text);border:1px solid var(--border-strong);border-radius:8px;padding:12px;margin-right:16px;cursor:pointer;font:inherit}
#ocr-tool .ocr-note{font-size:15px;color:var(--muted);margin-block:12px 0;max-width:760px}
#ocr-tool .ocr-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
#ocr-tool details{border-bottom:1px solid var(--border);padding:16px 0}
#ocr-tool summary{cursor:pointer;font-size:16px}
#ocr-tool .ocr-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:20px;max-width:700px}
#ocr-tool select{width:100%;background:var(--card);color:var(--text);border:1px solid var(--border-strong);padding:12px;border-radius:8px;font:16px Outfit,sans-serif}
#ocr-tool .ocr-check{display:flex;align-items:center;gap:10px}
#ocr-tool input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}
#ocr-tool .ocr-status{min-height:30px;font-size:16px;margin-top:20px;overflow-wrap:anywhere}
#ocr-tool progress{width:100%;height:9px;accent-color:var(--accent);display:block;margin-block:10px 20px}
#ocr-tool .ocr-result{margin-top:32px;border-top:1px solid var(--border);padding-top:24px}
#ocr-tool .ocr-result h2{font-size:26px;margin-bottom:16px}
#ocr-tool .ocr-summary{font-size:15px;color:var(--muted);margin-bottom:16px;overflow-wrap:anywhere}
#ocr-tool textarea{display:block;width:100%;min-height:320px;max-height:650px;resize:vertical;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);padding:20px;border-radius:8px;font:14px/1.7 'Space Mono',monospace;white-space:pre-wrap}
#ocr-tool .ocr-result button{font-size:15px}
#ocr-tool [hidden]{display:none!important}
#ocr-tool button.secondary{background:var(--card);border-color:var(--border-strong);color:var(--text)}
#ocr-tool .ocr-guidance{margin-top:32px;padding-top:20px;border-top:1px solid var(--border);max-width:760px;font-size:16px}
#ocr-tool .ocr-guidance h2{font-size:24px;margin-bottom:12px}
@media(max-width:700px){#ocr-tool{padding-block:28px 40px}#ocr-tool .ocr-input{padding:16px}#ocr-tool .ocr-settings{grid-template-columns:1fr}#ocr-tool textarea{padding:12px;min-height:260px}#ocr-tool .ocr-actions{gap:10px}#ocr-tool .ocr-actions button{flex:1 1 auto}#ocr-tool input::file-selector-button{display:block;margin-bottom:10px}}

#ocr-tool .ocr-explainer{border:1px solid var(--accent);border-radius:8px;background:var(--surface);padding:16px 20px;margin-bottom:24px}
#ocr-tool .ocr-explainer h2{color:var(--accent);font-size:20px;line-height:1.15;margin:0 0 8px}
#ocr-tool .ocr-explainer p{font-size:16px;line-height:1.5;max-width:70ch;margin:0}