.hdai-wrap{display:flex;justify-content:center;margin:20px 0;}
.hdai-card{
  width:min(920px, 100%);
  background:#ffffff;
  border:1px solid rgba(15,23,42,.10);
  border-radius:22px;
  box-shadow:0 18px 60px rgba(2,6,23,.10);
  padding:22px;
}
.hdai-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px;
  background:rgba(2,6,23,.04);
  border:1px solid rgba(2,6,23,.06);
  font-weight:700; letter-spacing:.06em; font-size:12px;
}
.hdai-title{font-size:46px; line-height:1.1; margin:14px 0 8px; font-weight:900; color:#0b1220;}
.hdai-sub{color:rgba(2,6,23,.65); font-size:16px; margin-bottom:14px;}

.hdai-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
.hdai-field label{display:block;font-weight:800;color:#0b1220;margin:6px 0 6px;font-size:13px}
.hdai-field select{
  width:100%; height:44px; border-radius:14px;
  border:1px solid rgba(2,6,23,.14);
  background:#fff; padding:0 12px; font-size:15px;
}
.hdai-btn{
  margin-top:14px;
  width:100%; height:54px; border:none; border-radius:16px;
  font-size:16px; font-weight:900; letter-spacing:.02em;
  color:#0b1220;
  background: linear-gradient(90deg, #00e6c3, #6a5cff);
  box-shadow:0 16px 40px rgba(106,92,255,.18);
  cursor:pointer;
}
.hdai-btn:disabled{opacity:.6; cursor:not-allowed;}
.hdai-hint{margin-top:10px; color:rgba(2,6,23,.55); font-size:13px}

.hdai-result{
  margin-top:14px;
  border-radius:18px;
  border:1px solid rgba(2,6,23,.10);
  padding:16px;
  background:#fff;
}
.hdai-row{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:10px}
.hdai-badge{
  width:46px;height:46px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#00e6c3,#6a5cff);
  color:#0b1220;font-weight:900;
}
.hdai-meta{color:rgba(2,6,23,.7); font-weight:700; font-size:13px}
.hdai-headline{font-size:22px; font-weight:900; margin:6px 0 10px; color:#0b1220}
.hdai-ul{margin:0 0 10px 18px; color:rgba(2,6,23,.85)}
.hdai-ul li{margin:6px 0}
.hdai-punch{font-weight:900; color:#0b1220}

.hdai-share{margin-top:14px; border-top:1px dashed rgba(2,6,23,.14); padding-top:14px}
.hdai-share-title{font-weight:900; color:#0b1220; margin-bottom:8px}
.hdai-share-actions{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px}
.hdai-share-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 12px; border-radius:12px;
  border:1px solid rgba(2,6,23,.16);
  background:#fff; color:#0b1220; font-weight:900; text-decoration:none;
}
.hdai-share-btn:hover{box-shadow:0 10px 22px rgba(2,6,23,.10)}
.hdai-copy{cursor:pointer}
#hdai_share_text{
  width:100%; border-radius:14px; border:1px solid rgba(2,6,23,.14);
  padding:12px; font-size:14px; margin-bottom:10px;
}
.hdai-preview-title{font-weight:900; margin:10px 0 8px; color:#0b1220}
.hdai-preview{width:100%; border-radius:16px; border:1px solid rgba(2,6,23,.12); box-shadow:0 14px 36px rgba(2,6,23,.10)}
.hdai-disclaimer{margin-top:10px; font-size:12px; color:rgba(2,6,23,.6)}

@media (max-width: 860px){
  .hdai-title{font-size:34px}
  .hdai-grid{grid-template-columns: 1fr}
}