.ocr-page{--ocr-border:#dbe3ee;--ocr-panel:#fff;--ocr-soft:#f8fafc;--ocr-text:#172033;--ocr-muted:#526174;--ocr-accent:#4f46e5}.ocr-page .main-column{min-width:0}.ocr-page .tool-intro{margin-bottom:1.5rem}.ocr-page .tool-ui{background:var(--ocr-panel);border:1px solid var(--ocr-border);border-radius:20px;color:var(--ocr-text);padding:clamp(1rem,2.4vw,2rem)}.ocr-dropzone[aria-busy=true]{cursor:wait;opacity:.65}.ocr-error[hidden]{display:none!important}.ocr-error{background:#fff1f2;border:1px solid #fecaca;border-radius:10px;color:#9f1239;line-height:1.5;margin:1rem 0 0;padding:.85rem 1rem}.ocr-loading,.ocr-preview,.ocr-result{display:none}.ocr-loading.active,.ocr-preview.active,.ocr-result.active{display:block}.ocr-preview{margin-top:1.5rem}.ocr-preview__image{align-items:center;background:var(--ocr-soft);border:1px solid var(--ocr-border);border-radius:12px;display:flex;justify-content:center;max-height:18rem;min-height:8rem;overflow:hidden;position:relative}.ocr-preview__image img{max-height:18rem;max-width:100%;object-fit:contain}.ocr-img-remove{background:var(--ocr-panel);border:1px solid var(--ocr-border);border-radius:8px;color:var(--ocr-text);cursor:pointer;font-size:1.3rem;height:2rem;position:absolute;right:.5rem;top:.5rem;width:2rem}.ocr-lang-row{align-items:center;display:flex;gap:1rem;margin-top:1.25rem}.ocr-lang-row label{color:var(--ocr-text);font-weight:700}.ocr-lang-row select{background:var(--ocr-soft);border:1px solid var(--ocr-border);border-radius:10px;color:var(--ocr-text);flex:1;font:inherit;min-width:0;padding:.7rem .8rem}.ocr-screen-option{align-items:center;color:var(--ocr-text);cursor:pointer;display:flex;flex-wrap:wrap;font-weight:650;gap:.45rem;margin:1rem 0}.ocr-screen-option input{accent-color:var(--ocr-accent);height:1rem;width:1rem}.ocr-screen-option small{color:var(--ocr-muted);flex-basis:100%;font-weight:400;line-height:1.45;margin-left:1.45rem}.ocr-ocr-btn{justify-content:center;width:100%}.ocr-img-remove:disabled,.ocr-ocr-btn:disabled{cursor:wait;opacity:.6}.ocr-loading{color:var(--ocr-muted);padding:1.5rem;text-align:center}.ocr-loading__spin{animation:ocr-spin .8s linear infinite;border:3px solid var(--ocr-border);border-radius:50%;border-top-color:var(--ocr-accent);display:block;height:2rem;margin:0 auto .75rem;width:2rem}@keyframes ocr-spin{to{transform:rotate(1turn)}}.ocr-result{border-top:1px solid var(--ocr-border);margin-top:1.5rem;padding-top:1.5rem}.ocr-result__head{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.8rem}.ocr-result__head h3{color:var(--ocr-text);font-size:1.1rem;margin:0}.ocr-result__actions{display:flex;flex-wrap:wrap;gap:.5rem}.ocr-result__actions button:disabled{opacity:.55}.ocr-text-output{background:var(--ocr-soft);border:1px solid var(--ocr-border);border-radius:12px;color:var(--ocr-text);line-height:1.7;max-height:24rem;min-height:6rem;overflow:auto;overflow-wrap:anywhere;padding:1rem;user-select:text;white-space:pre-wrap}.ocr-result__note{color:var(--ocr-muted);font-size:.85rem;margin:.75rem 0 0}.ocr-content{color:var(--ocr-text);display:grid;gap:1.5rem;margin-top:2rem}.ocr-content__panel{background:var(--ocr-panel);border:1px solid var(--ocr-border);border-radius:20px;box-shadow:0 10px 30px rgba(15,23,42,.045);min-width:0;padding:clamp(1.25rem,2.4vw,2rem)}.ocr-content h2{color:var(--ocr-text);font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.35;margin:0 0 1.15rem;scroll-margin-top:6rem}.ocr-decision>div,.ocr-trouble>div{background:var(--ocr-soft);border:1px solid var(--ocr-border);border-radius:12px;min-width:0;padding:1rem 1.2rem}.ocr-content h3{color:var(--ocr-text);font-size:1rem;margin:0 0 .35rem}.ocr-content p{color:var(--ocr-muted);line-height:1.65;margin:.35rem 0 0}.ocr-decision,.ocr-trouble{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.ocr-page .faq-section{margin-top:2rem}:root[data-theme=dark] .ocr-page,[data-theme=dark] .ocr-page{--ocr-border:#465467;--ocr-panel:#1e293b;--ocr-soft:#0f172a;--ocr-text:#e9eff7;--ocr-muted:#cbd5e1;--ocr-accent:#a5b4fc}:root[data-theme=dark] .ocr-error{background:#4c1d2a;border-color:#9f1239;color:#fecdd3}@media (max-width:820px){.ocr-decision,.ocr-trouble{grid-template-columns:1fr}}@media (max-width:640px){.ocr-result__head{align-items:flex-start;flex-direction:column}.ocr-lang-row{align-items:stretch;flex-direction:column;gap:.5rem}.ocr-content{gap:1rem;margin-top:1.5rem}.ocr-content__panel{border-radius:16px;padding:1rem}}@media (prefers-reduced-motion:reduce){.ocr-loading__spin{animation-duration:2s}}