.tpl-ai { background:#fff; border:1px solid #dce3ef; border-left:3px solid #ff6b00; border-radius:10px; margin:0 0 20px; color:#172b4d; }
.tpl-ai summary { cursor:pointer; padding:15px 16px; font-size:13px; font-weight:700; color:#2a3b6e; }
.tpl-ai summary span { font-size:12px; font-weight:400; color:#667894; margin-left:8px; }
.tpl-ai-content { padding:0 16px 16px; }
.tpl-ai-content label { display:block; font-size:12px; font-weight:600; margin-bottom:8px; }
.tpl-ai-content textarea { display:block; width:100%; box-sizing:border-box; border:1px solid #cbd5e3; background:white; border-radius:8px; padding:10px; font:inherit; font-size:13px; min-height:90px; resize:vertical; color:#172b4d; }
.tpl-ai-content p { font-size:12px; line-height:1.6; color:#60718c; margin:10px 0; }
.tpl-ai-content h3 { font-size:13px; margin:12px 0; }
.tpl-ai-content pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:320px; overflow:auto; padding:14px; background:#f5f7fb; border:1px solid #e2e8f2; border-radius:8px; font:13px/1.6 Roboto,Arial,sans-serif; color:#172b4d; }
.tpl-ai [hidden] { display:none!important; }
.tpl-ai .tpl-ai-error { color:#ad253c; }
.tpl-ai button:disabled { opacity:.5; cursor:wait; }
.tpl-ai :focus-visible { outline:3px solid #87b0ec; outline-offset:2px; }
.tpl-form details.tpl-ai { margin:0 0 18px; padding:0; border-left:3px solid #ff6b00; }
fieldset:disabled .tpl-ai { display:none; }
@media(max-width:600px){.tpl-ai summary span{display:block;margin:5px 0 0}.tpl-ai button{max-width:100%;white-space:normal}}

.tpl-ai-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}