.social-page .platform-selector { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }
.platform-btn { padding-inline:8px; font-size:14px; }
.platform-btn svg { width:18px; height:18px; flex-shrink:0; }
.social-textarea { min-height:180px; resize:vertical; line-height:1.65; }
.counter-limit { margin-top:8px; font-size:14px; }
.progress-container { margin-top:16px; }
.progress-bar { height:8px; background:#6a9081; border-radius:4px; overflow:hidden; }
.progress-fill { height:100%; background:#fff; }
.progress-fill.warning { background:#ffdfa6; }
.progress-fill.danger { background:#ffd4ce; }
.progress-container p { margin-top:4px; font-size:13px; }
.social-page .counter-main.warning { color:#ffdfa6; }
.social-page .counter-main.danger { color:#ffd4ce; }
.social-page .social-textarea.danger { border-color:var(--up-error); }
.social-page .up-tool-help table { font-size:13px; }
@media (max-width:767px) { .platform-btn { flex-direction:column; gap:4px; font-size:12px; padding:6px 4px; } .social-textarea { min-height:144px; } }
