/* Burnisher picker — shared by burnishing.html (Stop 6) and burnisher.html. */
.pal { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; margin-top: 12px; font-family: var(--sans); }
.pal button {
  display: flex; align-items: center; gap: 8px; text-align: left; background: var(--bg-1); color: var(--text);
  border: 1px solid var(--line); border-radius: 2px; padding: 8px; font-size: 12.5px; cursor: pointer; font-family: var(--sans);
}
.pal button.on { border-color: var(--accent-bright); box-shadow: 0 0 0 2px var(--accent-glow); }
.pal i, .pick i, .pick b i { width: 18px; height: 18px; border-radius: 50%; flex: none; display: inline-block; border: 1px solid rgba(0,0,0,0.35); }
.custom-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.custom-row input[type=color] { width: 44px; height: 34px; border: 1px solid var(--line); background: var(--bg-1); padding: 2px; cursor: pointer; }
#picks { margin-top: 16px; font-family: var(--sans); }
.pick { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; background: var(--bg-1); border: 1px solid var(--line); border-radius: 3px; padding: 10px 12px; margin-bottom: 8px; font-size: 13.5px; }
.pick .side { display: flex; align-items: center; gap: 8px; }
.pick .arrow { color: var(--text-dim); }
.pick .why { grid-column: 1 / -1; font-size: 12.5px; color: var(--text-dim); line-height: 1.45; }
.pick .why.warn { color: #f08a6c; }
.shop { background: var(--bg-1); border: 1px dashed var(--accent); border-radius: 3px; padding: 12px; margin-top: 12px; font-size: 13.5px; }
.shop .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.shop .chips span { display: inline-flex; align-items: center; gap: 6px; background: var(--bg-2); border: 1px solid var(--line); padding: 4px 10px; border-radius: 999px; font-size: 12.5px; }
.shop .chips i { width: 12px; height: 12px; border-radius: 50%; display: inline-block; border: 1px solid rgba(0,0,0,0.35); }