/* tool.gd merged hubs (merge-s): mode picker — tool-scoped, loaded only on merged hub pages */
.ms-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.ms-bar .ms-lb{font-size:14px;font-weight:600;color:var(--text-2);white-space:nowrap}
.ms-bar select{width:auto;max-width:100%;min-height:40px;font-size:15px;font-family:var(--font);flex:1 1 220px}
.ms-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%}
.ms-chip{display:inline-flex;align-items:center;padding:6px 12px;min-height:36px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);font-size:14px;color:var(--text-2);text-decoration:none;cursor:pointer;line-height:1.3}
.ms-chip:hover{border-color:var(--brand);text-decoration:none}
.ms-chip[aria-current="true"]{border-color:var(--brand);background:var(--brand-soft);color:var(--link);font-weight:600}
.ms-pair{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 100%}
.ms-pair select{flex:1 1 140px}
.ms-pair .ms-arrow{font-size:18px;color:var(--text-3,#888)}
.ms-swap{min-height:40px;width:44px;padding:0;border-radius:10px;font-size:18px;line-height:1}
.ms-head{margin:0 0 10px}
.ms-head h2{margin:0 0 4px;font-size:19px}
.ms-head p{margin:0;color:var(--text-2);font-size:14.5px}
.ms-all{margin-top:6px}
.ms-all summary{cursor:pointer;font-size:14px;color:var(--link)}
.ms-all ul{columns:2 220px;margin:8px 0 0;padding-left:18px;font-size:14px}
.ms-err{color:#b91c1c}
@media (max-width:560px){.ms-bar{padding:10px}.ms-chips{gap:6px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:6px;margin-bottom:-2px}.ms-chip{flex:0 0 auto;white-space:nowrap}.ms-chip{padding:5px 10px;min-height:34px;font-size:13px}.ms-bar select{flex-basis:100%}.ms-pair select{flex:1 1 110px;min-width:0}}
.ms-on #ms-hub{display:none}