body{font-family:Arial,sans-serif;max-width:800px;margin:0 auto;padding:20px;line-height:1.6;background-color:#f8f9fa;color:#333}.container{background-color:#ffffff;padding:25px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}h1{color:#2c3e50;text-align:center;margin-bottom:30px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:bold;color:#34495e}input[type="text"]{width:100%;padding:10px;border:1px solid #ced4da;border-radius:5px;box-sizing:border-box;font-size:16px}button{background-color:#28a745;color:white;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:17px;transition:background-color 0.3s ease}button:hover{background-color:#218838}.resultado{margin-top:30px;background-color:#e6ffe6;padding:20px;border-radius:8px;border-left:5px solid #28a745}h3{color:#2c3e50;margin-top:0;margin-bottom:15px}.comando-item{background-color:#f8f9fa;padding:15px;border-radius:6px;font-family:'Consolas','Monaco',monospace;margin-bottom:15px;overflow-x:auto;border:1px solid #e9ecef;position:relative}.comando-label{font-weight:bold;color:#007bff;margin-bottom:8px;display:block}.sql-syntax{color:#000}.editable-field{color:#dc3545;font-weight:bold;cursor:text;text-decoration:underline dotted #dc3545;padding:2px 4px;border-radius:3px;transition:background-color 0.2s ease;display:inline-block}.editable-field:hover{background-color:rgba(220,53,69,0.1)}.copy-button{background-color:#007bff;color:white;padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:14px;position:absolute;top:10px;right:10px;transition:background-color 0.2s ease;opacity:0}.comando-item:hover .copy-button{opacity:1}.copy-button:hover{background-color:#0056b3}.back-button{display:inline-flex;align-items:center;padding:12px 25px;background-color:#007bff;color:white;text-decoration:none;border-radius:5px;font-size:18px;font-weight:bold;transition:background-color 0.3s ease,transform 0.2s ease;box-shadow:0 4px 8px rgba(0,123,255,0.2)}.back-button:hover{background-color:#0056b3;transform:translateY(-2px)}.back-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,123,255,0.3)}.back-button svg{margin-right:10px;fill:currentColor}