.profile-social-compact{margin-top:20px;padding-top:16px}
.profile-social-compact .profile-social-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.profile-social-compact .profile-social-heading h3{margin:0}
.profile-social-compact .profile-social-add{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;min-height:38px;padding:0;border:1px solid var(--line);border-radius:50%;font:400 26px/1 system-ui,sans-serif;background:#fff;color:var(--navy)}
.profile-social-compact .profile-social-list{gap:7px;margin:10px 0 0}
.profile-social-compact .profile-social-row{display:flex;align-items:center;gap:4px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:0;margin:0;background:white}
.profile-social-compact .profile-social-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:52px;border:0;border-radius:8px;background:transparent;color:var(--ink);padding:8px 10px;text-align:left;cursor:pointer}
.profile-social-compact .profile-social-icon{display:flex;flex:0 0 20px;color:var(--navy)}
.profile-social-compact .profile-social-link-text{display:grid;gap:2px;min-width:0;flex:1}
.profile-social-compact .profile-social-link-name{font:600 12px/1.3 system-ui,sans-serif}
.profile-social-compact .profile-social-link-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 11px/1.4 system-ui,sans-serif;color:var(--muted)}
.profile-social-compact .profile-social-link-audience{flex:0 0 auto;font:400 10px/1.4 system-ui,sans-serif;color:var(--muted)}
.profile-social-compact .profile-social-remove{display:grid;place-items:center;flex:0 0 40px;width:40px;height:44px;min-height:44px;align-self:center;border:0;background:transparent;padding:0;margin-right:2px;color:#7b4545;cursor:pointer}
.profile-social-compact button:focus-visible,.profile-social-editor button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.profile-social-editor{width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:0;background:var(--paper,#fffdf8);color:var(--ink);box-shadow:0 20px 70px #11282040}
.profile-social-editor::backdrop{background:#0a211e8c;backdrop-filter:blur(3px)}
.profile-social-editor .profile-social-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}
.profile-social-editor .profile-social-editor-head h3{margin:0;font:600 17px/1.4 system-ui,sans-serif}
.profile-social-editor .profile-social-editor-close{display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--ink);width:36px;height:36px;padding:0;font:400 26px/1 system-ui,sans-serif;cursor:pointer}
.profile-social-editor form{display:grid;gap:15px;padding:18px;margin:0}
.profile-social-editor label{display:grid;gap:6px;min-width:0;font:600 12px/1.4 system-ui,sans-serif}
.profile-social-editor input,.profile-social-editor select{width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:9px 10px;border:1px solid #bacac1;border-radius:6px;background:#fff;color:var(--ink);font:400 14px/1.5 system-ui,sans-serif}
.profile-social-editor .profile-field-note{font:400 11px/1.5 system-ui,sans-serif;color:var(--muted);margin:0}
.profile-social-editor .profile-social-editor-error{margin:0;color:#a53131;font:400 12px/1.5 system-ui,sans-serif}
.profile-social-editor .profile-social-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:1px}
.profile-social-editor .profile-social-editor-actions button{min-height:40px;padding:8px 13px;border:1px solid var(--navy);border-radius:6px;background:var(--navy);color:#fff;font:600 12px/1.4 system-ui,sans-serif;cursor:pointer}
.profile-social-editor .profile-social-editor-actions .secondary,.profile-social-editor .profile-social-editor-actions .profile-social-editor-remove{background:transparent;color:var(--ink);border-color:#bacac1}
.profile-social-editor .profile-social-editor-actions .profile-social-editor-remove{margin-right:auto;color:#7b4545}
.profile-social-editor [hidden]{display:none!important}
.profile-social-editor button:disabled,.profile-social-editor input:disabled,.profile-social-editor select:disabled{opacity:.55;cursor:default}
@media(max-width:480px){.profile-social-editor input,.profile-social-editor select{font-size:16px}.profile-social-compact .profile-social-link-audience{font-size:9px}.profile-social-compact .profile-social-link{gap:8px;padding:8px}.profile-social-compact .profile-social-add{width:40px;height:40px;min-height:40px;flex-basis:40px}}
