.welcome-demo{--demo-ink:#403447;--demo-muted:#786f7e;--demo-line:#e4dde8;--demo-accent:#007a87;--demo-wash:#eef6f5;display:flex;flex-direction:column;gap:14px;width:100%;max-width:460px;min-width:0;color:var(--demo-ink);font:400 13px/1.6 Jakarta,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;isolation:isolate}
.welcome-demo[data-tone=plum]{--demo-accent:#684583;--demo-wash:#f2ecf7}
.welcome-demo[data-tone=ink]{--demo-accent:#535362;--demo-wash:#f0eff2}
.welcome-demo[data-tone=sage]{--demo-accent:#4e735b;--demo-wash:#eff5f0}
.welcome-demo *{box-sizing:border-box}
.welcome-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:0 2px}
.welcome-demo-invitation{display:inline-flex;align-items:center;gap:6px;color:#5d4c6b;font-size:10px;font-weight:500;line-height:1.5;white-space:nowrap}
.welcome-demo-invitation>.welcome-demo-icon{width:14px;height:14px;flex-basis:14px;color:#8a729c}
.welcome-demo-heading-label{min-width:0;color:#8d7f97;font-size:9px;line-height:1.5;text-align:right}
.welcome-demo-icon{display:block;flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.welcome-demo-controls{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;padding:5px;border:1px solid #dfd6e5;border-radius:14px;background:#f9f7fa}
.welcome-demo[data-scene=conversations] .welcome-demo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
.welcome-demo .welcome-demo-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:48px;margin:0;padding:8px 7px;border:1px solid transparent;border-radius:10px;background:transparent;color:#82728d;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}
.welcome-demo .welcome-demo-choice[aria-pressed=true]{border-color:#d9cae3;background:#fff;color:#503865;box-shadow:0 2px 4px #4b326e08,0 5px 12px #4b326e05}
.welcome-demo .welcome-demo-choice:focus-visible{outline:2px solid #9872b0;outline-offset:2px}
.welcome-demo-choice-label{display:block;min-width:0;max-width:100%;font-size:12px;line-height:1.4}
.welcome-demo-choice-number,.welcome-demo-choice-code{display:block;color:#a18aad;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.07em;line-height:1.4}
.welcome-demo-choice[aria-pressed=true] .welcome-demo-choice-number,.welcome-demo-choice[aria-pressed=true] .welcome-demo-choice-code{color:var(--demo-accent)}
.welcome-demo-stage{position:relative;min-width:0;border:1px solid #e1d8e7;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 9px 21px #4b326e05}
.welcome-demo-stage::before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--demo-accent);opacity:.65;content:'';transition:background-color .2s}
.welcome-demo-panel{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:223px;padding:23px 24px;opacity:1}
.welcome-demo-greeting{margin:0 0 19px;color:#8d7b98;font-size:10px;font-weight:400;line-height:1.4}
.welcome-demo-panel-mark{display:grid;place-items:center;width:43px;height:43px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--demo-accent) 19%,#fff);border-radius:12px;background:var(--demo-wash);color:var(--demo-accent);transition:background-color .2s,color .2s}
.welcome-demo-kicker{display:block;margin:0 0 6px;color:var(--demo-accent);font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.065em;text-transform:uppercase}
.welcome-demo-panel-title{display:block;max-width:100%;margin:0;color:#45334f;font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.55px;overflow-wrap:anywhere}
.welcome-demo-panel-copy{max-width:100%;margin:10px 0 0;color:#7a6e82;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.welcome-demo-description{min-height:48px;margin:0;padding:0 3px;color:#776780;font-size:11px;line-height:1.75;overflow-wrap:anywhere}
.welcome-demo-request-sheet{width:100%;min-width:0;margin:0 0 23px;padding:15px;border:1px solid #e7e0eb;border-radius:11px;background:#fbfafc}
.welcome-demo-sheet-heading{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid #e9e3ee;color:#765b89}
.welcome-demo-sheet-heading>.welcome-demo-icon{width:17px;height:17px;flex-basis:17px}
.welcome-demo-sheet-heading strong{min-width:0;font-size:11px;font-weight:500;line-height:1.5}
.welcome-demo-sheet-line{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;margin-top:11px;font-size:9px;line-height:1.55}
.welcome-demo-sheet-line>span:first-child{color:#9d8da7}
.welcome-demo-sheet-line>span:last-child{color:#75617f}
.welcome-demo-paper-stack{position:relative;align-self:center;display:flex;justify-content:center;gap:0;width:100%;height:117px;margin:0 0 22px;padding-top:3px}
.welcome-demo-paper{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:84px;height:106px;padding:14px;border:1px solid #ddd0e7;border-radius:11px;background:#fff;box-shadow:0 6px 13px #4b326e09;color:#9a85aa;transform:rotate(-8deg);transform-origin:center 80%}
.welcome-demo-paper+.welcome-demo-paper{z-index:1;margin-left:-12px;border-color:#c4dddd;background:#f6fbfa;color:#3f858b;transform:translateY(5px) rotate(6deg)}
.welcome-demo-paper>.welcome-demo-icon{width:21px;height:21px;flex-basis:21px}
.welcome-demo-paper>span{position:absolute;top:15px;right:12px;font-size:9px;font-weight:500}
.welcome-demo-paper-lines{display:grid;gap:5px;width:100%;margin-top:2px}
.welcome-demo-paper-lines i{display:block;width:100%;height:3px;border-radius:2px;background:#e5dceb}
.welcome-demo-paper-lines i:nth-child(2){width:82%}
.welcome-demo-paper-lines i:last-child{width:63%}
.welcome-demo-paper+.welcome-demo-paper .welcome-demo-paper-lines i{background:#d6e9e6}
.welcome-demo-review-sheet{display:grid;gap:12px;width:100%;margin:0 0 23px;padding:15px;border:1px solid #e0e8df;border-radius:11px;background:#f9fbf7}
.welcome-demo-review-sheet>div{display:flex;align-items:center;gap:10px;min-width:0;color:#6b7a67;font-size:10px;line-height:1.6}
.welcome-demo-outline-check{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:1px solid #cbdac9;border-radius:6px;background:#fff;color:#789175;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums}
.welcome-demo-outline-check>.welcome-demo-icon{width:12px;height:12px;flex-basis:12px}
.welcome-demo-next-line{display:flex;align-items:center;gap:8px;margin:19px 0 0;padding-top:14px;border-top:1px solid #ede7f1;color:var(--demo-accent);font-size:10px;line-height:1.6}
.welcome-demo-next-line>.welcome-demo-icon{flex-basis:14px;width:14px;height:14px}
.welcome-demo-connection{display:flex;align-items:center;gap:25px;margin-top:22px}
.welcome-demo-connection>span{position:relative;display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #e6dfeb;border-radius:50%;background:#f8f6fa;color:#b2a4bc;font-size:9px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}
.welcome-demo-connection>span:not(:last-child)::after{position:absolute;left:28px;top:13px;width:25px;height:1px;background:#e7dfed;content:''}
.welcome-demo-connection>span.is-current{border-color:var(--demo-accent);background:var(--demo-wash);color:var(--demo-accent)}
.welcome-demo-chat-context{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#8e739f;font-size:9px;line-height:1.5}
.welcome-demo-chat-context>.welcome-demo-icon{width:15px;height:15px;flex-basis:15px}
.welcome-demo-bubble{max-width:93%;min-width:0;padding:13px 14px;border:1px solid #e5dce9;border-radius:12px 12px 12px 3px;background:#faf8fc}
.welcome-demo-bubble-mark{display:block;color:#a08aad;font-size:8px;font-weight:500;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}
.welcome-demo-bubble p{margin:6px 0 0;color:#75617f;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.welcome-demo-bubble.is-reply{align-self:flex-end;margin:12px 0 0;border-color:#d8e8e5;border-radius:12px 12px 3px 12px;background:#f0f8f5}
.welcome-demo-bubble.is-reply .welcome-demo-bubble-mark{color:#759b96}
.welcome-demo-bubble.is-reply p{color:#547e79}
@media(hover:hover){.welcome-demo .welcome-demo-choice:hover:not([aria-pressed=true]){background:#f0eaf5;color:#6c4f80}}
@media(max-width:760px){
 .welcome-demo{gap:11px}
 .welcome-demo-heading{gap:8px}
 .welcome-demo-heading-label{font-size:8px}
 .welcome-demo-invitation{font-size:9px}
 .welcome-demo .welcome-demo-choice{min-height:46px;padding:7px 5px}
 .welcome-demo-choice-label{font-size:11px}
 .welcome-demo[data-scene=documents] .welcome-demo-choice-label{font-size:10.5px}
 .welcome-demo-choice-number,.welcome-demo-choice-code{font-size:8px}
 .welcome-demo-panel{min-height:206px;padding:19px 20px}
 .welcome-demo-panel-title{font-size:19px;letter-spacing:-.45px}
 .welcome-demo-panel-copy{font-size:11px;line-height:1.7}
 .welcome-demo-panel-mark{width:37px;height:37px;margin-bottom:14px;border-radius:11px}
 .welcome-demo-greeting{margin-bottom:15px}
 .welcome-demo-description{min-height:52px;font-size:10px;line-height:1.75}
 .welcome-demo-request-sheet,.welcome-demo-review-sheet{margin-bottom:19px;padding:12px}
 .welcome-demo-sheet-heading strong{font-size:10px}
 .welcome-demo-sheet-line{grid-template-columns:38px minmax(0,1fr);gap:8px;font-size:8px}
 .welcome-demo-paper-stack{height:110px;margin-bottom:19px}
 .welcome-demo-paper{width:77px;height:100px;padding:13px}
 .welcome-demo-review-sheet>div{font-size:9px}
 .welcome-demo-kicker{font-size:8px}
 .welcome-demo-bubble{padding:11px 12px}
 .welcome-demo-bubble p{font-size:10px}
 .welcome-demo-chat-context{font-size:8px;margin-bottom:15px}
}
@media(max-width:370px){
 .welcome-demo-heading-label{display:none}
 .welcome-demo-panel{padding:17px;min-height:196px}
 .welcome-demo-panel-title{font-size:18px}
 .welcome-demo-controls{gap:3px;padding:4px;border-radius:12px}
 .welcome-demo .welcome-demo-choice{padding-inline:3px;border-radius:8px}
 .welcome-demo-choice-label{font-size:10px}
 .welcome-demo[data-scene=documents] .welcome-demo-choice-label{font-size:10px}
 .welcome-demo-description{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.welcome-demo *,.welcome-demo *::before,.welcome-demo *::after{animation:none!important;transition:none!important}}