canvas {  border:1px solid #ccc;  margin-bottom:20px;   }   #previewContainer {  display:flex;  flex-direction:column;  gap:20px;  max-height:90vh;  overflow-y:auto;  margin-top:30px;   }   .pdf-canvas-container {  position:relative;  display:flex; }  .crop-rect {  border:2px dashed red;  position:absolute;  pointer-events:none;   }   .options {  margin-top:20px;   }   button {  padding:10px 20px;  margin-right:10px;   }   .file-input {   color:#0e65bf;   cursor:pointer;   border-radius:10px;   text-transform:uppercase;   font-weight:500;   letter-spacing:3px;   font-family:system-ui;   font-size:24px;   min-height:225px;   display:flex;   align-items:center;   justify-content:center;   width:100%;   border:2px dashed;   margin:auto; } .page1 {   display:block;   width:100%;   max-width:550px;   text-align:center;   padding:25px;   box-shadow:0 0 15px 0px #0002;   border-radius:10px;   margin:10px auto 30px; } input#pdfInput {   display:none; }  .options {   display:flex;   justify-content:center;   flex-direction:column; } .label-div{   display:flex;   gap:20px;   justify-content:center; } .op-button-div {   display:flex;   margin-top:15px;   justify-content:center; }  @media(min-width:431px) and (max-width:991px){ } @media(max-width:430px) { button#cropPdfBtn, button#resetBtn {   font-size:12px; }   .label-div {   flex-direction:column;   gap:0px; } .label-div label {   text-align:center; }   label.file-input {   font-size:18px; }   } .crop-rect {  position:absolute;  border:2px dashed #ff4081;  background:rgba(255, 64, 129, 0.1);  pointer-events:none;  z-index:10; } .pdf-canvas-container {   position:relative;   margin-bottom:20px;   width:100%;  }  .pdf-canvas-container canvas {   width:100% !important; height:auto !important; display:block;  }  .crop-rect {   position:absolute;   border:2px dashed red;   pointer-events:none;   z-index:10;  }   .file-input.drop-zone {   display:flex;   flex-direction:column;   padding:40px;   border:2px dashed #0e65bf;   border-radius:10px;   text-align:center;   color:#0e65bf;   cursor:pointer;   transition:background-color 0.2s ease-in-out;   position:relative; } .file-input.drop-zone.drag-over {   background-color:#eef;   border-color:#007bff;   color:#0e65bf; } .drag-drop-hint {   font-size:16px;   color:#0e65bf;   margin-top:8px;   display:inline-block; }