.hero-canvas-box{--hm-w:var(--hm-w-md);--hm-h:var(--hm-h-md);--hm-canvas-estimate:calc(min(100vw, var(--container-max-w, 1600px)) - 40px);--hero-canvas-scale:min(1,tan(atan2(var(--hero-canvas-width,var(--hm-canvas-estimate)) * var(--hm-frame),var(--hm-w) * 1px)))}@media (min-width:1024px){.hero-canvas-box{--hm-w:var(--hm-w-lg);--hm-h:var(--hm-h-lg);--hm-canvas-estimate:calc(min(100vw, var(--container-max-w, 1600px)) - 120px)}}@media (min-width:768px){.hero-canvas-box{height:calc((var(--hm-h) + var(--hm-pad)) * var(--hero-canvas-scale) * 1px);overflow:hidden}}.hero-mock-root{--font:var(--font-inter),var(--font-geist-sans),-apple-system,"PingFang SC","SF Pro Text","Helvetica Neue","Noto Sans SC",sans-serif;--page:#fafafb;--ink:#17181c;--ink-2:#5f6168;--ink-3:#8b8e96;--hair:rgba(20,22,30,.08);--ring:rgba(20,22,30,.12);--ring-hover:rgba(20,22,30,.28);--ctl-hover:rgba(20,22,30,.05);--ctl-active:rgba(20,22,30,.08);--seg-on:#fff;--send-bg:#17181c;--send-fg:#fff;--focus:#3b82f6;--ref-bg:rgba(59,130,246,.08);--ref-fg:#1d4ed8;--ref-ring:rgba(59,130,246,.25);--box-bg:rgba(255,255,255,.92);--box-ring:rgba(20,22,30,.22);--box-top:rgba(255,255,255,1);--box-shadow:0 4px 20px rgba(20,22,30,.05);--menu-bg:rgba(255,255,255,.70);--menu-ring:rgba(15,23,42,.10);--menu-top:rgba(255,255,255,.90);--menu-shadow-up:0 -1px 2px rgba(15,23,42,.06),0 -16px 40px -12px rgba(15,23,42,.25);--hm-page-chat:#fafafb;--hm-ease-out:cubic-bezier(0.23,1,0.32,1);font-family:var(--font)}[data-theme=dark] .hero-mock-root{--page:#0c0c10;--ink:#f2f2f5;--ink-2:#a6a8b1;--ink-3:#6f727c;--hair:rgba(255,255,255,.08);--ring:rgba(255,255,255,.12);--ring-hover:rgba(255,255,255,.28);--ctl-hover:rgba(255,255,255,.06);--ctl-active:rgba(255,255,255,.1);--seg-on:rgba(255,255,255,.12);--send-bg:#f2f2f5;--send-fg:#0c0c10;--ref-bg:rgba(96,140,255,.14);--ref-fg:#93b4ff;--ref-ring:rgba(96,140,255,.3);--box-bg:rgba(26,26,33,.9);--box-ring:rgba(255,255,255,.12);--box-top:rgba(255,255,255,.07);--box-shadow:0 20px 50px -20px rgba(0,0,0,.7);--menu-bg:rgba(24,27,36,.84);--menu-ring:rgba(255,255,255,.10);--menu-top:rgba(255,255,255,.06);--menu-shadow-up:0 -1px 2px rgba(0,0,0,.2),0 -16px 40px -12px rgba(0,0,0,.7);--hm-page-chat:var(--bg-surface-0)}.hero-mock-root button:not(:disabled){cursor:pointer}.hero-mock-root .cs-stream{padding:20px 16px 8px;font-size:14px;line-height:1.65;color:var(--ink)}.hero-mock-root .cs-me{display:inline-flex;max-width:80%;min-width:2.5rem;padding:6px 12px;border-radius:14px;background:var(--seg-on);box-shadow:0 0 0 .5px var(--ring);font-size:13px;line-height:1.55;color:var(--ink)}[data-theme=dark] .hero-mock-root .cs-me{background:rgba(255,255,255,.08)}.hero-mock-root .cs-att{display:flex;align-items:center;gap:10px;text-align:left;max-width:320px;margin:0;padding:8px 10px;border-radius:10px;border:0;background:var(--seg-on);box-shadow:0 0 0 .5px var(--ring);font-family:var(--font);color:var(--ink)}[data-theme=dark] .hero-mock-root .cs-att{background:rgba(255,255,255,.06)}.hero-mock-root .cs-att-icon{flex:none;display:grid;place-items:center;height:32px}.hero-mock-root .cs-att-icon svg{height:32px;width:auto;display:block}.hero-mock-root .cs-att-main{min-width:0;display:flex;flex-direction:column;gap:1px}.hero-mock-root .cs-att-name{font-size:13px;line-height:18px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-mock-root .cs-att-sub{font-size:11px;line-height:14px;color:var(--ink-3);font-variant-numeric:tabular-nums}.hero-mock-root .cs-meta{margin:0;font-size:12px;line-height:18px;color:var(--ink-3)}.hero-mock-root .cs-meta>span+span:before{content:" · "}.hero-mock-root .cs-dock{padding:8px 12px 12px}.hero-mock-root .cs-card{padding:10px 12px;border-radius:10px;background:var(--seg-on);box-shadow:0 0 0 .5px var(--ring);font-size:13px;color:var(--ink-2)}[data-theme=dark] .hero-mock-root .cs-card{background:rgba(255,255,255,.05)}.hero-mock-root .cs-card-ico{border-radius:8px;background:var(--page);box-shadow:0 0 0 .5px var(--ring);color:var(--ink-2)}.hero-mock-root .cs-card-title{font-size:13px;font-weight:500;color:var(--ink)}.hero-mock-root .cs-card-status,.hero-mock-root .cs-card-sub{font-size:12px;color:var(--ink-3)}.hero-mock-root .cs-card-status{font-weight:500}.hero-mock-root .cmp-composer{position:relative;z-index:2;padding:8px;border-radius:14px;box-shadow:0 0 0 .5px var(--box-ring),inset 0 1px 0 var(--box-top),var(--box-shadow);font-family:var(--font);color:var(--ink)}.hero-mock-root .cmp-composer:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--box-bg);backdrop-filter:blur(20px) saturate(150%)}.hero-mock-root .cmp-textarea{display:block;width:100%;min-height:64px;max-height:160px;margin:0;padding:4px 6px 6px;border:0;outline:0;resize:none;background:transparent;color:inherit;font:inherit;font-size:14px;line-height:20px}.hero-mock-root .cmp-textarea::placeholder{color:var(--ink-3)}.hero-mock-root .cmp-row{display:flex;align-items:center;gap:4px;margin-top:4px}.hero-mock-root .cmp-spacer{flex:1}.hero-mock-root .cmp-anchor{position:relative;display:inline-flex}.hero-mock-root .cmp-ctl{height:28px;min-width:28px;padding:0 10px;border:0;border-radius:14px;background:transparent;color:var(--ink);font-family:var(--font);font-size:13px;font-weight:450;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:background .15s ease,color .15s ease}.hero-mock-root .cmp-ctl:hover,.hero-mock-root .cmp-ctl[aria-expanded=true]{background:var(--ctl-hover);color:var(--ink)}.hero-mock-root .cmp-ctl:active{background:var(--ctl-active)}.hero-mock-root .cmp-ctl svg{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none}.hero-mock-root .cmp-ctl-tog{padding:0 10px 0 8px;color:var(--ink-2)}.hero-mock-root .cmp-ctl-dd{padding:0 8px 0 10px;color:var(--ink-2)}.hero-mock-root .cmp-ctl-model{padding-left:8px}.hero-mock-root .cmp-ctl-label{overflow:hidden;text-overflow:ellipsis;max-width:130px}.hero-mock-root .cmp-ctl-chev{width:12px;height:12px;opacity:.55}.hero-mock-root .cmp-brand,.hero-mock-root .cmp-ctl-lead{display:grid;place-items:center;flex:none;width:16px;height:16px}.hero-mock-root .cmp-brand svg{width:16px;height:16px;fill:currentColor;stroke:none}.hero-mock-root .cmp-send{width:28px;height:28px;flex:none;border:0;border-radius:50%;background:var(--send-bg);color:var(--send-fg);display:grid;place-items:center;opacity:.3;transition:opacity .15s ease,transform .1s ease}.hero-mock-root .cmp-send[data-active=true]{opacity:1}.hero-mock-root .cmp-send:active{transform:scale(.96)}.hero-mock-root .cmp-send:disabled{cursor:not-allowed}.hero-mock-root .cmp-send svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.hero-mock-root .cmp-menu{position:absolute;right:0;bottom:calc(100% + 4px);min-width:240px;padding:4px;border-radius:12px;background:var(--menu-bg);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 0 0 .5px var(--menu-ring),inset 0 1px 0 var(--menu-top),var(--menu-shadow-up);z-index:20;text-align:left;transform-origin:bottom right;animation:hm-grow-up .14s cubic-bezier(.2,.7,.2,1)}@keyframes hm-grow-up{0%{opacity:0;transform:translateY(3px) scale(.985)}to{opacity:1;transform:none}}.hero-mock-root .cmp-hd{padding:6px 10px 4px;font-size:11px;color:var(--ink-3);letter-spacing:.02em}.hero-mock-root .cmp-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:32px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:left;white-space:nowrap;transition:background .12s ease}.hero-mock-root .cmp-item:hover{background:var(--ctl-hover)}.hero-mock-root .cmp-item[aria-checked=true]{background:var(--ctl-hover);font-weight:500}.hero-mock-root .cmp-item-main{flex:1;min-width:0}@keyframes hm-fade{0%{opacity:0}to{opacity:1}}@keyframes hm-fade-out{0%{opacity:1}to{opacity:0}}@keyframes hm-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes hm-paper-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.hero-mock-root .hm-switch-in{animation:hm-fade .24s var(--hm-ease-out) both}.hero-mock-root .hm-tile-in{animation:hm-rise .26s var(--hm-ease-out) both;animation-delay:var(--hm-delay,0s)}.hero-mock-root .hm-paper-in{animation:hm-paper-in .32s var(--hm-ease-out) both}.hero-mock-root [data-reveal=pending]{opacity:0}.hero-mock-root [data-reveal=in]{animation:hm-fade .42s var(--hm-ease-out) both;animation-delay:var(--hm-delay,0s)}.hero-mock-root [data-reveal=out]{animation:hm-fade-out .32s var(--hm-ease-out) both;animation-delay:var(--hm-delay,0s)}.hero-mock-root .hm-no-scrollbar{scrollbar-width:none}.hero-mock-root .hm-no-scrollbar::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.hero-mock-root .hm-paper-in,.hero-mock-root .hm-tile-in{animation-name:hm-fade}.hero-mock-root .cmp-menu{animation:none}}@keyframes hm-reveal-blur-out{0%{opacity:1}to{opacity:0}}@keyframes hm-reveal-clip{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes hm-reveal-band{0%{top:-64px;opacity:1}to{top:100%;opacity:.9}}.hero-mock-root .hm-reveal{animation:hm-fade 80ms linear both}.hero-mock-root .hm-reveal-blur{filter:blur(22px) saturate(1.05);transform:scale(1.06);animation:hm-reveal-blur-out .4s ease-out 1s both}.hero-mock-root .hm-reveal-sharp{animation:hm-reveal-clip 1.4s cubic-bezier(.45,0,.25,1) both}.hero-mock-root .hm-reveal-band{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 45%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0));mix-blend-mode:screen;animation:hm-reveal-band 1.4s cubic-bezier(.45,0,.25,1) both}@media (prefers-reduced-motion:reduce){.hero-mock-root .hm-reveal{display:none}}