.ai-ujian-wrap { max-width: 860px; margin: 0 auto; padding: 20px; background: #fff; border: 1px solid #ddd; border-radius: 8px; font-family: Arial, sans-serif; }
.ai-ujian-wrap h2 { margin-top: 0; }
.ai-ujian-error { color: #a00; background: #ffe6e6; padding: 12px; border-radius: 4px; margin-bottom: 16px; }
.ai-ujian-question { border: 1px solid #dedede; padding: 16px; margin-bottom: 18px; border-radius: 8px; background: #fbfbfb; }
.ai-ujian-question.ai-ujian-hidden { display: none; }
.ai-ujian-question-label { margin-bottom: 8px; font-weight: 700; }
.ai-ujian-question-text { margin-bottom: 10px; }
.ai-ujian-question-meta { margin-bottom: 12px; color: #555; font-size: 0.95rem; }
.ai-ujian-timer { margin-bottom: 12px; font-weight: 600; }
.ai-ujian-answer { width: 100%; min-height: 120px; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; background: #f8f8f8; }
.ai-ujian-actions, .ai-ujian-actions-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.ai-ujian-button { cursor: pointer; border: none; background: #0067c5; color: #fff; padding: 10px 18px; border-radius: 4px; font-size: 0.95rem; }
.ai-ujian-button:hover { background: #0053a3; }
.ai-ujian-secondary { background: #777; }
.ai-ujian-secondary:hover { background: #555; }
.ai-ujian-status { margin-top: 10px; color: #333; font-size: 0.95rem; }
.ai-ujian-retry-form { margin-top: 18px; }