.chat-html-artifact{border:1px solid var(--line,#ddd9e5);border-radius:16px;padding:20px;background:var(--surface,#fff);color:var(--text,#292433);min-width:0;max-width:100%;width:min(900px,100%);box-sizing:border-box}
.chat-html-artifact h3{font-size:18px;margin:0 0 8px}.chat-html-artifact p{font-size:14px;line-height:1.7;margin:0 0 14px;color:var(--muted,#625a6e)}
.chat-html-artifact-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chat-html-artifact-tools button,.chat-html-artifact-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid #d8d1e4;border-radius:9px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;box-sizing:border-box}
.chat-html-artifact-tools button:first-child{background:#7054a0;color:#fff;border-color:#7054a0}.chat-html-artifact-tools :focus-visible{outline:3px solid #9c82ca;outline-offset:3px}.chat-html-artifact-tools button:disabled{opacity:.6;cursor:wait}
.chat-html-artifact iframe{display:block;width:100%;height:650px;border:1px solid #dedbe4;border-radius:8px;background:#fff;box-sizing:border-box}.chat-html-artifact iframe[hidden],.chat-html-artifact pre[hidden]{display:none}
.chat-html-artifact.is-mobile-preview iframe{max-width:375px;margin:auto}.chat-html-artifact pre{white-space:pre;overflow:auto;max-height:650px;padding:16px;background:#18151f;color:#f2eef9;font-size:13px;line-height:1.6;border-radius:8px}
@media(max-width:600px){.chat-html-artifact{padding:12px}.chat-html-artifact iframe{height:560px}.chat-html-artifact-tools{gap:6px}.chat-html-artifact-tools button,.chat-html-artifact-tools a{padding:0 10px}}