.ocr-hero,.ocr-shell{max-width:1100px;margin:2rem auto;padding-inline:1rem}.ocr-hero{padding-top:1.5rem}.ocr-hero h1{font-size:clamp(2rem,5vw,4rem);margin:.3rem 0}.ocr-hero em{color:#335dff}.ocr-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;align-items:start}.ocr-modes,.ocr-workspace{background:#fff;border:1px solid #dde3f0;border-radius:18px;padding:1rem;box-shadow:0 14px 32px rgba(26,40,75,.07)}.ocr-modes button{display:block;width:100%;text-align:left;border:0;border-radius:10px;background:transparent;padding:.85rem;margin-bottom:.4rem;font:inherit;font-weight:800;color:#35415c}.ocr-modes button.is-active{background:#eaf0ff;color:#244bd4}.ocr-workspace{min-height:340px}.ocr-workspace h2{margin:.2rem 0}.ocr-drop{display:grid;place-items:center;min-height:170px;margin:1.25rem 0;border:2px dashed #aebce5;border-radius:14px;background:#f7f9ff;cursor:pointer;text-align:center}.ocr-drop input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.ocr-drop span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#335dff;color:#fff;font-size:1.5rem}.ocr-drop small,.ocr-file-name{color:#687590}.ocr-status{min-height:1.5rem}.ocr-status.is-success{color:#087f6c}.ocr-status.is-error{color:#ba2447}.ocr-progress{width:100%;height:7px;accent-color:#335dff}.ocr-workspace.has-selected-files .ocr-drop{border-color:#35ae92;background:#effcf8}@media(max-width:700px){.ocr-shell{grid-template-columns:1fr}.ocr-modes{display:flex;gap:.4rem}.ocr-modes button{margin:0;font-size:.82rem}}