/* Optional local profile-picture component. All rules stay inside its boundary. */
.profile-avatar{margin:0 0 26px;padding:0 0 24px;border-bottom:1px solid var(--glass-edge,var(--border));color:var(--mode-text,var(--text));min-width:0}
.profile-avatar .profile-avatar__heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:10px}
.profile-avatar .profile-avatar__heading h3{font:500 15px/1.5 var(--sans,sans-serif);margin:0;color:inherit}
.profile-avatar .profile-avatar__heading h3 span{font-size:12px;font-weight:400;color:var(--mode-muted,var(--muted));margin-left:8px}
.profile-avatar .profile-avatar__scope{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mode-muted,var(--muted))}
.profile-avatar .profile-avatar__note{font-size:12px;line-height:1.65;margin:0 0 15px;color:var(--mode-muted,var(--muted));overflow-wrap:anywhere}
.profile-avatar .profile-avatar__body{display:flex;align-items:flex-start;gap:18px;margin:18px 0;min-width:0}
.profile-avatar .profile-avatar__preview{display:grid;place-items:center;width:88px;height:88px;flex:0 0 88px;overflow:hidden;border:1px solid var(--glass-edge,var(--border));border-radius:12px;background:var(--mode-field,var(--panel-light));color:var(--mode-muted,var(--muted))}
.profile-avatar .profile-avatar__preview img{display:block;width:100%;height:100%;object-fit:contain}
.profile-avatar .profile-avatar__preview svg{display:block;width:38px;height:38px;stroke:currentColor;stroke-width:1.25}
.profile-avatar .profile-avatar__controls{min-width:0;flex:1}
.profile-avatar .profile-avatar__label{display:block;font-size:12px;margin:0 0 8px;color:var(--mode-text,var(--text))}
.profile-avatar .profile-avatar__file{display:block;width:100%;min-width:0;min-height:44px;border:1px solid var(--glass-edge,var(--border));border-radius:6px;padding:6px;font:12px/1.6 var(--sans,sans-serif);color:var(--mode-text,var(--text));background:var(--mode-field,var(--panel-light))}
.profile-avatar .profile-avatar__file::file-selector-button{margin-right:10px;padding:7px 10px;border:1px solid var(--glass-edge,var(--border));border-radius:4px;font:inherit;color:inherit;background:var(--mode-panel,var(--panel));cursor:pointer}
.profile-avatar .profile-avatar__actions{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:10px}
.profile-avatar .profile-avatar__actions .button{min-height:44px;font-size:12px;white-space:normal;text-align:center}
.profile-avatar .profile-avatar__actions .button:disabled{opacity:.5;cursor:not-allowed}
.profile-avatar .profile-avatar__file:focus-visible,.profile-avatar .profile-avatar__actions .button:focus-visible{outline:2px solid var(--mode-accent,var(--gold));outline-offset:3px}
.profile-avatar .profile-avatar__status{margin:0;font-size:12px;line-height:1.65;color:var(--mode-accent,var(--gold));min-height:1.65em;overflow-wrap:anywhere}
.profile-avatar .profile-avatar__status:empty{display:none}
.profile-avatar [hidden]{display:none!important}
@media(max-width:480px){.profile-avatar .profile-avatar__body{gap:13px;flex-wrap:wrap}.profile-avatar .profile-avatar__controls{flex-basis:210px}.profile-avatar .profile-avatar__preview{width:72px;height:72px;flex-basis:72px}.profile-avatar .profile-avatar__actions{gap:6px}.profile-avatar .profile-avatar__actions .button{padding-inline:12px}}