.robots-tool-container {
    max-width: 550px;
    margin: 30px auto;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    font-family: 'Inter', sans-serif;
}

.tool-header { text-align: center; margin-bottom: 25px; }
.tool-header h2 { color: #1a1a1a; margin-bottom: 5px; }
.tool-header p { color: #666; font-size: 14px; }

.form-group { margin-bottom: 18px; }
.form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #444; font-size: 14px; }

.form-group input, .form-group select {
    width: 100%; padding: 12px; border: 2px solid #f0f0f0; border-radius: 8px;
    font-size: 14px; transition: all 0.3s;
}

.form-group input:focus { border-color: #0073aa; outline: none; }

.btn-generate {
    width: 100%; padding: 14px; background: #0073aa; color: white;
    border: none; border-radius: 8px; cursor: pointer; font-size: 16px; font-weight: bold;
}

.output-hidden { display: none; margin-top: 25px; animation: fadeIn 0.5s; }

#robots-result {
    width: 100%; height: 160px; padding: 15px; background: #282c34;
    color: #abb2bf; font-family: 'Courier New', monospace; border-radius: 8px;
    margin-top: 10px; resize: none; border: none;
}

.copy-btn {
    margin-top: 12px; background: #2ecc71; color: white; border: none;
    padding: 10px 20px; border-radius: 6px; cursor: pointer; font-weight: 600;
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }