.bot-demo{--bot-demo-paper:var(--studio-paper,#f6f5ef);--bot-demo-surface:var(--studio-white,#fffef9);--bot-demo-ink:var(--studio-ink,#202c26);--bot-demo-muted:var(--studio-muted,#58645d);--bot-demo-line:var(--studio-line,#d4d9cf);--bot-demo-accent:var(--studio-petrol,#0f5b57);--bot-demo-lime:var(--lime,#e2eccb);background:var(--bot-demo-surface);border:1px solid var(--bot-demo-ink);box-shadow:7px 7px 0 var(--bot-demo-lime);color:var(--bot-demo-ink);border-radius:8px;flex-direction:column;gap:14px;width:100%;min-width:0;max-width:400px;margin:0;padding:16px;line-height:1.45;display:flex}.bot-demo,.bot-demo *{box-sizing:border-box}.bot-demo-kicker{border-bottom:1px solid var(--bot-demo-line);color:var(--bot-demo-accent);letter-spacing:.04em;margin:0;padding-bottom:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.bot-demo-messages{gap:8px;min-width:0;display:grid}.bot-demo-message{border:1px solid var(--bot-demo-line);overflow-wrap:anywhere;border-radius:6px;gap:2px;min-width:0;max-width:96%;margin:0;padding:9px 11px;font-size:16px;line-height:1.42;display:grid}.bot-demo-message--bot{background:var(--bot-demo-paper);justify-self:start}.bot-demo-message--client{background:var(--bot-demo-lime);border-color:var(--bot-demo-ink);justify-self:end}.bot-demo-message-label{color:var(--bot-demo-muted);letter-spacing:.06em;font-size:10px;line-height:1.2}.bot-demo-actions{border-top:1px solid var(--bot-demo-line);flex-wrap:wrap;gap:8px;min-width:0;padding-top:12px;display:flex}.bot-demo-action{-webkit-appearance:none;appearance:none;border:1px solid var(--bot-demo-ink);color:var(--bot-demo-ink);cursor:pointer;font:inherit;overflow-wrap:anywhere;text-align:center;white-space:normal;border-radius:5px;flex:145px;min-width:0;min-height:44px;padding:9px 11px;font-size:16px;line-height:1.25}.bot-demo-action--choice{background:var(--bot-demo-lime)}.bot-demo-action--quiet{background:var(--bot-demo-paper)}.bot-demo-action--wide{flex-basis:100%;grid-column:1/-1}.bot-demo-action:hover{background:var(--bot-demo-accent);color:var(--bot-demo-surface)}.bot-demo-action:focus-visible{outline:3px solid var(--bot-demo-accent);outline-offset:3px}@media (max-width:420px){.bot-demo{gap:12px;max-width:280px;padding:14px}.bot-demo-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bot-demo-action{flex-basis:auto}}@media (max-width:320px){.bot-demo-actions{grid-template-columns:minmax(0,1fr)}}.bot-demo-result{color:var(--bot-demo-muted);margin:0;font-size:12px;line-height:1.5}.bot-demo-action{transition:background-color .16s,color .16s}@media (prefers-reduced-motion:no-preference){.bot-demo-message{animation:.18s ease-out bot-message-in}@keyframes bot-message-in{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.bot-demo *{transition:none!important;animation:none!important}}