.ppl-container{padding:12px;width:100%}.ppl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--bs-gap)}.ppl-item{background:#fff;border-radius:var(--bs-radius);padding:10px;text-align:center;border:1px solid rgba(0,0,0,0.04);box-shadow:0 1px 0 rgba(0,0,0,0.03)}.colour-swatch{height:84px;border-radius:6px;border:1px solid rgba(0,0,0,0.08);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15)}.ppl-code{font-weight:700;margin-top:8px;font-size:13px}.ppl-name{color:#555;font-size:12px;margin-top:4px}.controls{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.ppl-search{padding:8px 10px;border-radius:8px;border:1px solid #ddd;min-width:220px}@media (max-width:520px){.ppl-swatch{height:64px}}