.goodietools-ocr { display:block; }
.goodietools-ocr-drop {
    min-height:150px; border:2px dashed #9bbce0; border-radius:12px;
    background:#f3f8fd; display:flex; flex-direction:column; align-items:center;
    justify-content:center; gap:9px; padding:24px; text-align:center; cursor:pointer;
    color:#183b62; transition:border-color .2s,background .2s;
}
.goodietools-ocr-drop:hover,.goodietools-ocr-drop.is-dragover {
    border-color:#1675d1; background:#eaf4ff;
}
.goodietools-ocr-drop input { position:absolute; width:1px; height:1px; opacity:0; }
.goodietools-ocr-plus { font-size:32px; line-height:1; color:#1675d1; }
.goodietools-ocr-drop small { color:#647b94; }
.goodietools-ocr-workspace { margin-top:22px; }
.goodietools-ocr-preview { display:flex; align-items:center; gap:16px; margin-bottom:18px; }
.goodietools-ocr-preview img { display:block; max-width:220px; max-height:180px; object-fit:contain; border:1px solid #d7e1ec; border-radius:8px; background:#f6f8fb; }
.goodietools-ocr-file-info { color:#52677e; font-size:13px; overflow-wrap:anywhere; }
.goodietools-ocr-controls { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:16px 0; }
.goodietools-ocr-field { display:flex; flex-direction:column; gap:7px; min-width:220px; flex:1; }
.goodietools-ocr-field select { width:100%; min-height:42px; }
.goodietools-ocr-progress { padding:12px 0; }
.goodietools-ocr-progress-track { height:9px; border-radius:20px; overflow:hidden; background:#e4ebf3; }
.goodietools-ocr-progress-track span { display:block; width:0; height:100%; background:#1675d1; transition:width .2s; }
.goodietools-ocr-progress p { margin:7px 0; color:#52677e; font-size:13px; }
.goodietools-ocr-result-label { display:block; font-weight:600; margin:18px 0 8px; }
.goodietools-ocr textarea { width:100%; min-height:230px; resize:vertical; padding:12px; border:1px solid #cbd7e4; border-radius:8px; font:14px/1.55 system-ui,sans-serif; }
.goodietools-ocr-result-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.goodietools-ocr-privacy { color:#687b8f; font-size:12px; margin-top:14px; }
@media(max-width:600px) {
 .goodietools-ocr-preview { align-items:flex-start; flex-direction:column; }
 .goodietools-ocr-preview img { max-width:100%; }
 .goodietools-ocr-field { min-width:100%; }
}