.tool-breadcrumb { display: flex; align-items: center; gap: var(--space-sm); margin-bottom: var(--space-xl); color: var(--muted); font-size: var(--font-base); }
.tool-breadcrumb > a { color: var(--muted); }
.tool-breadcrumb > a:hover { color: var(--primary); }
.tool-switcher { position: relative; min-width: 0; }
.tool-switcher summary { display: flex; align-items: center; gap: var(--space-sm); padding: var(--space-sm) var(--space-md); border-radius: var(--radius-md); color: var(--text); cursor: pointer; list-style: none; }
.tool-switcher summary::-webkit-details-marker { display: none; }
.tool-switcher summary:hover,.tool-switcher[open] summary { background: var(--hover); }
.tool-switcher svg { width: var(--space-lg); height: var(--space-lg); }
.tool-switcher summary svg { color: var(--muted); }
.tool-switcher-panel { position: absolute; top: 100%; left: 0; z-index: 21; padding-top: var(--space-sm); width: calc(var(--space-xxl) * 8); max-width: calc(100vw - var(--page-gutter) * 2 - var(--space-xxl) * 2); }
.tool-switcher-list { max-height: 60vh; overflow-y: auto; overscroll-behavior: contain; padding: var(--space-xs); border: thin solid var(--border); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow); }
.tool-switcher-list p { margin: 0; padding: var(--space-sm) var(--space-md); color: var(--muted); font-size: var(--font-sm); }
.tool-switcher-list a { display: flex; align-items: center; gap: var(--space-md); padding: var(--space-md); border-radius: var(--radius-md); color: var(--text); }
.tool-switcher-list a:hover,.tool-switcher-list a:focus-visible { background: var(--hover); }
.tool-switcher-list a[aria-current=page] { color: var(--primary); }
.tool-switcher-list img { width: var(--space-xl); height: var(--space-xl); object-fit: contain; flex-shrink: 0; }
.tool-switcher-list a span { flex: 1; min-width: 0; overflow-wrap: anywhere; }