.article__agent-builder,.article__upload-builder{--agent-builder-bg:var(--subtle);--agent-builder-bg-image:none;--agent-card-bg:var(--white);--agent-text-color:var(--c-base);--agent-accent-color:var(--secondary);--agent-accent-border:color-mix(in srgb,var(--secondary) 18%,var(--white));--agent-accent-line:color-mix(in srgb,var(--secondary) 32%,var(--white));--agent-accent-line-focus:color-mix(in srgb,var(--secondary) 68%,var(--white));--agent-card-border:color-mix(in srgb,var(--c-base) 12%,var(--white));--agent-card-shadow:0 1.6rem 3.2rem color-mix(in srgb,var(--headings) 10%,transparent);--agent-status-pending-bg:color-mix(in srgb,var(--subtle) 78%,var(--white));--agent-status-pending-border:color-mix(in srgb,var(--c-base) 12%,var(--white));--agent-status-success-bg:color-mix(in srgb,var(--secondary) 10%,var(--white));--agent-status-success-border:color-mix(in srgb,var(--secondary) 22%,var(--white));--agent-status-error-bg:color-mix(in srgb,var(--orange-light) 28%,var(--white));--agent-status-error-border:color-mix(in srgb,var(--secondary) 18%,var(--white));--agent-upload-dropzone-bg:color-mix(in srgb,var(--white) 72%,var(--subtle));--agent-upload-dropzone-border:color-mix(in srgb,var(--c-base) 18%,var(--white));--agent-upload-help-color:color-mix(in srgb,var(--c-base) 72%,var(--white));--agent-panel-min-height:34rem;--agent-panel-padding-block:4.8rem;--agent-panel-padding-inline:3.2rem;--agent-panel-padding-top:var(--agent-panel-padding-block);--agent-panel-padding-bottom:var(--agent-panel-padding-block);--agent-card-max-width:52rem;--agent-card-padding-block-start:3.6rem;--agent-card-padding-inline:3.2rem;--agent-card-padding-block-end:2rem;--agent-upload-card-padding:3.2rem;--agent-upload-dropzone-min-height:28rem;--agent-upload-dropzone-padding-block:3.2rem;--agent-upload-dropzone-padding-inline:2.4rem;--agent-upload-icon-size:6.8rem;--agent-upload-icon-glyph-size:2.8rem;--agent-upload-title-size:2rem;--agent-upload-divider-size:1.6rem;--agent-upload-meta-size:1.3rem;--agent-field-font-size:1.6rem;--agent-status-font-size:1.4rem}.article__iframe-demo{--agent-iframe-preview-min-height:34rem;--agent-iframe-preview-shadow:0 1.8rem 4.8rem color-mix(in srgb,var(--headings) 16%,transparent);--agent-iframe-card-bg:linear-gradient(180deg,color-mix(in srgb,var(--headings) 92%,transparent) 0%,color-mix(in srgb,var(--c-base) 84%,transparent) 100%);--agent-iframe-card-border:color-mix(in srgb,var(--white) 18%,transparent);--agent-iframe-card-shadow:0 2.4rem 5rem color-mix(in srgb,var(--headings) 30%,transparent)}.article__agent-builder-inner,.article__upload-builder-inner{background-color:var(--agent-builder-bg);background-image:var(--agent-builder-bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1.6rem;min-height:var(--agent-panel-min-height);overflow:hidden;padding:var(--agent-panel-padding-block) var(--agent-panel-padding-inline);position:relative}.article__agent-builder-inner{padding-bottom:var(--agent-panel-padding-bottom);padding-top:var(--agent-panel-padding-top)}.article__agent-builder-inner:after,.article__agent-builder-inner:before,.article__upload-builder-inner:after,.article__upload-builder-inner:before{content:none}.article__agent-card,.article__upload-card{background:var(--agent-card-bg);border:.1rem solid var(--agent-card-border);border-radius:1.6rem;box-shadow:var(--agent-card-shadow);margin:0 auto;max-width:var(--agent-card-max-width);position:relative;width:100%;z-index:1}.article__agent-card{padding:var(--agent-card-padding-block-start) var(--agent-card-padding-inline) var(--agent-card-padding-block-end)}.article__upload-card{padding:var(--agent-upload-card-padding)}.article__iframe-demo-inner{background:linear-gradient(180deg,color-mix(in srgb,var(--headings) 24%,transparent) 0,color-mix(in srgb,var(--c-base) 48%,transparent) 100%),var(--subtle);border-radius:1.6rem;box-shadow:var(--agent-iframe-preview-shadow);min-height:var(--agent-iframe-preview-min-height);overflow:hidden;position:relative}.article__iframe-demo-inner:before{background-image:var(--interactive-iframe-preview-image);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";inset:0;position:absolute;transform:scale(1.015)}.article__iframe-demo-inner:after{background:linear-gradient(180deg,color-mix(in srgb,var(--headings) 18%,transparent) 0,color-mix(in srgb,var(--headings) 44%,transparent) 100%);content:"";inset:0;position:absolute}.article__iframe-demo-card{appearance:none;backdrop-filter:blur(1.8rem);background:var(--agent-iframe-card-bg);border:.1rem solid var(--agent-iframe-card-border);border-radius:2.8rem;box-shadow:var(--agent-iframe-card-shadow);color:var(--white);cursor:pointer;display:block;font:inherit;left:50%;margin:0;overflow:hidden;padding:2.4rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:border-color .25s ease,box-shadow .25s ease;width:min(100%,36.5rem);z-index:2}.article__iframe-demo-card:before{background:linear-gradient(180deg,color-mix(in srgb,var(--white) 12%,transparent) 0,transparent 100%);content:"";height:5.8rem;inset:0 0 auto;position:absolute;z-index:0}.article__iframe-demo-card>*{position:relative;z-index:1}.article__iframe-demo-card:focus-visible{outline:.2rem solid color-mix(in srgb,var(--secondary) 72%,transparent);outline-offset:.4rem}.article__iframe-demo-art{display:flex;justify-content:center;margin:0 auto 1rem}.article__iframe-demo-art img{display:block;height:4.2rem;max-width:100%;width:auto}.article__iframe-demo-heading{color:var(--white);font-size:1.6rem;font-weight:600;letter-spacing:0;line-height:1.6;margin:0 auto 2.4rem;max-width:31.7rem;text-align:center}.article__iframe-demo-mic{align-items:center;background:color-mix(in srgb,var(--white) 8%,transparent);border:.1rem solid color-mix(in srgb,var(--white) 24%,transparent);border-radius:50%;display:inline-flex;height:4rem;justify-content:center;min-height:4rem;min-width:4rem;padding:0;transition:background .25s ease;width:4rem}.article__iframe-demo-card:focus-visible .article__iframe-demo-mic,.article__iframe-demo-card:hover .article__iframe-demo-mic,.article__iframe-demo-card[aria-expanded=true] .article__iframe-demo-mic{background:var(--secondary)}.article__iframe-demo-mic-icon{align-items:center;color:var(--white);display:inline-flex;flex-shrink:0;height:1.9rem;justify-content:center;transition:transform .3s ease;width:1.9rem}.article__iframe-demo-mic-icon svg{display:block;height:100%;width:100%}.article__iframe-demo-card[aria-expanded=true] .article__iframe-demo-mic-icon{transform:scale(1.06)}.article__iframe-demo-section{height:0;opacity:0;overflow:hidden;pointer-events:none;position:relative;transition:height .42s cubic-bezier(.22,1,.36,1),opacity .26s ease,margin-top .42s cubic-bezier(.22,1,.36,1);will-change:height,opacity}.article__iframe-demo-section.is-open,.article__iframe-demo-section.is-opening{opacity:1;pointer-events:auto}.article__iframe-demo-section.is-closing{opacity:0;pointer-events:none}.article__iframe-demo-section[hidden]{display:none}.article__iframe-demo-frame{margin:2.4rem auto 0;max-width:110rem;opacity:0;transform:perspective(140rem) rotateX(-8deg) translateY(2.4rem) scale(.985);transform-origin:top center;transition:opacity .26s ease,transform .42s cubic-bezier(.22,1,.36,1)}.article__iframe-demo-section.is-open .article__iframe-demo-frame,.article__iframe-demo-section.is-opening .article__iframe-demo-frame{opacity:1;transform:perspective(140rem) rotateX(0deg) translateY(0) scale(1)}.article__iframe-demo-frame iframe,.article__iframe-demo-frame>*{border:none;border-radius:2rem;box-shadow:0 1.8rem 4.4rem color-mix(in srgb,var(--headings) 18%,transparent);display:block;margin:0 auto;max-width:100%;width:100%}.article__iframe-demo-frame iframe{aspect-ratio:16/9;height:auto;min-height:42rem}.article__upload-dropzone{align-items:center;background:var(--agent-upload-dropzone-bg);border:.2rem dashed var(--agent-upload-dropzone-border);border-radius:1.6rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:var(--agent-upload-dropzone-min-height);padding:var(--agent-upload-dropzone-padding-block) var(--agent-upload-dropzone-padding-inline);text-align:center;transition:border-color .3s,background-color .3s,transform .3s}.article__upload-builder.is-dragover .article__upload-dropzone,.article__upload-dropzone:focus-visible,.article__upload-dropzone:hover{background:color-mix(in srgb,var(--secondary) 8%,var(--white));border-color:var(--agent-accent-line-focus)}.article__upload-dropzone:focus-visible{outline:none}.article__upload-dropzone-icon{background:color-mix(in srgb,var(--secondary) 14%,var(--white));border-radius:50%;color:var(--secondary);flex:0 0 auto;height:var(--agent-upload-icon-size);margin-bottom:2rem;position:relative;width:var(--agent-upload-icon-size)}.article__upload-dropzone-icon:before{background-color:currentColor;content:"";height:var(--agent-upload-icon-glyph-size);left:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--agent-upload-icon-glyph-size)}.article__upload-dropzone-title{color:var(--headings);display:block;font-size:var(--agent-upload-title-size);line-height:1.25;margin-bottom:1.2rem}.article__upload-dropzone-divider{color:var(--agent-upload-help-color);display:block;font-size:var(--agent-field-font-size);line-height:1.4;margin-bottom:1.8rem}.article__upload-selected{align-items:center;background:color-mix(in srgb,var(--secondary) 10%,var(--subtle));border:.2rem solid color-mix(in srgb,var(--secondary) 24%,var(--white));border-radius:1.2rem;display:flex;flex-direction:column;gap:.6rem;justify-content:center;margin-bottom:1.8rem;padding:1.4rem 1.8rem}.article__upload-selected[hidden]{display:none}.article__upload-selected-name{color:var(--headings);display:block;font-size:var(--agent-field-font-size);font-weight:600;line-height:1.4;word-break:break-word}.article__upload-selected-meta{color:var(--agent-upload-help-color);display:block;font-size:var(--agent-upload-meta-size);line-height:1.4}.article__upload-selected-remove{appearance:none;background:transparent;border:0;color:var(--secondary);cursor:pointer;font:inherit;font-size:1.4rem;font-weight:600;line-height:1.4;padding:0;text-decoration:underline}.article__upload-selected-remove[hidden]{display:none}.article__upload-selected-remove:focus-visible,.article__upload-selected-remove:hover{color:color-mix(in srgb,var(--secondary) 88%,var(--headings))}.article__upload-actions .btn:after{background-color:currentColor;content:"";flex:0 0 auto;height:1.8rem;margin-left:.9rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:1.8rem}.article__upload-help{color:var(--agent-upload-help-color);font-size:var(--agent-upload-meta-size);line-height:1.5;margin-top:1.8rem}.article__upload-builder.has-file .article__upload-dropzone{background:color-mix(in srgb,var(--secondary) 9%,var(--subtle));border-color:color-mix(in srgb,var(--secondary) 32%,var(--white));border-style:solid}.article__upload-builder.has-file .article__upload-dropzone-icon{background:var(--secondary);color:var(--white)}.article__upload-builder.has-file .article__upload-actions .btn{background:var(--secondary);border-color:var(--secondary);color:var(--white)}.article__upload-builder.has-file .article__upload-actions .btn:focus-visible,.article__upload-builder.has-file .article__upload-actions .btn:hover{background:color-mix(in srgb,var(--secondary) 88%,var(--headings));border-color:color-mix(in srgb,var(--secondary) 88%,var(--headings));color:var(--white)}.article__upload-actions .btn[aria-disabled=true]{cursor:not-allowed;opacity:.45;pointer-events:none}.article__agent-textarea{background:transparent;border:0;border-bottom:.1rem solid var(--agent-accent-line);color:var(--agent-text-color);font:inherit;font-size:var(--agent-field-font-size);font-weight:300;line-height:1.6;min-height:12rem;overflow-y:auto;padding:0 0 1.6rem;resize:none;width:100%}.article__agent-textarea::placeholder{color:var(--c-base);opacity:.62}.article__agent-textarea:focus{border-bottom-color:var(--agent-accent-line-focus);outline:none}.article__agent-actions{margin-top:1.6rem}.article__agent-actions .btn:after{background-color:currentColor;content:"";flex:0 0 auto;height:1.8rem;margin-left:.9rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3E%3Cpath fill='%23000' d='M4.25.183a.28.28 0 0 1 .525 0L5.828 3.03a.28.28 0 0 0 .166.166L8.84 4.25a.28.28 0 0 1 0 .525L5.994 5.828a.28.28 0 0 0-.166.166L4.775 8.84a.28.28 0 0 1-.525 0L3.196 5.994a.28.28 0 0 0-.166-.166L.183 4.775a.28.28 0 0 1 0-.525L3.03 3.196a.28.28 0 0 0 .166-.166zM8.728 7.461a.28.28 0 0 1 .525 0l.298.804a.28.28 0 0 0 .165.166l.805.297a.28.28 0 0 1 0 .525l-.805.298a.28.28 0 0 0-.165.166l-.298.804a.28.28 0 0 1-.525 0l-.297-.804a.28.28 0 0 0-.166-.166l-.804-.298a.28.28 0 0 1 0-.525l.804-.297a.28.28 0 0 0 .166-.166z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3E%3Cpath fill='%23000' d='M4.25.183a.28.28 0 0 1 .525 0L5.828 3.03a.28.28 0 0 0 .166.166L8.84 4.25a.28.28 0 0 1 0 .525L5.994 5.828a.28.28 0 0 0-.166.166L4.775 8.84a.28.28 0 0 1-.525 0L3.196 5.994a.28.28 0 0 0-.166-.166L.183 4.775a.28.28 0 0 1 0-.525L3.03 3.196a.28.28 0 0 0 .166-.166zM8.728 7.461a.28.28 0 0 1 .525 0l.298.804a.28.28 0 0 0 .165.166l.805.297a.28.28 0 0 1 0 .525l-.805.298a.28.28 0 0 0-.165.166l-.298.804a.28.28 0 0 1-.525 0l-.297-.804a.28.28 0 0 0-.166-.166l-.804-.298a.28.28 0 0 1 0-.525l.804-.297a.28.28 0 0 0 .166-.166z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:1.8rem}.article__agent-actions .btn[aria-disabled=true]{cursor:wait;opacity:.65}.article__agent-status,.article__upload-status{border:.1rem solid transparent;border-radius:1.4rem;font-size:var(--agent-status-font-size);line-height:1.55;margin-top:1.6rem;max-height:24rem;overflow-y:auto;padding:1.4rem 1.6rem}.article__agent-status[hidden],.article__upload-status[hidden]{display:none}.article__agent-status[data-tone=pending],.article__upload-status[data-tone=pending]{background:var(--agent-status-pending-bg);border-color:var(--agent-status-pending-border);color:var(--agent-text-color)}.article__agent-status[data-tone=success],.article__upload-status[data-tone=success]{background:var(--agent-status-success-bg);border-color:var(--agent-status-success-border);color:var(--headings)}.article__agent-status[data-tone=error],.article__upload-status[data-tone=error]{background:var(--agent-status-error-bg);border-color:var(--agent-status-error-border);color:var(--headings)}.article__agent-status a,.article__upload-status a{color:inherit;font-weight:700;text-decoration:underline}.article__agent-status code,.article__upload-status code{background:color-mix(in srgb,var(--white) 76%,transparent);border-radius:.6rem;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;padding:.2rem .6rem}.article__agent-status pre,.article__upload-status pre{background:color-mix(in srgb,var(--white) 72%,transparent);border-radius:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;line-height:1.5;margin-top:1rem;padding:1rem 1.2rem;white-space:pre-wrap;word-break:break-word}@media (max-width:767px){.article__agent-builder,.article__iframe-demo,.article__upload-builder{--agent-panel-min-height:0;--agent-panel-padding-block:3rem;--agent-panel-padding-inline:2rem;--agent-upload-dropzone-min-height:24rem;--agent-upload-dropzone-padding-block:2.4rem;--agent-upload-dropzone-padding-inline:1.8rem;--agent-upload-title-size:1.8rem}.article__agent-card,.article__upload-card{max-width:100%;padding:2.4rem 2rem 2rem}.article__agent-textarea{min-height:9.6rem}.article__iframe-demo-inner{min-height:28rem}.article__iframe-demo-card{border-radius:2.2rem;padding:2rem;width:min(100%,32rem)}.article__iframe-demo-heading{margin-bottom:2rem}.article__iframe-demo-frame{margin-top:2rem}.article__iframe-demo-frame iframe{aspect-ratio:16/9;min-height:0}}