@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;500;600&display=swap";:root{--font-primary:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-title:"IBM Plex Serif",Georgia,"Times New Roman",serif;--body-color:#111;--body-bg:#fdfdfc;--heading-color:#111;--hyperlink-color:#2480ed;--selection-color:#111;--selection-bg:#ededed;--focus-color:rgba(0,122,255,.5)}*{outline:0;padding:0;margin:0;border:0;box-sizing:border-box}::selection{color:var(--selection-color);background:var(--selection-bg)}:focus-visible{outline:2px solid var(--focus-color)}html{background:var(--body-bg);color:var(--body-color)}html,html body{min-height:100%}body{overflow-y:scroll;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-primary)}h1,h2,h3,h4,h5,h6{color:rgba(0,0,0,.85);position:relative}h1{font-family:var(--font-title);font-size:1.25rem;font-weight:500;line-height:1.4;letter-spacing:-.01rem}.sketchy-underline{--marker-color:#4c74ff;display:inline;margin:-.04em -.06em;padding:.04em .06em;border-radius:.2em .15em;background:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone;background-image:linear-gradient(75deg,color-mix(in srgb,var(--marker-color),transparent 50%),color-mix(in srgb,var(--marker-color),transparent 85%) 4%,color-mix(in srgb,var(--marker-color),transparent 70%) 96%,color-mix(in srgb,var(--marker-color),transparent 40%))}.pen-underline{display:inline;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 12'%3E%3Cpath d='M2 8 Q50 4 98 7' stroke='%23f4694c' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 calc(100% - 2px);background-size:100% 8px;padding-bottom:2px}h2{font-size:.8125rem;font-weight:550;line-height:normal;letter-spacing:-.005rem;margin-bottom:1.125rem;color:rgba(0,0,0,.78);display:flex;align-items:center;gap:.75rem}h2:after{content:"";flex:1 1;height:1px;background:rgba(0,0,0,.08)}h3{font-size:.8125rem;font-weight:500;line-height:normal;letter-spacing:-.005rem;color:rgba(0,0,0,.7)}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}img,svg{display:inline-block;max-width:100%;height:auto}button{cursor:pointer;background:none;font-family:var(--font-primary);-webkit-tap-highlight-color:rgba(0,0,0,0)}button:disabled{pointer-events:none;cursor:not-allowed}.styled-link{position:relative;display:inline;color:var(--hyperlink-color);font-weight:inherit;line-height:inherit;transition:all .2s ease}.styled-link:hover{color:#74b1fd}.side-nav{position:fixed;top:3.75rem;bottom:1.5rem;left:calc(50% - 18rem - 11rem);display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.side-nav::-webkit-scrollbar{display:none}.side-nav .side-nav-logo{font-size:.875rem;font-weight:500;color:rgba(0,0,0,.85);margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;cursor:default}.side-nav .nav-links{display:flex;flex-direction:column;gap:.5rem;cursor:pointer}.side-nav .nav-link{font-size:.75rem;font-variation-settings:"wght" 450;color:rgba(0,0,0,.35);transition:color .15s ease,font-variation-settings .25s ease;display:flex;align-items:center;gap:.375rem}.side-nav .nav-link:hover{color:rgba(0,0,0,.55);font-variation-settings:"wght" 550}.side-nav .nav-link.active{color:rgba(0,0,0,.8);font-variation-settings:"wght" 550}.side-nav .nav-badge{font-size:.5625rem;color:#3b82f6;font-weight:500;font-variation-settings:"wght" 500;text-transform:uppercase;letter-spacing:.02em;transform:translateY(.5px)}.side-nav .nav-section{font-size:.625rem;font-variation-settings:"wght" 500;color:rgba(0,0,0,.25);margin-top:.75rem;margin-bottom:.125rem;cursor:default}.side-nav .nav-meta{display:flex;align-items:center;gap:.25rem;margin-top:.75rem;animation:navVersionFadeIn .4s ease-out forwards}.side-nav .nav-version{font-size:.625rem;color:rgba(0,0,0,.25);font-weight:450;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:2px;transition:color .15s ease}.side-nav .nav-version:hover{color:rgba(0,0,0,.4)}.side-nav .nav-dot{font-size:.625rem;color:rgba(0,0,0,.2)}.side-nav .nav-github{display:flex;color:rgba(0,0,0,.2);transition:color .15s ease}.side-nav .nav-github:hover{color:rgba(0,0,0,.4)}@keyframes navVersionFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:980px){.side-nav{display:none}}.article{display:flex;flex-direction:column;gap:.875rem;max-width:36rem;margin:0 auto;padding:4rem 1.5rem 3rem}@media(max-width:980px){.article{padding-top:2rem}}.article header{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.75rem}.article header .heading-container{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:.75rem}.article header .fork-note{font-size:.875rem;line-height:1.5rem;color:rgba(0,0,0,.78)}.article header .fork-note strong{font-weight:600}.article header .tagline{color:rgba(0,0,0,.65);font-size:.875rem;font-weight:450}.article header .tagline.hero-tagline{font-style:italic}.article header time{color:rgba(0,0,0,.4);font-size:.625rem;font-weight:450;letter-spacing:.02rem;text-transform:uppercase}.article section{margin-top:.75rem}.article section h3{margin-top:1rem;margin-bottom:.375rem}.article section h3:first-child{margin-top:.5rem}.article section+section{margin-top:1.5rem}.article p{font-size:.875rem;font-weight:450;line-height:1.45rem;letter-spacing:-.005rem;color:rgba(0,0,0,.8)}.article p+p{margin-top:.75rem}.article blockquote{border-left:2px solid #e0e0e0;padding-left:1rem;margin:.5rem 0;color:rgba(0,0,0,.6);font-style:italic}.article ol,.article ul{padding-left:1rem;display:flex;flex-direction:column;gap:.25rem}.article ol li,.article ul li{font-size:.875rem;font-weight:450;line-height:1.45rem;letter-spacing:-.005rem;color:rgba(0,0,0,.8)}.article ol li strong,.article ul li strong{font-weight:550}.article ol li::marker,.article ul li::marker{color:rgba(0,0,0,.25)}.article ol ul,.article ul ul{margin-top:.25rem;gap:.125rem}.article ol ul li,.article ul ul li{font-size:.8125rem;color:rgba(0,0,0,.6)}.article p+ol,.article p+ul{margin-top:.5rem}.article ol+p,.article ul+p{margin-top:.625rem}.article code{font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.8125rem;background:rgba(0,0,0,.04);padding:.1rem .35rem;border-radius:.25rem;color:rgba(0,0,0,.75)}.article .code-block{margin:.625rem 0}.article .code-block pre.shiki{font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace!important;font-size:.75rem;line-height:1.55;background:#f8f8f8!important;color:#333;padding:.875rem 1rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.06);overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0}.article .code-block pre.shiki code{font-size:inherit;background:transparent;padding:0;border-radius:0;color:inherit}.article li a,.article p a,.article td a{color:var(--hyperlink-color);transition:color .15s ease}.article li a:hover,.article p a:hover,.article td a:hover{color:#74b1fd}.article .format-toggle{display:inline-flex;gap:0;margin:.5rem 0;border-radius:.375rem;overflow:hidden}.article .format-toggle button{padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:#fff;color:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.1);margin-left:-1px;cursor:pointer;transition:all .15s ease}.article .format-toggle button:first-child{margin-left:0;border-radius:.375rem 0 0 .375rem}.article .format-toggle button:last-child{border-radius:0 .375rem .375rem 0}.article .format-toggle button:hover:not(.active){background:rgba(0,0,0,.03);color:rgba(0,0,0,.7)}.article .format-toggle button.active{color:#fff;border-color:transparent;position:relative;z-index:1}.article .format-toggle button:first-child.active{background:#6b7280}.article .format-toggle button:nth-child(2).active{background:#16a34a}.article .format-toggle button:nth-child(3).active{background:#2563eb}.article .format-toggle button:nth-child(4).active{background:#dc2626}.agents-section{margin-top:1.5rem!important;padding:1.25rem 0 .5rem;border-top:1px solid rgba(0,0,0,.06)}.agents-section .agents-label{font-size:.75rem;font-weight:450;color:rgba(0,0,0,.4);margin-bottom:1rem}.agents-section .agents-logos{display:flex;align-items:center;gap:0}.agents-section .agents-logos a{display:flex;padding:.375rem;border-radius:.375rem;transition:background .15s ease}.agents-section .agents-logos a:hover{background:rgba(0,0,0,.04)}.agents-section .agents-logos svg{width:56px;height:56px;color:rgba(0,0,0,.18);transition:color .15s ease}.agents-section .agents-logos a:hover svg{color:rgba(0,0,0,.4)}.demo-section{padding:2rem 0 0;margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.demo-section h2{margin-bottom:.25rem}.demo-section p{margin-bottom:.5rem}.demo-elements{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.button-group{display:flex;gap:.5rem;flex-wrap:wrap}.demo-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;border-radius:.375rem;background:#111;color:#fff;transition:background .15s ease}.demo-button:hover{background:#333}.demo-button.secondary{background:#fff;color:#111;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:background .15s ease,box-shadow .15s ease}.demo-button.secondary:hover{background:#fafafa;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}.demo-card{background:rgba(0,0,0,.03);padding:.5rem 1rem .75rem;border-radius:.5rem}.demo-card h3{margin-bottom:.25rem;font-size:.8125rem;font-weight:500}.demo-card p{font-size:.8125rem;color:rgba(0,0,0,.5);margin-bottom:0;line-height:1.5}.demo-input{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;transition:border-color .15s ease}.demo-input:focus{border-color:#3c82f7;outline:none}.demo-input::placeholder{color:rgba(0,0,0,.35)}.animation-demo{padding:1.5rem 0;margin-top:.5rem}.progress-bar-demo{width:100%;height:4px;background:rgba(0,0,0,.06);border-radius:2px;overflow:hidden}.progress-bar{position:relative;height:100%;width:30%;background:linear-gradient(90deg,#4c74ff,#7b9fff);border-radius:2px;animation:progress-move 1.4s ease-in-out infinite alternate}@keyframes progress-move{0%{left:0;width:18%}50%{width:30%}to{left:82%;width:18%}}.footer{max-width:36rem;margin:0 auto;padding:1rem 1.5rem 3rem;border-top:1px solid rgba(0,0,0,.06);text-align:left;color:rgba(0,0,0,.4);font-size:.75rem}.footer a{color:rgba(0,0,0,.5);text-decoration:underline;text-underline-offset:2px}.footer a:hover{color:rgba(0,0,0,.7)}@media(max-width:980px){.hide-on-mobile{display:none!important}}.mobile-notice{display:none;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#f8f9fa,#f0f1f3);border-bottom:1px solid rgba(0,0,0,.06);padding:.625rem 1rem;font-size:.75rem;font-weight:500;color:rgba(0,0,0,.5);letter-spacing:.01em}@media(max-width:980px){.mobile-notice{display:flex}}.mobile-notice .mobile-notice-icon{display:flex;align-items:center;opacity:.6}.mobile-nav{display:none}@media(max-width:980px){.mobile-nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem .375rem}}.mobile-nav .mobile-nav-header{display:flex;align-items:center;justify-content:space-between}.mobile-nav .mobile-nav-toggle{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;margin-left:-.125rem}.mobile-nav .mobile-nav-icon{width:.75rem;height:.5rem;display:flex;flex-direction:column;justify-content:space-between}.mobile-nav .mobile-nav-icon span{display:block;width:100%;height:1.5px;background:#999;border-radius:1px;transition:transform .2s ease;transform-origin:center}.mobile-nav .mobile-nav-toggle.open .mobile-nav-icon span:first-child{transform:translateY(3.25px) rotate(45deg)}.mobile-nav .mobile-nav-toggle.open .mobile-nav-icon span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-nav .mobile-nav-links{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease;margin-top:.5rem}.mobile-nav .mobile-nav-links.open{grid-template-rows:1fr}.mobile-nav .mobile-nav-links-inner{overflow:hidden;display:flex;flex-direction:column;gap:.5rem}.mobile-nav .mobile-nav-link{font-size:.75rem;font-variation-settings:"wght" 450;color:rgba(0,0,0,.35);transition:color .15s ease,font-variation-settings .25s ease}.mobile-nav .mobile-nav-link:hover{color:rgba(0,0,0,.55)}.mobile-nav .mobile-nav-link.active{color:rgba(0,0,0,.8);font-variation-settings:"wght" 550}@keyframes mobileTypeChar{0%{opacity:0}to{opacity:1}}@keyframes mobileBunnyFadeIn{0%{opacity:0}to{opacity:1}}.mobile-typed-char{opacity:0;display:inline-block;animation:mobileTypeChar .1s ease-out forwards}.mobile-bunny-container{width:32px;height:32px;margin-right:.375rem;display:flex;align-items:center;justify-content:center;opacity:0}.mobile-bunny-container.show{animation:mobileBunnyFadeIn .4s ease-out forwards}.mobile-typed-logo{display:flex;align-items:center;font-size:.875rem;font-weight:500;color:rgba(0,0,0,.85);min-height:32px}.mobile-typed-logo>div:last-child{transform:translateY(1px)}[data-toc-title]{display:block;font-size:.6875rem;font-weight:550;color:rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}[data-toc-list]{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem;box-sizing:content-box;-webkit-padding-before:.375rem;padding-block-start:.375rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;font-size:.75rem;line-height:1.33}[data-toc-list]:before{inset-block:.375rem 0;inset-inline-start:0;background:rgba(0,0,0,.08)}[data-toc-list]:after,[data-toc-list]:before{content:"";position:absolute;width:1.5px;border-radius:9999px}[data-toc-list]:after{inset-block:0;inset-inline-start:0;background:rgba(0,0,0,.8);transform:translateY(var(--active-top,.375rem));height:var(--active-height,1rem);transition:.26s cubic-bezier(.25,.46,.45,.94);transition-property:transform,height}[data-toc-item][data-level="2"]{-webkit-padding-start:.75rem;padding-inline-start:.75rem}[data-toc-item] a{display:block;line-height:1rem;color:rgba(0,0,0,.4);text-decoration:none;transition:.12s cubic-bezier(.25,.46,.45,.94);transition-property:color,font-variation-settings}[data-toc-item] a:hover{font-variation-settings:"wght" 500;color:rgba(0,0,0,.55)}[data-toc-item] a[aria-current=true]{font-weight:500;color:rgba(0,0,0,.85)}.nav-item-wrapper{display:flex;flex-direction:column}.nav-toc{margin-top:.375rem;padding-left:.125rem;padding-bottom:.5rem}.getting-started-article section h2{display:block;width:100%;margin-bottom:.5rem;padding-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:-.01rem;color:rgba(0,0,0,.9);border-bottom:2px solid rgba(0,0,0,.18);box-sizing:border-box}.getting-started-article section h2:after{display:none}.install-snippet{display:flex;align-items:flex-start;gap:.5rem;max-width:100%;position:relative;background:none;border:none;cursor:pointer;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem;line-height:1.35;white-space:normal;text-align:left;color:rgba(0,0,0,.4);transition:color .15s ease}.install-snippet:before{content:"";position:absolute;inset:-.25rem -.5rem}.install-snippet:hover{color:rgba(0,0,0,.7)}.install-snippet code{background:none;padding:0;font-size:inherit;color:inherit}.install-snippet svg{flex-shrink:0;opacity:.7}.quickstart-links{margin-top:2rem!important;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.06);font-size:.8125rem}.quickstart-links p{margin:.5rem 0;color:rgba(0,0,0,.5)}.quickstart-links p:first-child{margin-top:0}.quickstart-links .arrow{display:inline-block;transition:transform .15s ease}.quickstart-links a:hover .arrow{transform:translateX(3px)}.blog-post-card{display:block;text-decoration:none;color:inherit;border-radius:.5rem;overflow:hidden;border:1px solid rgba(0,0,0,.08);transition:border-color .15s ease,background-color .15s ease}.blog-post-card:hover{border-color:rgba(0,0,0,.12);background-color:rgba(0,0,0,.02)}.announcement-banner{display:block;margin-bottom:1rem;font-size:.6875rem;color:rgba(0,0,0,.4);text-decoration:none;white-space:nowrap;transition:color .15s ease}.announcement-banner:hover{color:rgba(0,0,0,.55)}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4a9eff;margin-right:.5rem;vertical-align:1px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.show-on-mobile{display:none}@media(max-width:600px){.hide-on-mobile{display:none}.show-on-mobile{display:inline}}.hero-demo-container{position:relative;width:100%;margin:1.5rem 0}.hero-demo-browser{position:relative;width:100%;height:300px;background:#f6f5f4;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.08)}.hero-demo-browser-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}.hero-demo-dot{width:8px;height:8px;border-radius:50%}.hero-demo-dot.red{background:#ff5f57}.hero-demo-dot.yellow{background:#febc2e}.hero-demo-dot.green{background:#28c840}.hero-demo-url-bar{flex:1 1;margin-left:8px;padding:4px 10px;background:rgba(0,0,0,.04);border-radius:6px;font-size:10px;color:rgba(0,0,0,.4);font-family:system-ui,-apple-system,sans-serif}.hero-demo-content{position:relative;height:calc(100% - 38px);display:flex;overflow:hidden}.hero-demo-sidebar{width:44px;background:#fff;border-right:1px solid rgba(0,0,0,.06);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.hero-demo-sidebar-logo{width:20px;height:20px;background:rgba(0,0,0,.1);border-radius:5px;margin-bottom:8px}.hero-demo-sidebar-icon{width:16px;height:16px;background:rgba(0,0,0,.08);border-radius:4px}.hero-demo-sidebar-icon.active{background:rgba(0,0,0,.15)}.hero-demo-sidebar-icon.selected{box-shadow:0 0 0 2px #22c55e;background:rgba(34,197,94,.15)}.hero-demo-sidebar-icon.circle{border-radius:50%}.hero-demo-sidebar-icons{display:flex;flex-direction:column;gap:8px}.hero-demo-sidebar-bottom{margin-top:auto}.hero-demo-main{flex:1 1;padding:14px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.hero-demo-header{display:flex;align-items:center;justify-content:space-between}.hero-demo-header-left{display:flex;align-items:center;gap:8px}.hero-demo-logo{width:18px;height:18px;background:linear-gradient(135deg,rgba(0,0,0,.12),rgba(0,0,0,.08));border-radius:5px}.hero-demo-title-text{font-size:11px;font-weight:500;color:rgba(0,0,0,.5);font-family:system-ui,-apple-system,sans-serif}.hero-demo-button{width:55px;height:26px;background:rgba(0,0,0,.08);border-radius:5px}.hero-demo-avatar{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.1);flex-shrink:0}.hero-demo-metrics{display:flex;gap:12px}.hero-demo-metric{flex:1 1;background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:box-shadow .15s ease,background .15s ease}.hero-demo-metric.selected{box-shadow:0 0 0 2px #22c55e;background:rgba(34,197,94,.04)}.hero-demo-metric-label{width:45px;height:5px;background:rgba(0,0,0,.08);border-radius:2px;margin-bottom:8px}.hero-demo-metric-value{width:50px;height:18px;background:rgba(0,0,0,.1);border-radius:3px}.hero-demo-metric-value.wide{width:65px}.hero-demo-table{flex:1 1;background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.04);overflow:hidden}.hero-demo-table-header{display:flex;padding:10px 14px;border-bottom:1px solid rgba(0,0,0,.06);gap:20px}.hero-demo-th{height:6px;background:rgba(0,0,0,.1);border-radius:2px}.hero-demo-table-row{display:flex;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.04);gap:20px;align-items:center}.hero-demo-td{height:7px;background:rgba(0,0,0,.06);border-radius:2px}.hero-demo-td-pill{width:48px;height:18px;background:rgba(0,0,0,.04);border-radius:9px}.hero-demo-button-highlight{position:absolute;border:2px solid rgba(59,130,246,.7);border-radius:8px;background:transparent;opacity:0;transform:scale(.98);transition:opacity .12s ease-out,transform .12s ease-out;pointer-events:none;box-sizing:border-box}.hero-demo-button-highlight.visible{opacity:1;transform:scale(1)}.hero-demo-drag-box{position:absolute;border:1.5px dashed #22c55e;border-radius:8px;background:rgba(34,197,94,.08);pointer-events:none;z-index:45}.hero-demo-area-outline{position:absolute;border:2px dashed #22c55e;border-radius:8px;opacity:0;transition:opacity .15s ease;pointer-events:none;background:rgba(34,197,94,.05);z-index:44}.hero-demo-area-outline.visible{opacity:1}.hero-demo-cursor{position:absolute;pointer-events:none;z-index:100;transition:left .35s cubic-bezier(.4,0,.2,1),top .35s cubic-bezier(.4,0,.2,1);display:grid}.hero-demo-cursor.dragging{transition:none}.hero-demo-cursor.dragging *{transition:none!important}.hero-demo-cursor-crosshair,.hero-demo-cursor-ibeam,.hero-demo-cursor-pointer{grid-area:1/1;transform:scale(1);transform-origin:top left;transition:transform .2s ease,opacity .2s ease}.hero-demo-cursor-crosshair.hidden,.hero-demo-cursor-ibeam.hidden,.hero-demo-cursor-pointer.hidden{transform:scale(0);opacity:0}.hero-demo-cursor-ibeam{transform-origin:center center}.hero-demo-cursor svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.hero-demo-toolbar-shell{position:absolute!important;right:12px;bottom:12px;transform:scale(.82);transform-origin:bottom right;z-index:45!important}.hero-demo-toolbar{transition:transform .15s ease,background .15s ease!important}.hero-demo-toolbar.hovered.collapsed{background:#2a2a2a!important;transform:scale(1.05)}.hero-demo-toolbar.clicking.collapsed{background:#333!important;transform:scale(.95)}.hero-demo-shortcut-pill{position:absolute;padding:4px 8px;border-radius:999px;background:rgba(15,23,42,.9);color:hsla(0,0%,100%,.92);font-size:10px;font-weight:600;letter-spacing:.01em;transform:translateY(4px) scale(.95);opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:48;pointer-events:none;box-shadow:0 8px 20px rgba(15,23,42,.2);white-space:nowrap}.hero-demo-shortcut-pill.visible{opacity:1;transform:translateY(0) scale(1)}.hero-demo-component-menu{pointer-events:none;z-index:52!important}.hero-demo-popup{position:absolute;width:200px;padding:10px 12px 12px;background:#1a1a1a;border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.08);opacity:0;transform:translate(-50%) scale(.95) translateY(4px);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);z-index:50}.hero-demo-popup.visible{opacity:1;transform:translate(-50%) scale(1) translateY(0)}.hero-demo-popup-header{font-size:10px;font-weight:500;color:hsla(0,0%,100%,.5);margin-bottom:6px;font-family:system-ui,-apple-system,sans-serif}.hero-demo-popup-input{width:100%;height:40px;padding:6px 8px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;font-size:11px;color:#fff;font-family:system-ui,-apple-system,sans-serif;line-height:1.4;box-sizing:border-box}.hero-demo-popup-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:6px}.hero-demo-popup-btn{padding:5px 12px;font-size:10px;font-weight:500;border-radius:14px;font-family:system-ui,-apple-system,sans-serif}.hero-demo-popup-btn.cancel{background:transparent;color:hsla(0,0%,100%,.5)}.hero-demo-popup-btn.submit{background:#3b82f6;color:#fff}.hero-demo-popup-btn.submit.green{background:#22c55e}.hero-demo-popup-btn.submit.orange{background:#f59e0b}.hero-demo-marker{position:absolute;width:22px;height:22px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.2);opacity:0;transform:translate(-50%,-50%) scale(.3);transition:opacity .25s ease,transform .25s cubic-bezier(.22,1,.36,1);z-index:40}.hero-demo-marker.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.hero-demo-marker.green{background:#34c759;border-radius:6px;width:26px;height:26px}.hero-demo-marker.orange{background:#f59e0b}.hero-demo-text-selection{position:absolute;background:rgba(59,130,246,.25);border-radius:2px;pointer-events:none;z-index:35;height:16px}.hero-demo-browser{transition:opacity .3s ease}.hero-demo-browser.faded{opacity:.4}.hero-demo-terminal{position:absolute;top:20px;right:25px;width:340px;height:280px;background:#faf9f7;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.12),0 12px 32px rgba(0,0,0,.08);opacity:0;transform:translateY(8px) scale(.98);transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1);z-index:60}.hero-demo-terminal.visible{opacity:1;transform:translateY(0) scale(1)}.hero-demo-terminal-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}.hero-demo-terminal-dot{width:8px;height:8px;border-radius:50%}.hero-demo-terminal-dot.red{background:#ff5f57}.hero-demo-terminal-dot.yellow{background:#febc2e}.hero-demo-terminal-dot.green{background:#28c840}.hero-demo-terminal-title{flex:1 1;text-align:center;font-size:13px;font-weight:600;color:rgba(0,0,0,.85);font-family:system-ui,-apple-system,sans-serif;margin-right:36px}.hero-demo-terminal-content{padding:12px 14px;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:10px;line-height:1.6;color:rgba(0,0,0,.7);white-space:pre-wrap;overflow:hidden}.hero-demo-terminal-welcome{margin-bottom:8px}@media(max-width:640px){.hero-demo-browser{height:260px;border-radius:10px}.hero-demo-browser-bar{padding:8px 10px}.hero-demo-dot{width:6px;height:6px}.hero-demo-url-bar{font-size:9px;padding:3px 8px}.hero-demo-sidebar{display:none}.hero-demo-main{padding:12px;gap:10px}.hero-demo-logo{width:14px;height:14px}.hero-demo-title-text{font-size:10px}.hero-demo-button{width:45px;height:22px}.hero-demo-avatar{width:22px;height:22px}.hero-demo-metrics{gap:8px}.hero-demo-metric{padding:10px}.hero-demo-metric-label{width:35px;height:4px;margin-bottom:6px}.hero-demo-metric-value{width:40px;height:14px}.hero-demo-table-header{padding:8px 10px;gap:14px}.hero-demo-th{height:5px}.hero-demo-table-row{padding:10px;gap:14px}.hero-demo-td{height:6px}.hero-demo-td-pill{width:38px;height:14px}.hero-demo-toolbar-shell{right:8px;bottom:8px;transform:scale(.64)}.hero-demo-shortcut-pill{font-size:9px;padding:3px 6px}.hero-demo-popup{width:190px;padding:8px 10px 10px;border-radius:12px}.hero-demo-popup-header{font-size:9px}.hero-demo-popup-input{height:32px;font-size:9px}.hero-demo-popup-btn{padding:4px 10px;font-size:9px}.hero-demo-marker{width:18px;height:18px;font-size:10px}.hero-demo-marker.green{width:22px;height:22px}.hero-demo-marker.orange{width:18px;height:18px}.hero-demo-terminal{top:10px;right:10px;left:10px;width:auto;height:240px;border-radius:8px}.hero-demo-terminal-bar{padding:10px 12px}.hero-demo-terminal-dot{width:10px;height:10px}.hero-demo-terminal-title{font-size:11px;margin-right:30px}.hero-demo-terminal-content{padding:10px 12px;font-size:9px}}