.names-output{display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start}.placeholder-text{color:var(--text-secondary,#6b7280);font-style:italic;width:100%;text-align:center;padding:2rem 0}.name-item{display:inline-flex;align-items:center;gap:.25rem;background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border-color,#e5e7eb);border-radius:var(--radius-md,.5rem);padding:.375rem .5rem .375rem .75rem;transition:border-color .2s,box-shadow .2s}.name-item:hover{border-color:var(--primary-color,#8b5cf6);box-shadow:0 0 0 1px var(--primary-color,#8b5cf6)}.name-text{font-size:1rem;font-weight:500;letter-spacing:.02em;color:var(--text-primary,#1f2937);user-select:all}.name-copy-btn{flex-shrink:0;opacity:.4;transition:opacity .2s}.name-item:hover .name-copy-btn{opacity:1}.output-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width:768px){.names-output{gap:.375rem}.name-item{padding:.25rem .375rem .25rem .625rem}.name-text{font-size:.875rem}.output-actions{flex-direction:column}.output-actions .btn{width:100%}}@media (max-width:480px){.name-item{width:100%;justify-content:space-between}}