.appui{display:flex;flex-direction:column;gap:56px}.appui-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:66px;z-index:5;padding:7px 10px;border:1px solid var(--pt-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--pt-bg-elevated) 88%,transparent);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}.appui-anchors{display:flex;flex-wrap:wrap;gap:4px}.appui-anchors a{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;font-size:12px;font-weight:550;color:var(--pt-fg-secondary);text-decoration:none;transition:background .15s,color .15s}.appui-anchors a:hover{background:var(--pt-bg-hover);color:var(--pt-fg-primary)}.appui-anchor-dot{width:7px;height:7px;border-radius:2.5px;background:var(--sv,var(--pt-violet));flex:none}.appui-theme{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--pt-border-subtle);border-radius:10px;background:var(--pt-bg-card)}.appui-theme button{min-height:28px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--pt-fg-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.appui-theme button[aria-pressed=true]{background:var(--pt-bg-elevated);color:var(--pt-fg-primary);box-shadow:0 1px 3px rgba(0,0,0,.18)}.appui-surface{scroll-margin-top:140px;display:flex;flex-direction:column;gap:26px}.appui-surface-head h2{margin:6px 0 8px;font-size:26px;letter-spacing:-.5px}.appui-surface-head .lead{max-width:62ch;margin:0;color:var(--pt-fg-secondary);font-size:14.5px;line-height:1.55}.appui-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--pt-fg-secondary)}.appui-demo{margin:0;gap:12px;max-width:820px}.appui-chat,.appui-demo{display:flex;flex-direction:column}.appui-chat{gap:8px}.appui-bubble{max-width:70%;padding:10px 15px;border-radius:16px;font-size:13.5px;line-height:1.45}.appui-bubble-user{align-self:flex-end;background:var(--sv,var(--pt-violet));color:#fff;border-bottom-right-radius:6px}.appui-bubble-assistant{align-self:flex-start;background:var(--pt-bg-card);border:1px solid var(--pt-border-subtle);border-bottom-left-radius:6px;color:var(--pt-fg-secondary)}.appui-toolchip{display:inline-flex;align-items:center;gap:7px;font-size:12px}.appui-toolchip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sv,var(--pt-violet));animation:appui-pulse 2.4s ease-out infinite}.appui-toolchip code{font-size:11.5px;color:var(--pt-fg-primary)}@keyframes appui-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sv,var(--pt-violet)) 45%,transparent)}70%,to{box-shadow:0 0 0 6px transparent}}@media (prefers-reduced-motion:reduce){.appui-toolchip:before{animation:none}}.appui-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--pt-border-subtle);background:#262624;transition:height .35s cubic-bezier(.2,.7,.3,1)}.appui[data-appui-theme=light] .appui-frame{background:#f0eee6}.appui-frame iframe,.appui-poster{display:block;width:100%;border:0}.appui-poster{position:absolute;inset:0;padding:0;cursor:pointer;background:transparent}.appui-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 72%,rgba(8,12,11,.5))}.appui[data-appui-theme=light] .appui-poster:after{background:linear-gradient(180deg,transparent 72%,rgba(46,44,40,.32))}.appui-poster-cta{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:1;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--sv,var(--pt-violet));color:#fff;font-size:13.5px;font-weight:650;box-shadow:0 6px 18px rgba(8,12,11,.28);transition:translate .15s}.appui-poster:hover .appui-poster-cta{translate:-50% -2px}.appui-caption{font-size:12px;color:var(--pt-fg-secondary)}.appui-caption code{font-size:11.5px}@media (max-width:720px){.appui-bubble{max-width:90%}.appui-toolbar{top:60px}}