html[data-style] .ai-conversation{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:start;padding-top:52px;padding-bottom:70px;border-top:1px solid var(--line);scroll-margin-top:110px}
.ai-section-intro{position:sticky;top:120px}.ai-section-intro>.eyebrow{font-size:10px;line-height:1.7;letter-spacing:.07em;display:flex;align-items:center;gap:10px;color:var(--muted)}.ai-spark{font-size:28px;line-height:1;color:var(--plum)}
html[data-style] .ai-section-intro h2{font:600 clamp(35px,3.7vw,50px)/1.12 var(--display);letter-spacing:-.045em;transform:none;text-transform:none;margin:22px 0}
.ai-section-intro>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:350px;margin:0}
html[data-style] .live-guide{padding:28px;background:var(--paper,var(--bg));color:var(--ink);border:1px solid var(--line);border-radius:8px;max-width:100%;min-width:0;box-shadow:none}
.guide-welcome{display:flex;align-items:center;gap:15px;margin-bottom:24px}.guide-avatar{width:46px;height:46px;flex:none;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font:500 23px var(--display);position:relative;background:var(--bg);color:var(--ink)}.guide-avatar>span{font:700 8px var(--font);position:absolute;bottom:-5px;right:-7px;padding:3px 4px;background:var(--ink);color:var(--bg)}
.guide-welcome>p{font-size:14px;line-height:1.6;margin:0;color:var(--muted)}.guide-welcome strong{font-weight:500;color:var(--ink)}
html[data-style] .live-guide form{display:block;border:1px solid var(--line);background:var(--bg);padding:0;border-radius:4px;box-shadow:none}
html[data-style] .live-guide textarea{display:block;resize:vertical;min-height:100px;max-height:240px;width:100%;border:0;border-radius:4px;box-sizing:border-box;padding:17px 18px;background:transparent;color:var(--ink);font:400 16px/1.6 var(--font);outline:none}
html[data-style] .live-guide textarea::placeholder{color:var(--muted);opacity:1}
html[data-style] .live-guide form:focus-within{outline:2px solid var(--ink);outline-offset:4px}
.guide-input-actions{display:flex;align-items:center;gap:12px;padding:0 12px 12px}.guide-input-actions>span{font-size:10px;line-height:1.5;color:var(--muted);margin-right:auto}
html[data-style] .guide-input-actions>button{min-height:44px;min-width:66px;padding:10px 17px;font:600 13px var(--font);border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--bg);cursor:pointer}.guide-input-actions>button[hidden]{display:none}.guide-input-actions>button:disabled{cursor:not-allowed}
html[data-style] .live-guide .guide-prompts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
html[data-style] .live-guide .guide-prompts button,html[data-style] .live-guide .guide-followups button{font:500 12px/1.5 var(--font);padding:10px 12px;min-height:44px;background:transparent;border:1px solid var(--line);border-radius:3px;color:var(--ink);text-align:left;cursor:pointer}
.live-guide .guide-prompts button:hover,.live-guide .guide-followups button:hover{outline:1px solid var(--ink);outline-offset:1px}
html[data-style] .live-guide .guide-status{font:400 12px/1.6 var(--font);color:var(--muted);margin:15px 0;min-height:20px}
html[data-style] .live-guide .guide-foot{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;padding-top:15px;border-top:1px solid var(--line);font:400 11px/1.7 var(--font);color:var(--muted)}.live-guide .guide-foot>span{flex:1 1 230px}.live-guide .guide-foot button{color:var(--ink);font:500 11px var(--font);min-height:44px;padding:0 6px;background:transparent;cursor:pointer}
html[data-style] .live-guide .guide-log{max-height:480px;overflow:auto;scrollbar-gutter:stable;margin:0 0 22px;padding:0 5px 0 0;overscroll-behavior:contain}
html[data-style] .live-guide .guide-message{padding:17px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);max-width:100%;margin-bottom:12px;overflow-wrap:anywhere}
html[data-style] .live-guide .guide-message.visitor{margin-left:10%;background:var(--paper,var(--bg));max-width:90%}
html[data-style] .live-guide .guide-message p{font:400 15px/1.75 var(--font);color:var(--ink);margin:8px 0 0;letter-spacing:0;text-transform:none}
html[data-style] .live-guide .guide-speaker{font:500 9px/1.5 var(--font);letter-spacing:.08em;color:var(--muted)}
html[data-style] .live-guide .guide-sources{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:12px}.live-guide .guide-sources a{font:500 11px/1.5 var(--font);display:inline-flex;align-items:center;min-height:32px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
html[data-style=pixel] .live-guide{background:var(--panel);border-color:var(--line)}html[data-style=punk] .live-guide{border-radius:0;box-shadow:7px 7px 0 var(--line)}
html[data-style] .live-guide button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:1000px){html[data-style] .ai-conversation{grid-template-columns:1fr;gap:28px}.ai-section-intro{position:static}.ai-section-intro>p{max-width:650px}.ai-section-intro h2 br{display:none}}
@media(max-width:600px){html[data-style] .ai-conversation{padding-top:35px;padding-bottom:48px;scroll-margin-top:95px}html[data-style] .live-guide{padding:18px}html[data-style] .ai-section-intro h2{font-size:35px}.guide-input-actions>span{max-width:130px}.guide-input-actions{gap:8px;padding:0 10px 10px}html[data-style] .guide-input-actions>button{padding:9px 12px;min-width:52px}.live-guide .guide-foot{display:block}.live-guide .guide-foot button{display:block;margin-top:8px}html[data-style] .live-guide .guide-prompts button{flex:1 1 42%}html[data-style] .live-guide .guide-log{max-height:55dvh}html[data-style] .live-guide .guide-message.visitor{margin-left:5%;max-width:95%}}