:root{color:#242d29;font-synthesis:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;background:#fff;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;letter-spacing:0}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,pre:focus-visible{outline-offset:5px;outline:2px solid #367359}button svg,a svg{flex-shrink:0}img{max-width:100%}p,h1,h2,h3{margin:0}.site-container{width:min(1120px,100% - 80px);margin-inline:auto}.site-skip{z-index:100;background:#fff;padding:10px 16px;position:fixed;top:-80px;left:20px}.site-skip:focus{top:10px}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border-bottom:1px solid #edf0ed;height:76px;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1280px,100% - 80px);height:100%;margin:auto;display:flex}.site-brand{flex-shrink:0;align-items:center;width:156px;display:flex}.site-brand img{width:100%;height:auto;display:block}.site-nav{align-items:center;gap:30px;margin-left:auto;font-size:13px;display:flex}.site-nav a{color:#616a64;white-space:nowrap;align-items:center;gap:5px;min-height:40px;transition:color .18s;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current]{color:#244f3c}.site-nav a[aria-current]{font-weight:600}.site-nav .site-github{color:#28362e;border-left:1px solid #e4e8e4;padding-left:25px}.site-header-tools{flex-shrink:0;align-items:center;gap:10px;display:flex}.site-languages{border:1px solid #e4e8e4;border-radius:6px;align-items:center;padding:3px;display:flex}.site-languages button{color:#7b857c;background:0 0;border:0;border-radius:3px;width:34px;min-height:28px;padding:0;font-size:11px}.site-languages button:hover{color:#244f3c}.site-languages button[aria-pressed=true]{color:#31553f;background:#edf2ec;font-weight:600}.site-menu-toggle{color:#293e31;background:#f1f4f1;border:0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none}.site-hero{background:#fff;grid-template-rows:auto minmax(0,1fr) 38px;gap:8px;height:calc(100svh - 144px);min-height:570px;max-height:850px;display:grid;position:relative;overflow:hidden}.site-hero-copy{z-index:1;text-align:center;padding:30px 24px 0;position:relative}.site-eyebrow{color:#79817b;align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:1.6;display:flex}.site-hero .site-eyebrow{justify-content:center}.site-eyebrow>span{background:#58a379;border-radius:50%;width:6px;height:6px}.site-hero h1{margin-top:8px;font-size:72px;font-weight:680;line-height:1.1}.site-hero h1>span{color:#689579}.site-tagline{margin-top:5px;font-size:25px;font-weight:500;line-height:1.5}.site-hero-description{color:#818980;margin-top:9px;font-size:13px;line-height:1.8}.site-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.site-button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:0 19px;font-size:13px;font-weight:550;transition:background .18s,border-color .18s;display:inline-flex}.site-button-primary{color:#fff;background:#31553f}.site-button-primary:hover{background:#24422f}.site-button-secondary{color:#505e53;background:#fff;border-color:#dfe4de}.site-button-secondary:hover{background:#f5f7f4;border-color:#bccbbc}.site-hero-scene{object-fit:contain;object-position:center;width:100%;height:100%;min-height:0}.site-hero-bottom{color:#949b94;justify-content:space-between;align-items:center;gap:20px;height:26px;margin-inline:40px;font-size:10px;display:flex}.site-hero-bottom a{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.site-section{padding-block:78px;scroll-margin-top:90px}.site-section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px;display:flex}.site-section-heading .site-eyebrow{margin-bottom:12px}.site-section h2{font-size:30px;font-weight:600;line-height:1.5}.site-section-heading>p{color:#899089;white-space:pre-line;font-size:13px;line-height:1.9}.site-overview{background:#f5f7f4;padding-top:40px}.site-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;display:grid}.site-features article{border-top:1px solid #dce4db;padding-top:20px;position:relative}.site-feature-icon{margin-bottom:22px}.site-feature-icon.coral{color:#bb8170}.site-feature-icon.green{color:#6f947a}.site-feature-icon.blue{color:#758baf}.site-number{float:right;color:#a1aba0;font:12px/25px ui-monospace,monospace}.site-features h3{margin-bottom:12px;font-size:18px;font-weight:550}.site-features p{color:#7a857b;font-size:13px;line-height:1.95}.site-example-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:28px;display:grid}.site-example{border:1px solid #e5e9e3;border-radius:8px;flex-direction:column;min-width:0;transition:border-color .2s;display:flex;overflow:hidden}.site-example:hover{border-color:#a6b5a9}.site-example-image{--preview-padding:20px;aspect-ratio:1.95;background:#eff1ee;border-bottom:1px solid #e5e9e3;flex-shrink:0;position:relative}.site-example-image img{inset:var(--preview-padding);width:calc(100% - 2 * var(--preview-padding));height:calc(100% - 2 * var(--preview-padding));object-fit:contain;position:absolute}.site-example-image.minimal{background:#fff}.site-example-copy{flex-direction:column;flex:1;padding:25px 27px 28px;display:flex}.site-example-label{color:#91978e;align-items:center;gap:7px;font-size:11px;display:inline-flex}.site-example h3{justify-content:space-between;align-items:center;gap:15px;margin:13px 0 12px;font-size:22px;font-weight:600;display:flex}.site-example h3 svg{color:#8b9c8b}.site-example p{color:#7f887f;flex:1;margin-bottom:22px;font-size:13px;line-height:1.9}.site-text-link{color:#42614a;align-items:center;gap:8px;font-size:13px;font-weight:550;display:inline-flex}a.site-text-link:hover{text-underline-offset:5px;text-decoration:underline}.site-example-note{color:#989e97;margin-top:22px;font-size:11px}.site-architecture{border-top:1px solid #edf0ea}.site-module-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;display:grid}.site-module-grid>a{border-top:1px solid #d6dfd5;min-width:0;padding-top:20px}.site-module-grid>a:hover{border-color:#3c7654}.site-module-grid>a>span{color:#929e92;justify-content:space-between;font:11px/1.5 ui-monospace,monospace;display:flex}.site-module-grid h3{margin-top:24px;margin-bottom:9px;font-size:17px;font-weight:550}.site-module-grid code{color:#54715b;overflow-wrap:anywhere;font-size:11px}.site-module-grid p{color:#909a90;margin-top:12px;font-size:11px;line-height:1.8}.site-architecture-note{color:#90998f;align-items:flex-start;gap:9px;margin-top:35px;font-size:12px;line-height:1.8;display:flex}.site-architecture-note svg{flex:none;margin-top:2px}.site-start{background:#f4f6f3}.site-start-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;display:grid}.site-start .site-eyebrow{margin-bottom:15px}.site-start h2{white-space:pre-line;margin-bottom:18px}.site-docs-note{color:#899489;margin-top:10px;font-size:11px;line-height:1.7;display:block}.site-start-grid>div>p:not(.site-eyebrow){color:#7d897e;max-width:335px;margin-bottom:25px;font-size:13px;line-height:1.95}.site-code-panel{background:#fff;border:1px solid #dfe6dc;border-radius:8px;min-width:0;overflow:hidden}.site-code-toolbar{border-bottom:1px solid #e9eee6;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:0 14px;display:flex}.site-code-toolbar [role=tablist]{gap:4px;display:flex}.site-code-toolbar button{color:#8d978b;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:33px;padding:0 10px;font-size:12px;display:inline-flex}.site-code-toolbar button[aria-selected=true]{color:#496444;background:#edf3ea}.site-code-toolbar .site-copy{width:33px;padding:0}.site-code-toolbar .site-copy:hover{color:#496444;background:#edf3ea}.site-code-panel pre{color:#4f6854;tab-size:2;height:242px;margin:0;padding:24px;font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.site-code-footer{color:#9aa396;border-top:1px solid #edf1e9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;min-height:35px;padding:8px 16px;font-size:10px;display:flex}.site-footer{border-top:1px solid #e7ece3;padding-block:28px}.site-footer>div{align-items:center;gap:28px;display:flex}.site-footer .site-brand{width:122px}.site-footer p{color:#939b91;flex:1;font-size:11px}.site-footer nav{color:#7f8a7c;flex-wrap:wrap;gap:18px;font-size:11px;display:flex}.site-footer nav a:hover{color:#304e35}@media (height>=900px){.site-hero-copy{padding-top:44px}}@media (width<=1000px){.site-header{height:64px}.site-menu-toggle{display:inline-flex}.site-nav{background:#fff;border-bottom:1px solid #e1e7de;flex-direction:column;align-items:stretch;gap:3px;padding:16px 20px 22px;display:none;position:absolute;inset:64px 0 auto}.site-nav.is-open{display:flex}.site-nav a{justify-content:space-between;min-height:43px;padding:4px 10px}.site-nav .site-github{border-top:1px solid #edf0ea;border-left:0;justify-content:flex-start;margin-top:5px;padding-left:10px}}@media (width<=950px){.site-header-inner,.site-container{width:calc(100% - 48px)}.site-nav{gap:20px}.site-nav .site-github{padding-left:18px}.site-section-heading{flex-direction:column;align-items:flex-start;gap:18px}.site-features{gap:25px}.site-start-grid{gap:35px}.site-module-grid{gap:16px}.site-module-grid h3{font-size:15px}.site-footer>div{flex-wrap:wrap;gap:16px}.site-footer nav{width:100%}}@media (width<=700px){.site-header{height:64px}.site-header-inner,.site-container{width:calc(100% - 40px)}.site-brand{width:143px}.site-header-inner{gap:12px}.site-hero{height:calc(100svh - 134px);min-height:540px;max-height:760px}.site-hero-copy{padding:29px 20px 0}.site-hero h1{margin-top:12px;font-size:58px}.site-tagline{margin-top:12px;font-size:21px}.site-hero-description{max-width:290px;margin:12px auto 0;font-size:12px;line-height:1.9}.site-actions{gap:9px;margin-top:21px}.site-button{min-height:42px;padding:0 14px;font-size:12px}.site-hero-scene{width:calc(100% - 20px);margin-inline:10px}.site-hero-bottom{margin-inline:20px;font-size:9px}.site-hero-bottom>span:last-child{display:none}.site-section{padding-block:53px}.site-overview{padding-top:31px}.site-section h2{font-size:25px}.site-section-heading{margin-bottom:30px}.site-section-heading>p{font-size:12px}.site-features{grid-template-columns:1fr;gap:28px}.site-feature-icon{margin-bottom:13px}.site-features p{max-width:450px}.site-example-grid{grid-template-columns:1fr;gap:20px}.site-example-copy{padding:22px}.site-example-image{--preview-padding:15px}.site-example-note{line-height:1.8}.site-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.site-module-grid h3{margin-top:15px;font-size:17px}.site-module-grid code,.site-architecture-note{font-size:11px}.site-start-grid{grid-template-columns:1fr;gap:25px}.site-code-panel pre{padding:18px;font-size:10px}.site-footer>div{flex-direction:column;align-items:flex-start;gap:8px}.site-footer nav{gap:17px;margin-top:13px}}@media (width<=360px){.site-header .site-brand{width:118px}.site-header-tools{gap:6px}.site-hero h1{font-size:50px}.site-tagline{font-size:19px}.site-button{padding:0 11px}.site-code-toolbar button{padding:0 6px;font-size:11px}}@media (height<=620px) and (width>=701px){.site-hero{height:calc(100svh - 120px);min-height:400px}.site-hero-copy{padding-top:15px}.site-hero h1{font-size:48px}.site-tagline{font-size:18px}.site-hero-description{display:none}.site-actions{margin-top:10px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important}}