.pdf-tab-wrap {  max-width:600px;  margin:0 auto;  font-family:sans-serif;  margin-bottom:30px; } .tab-btns {  display:flex;  margin-bottom:15px; } .tab-btns button {  flex:1;  padding:10px;  background:#eee;  border:1px solid #ccc;  cursor:pointer;  font-weight:bold; } .tab-btns button.active {  background:#0073aa;  color:white; } .pdf-tab {  display:none; } .pdf-tab.active {  display:block; } .drop-zone {  border:2px dashed #bbb;  padding:30px;  text-align:center;  cursor:pointer;  background:white;  margin-bottom:15px; } .drop-zone.dragover {  border-color:#0073aa;  background:#eef6fb; } .tool-input, .button {  width:100%;  padding:10px;  margin-bottom:10px; } .button {  color:white;  border:none;  font-weight:bold;  cursor:pointer; } .response-box {   margin-top:15px;   padding:15px;   background:#e7f9ed;   border-left:3px solid #6ac07a;   display:none; } .response-box.error {  background:#fbeaea;  border-color:#dc3545;  color:#a94442; } .drop-zone {   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;   border:2px dashed;   margin:auto; } .protect-div, .unlock-div {   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; } .tab-btns {  display:inline-flex;  border-radius:12px;  overflow:hidden;  box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);  background:#f4f4f4;  width:100%; } .tab-btns .tab-btn {  padding:12px 24px;  border:none;  background:transparent;  color:#555;  font-size:16px;  font-weight:600;  cursor:pointer;  transition:all 0.3s ease;  position:relative;  z-index:1; } .tab-btns .tab-btn:hover {  color:#111;  background:rgba(0, 0, 0, 0.05); } .tab-btns .tab-btn.active {  background:linear-gradient(45deg, #1e55b2, #3477e8) !important;  color:#fff;  box-shadow:inset 0 0 0 1000px rgba(0,0,0,0.05);  z-index:2; } .preview-box {  margin-top:15px;  margin-bottom:20px;  display:flex;  flex-direction:column;  align-items:center;  padding:12px;  background:#fff;  border:1px solid #ddd;  border-radius:6px;  box-shadow:0 2px 6px rgba(0,0,0,0.05);  max-width:200px;  margin-left:auto;  margin-right:auto;  position:relative; } .preview-box .pdf-icon {  font-size:48px;  color:#d93025; } .preview-box .file-title {  font-size:14px;  color:#333;  margin-top:8px;  word-break:break-word;  text-align:center; } .preview-box .remove-btn {  position:absolute;  top:5px;  right:5px;  background:#ff4d4d;  border:none;  color:#fff;  border-radius:50%;  width:20px;  height:20px;  font-size:14px;  line-height:20px;  cursor:pointer; } .hidden {   display:none; }  @media(max-width:450px){ button.tab-btn {   font-size:14px !important; } .drop-text {   font-size:16px; }   }  .eyeIcon img{   position:absolute;   width:20px;   height:20px;   cursor:pointer;   right:15px;   top:42%;   transform:translateY(-50%); } div.inputDiv {   position:relative; }