.profile-avatar { display:inline-flex; align-items:center; justify-content:center; overflow:hidden; border-radius:50%; flex-shrink:0; vertical-align:middle; }
.profile-avatar > img { width:100%; height:100%; display:block; object-fit:cover; }
.profile-author-avatar { width:24px; height:24px; margin-right:6px; font-size:12px; color:white; }
.profile-editor { margin:auto; width:min(420px,90vw); max-height:85vh; overflow:auto; box-sizing:border-box; border:1px solid #8888; border-radius:14px; padding:18px; background:var(--vscode-editor-background,var(--bg-secondary,#171b29)); color:var(--vscode-editor-foreground,var(--text-primary,#eee)); font:14px/1.45 system-ui; }
.profile-editor::backdrop { background:#0009; }
.profile-editor [hidden] { display:none !important; }
.profile-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.profile-heading h2 { margin:0; font-size:18px; }
.profile-editor p { margin:10px 0; }
.profile-editor button { color:inherit; background:transparent; border:1px solid #8886; border-radius:7px; padding:7px 10px; cursor:pointer; font:inherit; }
.profile-editor button:disabled { opacity:.5; cursor:default; }
.profile-editor button:focus-visible { outline:2px solid var(--vscode-focusBorder,#a78bfa); outline-offset:2px; }
.profile-name { font-weight:600; }
.profile-photo { display:flex; justify-content:center; padding:6px 0; }
.profile-preview, .profile-photo canvas { width:120px; height:120px; border-radius:50%; font-size:40px; color:#fff; }
.profile-controls { display:flex; flex-wrap:wrap; gap:8px; }
.profile-status { min-height:20px; }
@media (max-width:480px) { .chat-header .header-right { gap:2px; } .chat-header .btn-header { width:32px; height:32px; } }