/* Размеры встроены в существующую оболочку; цвет и шрифт остаются у темы. */
.profile-avatar{display:inline-grid;place-items:center;position:relative;width:40px;height:40px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--raised);color:var(--muted)}
.profile-avatar img{display:block;width:100%;height:100%;object-fit:contain}
.profile-avatar.large{width:88px;height:88px;border-radius:22px}
.profile-avatar.is-unavailable::before{content:'';width:25%;height:25%;border-radius:50%;position:absolute;top:20%;background:currentColor;opacity:.6}
.profile-avatar.is-unavailable::after{content:'';width:54%;height:28%;border-radius:50% 50% 12% 12%;position:absolute;bottom:18%;background:currentColor;opacity:.6}
.appearance-editor h2{font-size:20px;margin:24px 0 12px}.appearance-editor h2:first-child{margin-top:0}
.appearance-preview,.profile-appearance{display:flex;align-items:center;justify-content:center;min-height:124px;border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--raised)}
.profile-appearance{justify-content:flex-start;margin-bottom:20px;min-height:104px}
.appearance-options{display:flex;gap:10px;flex-wrap:wrap}
.appearance-choice{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--raised);color:var(--text);font-size:14px;overflow-wrap:anywhere}
.appearance-choice.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.appearance-swatch{width:28px;height:28px;border-radius:8px;border:1px solid var(--muted);flex-shrink:0}
.appearance-status{margin:18px 0 0;max-width:60ch}.appearance-status:empty{display:none}
.shared-resource{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0}
.shared-resource>img,.shared-resource-canvas,.shared-resource-canvas canvas{display:block;width:100%;height:100%;object-fit:contain}
.shared-resource>img[hidden]{display:none}.shared-resource-canvas{position:absolute;inset:0}
.appearance-editor input[type=search]{width:100%;margin-bottom:16px}
@media(max-width:430px){.appearance-choice{flex:1 1 130px}.appearance-editor .actions .button{flex:1 1 130px}}