:root{color-scheme:light;--bg: #f4efe7;--panel: rgba(255, 250, 243, .88);--ink: #1f1d1a;--muted: #6d645a;--accent: #c75b39;--accent-strong: #9f3b1d;--border: rgba(31, 29, 26, .12);--shadow: 0 24px 70px rgba(70, 40, 20, .12);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--ink);background:radial-gradient(circle at top left,rgba(199,91,57,.2),transparent 28%),radial-gradient(circle at bottom right,rgba(89,139,122,.18),transparent 24%),linear-gradient(180deg,#f8f4ee 0%,var(--bg) 100%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.app{width:min(1100px,calc(100vw - 32px));margin:0 auto;padding:32px 0 56px;display:grid;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{padding:32px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-strong);font-size:.78rem}h1,h2{margin:0;font-family:"IBM Plex Serif",Georgia,serif}h1{font-size:clamp(2rem,4vw,3.8rem);line-height:.98;max-width:14ch}h2{font-size:1rem;margin-bottom:12px}.inline-heading{display:inline;margin:0;font-size:1rem}.lead{max-width:60ch;margin:14px 0 0;color:var(--muted)}.controls,.result-panel{padding:24px}.controls{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{font-weight:600}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,button,pre{font:inherit}input[type=text],input[type=file],select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#ffffffb8}input[type=range]{width:100%;accent-color:var(--accent)}select{appearance:none}.field-note{color:var(--muted)}.sample-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sample-row .field-note{width:100%;margin-bottom:-2px}button.sample-btn{padding:8px 14px;font-size:.9rem;font-weight:600;background:#ffffffb8;color:var(--text);border:1px solid var(--border)}.provider-detected{display:flex;flex-wrap:wrap;gap:8px}.provider-pill{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);font-size:.92rem}.provider-pill.is-available{background:#598b7a24;color:#255546}.provider-pill.is-unavailable{background:#6d645a1a;color:var(--muted)}button{width:fit-content;border:0;border-radius:999px;padding:12px 20px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:progress}.status{margin:0;color:var(--muted)}.preview-panel{min-height:240px;padding:18px;display:grid;place-items:center}.preview-stage{position:relative;width:fit-content;max-width:100%;display:inline-block}#preview{display:block;max-width:100%;max-height:820px;border-radius:18px}.preview-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.preview-overlay.is-empty{display:none}.ocr-box{fill:#c75b391f;stroke:#c75b39f2;stroke-width:2;vector-effect:non-scaling-stroke}.ocr-label-bg{fill:#1f1d1ad1}.ocr-label{fill:#fff8f0;font-size:12px;font-weight:600;paint-order:stroke;stroke:#1f1d1a8c;stroke-width:2;stroke-linejoin:round}pre{margin:0;padding:16px;border-radius:16px;background:#1f1d1aeb;color:#f8f1e6;overflow:auto;white-space:pre-wrap;word-break:break-word}.result-panel{display:grid;gap:12px}.result-log{max-height:480px;font-size:.85rem}.log-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:6px}.log-details summary:before{content:"▶";font-size:.7em;transition:transform .15s}.log-details[open] summary:before{transform:rotate(90deg)}.log-details summary::-webkit-details-marker{display:none}.log-details pre{margin-top:8px}@media(max-width:720px){.app{width:min(100vw - 20px,1100px);padding:20px 0 40px}.hero,.controls,.result-panel{padding:20px}.field-row{grid-template-columns:1fr}}