.name-generator{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);min-width:0}
.ng-heading{padding:26px 28px 20px}.ng-heading h2{font-size:22px;line-height:1.45;letter-spacing:-.02em}.ng-heading p{margin-top:10px;max-width:65ch;color:var(--muted)}
.ng-form{padding:0 28px 26px}.ng-types{min-width:0;border:0;padding:0;margin:0 0 22px}.ng-types legend,.ng-field>label{display:block;font-size:14px;font-weight:700;margin-bottom:10px;padding:0}.ng-type-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ng-type-options label{position:relative;cursor:pointer}.ng-type-options input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.ng-type-options span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 6px;border:1px solid var(--line);border-radius:var(--radius);font-size:14px}.ng-type-options label:hover span{background:var(--pale)}.ng-type-options input:checked+span{background:var(--lemon);border-color:#a8b854;font-weight:700}.ng-type-options input:focus-visible+span{outline:3px solid var(--cobalt);outline-offset:3px}
.ng-help{color:var(--muted);font-size:13px;line-height:1.75;max-width:70ch}.ng-types>.ng-help,.ng-field>.ng-help{margin-top:8px}.ng-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.ng-field{min-width:0}.ng-field label span{font-size:12px;font-weight:400;color:var(--muted);margin-left:5px}.ng-field input,.ng-manual-copy textarea{width:100%;max-width:100%;min-height:48px;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);padding:10px 12px;font:inherit;caret-color:var(--cobalt)}.ng-field input::placeholder{color:var(--muted);opacity:1}.ng-field input[aria-invalid=true]{border-color:var(--danger)}
.ng-primary{background:var(--cobalt);color:var(--white);min-width:200px}.ng-primary:hover:not(:disabled){background:var(--cobalt-hover)}.ng-secondary{border-color:var(--line);color:var(--ink);background:var(--white);min-height:44px;font-size:13px}.ng-secondary:hover:not(:disabled){background:var(--pale)}.ng-error{color:var(--danger);font-size:13px;margin-bottom:14px}
.ng-results-section{padding:22px 28px 24px;border-top:1px solid var(--line)}.ng-results-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.ng-results-toolbar h3{font-size:17px;line-height:1.5}.ng-empty{padding:30px 0 14px;font-size:14px;color:var(--muted);line-height:1.9}.ng-results{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;list-style:none;margin:18px 0 0;padding:0;counter-reset:names}.ng-results:empty{display:none}.ng-results li{display:flex;align-items:center;gap:12px;min-width:0;min-height:64px;border-bottom:1px solid var(--line);counter-increment:names}.ng-results li::before{content:counter(names,decimal-leading-zero);color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;min-width:20px}.ng-results li>span{font-size:21px;font-weight:700;letter-spacing:.01em;overflow-wrap:anywhere}.ng-copy-name{flex:none;min-height:44px;min-width:44px;margin-left:auto;background:transparent;color:var(--cobalt);font:inherit;font-size:13px;border:0;border-radius:var(--radius);cursor:pointer}.ng-copy-name:hover{background:var(--pale)}.ng-copy-status{font-size:13px;color:var(--cobalt);line-height:1.75}.ng-copy-status:not(:empty){margin-top:16px}.ng-manual-copy{margin-top:14px}.ng-manual-copy label{display:block;font-size:13px;margin-bottom:8px}.ng-manual-copy textarea{resize:vertical}
.ng-guide{border-top:1px solid var(--line);padding:0 28px}.ng-guide summary{cursor:pointer;padding:18px 0;min-height:58px;font-size:14px;font-weight:600;color:var(--ink)}.ng-guide>div{padding-bottom:24px;max-width:70ch}.ng-guide p{font-size:13px;color:var(--muted);line-height:1.85}.ng-guide p+p{margin-top:12px}
@media(max-width:640px){.ng-heading{padding:22px 20px 18px}.ng-heading h2{font-size:20px}.ng-heading p{font-size:13px}.ng-form{padding:0 20px 24px}.ng-type-options{gap:6px}.ng-type-options span{font-size:12px;padding-inline:3px}.ng-options{gap:18px;grid-template-columns:1fr}.ng-primary{width:100%}.ng-results-section{padding:20px}.ng-results{grid-template-columns:1fr;gap:0}.ng-guide{padding-inline:20px}.ng-results li>span{font-size:20px}}
@media(max-width:350px){.ng-heading,.ng-form,.ng-results-section,.ng-guide{padding-inline:16px}.ng-heading h2{font-size:18px}.ng-type-options span{font-size:11px}}