/* Social Media Character Counter — tool-specific styles */
#sc-input{width:100%;font-size:.95rem;line-height:1.6;resize:vertical}
.sc-meta{font-size:.85rem;color:var(--muted,#475569);margin:-6px 0 14px}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.sc-card{border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:10px 12px;background:var(--card,#fff)}
[data-theme="dark"] .sc-card{border-color:#334155;background:#1e293b}
.sc-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.85rem;color:var(--text,#0f172a)}
[data-theme="dark"] .sc-head{color:#e2e8f0}
.sc-head i{width:16px;text-align:center;color:var(--primary,#4f46e5)}
.sc-bar{height:6px;border-radius:3px;background:var(--border,#e2e8f0);margin:8px 0 6px;overflow:hidden}
[data-theme="dark"] .sc-bar{background:#334155}
.sc-fill{height:100%;border-radius:3px;background:#16a34a;transition:width .15s}
.sc-fill.warn{background:#d97706}
.sc-fill.over{background:#dc2626}
.sc-stat{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted,#475569)}
.sc-stat .over-txt{color:#dc2626;font-weight:700}
[data-theme="dark"] .sc-stat .over-txt{color:#f87171}
.sc-stat .ok-txt{color:#16a34a;font-weight:600}
.scope-note{font-size:.83rem;color:var(--muted,#475569);border-left:3px solid var(--primary,#4f46e5);padding:8px 12px;background:rgba(79,70,229,.05);border-radius:0 8px 8px 0}
.scope-note i{color:var(--primary,#4f46e5);margin-right:6px}