.settings-page{max-width:840px;margin:0 auto}.settings-card{padding:28px}.settings-photo-row{display:flex;align-items:center;gap:24px;margin:28px 0}.settings-photo{width:96px;height:96px;flex-shrink:0;border-radius:50%;background:var(--panel-hover);border:1px solid var(--line);display:grid;place-items:center;font-size:28px;overflow:hidden}.settings-photo img,.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.settings-photo-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.settings-photo-controls p{flex-basis:100%;margin-top:4px}.settings-card .two-col{margin-bottom:22px}.settings-card input{width:100%;min-width:0}.settings-card #profile-feedback{margin-top:18px}.settings-storage-note{margin-top:20px}.settings-error{color:#b33c36!important}.profile-avatar{overflow:hidden;flex-shrink:0}.topbar-profile{display:flex;gap:8px;align-items:center;min-height:44px;max-width:180px}.topbar-profile strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-profile .profile-avatar{width:30px;height:30px}.settings-photo-controls .btn{min-height:44px}
@media(max-width:720px){.settings-card{padding:20px}.settings-page .page-heading{margin-bottom:24px}.settings-photo-row{gap:16px;align-items:flex-start;flex-direction:column}.settings-photo{width:88px;height:88px}.settings-card .two-col{grid-template-columns:1fr;gap:16px}.settings-photo-controls{width:100%}.topbar-profile{max-width:110px;gap:6px}.topbar-profile .profile-avatar{width:28px;height:28px}.topbar-profile strong{max-width:64px}.settings-storage-note{overflow-wrap:anywhere}}