/**
 * Word Frequency Tool Specific Styling
 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:transparent;color:#0f172a}
.wf-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:32px;max-width:720px;margin:0 auto}
.wf-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#0f172a}
.wf-textarea{width:100%;min-height:200px;padding:14px 16px;border:2px solid #e2e8f0;border-radius:8px;font-family:'Inter',sans-serif;font-size:15px;line-height:1.6;color:#0f172a;background:#fff;transition:border-color .2s ease;resize:vertical}
.wf-textarea:focus{outline:none;border-color:#4f46e5}
.wf-textarea::placeholder{color:#94a3b8}
.wf-controls{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap;align-items:center}
.wf-sort{padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:#0f172a;cursor:pointer;transition:all .2s ease}
.wf-sort:hover{border-color:#4f46e5}
.wf-sort.active{border-color:#4f46e5;background:#4f46e5;color:#fff}
.wf-toggle-row{display:flex;align-items:center;gap:10px}
.wf-toggle{position:relative;width:44px;height:24px;background:#e2e8f0;border-radius:12px;cursor:pointer;transition:background .2s ease;border:none;padding:0}
.wf-toggle.active{background:#4f46e5}
.wf-toggle::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.wf-toggle.active::after{transform:translateX(20px)}
.wf-toggle-label{font-size:13px;color:#64748b}
.wf-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}
.wf-stat{background:#f8fafc;border-radius:8px;padding:14px;text-align:center}
.wf-stat-val{font-size:22px;font-weight:700;color:#4f46e5}
.wf-stat-label{font-size:11px;font-weight:500;color:#64748b;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}
.wf-list{display:flex;flex-direction:column;gap:6px}
.wf-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;background:#f8fafc}
.wf-word{font-family:'Inter',monospace;font-size:14px;font-weight:600;color:#0f172a;min-width:100px}
.wf-bar-wrap{flex:1;height:24px;background:#e2e8f0;border-radius:4px;overflow:hidden}
.wf-bar{height:100%;background:#4f46e5;border-radius:4px;transition:width .3s ease}
.wf-count{font-size:13px;font-weight:500;color:#64748b;min-width:50px;text-align:right}
.wf-pct{font-size:12px;color:#94a3b8;min-width:45px;text-align:right}
[data-theme="dark"] .wf-card{background:#1e293b;box-shadow:0 4px 20px rgba(0,0,0,.3)}
[data-theme="dark"] .wf-label,[data-theme="dark"] .wf-textarea{color:#e2e8f0}
[data-theme="dark"] .wf-textarea{background:#0f172a;border-color:#334155}
[data-theme="dark"] .wf-textarea::placeholder{color:#64748b}
[data-theme="dark"] .wf-textarea:focus{border-color:#818cf8}
[data-theme="dark"] .wf-sort{background:#1e293b;border-color:#334155;color:#e2e8f0}
[data-theme="dark"] .wf-sort:hover{border-color:#818cf8}
[data-theme="dark"] .wf-sort.active{background:#818cf8;border-color:#818cf8;color:#fff}
[data-theme="dark"] .wf-toggle{background:#334155}
[data-theme="dark"] .wf-toggle.active{background:#818cf8}
[data-theme="dark"] .wf-toggle-label{color:#94a3b8}
[data-theme="dark"] .wf-stat{background:#1e293b}
[data-theme="dark"] .wf-stat-val{color:#818cf8}
[data-theme="dark"] .wf-stat-label{color:#94a3b8}
[data-theme="dark"] .wf-item{background:#0f172a}
[data-theme="dark"] .wf-word{color:#e2e8f0}
[data-theme="dark"] .wf-bar-wrap{background:#334155}
[data-theme="dark"] .wf-bar{background:#818cf8}
[data-theme="dark"] .wf-count{color:#94a3b8}
@media(max-width:600px){.wf-stats{grid-template-columns:1fr}.wf-card{padding:20px}.wf-word{min-width:70px}}