#tool-wrapper { max-width: 800px; margin: 80px auto 40px; padding: 30px; background: #fff; border-radius: 16px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
.dark-mode #tool-wrapper { background: #2c3e50; }
#tool-wrapper h1 { text-align: center; color: #2c3e50; margin-bottom: 30px; }
.dark-mode #tool-wrapper h1 { color: #ecf0f1; }
#text-input { width: 100%; height: 200px; padding: 15px; font-size: 16px; border: 2px solid #3498db; border-radius: 8px; resize: vertical; background: #f8f9fa; }
.dark-mode #text-input { background: #1a252f; color: #ecf0f1; }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-top: 25px; }
.stat-item { padding: 15px; background: #f8f9fa; border-radius: 8px; text-align: center; }
.dark-mode .stat-item { background: #1a252f; }
.stat-label { display: block; font-size: 12px; color: #7f8c8d; margin-bottom: 5px; }
.stat-value { font-size: 24px; font-weight: bold; color: #3498db; }