/* Exercise generation belongs beside the parent's own words. */
.ai-maker { border-top:1px solid var(--divider); padding-top:10px; }
.ai-maker > summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; padding:5px 0; font-size:13px; font-weight:600; color:var(--ink); list-style:none; }
.ai-maker > summary::-webkit-details-marker { display:none; }
.ai-maker > summary span { color:var(--blue); font-size:17px; }
.ai-maker[open] > summary { margin-bottom:12px; }
.ai-panel, #ai-exercise-form { display:flex; flex-direction:column; gap:9px; }
.ai-panel label { display:block; font-size:12.5px; line-height:1.4; font-weight:600; color:var(--ink); margin-bottom:5px; }
.ai-panel label span { color:var(--tertiary); font-weight:400; }
.ai-panel input, .ai-panel select { width:100%; min-height:42px; padding:9px 10px; border:1px solid var(--hairline); border-radius:6px; background:#fff; color:var(--ink); font:16px/1.3 var(--ui); }
.ai-fields { display:grid; grid-template-columns:1fr 1.6fr; gap:10px; }
.ai-focus { margin-top:2px; }
.ai-focus summary { cursor:pointer; color:var(--secondary); font-size:12px; line-height:1.5; }
.ai-focus[open] summary { margin-bottom:9px; }
.ai-focus-chips { margin-top:8px; }
.ai-focus-chips .chip { padding:6px 10px; font-size:11.5px; }
.ai-helper { font-size:12px; line-height:1.5; color:var(--tertiary); }
.ai-primary, .ai-secondary { min-height:42px; padding:10px 13px; border-radius:6px; border:1px solid var(--blue); font:600 12.5px/1.3 var(--ui); cursor:pointer; }
.ai-primary { color:#fff; background:#087da8; border-color:#087da8; }
.ai-primary:hover { background:#076a8e; border-color:#076a8e; }
.ai-secondary { background:#fff; color:#086584; border-color:#b8d6e1; }
.ai-secondary:hover { background:#f2f8fb; }
.ai-panel button:disabled { opacity:.55; cursor:wait; }
.ai-panel input:focus-visible, .ai-panel select:focus-visible, .ai-panel textarea:focus-visible, .ai-panel button:focus-visible, .ai-maker summary:focus-visible { outline:3px solid #83c8e5; outline-offset:3px; }
.ai-result { border-top:1px solid var(--divider); margin-top:6px; padding-top:14px; }
.ai-result textarea { min-height:88px; border-radius:6px; margin-bottom:7px; }
.ai-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:9px; }
.ai-picture-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
.ai-link { border:0; background:none; color:#086584; font:500 12px/1.4 var(--ui); padding:7px 0; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.ai-status { font-size:12px; line-height:1.5; color:var(--secondary); }
.ai-status:empty { display:none; }
.ai-status[data-error="true"] { color:#a53316; }
.drawbox.has-picture { display:flex; align-items:center; justify-content:center; overflow:hidden; background:#fff; }
.coloring-picture { display:block; width:100%; height:100%; object-fit:contain; object-position:center; padding:0; }
[hidden] { display:none !important; }
@media (max-width:380px) { .ai-fields { grid-template-columns:1fr; } }
@media print { .ai-maker { display:none !important; } .coloring-picture { print-color-adjust:exact; -webkit-print-color-adjust:exact; } }