.hookshot-ide-page .ide-hero{padding:clamp(3rem,6vw,5rem) 0 clamp(2.5rem,5vw,3.5rem);border-bottom:1px solid var(--line);overflow:hidden}.hookshot-ide-page .ide-hero .hero-grid{display:grid;gap:clamp(1.75rem,4vw,2.75rem);align-items:center}.hookshot-ide-page .ide-hero__copy{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.35rem);width:100%;max-width:none;margin:0;text-align:left}.hookshot-ide-page .ide-hero__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin:0}.hookshot-ide-page .ide-hero__eyebrow .ide-status-chip{align-self:center}.hookshot-ide-page .ide-hero__product{margin:0;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1}.hookshot-ide-page .ide-hero #ide-hero-title{margin:0;font-weight:500;font-size:clamp(2.15rem,1.1rem + 3.8vw,4.1rem);line-height:1.12;max-width:12ch;text-wrap:balance}.hookshot-ide-page .ide-hero__lead{margin:0;max-width:42ch}.hookshot-ide-page .ide-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.hookshot-ide-page .ide-hero__visual{margin:0;min-width:0;width:100%;min-height:clamp(18rem,52vw,26.5rem)}@media(min-width:56.25em){.hookshot-ide-page .ide-hero .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.5rem,3vw,2.5rem) clamp(2rem,4vw,3.5rem);align-items:center}.hookshot-ide-page .ide-hero__copy{align-self:center;padding-bottom:0}.hookshot-ide-page .ide-hero__visual{justify-self:stretch}}@media(max-width:56.24em){.hookshot-ide-page .ide-hero #ide-hero-title{max-width:none}}.ide-citation-answer{margin:0;width:100%}.ide-citation-answer__shell{border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);overflow:hidden;box-shadow:0 1.5rem 3rem #00000059}.ide-citation-answer__prompt{padding:.85rem 1rem;border-bottom:1px solid var(--line);background:oklch(from var(--bg) l c h / .6)}.ide-citation-answer__prompt-label{display:block;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.ide-citation-answer__prompt p{margin:0;font-family:Geist Mono,ui-monospace,monospace;font-size:13px;line-height:1.45;color:var(--text)}.ide-citation-answer__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,13.5rem);min-height:0}.ide-citation-answer__answer{padding:1rem 1.1rem 1.15rem;font-family:Geist Mono,ui-monospace,monospace;font-size:12px;line-height:1.55;color:var(--muted)}.ide-citation-answer__answer p{margin:0 0 .85rem}.ide-citation-answer__answer p:last-child{margin-bottom:0}.ide-citation-answer__answer code{font-size:.95em;color:var(--text);background:oklch(from var(--bg) l c h / .85);padding:.1em .35em;border-radius:var(--r-1)}.ide-citation-answer__code{margin:0 0 .85rem;padding:.75rem .85rem;border-radius:var(--r-2);background:#050506;border:1px solid var(--line);overflow-x:auto;font-size:11px;line-height:1.5;color:var(--text)}.ide-citation-answer__code code{background:none;padding:0}.ide-citation-marker{display:inline;margin:0 .05em;padding:0 .15em;border:0;border-radius:var(--r-1);background:transparent;font:inherit;font-size:.92em;color:var(--primary);cursor:default;vertical-align:baseline;transition:background .15s ease,color .15s ease}.ide-citation-marker:hover,.ide-citation-marker:focus-visible,.ide-citation-marker.is-active{background:oklch(from var(--primary) l c h / .18);outline:none}.ide-citation-marker:focus-visible{box-shadow:0 0 0 2px oklch(from var(--primary) l c h / .45)}.ide-citation-answer__sources{border-left:1px solid var(--line);padding:.85rem .75rem;background:oklch(from var(--bg) l c h / .45)}.ide-citation-answer__sources-head{margin:0 0 .65rem;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ide-citation-answer__sources-list{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.ide-citation-source{display:flex;gap:.4rem;width:100%;margin:0;padding:.45rem .4rem;border:1px solid transparent;border-radius:var(--r-2);background:transparent;text-align:left;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.ide-citation-source:hover,.ide-citation-source:focus-visible,.ide-citation-source.is-active{border-color:oklch(from var(--primary) l c h / .35);background:oklch(from var(--primary) l c h / .08);outline:none}.ide-citation-source:focus-visible{box-shadow:0 0 0 2px oklch(from var(--primary) l c h / .35)}.ide-citation-source__num{flex-shrink:0;font-family:Geist Mono,ui-monospace,monospace;font-size:10px;color:var(--primary);padding-top:.1rem}.ide-citation-source__body{display:grid;gap:.15rem;min-width:0}.ide-citation-source__title{font-size:11px;line-height:1.35;color:var(--text)}.ide-citation-source__doc{font-size:10px;color:var(--muted);line-height:1.3}.ide-citation-answer.is-ready .ide-citation-marker.is-active,.ide-citation-answer.is-ready .ide-citation-source.is-active{animation:ide-cite-pulse .35s ease}@keyframes ide-cite-pulse{0%{background:oklch(from var(--primary) l c h / .28)}to{background:oklch(from var(--primary) l c h / .18)}}@media(prefers-reduced-motion:reduce){.ide-citation-marker,.ide-citation-source{transition:none}.ide-citation-answer.is-ready .ide-citation-marker.is-active,.ide-citation-answer.is-ready .ide-citation-source.is-active{animation:none}}.ide-citation-answer--compact .ide-citation-answer__panel{grid-template-columns:1fr}.ide-citation-answer--compact .ide-citation-answer__sources{border-left:0;border-top:1px solid var(--line)}@media(max-width:48em){.ide-citation-answer__panel{grid-template-columns:1fr}.ide-citation-answer__sources{border-left:0;border-top:1px solid var(--line)}}.ide-status-chip{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .45rem;border-radius:999px;border:1px solid var(--line);line-height:1.2;white-space:nowrap}.ide-status-chip--available{border-color:oklch(from var(--primary) l c h / .4);background:oklch(from var(--primary) l c h / .12);color:var(--primary)}.ide-status-chip--coming{border-color:oklch(from var(--muted) l c h / .35);background:oklch(from var(--muted) l c h / .08);color:var(--muted)}.ide-status-chip--roadmap{border-color:oklch(from var(--blue) l c h / .35);background:oklch(from var(--blue) l c h / .1);color:var(--blue)}.ide-early-access-form{width:100%;max-width:36rem}.ide-early-access-form__fields{display:grid;gap:.45rem}.ide-early-access-form__label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ide-early-access-form__row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:stretch}.ide-early-access-form__input{flex:1 1 12rem;min-width:0;padding:.65rem .85rem;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--text);font-family:Geist Mono,ui-monospace,monospace;font-size:14px;line-height:1.4}.ide-early-access-form__input::placeholder{color:oklch(from var(--muted) l c h / .75)}.ide-early-access-form__input:focus-visible{outline:none;border-color:oklch(from var(--primary) l c h / .5);box-shadow:0 0 0 2px oklch(from var(--primary) l c h / .2)}.ide-early-access-form__hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ide-early-access-form__status{margin:.55rem 0 0;font-size:var(--text-sm);color:var(--muted);min-height:1.25em}.ide-early-access-form__status[data-state=success]{color:var(--primary)}.ide-early-access-form__status[data-state=error]{color:#f07f77}.ide-early-access-form--band{max-width:28rem}.ide-problem-section{padding-block:clamp(3rem,6vw,5rem)}.ide-problem{display:grid;gap:clamp(2rem,4vw,3.5rem)}.ide-problem__intro{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.85rem,2vw,1.25rem)}.ide-problem__intro .section-head{margin-bottom:0;gap:clamp(.65rem,1.5vw,.9rem)}.ide-problem__intro .section-head h2{max-width:14ch;text-wrap:balance}.ide-problem__intro .section-head .lead{max-width:32ch;font-size:var(--text-sm);line-height:1.55}.ide-problem__cta{margin-top:.25rem}.ide-problem__col-head{margin:0 0 clamp(1.25rem,2.5vw,1.75rem);font-size:var(--text-sm);font-weight:500;line-height:1.35;color:var(--text)}.ide-problem__matrix{display:flex;flex-direction:column;gap:0;min-width:0}.ide-problem__matrix-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem) clamp(2rem,4vw,3rem)}.ide-problem__pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem) clamp(2rem,4vw,3rem);align-items:stretch}.ide-problem__row{display:grid;grid-template-columns:auto 1fr;gap:.85rem 1rem;align-items:start;height:100%;padding-block:clamp(1rem,2vw,1.35rem);border-top:1px solid var(--line)}.ide-problem__marker{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-top:.1rem;border-radius:var(--r-1);background:oklch(from var(--surface) l c h / .85)}.ide-problem__marker i{font-size:.85rem}.ide-problem__marker--pain{color:#f07f77}.ide-problem__marker--fix{color:var(--text)}.ide-problem__row-text{min-width:0}.ide-problem__row-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ide-problem__row-title{font-size:var(--text-sm);font-weight:600;line-height:1.35;color:var(--text);min-width:0}.ide-problem__row-badge{flex-shrink:0;margin-left:auto}.ide-problem__row-body{margin:.45rem 0 0;font-size:var(--text-sm);line-height:1.55;color:var(--muted)}@media(min-width:48em){.ide-problem{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:clamp(1.5rem,3vw,2.5rem) clamp(2rem,4vw,3rem);align-items:start}.ide-problem__intro{padding-right:clamp(.5rem,2vw,1.5rem)}.ide-problem__intro .section-head h2{max-width:12ch}}@media(max-width:47.99em){.ide-problem__matrix-cols,.ide-problem__pair{grid-template-columns:1fr;gap:0}.ide-problem__matrix-cols .ide-problem__col-head:last-child{margin-top:clamp(1.5rem,4vw,2rem)}.ide-problem__pair .ide-problem__row--fix{border-top:none}}@media(min-width:48em)and (max-width:63.99em){.ide-problem{grid-template-columns:1fr}.ide-problem__intro{max-width:36rem}}.hookshot-ide-page .workflow-section .workflow-pin .workflow-visual{border-radius:1.15rem;overflow:hidden;border:0;box-shadow:none;background:transparent;pointer-events:none}.hookshot-ide-page .workflow-section .workflow-screen.is-active:has(.ide-how-visual){pointer-events:none}.workflow-screen .ide-how-visual,.workflow-mobile-card .ide-how-visual{height:100%;min-height:0;aspect-ratio:unset;position:relative;overflow:hidden;display:flex;align-items:stretch}.hookshot-ide-page .workflow-section .workflow-screens{aspect-ratio:16 / 11}.hookshot-ide-page .workflow-mobile-card .ide-how-visual{min-height:14rem;aspect-ratio:16 / 10;border-radius:1.15rem;border:0;box-shadow:none}.section--roadmap{padding:5.5rem 0}.rm-track{--rm-fill: 100%;height:auto;position:relative}.rm-sticky{position:static;height:auto;display:flex;flex-direction:column;overflow:visible}.rm-sticky__head{padding-top:0;flex-shrink:0}.rm-intro{margin:.6rem 0 0;max-width:54ch;color:var(--muted);font-size:var(--text-sm);line-height:1.55}.rm-timeline{display:none}.rm-rail{position:absolute;left:var(--rm-rail-start, 0);width:calc(var(--rm-rail-end, 100%) - var(--rm-rail-start, 0));top:50%;transform:translateY(-50%);height:1px;background:var(--line-strong)}.rm-fill{height:100%;width:var(--rm-fill);background:var(--primary);transition:box-shadow .3s ease}.rm-track.is-complete .rm-fill{box-shadow:0 0 6px var(--primary)}.rm-marker{position:absolute;top:50%;left:var(--rm-marker-x, 0);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.rm-marker__label{position:absolute;bottom:calc(100% + .55rem);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);white-space:nowrap;transition:color .25s ease}.rm-marker__dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--line-strong);background:var(--bg);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.rm-marker--now .rm-marker__dot{background:var(--primary);border-color:var(--primary)}.rm-marker--now.is-active .rm-marker__dot{box-shadow:0 0 0 3px oklch(from var(--primary) l c h / .25)}.rm-marker--coming.is-active .rm-marker__label{color:var(--muted)}.rm-marker--coming.is-active .rm-marker__dot{background:var(--muted);border-color:var(--muted)}.rm-marker--future .rm-marker__dot{border-color:oklch(from var(--blue) l c h / .5)}.rm-marker--future.is-active .rm-marker__label{color:var(--blue)}.rm-marker--future.is-active .rm-marker__dot{background:var(--blue);border-color:var(--blue)}.rm-stage-overflow{flex:none;overflow:visible;position:relative;display:block;margin-top:clamp(1.75rem,3vw,2.5rem)}.rm-pan{display:flex;flex-direction:column;gap:0;align-items:stretch;width:100%;transform:none!important}.rm-stage{display:grid;gap:clamp(1rem,2vw,1.5rem);align-items:start}.rm-phase{width:auto;flex-shrink:1;opacity:1}.rm-phase__head{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin-bottom:1rem}.rm-phase__head .ide-status-chip{flex-shrink:0;align-self:center}.rm-phase__title{margin:0;font-size:var(--text-sm);line-height:1.35;flex:0 1 auto;min-width:0}.rm-phase__items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.85rem}.rm-item{display:flex;gap:.75rem;align-items:flex-start}.rm-item__icon{flex-shrink:0;width:1.375rem;height:1.375rem;display:flex;align-items:center;justify-content:center;margin-top:1px;color:var(--primary)}.rm-item__icon i{font-size:1rem;line-height:1}.rm-phase[data-rm-phase="1"] .rm-item__icon{color:var(--muted)}.rm-phase[data-rm-phase="2"] .rm-item__icon{color:var(--blue)}.rm-item__text{flex:1;min-width:0}.rm-item__name{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text);margin-bottom:.2rem}.rm-item__body{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}@media(min-width:48em){.rm-stage{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.section--roadmap{padding:5.5rem 0}.rm-track{height:auto}.rm-sticky{position:static;height:auto;overflow:visible}.rm-stage-overflow{overflow:visible;flex:none}.rm-pan{transform:none!important}.rm-phase{width:auto;opacity:1}}@media(max-width:47.99em){.section--roadmap{padding:4rem 0}.rm-sticky__head{padding-top:0}.rm-stage{grid-template-columns:1fr}}.ide-diff-section__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;margin-bottom:clamp(2rem,4vw,2.75rem);text-align:left}.ide-diff-section .section-head{margin-bottom:0;flex:1 1 16rem;min-width:0}.ide-diff-section .section-head h2{max-width:22ch;margin-inline:0;text-wrap:balance}.ide-diff-section__cta{flex-shrink:0;margin-top:0}.ide-compare-table-wrap{width:100%}.ide-compare-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:1.5}.ide-compare-table__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ide-compare-table thead th{padding-bottom:1rem;font-weight:500;text-align:left;border:none;background:transparent}.ide-compare-table__head--alt{width:34%;padding-right:4rem;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ide-compare-table__head--hookshot{width:34%;padding-left:1rem}.ide-compare-table__brand{display:inline-flex;align-items:center}.ide-compare-table__brand img{display:block;height:1.35rem;width:auto;object-fit:contain}.ide-compare-table tbody tr{border-bottom:1px solid var(--line)}.ide-compare-table tbody tr:last-child{border-bottom:none}.ide-compare-table tbody th,.ide-compare-table tbody td{padding-block:1.15rem;vertical-align:top}.ide-compare-table__dim{width:32%;padding-right:3rem;font-family:inherit;font-size:var(--text-sm);font-weight:500;text-align:left;color:var(--text)}.ide-compare-table__alt{width:34%;padding-right:4rem;color:var(--muted)}.ide-compare-table__hookshot{width:34%;padding-left:1rem;color:var(--text)}.ide-trust-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,2.5rem);align-items:start;margin-top:1.5rem}.ide-trust-copy .lead{margin:0;max-width:42ch}.ide-cta-band{padding:clamp(3rem,6vw,4.5rem) 0;border-top:1px solid var(--line);overflow:hidden}.hookshot-ide-page .ide-cta-band .hero-grid{display:grid;gap:clamp(1.75rem,4vw,2.75rem);align-items:center;grid-template-columns:minmax(0,1fr);max-width:none}.ide-cta-band h2{margin:0 0 1rem;max-width:18ch;text-wrap:balance}.ide-cta-band .lead{margin:0 0 1.5rem;max-width:52ch;color:var(--muted)}.ide-cta-band__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.ide-cta-band__visual{width:100%;min-width:0;aspect-ratio:16 / 11;min-height:clamp(16rem,48vw,24rem);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden;background:#f4f4f5;box-shadow:0 1.5rem 3rem #00000059}.ide-cta-band__visual .ide-how-visual{height:100%;min-height:0;display:flex;align-items:stretch}@media(min-width:56.25em){.hookshot-ide-page .ide-cta-band .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(1.5rem,3vw,2.5rem) clamp(2rem,4vw,3.5rem)}}.hookshot-ide-page .ide-pricing-section{border-bottom:1px solid var(--line)}.hookshot-ide-page .ide-pricing-section .section-head{justify-items:center;text-align:center}.hookshot-ide-page .ide-pricing-section .section-head h2,.hookshot-ide-page .ide-pricing-section .section-head .lead{margin-inline:auto}.hookshot-ide-page .ide-pricing-section .section-head .split-line{text-align:center!important}.hookshot-ide-page .ide-pricing-card{position:relative;isolation:isolate;max-width:36rem;margin:0 auto;padding:clamp(1.5rem,3vw,2rem);border-radius:var(--r-3);background:var(--surface);display:grid;gap:1.25rem}.hookshot-ide-page .ide-pricing-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.25px;background:linear-gradient(to bottom right,oklch(96% .3 123),oklch(96% .3 123 / 0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hookshot-ide-page .ide-pricing-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hookshot-ide-page .ide-pricing-card__eyebrow{margin:0 0 .35rem;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hookshot-ide-page .ide-pricing-card__name{margin:0;font-size:clamp(1.35rem,1rem + 1vw,1.75rem);font-weight:500;line-height:1.15}.hookshot-ide-page .ide-pricing-card__price{margin:0;font-size:clamp(2rem,1.4rem + 2vw,2.75rem);font-weight:500;line-height:1;white-space:nowrap}.hookshot-ide-page .ide-pricing-card__price small{font-size:.45em;font-weight:500;color:var(--muted)}.hookshot-ide-page .ide-pricing-card__desc{margin:0;color:var(--muted);font-size:var(--text-base);max-width:52ch}.hookshot-ide-page .ide-pricing-card__features{margin:0;padding:0;list-style:none;display:grid;gap:.65rem;border-top:1px solid var(--line);padding-top:1.15rem}.hookshot-ide-page .ide-pricing-card__features li{position:relative;padding-left:1.35rem;color:var(--text);font-size:var(--text-sm);line-height:1.45}.hookshot-ide-page .ide-pricing-card__features li:before{content:"";position:absolute;left:0;top:.45em;width:.45rem;height:.45rem;border-radius:50%;background:var(--primary)}@media(max-width:40em){.ide-compare-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ide-compare-table tbody tr{display:block;padding:1.15rem 0}.ide-compare-table tbody th,.ide-compare-table tbody td{display:block;width:100%;padding:0}.ide-compare-table__dim{margin-bottom:.85rem;padding-right:0;font-size:var(--text-base)}.ide-compare-table__alt,.ide-compare-table__hookshot{padding-right:0}.ide-compare-table__alt:before,.ide-compare-table__hookshot:before{display:block;margin-bottom:.3rem;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.ide-compare-table__alt:before{content:attr(data-label);color:var(--muted)}.ide-compare-table__hookshot:before{content:attr(data-label);color:var(--primary);font-weight:600}.ide-compare-table__alt{margin-bottom:.75rem}.ide-trust-layout{grid-template-columns:1fr}.ide-early-access-form__row .btn{width:100%;justify-content:center}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--font-weight-medium:500;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-surface:oklch(100% 0 0);--color-surface-2:oklab(98.515% .000126865 -.000431747);--color-surface-3:oklch(96.7% .001 286.375);--color-line:oklch(92% .004 286.32);--color-text:oklch(14.1% .005 285.823);--color-muted:oklch(55.2% .016 285.938);--color-faint:oklch(70.5% .015 286.067);--color-primary:#4ad600;--color-primary-ink:oklch(98.5% 0 0);--color-neutral:oklch(21% .006 285.885);--color-blue:#cf222e;--color-teal:#0a3069;--font-display:ui-sans-serif, system-ui, sans-serif;--radius-scene-md:.625rem;--radius-scene-lg:.875rem;--radius-scene-xl:1.15rem;--radius-scene-2xl:1.5rem}}@layer base{.scene-root{color-scheme:light;font-family:var(--font-sans)}.scene-root,.scene-root *,.scene-root :before,.scene-root :after{box-sizing:border-box}.scene-root :where(h1,h2,h3,h4,p,pre,ul,ol,figure,dl,dd){margin:0}.scene-root :where(ul,ol){padding:0;list-style:none}.scene-root :where(button){appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.scene-root :where(pre,code){font-family:var(--font-mono)}.scene-root :where(svg){display:block}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-full{top:100%}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.bottom-full{bottom:100%}.left-0{left:0}.left-1{left:var(--spacing)}.left-2{left:calc(var(--spacing) * 2)}.z-10{z-index:10}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-px{margin-top:1px}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:var(--spacing)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-\[1\.05em\]{height:1.05em}.h-\[24rem\]{height:24rem}.min-h-10{min-height:calc(var(--spacing) * 10)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-\[2px\]{width:2px}.w-full{width:100%}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-\[85\%\]{max-width:85%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-px{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.18em\]{--tw-translate-y:.18em;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-\[0\.3rem\]{border-radius:.3rem}.rounded-full{border-radius:3.40282e38px}.rounded-scene-2xl{border-radius:var(--radius-scene-2xl)}.rounded-scene-lg{border-radius:var(--radius-scene-lg)}.rounded-scene-md{border-radius:var(--radius-scene-md)}.rounded-scene-xl{border-radius:var(--radius-scene-xl)}.rounded-t-scene-md{border-top-left-radius:var(--radius-scene-md);border-top-right-radius:var(--radius-scene-md)}.rounded-br-sm{border-bottom-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-line{border-color:var(--color-line)}.border-primary\/35{border-color:#4ad60059}@supports (color:color-mix(in lab,red,red)){.border-primary\/35{border-color:color-mix(in oklab,var(--color-primary) 35%,transparent)}}.border-primary\/40{border-color:#4ad60066}@supports (color:color-mix(in lab,red,red)){.border-primary\/40{border-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}.bg-line{background-color:var(--color-line)}.bg-neutral{background-color:var(--color-neutral)}.bg-primary\/70{background-color:#4ad600b3}@supports (color:color-mix(in lab,red,red)){.bg-primary\/70{background-color:color-mix(in oklab,var(--color-primary) 70%,transparent)}}.bg-primary\/\[0\.1\]{background-color:#4ad6001a}@supports (color:color-mix(in lab,red,red)){.bg-primary\/\[0\.1\]{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-primary\/\[0\.06\]{background-color:#4ad6000f}@supports (color:color-mix(in lab,red,red)){.bg-primary\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-primary) 6%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-surface-2{background-color:var(--color-surface-2)}.bg-surface-3{background-color:var(--color-surface-3)}.bg-surface-3\/30{background-color:#f4f4f54d}@supports (color:color-mix(in lab,red,red)){.bg-surface-3\/30{background-color:color-mix(in oklab,var(--color-surface-3) 30%,transparent)}}.bg-surface-3\/60{background-color:#f4f4f599}@supports (color:color-mix(in lab,red,red)){.bg-surface-3\/60{background-color:color-mix(in oklab,var(--color-surface-3) 60%,transparent)}}.bg-surface-3\/80{background-color:#f4f4f5cc}@supports (color:color-mix(in lab,red,red)){.bg-surface-3\/80{background-color:color-mix(in oklab,var(--color-surface-3) 80%,transparent)}}.bg-transparent{background-color:#0000}.bg-\[linear-gradient\(to_bottom\,var\(--color-surface\)\,transparent\)\]{background-image:linear-gradient(to bottom,var(--color-surface),transparent)}.bg-\[linear-gradient\(to_top\,var\(--color-surface\)\,transparent\)\]{background-image:linear-gradient(to top,var(--color-surface),transparent)}.p-2{padding:calc(var(--spacing) * 2)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-px{padding-block:1px}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.85em\]{font-size:.85em}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.text-blue{color:var(--color-blue)}.text-faint{color:var(--color-faint)}.text-muted{color:var(--color-muted)}.text-muted\/50{color:#71717b80}@supports (color:color-mix(in lab,red,red)){.text-muted\/50{color:color-mix(in oklab,var(--color-muted) 50%,transparent)}}.text-muted\/80{color:#71717bcc}@supports (color:color-mix(in lab,red,red)){.text-muted\/80{color:color-mix(in oklab,var(--color-muted) 80%,transparent)}}.text-primary{color:var(--color-primary)}.text-primary-ink{color:var(--color-primary-ink)}.text-teal{color:var(--color-teal)}.text-text{color:var(--color-text)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_16px_-8px_rgba\(0\,0\,0\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 4px 16px -8px var(--tw-shadow-color,#00000014), 0 1px 2px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-primary\/25:hover{border-color:#4ad60040}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/25:hover{border-color:color-mix(in oklab,var(--color-primary) 25%,transparent)}}}@media(min-width:40rem){.sm\:h-\[26\.5rem\]{height:26.5rem}}@media(min-width:48rem){.md\:pb-4{padding-bottom:calc(var(--spacing) * 4)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.ide-how-visual{color-scheme:light;--hiv-bg-page: oklch(.967 .001 286.375);--hiv-shell: oklch(1 0 0);--hiv-sidebar: oklch(1 0 0);--hiv-bg: oklch(1 0 0);--hiv-surface-2: color-mix(in oklab, oklch(.967 .001 286.375) 45%, oklch(1 0 0));--hiv-surface-3: oklch(.967 .001 286.375);--hiv-composer: var(--hiv-surface-2);--hiv-border: oklch(.92 .004 286.32);--hiv-line: oklch(.92 .004 286.32);--hiv-text: oklch(.141 .005 285.823);--hiv-muted: oklch(.552 .016 285.938);--hiv-faint: oklch(.705 .015 286.067);--hiv-neutral: oklch(.21 .006 285.885);--hiv-primary: var(--hiv-neutral);--hiv-primary-fg: oklch(.985 0 0);--hiv-accent: #4ad600;--hiv-accent-dim: oklch(from #4ad600 l c h / .12);--hiv-user-bg: var(--hiv-surface-3);--hiv-user-border: transparent;--hiv-radius: .625em;--hiv-radius-lg: .875em;--hiv-composer-radius: 1.5em;--hiv-design-width: 1080px;--hiv-design-height: 680px;--hiv-scene-inset: 0px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;width:100%;height:100%;min-height:0;display:flex;align-items:stretch;box-sizing:border-box;border:0;user-select:none;-webkit-user-select:none;border-radius:inherit;background:transparent;overflow:hidden;color:var(--hiv-text);pointer-events:none}.ide-how-visual [data-hiv-thread]{pointer-events:auto;cursor:pointer}.ide-how-visual *,.ide-how-visual *:before,.ide-how-visual *:after{box-sizing:border-box}.ide-how-visual .hiv-scene-container{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-left:var(--hiv-scene-inset)}.ide-how-visual .hiv-scene-scale{position:relative;flex-shrink:0;overflow:visible}.ide-how-visual .hiv-scene{display:grid;grid-template-columns:26em minmax(0,1fr);width:var(--hiv-design-width);min-width:var(--hiv-design-width);height:var(--hiv-design-height);flex-shrink:0;overflow:hidden;position:absolute;top:0;left:0;transform-origin:top left;background:var(--hiv-shell);border-radius:1.15rem;box-shadow:0 4px 16px -8px #00000014,0 1px 2px #0000000a}.ide-how-visual .hiv-main-shell{display:flex;flex-direction:column;min-width:0;min-height:0;padding:.8em .8em .8em 0;background:transparent;overflow:hidden}.ide-how-visual .hiv-sidebar{display:flex;flex-direction:column;min-height:0;background:var(--hiv-sidebar);border-right:1px solid var(--hiv-line);overflow:hidden}.ide-how-visual .hiv-sidebar-head{display:flex;align-items:center;gap:.8em;height:4.8em;padding:.8em 1.2em 0 1.6em;flex-shrink:0}.ide-how-visual .hiv-logo-mark{width:2em;height:2em;flex-shrink:0}.ide-how-visual .hiv-logo-mark svg{display:block;width:100%;height:100%}.ide-how-visual .hiv-sidebar-title{font-size:1.4em;font-weight:500;color:oklch(from var(--hiv-text) l c h / .9);letter-spacing:-.01em;white-space:nowrap}.ide-how-visual .hiv-sidebar-toggle{margin-left:auto;width:3.2em;height:3.2em;display:grid;place-items:center;border:0;border-radius:var(--hiv-radius-lg);background:transparent;color:var(--hiv-muted);flex-shrink:0;padding:0}.ide-how-visual .hiv-sidebar-toggle svg{width:1.6em;height:1.6em}.ide-how-visual .hiv-sidebar-nav{display:flex;flex-direction:column;gap:.2em;padding:.8em 1.2em 0;flex-shrink:0}.ide-how-visual .hiv-new-chat-btn{display:flex;align-items:center;gap:.8em;width:100%;height:3.2em;padding:0 1em;border:0;border-radius:var(--hiv-radius-lg);background:transparent;color:var(--hiv-text);font:inherit;font-size:1.4em;text-align:left}.ide-how-visual .hiv-new-chat-btn svg{width:1.6em;height:1.6em;flex-shrink:0;color:var(--hiv-text)}.ide-how-visual .hiv-sidebar-search{position:relative;margin-top:.4em}.ide-how-visual .hiv-sidebar-search svg{position:absolute;top:50%;left:1em;width:1.4em;height:1.4em;transform:translateY(-50%);color:var(--hiv-muted);pointer-events:none}.ide-how-visual .hiv-sidebar-search input{width:100%;height:3.2em;padding:0 1em 0 2.8em;border:1px solid oklch(from var(--hiv-border) l c h / .6);border-radius:var(--hiv-radius-lg);background:transparent;color:var(--hiv-text);font:inherit;font-size:1.4em;outline:none}.ide-how-visual .hiv-sidebar-search input::placeholder{color:var(--hiv-muted)}.ide-how-visual .hiv-thread-list{flex:1;min-height:0;overflow:hidden;padding:.4em 1.2em 0}.ide-how-visual .hiv-thread-group-label{margin:0;padding:1.2em 1em .4em;font-size:1.2em;font-weight:500;color:var(--hiv-muted)}.ide-how-visual .hiv-thread-item{display:flex;align-items:center;gap:.6em;width:100%;height:3.2em;padding:0 1em;border:0;border-radius:var(--hiv-radius-lg);background:transparent;font:inherit;text-align:left;cursor:pointer;color:inherit}.ide-how-visual .hiv-thread-item:focus-visible{outline:2px solid oklch(from var(--hiv-accent) l c h / .55);outline-offset:1px}.ide-how-visual .hiv-thread-item.is-active{background:var(--hiv-surface-3)}.ide-how-visual .hiv-thread-item__title{flex:1;min-width:0;font-size:1.4em;color:var(--hiv-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ide-how-visual .hiv-thread-item__more{width:2.4em;height:2.4em;display:grid;place-items:center;border-radius:var(--hiv-radius-lg);color:var(--hiv-muted);flex-shrink:0;pointer-events:none}.ide-how-visual .hiv-thread-item__more svg{width:1.4em;height:1.4em}.ide-how-visual .hiv-sidebar-foot{display:flex;align-items:center;gap:.8em;padding:.8em 1.2em 1em;flex-shrink:0}.ide-how-visual .hiv-avatar{width:3.2em;height:3.2em;border-radius:999px;background:#2ea8a8;color:#fff;display:grid;place-items:center;font-size:1.2em;font-weight:500;flex-shrink:0}.ide-how-visual .hiv-sidebar-foot-copy{display:grid;gap:.15em;min-width:0;flex:1}.ide-how-visual .hiv-sidebar-foot-name{font-size:1.4em;font-weight:500;color:var(--hiv-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ide-how-visual .hiv-sidebar-foot-email{font-size:1.2em;color:var(--hiv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ide-how-visual .hiv-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--hiv-bg);border:0;border-radius:0;box-shadow:none;overflow:hidden}.ide-how-visual .hiv-panel{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.ide-how-visual .hiv-header{position:relative;display:flex;align-items:center;height:4.8em;padding:0 1.6em;flex-shrink:0}.ide-how-visual .hiv-header-title{font-size:1.4em;font-weight:500;color:var(--hiv-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ide-how-visual .hiv-header:after{content:"";position:absolute;left:0;right:0;top:100%;height:2em;background:linear-gradient(to bottom,var(--hiv-bg),transparent);pointer-events:none;z-index:1}.ide-how-visual .hiv-viewport{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.ide-how-visual .hiv-panel[hidden]{display:none!important}.ide-how-visual .hiv-viewport--empty{flex:1;justify-content:center;padding:1.6em}.ide-how-visual .hiv-empty-center{width:100%;max-width:44em;margin:0 auto;display:flex;flex-direction:column;gap:2.4em}.ide-how-visual .hiv-messages{flex:1;min-height:0;display:flex;flex-direction:column;gap:1.2em;overflow:visible;padding:1.2em 1.6em 0}.ide-how-visual .hiv-welcome{text-align:center}.ide-how-visual .hiv-welcome h2{margin:0;font-size:2.4em;font-weight:600;color:var(--hiv-text);line-height:1.2;letter-spacing:-.02em}.ide-how-visual .hiv-user-msg{align-self:flex-end;max-width:88%;opacity:0;transform:translateY(.6em)}.ide-how-visual .hiv-user-msg__bubble{padding:.9em 1.1em;border-radius:.875em .875em .25em;border:0;background:var(--hiv-user-bg);color:var(--hiv-text);font-size:1.4em;line-height:1.45}.ide-how-visual .hiv-assistant{display:flex;flex-direction:column;gap:.9em;min-width:0}.ide-how-visual .hiv-thinking{display:inline-flex;align-items:center;gap:.55em;opacity:0;transform:translateY(.4em)}.ide-how-visual .hiv-braille{font-family:ui-monospace,monospace;font-size:1.8em;line-height:1;color:var(--hiv-accent)}.ide-how-visual .hiv-thinking-label{font-size:1.4em;background:linear-gradient(90deg,var(--hiv-muted) 0%,oklch(from var(--hiv-text) l c h / .55) 50%,var(--hiv-muted) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.ide-how-visual.hiv-scene--playing .hiv-thinking-label{animation:hiv-shimmer 1.4s linear infinite}.ide-how-visual .hiv-tool-group{border-radius:var(--hiv-radius-lg);border:1px solid var(--hiv-line);background:var(--hiv-shell);padding:.9em 1.1em;opacity:0;transform:translateY(.4em)}.ide-how-visual .hiv-tool-group__head{display:flex;align-items:center;gap:.55em;font-size:1.4em;font-weight:500;color:var(--hiv-text)}.ide-how-visual .hiv-tool-spinner{width:1.1em;height:1.1em;border:1.5px solid oklch(from var(--hiv-text) l c h / .15);border-top-color:var(--hiv-text);border-radius:999px;flex-shrink:0}.ide-how-visual.hiv-scene--playing .hiv-tool-spinner{animation:hiv-spin .6s linear infinite}.ide-how-visual .hiv-tool-group__body{margin-top:.8em;display:grid;gap:.45em}.ide-how-visual .hiv-corpus{margin:0;font-size:1.25em;color:var(--hiv-accent);line-height:1.4}.ide-how-visual .hiv-hits{margin:0;padding:0;list-style:none;display:grid;gap:.45em}.ide-how-visual .hiv-hit{display:grid;grid-template-columns:auto 1fr;gap:.65em;align-items:start;padding:.55em .65em;border:1px solid var(--hiv-border);border-radius:var(--hiv-radius-lg);background:var(--hiv-bg);font-size:1.2em;line-height:1.35;color:var(--hiv-muted);opacity:0;transform:translateY(.5em)}.ide-how-visual .hiv-hit-score{font-family:ui-monospace,monospace;font-size:.95em;color:var(--hiv-accent);padding-top:.05em}.ide-how-visual .hiv-answer-layout{display:flex;flex-direction:column;min-height:0;flex:1}.ide-how-visual .hiv-answer-body{min-width:0;font-size:1.3em;line-height:1.55;color:var(--hiv-muted)}.ide-how-visual .hiv-answer-line{margin:0 0 .75em;opacity:0;transform:translateY(.35em)}.ide-how-visual .hiv-answer-line:last-child{margin-bottom:0}.ide-how-visual .hiv-answer-body code{font-family:ui-monospace,monospace;font-size:.92em;color:var(--hiv-text);background:#f4f4f5;padding:.08em .35em;border-radius:.35em}.ide-how-visual .hiv-answer-code{margin:0 0 .75em;padding:.75em .85em;border-radius:var(--hiv-radius-lg);background:#f4f4f5;border:1px solid var(--hiv-border);overflow-x:auto;overflow-y:hidden;font-family:ui-monospace,monospace;font-size:1.1em;line-height:1.5;color:var(--hiv-text);opacity:0;transform:translateY(.35em);scrollbar-width:thin}.ide-how-visual .hiv-sources-block{margin-top:.6em;display:flex;flex-direction:column;gap:.4em;opacity:0;transform:translateY(.35em)}.ide-how-visual .hiv-sources-head{margin:0;font-size:1.05em;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--hiv-faint)}.ide-how-visual .hiv-sources-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35em}.ide-how-visual .hiv-source{display:flex;align-items:flex-start;gap:.45em;width:100%;margin:0;padding:.5em .6em;border:1px solid var(--hiv-border);border-radius:var(--hiv-radius);background:var(--hiv-shell);text-align:left;color:inherit;opacity:0;transform:translate(-.35em);transition:border-color .3s ease,background .3s ease}.ide-how-visual .hiv-source__num{flex-shrink:0;margin-top:.05em;font-family:ui-monospace,monospace;font-size:1.05em;font-weight:500;color:var(--hiv-faint);transition:color .3s ease}.ide-how-visual .hiv-source__body{display:flex;flex-direction:column;gap:.12em;min-width:0;flex:1}.ide-how-visual .hiv-source__title{font-size:1.15em;line-height:1.35;color:var(--hiv-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-how-visual .hiv-source__doc{font-size:1.05em;color:var(--hiv-faint);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-how-visual .hiv-source__icon{margin-left:auto;margin-top:.05em;flex-shrink:0;color:var(--hiv-faint);opacity:0;transition:color .3s ease,opacity .3s ease}.ide-how-visual .hiv-source__icon svg{display:block;width:1.15em;height:1.15em}.ide-how-visual .ide-citation-marker{font-size:.92em;color:var(--hiv-accent)}.ide-how-visual .hiv-source.is-active,.ide-how-visual .ide-citation-marker.is-active{border-color:oklch(from var(--hiv-accent) l c h / .35);background:oklch(from var(--hiv-accent) l c h / .06)}.ide-how-visual .hiv-source.is-active .hiv-source__num,.ide-how-visual .hiv-source.is-active .hiv-source__icon{color:var(--hiv-accent)}.ide-how-visual .hiv-source.is-active .hiv-source__icon{opacity:1}.ide-how-visual .hiv-composer-wrap{flex-shrink:0;padding:.8em 1.6em 1.6em}.ide-how-visual .hiv-viewport--empty .hiv-composer-wrap{padding:0}.ide-how-visual .hiv-composer{display:flex;flex-direction:column;gap:.8em;padding:.8em;border:0;border-radius:var(--hiv-composer-radius);background:var(--hiv-composer);box-shadow:0 4px 16px -8px #00000014,0 1px 2px #0000000a}.ide-how-visual .hiv-composer-input{min-height:2.5em;max-height:5.6em;padding:.35em .55em;font-size:1.6em;line-height:1.45;letter-spacing:normal;word-spacing:normal;color:var(--hiv-text);white-space:normal;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.ide-how-visual .hiv-composer-input.is-placeholder{color:oklch(from var(--hiv-muted) l c h / .8)}.ide-how-visual .hiv-char{display:inline;letter-spacing:normal;opacity:0}.ide-how-visual .hiv-char--hidden{display:none}.ide-how-visual .hiv-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:.6em}.ide-how-visual .hiv-composer-actions-right{display:flex;align-items:center;gap:.4em}.ide-how-visual .hiv-model-pill{display:inline-flex;align-items:center;gap:.3em;font-size:1.4em;padding:.35em .75em;border-radius:999px;border:0;background:transparent;color:var(--hiv-text)}.ide-how-visual .hiv-model-pill svg{width:1.6em;height:1.6em;opacity:.5}.ide-how-visual .hiv-attach-btn{width:2.8em;height:2.8em;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--hiv-muted);padding:0}.ide-how-visual .hiv-attach-btn svg{width:1.6em;height:1.6em}.ide-how-visual .hiv-send-btn{width:2.8em;height:2.8em;border-radius:999px;border:0;background:var(--hiv-surface-3);color:var(--hiv-faint);display:grid;place-items:center;padding:0;opacity:1;transition:background .2s ease,color .2s ease}.ide-how-visual .hiv-send-btn svg{width:1.6em;height:1.6em}.ide-how-visual .hiv-send-btn.is-ready{background:var(--hiv-neutral);color:var(--hiv-primary-fg)}@keyframes hiv-char-in{to{opacity:1}}@keyframes hiv-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes hiv-fade-right{to{opacity:1;transform:translate(0)}}@keyframes hiv-spin{to{transform:rotate(360deg)}}@keyframes hiv-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes hiv-cite-pop{0%{background:oklch(from var(--hiv-accent) l c h / .28);transform:scale(1.08)}to{background:oklch(from var(--hiv-accent) l c h / .18);transform:scale(1)}}.ide-how-visual.hiv-scene--playing .hiv-char,.ide-how-visual.hiv-scene--done .hiv-char{animation:hiv-char-in .01s forwards;animation-delay:calc(var(--hiv-i, 0) * 40ms + .12s)}.ide-how-visual.hiv-scene--playing .hiv-send-btn.is-ready,.ide-how-visual.hiv-scene--done .hiv-send-btn.is-ready{transition-delay:calc(var(--hiv-char-count, 0) * 40ms + .18s)}.ide-how-visual.hiv-scene--playing[data-hiv-step="0"] .hiv-send-btn,.ide-how-visual.hiv-scene--done[data-hiv-step="0"] .hiv-send-btn{opacity:1}.ide-how-visual.hiv-scene--playing .hiv-user-msg,.ide-how-visual.hiv-scene--done .hiv-user-msg{animation:hiv-fade-up .38s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--hiv-delay, 0ms)}.ide-how-visual.hiv-scene--playing .hiv-thinking,.ide-how-visual.hiv-scene--done .hiv-thinking{animation:hiv-fade-up .38s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.22s}.ide-how-visual.hiv-scene--playing .hiv-tool-group,.ide-how-visual.hiv-scene--done .hiv-tool-group{animation:hiv-fade-up .38s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.42s}.ide-how-visual.hiv-scene--playing .hiv-hit,.ide-how-visual.hiv-scene--done .hiv-hit{animation:hiv-fade-up .38s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.6s + var(--hiv-delay, 0ms))}.ide-how-visual.hiv-scene--playing .hiv-answer-line,.ide-how-visual.hiv-scene--done .hiv-answer-line{animation:hiv-fade-up .38s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.28s + var(--hiv-delay, 0ms))}.ide-how-visual.hiv-scene--playing .hiv-answer-code,.ide-how-visual.hiv-scene--done .hiv-answer-code{animation:hiv-fade-up .38s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.52s}.ide-how-visual.hiv-scene--playing .hiv-sources-block,.ide-how-visual.hiv-scene--done .hiv-sources-block{animation:hiv-fade-up .38s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.88s + var(--hiv-delay, 0ms))}.ide-how-visual.hiv-scene--playing .hiv-source,.ide-how-visual.hiv-scene--done .hiv-source{animation:hiv-fade-right .38s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.96s + var(--hiv-delay, 0ms))}.ide-how-visual.hiv-scene--playing .ide-citation-marker,.ide-how-visual.hiv-scene--done .ide-citation-marker{animation:hiv-cite-pop .35s ease forwards;animation-delay:calc(.76s + var(--hiv-delay, 0ms))}.ide-how-visual.hiv-scene--playing .hiv-source.is-active,.ide-how-visual.hiv-scene--done .hiv-source.is-active{animation:hiv-fade-right .38s cubic-bezier(.16,1,.3,1) forwards,hiv-cite-pop .35s ease forwards}@media(prefers-reduced-motion:reduce){.ide-how-visual.hiv-scene--playing .hiv-char,.ide-how-visual.hiv-scene--done .hiv-char,.ide-how-visual.hiv-scene--playing .hiv-user-msg,.ide-how-visual.hiv-scene--done .hiv-user-msg,.ide-how-visual.hiv-scene--playing .hiv-thinking,.ide-how-visual.hiv-scene--done .hiv-thinking,.ide-how-visual.hiv-scene--playing .hiv-tool-group,.ide-how-visual.hiv-scene--done .hiv-tool-group,.ide-how-visual.hiv-scene--playing .hiv-hit,.ide-how-visual.hiv-scene--done .hiv-hit,.ide-how-visual.hiv-scene--playing .hiv-answer-line,.ide-how-visual.hiv-scene--done .hiv-answer-line,.ide-how-visual.hiv-scene--playing .hiv-answer-code,.ide-how-visual.hiv-scene--done .hiv-answer-code,.ide-how-visual.hiv-scene--playing .hiv-sources-block,.ide-how-visual.hiv-scene--done .hiv-sources-block,.ide-how-visual.hiv-scene--playing .hiv-source,.ide-how-visual.hiv-scene--done .hiv-source,.ide-how-visual.hiv-scene--playing .ide-citation-marker,.ide-how-visual.hiv-scene--done .ide-citation-marker{animation:none;opacity:1;transform:none}.ide-how-visual.hiv-scene--playing .hiv-tool-spinner,.ide-how-visual.hiv-scene--playing .hiv-thinking-label{animation:none}.ide-how-visual[data-hiv-step="0"] .hiv-send-btn{opacity:1}}.ide-how-visual .hiv-peek-msg{opacity:1;transform:none}.ide-how-visual--static.hiv-scene--done .hiv-user-msg,.ide-how-visual--static.hiv-scene--done .hiv-answer-line,.ide-how-visual--static.hiv-scene--done .hiv-answer-code,.ide-how-visual--static.hiv-scene--done .hiv-sources-block,.ide-how-visual--static.hiv-scene--done .hiv-source,.ide-how-visual--static.hiv-scene--done .ide-citation-marker{animation:none;opacity:1;transform:none}@media(max-width:40em){.ide-how-visual .hiv-main-shell{padding:.8em .8em .8em 0}}