#tool-container{max-width:1200px;margin:20px auto;padding:20px}h2{text-align:center;margin-bottom:20px}.toolbar{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.toolbar button{background:#3498db;color:white;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background 0.3s}.toolbar button:hover{background:#2980b9}.editor-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.editor{display:flex;flex-direction:column}.editor label{font-weight:bold;margin-bottom:8px;color:#333}body.dark-mode .editor label{color:#ecf0f1}.editor textarea{width:100%;height:400px;padding:12px;border:2px solid #ddd;border-radius:8px;font-family:Courier New,monospace;font-size:14px;resize:vertical;transition:border-color 0.3s}.editor textarea:focus{outline:none;border-color:#3498db}body.dark-mode .editor textarea{background:#2c3e50;color:#ecf0f1;border-color:#34495e}.error{text-align:center;padding:10px;min-height:40px;font-weight:bold}.error.success{color:#27ae60}.error.fail{color:#e74c3c}body.dark-mode .error.success{color:#2ecc71}body.dark-mode .error.fail{color:#e74c3c}@media(max-width:768px){.editor-container{grid-template-columns:1fr}.toolbar button{padding:8px 15px;font-size:.9rem}}