.rd-container{padding:12px;width:100%}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.tab{padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:700;color:#fff;user-select:none;transition:transform .06s,box-shadow .12s,opacity .12s}.tab:active{transform:translateY(1px)}.tab.active{box-shadow:0 6px 18px rgba(0,0,0,0.18)}.tab[data-series="RAL_1000"]{background:yellow;color:#000}.tab[data-series="RAL_2000"]{background:orange}.tab[data-series="RAL_3000"]{background:red}.tab[data-series="RAL_4000"]{background:purple}.tab[data-series="RAL_5000"]{background:blue}.tab[data-series="RAL_6000"]{background:green}.tab[data-series="RAL_7000"]{background:grey}.tab[data-series="RAL_8000"]{background:brown}.tab[data-series="RAL_9000"]{background:#F9F9F9;color:#222;border:1px solid #ddd}.tab-panel{display:none}.tab-panel.active{display:block}.colour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--gap)}.colour-item{background:#fff;border-radius:var(--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)}.colour-code{font-weight:700;margin-top:8px;font-size:13px}.colour-name{color:#555;font-size:12px;margin-top:4px}.controls{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.search{padding:8px 10px;border-radius:8px;border:1px solid #ddd;min-width:220px}@media (max-width:520px){.colour-swatch{height:64px}}