.dev-category > .dev-category-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 0; min-height: 34px; }
.dev-category-heading > h2 { flex: 1; min-width: 0; margin: 0; }
.dev-category-controls { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 4px; font: inherit; }
.dev-category-name { min-width: 0; }
.dev-category-heading :is(.dev-category-name,h2 > i,.dev-category-controls > span) { opacity: 1; transition: opacity .24s ease; }
.dev-category.is-collapsed .dev-category-heading :is(.dev-category-name,h2 > i,.dev-category-controls > span) { opacity: .65; }
.dev-category-toggle { display: inline-grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; padding: 7px; border: 0; border-radius: 0; background: transparent; color: #aebaca; cursor: pointer; opacity: 0; transform: scale(.92); pointer-events: none; -webkit-tap-highlight-color: transparent; transition: opacity .2s ease,transform .2s cubic-bezier(.2,.8,.2,1),color .2s; }
.dev-category-toggle > svg { width: 19px; height: 19px; grid-area: 1 / 1; transition: transform .2s ease; }
.dev-category-heading:is(:hover,:focus-within) .dev-category-toggle,
.dev-category.is-collapsed .dev-category-toggle { opacity: 1; transform: none; pointer-events: auto; }
.dev-category-toggle:is(:hover,:focus-visible) { color: #e2e8f0; }
.dev-category-toggle:is(:hover,:focus-visible) > svg { transform: scale(1.1); }
.dev-category-toggle:focus-visible { outline: 2px solid #94a3b8; outline-offset: 3px; }
.dev-category-toggle:active > svg { transform: scale(.92); }
.dev-category-eye-closed,.dev-category.is-collapsed .dev-category-eye-open { display: none; }
.dev-category.is-collapsed .dev-category-eye-closed { display: block; }
.dev-category-content { display: grid; grid-template-rows: 1fr; opacity: 1; visibility: visible; transition: grid-template-rows .34s cubic-bezier(.2,.8,.2,1),opacity .24s ease,visibility 0s; }
.dev-category-content-inner { min-height: 0; overflow: hidden; }
.dev-category-description { color: #91a0b2; font-size: 13px; line-height: 1.6; margin: 0 0 15px 33px; }
.dev-category-content-inner > .dev-module-grid { margin: -4px; padding: 4px; }
.dev-category.is-collapsed > .dev-category-content { grid-template-rows: 0fr; opacity: 0; visibility: hidden; pointer-events: none; transition: grid-template-rows .34s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility 0s linear .34s; }
.dev-spanel [data-dev-category][hidden] { display: none !important; }
@media (hover: none), (pointer: coarse) {
  .dev-category-toggle { opacity: 1; transform: none; pointer-events: auto; }
}
@media (max-width: 600px) {
  .dev-category-heading { gap: 8px; }
  .dev-category-description { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .dev-category-content,.dev-category.is-collapsed > .dev-category-content,.dev-category-toggle,.dev-category-toggle > svg,.dev-category-heading :is(.dev-category-name,h2 > i,.dev-category-controls > span) { transition: none; }
}
