#imageUploadForm,body{flex-direction:column;display:flex}#output,body{text-align:center}#loader,#output{display:none}#loader,#output,h1{margin-top:20px}body::before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.1);z-index:-1}body{font-family:Arial,sans-serif;background-color:#f5f5f5;height:100vh;margin:0}#formPage{background-color:#5e6a8c00;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px 5%;margin:0 15%;max-width:90%}#imageUploadForm{align-items:center;width:100%}#password{padding:10px;width:70%;margin:10px 0;border:1px solid #ccc;border-radius:5px}button[type=submit]{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}button[type=submit]:hover{background-color:#0056b3}.custom-file-input::-webkit-file-upload-button{visibility:hidden}.custom-file-input::before{content:'Select Image';-webkit-user-select:none;content:'Select Image';display:inline-block;background:-webkit-linear-gradient(top,#f9f9f9,#e3e3e3);border:1px solid #999;border-radius:3px;padding:5px 8px;outline:0;white-space:nowrap;cursor:pointer;text-shadow:1px 1px #fff;font-weight:700;font-size:10pt}.custom-file-input:hover::before{border-color:#000}#selectedImage{max-width:80%;max-height:40vh;display:none;margin:20px auto;box-shadow:0 0 10px rgba(0,0,0,.2)}#output{flex-direction:column;align-items:center;padding-left:3%;padding-right:3%}#ocrOutput{max-width:90%;overflow-y:auto;border:1px solid #ccc;padding:10px 10%;background-color:#fff;text-align:left;margin:0 auto}#timer{margin-top:10px}.loader{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:2s linear infinite spin;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:768px){#formPage{margin-left:5%;margin-right:5%}#output{padding-left:1%;padding-right:1%}#selectedImage{max-width:90%;max-height:40vh}#ocrOutput{max-width:80%;padding-left:2%;padding-right:2%}}#timeBars{width:80%;height:20px;margin:10px auto 30px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;display:flex;position:relative}#processingBar,#uploadBar{height:100%;position:relative}#uploadBar{background-color:#00bfff}#processingBar{background-color:#f04}.timeLabel{position:absolute;bottom:-25px;white-space:nowrap;font-size:15px}
