.ai-demo{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.22,.61,.36,1);--c-bg:#faf9f5;--c-ink:#1f1e1d;--c-ink2:#5e5d59;--c-ink3:#8f8d86;--c-line:#e6e3da;--c-user:#f0eee6;--c-ur:.8em;--c-ir:1.1em;--c-ai:ui-serif,"Iowan Old Style","Palatino Linotype",Georgia,serif;aspect-ratio:16/9;text-align:left;background:var(--c-bg);width:100%;max-width:720px;color:var(--c-ink);font-family:var(--sans);border:1px solid #00000014;border-radius:14px;flex-direction:column;margin:28px auto 0;font-size:14px;display:flex;overflow:hidden;box-shadow:0 30px 70px -26px #0b0b0c54}.ai-demo.is-chatgpt{--c-bg:#fff;--c-ink:#0d0d0d;--c-ink2:#5d5d5d;--c-ink3:#8f8f8f;--c-line:#ececec;--c-user:#f3f3f3;--c-ur:1.4em;--c-ir:1.8em;--c-ai:var(--sans)}:where(.dark) .ai-demo{border-color:#ffffff24}@media (max-width:600px){.ai-demo{aspect-ratio:auto;height:520px;font-size:13.5px}}.ai-demo-top{border-bottom:1px solid var(--c-line);flex:none;justify-content:center;align-items:center;gap:.45em;height:38px;font-size:.9em;font-weight:600;display:flex;position:relative}.ai-demo-dots{gap:7px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ai-demo-dots i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.ai-demo-dots i:nth-child(2){background:#febc2e}.ai-demo-dots i:nth-child(3){background:#28c840}.ai-demo-glyph{fill:#d97757;width:1.25em;height:1.25em}.ai-demo.is-chatgpt .ai-demo-glyph{fill:var(--c-ink)}.ai-demo-body{flex-direction:column;flex:1;justify-content:flex-end;gap:.7em;min-height:0;padding:1.1em 1.5em .6em;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 2.2em);mask-image:linear-gradient(#0000 0,#000 2.2em)}.ai-demo-body>*{animation:ai-demo-pop .5s var(--ease)both;flex-shrink:0}.ai-demo-msg{line-height:1.45}.ai-demo-user{background:var(--c-user);border-radius:var(--c-ur);align-self:flex-end;max-width:72%;padding:.55em .9em}.ai-demo-ai{font-family:var(--c-ai);max-width:34em;font-size:1.02em}.ai-demo-ai b{font-weight:600}.ai-demo-links{color:var(--c-ink2);flex-direction:column;gap:.25em;margin-top:.45em;font-size:.86em;display:flex}.ai-demo-links span{white-space:nowrap;text-overflow:ellipsis;text-underline-offset:.15em;text-decoration:underline;overflow:hidden}.ai-demo-tool{white-space:nowrap;border:1px solid var(--c-line);max-width:100%;color:var(--c-ink2);background:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:.5em;padding:.32em .8em .32em .35em;font-size:.84em;display:inline-flex;overflow:hidden}.ai-demo-tool img{object-fit:contain;background:#f2efe7;border-radius:.45em;width:1.55em;height:1.55em;padding:.18em}.ai-demo-tool b{color:var(--c-ink);font-weight:600}.ai-demo-ok{color:#3e8e6a;font-weight:700}.ai-demo-items{font-family:var(--sans);flex-direction:column;gap:.35em;margin-top:.55em;font-size:.92em;display:flex}.ai-demo-items li{background:#00000009;border-radius:.7em;align-items:center;gap:.55em;padding:.45em .65em;display:flex}.ai-demo-pin{background:#0b0b0c;border-radius:50%;flex:none;width:.7em;height:.7em;box-shadow:0 0 0 .22em #0b0b0c1f}.ai-demo-items em{color:var(--c-ink3);white-space:nowrap;margin-left:auto;font-style:normal}.ai-demo-card{border:1px solid var(--c-line);max-width:20em;font-family:var(--sans);background:#fff;border-radius:.9em;align-items:center;gap:.7em;margin-top:.7em;padding:.5em .8em .5em .5em;display:flex}.ai-demo-card img{object-fit:cover;border-radius:.6em;width:2.9em;height:2.9em}.ai-demo-card b{color:#171717;font-size:.95em;font-weight:600;display:block}.ai-demo-card em{color:#737373;font-size:.82em;font-style:normal;display:block}.ai-demo-card svg{width:1em;height:1em;color:var(--c-ink3);margin-left:auto}.ai-demo-typing{align-self:flex-start;gap:.3em;padding:.55em .2em;display:flex}.ai-demo-typing i{background:var(--c-ink3);border-radius:50%;width:.45em;height:.45em;animation:1s infinite ai-demo-dot}.ai-demo-typing i:nth-child(2){animation-delay:.15s}.ai-demo-typing i:nth-child(3){animation-delay:.3s}.ai-demo-empty{flex-direction:column;align-self:center;align-items:center;gap:.8em;margin:auto 0;display:flex}.ai-demo-empty .ai-demo-glyph{width:2.4em;height:2.4em}.ai-demo-foot{flex:none;padding:0 1.1em 1.1em}.ai-demo-suggestions{grid-template-columns:repeat(3,1fr);gap:.5em;margin-bottom:.6em;display:grid}@media (max-width:600px){.ai-demo-suggestions{grid-template-columns:1fr}}.ai-demo-suggestion{text-align:left;border:1px solid var(--c-line);color:var(--c-ink);cursor:pointer;animation:ai-demo-pop .45s var(--ease)both;background:#fff;border-radius:.9em;flex-direction:column;align-items:flex-start;gap:.25em;padding:.6em .8em;font-size:.9em;line-height:1.35;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.ai-demo-suggestion:hover{border-color:var(--c-ink3);transform:translateY(-1px);box-shadow:0 .3em 1em -.6em #0000004d}.ai-demo-suggestion:focus-visible,.ai-demo-again:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}.ai-demo-kind{color:var(--c-ink3);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4em;font-size:.8em;font-weight:600;display:flex}.ai-demo-kind svg{width:1.15em;height:1.15em}.ai-demo-input{border:1px solid var(--c-line);border-radius:var(--c-ir);color:var(--c-ink3);background:#fff;justify-content:space-between;align-items:center;gap:.6em;padding:.75em .8em .75em 1.1em;display:flex;box-shadow:0 .2em .8em -.4em #0000001f}.ai-demo-input-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ai-demo-input.is-typing .ai-demo-input-text{color:var(--c-ink)}.ai-demo-input.is-typing .ai-demo-input-text:after{content:"";vertical-align:-.15em;background:var(--c-ink);width:1px;height:1.05em;margin-left:1px;animation:1s step-end infinite ai-demo-caret;display:inline-block}.ai-demo-input-end{flex:none;align-items:center;gap:.45em;display:flex}.ai-demo-chip{color:var(--c-ink2);background:#f2efe7;border-radius:999px;align-items:center;gap:.35em;padding:.22em .6em .22em .3em;font-size:.82em;font-weight:500;display:inline-flex}.ai-demo-chip img{object-fit:contain;width:1.25em;height:1.25em}.ai-demo-send{background:var(--c-ink);color:#fff;border-radius:50%;place-items:center;width:1.9em;height:1.9em;font-size:.9em;font-weight:700;display:grid}.ai-demo-again{width:100%;color:var(--c-ink);cursor:pointer;animation:ai-demo-pop .45s var(--ease)both;justify-content:center;gap:.5em;font-size:1em;font-weight:600}.ai-demo-again:hover{border-color:var(--c-ink3)}.ai-demo-again svg{width:1.05em;height:1.05em}@keyframes ai-demo-pop{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}@keyframes ai-demo-dot{0%,60%,to{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-.15em)}}@keyframes ai-demo-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.ai-demo-body>*,.ai-demo-suggestion,.ai-demo-again,.ai-demo-typing i,.ai-demo-input.is-typing .ai-demo-input-text:after{animation:none}}
