/* Responsive, minimal, and theme-friendly styles */
.sdc-wrapper{font-family:inherit;padding:14px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.06);background:var(--sdc-bg,#fff);color:var(--sdc-color,#111);width:100%;box-sizing:border-box;}
.sdc-logo{font-weight:700;margin-bottom:8px;font-size:1.05rem;}
.sdc-form{display:flex;gap:8px;align-items:center;}
.sdc-input{flex:1;padding:10px;border-radius:6px;border:1px solid rgba(0,0,0,0.08);transition:box-shadow .25s ease;font-size:1rem;}
.sdc-tlds{padding:10px;border-radius:6px;border:1px solid rgba(0,0,0,0.08);font-size:1rem;}
.sdc-button{padding:10px 14px;border-radius:8px;border:none;background:var(--sdc-accent,#0073aa);color:#fff;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.06);transition:transform .12s ease,opacity .12s ease;}
.sdc-button:active{transform:translateY(1px);}
.sdc-result{margin-top:12px;font-size:0.95rem;}
.sdc-loading{animation:blink 1s linear infinite;}
@keyframes blink{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}

/* Responsive adjustments */
@media(max-width:720px){
  .sdc-form{flex-direction:column;align-items:stretch;}
  .sdc-tlds{width:100%;}
  .sdc-button{width:100%;}
}

/* Templates (10) simple accent rules */
.sdc-template-1{--sdc-accent:#0d6efd;--sdc-bg:#ffffff;}
.sdc-template-2{--sdc-accent:#198754;--sdc-bg:#ffffff;}
.sdc-template-3{--sdc-accent:#6f42c1;--sdc-bg:#ffffff;}
.sdc-template-4{--sdc-accent:#d63384;--sdc-bg:#ffffff;}
.sdc-template-5{--sdc-accent:#fd7e14;--sdc-bg:#ffffff;}
.sdc-template-6{--sdc-accent:#0dcaf0;--sdc-bg:#ffffff;}
.sdc-template-7{--sdc-accent:#6610f2;--sdc-bg:#ffffff;}
.sdc-template-8{--sdc-accent:#20c997;--sdc-bg:#ffffff;}
.sdc-template-9{--sdc-accent:#e83e8c;--sdc-bg:#ffffff;}
.sdc-template-10{--sdc-accent:#343a40;--sdc-bg:#ffffff;}

/* Utilities */
.sdc-suggestions ul{list-style:none;padding-left:0;margin:6px 0 0 0;}
.sdc-suggestions li{margin:6px 0;}
.sdc-suggestion{color:var(--sdc-accent);text-decoration:none;cursor:pointer;}
.sdc-available{background:rgba(13,110,253,0.06);padding:10px;border-radius:6px;}
.sdc-unavailable{background:rgba(220,53,69,0.04);padding:10px;border-radius:6px;}
.sdc-error{color:#c82333;padding:8px;}