@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.3ms9vq719j3f8.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__Ouz05q__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__Ouz05q__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__-vEU6G__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__-vEU6G__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}::selection{color:#fff;background:#171717}body{color:#27272a;font-family:var(--font-geist-sans), ui-sans-serif, sans-serif;background:#fcfcfc;margin:0;font-size:16px}button,input{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #171717}.demo-page{width:min(672px,100% - 48px);margin:0 auto;padding:72px 0 128px;transition:padding-bottom .24s}.intro h1{color:#18181b;letter-spacing:.025em;margin:0 0 8px;font-size:14px;font-weight:300}.intro>p{color:#52525b;letter-spacing:.02em;margin:0 0 24px;font-size:14px;font-weight:300;line-height:1.55}.intro-link{color:inherit;text-underline-offset:2px;text-decoration-color:#52525b52;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}.intro-link:hover,.intro-link:focus-visible{color:#27272a;text-decoration-color:#27272ab3}.command{background:#eee;border-radius:7px;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.command code{color:#3f3f46;font:13px var(--font-geist-mono), ui-monospace, monospace;padding:13px 14px}.command button,.code-block>header button{color:#929292;cursor:pointer;background:0 0;border:0;align-self:stretch;padding:0 14px;font-size:12px}.command button:hover,.code-block>header button:hover{color:#18181b}.demo{margin:48px -214px 0}.demo-preview{aspect-ratio:8/5;width:100%}.demo-preview>.bui-browser{width:100%}.demo-preview>.bui-browser>.bui-browser-frame:not(.bui-browser-frame--pip,.bui-browser-frame--fullscreen){box-shadow:0 26px 76px #00000021}.stream-replay-surface{background:#f5f5f4}.stream-replay-frame{object-fit:cover;background:#f5f5f4;width:100%;height:100%;display:block}.workflow-panel{width:672px;margin:22px auto 0}.workflow-heading{margin-bottom:14px}.workflow-heading h2{color:#18181b;letter-spacing:.025em;margin:0;font-size:14px;font-weight:300}.workflow-controls{justify-content:space-between;align-items:center;gap:24px;display:flex}.workflow-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workflow-tabs button{color:#8a8a8a;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;min-height:32px;padding:4px 12px;font-size:14px;font-weight:400;transition:color .2s;position:relative;overflow:hidden}.workflow-tabs button:hover:not(:disabled){color:#18181b}.workflow-tabs button[aria-selected=true],.workflow-tabs button[aria-selected=true]:hover:not(:disabled){color:#fff}.workflow-tabs button:disabled{cursor:default;opacity:.5}.workflow-tab-indicator{z-index:0;background:#18181b;border-radius:999px;position:absolute;inset:0}.workflow-tab-label{z-index:1;white-space:nowrap;position:relative}.workflow-detail{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;justify-content:space-between;align-items:flex-start;gap:30px;min-height:61px;margin-top:14px;padding:14px 0 15px;display:flex}.workflow-detail p{color:#71717a;letter-spacing:.02em;max-width:560px;margin:0;font-size:13px;font-weight:300;line-height:1.55}.replay{color:#555;cursor:pointer;background:#fff;border:1px solid #dededb;border-radius:6px;flex:none;margin-top:2px;padding:5px 9px;font-size:11px}.replay:hover:not(:disabled){color:#111;border-color:#c8c8c4}.replay:disabled{color:#bbb;cursor:default}.demo-credit{color:#999;letter-spacing:.025em;flex:none;justify-content:flex-end;align-items:center;gap:12px;font-size:12px;font-weight:300;display:flex}.demo-credit a{color:#27272a;text-decoration:none}.demo-credit span a:hover{text-decoration:underline}.demo-credit>a{place-items:center;transition:opacity .15s,transform .15s;display:grid}.demo-credit>a:hover{opacity:.65;transform:translateY(-1px)}.docs-section{margin-top:72px}.docs-divider{border:0;border-top:1px solid #e4e4e4;height:0;margin:72px 0 0}.docs-divider+.docs-section{margin-top:0;padding-top:72px}.section-heading{margin-bottom:24px}.section-heading h2{color:#18181b;letter-spacing:-.01em;margin:0 0 8px;font-size:16px;font-weight:400}.section-heading p{color:#52525b;margin:0;font-size:15px;line-height:1.6}.code-block{background:#eee;border-radius:7px;overflow:hidden}.code-block>header{color:#888;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:40px;font-size:11px;display:flex}.code-block>header span{padding-left:14px}.code-block pre{color:#3f3f46;font:12px/1.7 var(--font-geist-mono), ui-monospace, monospace;tab-size:2;margin:0;padding:18px;overflow:auto}.code-line{min-height:1.7em;display:block}.syntax-comment{color:#aaa9a3}.syntax-string{color:#a3432f}.syntax-tag{color:#205ea6}.syntax-keyword{color:#7656a6}.syntax-property{color:#8a6508}.prop-group strong{color:#52525b;font:12px var(--font-geist-mono), ui-monospace, monospace;vertical-align:2px;background:#e9e9e9;border-radius:4px;margin-left:6px;padding:2px 5px;font-weight:400;display:inline-block}.prop-group{margin-top:38px}.prop-group>h3{color:#18181b;letter-spacing:-.005em;margin:0 0 13px;font-size:14px;font-weight:400}.prop-group>div{border-top:1px solid #dededb}.prop-group article{border-bottom:1px solid #e8e8e5;grid-template-columns:190px 1fr;gap:28px;padding:17px 0;display:grid}.prop-group article header{min-width:0}.prop-group strong{color:#3f3f46;margin:0 0 7px}.prop-group article header span{overflow-wrap:anywhere;color:#777;width:fit-content;font:10.5px/1.45 var(--font-geist-mono), ui-monospace, monospace;background:#f0f0ee;border-radius:5px;padding:3px 6px;display:block}.prop-group article p{color:#52525b;margin:0;font-size:14px;line-height:1.6}@media (max-width:1120px){.demo{margin-left:calc(360px - 50vw);margin-right:calc(360px - 50vw)}}@media (max-width:760px){.demo-page{width:calc(100% - 32px);padding-top:56px}.demo-page[data-browser-mode=picture-in-picture]{padding-bottom:calc(clamp(290px, 72vw, 390px) + env(safe-area-inset-bottom))}.demo{margin:44px 0 0}.workflow-panel{width:100%}.workflow-controls{flex-direction:column;align-items:flex-start;gap:16px}.workflow-detail{min-height:0}.prop-group article{grid-template-columns:150px 1fr}}@media (max-width:560px){.workflow-heading{align-items:flex-start}.workflow-tabs{width:100%}.workflow-tabs button{min-height:44px}.workflow-detail{gap:12px}.prop-group article{grid-template-columns:1fr;gap:7px}.code-block pre{font-size:10.5px}}
.bui-browser,.bui-browser-frame{--bui-fg:#171717;--bui-frame-bg:#e8e8e6db;--bui-frame-border:#00000024;--bui-surface-bg:#fff;--bui-toolbar-bg:#f5f5f3d1;--bui-toolbar-field:#ffffffd1;--bui-toolbar-border:#00000014;min-width:0;color:var(--bui-fg);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.bui-browser[data-mode=inline]{aspect-ratio:var(--bui-browser-aspect-ratio,auto)}.bui-browser--framed[data-mode=inline]:not(:has(.bui-browser-frame)){background:var(--bui-frame-bg);border-radius:13px;box-shadow:0 22px 60px #0000001f}.bui-browser[data-color-scheme=dark],.bui-browser-frame[data-color-scheme=dark]{--bui-fg:#f5f5f5;--bui-frame-bg:#232322e6;--bui-frame-border:#ffffff26;--bui-surface-bg:#111;--bui-toolbar-bg:#1b1b1ae0;--bui-toolbar-field:#ffffff13;--bui-toolbar-border:#ffffff1a}.bui-browser-frame{z-index:100;isolation:isolate;background:var(--bui-surface-bg);transform-origin:0 0;width:100%;min-width:0;position:relative;overflow:hidden}.bui-browser-frame[data-mode-transitioning=true],.bui-browser-frame [data-mode-transitioning=true]{transition:transform .42s cubic-bezier(.22,1,.36,1)}.bui-browser-frame--framed{--bui-frame-inset:6px;--bui-frame-radius:13px;padding:var(--bui-frame-inset);border-radius:var(--bui-frame-radius);background:var(--bui-frame-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 22px 60px #0000001f,inset 0 1px #fffc}.bui-browser-frame-decoration{z-index:40;border:1px solid var(--bui-frame-border);border-radius:inherit;pointer-events:none;display:block;position:absolute;inset:0}.bui-browser-frame--bare{--bui-frame-inset:0px;--bui-frame-radius:0px;border-radius:0;padding:0}.bui-browser-frame--pip{z-index:2147483000;will-change:transform;width:min(440px,100vw - 48px);position:fixed;bottom:24px;right:24px;box-shadow:0 28px 90px #00000052,0 8px 28px #0000002e}.bui-browser-frame--fullscreen{inset:auto;top:var(--bui-fullscreen-top,0px);left:var(--bui-fullscreen-left,0px);z-index:2147483000;width:var(--bui-fullscreen-width,100vw);height:var(--bui-fullscreen-height,100dvh);box-sizing:border-box;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;will-change:transform;background:#08090a;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;border-radius:var(--bui-fullscreen-radius,0px)!important}.bui-browser-inline-host,.bui-browser-portal{display:contents}.bui-browser-frame--fullscreen>.bui-browser-frame-decoration{border:0}.bui-browser-frame--fullscreen>.bui-surface{width:var(--bui-fullscreen-surface-width,min(80vw, 128dvh));border-radius:1rem;flex:none;max-width:80vw;max-height:80dvh;overflow:visible;box-shadow:0 24px 80px #0000005c}.bui-toolbar{border-bottom:1px solid var(--bui-toolbar-border);background:var(--bui-toolbar-bg);align-items:center;gap:6px;height:39px;margin:-6px -6px 6px;padding:0 8px;display:flex}.bui-toolbar>button{color:#777;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;font-size:16px;display:grid}.bui-toolbar>button:hover:not(:disabled){color:#222;background:#0000000e}.bui-toolbar>button:disabled{opacity:.35;cursor:default}.bui-toolbar>div{border:1px solid var(--bui-toolbar-border);background:var(--bui-toolbar-field);border-radius:7px;flex:1;align-items:center;gap:7px;min-width:0;height:28px;padding:0 10px;display:flex}.bui-toolbar>div>span{color:#4bb06a;font-size:6px}.bui-toolbar input{color:#555;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.bui-surface{min-width:0;min-height:0;position:relative;overflow:hidden}.bui-browser-surface{--bui-surface-radius:max(0px, calc(var(--bui-frame-radius,0px) - var(--bui-frame-inset,0px)));aspect-ratio:16/10;border-radius:var(--bui-surface-radius);background:var(--bui-surface-bg)}.bui-browser--bare .bui-browser-surface{--bui-surface-radius:0px}.bui-browser-frame--fullscreen>.bui-surface{--bui-surface-radius:1rem}.bui-agent-viewport{overscroll-behavior:none;background:var(--bui-surface-bg);touch-action:none;outline:none;width:100%;height:100%;overflow:hidden}.bui-agent-viewport:focus-visible{box-shadow:inset 0 0 0 2px #5e84ffb3}.bui-agent-viewport[aria-disabled=true]:not([data-input-intent=true]){pointer-events:none}.bui-agent-viewport[data-input-intent=true]{cursor:pointer}.bui-agent-viewport>canvas{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.bui-agent-cursor{--bui-agent-cursor-x:50%;--bui-agent-cursor-y:50%;--bui-agent-cursor-size:24px;--bui-agent-cursor-background:#2f6bff;--bui-agent-cursor-fill:#050505;--bui-agent-cursor-outline:#fff;--bui-agent-cursor-glow-offset:0%;top:var(--bui-agent-cursor-y);left:var(--bui-agent-cursor-x);z-index:14;opacity:0;pointer-events:none;will-change:left, top;align-items:center;transition:left .68s cubic-bezier(.22,1,.36,1),top .68s cubic-bezier(.22,1,.36,1),opacity .18s;display:flex;position:absolute;transform:translate(-2px,-2px)}.bui-agent-cursor--visible{opacity:1}.bui-agent-cursor>svg{z-index:2;width:var(--bui-agent-cursor-size);height:var(--bui-agent-cursor-size);filter:drop-shadow(0 calc(var(--bui-agent-cursor-size) * .05) calc(var(--bui-agent-cursor-size) * .04) #0003);transform-origin:12% 10%;transition:transform .12s cubic-bezier(.2,.8,.2,1);display:block;position:relative;overflow:visible}.bui-agent-cursor--light{--bui-agent-cursor-fill:#fff;--bui-agent-cursor-outline:#050505}.bui-agent-cursor--dark{--bui-agent-cursor-fill:#050505;--bui-agent-cursor-outline:#fff}.bui-agent-cursor-outline{fill:var(--bui-agent-cursor-outline);stroke:var(--bui-agent-cursor-outline);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.bui-agent-cursor-fill{fill:var(--bui-agent-cursor-fill)}.bui-agent-cursor--pressed>svg{transform:scale(.82)}.bui-agent-cursor--typing>svg{animation:.7s ease-in-out infinite alternate bui-cursor-typing}.bui-agent-cursor-glow{z-index:1;width:calc(var(--bui-agent-cursor-size) * 1.35);height:calc(var(--bui-agent-cursor-size) * 1.35);background:radial-gradient(circle, color-mix(in srgb, var(--bui-agent-cursor-background) 95%, transparent) 0%, color-mix(in srgb, var(--bui-agent-cursor-background) 55%, transparent) 43%, transparent 74%);opacity:.5;filter:blur(calc(var(--bui-agent-cursor-size) * .16));transform:translate(calc(-50% + var(--bui-agent-cursor-glow-offset)), -50%);border-radius:50%;position:absolute;top:50%;left:50%}.bui-agent-cursor-label{color:#fff;white-space:nowrap;background:#080808e0;border-radius:6px;margin:20px 0 0 2px;padding:4px 7px;font-size:10px;font-weight:600;line-height:1;box-shadow:0 4px 14px #0003}.bui-loading{border-radius:inherit;color:#ffffff94;background:#0a0a0a;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0;overflow:hidden}.bui-loading>span{border:1.5px solid #ffffff2e;border-top-color:#ffffffb8;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite bui-spin}.bui-loading small{font-size:11px}.bui-operating-overlay{z-index:10;pointer-events:auto;position:absolute;inset:0;overflow:hidden}.bui-operating-overlay[role=button]{cursor:pointer;outline:none}.bui-operating-overlay[role=button]:focus-visible{box-shadow:inset 0 0 0 2px #5e84ffb3}.bui-operating-fallback{opacity:.82;pointer-events:none;background-color:#0000;background-image:radial-gradient(circle at 18% 34%,#6eff9d1f,#0000 32%),radial-gradient(circle at 82% 66%,#f75ccd1a,#0000 36%),linear-gradient(120deg,#568aff0f,#ffbc4e17);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:140% 140%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:7s ease-in-out infinite alternate bui-operating-fallback;position:absolute;inset:-24%;transform:translate(-4%,-2%)scale(1.08)}.bui-operating-shader{opacity:.9;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bui-operating-status{color:#fff;letter-spacing:-.012em;white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;background:#000000eb;border:1px solid #ffffff24;border-radius:999px;align-items:center;max-width:calc(100% - 36px);height:36px;padding:0 13px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000057,0 2px 8px #00000038,inset 0 1px #ffffff1a}.bui-operating-shimmer{color:#0000;text-overflow:ellipsis;background-image:linear-gradient(90deg,#ffffff94 35%,#fff 50%,#ffffff94 65%);background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;max-width:min(420px,100vw - 120px);animation:2s linear infinite bui-operating-shimmer;display:block;overflow:hidden}.bui-display-controls{z-index:30;opacity:0;pointer-events:none;transform-origin:100% 0;gap:6px;transition:opacity .18s;display:flex;position:absolute;top:14px;right:14px}.bui-display-trigger{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#0c0c0cb8;border:1px solid #ffffff29;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;transition:transform .18s;display:grid;box-shadow:0 5px 16px #0003}.bui-browser-frame:hover .bui-display-controls,.bui-display-controls:focus-within,.bui-browser-frame[data-controls-visible=true] .bui-display-controls,.bui-browser-frame--pip .bui-display-controls,.bui-browser-frame--fullscreen .bui-display-controls{opacity:1;pointer-events:auto}.bui-browser-frame--fullscreen .bui-display-controls{top:-40px;right:0}.bui-browser-frame--fullscreen .bui-pip-toggle{display:none}.bui-browser-frame[data-transitioning=true] .bui-display-controls{transition:none;opacity:0!important;pointer-events:none!important}.bui-browser-frame--fullscreen .bui-agent-viewport,.bui-browser-frame--fullscreen .bui-loading,.bui-browser-frame--fullscreen .bui-operating-overlay{border-radius:inherit;overflow:hidden}.bui-display-trigger:hover{transform:scale(1.05)}.bui-display-trigger svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.bui-recording-surface{background:var(--bui-surface-bg)}.bui-recording{background:var(--bui-surface-bg);object-fit:contain;width:100%;height:100%;display:block}@keyframes bui-spin{to{transform:rotate(360deg)}}@keyframes bui-operating-fallback{to{background-position:100% 70%;transform:translate(4%,2%)scale(1.08)}}@keyframes bui-operating-shimmer{to{background-position:-150% 0}}@keyframes bui-cursor-typing{to{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.bui-operating-fallback{animation:none;transform:scale(1.08)}.bui-operating-shader{opacity:.72}.bui-operating-shimmer{color:#fff;background:0 0;animation:none}.bui-loading>span,.bui-agent-cursor--typing>svg{animation:none}}@media (prefers-color-scheme:dark){.bui-browser[data-color-scheme=system],.bui-browser-frame[data-color-scheme=system]{--bui-fg:#f5f5f5;--bui-frame-bg:#232322e6;--bui-frame-border:#ffffff26;--bui-surface-bg:#111;--bui-toolbar-bg:#1b1b1ae0;--bui-toolbar-field:#ffffff13;--bui-toolbar-border:#ffffff1a}}@media (max-width:560px){.bui-browser-frame--framed{--bui-frame-inset:4px;--bui-frame-radius:10px}.bui-browser-frame--pip{width:calc(100vw - 24px);bottom:12px;right:12px}.bui-toolbar{margin:-4px -4px 4px}.bui-operating-status{height:32px;padding:0 13px;font-size:11px;bottom:14px}}@media (hover:none),(pointer:coarse){.bui-browser-frame:not(.bui-browser-frame--fullscreen):hover .bui-display-controls,.bui-browser-frame--pip .bui-display-controls{opacity:0;pointer-events:none}.bui-browser-frame[data-controls-visible=true] .bui-display-controls,.bui-browser-frame--fullscreen .bui-display-controls{opacity:1;pointer-events:auto}.bui-browser-frame--fullscreen .bui-display-controls{top:-52px}.bui-browser-frame--fullscreen .bui-display-trigger{border-radius:10px;width:44px;height:44px}.bui-browser-frame--fullscreen .bui-display-trigger svg{width:16px;height:16px}}