.ai-demo.ai-live{padding:0;overflow:hidden}.ai-live .ai-top{padding:16px 18px;border-bottom:1px solid var(--chi-line)}.ai-live-body{padding:18px}.ai-task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.ai-task{border:1px solid var(--chi-line);background:#fff;color:var(--chi-navy);border-radius:8px;padding:9px 7px;font:700 9px Manrope,Arial;cursor:pointer}.ai-task:hover,.ai-task.active{border-color:var(--chi-blue);background:#edf4ff;color:var(--chi-blue)}.ai-live label{display:block;color:var(--chi-navy);font-size:10px;font-weight:800}.ai-live textarea{display:block;width:100%;min-height:112px;resize:vertical;margin:7px 0 8px;padding:12px;border:1px solid var(--chi-line);border-radius:9px;font:12px/1.55 Manrope,Arial;color:var(--chi-ink)}.ai-live textarea:focus{outline:3px solid #2563eb20;border-color:var(--chi-blue)}.ai-prompt-meta{display:flex;justify-content:space-between;color:var(--chi-muted);font-size:8px}.ai-send{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;border:0;border-radius:9px;background:var(--chi-blue);color:#fff;padding:12px;margin-top:12px;font:800 10px Manrope,Arial;cursor:pointer}.ai-send:disabled{opacity:.65;cursor:wait}.ai-send svg{width:14px}.ai-result{margin-top:14px;border-radius:10px;background:#f5f8fc;border:1px solid var(--chi-line);padding:14px;min-height:74px}.ai-result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ai-result-head b{font-size:9px;color:var(--chi-blue)}.ai-result-head span{font-size:8px;color:var(--chi-green)}.ai-result-text{white-space:pre-wrap;color:#334155;font-size:11px;line-height:1.7}.ai-result.error{background:#fff4f3;border-color:#ffd3ce}.ai-result.error .ai-result-text{color:#b42318}.ai-disclaimer{display:flex;gap:7px;margin-top:10px;color:var(--chi-muted);font-size:8px;line-height:1.5}.ai-disclaimer svg{width:13px;flex:0 0 auto}.ai-loading{display:inline-flex;gap:4px}.ai-loading i{width:5px;height:5px;background:currentColor;border-radius:50%;animation:aiPulse 1s infinite}.ai-loading i:nth-child(2){animation-delay:.16s}.ai-loading i:nth-child(3){animation-delay:.32s}@keyframes aiPulse{0%,80%,100%{opacity:.25;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}@media(max-width:520px){.ai-task-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.ai-loading i{animation:none}}