[data-demo] .ai-guide{gap:.9rem;display:grid}[data-demo] .ai-guide__account-card{margin:0}[data-demo] .ai-guide__account-card strong{align-items:center;gap:.4rem;display:flex}[data-demo] .ai-guide__account-card strong svg{color:var(--mark);flex:none}[data-demo] .ai-guide__heading,[data-demo] .ai-guide__drawer-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}[data-demo] .ai-guide__heading>p{max-width:56rem;color:var(--ink);margin:0;font-size:.92rem;line-height:1.45}[data-demo] .ai-guide__history-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--mark);background:var(--surface);box-shadow:none;border-radius:9px;flex:none}[data-demo] .ai-guide__history-toggle:hover,[data-demo] .ai-guide__history-toggle[aria-expanded=true]{border-color:var(--mark);background:color-mix(in srgb, var(--mark) 8%, var(--surface))}[data-demo] .ai-guide__drawer{border:1px solid color-mix(in srgb, var(--mark) 18%, var(--line));background:color-mix(in srgb, var(--mark) 4%, var(--surface));border-radius:10px;padding:.75rem .8rem .8rem}[data-demo] .ai-guide__drawer .panel-note{color:var(--muted);background:0 0;border:0;border-radius:0;margin:.25rem 0 0;padding:0;font-size:.74rem}[data-demo] .ai-guide__history-list{border-top:1px solid color-mix(in srgb, var(--mark) 16%, var(--line));gap:.5rem;margin-top:.65rem;padding-top:.65rem;display:grid}[data-demo] .ai-guide__history-item{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, var(--mark));border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.28rem .35rem .28rem .7rem;transition:border-color .14s,background .14s;display:grid}[data-demo] .ai-guide__history-item:hover,[data-demo] .ai-guide__history-item:focus-within{border-color:var(--mark)}[data-demo] .ai-guide__history-open{min-width:0;color:var(--ink);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:0;gap:.22rem;padding:.45rem 0;display:grid}[data-demo] .ai-guide__history-open:hover strong{color:var(--mark)}[data-demo] .ai-guide__history-open strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:760;overflow:hidden}[data-demo] .ai-guide__history-open span{color:var(--muted);font-size:.7rem}[data-demo] .ai-guide__history-actions{align-items:center;gap:.22rem;padding-inline-end:.08rem;display:flex}[data-demo] .ai-guide__history-action{min-height:28px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:.22rem .42rem;font-size:.69rem;font-weight:700}[data-demo] .ai-guide__history-action:hover{color:var(--ink);background:var(--surface-subtle)}[data-demo] .ai-guide__history-action--icon{width:30px;min-width:30px;height:30px;min-height:30px;color:var(--muted);border:1px solid #0000;border-radius:7px;place-items:center;padding:0;display:inline-grid}[data-demo] .ai-guide__history-action--icon:hover,[data-demo] .ai-guide__history-action--icon:focus-visible{border-color:var(--line);color:var(--mark);background:color-mix(in srgb, var(--mark) 6%, var(--surface));outline:0}[data-demo] .ai-guide__history-action--delete:hover,[data-demo] .ai-guide__history-action--delete:focus-visible{color:var(--danger);background:color-mix(in srgb, var(--danger) 6%, var(--surface))}[data-demo] .ai-guide__history-edit{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.35rem;width:100%;min-width:0;display:grid}[data-demo] .ai-guide__history-edit input{border:1px solid var(--line);min-width:0;min-height:32px;color:var(--ink);background:var(--surface);font:inherit;border-radius:6px;padding:.35rem .45rem;font-size:.78rem}[data-demo] .ai-guide__chat{overscroll-behavior:contain;align-items:start;gap:.55rem;min-width:0;max-height:26rem;padding-inline:.65rem;display:grid;overflow:hidden auto}[data-demo] .ai-guide__message{box-sizing:border-box;background:var(--mark-soft);width:min(82%,42rem);min-width:0;max-width:calc(100% - .8rem);box-shadow:none;border:0;border-radius:1rem 1rem 1rem .24rem;padding:.62rem .76rem}[data-demo] .ai-guide__message[data-role=user]{background:var(--saffron-weak);border-radius:1rem 1rem .24rem;justify-self:end}[data-demo] .ai-guide__message[data-role=assistant]{justify-self:start}[data-demo] .ai-guide__message[data-delivery=failed]{box-shadow:inset 0 0 0 1px #e2b9ab}[data-demo] .ai-guide__message[data-streaming=true]{background:color-mix(in srgb, var(--mark) 12%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mark) 18%, transparent)}[data-demo] .ai-guide__message>strong{color:var(--mark);letter-spacing:.01em;margin-bottom:.2rem;font-size:.88rem;font-weight:800;line-height:1.2;display:block}[data-demo] .ai-guide__message p,[data-demo] .ai-guide__message div{color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.84rem;line-height:1.55}[data-demo] .ai-guide__message div>span{display:block}[data-demo] .ai-guide__message div>ul{white-space:normal;gap:.32rem;margin:.55rem 0 0;padding-inline-start:1.05rem;display:grid}[data-demo] .ai-guide__message div>span+ul{margin-top:.55rem}[data-demo] .ai-guide__message div strong{color:var(--ink);font-weight:760}[data-demo] .ai-guide__message div em{color:inherit;font-style:italic}[data-demo] .ai-guide__thoughts{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--mark) 20%, var(--line));background:color-mix(in srgb, var(--mark) 4%, var(--surface));border-radius:7px;width:100%;min-width:0;margin:0 0 .6rem;overflow:hidden}[data-demo] .ai-guide__thoughts summary{min-height:32px;color:var(--mark);cursor:pointer;align-items:center;gap:.4rem;padding:.3rem .5rem;font-size:.74rem;font-weight:760;display:flex}[data-demo] .ai-guide__thoughts summary::marker{color:var(--mark)}[data-demo] .ai-guide__thoughts-content{border-top:1px solid color-mix(in srgb, var(--mark) 14%, var(--line));max-height:12rem;color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:.15rem .5rem .5rem;font-size:.74rem;line-height:1.5;overflow:hidden auto}[data-demo] .ai-guide__thinking-dots{align-items:center;gap:.24rem;display:inline-flex}[data-demo] .ai-guide__thinking-dots i{background:var(--mark);border-radius:50%;width:.38rem;height:.38rem;animation:1.05s ease-in-out infinite ai-guide-thinking}[data-demo] .ai-guide__thinking-dots i:nth-child(2){animation-delay:.14s}[data-demo] .ai-guide__thinking-dots i:nth-child(3){animation-delay:.28s}@keyframes ai-guide-thinking{0%,70%,to{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-.18rem)}}@keyframes ai-guide-send-glow{0%,to{box-shadow:0 2px 0 var(--lapis-deep), 0 0 0 1px color-mix(in srgb, var(--mark) 34%, transparent), 0 0 8px color-mix(in srgb, var(--mark) 22%, transparent)}50%{box-shadow:0 2px 0 var(--lapis-deep), 0 0 0 7px color-mix(in srgb, var(--mark) 42%, transparent), 0 0 28px color-mix(in srgb, var(--mark) 58%, transparent)}}@media (prefers-reduced-motion:reduce){[data-demo] .ai-guide__thinking-dots i{opacity:.72;animation:none}[data-demo] .ai-guide__submit[data-guide-thinking=true]{animation:none}}[data-demo] .ai-guide__retry{border:1px solid color-mix(in srgb, var(--mark) 32%, var(--line));min-height:32px;color:var(--mark);background:color-mix(in srgb, var(--mark) 5%, var(--surface));font:inherit;cursor:pointer;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;align-items:center;gap:.34rem;margin-top:.6rem;padding:.32rem .68rem .32rem .54rem;font-size:.76rem;font-weight:700;line-height:1;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}[data-demo] .ai-guide__retry svg{width:.9rem;height:.9rem}[data-demo] .ai-guide__retry:hover{border-color:var(--mark);background:color-mix(in srgb, var(--mark) 10%, var(--surface));transform:translateY(-1px)}[data-demo] .ai-guide__retry:focus-visible{outline:3px solid color-mix(in srgb, var(--mark) 28%, transparent);outline-offset:2px}[data-demo] .ai-guide__examples{gap:.4rem;display:grid}[data-demo] .ai-guide__prompt-label{color:var(--ink-soft);margin:0;font-size:.73rem;font-weight:750}[data-demo] .ai-guide__mode{border:1px solid color-mix(in srgb, var(--line) 88%, var(--mark));background:color-mix(in srgb, var(--surface) 88%, var(--canvas));min-width:0;box-shadow:none;border-radius:999px;align-items:center;gap:.16rem;padding:.16rem;display:inline-flex}[data-demo] .ai-guide__mode-row{justify-content:flex-start;min-width:0;margin-top:.72rem;margin-bottom:-.52rem;display:flex}[data-demo] .ai-guide__mode-option{min-height:25px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.18rem .48rem;font-size:.68rem;font-weight:700;line-height:1;transition:color .16s,background .16s,box-shadow .16s}[data-demo] .ai-guide__mode-option[data-selected=true]{color:var(--surface);background:var(--mark);box-shadow:none}[data-demo] .ai-guide__mode-option:not([data-selected=true]):hover{color:var(--mark);background:color-mix(in srgb, var(--mark) 8%, var(--surface))}[data-demo] .ai-guide__mode-option:focus-visible{outline:2px solid color-mix(in srgb, var(--mark) 48%, transparent);outline-offset:1px}[data-demo] .ai-guide__mode-option:disabled{cursor:wait;opacity:.65}[data-demo] .ai-guide__suggestion-row{flex-wrap:wrap;gap:.35rem;display:flex}[data-demo] .ai-guide__suggestion{border:1px solid var(--line);min-height:28px;color:var(--ink-soft);background:var(--surface);font:inherit;cursor:pointer;border-radius:6px;padding:.22rem .42rem;font-size:.71rem;font-weight:400}[data-demo] .ai-guide__suggestion:hover{border-color:var(--mark);color:var(--mark);background:color-mix(in srgb, var(--mark) 6%, var(--surface))}[data-demo] .ai-guide__form{gap:.58rem;margin-top:2.2rem;display:grid}[data-demo] .ai-guide__form-row{align-items:flex-end;gap:.5rem;display:flex}[data-demo] .ai-guide__form textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);min-width:0;height:31px;min-height:31px;color:var(--ink);background:var(--surface);font:inherit;border-radius:8px;flex:1;padding:.34rem .55rem;font-size:.85rem;line-height:1.25}[data-demo] .ai-guide__submit{width:38px;min-width:38px;height:38px;min-height:38px;box-shadow:0 2px 0 var(--lapis-deep);border-radius:50%;flex:none;align-self:flex-end;place-items:center;padding:0;display:inline-grid}[data-demo] .ai-guide__submit[data-guide-thinking=true]:not(:disabled){animation:2.4s ease-in-out infinite ai-guide-send-glow}[data-demo] .ai-guide__submit[data-guide-pending=true]{color:var(--mark);background:color-mix(in srgb, var(--surface) 92%, var(--mark));border-color:color-mix(in srgb, var(--mark) 70%, var(--line));box-shadow:0 2px 0 var(--lapis-deep);animation:none}[data-demo] .ai-guide__submit [data-guide-stop-icon]{display:none}[data-demo] .ai-guide__submit:disabled{color:color-mix(in srgb, var(--ink-soft) 58%, var(--surface));border-color:color-mix(in srgb, var(--line) 82%, var(--surface));background:color-mix(in srgb, var(--muted) 22%, var(--surface));box-shadow:none;filter:saturate(.2);opacity:.72;cursor:wait;transform:none}[data-demo] .ai-guide__status,[data-demo] .ai-guide__turns{margin:0;font-size:.73rem;line-height:1.45}[data-demo] .ai-guide__feedback{border:1px solid var(--line);color:var(--ink-soft);border-radius:8px;gap:.5rem;margin-top:.7rem;padding:.62rem;font-size:.75rem;line-height:1.45;display:grid}[data-demo] .ai-guide__feedback summary{color:var(--mark);cursor:pointer;font-weight:750}[data-demo] .ai-guide__feedback label{gap:.28rem;display:grid}[data-demo] .ai-guide__feedback textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);width:100%;min-height:4.6rem;color:var(--ink);background:var(--surface);font:inherit;border-radius:6px;padding:.42rem .5rem}[data-demo] .ai-guide__feedback label.ai-guide__feedback-choice{align-items:flex-start;gap:.42rem;display:flex}[data-demo] .ai-guide__status{border:1px solid color-mix(in srgb, var(--saffron) 42%, var(--line));border-inline-start:4px solid var(--saffron);color:var(--ink-soft);background:linear-gradient(110deg, color-mix(in srgb, var(--saffron) 6%, var(--surface)), var(--surface));border-radius:10px;padding:.75rem .85rem}[data-demo] .ai-guide__turns{color:var(--muted)}@media (width<=560px){[data-demo] .ai-guide__history-actions{align-self:stretch}}