@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html:has(.ch-site){scroll-behavior:auto}.ch-site{--ch-paper:oklch(97.9% .003 95);--ch-ink:oklch(24% .007 260);--ch-muted:oklch(48% .012 260);--ch-blue:oklch(54% .24 264);--ch-line:oklch(85% .006 260);background:var(--ch-paper);color:var(--ch-ink);-webkit-font-smoothing:antialiased;min-height:100dvh;padding-bottom:0;font-family:Archivo Variable,Archivo,Microsoft YaHei,sans-serif}.ch-site *,.ch-site :before,.ch-site :after{box-sizing:border-box}.ch-site h1,.ch-site h2,.ch-site h3,.ch-site p,.ch-site figure{margin:0}.ch-site a{color:inherit;text-decoration:none}.ch-site button,.ch-site input{font:inherit}.ch-site button{cursor:pointer;color:inherit}.ch-site button,.ch-site a{-webkit-tap-highlight-color:transparent}.ch-site :focus-visible{outline:2px solid var(--ch-blue);outline-offset:5px}.ch-site ::selection{color:#172976;background:#c7d4ff}.ch-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.ch-skip{z-index:90;background:#fff;padding:14px;position:fixed;top:-90px;left:20px}.ch-skip:focus{top:10px}.ch-header{border-bottom:1px solid var(--ch-line);align-items:center;gap:68px;height:78px;padding:0 48px;display:flex}.ch-logo{flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.ch-header nav{align-items:center;gap:35px;font-size:14px;display:flex}.ch-header nav a{align-items:center;gap:7px;min-height:44px;display:flex}.ch-header nav a:hover{color:var(--ch-blue)}.ch-header nav span{color:var(--ch-muted);align-self:flex-start;margin-top:11px;font-family:IBM Plex Mono,monospace;font-size:10px}.ch-header-note{color:var(--ch-muted);margin-left:auto;font-size:12px}.ch-language{background:0 0;border:0;min-width:40px;min-height:44px;font-size:12px!important}.ch-site{--ch-paper:oklch(97.9% .002 245);--ch-ink:oklch(24.5% .008 260);--ch-line:oklch(88% .004 260)}.ch-site .ch-header{border-bottom:0;max-width:1456px;height:80px;margin-inline:auto;padding-inline:56px}.ch-site .ch-header nav{gap:38px;font-size:13px}.ch-site .ch-logo img{width:35px;height:35px}.ch-tool-nav{border-block:1px solid var(--ch-line);scrollbar-width:thin;scrollbar-color:var(--ch-line) transparent;overscroll-behavior-inline:contain;width:calc(100% - 112px);max-width:1344px;margin-inline:auto;scroll-padding-inline:5px;overflow-x:auto}.ch-tool-nav ul{grid-template-columns:repeat(12,minmax(68px,1fr));gap:8px;margin:0;padding:8px 5px;list-style:none;display:grid}.ch-tool-nav a{letter-spacing:-.025em;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:78px;padding:10px 2px;font-size:11px;font-weight:480;transition:color .18s;display:flex}.ch-tool-nav .ch-app-icon{width:32px;height:32px;transition:transform .18s}.ch-tool-nav a:hover,.ch-tool-nav a:focus-visible{color:var(--ch-blue)}.ch-tool-nav a:hover .ch-app-icon,.ch-tool-nav a:focus-visible .ch-app-icon{transform:translateY(-3px)}.ch-tool-nav a:focus-visible{outline-offset:2px}.ch-tool-nav a[aria-current=page]{color:var(--ch-blue);box-shadow:0 2px 0 var(--ch-blue);background:oklch(95% .015 264)}.ch-studio{font-family:Archivo Variable,Microsoft YaHei,sans-serif}.ch-studio .craft-studio-bar{color:oklch(24.5% .008 260);background:oklch(97.9% .002 245);border-color:oklch(88% .004 260)}.ch-studio .craft-studio-back{color:oklch(48% .012 260);border-color:oklch(88% .004 260);min-height:40px}.ch-studio .craft-studio-controls a,.ch-studio .craft-studio-controls button{border-color:oklch(88% .004 260);border-radius:2px;min-height:40px}.ch-studio .craft-studio-help{color:oklch(48% .012 260);background:oklch(97.9% .002 245)}.ch-studio .craft-studio-loading{background:#202126}.ch-studio .craft-studio-brand .ch-app-icon{border-radius:6px;width:28px;height:28px}.ch-studio .craft-studio-brand h1{letter-spacing:-.035em;font-family:inherit}.ch-studio .craft-studio-controls a:hover,.ch-studio .craft-studio-controls button:hover,.ch-studio .craft-studio-back:hover{color:oklch(54% .24 264)}.ch-canvas{width:calc(100% - 112px);max-width:1344px;height:872px;margin:auto;position:relative}.ch-canvas-intro{width:27%;position:absolute;top:58px;left:0}.ch-canvas-intro h1{letter-spacing:-.055em;text-wrap:balance;max-width:320px;font-size:clamp(52px,4.5vw,65px);font-weight:470;line-height:.99}.ch-canvas-intro p{max-width:244px;color:var(--ch-muted);text-wrap:pretty;margin-top:25px;font-size:14px;line-height:1.75}.ch-canvas-intro h1 span{white-space:nowrap;display:block}.ch-canvas-intro>a{border-bottom:1px solid var(--ch-ink);align-items:center;gap:28px;min-height:44px;margin-top:23px;font-size:13px;transition:color .18s,border-color .18s;display:inline-flex}.ch-canvas-intro>a svg{transition:transform .18s}.ch-canvas-intro>a:hover{color:var(--ch-blue);border-color:var(--ch-blue)}.ch-canvas-intro>a:hover svg{transform:translateY(3px)}.ch-canvas-piece{--piece-angle:0deg;display:block;position:absolute}.ch-piece-art{transform:rotate(var(--piece-angle));transform-origin:50% 75%;transition:transform .36s cubic-bezier(.22,.8,.3,1),box-shadow .36s;display:block;box-shadow:0 9px 19px -12px #202a3550,0 1px 3px #202a3512}.ch-app-preview{aspect-ratio:8/5;object-fit:contain;width:100%;height:auto;display:block}.ch-piece-caption{grid-template-columns:32px minmax(0,1fr) 17px;align-items:center;gap:10px;margin-top:22px;padding-inline:3px;display:grid}.ch-piece-caption>div{flex-direction:column;gap:4px;display:flex}.ch-app-icon{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.ch-piece-name{letter-spacing:-.025em;font-size:13px;font-weight:520;line-height:1.3}.ch-piece-category{color:var(--ch-muted);font-size:11px;line-height:1.4}.ch-piece-caption>svg{color:var(--ch-muted);flex-shrink:0;transition:color .18s,transform .25s}.ch-canvas-piece:focus-visible{outline-offset:12px;z-index:3}.ch-canvas-piece:focus-visible .ch-piece-art{transform:rotate(0)translateY(-4px)}.ch-canvas-piece:focus-visible .ch-piece-name,.ch-canvas-piece:focus-visible .ch-piece-caption>svg{color:var(--ch-blue)}@media (hover:hover) and (pointer:fine){.ch-canvas-piece:hover{z-index:3}.ch-canvas-piece:hover .ch-piece-art{transform:rotate(0)translateY(-5px);box-shadow:0 19px 30px -18px #202a3560,0 2px 4px #202a3512}.ch-canvas-piece:hover .ch-piece-name,.ch-canvas-piece:hover .ch-piece-caption>svg{color:var(--ch-blue)}.ch-canvas-piece:hover .ch-piece-caption>svg{transform:translate(2px,-2px)}}.ch-piece-photo{--piece-angle:-5deg;z-index:1;width:36%;top:153px;left:33%}.ch-piece-photo .ch-piece-art{background:#fff;padding:6px}.ch-piece-photo .ch-piece-caption{margin-top:30px}.ch-piece-type{--piece-angle:5deg;width:25%;top:47px;left:74%}.ch-piece-paper{--piece-angle:-6deg;width:26%;top:413px;left:3%}.ch-piece-sound{--piece-angle:-3deg;width:24%;top:425px;left:74%}.ch-piece-film{--piece-angle:3deg;width:26%;top:554px;left:40%}.ch-directory{border-top:1px solid var(--ch-line);padding:48px 56px 58px}.ch-directory-head{justify-content:space-between;align-items:flex-end;gap:30px;max-width:1344px;margin:auto auto 43px;display:flex}.ch-directory h2{letter-spacing:-1.4px;align-items:flex-start;gap:11px;font-size:35px;font-weight:470;line-height:1.15;display:flex}.ch-directory h2 sup{letter-spacing:0;color:var(--ch-muted);margin-top:5px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1}.ch-directory-head p{color:var(--ch-muted);margin-top:12px;font-size:13px;line-height:1.6}.ch-search{border-bottom:1px solid var(--ch-line);min-width:0;height:44px;color:var(--ch-muted);align-items:center;gap:12px;display:flex}.ch-search input{width:100%;min-width:0;color:var(--ch-ink);background:0 0;border:0;outline:none;height:100%;font-size:13px}.ch-search input::placeholder{color:var(--ch-muted)}.ch-search:focus-within{border-color:var(--ch-blue)}.ch-search input:focus-visible{outline:none}.ch-search button{background:0 0;border:0;place-items:center;width:40px;min-height:40px;display:grid}.ch-directory .ch-search{flex-shrink:0;width:285px}.ch-directory-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:34px;max-width:1344px;margin:auto;display:grid}.ch-tool-group h3{color:var(--ch-muted);border-bottom:1px solid var(--ch-line);margin-bottom:12px;padding-bottom:16px;font-size:12px;font-weight:400}.ch-tool-group>a{letter-spacing:-.55px;grid-template-columns:44px minmax(0,1fr) 16px;justify-content:space-between;align-items:flex-start;gap:12px;min-height:84px;padding:12px 0;font-size:18px;line-height:1.3;display:grid}.ch-directory-tool{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.ch-directory-tool small{letter-spacing:-.1px;color:var(--ch-muted);overflow-wrap:anywhere;font:10px/1.6 IBM Plex Mono,monospace}.ch-tool-group .ch-app-icon{margin-top:1px}.ch-directory-experimental{letter-spacing:0;color:var(--ch-muted);font-size:10px;line-height:1.4}.ch-tool-group>a svg{opacity:.65;color:var(--ch-muted);flex-shrink:0;margin-top:4px;transition:transform .18s,color .18s}.ch-tool-group>a:hover,.ch-tool-group>a:focus-visible{color:var(--ch-blue)}.ch-tool-group>a:hover svg,.ch-tool-group>a:focus-visible svg{opacity:1;color:var(--ch-blue);transform:translate(2px,-2px)}.ch-empty{min-height:170px;padding:35px 0}.ch-empty p{font-size:16px}.ch-empty button{background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:16px;margin-top:10px;padding:8px 0;font-size:13px;display:flex}.ch-footer{border-top:1px solid var(--ch-line);grid-template-columns:minmax(170px,1fr) minmax(200px,1.5fr) auto;align-items:start;gap:60px;padding:28px 48px 25px;font-size:12px;display:grid}.ch-footer>p{max-width:410px;color:var(--ch-muted);font-size:11px;line-height:1.7}.ch-footer nav{align-items:center;gap:24px;min-height:44px;display:flex}.ch-about{max-width:560px}.ch-about summary{cursor:pointer;align-items:center;gap:35px;min-height:44px;list-style:none;display:flex}.ch-about summary::-webkit-details-marker{display:none}.ch-about[open] summary>span{transform:rotate(45deg)}.ch-about>div{color:var(--ch-muted);padding-top:15px;font-size:12px;line-height:1.8}.ch-about>div>p{margin-bottom:12px}.ch-about>div>a{color:var(--ch-ink);align-items:center;gap:12px;display:inline-flex}.ch-credit{font-size:10px;margin-top:14px!important}.ch-credit a{text-decoration:underline}@media (width<=1280px){.ch-directory-groups{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}}@media (width<=1100px){.ch-site .ch-header{padding-inline:32px}.ch-tool-nav{width:calc(100% - 64px)}.ch-header{gap:48px;padding-inline:30px}.ch-canvas{width:calc(100% - 64px);height:712px}.ch-canvas-intro{width:29%;top:48px}.ch-canvas-intro h1{max-width:260px;font-size:clamp(39px,4.7vw,52px)}.ch-canvas-intro p{max-width:205px;font-size:13px}.ch-piece-photo{top:145px}.ch-piece-paper{top:347px}.ch-piece-film{width:27%;top:456px}.ch-piece-sound{top:339px}.ch-piece-caption{margin-top:20px}.ch-piece-category{font-size:10px}.ch-directory{padding:40px 32px 46px}.ch-directory-groups{gap:26px 18px}.ch-tool-group>a{font-size:16px}.ch-directory-tool small{font-size:9px}.ch-footer{gap:30px;padding-inline:30px}}@media (width<=760px){.ch-site .ch-header{height:70px;padding-inline:21px}.ch-site .ch-header nav{gap:24px;font-size:12px}.ch-tool-nav{width:calc(100% - 40px)}.ch-tool-nav ul{grid-template-columns:repeat(12,80px);gap:6px;padding-block:5px}.ch-tool-nav a{gap:8px;min-height:74px}.ch-tool-nav .ch-app-icon{width:29px;height:29px}.ch-header{gap:27px;height:68px;padding-inline:20px}.ch-logo{width:36px}.ch-logo img{width:34px;height:34px}.ch-header nav{gap:24px;font-size:13px}.ch-header-note{display:none}.ch-language{margin-left:auto}.ch-canvas{grid-template-columns:minmax(0,1fr);align-items:start;gap:38px;width:calc(100% - 48px);height:auto;padding:30px 0 48px;display:grid}.ch-canvas-intro{grid-column:1/-1;width:auto;padding-bottom:8px;display:block;position:static}.ch-canvas-intro h1{letter-spacing:-.035em;text-wrap:initial;max-width:280px;font-size:46px;line-height:1}.ch-canvas-intro p{align-self:center;max-width:278px;margin-top:18px;font-size:13px;line-height:1.65}.ch-canvas-intro>a{grid-column:1/-1;justify-self:start;min-height:44px;margin-top:16px;font-size:12px}.ch-canvas-piece{width:auto;height:auto;position:relative;top:auto;left:auto}.ch-piece-art{box-shadow:0 7px 14px -8px #202a3530,0 1px 3px #202a3512}.ch-piece-photo{--piece-angle:-4deg;justify-self:center;width:94%}.ch-piece-photo .ch-piece-art{padding:4px}.ch-piece-photo .ch-piece-caption{margin-top:22px}.ch-piece-type{--piece-angle:4deg;justify-self:end;width:86%}.ch-piece-paper{--piece-angle:-5deg;justify-self:start;width:84%}.ch-piece-sound{--piece-angle:-3deg;justify-self:end;width:86%}.ch-piece-film{--piece-angle:3deg;justify-self:start;width:92%}.ch-piece-caption{grid-template-columns:24px minmax(0,1fr) 15px;gap:7px;margin-top:17px;padding-inline:0}.ch-piece-name{font-size:12px}.ch-piece-category{font-size:10px}.ch-piece-caption>svg{width:15px;height:15px}.ch-directory{padding:34px 24px 32px}.ch-directory-head{margin-bottom:30px;display:block}.ch-directory h2{font-size:31px}.ch-directory-head p{max-width:280px;margin-top:10px;font-size:12px}.ch-directory .ch-search{width:100%;margin-top:22px}.ch-directory-groups{grid-template-columns:1fr 1fr;gap:27px}.ch-tool-group h3{margin-bottom:9px;padding-bottom:12px;font-size:11px}.ch-tool-group>a{grid-template-columns:32px minmax(0,1fr);gap:8px;min-height:78px;font-size:16px}.ch-directory-tool small{font-size:9px}.ch-tool-group>a svg{display:none}.ch-footer{grid-template-columns:1fr auto;gap:20px;padding:22px 24px}.ch-footer>p{grid-area:2/1/auto/-1;max-width:420px;font-size:10px}.ch-footer nav{gap:18px;font-size:11px}.ch-about[open]{grid-column:1/-1}.ch-about[open]~nav{grid-area:3/2}}@media (width<=380px){.ch-directory-groups{column-gap:20px}.ch-tool-group>a{grid-template-columns:28px minmax(0,1fr);gap:7px;font-size:14px}.ch-site .ch-header nav{gap:17px;font-size:11px}.ch-header{gap:14px}.ch-header nav{gap:14px;font-size:11.5px}.ch-language{min-width:40px}.ch-canvas-intro{grid-template-columns:1fr}.ch-canvas-intro h1{max-width:250px;font-size:43px}.ch-canvas-intro p{max-width:260px}}@media (prefers-reduced-motion:reduce){.ch-site *,.ch-site :before,.ch-site :after{scroll-behavior:auto!important;transition:none!important}}.ch-footer nav a{align-items:center;min-height:44px;display:inline-flex}