.collection-edit__banner { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 24px; background: var(--accent-soft); color: var(--accent-text); font-size: 13px; }
.collection-edit__banner[hidden] { display: none; }
.collection-edit__toggle[aria-pressed="true"] { background: var(--accent-soft); color: var(--accent-text); }

/* On the pages with the edit mode (card browser, Collection page), the tiles' steppers show only in edit mode, spanning
   the tile like everywhere else (card-tile.css). Other grids of card tiles (the deck builder) are left alone. */
.collection-edit .card-tile .stepper { display: none; }
.collection-edit.collection-editing .card-tile .stepper { display: flex; }

@media (max-width: 767px) {
    .collection-edit__banner { padding: 10px 16px; }
}