.smart-result{display:none;margin-top:4px;padding:16px;border:1px solid #d7d8d2;background:#f7f5ef}.smart-result.visible{display:block}.palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.palette-colour{min-height:48px;padding:6px 9px;display:flex;align-items:center;gap:9px;border:1px solid #d2d5da;background:#fff;color:#0d1f38;cursor:pointer}.palette-colour i{width:28px;height:28px;border-radius:50%;border:1px solid rgba(13,31,56,.16);box-shadow:inset 0 0 0 2px rgba(255,255,255,.22)}.palette-colour b{font-size:9px;direction:ltr}.result-hint{display:block;margin-top:10px;color:#647084;font-size:8px}.quality-score{padding-bottom:14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #d7d8d2}.quality-score strong{color:#7251f5;font-size:42px;line-height:1}.quality-score span{color:#647084;font-size:9px;line-height:1.5}.quality-metrics{padding:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.quality-metrics div{padding:8px;background:#fff}.quality-metrics span{display:block;color:#647084;font-size:7px}.quality-metrics b{display:block;margin-top:4px;font-size:9px;direction:ltr}.smart-result>p{margin:0;color:#536176;font-size:9px;line-height:1.8}@media(max-width:680px){.palette-grid{grid-template-columns:1fr}.quality-metrics{grid-template-columns:1fr 1fr}}