/* social-media-length-checker.css v2-r4 */

.sm-area{font-size:.86rem;min-height:140px;width:100%;resize:vertical;border:1px solid var(--border);padding:.65rem;line-height:1.6;font-family:inherit}
.sm-area:focus{outline:none;border-color:var(--accent)}
.sm-stats{font-size:.8rem;color:var(--text-muted);margin:.4rem 0 .85rem;display:flex;gap:1rem}
.sm-platforms{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:.75rem}
.sm-platform{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--border);background:#fcfcfc}
.sm-platform.ok{border-color:#16a34a;background:#f0fdf4}
.sm-platform.warn{border-color:#f59e0b;background:#fffbeb}
.sm-platform.over{border-color:#dc2626;background:#fef2f2}
.sm-platform-name{font-size:.82rem;font-weight:600;min-width:90px}
.sm-platform-bar-wrap{flex:1;height:8px;background:#e5e7eb;border-radius:2px;overflow:hidden}
.sm-platform-bar{height:100%;border-radius:2px;transition:width .2s}
.sm-platform.ok .sm-platform-bar{background:#16a34a}
.sm-platform.warn .sm-platform-bar{background:#f59e0b}
.sm-platform.over .sm-platform-bar{background:#dc2626}
.sm-platform-count{font-size:.78rem;min-width:80px;text-align:right}