.webhook-tool-main { width: 100%; max-width: 700px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.webhook-container {
    background: #0a0a0a; border: 1px solid #222; border-radius: 20px; padding: 30px;
    box-shadow: 0 10px 40px rgba(88, 101, 242, 0.1); /* Glow azul Discord */
}

.input-group { margin-bottom: 20px; }
.input-group label { display: block; color: #ccc; margin-bottom: 8px; font-weight: 600; font-size: 0.9rem; }

.wh-input, .wh-textarea {
    width: 100%; padding: 12px 15px; background: #111; border: 1px solid #333;
    border-radius: 8px; color: white; outline: none; font-family: 'Inter', sans-serif;
    font-size: 1rem; box-sizing: border-box; transition: border-color 0.3s;
}
.wh-textarea { height: 120px; resize: vertical; }

.wh-input:focus, .wh-textarea:focus { border-color: #5865F2; }

.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.action-button { width: 100%; border: none; color: white; font-weight: 700; font-size: 1.1rem; padding: 15px; border-radius: 10px; cursor: pointer; transition: transform 0.2s; }
.action-button:hover { transform: translateY(-2px); box-shadow: 0 5px 20px rgba(88, 101, 242, 0.4); }

.status-msg { text-align: center; margin-top: 15px; font-size: 0.9rem; height: 20px; }
.success { color: #28a745; }
.error { color: #ff4d4d; }

@media (max-width: 600px) { .grid-2 { grid-template-columns: 1fr; } }