.social-preview{border:1px solid #ddd;border-radius:8px;overflow:hidden;max-width:500px;background:#fff;margin:0 auto}.social-preview-img{width:100%;height:260px;object-fit:cover;background:#f0f2f5}.social-preview-content{padding:12px 16px;background:#f0f2f5;border-top:1px solid #ddd}.social-preview-domain{text-transform:uppercase;font-size:12px;color:#606770;margin-bottom:5px}.social-preview-title{font-size:16px;font-weight:600;color:#1d2129;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.social-preview-desc{font-size:14px;color:#606770;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;margin:0 auto}.score-excellent{background-color:#28a745}.score-good{background-color:#17a2b8}.score-fair{background-color:#ffc107;color:#212529}.score-poor{background-color:#dc3545}