.palette-card{background:#fff;border:1px solid var(--line);border-radius:22px;margin-top:22px;padding:30px;box-shadow:0 18px 55px #1421390a}.palette-output{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.swatch{padding:0 0 14px;overflow:hidden;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;cursor:pointer;color:var(--ink);font-family:'DM Sans',sans-serif;transition:.2s}.swatch:hover{transform:translateY(-3px);box-shadow:0 12px 28px #14213916}.swatch>span{display:block;height:145px;margin-bottom:13px}.swatch b,.swatch code,.swatch small{display:block;margin:4px 13px}.swatch b{font-size:12px}.swatch code{font:700 15px Manrope;color:var(--ink)}.swatch small{font-size:10px;color:#7c8797;white-space:nowrap}@media(max-width:850px){.palette-output{grid-template-columns:repeat(2,1fr)}.swatch:last-child{grid-column:1/-1}.swatch>span{height:105px}}@media(max-width:460px){.palette-card{padding:20px 12px}.palette-output{grid-template-columns:1fr}.swatch:last-child{grid-column:auto}}