.ocr-container{
padding:20px;
}

.ocr-card{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 0 15px rgba(0,0,0,.1);
}

.ocr-card h2{
text-align:center;
margin-bottom:20px;
}

.drop-zone{

border:3px dashed #ff7a18;
padding:40px;
border-radius:12px;
cursor:pointer;
text-align:center;
transition:.3s;
background:#fffaf5;

}

.drop-zone:hover{
background:#fff2e8;
}

.drop-zone.dragover{
background:#ffe5cc;
}

.drop-content i{
font-size:60px;
color:#ff7a18;
}

.preview-box{
margin-top:20px;
text-align:center;
}

.preview-box img{
max-width:100%;
max-height:300px;
border-radius:10px;
}

.ocr-buttons{
text-align:center;
margin:20px 0;
}

.ocr-buttons button{
margin:5px;
}

#outputText{
width:100%;
height:300px;
padding:10px;
resize:vertical;
font-family:monospace;
}