.humanizer-pro { max-width: 1000px; margin: 20px auto; padding: 20px; font-family: 'Inter', sans-serif; background: #f9fafb; border-radius: 12px; }
.h-header { text-align: center; margin-bottom: 25px; }
.h-header h2 { color: #111827; font-size: 26px; }
.h-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

textarea { width: 100%; height: 350px; padding: 15px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 15px; line-height: 1.6; resize: none; outline: none; transition: 0.3s; box-sizing: border-box; }
textarea:focus { border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1); }

.panel-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.panel-footer span { font-size: 13px; color: #6b7280; font-weight: 500; }

#human-btn { background: #4f46e5; color: white; border: none; padding: 12px 20px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: 0.2s; }
#human-btn:hover { background: #4338ca; }

.copy-btn { background: #10b981; color: white; border: none; padding: 10px 15px; border-radius: 6px; cursor: pointer; }

@media (max-width: 768px) { .h-container { grid-template-columns: 1fr; } }