.ocr-app{font-family:var(--ocr-font);color:var(--ocr-ink);background:var(--ocr-canvas);padding:24px;font-synthesis:none}.ocr-app *{box-sizing:border-box}.ocr-app button,.ocr-app input,.ocr-app select,.ocr-app textarea{font:inherit}.ocr-app button{cursor:pointer}.ocr-app button:disabled{opacity:.45;cursor:not-allowed}.ocr-app button:focus-visible,.ocr-app a:focus-visible,.ocr-app input:focus-visible,.ocr-app textarea:focus-visible,.ocr-app select:focus-visible,.ocr-app summary:focus-visible{outline:3px solid var(--ocr-focus);outline-offset:4px}.ocr-direct{max-width:1232px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.08em}.ocr-direct a{font-weight:850;font-size:18px;letter-spacing:-.5px;color:inherit;text-decoration:none}.ocr-embedded .ocr-direct{display:none}.ocr-workspace{max-width:1232px;margin:auto;border:2px solid var(--ocr-ink);border-radius:var(--ocr-radius);overflow:hidden;background:var(--ocr-paper)}.ocr-top{padding:22px 30px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ocr-orange)}.ocr-eyebrow{font-size:11px;font-weight:900;letter-spacing:.15em;margin:0}.ocr-private{font-size:11px;font-weight:700}.ocr-title{background:var(--ocr-orange);padding:20px 30px 30px;display:flex;align-items:end;justify-content:space-between;gap:40px;border-bottom:2px solid var(--ocr-ink)}.ocr-title h1{font-size:clamp(46px,6.5vw,82px);letter-spacing:-.065em;line-height:.92;margin:0}.ocr-title h1 span{display:inline-block;background:var(--ocr-cyan);padding:2px 8px 7px;margin-top:8px;transform:rotate(-2deg)}.ocr-title p{max-width:370px;font-size:15px;line-height:1.7;margin:0 0 5px}.ocr-panels{display:grid;grid-template-columns:1fr 1fr}.ocr-source{padding:28px;border-right:2px solid var(--ocr-ink)}.ocr-result{padding:28px;display:flex;flex-direction:column;background:#f0fdff}.ocr-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.ocr-panel-heading h2{font-size:18px;margin:0;letter-spacing:-.4px}.ocr-panel-heading h2 span{font-family:monospace;font-size:12px;margin-right:10px;color:var(--ocr-muted)}.ocr-panel-heading>span{font-size:11px;color:var(--ocr-muted)}.ocr-text-button{border:0;padding:6px 0;background:none;text-decoration:underline;text-underline-offset:4px;color:var(--ocr-ink);font-weight:700;font-size:12px}.ocr-choose{border:2px dashed #6a939e;border-radius:10px;background:#f3fcfa;color:var(--ocr-ink);width:100%;min-height:158px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:15px}.ocr-choose:hover{background:var(--ocr-cyan);border-color:var(--ocr-ink)}.ocr-choose strong{font-size:19px}.ocr-choose span:last-child{font-size:11px}.ocr-plus{font-size:32px;font-weight:400;line-height:1}.ocr-small{font-size:11px;line-height:1.6;color:var(--ocr-muted)}.ocr-image-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:11px;margin:18px 0 10px}.ocr-image-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocr-image-meta span{white-space:nowrap}.ocr-canvas-wrap{background:#d9e8eb;padding:10px;text-align:center;border-radius:8px;overflow:hidden}.ocr-canvas-wrap canvas{display:block;max-width:100%;height:auto;margin:auto;touch-action:none;cursor:crosshair}.ocr-crop-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:11px;margin:8px 0}.ocr-crop summary,.ocr-foot summary{cursor:pointer;font-weight:750;font-size:12px;padding:8px 0}.ocr-crop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.ocr-crop-grid label{font-size:10px;font-weight:650}.ocr-crop-grid input{width:100%;min-width:0;padding:8px 5px;border:1px solid var(--ocr-line);border-radius:5px;background:white;margin-top:6px}.ocr-controls{margin-top:24px;display:grid;gap:10px}.ocr-controls label{font-size:12px;font-weight:750}.ocr-controls select{padding:12px;border:1px solid #78969e;border-radius:7px;width:100%;background:white;color:var(--ocr-ink)}.ocr-primary,.ocr-secondary{border:2px solid var(--ocr-ink);border-radius:8px;min-height:48px;padding:12px 18px;font-weight:850;color:var(--ocr-ink)}.ocr-primary{background:var(--ocr-cyan);display:flex;justify-content:center;align-items:center;gap:20px}.ocr-primary:hover:not(:disabled){background:#77f4ff}.ocr-secondary{background:transparent}.ocr-secondary:hover:not(:disabled){background:#d9f5f7}.ocr-status{font-size:12px;font-weight:650;line-height:1.5;min-height:36px;margin:12px 0 0}.ocr-error{color:var(--ocr-error)}.ocr-app progress{width:100%;height:8px;margin-top:18px;accent-color:var(--ocr-ink)}.ocr-result textarea{width:100%;min-height:320px;resize:vertical;flex:1;padding:18px;border:1px solid #78969e;border-radius:8px;background:white;font-size:15px;line-height:1.7;color:var(--ocr-ink)}.ocr-result textarea:disabled{background:#f8ffff}.ocr-result textarea::placeholder{color:#536577}.ocr-review{font-size:11px;line-height:1.6;color:var(--ocr-muted);margin:12px 0 20px}.ocr-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ocr-foot{padding:20px 28px;border-top:2px solid var(--ocr-ink);background:var(--ocr-ink);color:#e3faff;display:grid;grid-template-columns:1fr 1fr;gap:30px}.ocr-foot p{font-size:12px;line-height:1.7;margin:0}.ocr-foot strong{color:var(--ocr-cyan)}.ocr-foot a{color:inherit;text-underline-offset:3px}.ocr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:720px){.ocr-app{padding:10px}.ocr-top{padding:18px 18px 0;flex-wrap:wrap}.ocr-title{padding:20px 18px 26px;display:block}.ocr-title h1{font-size:57px}.ocr-title p{margin-top:26px;font-size:13px}.ocr-panels{grid-template-columns:1fr}.ocr-source{padding:22px 18px;border-right:0;border-bottom:2px solid var(--ocr-ink)}.ocr-result{padding:22px 18px}.ocr-result textarea{min-height:260px}.ocr-foot{grid-template-columns:1fr;padding:20px 18px;gap:16px}.ocr-crop-grid{grid-template-columns:1fr 1fr}.ocr-private{font-size:10px}.ocr-panel-heading{gap:8px}.ocr-result-actions{grid-template-columns:1fr}.ocr-direct{display:block}.ocr-direct>span{display:none}}@media(prefers-reduced-motion:reduce){.ocr-app *{scroll-behavior:auto!important}}