.ocr-card{background:#fff;border-radius:20px;width:80%;min-width:320px;max-width:860px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 4px 8px #0000000f}@media (width<=768px){.ocr-card{width:95%}}@media (width<=480px){.ocr-card{border-radius:16px;width:100%;min-width:0}}.ocr-card__header{background:#f0fdfa;border-bottom:1px solid #99f6e4;align-items:center;gap:16px;padding:20px 32px;display:flex}@media (width<=480px){.ocr-card__header{padding:16px}}.ocr-card__header-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.ocr-card__header-icon svg{font-size:26px!important}.ocr-card__body{padding:32px}@media (width<=768px){.ocr-card__body{padding:24px}}@media (width<=480px){.ocr-card__body{padding:16px}}.ocr-card__dropzone{cursor:pointer;text-align:center;border:2px dashed #272829;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:56px 32px;transition:border-color .2s,background .2s;display:flex}@media (width<=768px){.ocr-card__dropzone{padding:40px 24px}}@media (width<=480px){.ocr-card__dropzone{padding:32px 16px}}.ocr-card__dropzone:hover,.ocr-card__dropzone:focus,.ocr-card__dropzone--active{background:#0d94880a;border-color:#0d9488}.ocr-card__upload-circle{background:#f0fdfa;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}@media (width<=480px){.ocr-card__upload-circle{width:64px;height:64px}}.ocr-card__format-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ocr-card__tag{color:#0d9488;letter-spacing:.4px;text-transform:uppercase;background:#f0fdfa;border:1.5px solid #0d9488;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.ocr-card__selected{flex-direction:column;gap:24px;display:flex}.ocr-card__preview-wrap{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-self:center;align-items:center;gap:8px;max-width:100%;padding:20px;display:flex;position:relative}.ocr-card__preview-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:320px;display:block}.ocr-card__remove-btn{top:8px;right:8px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;color:#64748b!important;background:#fff!important;position:absolute!important}.ocr-card__remove-btn:hover{color:#dc2626!important}.ocr-card__extract-btn{letter-spacing:.2px;box-shadow:none!important;border-radius:12px!important;padding:14px 0!important;font-size:1rem!important}@media (width<=480px){.ocr-card__extract-btn{font-size:.88rem!important}}.ocr-card__extract-btn:hover{opacity:.92;box-shadow:0 4px 14px #0d94884d!important}.ocr-card__center{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}@media (width<=480px){.ocr-card__center{padding:24px 8px}}.ocr-card__result{flex-direction:column;gap:16px;display:flex}.ocr-card__result-header{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.ocr-card__result-col{flex-direction:column;gap:10px;min-width:0;display:flex}.ocr-card__result-actions{flex-wrap:wrap;gap:8px;display:flex}.ocr-card__result-actions>button{white-space:nowrap;flex:140px}.ocr-card__result-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:16px;display:grid}@media (width<=768px){.ocr-card__result-grid{grid-template-columns:1fr}}.ocr-card__result-image{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:flex-start;max-height:420px;padding:8px;display:flex;overflow:auto}.ocr-card__result-image img{border-radius:8px;max-width:100%;display:block}.ocr-card__result-text{color:#000;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;cursor:text;background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;outline:none;flex:1;min-height:160px;max-height:420px;padding:16px;font-size:.9rem;line-height:1.65;overflow:auto}.ocr-card__result-text::selection{background:#99f6e4}.ocr-card__done-actions{flex-wrap:wrap;gap:16px;width:100%;display:flex}@media (width<=480px){.ocr-card__done-actions{flex-direction:column;gap:8px}}