:root{--bg:#f4f5f7;--panel:#fff;--ink:#252b37;--muted:#697386;--line:#e1e5ed;--blue:#5575d9;--soft:#edf1fc;--shadow:0 2px 3px #252b3705,0 8px 22px #252b3705}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--bg);color:var(--ink);font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Hiragino Sans GB,Heiti SC,Arial,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:16px;line-height:1.75}a{color:var(--blue);text-decoration:none}a:hover{color:#3454b5}button,summary{cursor:pointer}button{font:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.4}h2{font-size:30px;letter-spacing:-.6px}h3{font-size:18px}p{color:var(--muted)}:focus-visible{outline:3px solid #5575d9;outline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}i{line-height:1;font-size:1.25em;flex-shrink:0}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 8px #252b3704}.header-inner{width:min(1180px,calc(100% - 64px));height:80px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:750;font-size:24px;line-height:1}.brand img{width:40px;height:auto;border-radius:9px}.main-nav{display:flex;gap:30px;margin-left:auto;align-items:center}.main-nav a{color:var(--muted);font-size:15px;padding:10px 0}.main-nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:11px 21px;border-radius:8px;border:1px solid #4162c3;box-shadow:inset 0 1px 0 #ffffff38,0 3px 0 #3c59a4,0 5px 9px #5575d918;background:var(--blue);color:white;font-size:15px;font-weight:600;line-height:1.5;transition:transform .15s,box-shadow .15s}.button:hover{background:#4967c6;color:#fff}.button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #252b371a,0 1px 0 #3c59a4}.button.secondary{color:var(--ink);background:#fff;border-color:#d6dce8;box-shadow:inset 0 1px 0 #fff,0 3px 0 #e1e5ed,0 5px 8px #252b3705}.button.secondary:hover{background:#f9fafc}.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:white;border:1px solid var(--line);border-radius:8px}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:8px}.eyebrow{font-size:13px;font-weight:650;color:var(--blue);letter-spacing:1px;margin-bottom:14px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:68px 64px;align-items:center}.hero h1{font-size:49px;font-weight:750;line-height:1.28;letter-spacing:-1.8px;margin:0 0 24px}.hero h1 span{color:var(--blue)}.hero-description{font-size:16px;line-height:1.95;max-width:500px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.hero-meta{font-size:13px;margin-top:21px}.hero-meta b{font-weight:400;margin:0 6px;color:#b4bdcc}.game-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.game-tags span{font-size:13px;line-height:1.5;background:#eceff4;border:1px solid #dee3ec;box-shadow:inset 0 1px 3px #252b3708;border-radius:5px;padding:7px 12px;color:#5a657a}.hero-product{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 4px 0 #e7eaf0,0 15px 35px #252b3708}.product-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:18px;color:var(--muted)}.product-heading>span:first-child{display:flex;gap:8px;align-items:center}.small-tag{font-size:11px;background:#eef1f8;padding:2px 7px;border-radius:4px}.hero-image{display:flex;align-items:center;gap:24px;padding:20px;background:#f4f5f8;border:1px solid #e6e9ef;box-shadow:inset 0 2px 5px #252b3706;border-radius:9px}.hero-image .screenshot{width:195px;flex-shrink:0}.screenshot a{position:relative;display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #252b3708;background:white}.screenshot img{width:100%;height:auto}.screenshot figcaption{font-size:12px;line-height:1.65;color:var(--muted);margin-top:10px;text-align:center}.hero-image figcaption{display:none}.zoom-label{position:absolute;right:7px;bottom:7px;display:flex;gap:4px;align-items:center;background:#ffffffeb;color:#404a5d;padding:3px 7px;border-radius:4px;font-size:11px;opacity:0;transition:opacity .15s}.zoom-image:hover .zoom-label,.zoom-image:focus-visible .zoom-label{opacity:1}.raised-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--blue);background:#f8faff;border:1px solid #dce3f7;border-radius:12px;box-shadow:inset 0 1px 0 white,0 3px 0 #e6ebf7}.raised-icon i{font-size:25px}.hero-side{min-width:0}.hero-side h3{font-size:17px;margin:15px 0 8px}.hero-side p{font-size:13px;line-height:1.8}.hero-side ul{padding:0;list-style:none;margin:20px 0}.hero-side li{display:flex;gap:8px;align-items:center;font-size:12px;padding:8px 0;border-bottom:1px solid var(--line);white-space:nowrap}.hero-side li i{color:var(--blue)}.hero-side>a{font-size:12px;display:inline-flex;gap:6px;align-items:center}.product-caption{font-size:12px;line-height:1.7;margin-top:16px;text-align:center}.section-intro{max-width:820px;margin-bottom:32px}.section-intro p:not(.eyebrow){margin-top:14px}.analysis-section{padding-block:55px;background:#fff;border-block:1px solid var(--line)}.analysis-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}.record-panel{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:inset 0 2px 4px #252b3704}.panel-title{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:600;margin-bottom:20px}.panel-title i{color:var(--blue)}.record-screens{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:370px;margin-inline:auto;align-items:start}.record-panel>.muted{font-size:12px;text-align:center;margin-top:16px}.feature-notes article{display:flex;gap:17px;padding:17px 0;border-bottom:1px solid var(--line)}.feature-notes article>i{color:var(--blue);font-size:24px;margin-top:4px}.feature-notes h3{font-size:17px;margin-bottom:5px}.feature-notes p{font-size:14px}.inset-note{margin-top:20px;padding:12px 16px;background:var(--bg);border:1px solid var(--line);border-radius:6px;box-shadow:inset 0 1px 3px #252b3704}.tools-section{padding-block:58px 40px}.tool-highlights{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-highlights article{display:flex;align-items:flex-start;position:relative;gap:22px;padding:28px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.tool-highlights .raised-icon{flex-shrink:0}.tool-highlights h3{font-size:21px;margin:2px 0 9px}.tool-highlights p{font-size:14px;max-width:310px}.tool-number{position:absolute;right:16px;top:12px;font-size:12px;font-weight:600;color:#b5becc}.tool-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px}.tool-list article{padding:0 28px;border-left:1px solid #dce1e9}.tool-list article:first-child{padding-left:0;border:0}.tool-list i{color:var(--blue);font-size:24px;display:block;margin-bottom:10px}.tool-list h3{font-size:16px;margin-bottom:7px}.tool-list p{font-size:14px}.muted{font-size:13px;color:var(--muted)}.tools-section>.muted{margin-top:25px}.backup-section{padding-block:20px 40px}.backup-panel{display:flex;gap:44px;align-items:center;border:1px solid #dce3f2;background:#eaf0fb;border-radius:10px;padding:32px 42px}.backup-symbols{display:flex;align-items:center;gap:22px;color:var(--blue);padding:20px 30px;background:#f5f8ff;border:1px solid #d7e0f2;border-radius:10px;box-shadow:inset 0 2px 4px #5575d90a}.backup-symbols i{font-size:42px}.backup-symbols i:nth-child(2){font-size:23px;color:#93a4cd}.backup-panel h2{font-size:25px;margin-bottom:10px}.backup-panel p{font-size:14px}.backup-panel a{font-size:13px;display:inline-block;margin-top:12px}.guide-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:30px 60px}.guide-heading>p:not(.eyebrow){margin-top:15px}.guide-heading .button{margin-top:25px}.start-steps{border-top:1px solid var(--line)}.start-steps>a{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--blue);border:1px solid #d9e0ef;background:#fff;box-shadow:inset 0 1px 0 white,0 3px 0 #e1e5ed;flex-shrink:0;font-weight:650}.start-steps h3{font-size:16px;margin-bottom:2px}.start-steps p{font-size:13px}.start-steps>a>i:last-child{margin-left:auto;color:#8492a8}.start-steps>a.help-link{font-size:13px;color:var(--blue);border:0;padding-bottom:0}.download-section{background:#e8edf7;border-block:1px solid #d9e1f0;padding-block:42px}.download-panel{display:flex;align-items:center;gap:42px}.download-logo{width:112px;border-radius:24px;box-shadow:0 6px 15px #252b3712}.download-panel h2{font-size:29px}.download-panel p:not(.eyebrow){font-size:14px;margin-top:12px}.download-panel .actions{margin-top:21px}.copy-status:empty{display:none}.copy-status{color:var(--blue);font-size:13px}.faq-section{display:grid;grid-template-columns:1fr 1.8fr;gap:65px;padding-block:58px 70px}.faq-section>div>p:not(.eyebrow){font-size:14px;margin-top:13px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0 4px}.faq-list summary{position:relative;font-weight:600;padding:19px 28px 19px 0;list-style:none;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;color:var(--blue);font-size:23px;font-weight:400;top:12px}.faq-list details[open] summary:after{content:'−'}.faq-list details>p{font-size:14px;padding-bottom:20px;line-height:1.9}.site-footer{background:#fff;border-top:1px solid var(--line);padding:35px 0 20px}.footer-inner,.footer-note{width:min(1180px,calc(100% - 64px));margin-inline:auto}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner .brand{font-size:20px}.footer-inner .brand img{width:32px}.footer-inner p{font-size:12px;margin-top:12px}.footer-inner nav{display:flex;gap:30px;font-size:13px}.footer-inner nav a{color:var(--muted)}.footer-note{border-top:1px solid var(--line);margin-top:26px;padding-top:17px;font-size:12px;color:var(--muted)}.image-dialog{border:0;background:#10141beF;color:white;width:100%;max-width:none;height:100%;max-height:none;padding:65px 24px 30px;margin:0;overflow:auto}.image-dialog::backdrop{background:#10141bf0}.image-dialog[open]{display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.image-dialog img{width:auto;height:auto;max-width:min(100%,1200px);max-height:calc(100dvh - 150px);object-fit:contain;margin:auto}.dialog-caption{color:#e2e6ef;font-size:14px;text-align:center;margin-top:20px}.dialog-close{position:fixed;right:22px;top:18px;width:44px;height:44px;display:grid;place-items:center;font-size:30px;color:white;background:#ffffff18;border:1px solid #ffffff40;border-radius:50%;z-index:2}.docs-layout{display:grid;grid-template-columns:218px minmax(0,820px);gap:54px;justify-content:center;align-items:start;padding-top:36px;padding-bottom:64px}.docs-sidebar{position:sticky;top:108px}.toc summary{list-style:none;font-size:13px;font-weight:650;color:var(--muted);padding:12px 10px}.toc summary::-webkit-details-marker{display:none}.toc summary>i{vertical-align:middle;margin-right:5px}.toc summary>i:last-child{display:none}.toc nav{display:flex;flex-direction:column;gap:4px;margin-top:8px}.toc nav a{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);padding:10px 12px;min-height:44px;border:1px solid transparent;border-radius:6px;line-height:1.5}.toc nav a span{font-size:11px;color:#9aa5b7;letter-spacing:.5px}.toc nav a:hover{background:#edf0f6}.toc nav a.active{background:#e9eefc;color:var(--blue);border-color:#d8e1f6;box-shadow:inset 0 1px 3px #5575d907}.toc nav a.active span{color:var(--blue)}.sidebar-help{font-size:13px;display:block;margin:25px 12px;padding-top:20px;border-top:1px solid var(--line)}.docs-content{min-width:0;background:white;border:1px solid var(--line);border-radius:12px;padding:35px 42px;box-shadow:var(--shadow)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-bottom:25px}.docs-intro h1{font-size:34px;letter-spacing:-.8px;margin-bottom:14px}.docs-intro p:not(.eyebrow){font-size:16px;line-height:1.9}.docs-intro{padding-bottom:30px;border-bottom:1px solid var(--line)}.doc-section{padding:36px 0;scroll-margin-top:100px;border-bottom:1px solid var(--line)}.doc-section h2{display:flex;align-items:center;gap:12px;font-size:25px;margin-bottom:20px}.doc-section h2 span{font-size:12px;color:var(--blue);background:var(--soft);border:1px solid #dbe2f5;border-radius:5px;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:600}.doc-section h3{font-size:18px;margin:28px 0 12px}.doc-section p{font-size:16px;line-height:1.9;color:#505c70;margin-bottom:14px}.doc-section li{margin-bottom:10px;color:#505c70}.doc-section ul{padding-left:22px}.scope{padding:18px 22px;border:1px solid #e0e6f1;border-radius:8px;background:#f7f9fc;margin-bottom:24px}.scope strong{font-size:13px;color:var(--blue)}.scope p{font-size:14px;margin:3px 0 12px}.scope p:last-child{margin-bottom:0}.instructions{counter-reset:instruction;list-style:none;padding-left:0;margin:16px 0 22px}.instructions[start="2"]{counter-reset:instruction 1}.instructions[start="3"]{counter-reset:instruction 2}.instructions[start="4"]{counter-reset:instruction 3}.instructions[start="5"]{counter-reset:instruction 4}.instructions[start="6"]{counter-reset:instruction 5}.instructions li{position:relative;padding-left:43px;margin-bottom:16px;counter-increment:instruction}.instructions li:before{content:counter(instruction);position:absolute;left:0;top:1px;width:28px;height:28px;text-align:center;line-height:28px;border-radius:50%;font-size:13px;font-weight:600;color:var(--blue);background:#fff;border:1px solid #dce3ef;box-shadow:0 2px 0 #e1e5ed}.note{background:#eef2fc;border-left:3px solid var(--blue);padding:15px 18px;border-radius:0 6px 6px 0;font-size:14px;line-height:1.9;color:#586681;margin:20px 0}.note strong{color:#425a9b}.doc-section .success{font-size:14px;padding:14px 17px;border:1px solid #dcebe3;background:#f1f8f5;border-radius:6px;color:#466c59;margin-top:20px}.doc-image-single{max-width:285px;margin:22px auto}.doc-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:610px;margin:22px auto;align-items:start}.doc-image-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px auto;align-items:start}.doc-image-pair .screenshot,.doc-image-trio .screenshot{min-width:0}.doc-section .screenshot a{border-radius:6px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:7px;margin:22px 0;max-width:100%}table{width:100%;border-collapse:collapse;line-height:1.7;font-size:13px;text-align:left;min-width:620px}th,td{padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:#eef2f8;color:#4a5970}tbody th{font-weight:600;color:#505c70;background:#fafbfd}tbody td{color:#59677b}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.method-list{font-size:15px}.code-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 18px;background:#f1f3f7;border:1px solid var(--line);border-radius:6px;font-size:14px}.code-panel code{margin-right:auto;overflow-wrap:anywhere}.code-panel button{padding:9px 12px;border:1px solid #d8dfea;border-radius:5px;min-height:44px;color:var(--blue);background:white;font-size:13px}.code-panel .copy-status{flex-basis:100%}code{font-family:Consolas,monospace;font-size:.9em;background:#edf0f5;padding:3px 5px;border-radius:3px;overflow-wrap:anywhere}.problem-list dt{font-weight:600;font-size:15px;margin-top:18px}.problem-list dd{font-size:15px;line-height:1.9;color:#59677b;margin:6px 0 15px}.doc-sources{padding:28px 0}.doc-sources h2{font-size:19px;margin-bottom:14px}.doc-sources p{font-size:13px;margin-bottom:10px}.back-home{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px}

@media(max-width:1100px){.hero{gap:32px}.hero h1{font-size:43px}.hero-product{padding:15px}.hero-image{gap:18px;padding:15px}.hero-image .screenshot{width:170px}.hero-side li{font-size:11px}.hero-side h3{font-size:15px}.hero-side p{font-size:12px}.docs-layout{gap:28px;grid-template-columns:190px minmax(0,820px)}.docs-content{padding:30px}.header-inner{gap:20px}.main-nav{gap:24px}}
@media(max-width:900px){.wrap,.header-inner,.footer-inner,.footer-note{width:calc(100% - 40px)}.header-inner{height:70px;gap:12px}.brand{font-size:21px}.brand img{width:36px}.header-inner>.button{margin-left:auto;font-size:13px;padding:10px 13px;min-height:44px}.menu-toggle{display:flex}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:15px 20px;border-bottom:1px solid var(--line);box-shadow:0 5px 12px #252b3708}.main-nav.expanded{display:flex;flex-direction:column;align-items:stretch;gap:4px}.main-nav a{padding:10px;min-height:44px}.hero{gap:25px;padding-top:45px;grid-template-columns:1fr 1fr}.hero h1{font-size:36px}.hero-product{padding:14px}.hero-image{justify-content:center;padding:15px}.hero-image .screenshot{width:190px;max-width:100%}.hero-side{display:none}.hero-meta{font-size:11px}.actions{gap:10px}.hero .button{font-size:13px;padding:10px 13px}.game-tags{margin-top:22px;gap:6px}.game-tags span{font-size:11px;padding:6px 9px}.analysis-layout{gap:25px;grid-template-columns:1fr 1fr}.record-panel{padding:16px}.record-screens{gap:12px}.feature-notes article{padding:13px 0;gap:12px}.feature-notes p{font-size:13px}.feature-notes h3{font-size:15px}.backup-panel{gap:25px;padding:28px}.backup-symbols{padding:20px;gap:14px}.guide-section{gap:32px}.faq-section{gap:30px}.docs-layout{display:block;padding-top:20px}.docs-sidebar{position:sticky;top:70px;z-index:20;margin-bottom:20px;background:var(--bg);padding:8px 0}.toc{background:white;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}.toc summary{cursor:pointer;display:flex;align-items:center;min-height:46px;padding:12px 16px;font-size:14px}.toc summary>i:last-child{display:inline;margin-left:auto}.toc nav{padding:0 8px 10px;display:grid;grid-template-columns:1fr 1fr;max-height:60vh;overflow:auto;margin-top:0}.sidebar-help{display:none}.doc-section{scroll-margin-top:145px}.docs-content{max-width:820px;margin-inline:auto}html{scroll-padding-top:0}}
@media(max-width:650px){h2{font-size:25px;letter-spacing:-.4px}.wrap,.header-inner,.footer-inner,.footer-note{width:calc(100% - 36px)}.hero{display:block;padding:35px 0 42px}.hero h1{font-size:38px;letter-spacing:-1px;margin-bottom:20px}.hero h1 br:nth-of-type(2){display:none}.hero-description{font-size:16px}.hero .button{font-size:14px;min-height:48px}.hero-meta{font-size:12px;line-height:1.8}.hero-meta b{margin:0 4px}.hero-product{margin-top:32px;padding:16px;max-width:440px}.hero-image{padding:18px;gap:18px;justify-content:flex-start}.hero-image .screenshot{width:155px}.hero-side{display:block}.hero-side li{font-size:11px}.product-heading{font-size:12px}.product-caption{font-size:11px}.section-intro{margin-bottom:25px}.section-intro p:not(.eyebrow){font-size:15px}.analysis-section{padding-block:38px}.analysis-layout{display:block}.record-panel{padding:18px}.record-screens{max-width:340px;gap:16px}.feature-notes{margin-top:20px}.feature-notes h3{font-size:17px}.feature-notes p{font-size:14px}.tools-section{padding-block:38px 24px}.tool-highlights{grid-template-columns:1fr;gap:15px}.tool-highlights article{padding:23px;gap:20px}.tool-highlights h3{font-size:20px}.tool-list{grid-template-columns:1fr;margin-top:25px}.tool-list article{display:grid;grid-template-columns:32px 1fr;gap:4px 12px;padding:16px 0;border-left:0;border-bottom:1px solid var(--line)}.tool-list article:first-child{padding:16px 0;border-bottom:1px solid var(--line)}.tool-list i{grid-row:span 2;margin-top:3px;margin-bottom:0;font-size:23px}.tool-list h3{margin:0}.tool-list p{grid-column:2}.backup-section{padding-block:15px 20px}.backup-panel{display:block;padding:25px}.backup-symbols{width:fit-content;padding:15px 20px;margin-bottom:20px}.backup-symbols i{font-size:32px}.backup-panel h2{font-size:23px}.guide-section{display:block;padding:28px 0 38px}.guide-heading .button{margin-top:20px}.start-steps{margin-top:30px}.download-section{padding:32px 0}.download-panel{align-items:flex-start;gap:20px;display:block}.download-logo{width:66px;border-radius:15px;margin-bottom:20px}.download-panel h2{font-size:25px}.download-panel .button{font-size:14px;padding:11px 14px}.faq-section{display:block;padding:38px 0 45px}.faq-section>div>p br{display:none}.faq-list{margin-top:25px}.faq-list summary{font-size:15px}.footer-inner{display:block}.footer-inner nav{margin-top:25px;gap:24px}.site-footer{padding-top:28px}.docs-layout{width:calc(100% - 24px);padding-top:10px;padding-bottom:32px}.docs-content{border-radius:8px;padding:25px 18px}.docs-intro h1{font-size:28px}.docs-intro p:not(.eyebrow){font-size:16px}.doc-section{padding:29px 0}.doc-section h2{font-size:23px;gap:9px}.doc-section h3{font-size:18px}.doc-section p,.doc-section li{font-size:16px}.scope{padding:15px}.scope p{font-size:14px}.instructions li{padding-left:38px}.doc-image-single{max-width:270px}.doc-image-pair{gap:12px}.doc-image-trio{grid-template-columns:1fr;max-width:280px;gap:20px}.doc-section .screenshot figcaption{font-size:11px}.toc nav{grid-template-columns:1fr 1fr;gap:2px}.toc nav a{font-size:13px;padding:9px 7px;gap:7px}.toc nav a span{font-size:10px}.note{font-size:14px}.code-panel{font-size:13px;padding:13px}.code-panel button{font-size:12px}.doc-sources p{font-size:13px}.image-dialog{padding:70px 12px 22px}}
@media(max-width:370px){.hero-image{gap:14px;padding:14px}.hero-image .screenshot{width:135px}.hero-side h3{font-size:13px}.hero-side li{font-size:10px}.hero-side p{font-size:11px}.header-inner{gap:8px}.header-inner>.button{font-size:12px;padding-inline:10px}.brand{font-size:20px}.menu-toggle{width:40px}.toc nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.home-page section[id]{scroll-margin-top:100px}

.docs-content .doc-image-single{max-width:240px}
.docs-content .doc-image-pair{max-width:520px}
.docs-content .screenshot{width:fit-content;max-width:100%;margin-inline:auto}
.docs-content .screenshot img{width:auto;max-width:100%;max-height:420px;margin-inline:auto}
@media(max-width:650px){.docs-content .screenshot img{max-height:360px}.docs-content .doc-image-pair{gap:12px}}