.tool-container{max-width:900px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.tool-container h1{color:#2c3e50;text-align:center;margin-bottom:20px}.input-area,.output-area{margin:15px 0}textarea{width:100%;height:200px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Consolas,monospace;resize:vertical}.tool-buttons{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}button{padding:8px 15px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#2980b9}.status-bar{padding:8px;background-color:#f8f9fa;border-radius:4px;font-size:.9em;text-align:center;color:green}.tool-buttons{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.tool-container header{background-color:#2c3e50;color:#fff;padding:15px;border-radius:5px;margin-bottom:20px}.tool-container header h1{margin:0;text-align:center}.tool-container nav ul{list-style:none;display:flex;justify-content:center;padding:0;margin:10px 0 0}.tool-container nav li{margin:0 10px}.tool-container nav a{color:#fff;text-decoration:none;padding:5px 10px;border-radius:3px}.tool-container nav a:hover{background-color:#34495e}