.word-counter-container{max-width:720px;margin:auto;padding:32px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;z-index:1}.word-counter-container h1{text-align:center;font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:20px}.text-area{width:100%;height:200px;padding:14px 16px;font-size:15px;line-height:1.7;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;resize:vertical;box-sizing:border-box;transition:border-color var(--transition),box-shadow var(--transition)}.text-area:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.text-area::placeholder{color:var(--text-muted)}.action-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.action-buttons button{padding:8px 18px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:background var(--transition),color var(--transition),border-color var(--transition)}.action-buttons button:hover:not(:disabled){background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.action-buttons button:disabled{opacity:.4;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:12px;gap:12px;margin-top:20px}.stat-card{background:var(--bg-soft);padding:16px;border-radius:var(--radius);text-align:center;border:1px solid var(--border);transition:border-color var(--transition)}.stat-card:hover{border-color:var(--primary-light)}.stat-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:1.5rem;font-weight:800;color:var(--text)}@media (max-width:600px){.word-counter-container{margin:-16px 16px 0;padding:24px 20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}