.ch-anchor{scroll-margin-top:calc(var(--topbar-height) + 16px)}.ch-contents{display:contents}.ch-head .ch-intro p+p{margin-top:12px}.ch-head--center .ch-intro{margin-left:auto;margin-right:auto}.ch-head--split .ch-head__main{flex:auto;min-width:0}.ch-head__aside{flex:none}.ch-btns--flush{margin-top:0}@media (width<=767px){.ch-head__aside{align-self:stretch}}.ch-sec.ch-closing-row{text-align:center;padding-top:48px;padding-bottom:48px}.ch-closing-row .ch-btns,.ch-closing-block .ch-btns{justify-content:center;margin-top:24px}.ch-closing-row>.ch-btns:first-child{margin-top:0}.ch-closing-row__text{max-width:640px;margin:12px auto 0}.ch-closing-block{margin-top:40px}@media (width<=767px){.ch-sec.ch-closing-row{padding-top:36px;padding-bottom:36px}}.ch-stage-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ch-stage-cards .ch-card__title{text-overflow:ellipsis;white-space:nowrap;line-height:22px;overflow:hidden}.ch-stage-cards__badges{flex:none;gap:4px;display:flex}@media (width<=767px){.ch-stage-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ch-stage-cards .ch-card__view{padding:8px}.ch-stage-cards .ch-card__meta{padding:10px}.ch-stage-cards .ch-card__title{font-size:14px}}.ch-split{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ch-split--solo{grid-template-columns:minmax(0,1fr)}.ch-split__copy{padding:var(--sec-pad-y) var(--sec-pad-x);flex-direction:column;justify-content:center;display:flex}.ch-split__text{margin-top:20px}.ch-split__text p+p{margin-top:1em}.ch-split__media{border-left:1px solid var(--color-border);background:var(--color-stage);padding:32px}.ch-split__media--single{align-items:center;display:flex}.ch-split__media--single .ch-frame{background:var(--color-surface);width:100%}.ch-split__media--collage{justify-content:center;align-items:center;display:flex}.ch-collage{align-items:center;gap:12px;width:100%;display:flex}.ch-collage__col{flex-direction:column;flex:1 1 0;justify-content:center;gap:12px;min-width:0;display:flex}.ch-shot{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;flex:none;width:100%;height:auto;display:block}@media (width>=1025px){.ch-split__media--collage{min-height:440px;position:relative}.ch-split__media--collage .ch-collage{align-items:stretch;width:auto;position:absolute;inset:32px}.ch-collage__col{flex-wrap:wrap;align-content:flex-start;overflow:hidden}}@media (width<=1024px){.ch-split{grid-template-columns:minmax(0,1fr)}.ch-split__media{border-left:0;border-top:1px solid var(--color-border)}.ch-collage{max-width:720px;margin:0 auto}.ch-collage .ch-shot:nth-child(n+3){display:none}}@media (width<=767px){.ch-split__media{padding:20px}.ch-collage,.ch-collage__col{gap:8px}}.ch-feature{padding:0 32px var(--sec-pad-y)}.ch-feature__art{border-bottom:1px solid var(--color-border);background:var(--color-surface) var(--hatch-light);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:220px;margin:0 -32px 28px;padding:16px;display:flex}.ch-feature__art img{width:min(100%, calc(var(--cap,180px) * var(--ar,1.5)));border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;height:auto}.ch-feature__device{justify-content:center;align-self:stretch;display:flex}.ch-feature__device img{--cap:140px}.ch-feature .ch-text{margin-top:8px}.ch-qa.ch-feature__more{border-top:1px solid var(--color-border);margin-top:20px}.ch-qa.ch-feature__more summary{padding:14px 0;font-size:15px}.ch-feature__more .ch-qa__a{padding-bottom:14px;padding-right:0}.ch-pills.ch-pills--sm{border-radius:8px;flex-wrap:nowrap;gap:2px;padding:3px}.ch-pills.ch-pills--sm :is(button,a){border-radius:6px;height:26px;padding:0 10px;font-size:12px}@media (width<=1024px) and (width>=768px){.ch-feature{padding-left:24px;padding-right:24px}.ch-feature__art>.ch-art-pair{transform:scale(.82)}.ch-feature__art{margin-left:-24px;margin-right:-24px;padding:12px}.ch-pills.ch-pills--sm :is(button,a){padding:0 8px}}@media (width<=767px){.ch-feature{padding:0 20px 36px}.ch-feature__art{margin:0 -20px 24px}}.ch-bento{padding:36px var(--sec-pad-x) 40px}.ch-bento .ch-text{margin-top:8px}.ch-icon{background:var(--color-ink);width:44px;height:44px;color:var(--color-surface);border-radius:10px;place-items:center;margin-bottom:20px;display:grid}.ch-icon svg{fill:currentColor;width:22px;height:22px;display:block}.ch-bento__top{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:20px;display:flex}.ch-bento__top .ch-icon{margin-bottom:0}.ch-vpair{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ch-vpair__chip{border:1px solid var(--color-border);background:var(--color-surface);height:36px;font:500 13px/1 var(--font-sans);letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 12px 0 6px;display:inline-flex}.ch-vpair__chip .ch-badge{height:24px}.ch-icon--plain{width:28px;height:28px;color:var(--color-ink);background:0 0;margin-bottom:16px}.ch-icon--plain svg{width:28px;height:28px}.ch-art-copy__img{width:min(100%, calc(120px * var(--ar,1.5)));border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;height:auto;margin:0 auto;display:block}.ch-art-copy--shot .ch-art-copy__btn{border-radius:var(--radius-button);font-weight:700}.ch-art-click{position:relative}.ch-art-click__btn{border-radius:var(--radius-button);background:var(--color-ink);height:40px;color:var(--color-surface);font:700 15px/1 var(--font-sans);letter-spacing:-.02em;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.ch-art-click__cursor{color:var(--color-ink);position:absolute;bottom:-20px;right:-16px}.ch-art-click__cursor path{stroke:var(--color-surface);stroke-width:1.2px}.ch-step__img{width:min(100% - 48px, calc(180px * var(--ar,1.5)));height:auto}.ch-demo{flex-direction:column;align-items:flex-end;gap:10px;width:320px;max-width:100%;display:flex}.ch-demo__thumb{border-radius:var(--radius-frame);cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.ch-demo__thumb .ch-frame{display:block}.ch-demo__play{background:var(--color-ink);width:52px;height:52px;color:var(--color-surface);border-radius:50%;place-items:center;margin:-26px 0 0 -26px;transition:transform .2s;display:grid;position:absolute;top:50%;left:50%}.ch-demo__thumb:hover .ch-demo__play{transform:scale(1.06)}.ch-demo__label{font:var(--text-ui);letter-spacing:var(--ls-ui);color:var(--color-muted-text)}@media (width<=767px){.ch-demo{align-items:stretch;width:100%}}.ch-tabbar{justify-content:center;margin-top:32px;display:flex}.ch-aud{padding:32px var(--sec-pad-x)}.ch-aud__text{font:500 16px/1.45 var(--font-sans);letter-spacing:-.02em;color:var(--color-ink)}.ch-aud__intro{margin-top:8px}.ch-checks{gap:12px;display:grid}.ch-checks li{font:var(--text-body);letter-spacing:var(--ls-body);color:var(--color-text);align-items:flex-start;gap:10px;display:flex}.ch-checks svg{color:var(--color-ink);flex:none;margin-top:4px}.ch-checks--grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;max-width:600px;margin-top:28px}.ch-sec>.ch-reviews:first-child{margin-top:0}.ch-aud-panels{display:grid}.ch-aud-panel{flex-direction:column;grid-area:1/1;min-width:0;display:flex}.ch-aud-panel[data-off]{visibility:hidden}.ch-aud-panel>.ch-row:last-child{flex:1 0 auto;display:flex}@media (width<=767px){.ch-checks--grid{grid-template-columns:minmax(0,1fr)}}.ch-showcase__intro{max-width:640px;margin-bottom:28px}.ch-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=1024px){.ch-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.ch-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ch-cards .ch-card__meta--stack{padding:12px}}.ch-compare{border-collapse:collapse;table-layout:fixed;width:100%}.ch-compare th,.ch-compare td{border-top:1px solid var(--color-border);text-align:left;vertical-align:top;font:400 15px/1.5 var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text);overflow-wrap:break-word;padding:16px 24px}.ch-compare tr>*+*{border-left:1px solid var(--color-border)}.ch-compare thead :is(th,td){font:500 12px/16px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;border-top:0;padding-top:20px;padding-bottom:20px}.ch-compare tbody th{color:var(--color-ink);font-weight:500}.ch-compare .ch-compare__us{background:var(--color-surface) var(--hatch-light)}.ch-compare thead .ch-compare__us{color:var(--color-ink)}@media (width<=767px){.ch-compare th,.ch-compare td{padding:12px;font-size:14px}.ch-compare thead :is(th,td){letter-spacing:.08em;padding-top:16px;padding-bottom:16px;font-size:11px}}@media (prefers-reduced-motion:reduce){.ch-demo__play{transition:none}}.ch-art-pair{flex:none;width:264px;height:176px;position:relative}.ch-art-pair__card,.ch-art-pair__v4{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex;position:absolute}.ch-art-pair__card{width:168px;top:0;left:0}.ch-art-pair__v4{width:156px;box-shadow:var(--shadow-raised);bottom:0;right:0}.ch-art-pair__head{font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-text);justify-content:space-between;align-items:center;gap:6px;margin-bottom:2px;display:flex}.ch-art-pair .ch-badge{letter-spacing:0;height:18px;padding:0 6px;font-size:11px}.ch-art-tree__row{font:500 12px/1 var(--font-sans);letter-spacing:-.01em;color:var(--color-text);white-space:nowrap;align-items:center;gap:7px;display:flex}.ch-art-tree__row:before{content:"";background:var(--color-line-strong);border-radius:3px;flex:none;width:10px;height:10px}.ch-art-tree__row--box{color:var(--color-ink)}.ch-art-tree__row--box:before{border:1px dashed var(--color-ink);background:0 0}.ch-art-tree__row--in{padding-left:16px}.ch-art-scale{flex-direction:column;gap:5px;display:flex}.ch-art-scale__row{font:500 10px/1 var(--font-sans);letter-spacing:.04em;color:var(--color-muted-text);align-items:center;gap:8px;display:flex}.ch-art-scale__row>span:first-child{width:16px}.ch-art-scale__bar{background:var(--color-ink);border-radius:2px;height:8px}.ch-art-scale__row:first-child .ch-art-scale__bar{width:8px}.ch-art-scale__row:nth-child(2) .ch-art-scale__bar{width:16px}.ch-art-scale__row:nth-child(3) .ch-art-scale__bar{width:32px}.ch-art-scale__row:nth-child(4) .ch-art-scale__bar{width:56px}.ch-art-type{color:var(--color-ink);align-items:baseline;gap:8px;margin-top:4px;display:flex}.ch-art-type b{font:700 22px/1 var(--font-sans);letter-spacing:-.04em}.ch-art-type span{font:500 14px/1 var(--font-sans);letter-spacing:-.02em}.ch-art-type small{font:400 11px/1 var(--font-sans);color:var(--color-muted-text)}.ch-art-pair__label{font:500 10px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-text);white-space:nowrap}.ch-art-pair__chips{flex-wrap:wrap;gap:4px;display:flex}.ch-art-pair__chip{border:1px solid var(--color-border);background:var(--color-subtle-2);height:20px;font:500 11px/1 var(--font-sans);color:var(--color-ink);border-radius:5px;align-items:center;padding:0 7px;display:inline-flex}.ch-art-pair__chip--open{border-style:dashed;border-color:var(--color-line-strong);background:var(--color-surface);color:var(--color-muted-text)}.ch-flow{--flow-ease:cubic-bezier(.2, .7, .2, 1);isolation:isolate;border:1px solid var(--color-border);border-radius:var(--radius-frame);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-raised);flex-direction:column;margin:0;display:flex;overflow:hidden;container:chflow/inline-size}.ch-flow__top{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;height:52px;padding:0 10px 0 16px;display:flex}.ch-flow__crumb{font:var(--text-ui);letter-spacing:var(--ls-ui);color:var(--color-muted-text);white-space:nowrap;align-items:center;gap:8px;margin-right:auto;display:inline-flex}.ch-flow__pause{width:30px;height:30px;color:var(--color-muted-text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-grid}.ch-flow__pause:hover{background:var(--color-muted);color:var(--color-ink)}.ch-flow__pause:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.ch-flow__pause .is-play,.ch-flow[data-state=paused] .ch-flow__pause .is-pause,.ch-flow[data-state=done] .ch-flow__pause .is-pause{display:none}.ch-flow[data-state=paused] .ch-flow__pause .is-play,.ch-flow[data-state=done] .ch-flow__pause .is-play{display:block}.ch-flow__art{background:var(--color-stage);pointer-events:none;user-select:none;flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 14px 14px;display:flex;position:relative}.ch-flow__src{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;flex:none;align-items:center;gap:8px;height:44px;padding:0 6px 0 12px;display:flex}.ch-flow__name{font:700 14px/1.2 var(--font-sans);letter-spacing:-.02em;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ch-flow__copy{border-radius:var(--radius-button);background:var(--color-ink);height:32px;color:var(--color-surface);font:700 13px/1 var(--font-sans);letter-spacing:var(--ls-button);flex:none;align-items:center;gap:6px;margin-left:auto;padding:0 14px;transition:transform .15s,background-color .15s;display:inline-flex}.ch-flow[data-flags~=press] .ch-flow__copy{background:var(--color-dark);transform:scale(.96)}.ch-flow__from{z-index:2;position:relative}.ch-flow__toast{z-index:2;border-radius:var(--radius-pill);background:var(--color-dark);color:var(--color-surface);font:500 12px/1 var(--font-sans);letter-spacing:-.01em;white-space:nowrap;box-shadow:var(--shadow-overlay);opacity:0;align-items:center;gap:8px;padding:6px 12px 6px 6px;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,6px)}.ch-flow__toast svg circle{fill:var(--color-surface)}.ch-flow__toast svg path{stroke:var(--color-dark)}.ch-flow[data-flags~=toast] .ch-flow__toast{opacity:1;transform:translate(-50%)}.ch-flow__editor{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;flex:1;grid-template-columns:60px minmax(0,1fr);min-height:248px;display:grid;overflow:hidden}.ch-flow__panel{border-right:1px solid var(--color-border);background:var(--color-subtle-2);grid-template-columns:1fr 1fr;align-content:start;gap:6px;padding:8px;display:grid}.ch-flow__panel i{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-chip);background:linear-gradient(var(--color-border), var(--color-border)) center 38% / 10px 7px no-repeat, linear-gradient(var(--color-border), var(--color-border)) center 76% / 12px 2px no-repeat, var(--color-surface)}.ch-flow__panel i:first-child{aspect-ratio:auto;border-radius:var(--radius-pill);background:var(--color-surface);grid-column:1/-1;height:14px}.ch-flow__canvas{flex-direction:column;gap:10px;min-height:0;padding:10px;display:flex;position:relative}.ch-flow__page{background:var(--color-muted);border-radius:6px;flex:none;grid-template-rows:auto minmax(0,1fr);gap:8px;height:64px;padding:10px;display:grid;overflow:hidden}.ch-flow__page>i{background:var(--color-line-strong);border-radius:2px;width:46%;height:6px}.ch-flow__page>span{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.ch-flow__page>span i{border:1px solid var(--color-border);background:linear-gradient(var(--color-border), var(--color-border)) 6px 8px / 50% 4px no-repeat, var(--color-surface);border-radius:4px;min-height:0}.ch-flow__slot{border:1px dashed var(--color-line-strong);border-radius:8px;flex:auto;place-items:center;min-height:140px;transition:border-color .2s;display:grid;position:relative}.ch-flow__plus{background:var(--color-ink);width:24px;height:24px;color:var(--color-surface);border-radius:50%;place-items:center;transition:opacity .2s;display:grid}.ch-flow[data-flags~=pasted] .ch-flow__plus{opacity:0}.ch-flow[data-flags~=pasted] .ch-flow__slot{border-color:#0000}.ch-flow__section{border:1px solid var(--color-ink);background:var(--color-surface);opacity:0;border-radius:6px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:10px;padding:12px;transition:opacity .25s;display:grid;position:absolute;inset:-1px}.ch-flow[data-flags~=pasted] .ch-flow__section{opacity:1}.ch-flow__lines{flex-direction:column;gap:5px;display:flex}.ch-flow__lines i{background:var(--color-border);opacity:0;height:4px;transition:opacity .25s ease, transform .25s var(--flow-ease);border-radius:2px;display:block;transform:translateY(6px)}.ch-flow__lines .h{background:var(--color-ink);height:8px}.ch-flow__lines .h+.h{width:70%}.ch-flow__lines .t{width:92%}.ch-flow__lines .t+.t{width:74%}.ch-flow__lines .b{background:var(--color-ink);border-radius:3px;width:34%;height:12px;margin-top:4px}.ch-flow__media{aspect-ratio:4/3;background:var(--color-muted);color:var(--color-separator);opacity:0;transition:opacity .25s ease .18s, transform .25s var(--flow-ease) .18s;border-radius:6px;place-items:center;display:grid;transform:translateY(6px)}.ch-flow[data-flags~=pasted] .ch-flow__lines i,.ch-flow[data-flags~=pasted] .ch-flow__media{opacity:1;transform:none}.ch-flow__lines i:nth-child(2){transition-delay:40ms}.ch-flow__lines i:nth-child(3){transition-delay:80ms}.ch-flow__lines i:nth-child(4){transition-delay:.12s}.ch-flow__lines i:nth-child(5){transition-delay:.16s}.ch-flow__tag{background:var(--color-ink);color:var(--color-surface);font:500 12px/1 var(--font-sans);letter-spacing:-.01em;white-space:nowrap;border-radius:4px 4px 0 0;padding:3px 8px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.ch-flow__menu{z-index:2;border:1px solid var(--color-border);background:var(--color-surface);min-width:150px;box-shadow:var(--shadow-overlay);opacity:0;transform-origin:0 0;border-radius:8px;flex-direction:column;padding:4px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:22px;left:18%;transform:scale(.96)}.ch-flow__menu span{font:500 12px/1.2 var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text);white-space:nowrap;border-radius:6px;padding:7px 10px;transition:background-color .15s,color .15s}.ch-flow[data-flags~=menu] .ch-flow__menu{opacity:1;transform:none}.ch-flow[data-flags~=pick] .ch-flow__menu .is-pick{background:var(--color-muted);color:var(--color-ink)}.ch-flow__anchor{width:1px;height:1px;position:absolute;top:22px;left:18%}.ch-flow__cursor{z-index:3;width:18px;height:18px;transform:translate(var(--cx,0px), var(--cy,0px));transition:transform .75s var(--flow-ease);position:absolute;top:0;left:0}.ch-flow:not([data-state=playing]) .ch-flow__cursor{display:none}.ch-flow__menu .is-pick{position:relative}.ch-flow__still-cursor{display:none;position:absolute;top:55%;right:12px}.ch-flow:not([data-state=playing]) .ch-flow__still-cursor{display:block}.ch-flow__cursor svg,.ch-flow__still-cursor svg{fill:var(--color-ink);stroke:var(--color-surface);stroke-width:1.5px;display:block}.ch-flow__cursor:before{content:"";border:2px solid var(--color-ink);opacity:0;border-radius:50%;width:22px;height:22px;position:absolute;top:-10px;left:-10px}.ch-flow[data-flags~=click] .ch-flow__cursor:before{animation:.45s ease-out ch-flow-click}@keyframes ch-flow-click{0%{opacity:.35;transform:scale(.4)}to{opacity:0;transform:scale(1.1)}}.ch-flow__park{width:1px;height:1px;position:absolute;bottom:22px;right:28px}.ch-flow__note{border-top:1px solid var(--color-border);font:400 13px/1.45 var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text);padding:12px 16px 14px}@container chflow (width>=520px){.ch-flow__art{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,220px) minmax(0,1fr);column-gap:20px;min-height:268px;display:grid}.ch-flow__from{grid-area:1/1/-1;align-self:center;margin-bottom:40px}.ch-flow__editor{grid-area:1/2/-1;min-height:0}}@container chflow (width<=299px){.ch-flow__editor{grid-template-columns:minmax(0,1fr)}.ch-flow__panel{display:none}}@media (prefers-reduced-motion:reduce){.ch-flow *,.ch-flow :before{transition:none!important;animation:none!important}.ch-flow__pause{display:none}}.demo[data-astro-cid-ibqcmjy2]{background:#000;border:0;border-radius:12px;width:min(1040px,92vw);max-width:none;padding:0;overflow:visible}.demo[data-astro-cid-ibqcmjy2]::backdrop{background:#121212cc}.demo__frame[data-astro-cid-ibqcmjy2]{aspect-ratio:16/9}.demo__frame[data-astro-cid-ibqcmjy2] iframe{border:0;border-radius:12px;width:100%;height:100%;display:block}.demo__close[data-astro-cid-ibqcmjy2]{width:36px;height:36px;color:var(--color-ink);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-44px;right:0}