.previewpdf{  text-align:center;  margin-top:50%;   }   .signDiv {   display:flex;   gap:20px; }   #controls {  width:350px;  background:#fff;  border:1px solid #ddd;  padding:15px;  border-radius:10px;  height:90vh;  overflow-y:auto;   }   #previewContainer {  flex:1;  max-height:90vh;  overflow-y:auto;  background-color:#8080801f;   }   canvas {  border:1px solid #ccc;  margin-bottom:20px;  width:100%;   }   .signature-sample {  display:block;  margin:8px 0;  padding:8px;  border:1px solid #ddd;  border-radius:4px;  cursor:move;  background:#f9f9f9;  font-size:18px;  text-align:center;  user-select:none;   }   .signature-sample:hover {  background:#e9e9e9;  border-color:#1e55b2;   }   .signature-draggable {  position:absolute;  font-weight:bold;  cursor:move;  user-select:none;  border:2px dashed transparent;  padding:2px;  min-width:50px;  min-height:20px;   }   .signature-draggable:hover {  border-color:#1e55b2;   }   .signature-draggable.selected {  border-color:#ff4444;  border-style:solid;   }   .resize-handle {  position:absolute;  width:8px;  height:8px;  background:#1e55b2;  border:1px solid #fff;  cursor:nw-resize;  right:-4px;  bottom:-4px;   }   .delete-btn {  position:absolute;  top:-8px;  right:-8px;  width:16px;  height:16px;  background:#ff4444;  color:white;  border:none;  border-radius:50%;  cursor:pointer;  font-size:10px;  display:none;   }   .signature-draggable.selected .delete-btn {  display:block;   }   .draw-pad {  border:1px solid #999;  width:100%;  height:150px;  margin-top:10px;  cursor:crosshair;   }   .color-option {  margin-right:5px;   }   #drawn-signature-img {  max-width:100%;  margin-top:10px;  cursor:move;  border:1px solid #ddd;  border-radius:4px;  padding:5px;   }   .font-samples {  max-height:300px;  overflow-y:auto;  border:1px solid #eee;  padding:10px;  margin:10px 0;  border-radius:4px;   }   .section-title {  font-weight:bold;  margin:15px 0 5px 0;  color:#333;   }   .font-arial {  font-family:Arial, sans-serif;   }   .font-times {  font-family:'Times New Roman', serif;   }   .font-courier {  font-family:'Courier New', monospace;   }   .font-georgia {  font-family:Georgia, serif;   }   .font-verdana {  font-family:Verdana, sans-serif;   }   .font-comic {  font-family:'Comic Sans MS', cursive;   }   .font-impact {  font-family:Impact, sans-serif;   } @media(max-width:991px){  .signDiv {   flex-direction:column; } .download-div {   margin-bottom:20px; } div#controls, #previewContainer {   width:100%; } input#pdfInput {   width:100%; } p.preview-p {   margin-bottom:0;   position:sticky;   top:0%;   z-index:2;   background:#000;   color:#fff;   padding:5px 10px; } div#previewContainer {   margin:30px 0; } .previewpdf{   margin-top:0; }   } @media(min-width:992px){   p.preview-p{  display:none;   } } .blue-btn:hover {   transform:scale(0.9) !important; }  .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:75px;   display:flex;   align-items:center;   justify-content:center;   width:100%;   border:2px dashed;   margin:auto; } .file-input strong {   font-size:13px; } input#pdfInput {   display:none; } div#signedpdf-container {   display:flex;   flex-direction:column;   gap:30px; } .download-div {   display:flex;   justify-content:center;   gap:10px; }   .signature-draggable img {  width:100%;  height:100%;  object-fit:contain;  display:block;  pointer-events:none;   }   button#addImageBtn {   margin-top:10px; } .controlBtnDiv {   display:flex;   gap:10px; } div#signatureSamples {   max-height:200px;   overflow:auto; } div#savedDrawnSign p {   margin-bottom:0;   font-weight:500; } div#savedDrawnSign {   margin-top:15px; }  button#addImageBtn img {   width:20px;   height:20px;   object-fit:contain; } button#addImageBtn {   display:flex;   gap:5px;   padding:0;   background:none;   border:unset;   margin-top:0; } .drawOrUpload {   display:flex;   justify-content:space-between; } .section-title {   margin:0; } .drawOrUpload {   margin-top:25px; } #signedpdf-container.highlight-drop {   background-color:#46a9ff2d; }