.plan-deck-form { display: grid; gap: 12px; }
.plan-deck-form__deck { display: grid; gap: 4px; font-size: 13px; color: var(--text-muted); }
.plan-deck-form__deck select { width: 100%; padding: 6px 8px; border: 1px solid var(--border-strong); border-radius: var(--radius-s); background: var(--surface); color: var(--text); font: 14px var(--font); }
.plan-deck-form__cards { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.plan-deck-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; grid-template-rows: auto auto auto; column-gap: 8px; align-items: center; font-size: 13px; }
.plan-deck-row__image { grid-row: 1 / 4; width: 36px; height: auto; border-radius: var(--radius-s); }
/* Each piece has its own cell: auto-placement put the counts under the picture. */
.plan-deck-row__name { grid-column: 2; grid-row: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plan-deck-row__number { grid-column: 2; grid-row: 2; color: var(--text-muted); font: 12px var(--font-mono); }
.plan-deck-row__counts { grid-column: 2; grid-row: 3; color: var(--text-muted); font-size: 12px; }
.plan-deck-row input { grid-column: 3; grid-row: 1 / 4; width: 4.5em; padding: 4px 6px; border: 1px solid var(--border-strong); border-radius: var(--radius-s); background: var(--surface); color: var(--text); font: 14px var(--font); }
.plan-deck-form__hint { margin: 0; color: var(--text-muted); font-size: 12px; }
.plan-deck-stale { margin: 0; font-size: 13px; }
.plan-deck-page__back { display: inline-flex; align-items: center; gap: 4px; margin-bottom: 8px; }