.social-links-display-container{position:relative;display:inline-block;width:fit-content}.social-links-display-container.editable-field-focus{padding:.75rem}.social-links-edit-btn{position:absolute;top:-.75rem;right:-.75rem;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#3b82f6;border:2px solid white;border-radius:50%;color:white;cursor:pointer;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15)}.social-links-edit-btn:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.social-links-edit-icon{width:.75rem;height:.75rem}.social-links-grid{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.social-link:hover{background:#f0f9ff;border-color:#3b82f6;color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.15)}.social-link-icon{width:1.25rem;height:1.25rem;object-fit:contain}.social-link-fallback{font-size:1.125rem}.social-links-empty-display{display:flex;align-items:center;justify-content:center;min-height:2.5rem}.social-links-add-first-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f0f9ff;border:2px dashed #3b82f6;border-radius:.5rem;color:#2563eb;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.social-links-add-first-btn:hover{background:#e0f2fe;border-color:#2563eb;color:#1d4ed8}.social-links-add-icon{font-size:1rem}@media (max-width:640px){.social-links-grid{gap:.5rem}.social-link{width:2.25rem;height:2.25rem}.social-link-icon{width:1rem;height:1rem}.social-link-fallback{font-size:1rem}}