.editor-library-navigator {
  --eln-panel: #fff;
  --eln-row: #fff;
  --eln-hover: #f0f9ff;
  --eln-border: #dce6ed;
  --eln-text: #0f172a;
  --eln-muted: #64748b;
  --eln-accent: #0e7490;
  --eln-tint: #ecfeff;
  min-width: 0;
}
.dark .editor-library-navigator {
  --eln-panel: #07111d;
  --eln-row: #0e1a26;
  --eln-hover: #142b38;
  --eln-border: #233342;
  --eln-text: #f1f5f9;
  --eln-muted: #a1afbf;
  --eln-accent: #a5f3fc;
  --eln-tint: #122e3b;
}
.editor-library-navigator [hidden] { display: none !important; }
.eln-overview { display: grid; min-width: 0; overflow: hidden; border: 1px solid var(--eln-border); border-radius: 12px; background: var(--eln-row); animation: eln-return 150ms ease-out both; }
.editor-library-navigator .eln-category { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 56px; width: 100%; margin: 0; padding: 10px; border: 0; border-bottom: 1px solid var(--eln-border); border-radius: 0; background: transparent; color: var(--eln-text); text-align: left; cursor: pointer; transition: background-color 140ms ease; }
.editor-library-navigator .eln-category:last-child { border-bottom: 0; }
.editor-library-navigator .eln-category:hover { background: var(--eln-hover); }
.editor-library-navigator :is(.eln-category, .eln-back):focus-visible { outline: 2px solid #0891b2; outline-offset: -2px; }
.eln-category-icon { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border: 1px solid var(--eln-border); border-radius: 9px; background: var(--eln-tint); color: var(--eln-accent); }
.eln-category-icon svg { width: 14px; height: 14px; }
.eln-category-title { flex: 1; min-width: 0; color: var(--eln-text); font-size: 12px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.eln-category-badge { display: inline-flex; align-items: center; justify-content: center; flex: 0 1 auto; min-width: 23px; max-width: 35%; min-height: 22px; padding: 2px 5px; border: 1px solid var(--eln-border); border-radius: 6px; color: var(--eln-muted); font-size: 10px; font-weight: 500; line-height: 1.35; text-align: center; overflow-wrap: anywhere; }
.eln-category-badge > * { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.eln-category-chevron { flex: 0 0 14px; width: 14px; height: 14px; color: var(--eln-muted); transition: transform 140ms ease; }
.eln-category:hover .eln-category-chevron { transform: translateX(2px); }
.eln-panel { min-width: 0; animation: eln-enter 170ms ease-out both; }
.eln-header { position: sticky; top: 0; z-index: 3; display: grid; gap: 10px; min-width: 0; padding: 12px; margin: 0; border: 1px solid var(--eln-border); border-radius: 12px; background: var(--eln-panel); }
.editor-library-navigator .eln-back { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 44px; width: 100%; margin: 0; padding: 8px 10px; border: 1px solid var(--eln-border); border-radius: 8px; background: var(--eln-tint); color: var(--eln-accent); font-size: 12px; font-weight: 600; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; text-align: left; cursor: pointer; transition: color 140ms ease, background-color 140ms ease; }
.editor-library-navigator .eln-back:hover { background: var(--eln-hover); color: var(--eln-text); }
.eln-back svg { flex: 0 0 14px; width: 14px; height: 14px; }
.eln-back span { min-width: 0; }
.eln-title-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; }
.eln-title-row h2 { flex: 1 1 100px; min-width: 0; margin: 0; padding: 0; border-radius: 3px; color: var(--eln-text); font-size: 16px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.eln-title-row h2:focus { outline: none; }
.eln-title-row h2:focus-visible { outline: 2px solid #0891b2; outline-offset: 4px; }
.eln-description { margin: 0; color: var(--eln-muted); font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
.eln-content { min-width: 0; padding-top: 16px; }
.eln-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@keyframes eln-enter { from { opacity: .35; transform: translateX(12px); } to { opacity: 1; transform: translateX(0); } }
@keyframes eln-return { from { opacity: .5; transform: translateX(-8px); } to { opacity: 1; transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) {
  .editor-library-navigator :is(.eln-overview, .eln-panel) { animation: none; }
  .editor-library-navigator :is(.eln-category, .eln-category-chevron, .eln-back) { transition: none; }
}
@media (forced-colors: active) {
  .eln-category-icon { color: ButtonText; border-color: ButtonText; }
  .eln-category-badge { color: ButtonText; border-color: ButtonText; }
  .editor-library-navigator :is(.eln-category, .eln-back, [data-editor-library-heading]):focus-visible { outline-color: Highlight; }
}

/* Keep return navigation visible while a focused settings page scrolls. */
.site-inspector-focus-panel > .site-inspector-focus-header { position: sticky; top: 0; z-index: 3; }