.gca-card {
    max-width:900px; margin:20px auto; padding:25px; border-radius:15px;
    background: #f0f4f8; box-shadow: 0 10px 30px rgba(0,0,0,0.08); font-family: system-ui, sans-serif;
}
.gca-card h2 {
    font-size: 24px; margin-bottom: 15px; color:#1a202c; display:flex; align-items:center;
}
.gca-card h2::before {
    content:'📝'; margin-right:10px; font-size:26px;
}
#gca-input {
    width:100%; min-height:140px; padding:12px; border-radius:10px; border:1px solid #cbd5e0; font-size:15px; resize:vertical;
}
.gca-controls {
    display:flex; gap:12px; align-items:center; margin-top:15px; flex-wrap:wrap;
}
.gca-btn {
    padding:10px 18px; border:none; border-radius:12px; cursor:pointer; font-weight:600; transition: all 0.3s ease;
}
.gca-btn.primary {
    background: linear-gradient(90deg,#667eea,#764ba2); color:#fff;
}
.gca-btn.primary:hover {
    transform: translateY(-2px); box-shadow: 0 6px 15px rgba(102,126,234,0.4);
}
.gca-btn.secondary {
    background: linear-gradient(90deg,#ff7e5f,#feb47b); color:#fff;
}
.gca-btn.secondary:hover {
    transform: translateY(-2px); box-shadow:0 6px 15px rgba(255,126,95,0.4);
}
.gca-results {
    display:none; margin-top:20px; padding:15px; border-radius:12px;
    background: linear-gradient(135deg,#e0f7fa,#e1f5fe); box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    animation: fadeIn 0.5s ease forwards;
    max-height:300px; overflow-y:auto;
}
.gca-output { white-space: pre-wrap; font-size:15px; color:#1a202c; }
.gca-error { color:#e53e3e; margin-top:10px; font-weight:500; }
.gca-faq { margin-top:25px; }
.gca-faq h3 { font-size:18px; margin-bottom:10px; color:#2d3748; }
.gca-faq-item { margin-bottom:12px; padding:10px 12px; border-left:4px solid #667eea; background:#f7fafc; border-radius:8px; }

@keyframes fadeIn { from {opacity:0; transform: translateY(5px);} to {opacity:1; transform: translateY(0);} }