.ai-gen-container { max-width: 800px; margin: 20px auto; font-family: system-ui, sans-serif; }
.ai-gen-form { background: #f9f9f9; padding: 15px; border-radius: 8px; border: 1px solid #ddd; margin-bottom: 15px; }
.ai-gen-label { display: block; margin-bottom: 5px; font-weight: 600; }
.ai-gen-input, .ai-gen-select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-bottom: 10px; }
.ai-gen-row { display: flex; gap: 15px; }
.ai-gen-field { flex: 1; }
.ai-gen-btn { background: #0073aa; color: #fff; border: none; padding: 12px 20px; border-radius: 4px; cursor: pointer; font-size: 14px; width: 100%; transition: background 0.2s; }
.ai-gen-btn:hover { background: #005a87; }
.ai-gen-btn:disabled { background: #999; cursor: not-allowed; }
.ai-gen-result { background: #fff; border: 1px solid #e0e0e0; padding: 15px; border-radius: 8px; line-height: 1.6; }
.ai-gen-meta { background: #f0f0f1; padding: 10px; border-radius: 4px; margin-bottom: 15px; font-size: 13px; color: #555; }
.ai-gen-content h5 { margin: 15px 0 8px; font-size: 1.1em; }
.ai-gen-content p { margin: 0 0 10px; }
.ai-gen-error { background: #fcf0f1; color: #b32d2e; padding: 10px; border-radius: 4px; border: 1px solid #f1cece; }