@charset "UTF-8";
/* Language controls and layout space for longer translations. */
.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}
.header{gap:18px}.header nav{gap:19px;white-space:nowrap}.header-controls{display:flex;align-items:center;gap:11px;flex-shrink:0}.language-picker{display:flex;align-items:center;gap:6px;border:1px solid #42513c;border-radius:6px;padding:6px 8px;color:#d4ddce;background:#131b23}.language-icon{font-size:16px;color:var(--lime);line-height:1}.language-picker select{font:inherit;font-size:11px;color:inherit;background:transparent;border:0;padding:4px 2px;max-width:108px;cursor:pointer;color-scheme:dark}.language-picker select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.language-picker option{background:#131b23;color:#f6f7f3}
.hero-copy,.feature-copy,.guide-intro,.download-heading>div{min-width:0}.hero h1{max-width:100%}.facts p{letter-spacing:0}.download-extras>a>span:nth-child(2){min-width:0}.download-extras .file-icon{flex-shrink:0}.header nav .nav-download{padding-inline:12px;margin-left:0}.nav-download span{margin-left:7px}
html[lang="en"]{--body-font:Arial,system-ui,sans-serif}html[lang="en"] .brand{font-size:17px}html[lang="en"] .header nav{gap:16px;font-size:12px}html[lang="en"] .hero h1{width:auto;font-size:clamp(43px,4.45vw,65px);letter-spacing:-2.7px;line-height:1.12}html[lang="en"] .hero h1 em{display:inline-block;position:relative}html[lang="en"] .title-star{font-size:44px;margin-left:5px;vertical-align:0}html[lang="en"] .hero-description{font-size:13px;line-height:1.85}html[lang="en"] .hero-actions{gap:15px}html[lang="en"] .hero-actions .button{font-size:12px}html[lang="en"] .hero-actions .text-link{font-size:11px}html[lang="en"] h2{letter-spacing:-1.4px;line-height:1.22}html[lang="en"] .download-heading h2{font-size:28px}html[lang="en"] .facts p{font-size:10px;line-height:1.65}html[lang="en"] .feature-tab strong{font-size:13px}html[lang="en"] .feature-tab small{font-size:10px;line-height:1.6}html[lang="en"] .screenshot-caption{font-size:9px;line-height:1.7}html[lang="en"] .screenshot-top{font-size:8px}html[lang="en"] .guide-download{gap:16px}html[lang="en"] .step h3{line-height:1.45}html[lang="en"] .section-index{letter-spacing:0}html[lang="en"] .demo-caption{font-size:8px}html[lang="en"] .demo-caption>span:first-child{min-width:0}html[lang="en"] .demo-caption>span:last-child{flex-shrink:0}html[lang="en"] .preview-bottom{gap:10px}html[lang="en"] .gallery-link{gap:8px}html[lang="en"] .download-extras strong{line-height:1.5}html[lang="en"] .download-extras small{line-height:1.6}html[lang="en"] .footer-bottom{font-size:9px}
html[lang="zh-Hans"]{--body-font:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif}
@media(max-width:1150px){.header{gap:13px}.header nav{gap:12px;font-size:11px}.header .brand{font-size:14px}.header .brand-mark{width:34px;height:34px;font-size:30px}.header .brand small{font-size:7px;letter-spacing:1.7px}.language-picker{padding:5px}.language-picker select{font-size:10px;max-width:94px}.language-icon{display:none}html[lang="en"] .header .brand{font-size:14px}html[lang="en"] .header nav{gap:11px;font-size:11px}html[lang="en"] .hero h1{font-size:48px}html[lang="en"] .title-star{font-size:35px}html[lang="en"] .hero-description{font-size:12px}}
/* Give the six navigation links a menu before the header becomes crowded. */
@media(min-width:701px) and (max-width:1020px){.header{height:86px}.header nav{display:none;position:absolute;top:85px;left:-30px;right:-30px;flex-direction:column;align-items:stretch;background:#141d27;padding:20px 30px;gap:0;border-bottom:1px solid #405134;box-shadow:0 20px 35px #0005}.header nav.open{display:flex}.header nav>a{padding:12px;font-size:13px}.header nav .nav-download{margin-top:8px;padding:12px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #3d4b36;border-radius:5px;background:transparent;padding:12px;width:40px;height:38px}.menu-toggle span{height:1px;width:100%;background:var(--lime)}.language-icon{display:inline}.header .brand{font-size:16px}.language-picker{padding:6px 8px}.language-picker select{font-size:11px;max-width:108px}html[lang="en"] .header nav>a{font-size:13px}}
@media(max-width:900px){html[lang="en"] .hero h1{font-size:clamp(35px,4.6vw,44px);letter-spacing:-1.8px}html[lang="en"] .title-star{font-size:26px}html[lang="en"] h2{font-size:29px}html[lang="en"] .download-heading h2{font-size:27px}html[lang="en"] .hero-actions .button{font-size:11px;padding-inline:14px}html[lang="en"] .hero-actions .text-link{font-size:10px}html[lang="en"] .screenshot-tag{display:none}html[lang="en"] .facts p{font-size:9px}html[lang="en"] .preview-bottom{flex-wrap:wrap}html[lang="en"] .gallery-link{margin-left:auto}}
@media(max-width:700px){.header{gap:10px}.header .brand{font-size:13px;gap:8px}.header .brand-mark{width:31px;height:31px;font-size:27px;border-radius:8px}.header .brand small{font-size:6px;letter-spacing:1.3px}.header-controls{gap:8px}.language-picker{padding:4px 5px}.language-picker select{font-size:10px;max-width:86px}.menu-toggle{width:36px;height:35px;padding:10px}.header nav{top:76px}.hero h1{width:auto}.hero-note{flex-wrap:wrap;gap:6px}.hero h1 .title-star{right:0}.section-top{flex-wrap:wrap}html[lang="en"] .header .brand{font-size:13px}html[lang="en"] .header nav{gap:0}html[lang="en"] .header nav>a{font-size:13px}html[lang="en"] .hero h1{font-size:clamp(42px,9vw,62px);letter-spacing:-2px;line-height:1.13}html[lang="en"] .hero h1 br:nth-of-type(2){display:block}html[lang="en"] .hero h1 em{display:inline-block}html[lang="en"] .hero h1 .title-star{position:static;font-size:29px;margin-left:8px}html[lang="en"] .hero-description{font-size:13px}html[lang="en"] .hero-description br{display:none}html[lang="en"] .hero-actions{gap:15px}html[lang="en"] .hero-actions .button{font-size:12px}html[lang="en"] .hero-actions .text-link{font-size:11px}html[lang="en"] .facts p{font-size:10px;max-width:150px}html[lang="en"] .facts strong{font-size:25px}html[lang="en"] .facts strong span{font-size:10px}html[lang="en"] .section-index{font-size:8px}html[lang="en"] h2{font-size:32px}html[lang="en"] .section-description{font-size:13px}html[lang="en"] .guide-download{font-size:12px}html[lang="en"] .download-heading h2{font-size:25px}html[lang="en"] .download-heading{align-items:flex-start}html[lang="en"] .download-star{font-size:39px;margin-top:17px}html[lang="en"] .download-heading p:last-child{font-size:11px}html[lang="en"] .download-extras strong{font-size:12px}html[lang="en"] .download-extras small{font-size:9px}html[lang="en"] .deploy-header h2{font-size:30px}html[lang="en"] .faq-list summary{font-size:13px}html[lang="en"] .screenshot-tag{display:inline}html[lang="en"] .footer .brand{font-size:13px}html[lang="en"] .footer-bottom{font-size:9px}}
@media(max-width:360px){.header .brand{font-size:12px}.header .brand-mark{width:28px;height:28px;font-size:25px}.header .brand small{font-size:5px}.language-picker select{max-width:80px;font-size:9px}.header-controls{gap:5px}.language-picker{padding-inline:3px}html[lang="en"] .hero h1{font-size:39px}html[lang="en"] .title-star{display:none}html[lang="en"] .header .brand{font-size:12px}html[lang="en"] .demo-caption{font-size:7px}html[lang="en"] .facts>div:nth-child(2n){padding-left:18px}html[lang="en"] .facts strong{font-size:23px}html[lang="en"] .facts strong span{font-size:9px}}
@media print{.header-controls{display:none!important}}
@media(max-width:700px){html[lang="en"] .hero h1 .title-star{display:none}}