.ai-workspace{width:100%;max-width:none;margin:16px 0 0;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:0;background:#fff;overflow:hidden;position:relative}
.ai-meta{padding:8px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.ai-meta button,.ai-copy{border:0;background:none;color:var(--accent);font:inherit;cursor:pointer;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.ai-meta button:hover,.ai-copy:hover{color:var(--accent-dark)}
.ai-meta button:disabled{color:#505a5f;background:#f3f2f1;opacity:1;cursor:default;text-decoration:none;padding:6px 10px}
.ai-context{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:none;margin:0;padding:8px 16px;background:var(--tint);font-size:14px;overflow-wrap:anywhere}
.ai-transcript{height:clamp(220px,38dvh,420px);overflow-y:auto;overscroll-behavior:contain;padding:16px}
.ai-transcript:has(.ai-welcome){height:auto;min-height:0}.ai-welcome{padding:6px 0}.ai-welcome h2{font-family:"Source Serif",Georgia,serif;font-size:26px;font-weight:600;max-width:30ch;margin:0 0 10px;color:var(--ink)}
.ai-welcome>p{font-size:16px;color:var(--muted);max-width:70ch}.ai-prompts{display:flex;flex-direction:column;gap:0;margin-top:12px}
.ai-prompts button{display:flex;justify-content:space-between;gap:16px;align-items:center;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line);padding:10px 0;color:var(--accent);font:inherit;font-size:15px;cursor:pointer;min-height:44px}
.ai-prompts button:hover{color:var(--accent-dark);background:#e7effb}.ai-prompts button:disabled{color:#505a5f;background:#fff;opacity:1;cursor:default}.ai-prompts button svg{flex:none;transform:rotate(45deg)}
.ai-turn{margin-bottom:20px}.ai-author{font-size:13px;font-weight:650;color:var(--muted);margin:0 0 8px}.ai-turn-user{margin-left:10%;padding:12px 16px;border-radius:0;background:var(--tint)}
.ai-answer{font-size:16px;color:var(--ink);overflow-wrap:anywhere}.ai-answer p{margin:0 0 12px;white-space:pre-wrap}.ai-step{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.ai-step svg{animation:ai-spin 1.3s linear infinite}
.ai-sources{margin-top:16px;font-size:13px;color:var(--muted)}.ai-sources summary{cursor:pointer;padding:8px 0;min-height:44px}.ai-sources ul{padding-left:18px}.ai-sources li{padding:6px 0}.ai-sources a{font-size:14px}
.ai-copy{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 0}.ai-error,.ai-notice{max-width:none;color:#502800;background:#fff7df;border-left:3px solid #9b6500;font-size:14px;padding:12px 16px;margin:12px 16px}
.ai-retry,.ai-latest{margin:10px 16px;display:flex;align-items:center;gap:8px;padding:10px 16px;min-height:44px;border:2px solid var(--accent);border-radius:0;background:#fff;color:var(--accent);font:inherit;font-size:14px;cursor:pointer}
.ai-retry:hover,.ai-latest:hover{background:#e7effb;color:var(--accent-dark);border-color:var(--accent-dark)}
.ai-composer{position:relative;margin:0 16px;border:2px solid #505a5f;border-radius:0;background:#fff}.ai-composer:focus-within{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px #ffdd00}.ai-input-label{display:block;font-size:13px;color:var(--muted);padding:8px 12px 0}
.ai-composer textarea{display:block;resize:none;width:100%;min-height:66px;border:0;background:none;padding:8px 70px 12px 12px;font:inherit;font-size:16px;color:var(--ink);line-height:1.5;outline:none}.ai-composer textarea::placeholder{color:#505a5f;opacity:1}.ai-composer textarea:focus-visible{outline:none;box-shadow:none}
.ai-send{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--accent);border-radius:0;background:var(--accent);color:#fff;cursor:pointer}.ai-send:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.ai-send:disabled{background:#d8dadd;border-color:#505a5f;color:#343a3e;opacity:1;cursor:default}
.ai-disclosure{font-size:12px;line-height:1.6;color:var(--muted);max-width:95ch;padding:0 16px;margin:12px 0 14px}
@keyframes ai-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ai-step svg{animation:none}}
@media(max-width:700px){.ai-workspace{margin-top:14px}.ai-meta{padding:6px 12px}.ai-transcript{height:40dvh;min-height:220px;padding:12px}.ai-welcome h2{font-size:24px}.ai-welcome>p{font-size:15px}.ai-prompts button{font-size:14px}.ai-turn-user{margin-left:5%}.ai-composer{margin:0 14px}.ai-context{padding:8px 12px;font-size:13px}.ai-notice,.ai-error{margin:14px}.ai-disclosure{padding:0 14px}.ai-send{right:10px;bottom:10px}}