/* One dialog body owns scrolling; editors never introduce a nested viewport. */
#modal:has(#site-settings-form){width:min(880px,calc(100vw - 40px))}
.site-name-field{max-width:420px}.site-nav-editor{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}
.site-nav-editor section{min-width:0}.site-nav-editor h3{margin:0 0 8px}.site-nav-editor p,.site-nav-footer{font-size:calc(13px * var(--text-scale,1));color:#61736b}.site-nav-editor ol{padding:0;margin:12px 0;list-style:none;display:grid;gap:7px}
.site-nav-editor li{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #dce6df;border-radius:12px;background:#f6f9f7;cursor:grab}.site-nav-editor li strong{flex:1;min-width:0;font-size:calc(14px * var(--text-scale,1))}.site-nav-editor li button{min-width:36px;padding:7px}.site-drag{font-size:calc(22px * var(--text-scale,1));color:#84998c}.site-nav-footer{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.site-nav-editor li:active{cursor:grabbing}
.member-avatar>svg{display:block;width:100%;height:100%;flex:none}
#modal:has(.avatar-studio){width:min(960px,calc(100vw - 40px))}.avatar-studio{grid-template-columns:200px minmax(0,1fr)}.avatar-studio .avatar-preview>.sub{font-size:calc(12px * var(--text-scale,1));line-height:1.7;max-width:180px}.avatar-studio .avatar-preview{align-self:start;top:0}.avatar-studio .avatar-large{width:176px;height:176px;flex-basis:176px}.avatar-studio .avatar-options{min-width:0;overflow:visible}.avatar-mode-tabs,.face-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.avatar-mode-tabs button{flex:1;padding:10px 8px;white-space:nowrap}.avatar-mode-tabs button[aria-pressed=true],.face-categories button[aria-pressed=true]{background:#e0eee5;border-color:#639c7d;color:#265e42}.face-categories button{font-size:calc(12px * var(--text-scale,1));padding:7px 10px}.face-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-height:145px;align-content:start}.face-fields label{display:grid;gap:10px}.face-fields input[type=color]{width:100%;height:48px;padding:5px}.face-tools{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.face-tools button{font-size:calc(12px * var(--text-scale,1))}.avatar-common{margin-top:20px;border-top:1px solid #e4ebe5;padding-top:18px}.avatar-studio [data-avatar-panel][hidden]{display:none!important}.avatar-studio [data-reference-result]{margin:12px 0}.avatar-studio [data-reference-result] .avatar-large{width:112px;height:112px;flex-basis:112px}.avatar-studio [data-reference-status]{font-size:calc(13px * var(--text-scale,1));line-height:1.7;color:#39654b}.avatar-studio .animal-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
@media(max-width:760px){#modal:has(.avatar-studio),#modal:has(#site-settings-form){width:100vw}.site-nav-editor{grid-template-columns:1fr;gap:18px}.avatar-studio{grid-template-columns:1fr}.avatar-studio .avatar-preview{position:static;gap:12px;flex-wrap:wrap}.avatar-studio .avatar-preview>.sub{display:none}.avatar-studio .avatar-large{width:104px;height:104px;flex-basis:104px}.avatar-mode-tabs{gap:5px}.avatar-mode-tabs button{font-size:calc(12px * var(--text-scale,1));padding:9px 6px}.avatar-studio .animal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.face-fields{min-height:120px;gap:12px}.face-categories{gap:5px}.face-categories button{flex:1;white-space:nowrap;padding:7px 5px}}

/* Compact enough for common laptop heights while retaining one scroll body. */
.site-nav-editor{margin-top:12px;gap:20px}.site-nav-editor ol{gap:6px;margin:10px 0}.site-nav-editor li{padding:5px 9px}.site-nav-editor li button{padding:4px 9px;min-height:30px}.site-nav-editor p{margin:6px 0}.site-nav-footer{gap:10px}.site-nav-footer button{padding:7px 12px}
.avatar-studio .face-fields{min-height:108px;gap:12px}.avatar-studio .face-tools{margin:10px 0}.avatar-studio .avatar-common{margin-top:12px;padding-top:12px}.avatar-studio .face-categories{margin-bottom:12px}.avatar-studio .avatar-mode-tabs{margin-bottom:12px}.avatar-studio .face-fields label{gap:6px}.avatar-studio [data-avatar-error]:empty{display:none}
.site-nav-view{display:none}
@media(max-width:760px){.site-nav-view{display:flex;gap:8px;margin-top:14px}.site-nav-view button{flex:1}.site-nav-view button[aria-pressed=true]{background:#e0eee5;color:#265e42;border-color:#639c7d}#site-settings-form[data-nav-view=primary] .site-nav-editor section:nth-child(2),#site-settings-form[data-nav-view=secondary] .site-nav-editor section:nth-child(1){display:none}.site-nav-editor{margin-top:14px}.site-nav-editor h3{display:none}.site-nav-editor p{font-size:calc(12px * var(--text-scale,1))}.site-nav-footer{margin-top:12px;font-size:calc(12px * var(--text-scale,1))}}
@media(min-width:761px){#modal:has(#site-settings-form){max-height:92dvh}#site-settings-form .dialog-head{padding:18px 26px}#site-settings-form .dialog-foot{padding:12px 26px}#site-settings-form .dialog-body{padding:16px 26px}.site-nav-editor li{padding:3px 9px}.site-nav-editor h3{font-size:calc(17px * var(--text-scale,1))}.site-nav-editor ol{margin:8px 0}.site-nav-footer{margin-top:8px}}