/* फाइल: /tools/uppercase-to-lowercase-converter-online/tool-style.css */
.tool-container { max-width: 900px; /* ... (बाकी स्टाइल पहले जैसा) ... */ }
.tool-header { text-align: center; margin-bottom: 2rem; }
.tool-header h1 { font-size: 2.5rem; }
.text-area { width: 100%; min-height: 200px; /* ... (बाकी स्टाइल पहले जैसा) ... */ }
.text-box-wrapper { margin-bottom: 1.5rem; }
.text-box-wrapper label { font-weight: 500; margin-bottom: 0.5rem; display: block; }
.button-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.tool-btn { padding: 0.8rem 1rem; font-size: 1rem; font-weight: 500; border: 1px solid var(--border-color); background-color: #f8f9fa; color: var(--text-color); border-radius: var(--border-radius); cursor: pointer; transition: all 0.2s ease; }
.tool-btn:hover { background-color: #e9ecef; }
.tool-btn.primary-btn { background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); }
.tool-btn.primary-btn:hover { background-color: var(--secondary-color); }
.utility-buttons { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem; }
.tool-btn.utility { background: none; border: 1px solid #6c757d; color: #6c757d; padding: 0.6rem 1.2rem; }
.tool-btn.utility.clear:hover, .tool-btn.utility:hover { background-color: #6c757d; color: var(--white-color); }
.content-box { /* ... (पहले जैसा) ... */ }