/* Fixed dialog chrome; only the settings fields scroll. */
html body dialog.profile-settings-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
html body dialog.profile-settings-dialog>.community-header{flex:0 0 auto}
html body dialog.profile-settings-dialog>.community-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;padding:0!important}
html body dialog.profile-settings-dialog .profile-settings-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;margin:0;gap:0}
html body dialog.profile-settings-dialog .tg-settings-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;scroll-padding:14px}
html body dialog.profile-settings-dialog .tg-settings-actions{position:relative;z-index:2;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid #9980c43b;background:#171626;box-shadow:0 -8px 22px #08071330}
html body dialog.profile-settings-dialog .tg-settings-actions .settings-status{grid-column:1/-1;margin:0;color:#edb3ca;font-size:13px;line-height:1.4}
html body dialog.profile-settings-dialog .tg-settings-actions .settings-status:empty{display:none}
html body dialog.profile-settings-dialog .tg-settings-actions>button{width:100%;min-width:0;min-height:48px;margin:0;padding:10px 12px;line-height:1.3;white-space:normal;font-size:14px}
html body dialog.profile-settings-dialog .tg-settings-actions>[data-save-settings]{border-color:#8bdbff8c;background:linear-gradient(120deg,#7644cf,#4e6be6 52%,#28aaca);font-weight:750}
@media(max-width:600px){html body dialog.profile-settings-dialog .tg-settings-scroll{padding:14px}html body dialog.profile-settings-dialog .tg-settings-actions{gap:8px;padding-inline:14px}html body dialog.profile-settings-dialog .tg-settings-actions>button{font-size:13px}}

html body .profile-settings-dialog [data-select-field=avatar_effect] .custom-select-trigger,html body .profile-settings-dialog [data-select-field=avatar_effect] [role=option]{display:flex;align-items:center;gap:12px;min-height:54px;text-align:start}
html body .profile-settings-dialog [data-select-field=avatar_effect] .custom-select-trigger>span:not(.tg-select-effect-preview){flex:1;min-width:0}
html body .profile-settings-dialog .tg-select-effect-preview{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;pointer-events:none}
html body .profile-settings-dialog .tg-select-effect-preview .user-avatar{width:26px!important;height:26px!important;margin:0!important;font-size:13px!important;border-radius:28%}
html body .profile-settings-dialog [data-select-field=avatar_effect] .custom-select-menu{max-height:min(280px,36dvh);overflow-y:auto;padding:8px;scroll-padding:8px}
html body .profile-settings-dialog [data-select-field=avatar_effect] [role=option]>span:last-child{min-width:0;white-space:normal;line-height:1.35}