.demo{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.shop-bar{background:var(--paper-2);border-bottom:1px solid var(--line);align-items:center;gap:.35rem;padding:.6rem .9rem;display:flex}.shop-bar .dot{background:var(--line);border-radius:50%;width:.6rem;height:.6rem}.shop-url{color:var(--ink-2);margin-left:.6rem;font-size:.9375rem}.chat{padding:0 0 1rem}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.9rem 1.1rem;display:flex}.chat-head .example{margin-left:auto}.avatar{background:var(--ink);width:2.4rem;height:2.4rem;color:var(--paper);border-radius:50%;flex:none;place-items:center;font-size:.9375rem;font-weight:700;display:grid}.chat-title{margin:0;font-weight:700;line-height:1.3}.chat-sub{color:var(--ink-2);margin:0;font-size:.9375rem;line-height:1.4}.msgs{gap:.75rem;max-height:30rem;margin:0;padding:1rem 1.1rem .25rem;list-style:none;display:grid;overflow-y:auto}.compact .msgs{max-height:26rem}.msg{max-width:92%;font-size:1.0625rem;line-height:1.5}.msg p{margin:0 0 .5rem}.msg p:last-child{margin-bottom:0}.msg.bot{justify-self:start}.msg.bot>p:first-child{background:var(--paper);border:1px solid var(--line);border-radius:4px 14px 14px;padding:.65rem .85rem}.msg.user{justify-self:end}.msg.user p{background:var(--ink);color:var(--paper);border-radius:14px 4px 14px 14px;padding:.6rem .85rem}.msg.note p{color:var(--ink-2);font-size:.9375rem;font-style:italic}.typing p{color:var(--ink-2)}.cards{gap:.5rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.6rem .75rem;display:grid}.card-body{line-height:1.35;display:grid}.card-name{font-weight:600}.card-meta{color:var(--ink-2);font-size:.9375rem}.card-price{font-variant-numeric:tabular-nums;font-weight:700}.sources{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.msg-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.msg-actions button{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);font:600 1rem var(--font-text);cursor:pointer;border-radius:999px;padding:.4rem .9rem}html:not(.js) .ask{display:none}.ask{border-top:1px solid var(--line);margin-top:.75rem;padding:.75rem 1.1rem 0}.ask-label{margin:0 0 .5rem;font-size:1rem;font-weight:600}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--line-strong);background:var(--paper);min-height:44px;color:var(--ink);font:500 1rem var(--font-text);cursor:pointer;text-align:left;border-radius:999px;padding:.45rem .95rem}.chip:hover{background:var(--accent-soft)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.size-form{margin-top:.75rem}.size-form label{margin-bottom:.3rem;font-size:1rem;font-weight:600;display:block}.size-row{flex-wrap:wrap;gap:.5rem;display:flex}.size-row input{border:1px solid var(--line-strong);border-radius:var(--radius);width:7rem;min-height:48px;font:400 1.0625rem var(--font-text);color:var(--ink);background:var(--surface);padding:.5rem .75rem}.page .msgs{min-height:22rem;max-height:min(62vh,36rem)}.msg.context{justify-self:stretch;max-width:none}.msg.context p{color:var(--ink-2);margin:0 0 .35rem;font-size:1rem}.msg.context{background:var(--accent-soft);border-radius:var(--radius);padding:.75rem .9rem}.follow-ups{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.follow-label{width:100%;color:var(--ink-2);margin:0;font-size:.9375rem;font-weight:600}.free-form{gap:.5rem;display:flex}.free-form input{border:1px solid var(--line-strong);min-width:0;min-height:48px;font:400 1.0625rem var(--font-text);color:var(--ink);background:var(--surface);border-radius:999px;flex:1;padding:.5rem .9rem}.free-form input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}html:not(.js) .js-only,html.js .nojs-only,html:not(.js) .page .ask{display:none}.demo-note{color:var(--ink-2);background:var(--paper);border-top:1px solid var(--line);margin:0;padding:.9rem 1.1rem;font-size:.9375rem}@media (prefers-reduced-motion:no-preference){.msg.is-new{animation:msg-in .26s var(--ease-out)}.tag.is-new{animation:tag-in .42s .18s var(--ease-out) both}.card.is-new{animation:msg-in .32s var(--ease-out) both;animation-delay:calc(.12s + var(--i,0) * 90ms)}.typing .dots{clip-path:inset(0 100% 0 0);animation:.6s steps(4,end) both dots;display:inline-block}}@keyframes dots{to{clip-path:inset(0)}}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}}@keyframes tag-in{0%{opacity:0;transform:translate(-6px)}}