/* Styles V3 */
.bds-wrapper {
  max-width: 920px;
  margin: 28px auto;
  padding: 22px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(78,79,235,0.08);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #333;
}
.bds-fullwidth-mobile { width: 100%; box-sizing: border-box; }
.bds-title { text-align:center; color: #4E4FEB; margin: 0 0 18px 0; font-size: 20px; font-weight:700; }
.bds-tabs { display:flex; gap:10px; margin-bottom:14px; }
.bds-tab { flex:1; padding:10px; border:none; background:#f0f2ff; border-radius:10px; cursor:pointer; font-weight:600; color:#4E4FEB; }
.bds-tab.active { background: linear-gradient(90deg,#4E4FEB 0%, #3B3ED1 100%); color:#fff; box-shadow: 0 6px 18px rgba(78,79,235,0.18); }
.bds-section input, .bds-section textarea { width:100%; padding:12px 14px; border-radius:10px; border:1px solid #e6e9ff; background:#fbfbff; font-size:15px; margin-bottom:12px; box-sizing:border-box; outline:none; }
.bds-section textarea { min-height:140px; resize:vertical; }
.bds-row { display:flex; gap:10px; margin-bottom:8px; }
.bds-btn { padding:12px 16px; background:#4E4FEB; color:#fff; border:none; border-radius:10px; cursor:pointer; font-weight:700; }
.bds-ghost { background: transparent; border: 2px solid #4E4FEB; color: #4E4FEB; }
.bds-results { margin-top:12px; display:grid; gap:10px; }
.domain-card { background:#F4F6FF; padding:12px 14px; border-radius:10px; display:flex; justify-content:space-between; align-items:center; gap:10px; border:1px solid rgba(78,79,235,0.06); }
.domain-left { font-weight:700; color:#222; word-break:break-all; }
.domain-right { font-size:16px; font-weight:800; color:#4E4FEB; background: rgba(78,79,235,0.06); padding:6px 10px; border-radius:8px; }
.domain-best { box-shadow: 0 6px 20px rgba(78,79,235,0.12); transform: translateY(-4px); border:1px solid rgba(78,79,235,0.2); }
.bds-note { margin-top:12px; font-size:13px; color:#666; text-align:center; }
.bds-footer { display:flex; gap:20px; justify-content:space-between; margin-top:14px; font-size:13px; color:#555; flex-wrap:wrap; }
.bds-loader { position: fixed; left:50%; top:50%; transform: translate(-50%,-50%); width:72px; height:72px; border-radius:50%; background: linear-gradient(90deg,#4E4FEB,#3B3ED1); animation: bds-spin 1s linear infinite; z-index:9999; opacity:0.95; }
@keyframes bds-spin { 0%{transform:translate(-50%,-50%) rotate(0deg)} 100%{transform:translate(-50%,-50%) rotate(360deg)} }
@media(max-width:720px){ .bds-wrapper{margin:16px;padding:16px} .domain-right{font-size:14px;padding:5px 8px} .bds-footer{flex-direction:column;align-items:flex-start} }