/* Role dialog uses natural content height and one scrolling surface. */
body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"]{height:auto!important;top:min(12dvh,90px)!important;max-height:calc(100dvh - min(12dvh,90px) - 16px)!important;overflow-y:auto!important}
body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] :is(.v4-extension,.v4-ext-body,.fg-tool-page,.fg-role-library,.fg-role-layout,.fg-role-collection){flex:0 0 auto!important;height:auto!important;min-height:0!important;overflow:visible!important}
body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] .fg-role-library{gap:12px}
body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] .fg-role-layout{gap:12px}
body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] .fg-role-cards{flex:none!important;grid-template-rows:none!important;grid-auto-rows:clamp(100px,18dvh,150px)}
body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] .fg-role-properties{height:auto!important;align-content:start}
body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] .fg-tool-footer{position:static!important;flex:none!important;margin-top:0!important}
body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] .fg-role-note{flex:none;margin:0}
@media(max-width:1000px){body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] .fg-role-properties{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] .fg-role-properties h3{grid-column:1/-1}}

@media(max-height:750px){body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] .v4-ext-body{padding:12px 16px!important}body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] :is(.fg-role-library,.fg-role-layout){gap:8px}body.package2-v4.figma-ui dialog.fg-modal[data-panel="角色"] .fg-role-cards{grid-auto-rows:clamp(80px,14dvh,120px)}}