#as-username{--as-primary:#E63946;--as-primary-dark:#C42C39;--as-ink:#0F172A;--as-muted:#64748B;--as-line:#E2E8F0;--as-bg:#F8FAFC;--as-card:#fff;box-sizing:border-box;max-width:720px;margin:1.5rem auto;padding:1.5rem;background:var(--as-card);border:1px solid var(--as-line);border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--as-ink);line-height:1.5}
#as-username *,#as-username *::before,#as-username *::after{box-sizing:border-box}
#as-username .as-tool__head{margin-bottom:1.1rem}
#as-username .as-tool__title{font-size:1.15rem;font-weight:700;margin:0 0 .25rem;color:var(--as-ink)}
#as-username .as-tool__sub{font-size:.9rem;color:var(--as-muted);margin:0}
#as-username .as-field{margin-bottom:.9rem}
#as-username .as-field label{display:block;font-size:.82rem;font-weight:600;color:var(--as-ink);margin-bottom:.35rem}
#as-username input[type="text"],#as-username select{width:100%;padding:.65rem .8rem;font-size:.95rem;font-family:inherit;color:var(--as-ink);background:var(--as-bg);border:1px solid var(--as-line);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}
#as-username input:focus,#as-username select:focus{border-color:var(--as-primary);box-shadow:0 0 0 3px rgba(230,57,70,.14);background:#fff}
#as-username .as-row{display:flex;gap:.75rem;flex-wrap:wrap}
#as-username .as-row>.as-field{flex:1 1 160px}
#as-username .as-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.25rem;font-size:.95rem;font-weight:600;font-family:inherit;color:#fff;background:var(--as-primary);border:none;border-radius:10px;cursor:pointer;transition:background .15s,transform .05s}
#as-username .as-btn:hover{background:var(--as-primary-dark)}
#as-username .as-btn:active{transform:translateY(1px)}
#as-username .as-btn--ghost{color:var(--as-primary);background:transparent;border:1px solid var(--as-line)}
#as-username .as-btn--ghost:hover{background:var(--as-bg)}
#as-username .as-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:.3rem}
#as-username .as-results{margin-top:1.25rem}
#as-username .as-results:empty{display:none}
#as-username .as-chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem}
#as-username .as-chip{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;background:var(--as-bg);border:1px solid var(--as-line);border-radius:10px;font-size:.92rem;font-weight:500;word-break:break-word}
#as-username .as-chip span{min-width:0}
#as-username .as-chip small{display:block;font-weight:400;font-size:.72rem;color:var(--as-muted)}
#as-username .as-chip button{flex:0 0 auto;border:none;background:transparent;color:var(--as-muted);cursor:pointer;font-size:.8rem;padding:.15rem .3rem;border-radius:6px}
#as-username .as-chip button:hover{color:var(--as-primary);background:#fff}
#as-username .as-note{font-size:.82rem;color:var(--as-muted);margin-top:.8rem}
#as-username .as-empty{color:var(--as-muted);font-size:.9rem;font-style:italic}
.as-toast{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);background:#0F172A;color:#fff;padding:.55rem 1rem;border-radius:8px;font-size:.85rem;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s}
.as-toast.is-visible{opacity:1}
@media (max-width:520px){#as-username{padding:1.15rem;margin:1rem .25rem}}