.ch-app{border:1px solid var(--color-border);border-radius:var(--radius-frame);background:var(--color-surface);box-shadow:var(--shadow-raised);overflow:hidden;container:chapp/inline-size}.ch-app__top{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 12px 0 16px;display:flex}.ch-app__crumb{font:var(--text-ui);letter-spacing:var(--ls-ui);color:var(--color-muted-text);align-items:center;gap:8px;display:inline-flex}.ch-seg{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-muted);gap:2px;padding:3px;display:inline-flex}.ch-seg button{border-radius:var(--radius-pill);height:30px;color:var(--color-muted-text);font:500 14px/1 var(--font-sans);letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.ch-seg button[aria-selected=true]{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-hairline)}.ch-seg__n{font-variant-numeric:tabular-nums;color:var(--color-muted-text);font-size:12px}.ch-app__body{grid-template-columns:200px minmax(0,1fr);display:grid}.ch-app__rail{border-right:1px solid var(--color-border);contain:size;flex-direction:column;gap:12px;padding:12px;display:flex}.ch-app__cats{overscroll-behavior:contain;--fade-top:0px;--fade-bottom:0px;scrollbar-width:none;min-height:0;mask-image:linear-gradient(to bottom, transparent, black var(--fade-top), black calc(100% - var(--fade-bottom)), transparent);flex-direction:column;flex:auto;gap:1px;display:flex;overflow-y:auto}.ch-app__cats::-webkit-scrollbar{display:none}.ch-app__cats[data-more-above]{--fade-top:28px}.ch-app__cats[data-more-below]{--fade-bottom:56px}.ch-app__cats button{height:30px;color:var(--color-text);font:var(--text-ui);letter-spacing:var(--ls-ui);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;transition:background-color .15s,color .15s;display:flex}.ch-app__cats button:hover{background:var(--color-subtle-2);color:var(--color-ink)}.ch-app__cats button[aria-selected=true]{background:var(--color-muted);color:var(--color-ink)}.ch-app__n{font-variant-numeric:tabular-nums;color:var(--color-muted-text);font-size:12px}.ch-app__all{font:500 13px/1 var(--font-sans);color:var(--color-ink);align-items:center;gap:6px;margin-top:auto;padding:8px 10px;display:inline-flex}.ch-app__all:hover{text-underline-offset:3px;text-decoration:underline}.ch-app__main{background:var(--color-stage);min-width:0;padding:12px 14px 14px}.ch-app__panel{position:relative}.ch-app__bar{align-items:center;gap:8px;min-width:0;height:40px;margin-bottom:10px;padding-right:172px;display:flex}.ch-app__title{font:700 15px/1.2 var(--font-sans);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ch-app__title:hover{text-underline-offset:3px;text-decoration:underline}.ch-app__copy{margin-left:auto}.ch-app__copy .btn:not(.copy-notice__close){white-space:nowrap;width:auto;height:40px;padding:0 20px}.ch-app .pf-card{gap:0}.ch-app .pf-toolbar{position:absolute;top:2px;right:0}.ch-app .pf-preview{aspect-ratio:1440/980;background:var(--color-surface) var(--hatch-light);border-radius:10px}@container chapp (width<=720px){.ch-app__body{grid-template-columns:1fr}.ch-app__rail{border-right:0;border-bottom:1px solid var(--color-border);scrollbar-width:none;contain:none;flex-direction:row;align-items:center;padding:8px 10px;overflow-x:auto}.ch-app__cats{flex-direction:row;overflow-y:visible;mask-image:none}.ch-app__cats button{border-radius:var(--radius-pill);height:30px}.ch-app__all{display:none}}@container chapp (width<=520px){.ch-app__bar{padding-right:0}.ch-app__copy .copy-btn__long{display:none}.ch-app__copy .copy-btn__short{display:inline}.ch-app .pf-toolbar,.ch-app__crumb svg{display:none}.ch-app__crumb{font-size:13px}}.ch-app__top>.ch-badge{margin-left:auto}.ch-hero__text{padding:64px var(--sec-pad-x) 48px;text-align:center}.ch-announce{border:1px solid var(--color-border);border-radius:var(--radius-pill);font:500 14px/1 var(--font-sans);letter-spacing:-.02em;align-items:center;gap:8px;margin-bottom:24px;padding:4px 12px 4px 4px;transition:border-color .15s;display:inline-flex}.ch-announce:hover{border-color:var(--color-line-strong)}.ch-announce__tag{border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface);padding:4px 8px;font-size:12px}.ch-proof{font:400 14px/1.4 var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text);align-items:center;gap:12px;margin-top:24px;display:inline-flex}.ch-proof img{width:76px;height:auto}.ch-proof strong{color:var(--color-ink)}.ch-hero__stage{padding:32px var(--sec-pad-x) 40px;border-top:1px solid var(--color-border);background:var(--color-surface) var(--hatch-light)}.ch-hero__text .ch-h1{max-width:900px;margin:0 auto}.ch-hero__text .ch-intro{margin-left:auto;margin-right:auto}.ch-hero__text .ch-btns{justify-content:center}.ch-demo-stage{container:chdemo/inline-size}.ch-demo-stage__row{flex-direction:column;gap:16px;display:flex}.ch-demo-stage__row>.ch-app{min-width:0}@container chdemo (width>=820px){.ch-demo-stage__row{flex-direction:row;align-items:stretch;gap:24px}.ch-demo-stage__row>.ch-app{flex:1 1 0}.ch-demo-stage__row>.ch-flow{flex:0 0 clamp(288px,32%,344px)}}@container chapp (width<=720px){.ch-demo-stage .ch-app__rail{mask-image:linear-gradient(to right, var(--color-ink) calc(100% - 32px), transparent)}}@media (width<=767px){.ch-hero__text{padding:44px 20px 36px}.ch-hero__stage{padding:16px}.ch-proof{flex-wrap:wrap;justify-content:center}}.ch-lib__tabs{grid-template-columns:1fr 1fr;display:grid}.ch-lib__tabs button{padding:22px var(--sec-pad-x);background:var(--color-subtle-2);color:var(--color-muted-text);text-align:left;cursor:pointer;border:0;flex-direction:column;align-items:flex-start;gap:6px;transition:background-color .15s,color .15s;display:flex;position:relative}.ch-lib__tabs button+button{border-left:1px solid var(--color-border)}.ch-lib__tabs button:hover{color:var(--color-ink)}.ch-lib__tabs button[aria-selected=true]{background:var(--color-surface);color:var(--color-ink)}.ch-lib__tabs button[aria-selected=true]:after{content:"";background:var(--color-accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.ch-lib__name{font:700 20px/1.2 var(--font-sans);letter-spacing:-.03em;align-items:baseline;gap:8px;display:inline-flex}.ch-lib__n{font:500 14px/1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-muted-text)}.ch-lib__works{font:400 14px/1.4 var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text)}@media (width<=767px){.ch-lib__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-lib__tabs button{padding:16px}.ch-lib__name{flex-wrap:wrap;column-gap:6px;font-size:16px}.ch-lib__works{display:none}}.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-lib-head .ch-head__aside{align-self:flex-start}}.ch-steps{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ch-step{padding:0 32px var(--sec-pad-y)}.ch-step+.ch-step{border-left:1px solid var(--color-border)}.ch-step__art{border-bottom:1px solid var(--color-border);background:var(--color-surface) var(--hatch-light);justify-content:center;align-items:center;height:220px;margin:0 -32px 28px;display:flex}.ch-step__n{font:500 12px/1 var(--font-sans);letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--color-muted-text);margin-bottom:10px;display:block}.ch-step .ch-text{margin-top:8px}.ch-step .ch-step__more{margin-top:4px}@media (width<=767px){.ch-steps{grid-template-columns:1fr}.ch-step{padding:0 20px 36px}.ch-step__art{margin:0 -20px 24px}.ch-step+.ch-step{border-left:0;border-top:1px solid var(--color-border)}}@media (width<=1024px) and (width>=768px){.ch-step{padding-left:24px;padding-right:24px}.ch-step__art{margin-left:-24px;margin-right:-24px}.ch-step__art>*{transform:scale(.82)}}.ch-art-copy{border:1px solid var(--color-border);background:var(--color-stage);border-radius:12px;width:220px;padding:6px}.ch-art-copy__shot{border:1px solid var(--color-border);background:linear-gradient(var(--color-border), var(--color-border)) 16px 22px / 90px 8px no-repeat, linear-gradient(var(--color-border), var(--color-border)) 16px 38px / 130px 6px no-repeat, linear-gradient(var(--color-border), var(--color-border)) 16px 50px / 110px 6px no-repeat, linear-gradient(var(--color-ink), var(--color-ink)) 16px 66px / 44px 12px no-repeat, var(--color-surface);border-radius:8px;height:92px;display:block}.ch-art-copy__bar{font:700 12px/1 var(--font-sans);justify-content:space-between;align-items:center;padding:8px 4px 2px;display:flex}.ch-art-copy__btn{border-radius:var(--radius-button);background:var(--color-ink);color:var(--color-surface);padding:6px 10px;font-weight:500}.ch-art-paste{flex-direction:column;align-items:center;gap:16px;display:flex}.ch-art-paste__menu{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-raised);font:500 13px/1 var(--font-sans);border-radius:8px;padding:8px 12px}.ch-art-paste__keys{color:var(--color-muted-text);align-items:center;gap:8px;display:flex}.ch-art-paste kbd{border:1px solid var(--color-border);background:var(--color-surface);min-width:44px;height:44px;color:var(--color-ink);font:500 15px/1 var(--font-sans);border-bottom-width:3px;border-radius:10px;place-items:center;padding:0 10px;display:grid}.ch-art-style{width:252px;height:172px;position:relative}.ch-art-style__card,.ch-art-style__v4{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:7px;padding:12px;display:flex;position:absolute}.ch-art-style__card{width:160px;top:0;left:0}.ch-art-style__v4{width:130px;box-shadow:var(--shadow-raised);gap:6px;bottom:0;right:0}.ch-art-style__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;margin-bottom:2px;display:flex}.ch-art-style__aa{font:700 18px/1 var(--font-sans);letter-spacing:-.04em;text-transform:none;color:var(--color-ink)}.ch-art-style__row{font:500 12px/1 var(--font-sans);color:var(--color-text);align-items:center;gap:8px;display:flex}.ch-art-style__sw{border:1px solid var(--color-border);border-radius:5px;width:16px;height:16px}.ch-art-style__sw--primary{background:var(--color-ink)}.ch-art-style__sw--secondary{background:var(--color-surface)}.ch-art-style__sw--text{background:var(--color-text)}.ch-art-style__sw--accent{background:var(--color-accent)}.ch-art-style__label{font:500 10px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-text)}.ch-art-style__chips{flex-wrap:wrap;gap:4px;display:flex}.ch-art-style__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;gap:5px;padding:0 7px;display:inline-flex}.ch-art-style__chip--class{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.ch-art-style__dot{border-radius:50%;width:8px;height:8px}