.profile-avatar-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.avatar:has(.profile-avatar-image){overflow:hidden;padding:0}
.profile-settings{display:grid;gap:16px;padding:8px 0}
.profile-hero{display:flex;align-items:center;gap:16px;font-size:22px;font-weight:700}
.profile-hero .avatar{width:76px;height:76px;flex:0 0 76px;font-size:28px;border-radius:24px}
.profile-tools{display:flex;flex-wrap:wrap;gap:10px}
.profile-tools button,.profile-form>button:not(.primary){padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}
.profile-form{display:grid;gap:16px}
.profile-form textarea{font:inherit;min-height:90px;resize:vertical}
.profile-form textarea,.profile-form input:not([type=checkbox]){font-size:16px}
.profile-form input[type=color]{height:44px;width:100%;padding:6px}
.profile-form .profile-check{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px}
.profile-check input{width:20px;height:20px;margin:0;accent-color:#8877ee;flex:0 0 20px}
.profile-settings .fine{margin:0;line-height:1.6}
.compose form:focus-within{border-color:var(--line)}
.compose textarea,.compose textarea:focus,.compose textarea:focus-visible{outline:none;border:0;box-shadow:none}