/* Editing controls exist only while arranging; the normal library retains its original spacing. */
.category-arrange-panel { flex-basis: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 8px 0; }
.category-arrange-panel[hidden], #categoryArrangeBtn[hidden] { display: none; }
#categoryArrangeBtn { margin-right: auto; opacity: .32; border-color: transparent; background: transparent; transition: opacity .15s ease, border-color .15s ease, background .15s ease; }
#categoryArrangeBtn:is(:hover, :focus-visible, [aria-pressed="true"]):not(:disabled) { opacity: 1; border-color: var(--stroke); background: var(--glass); }
@media (hover: none) { #categoryArrangeBtn:not(:disabled) { opacity: .7; } }
.category-arrange-hint, .category-width-options > span { color: var(--muted); font-size: 12px; }
.category-width-options { display: flex; align-items: center; gap: 5px; }
.category-width-options button[aria-pressed="true"], #categoryArrangeBtn[aria-pressed="true"] { border-color: var(--skin-accent, var(--text)); }
#categoryArrangeBtn:disabled { opacity: .55; cursor: default; }
.category-arrange-controls { display: flex; justify-content: flex-end; align-items: center; gap: 4px; margin-bottom: 8px; }
.category-section-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-bottom: 12px; }
html[data-category-arranging="on"] .category-section-heading > h2 { margin: 0; }
.category-section-heading > .category-arrange-controls { margin: 0; flex-shrink: 0; }
html[data-layout="start"] .category-section-heading { justify-content: center; }
.category-arrange-controls button { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid var(--stroke); border-radius: 6px; color: var(--text); background: transparent; font: inherit; font-size: 15px; cursor: pointer; }
.category-arrange-controls button:disabled { opacity: .3; cursor: default; }
.category-arrange-controls button:focus-visible { outline: 2px solid var(--skin-accent, var(--text)); outline-offset: 2px; }
.category-arrange-controls .category-drag-handle { cursor: grab; }
.category-drag-handle svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; }
.category-overview-card { display: flex; flex-direction: column; min-width: 0; }
.category-overview-card > .card { flex: 1; width: 100%; }
html[data-category-arranging="on"] [data-category-block] { content-visibility: visible; }
html[data-category-arranging="on"][data-layout="index"] .collection-group > .category-arrange-controls { grid-column: 1 / -1; }
.category-is-dragging { opacity: .5; }
.category-drop-before { box-shadow: inset 0 3px var(--skin-accent, var(--text)); }
.category-drop-after { box-shadow: inset 0 -3px var(--skin-accent, var(--text)); }
html[data-category-axis="horizontal"] .category-drop-before { box-shadow: inset 3px 0 var(--skin-accent, var(--text)); }
html[data-category-axis="horizontal"] .category-drop-after { box-shadow: inset -3px 0 var(--skin-accent, var(--text)); }
html[data-category-width="small"] { --category-column-width: 220px; }
html[data-category-width="medium"] { --category-column-width: 280px; }
html[data-category-width="large"] { --category-column-width: 360px; }
html[data-layout="board"][data-category-width]:not([data-category-width=""]) .board-columns { grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--category-column-width)), 1fr)); }
html[data-layout="waterfall"][data-category-width]:not([data-category-width=""]) .board-columns { column-width: var(--category-column-width); }
@media (max-width: 600px) {
  .category-arrange-controls button { width: 36px; height: 36px; }
  html[data-layout="board"][data-category-width]:not([data-category-width=""]) .board-columns { grid-template-columns: minmax(0, 1fr); }
}