.cm-slot{margin:2rem 0 2.25rem;display:block}.cm-slot:not(.cm-ready)[data-chat-mockup=tool-calls]{min-height:542px}.cm-slot:not(.cm-ready)[data-chat-mockup=connect]{min-height:462px}.cm-slot:not(.cm-ready)[data-chat-mockup=slash-prompts]{min-height:624px}@media (width<=560px){.cm-slot:not(.cm-ready)[data-chat-mockup=tool-calls]{min-height:680px}.cm-slot:not(.cm-ready)[data-chat-mockup=connect]{min-height:490px}.cm-slot:not(.cm-ready)[data-chat-mockup=slash-prompts]{min-height:756px}}.cm-wrap{background:#9cc4e4 url(/images/learn/clouds-sky-1600.webp) 50%/cover no-repeat;border:1px solid #e4e4e7;border-radius:20px;position:relative;overflow:hidden}.dark .cm-wrap{border-color:#ffffff1f}.cm-stage{min-height:var(--cm-h,440px);flex-direction:column;justify-content:flex-end;gap:12px;padding:56px 40px 28px;font-family:inherit;display:flex}.cm-label{z-index:2;color:#27272a;background:#fffffff0;border:1px solid #0000001a;border-radius:99px;align-items:center;gap:8px;min-height:32px;padding:4px 12px 4px 5px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:12px}.cm-tag{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#18181b;border-radius:99px;padding:2px 8px;font-family:Monaco,Courier New,monospace;font-size:11px;font-weight:600}.dark .cm-label{color:#f4f4f5;background:#111827eb;border-color:#ffffff1f}.dark .cm-tag{color:#18181b;background:#f4f4f5}.cm-thread{flex-direction:column;flex:auto;justify-content:flex-end;gap:12px;min-height:0;display:flex;overflow:hidden}.cm-bubble{color:#fff;background:#18181b;border-radius:18px;align-self:flex-end;max-width:78%;padding:11px 16px;font-size:15px;line-height:1.5}.cm-card{color:#18181b;background:#fffffff2;border:1px solid #e4e4e7;border-radius:16px;padding:14px 16px 16px}.cm-card-head{letter-spacing:.12em;text-transform:uppercase;color:#52525b;align-items:center;gap:8px;margin-bottom:10px;font-family:Monaco,Courier New,monospace;font-size:11px;display:flex}.cm-dots{gap:3px;display:inline-flex}.cm-dots i{background:#a1a1aa;border-radius:99px;width:5px;height:5px;animation:1s ease-in-out infinite cm-dot}.cm-dots i:nth-child(2){animation-delay:.15s}.cm-dots i:nth-child(3){animation-delay:.3s}@keyframes cm-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.cm-row{background:#fafafa;border:1px solid #e4e4e7;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:9px 12px;font-size:14px;display:flex}.cm-row+.cm-row{margin-top:8px}.cm-ico{flex:none;width:18px;height:18px}.cm-tool{font-family:Monaco,Courier New,monospace;font-size:13.5px;font-weight:700}.cm-arg{color:#52525b;min-width:0}.cm-arg.cm-mono{font-family:Monaco,Courier New,monospace;font-size:13px}.cm-note{color:#52525b;margin-left:auto;font-size:13px}.cm-note.cm-wait{color:#9d174d;font-weight:600}.cm-note.cm-ok{color:#15803d;font-weight:600}.cm-approve{gap:8px;width:100%;padding-left:28px;display:flex}.cm-approve span{color:#3f3f46;background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:transform .12s,background .12s}.cm-approve span.cm-primary{color:#fff;background:#18181b;border-color:#18181b}.cm-approve span.cm-pressed{background:#3f3f46;transform:scale(.95)}.cm-foot{color:#27272a;margin-top:12px;font-size:14.5px;line-height:1.55}.cm-composer{color:#18181b;background:#fffffff5;border:1px solid #e4e4e7;border-radius:18px;flex:none;padding:14px 14px 12px 18px;position:relative}.cm-input{min-height:24px;font-size:15.5px;line-height:1.5}.cm-input.cm-empty{color:#71717a}.cm-caret{vertical-align:-.18em;background:#18181b;width:2px;height:1.15em;margin-left:1px;animation:1.05s step-end infinite cm-blink;display:inline-block}.cm-input.cm-empty .cm-caret{margin:0 2px 0 0}@keyframes cm-blink{50%{opacity:0}}.cm-cmd{color:#9d174d;background:#fdf2f8;border-radius:6px;padding:1px 6px;font-family:Monaco,Courier New,monospace;font-size:14px;font-weight:700}.cm-arglabel{color:#71717a;font-family:Monaco,Courier New,monospace;font-size:13px}.dark .cm-arglabel{color:#a1a1aa}.cm-tools{align-items:center;gap:8px;margin-top:12px;display:flex}.cm-plus,.cm-send{border-radius:99px;flex:none;place-items:center;width:32px;height:32px;display:grid}.cm-plus{color:#52525b;border:1px solid #e4e4e7}.cm-send{color:#fff;background:#18181b;margin-left:auto;transition:transform .12s}.cm-send.cm-pressed{transform:scale(.88)}.cm-chip{color:#9d174d;background:#fdf2f8;border:1px solid #fbcfe8;border-radius:99px;align-items:center;gap:7px;height:32px;padding:0 12px 0 8px;font-size:13.5px;font-weight:600;display:inline-flex}.cm-chip img{border:0;border-radius:0;width:18px;height:18px}.cm-menu{color:#18181b;background:#fffffff7;border:1px solid #e4e4e7;border-radius:16px;padding:8px;position:absolute;bottom:calc(100% + 10px);left:0;right:0}.cm-menu-head{letter-spacing:.12em;text-transform:uppercase;color:#9d174d;padding:4px 10px 8px;font-family:Monaco,Courier New,monospace;font-size:11px}.cm-menu-item{border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 10px;display:flex}.cm-menu-item b{font-family:Monaco,Courier New,monospace;font-size:13.5px}.cm-menu-item span{color:#52525b;text-align:right;font-size:13px}.cm-menu-item.cm-on{background:#fdf2f8}.cm-menu-item.cm-on b{color:#9d174d}.cm-hide{display:none!important}.cm-in{animation:.28s ease-out both cm-in}@keyframes cm-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cm-ctrl{z-index:2;color:#3f3f46;cursor:pointer;background:#ffffffeb;border:1px solid #0000001a;border-radius:99px;align-items:center;gap:6px;min-height:32px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;right:12px}.cm-ctrl:focus-visible{outline-offset:2px;outline:2px solid #d2397c}.cm-ctrl svg{width:14px;height:14px}.cm-wrap.cm-paused .cm-dots i,.cm-wrap.cm-paused .cm-caret,.cm-wrap.cm-paused .cm-spin{animation-play-state:paused}.cm-spin{transform-origin:50%;animation:.9s linear infinite cm-spin}@keyframes cm-spin{to{transform:rotate(360deg)}}.dark .cm-card,.dark .cm-composer,.dark .cm-menu{color:#f4f4f5;background:#111827f0;border-color:#ffffff1a}.dark .cm-row{background:#ffffff0a;border-color:#ffffff1a}.dark .cm-arg,.dark .cm-note,.dark .cm-card-head,.dark .cm-menu-item span{color:#a1a1aa}.dark .cm-note.cm-wait,.dark .cm-menu-head,.dark .cm-menu-item.cm-on b{color:#f9a8d4}.dark .cm-note.cm-ok{color:#4ade80}.dark .cm-foot{color:#e4e4e7}.dark .cm-caret,.dark .cm-send,.dark .cm-approve span.cm-primary{color:#18181b;background:#f4f4f5}.dark .cm-approve span{color:#e4e4e7;background:0 0;border-color:#ffffff26}.dark .cm-chip,.dark .cm-cmd,.dark .cm-menu-item.cm-on{color:#f9a8d4;background:#d2397c29;border-color:#f9a8d44d}.dark .cm-plus{color:#a1a1aa;border-color:#ffffff26}.dark .cm-input.cm-empty{color:#a1a1aa}.dark .cm-ctrl{color:#e4e4e7;background:#0009;border-color:#ffffff1f}@media (width<=560px){.cm-stage{min-height:0;padding:52px 12px 14px}.cm-label{left:10px}.cm-bubble{max-width:92%;font-size:14px}.cm-row{font-size:13px}.cm-note{width:100%;margin-left:28px}.cm-menu-item span{display:none}.cm-approve{padding-left:0}}@media (width<=420px){.cm-ctrl{padding:6px 9px}.cm-ctrl span{display:none}}@media (prefers-reduced-motion:reduce){.cm-ctrl{display:none}.cm-in,.cm-caret,.cm-dots i,.cm-spin{animation:none!important}}