body {
    background:#f4f6f9;
    font-family: Arial;
}

.ocr-container {
    max-width:600px;
    margin:40px auto;
    padding:25px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    text-align:center;
}

#dropArea {
    padding:25px;
    border:2px dashed #ccc;
    border-radius:10px;
    cursor:pointer;
}

#preview {
    max-width:100%;
    margin-top:10px;
}

.progress {
    position:relative;
    height:20px;
    background:#eee;
    border-radius:10px;
    margin-top:10px;
}

#bar {
    height:100%;
    width:0%;
    background:#007bff;
    border-radius:10px;
}

#percent {
    position:absolute;
    width:100%;
    text-align:center;
    font-size:12px;
}

textarea {
    width:100%;
    height:150px;
    margin-top:10px;
}

.btn-group {
    display:flex;
    gap:10px;
    justify-content:center;
    margin-top:10px;
}