/**
 * The card-catalog picker.
 *
 * Lifted out of the sell wizard's own <style> block when the picker became
 * shared: the seller's edit dialog, My Collection and Bulk Scan mount the
 * same component, and styles that live inside one page cannot follow it.
 * Loaded by every page that mounts TCSCatalog.
 */
.cat-pick { border:1px solid var(--border,#1F2937); border-radius:12px; padding:14px; }
.cat-pick[hidden], .cat-pick-chosen[hidden] { display:none; }
.cat-pick-head { display:flex; align-items:center; gap:6px; font-size:14px; }
.cat-pick-opt { margin-left:auto; font-size:11px; color:var(--text-muted,#A1A1AA); border:1px solid var(--border,#1F2937); border-radius:999px; padding:1px 8px; }
.cat-pick-sub { font-size:12px; color:var(--text-muted,#A1A1AA); margin:4px 0 10px; }
.cat-pick-row { display:flex; gap:8px; }
.cat-pick-row .tcs-input { flex:1; min-width:0; }
.cat-pick-status { font-size:12px; color:var(--text-muted,#A1A1AA); margin-top:8px; }
.cat-pick-results { display:grid; grid-template-columns:repeat(auto-fill, minmax(104px, 1fr)); gap:8px; margin-top:8px; }
.cat-pick-result { display:flex; flex-direction:column; gap:3px; text-align:left; padding:6px; border-radius:8px;
 border:1px solid var(--border,#1F2937); background:transparent; color:inherit; font:inherit; cursor:pointer; min-width:0; }
.cat-pick-result:hover, .cat-pick-result:focus-visible { border-color:var(--brand,#3b82f6); outline:none; }
.cat-pick-result img, .cat-pick-ph { width:100%; aspect-ratio:5/7; object-fit:contain; border-radius:4px; background:var(--surface-2,#111827); display:block; }
.cat-pick-name { font-size:12px; font-weight:600; line-height:1.25; overflow-wrap:anywhere; }
.cat-pick-meta { font-size:11px; color:var(--text-muted,#A1A1AA); line-height:1.3; overflow-wrap:anywhere; }
.cat-pick-chosen { display:flex; gap:12px; margin-top:10px; align-items:flex-start; }
.cat-pick-chosen-img { width:96px; flex-shrink:0; border-radius:6px; background:var(--surface-2,#111827); }
.cat-pick-chosen-body { flex:1; min-width:0; }
.cat-pick-chosen-title { font-weight:700; font-size:14px; }
.cat-pick-note { font-size:11px; color:var(--text-muted,#A1A1AA); margin-top:8px; }
.cat-pick-code { font-family:ui-monospace,Menlo,monospace; font-size:11px; color:var(--text-muted,#A1A1AA); margin-top:2px; }
.cat-pick-clear { margin-top:8px; padding:5px 12px; font-size:12px; border-radius:6px; }