#sog-ocr-box{
    max-width:650px;margin:20px auto;padding:18px;background:#fff;border-radius:10px;
    box-shadow:0 6px 18px rgba(0,0,0,0.06);font-family:Arial,Helvetica,sans-serif;
}
#sog-drop{ border:2px dashed #2b6cb0;padding:24px;text-align:center;border-radius:8px;cursor:pointer;background:#f7fbff;}
#sog-drop p{ margin:0;color:#2b6cb0;font-weight:600; }
#sog-drop.sog-dragover{ background:#eef6ff; }
.sog-btn{ display:inline-block;padding:8px 12px;margin:6px 6px 0 0;border-radius:6px;background:#2b6cb0;color:#fff;border:none;cursor:pointer; }
#sog-output{ width:100%; height:220px; margin-top:12px; padding:10px; border-radius:6px; border:1px solid #e6e6e6; }
.sog-loader-circle { border:4px solid #e6e6e6; border-top:4px solid #2b6cb0; width:34px;height:34px;border-radius:50%; animation:spin 1s linear infinite;margin:auto;}
.sog-loader-text{ text-align:center;margin-top:8px;color:#333; }
@keyframes spin { 100%{ transform:rotate(360deg); } }
#sog-preview{ display:block; margin-top:12px; border-radius:6px; max-height:320px; }