.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; } div.pdfInputDiv {   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; } .previewpdf {  text-align:center;  color:#666;  font-size:18px;   }   #pdf-editor-container {  display:flex;  flex-direction:column;  gap:20px;  max-width:1400px;  margin:0 auto;  flex-direction:column;   }   #previewContainer {  flex:1;  max-height:90vh;  overflow-y:auto;  background-color:#f8f8f8;  border-radius:10px;  padding:20px;   }   .tool-heading {  color:#333;  margin-bottom:20px;  font-size:24px;  text-align:center;   }   .section {  margin-bottom:25px;  padding:15px;  border:1px solid #e0e0e0;  border-radius:8px;  background:#ffffff;   }   .section-title {  font-weight:bold;  margin-bottom:10px;  color:#333;  font-size:16px;  display:flex;  align-items:center;  gap:10px;   }   .mode-btn {  padding:8px 15px;  margin:5px;  border:2px solid #1e55b2;  background:#fff;  color:#1e55b2;  border-radius:5px;  cursor:pointer;  transition:all 0.3s;   }   .mode-btn.active {  background:#1e55b2;  color:white;   }   .mode-btn:hover {  background:#1e55b2;  color:white;   }   input,   select,   textarea {  width:100%;  padding:8px;  margin:5px 0;  border:1px solid #ddd;  border-radius:4px;  font-size:14px;   }   .color-size-row {  display:flex;  gap:10px;  align-items:center;   }   .color-size-row input[type="color"] {  width:50px;  height:35px;  padding:0;  border:none;   }   .color-size-row input[type="range"] {  flex:1;   }   .pdf-canvas-container {  position:relative;  margin-bottom:20px;  border:2px solid #ddd;  border-radius:8px;  overflow:hidden;  background:white;  box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);   }   canvas {  display:block;  cursor:crosshair;   }   .element-draggable {  position:absolute;  cursor:move;  user-select:none;  border:2px dashed transparent;  padding:2px;  min-width:50px;  min-height:20px;  transition:border-color 0.3s;   }   .element-draggable:hover {  border-color:#1e55b2;   }   .element-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;   }   .element-draggable.selected .delete-btn {  display:block;   }   .font-samples {  max-height:200px;  overflow-y:auto;  border:1px solid #eee;  padding:10px;  margin:10px 0;  border-radius:4px;   }  .image-preview {  max-width:100%;  max-height:100px;  border:1px solid #ddd;  border-radius:4px;  margin-top:10px;   }   .brush-preview {  width:30px;  height:30px;  border-radius:50%;  border:1px solid #ddd;  display:inline-block;  margin-left:10px;   } input#pdfInput {   display:none; } div#previewContainer, div#savBTNs, div#editPDFOptions {   display:none; }