.color-wrapper{background:#fff;min-height:100vh;padding:24px}.color-category{margin-bottom:40px}.color-category__title{color:#111827;margin:0 0 4px;font-size:20px;font-weight:700}.color-category__description{color:#6b7280;margin:0 0 20px;font-size:13px}.color-category__palettes{flex-direction:column;gap:12px;display:flex}.color-row{align-items:flex-start;gap:16px;display:flex}.color-row__label{color:#374151;width:110px;min-width:110px;padding-top:16px;font-size:13px;font-weight:600}.color-row__swatches{flex-wrap:wrap;gap:4px;display:flex}.color-swatch{flex-direction:column;align-items:center;width:72px;display:flex}.color-swatch__fill{cursor:pointer;border:1px solid #0000000f;border-radius:6px;width:64px;height:48px;margin-bottom:4px;transition:transform .15s}.color-swatch__fill:hover{transform:scale(1.08);box-shadow:0 2px 8px #00000026}.color-swatch__shade{color:#374151;font-size:11px;font-weight:600;line-height:1.2}.color-swatch__value{color:#9ca3af;word-break:break-all;text-align:center;max-width:72px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:9px;line-height:1.3}