.hn-group-picker { position:relative; color:#000; font-size:14px; }
.hn-group-picker summary { cursor:pointer; padding:5px 8px; white-space:nowrap; }
.hn-group-picker[open] > :not(summary) { position:fixed; left:var(--tool-picker-left,8px); width:min(430px,calc(100vw - 16px)); z-index:220; background:var(--bg-card,#fff); border:0; color:#000; box-sizing:border-box; }
.hn-group-picker > input { top:var(--tool-picker-top,55px); height:32px; padding:6px; font:inherit; }
.hn-group-picker > .tool-actions { top:calc(var(--tool-picker-top,55px) + 32px); min-height:42px; display:flex; align-items:center; gap:8px; padding:4px 6px; }
.hn-group-picker > .tool-actions button { border:0; background:none; color:#000; padding:4px; font:inherit; cursor:pointer; }
.hn-group-picker > .tool-groups { top:calc(var(--tool-picker-top,55px) + 74px); max-height:50vh; overflow:auto; padding:6px; box-shadow:0 4px 12px #0002; white-space:normal; }
.hn-group-picker .tool-groups label { display:flex; align-items:flex-start; gap:6px; padding:5px 0; }
.hn-group-picker input[type=checkbox] { width:18px; height:18px; flex:none; accent-color:#000; }
@media(max-width:768px){.hn-group-picker[open] > :not(summary) { left:8px; }}

.tool-segment { display:inline-flex;gap:0; }
.tool-segment button { border:0;background:none;color:#000;min-height:32px;padding:3px 6px;font:inherit;cursor:pointer; }
.tool-segment button[aria-pressed=true] { background:#fff0df;font-weight:600; }