.name-generator{padding:2rem 0}.tool-header{text-align:center;margin-bottom:2rem}.tool-header h1{font-size:2rem;color:var(--gray-800);margin-bottom:.5rem}.tool-header p{color:var(--gray-600)}.generator-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--tool-content-gap, 2rem);align-items:start;margin-bottom:2rem}.generator-form{position:sticky;top:100px}.generator-form h3{margin-bottom:1.5rem;color:var(--gray-800)}.style-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.style-btn{padding:.75rem;background:var(--gray-100);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--gray-700);transition:all .2s}.style-btn:hover{background:var(--gray-200)}.style-btn.active{background:#4f46e51a;border-color:var(--primary);color:var(--primary)}.input-hint{font-size:.8rem;color:var(--gray-500);margin-top:.25rem;display:block}.btn-generate{width:100%;padding:1rem;font-size:1.1rem;margin-top:1rem}.generator-results{display:flex;flex-direction:column;gap:1.5rem}.names-list h3{margin-bottom:1rem;color:var(--gray-800)}.names-grid{display:grid;gap:.75rem}.name-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200);transition:all .2s}.name-item:hover{background:var(--white);border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.name-text{font-size:1.1rem;font-weight:500;color:var(--gray-800);flex:1}.domain-preview{font-size:.8rem;color:var(--gray-500);font-family:monospace;background:var(--gray-100);padding:.25rem .5rem;border:2px solid #d1d5db;border-radius:var(--radius-sm, 4px);margin-right:.75rem;box-shadow:0 1px 3px #0000001a}.name-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{width:36px;height:36px;border:none;background:var(--white);border-radius:var(--radius);cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--gray-200)}.action-btn.save:hover{background:var(--warning)}.action-btn.domain:hover{background:var(--primary);color:var(--white)}.saved-names{border:2px solid var(--warning);background:#f59e0b0d}.saved-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.saved-header h3{margin:0;color:var(--gray-800)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.saved-list{display:flex;flex-wrap:wrap;gap:.75rem}.saved-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200)}.saved-item span{font-weight:500}.remove-btn{width:24px;height:24px;border:none;background:var(--gray-100);border-radius:50%;cursor:pointer;font-size:1rem;color:var(--gray-500);display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:var(--danger);color:var(--white)}.empty-state{text-align:center;padding:3rem;background:var(--gray-50);border:2px dashed var(--gray-300)}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:var(--gray-800);margin-bottom:.5rem}.empty-state p{color:var(--gray-600);max-width:400px;margin:0 auto}.tips-section{background:var(--gray-50)}.tips-section h3{margin-bottom:1.5rem;color:var(--gray-800)}.tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.tip{display:flex;gap:.75rem}.tip-icon{width:28px;height:28px;background:var(--success);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.tip-content strong{display:block;color:var(--gray-800);margin-bottom:.25rem}.tip-content p{font-size:.875rem;color:var(--gray-600);margin:0}@media (max-width: 1023px){.generator-layout{grid-template-columns:1fr}.generator-form{position:static}.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tips-grid,.style-options{grid-template-columns:1fr}}