.product-record-groups{min-width:0;margin:14px 0}.product-record-view-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.product-record-view-switch [aria-pressed=true]{background:var(--blue-soft);color:var(--blue);border-color:var(--blue)}.product-record-groups [data-product-record-panel][hidden]{display:none}.product-record-group{min-width:0;padding:20px;margin:16px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius,12px)}.product-record-group-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.product-record-group-heading>div{min-width:0}.product-record-group h2{margin:0;font-size:16px;overflow-wrap:anywhere}.product-record-group-heading .control-hint{overflow-wrap:anywhere}.product-record-counts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.product-record-counts span{padding:4px 9px;border-radius:6px;background:var(--blue-soft);font-size:12px;color:var(--text)}.product-record-previews{display:grid;grid-template-columns:repeat(3,minmax(0,140px));gap:12px;margin-top:16px}.product-record-previews figure{min-width:0;margin:0}.product-record-previews img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:var(--canvas);border:1px solid var(--line);border-radius:10px}.product-record-previews figcaption{margin-top:6px;font-size:12px;color:var(--muted)}