/* ================= TOOL WRAPPER ================= */
.thldrevimg-tool{
  max-width:900px;
  margin:0 auto;
}

/* ================= INPUT BOX ================= */
.thldrevimg-box{
  padding:20px;
  border-radius:20px;
  box-sizing:border-box;
}

/* URL input + Search button ONLY */
.thldrevimg-box input[type="url"],
.thldrevimg-box button{
  width:100%;
  margin:10px 0;
  padding:14px 16px;
  border-radius:30px;
  font-size:16px; /* iOS zoom fix */
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
}

/* ================= SPINNER ================= */
.thldrevimg-spinner{
  display:none;
  width:40px;
  height:40px;
  border:4px solid #eee;
  border-top:4px solid #ff0077;
  border-radius:50%;
  animation:spin 1s linear infinite;
  margin:15px auto 0;
}

@keyframes spin{
  to{transform:rotate(360deg)}
}

/* ================= UPLOAD BUTTON (HARD FIX) ================= */
.thldrevimg-upload-btn{
  display:flex !important;
  width:100% !important;
  box-sizing:border-box !important;

  align-items:center;
  justify-content:center;
  gap:10px;

  padding:14px 16px;
  margin:10px 0;

  border-radius:30px;
  cursor:pointer;

  font-size:16px; /* iOS zoom fix */
  font-weight:600;
  line-height:1;

  background:linear-gradient(135deg,#ff0077,#7b2ff7);
  color:#fff;

  border:none !important;
  outline:none !important;

  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;

  user-select:none;
}

/* Hover effect (desktop only) */
.thldrevimg-upload-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(0,0,0,.15);
}

/* Upload icon */
.thldrevimg-upload-icon{
  font-size:20px;
  line-height:1;
}

/* Selected filename */
.thldrevimg-filename{
  margin-top:6px;
  font-size:13px;
  text-align:center;
  color:#555;
}

/* ================= OR DIVIDER (HARD CENTER FIX) ================= */
.thldrevimg-or-wrap{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:8px 0 !important;
}

.thldrevimg-or{
  display:inline-block !important;
  font-size:13px;
  font-weight:600;
  color:#888;
  letter-spacing:1px;
  text-align:center !important;
}

/* ================= RESULTS ================= */
.thldrevimg-results{
  margin-top:20px;
}

/* Profile card */
.thldrevimg-card{
  display:flex;
  align-items:center;
  gap:15px;
  margin:12px 0;
  padding:15px;
  border-radius:20px;
  background:linear-gradient(135deg,#ff0077,#7b2ff7);
  color:#fff;
  box-sizing:border-box;
}

/* DP circle */
.thldrevimg-dp{
  width:50px;
  height:50px;
  min-width:50px;
  border-radius:50%;
  background:#fff;
  color:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
  font-size:22px;
}

/* Profile info */
.thldrevimg-info{
  font-size:15px;
  line-height:1.4;
}

.thldrevimg-info a{
  color:#fff;
  text-decoration:underline;
}

/* No results */
.thldrevimg-no{
  text-align:center;
  color:red;
  font-weight:600;
}

/* Branding */
.thldrevimg-brand{
  text-align:center;
  margin-top:12px;
  font-weight:bold;
  color:#7b2ff7;
}

/* ================= MOBILE ================= */
@media(max-width:600px){
  .thldrevimg-info{
    font-size:13px;
  }
  .thldrevimg-card{
    padding:12px;
  }
}