.st-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center;padding-block:var(--space-2xl) var(--space-xl)}.st-ranger-demo{margin:0;padding:24px;background:#f1f4e9;border:1px solid #dce3ce;border-radius:var(--radius-card)}.st-ranger-demo figcaption{display:grid;gap:6px}.st-ranger-demo figcaption span{color:#526744;font-size:var(--text-xs)}.st-ranger-stage{position:relative;display:grid;place-items:center;height:248px}.st-ranger-stage>img{width:224px;height:224px;object-fit:contain;image-rendering:pixelated}.st-ranger-stage button{position:absolute;right:0;top:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #cad4b9;background:var(--color-surface);color:#526744}.st-ranger-demo ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.st-ranger-demo li{background:#e4ead7;border-radius:4px}.st-ranger-demo li img{display:block;width:100%;image-rendering:pixelated}.st-ranger-demo>p{margin-top:12px;color:#526744;font-size:var(--text-xs)}.st-hero h1{text-wrap:balance;font-size:var(--text-display-s);line-height:1.02;max-width:18ch}.st-hero .sprite-lead{max-width:60ch}.st-action-primary{margin-top:var(--space-xl)}.st-action{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-md);font-weight:500;color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.st-action:hover{color:var(--color-accent-hover)}.st-sample-links{display:flex;flex-wrap:wrap;gap:0 var(--space-lg);margin-top:var(--space-lg);font-size:var(--text-sm);font-weight:500}.st-sample-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.st-sample-links a:hover{color:var(--color-accent-hover)}.st-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--gap-columns);padding-bottom:var(--section-gap-s);align-items:start;border-top:var(--rule-hair) solid var(--color-rule-2)}.st-contents{position:sticky;top:var(--space-lg);padding-top:var(--space-xl)}.st-contents>p{font-size:var(--text-sm);font-weight:600;color:var(--color-muted);margin-bottom:var(--space-sm)}.st-contents nav{display:flex;flex-direction:column;font-size:var(--text-sm);line-height:1.35}.st-contents a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--space-xs) var(--space-sm);margin-left:calc(var(--space-sm) * -1);color:var(--color-ink-2);border-radius:var(--radius-control);transition:background-color var(--dur-micro) var(--ease-out)}.st-contents a:hover{background:var(--color-paper-2);color:var(--color-ink)}.st-article{min-width:0;max-width:50rem}.st-section{padding-top:var(--section-gap-s)}.st-faq h2,.st-page #related-tools h2,.st-section h2{font-size:var(--text-section);line-height:1;max-width:20ch;margin-bottom:var(--space-xl)}.st-section>p,.st-topic>p{color:var(--color-ink-2);max-width:65ch;line-height:1.65}.st-section>p+p,.st-topic>p+p{margin-top:var(--space-md)}.st-topic{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule)}.st-topic h3{font-size:var(--text-title);margin-bottom:var(--space-md)}.st-topic pre{margin:var(--space-lg) 0 0;padding:var(--space-lg);overflow:auto;max-width:100%;background:var(--color-band);border-radius:var(--radius-card);color:var(--color-band-ink);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7}.st-figure{margin:var(--space-xl) 0}.st-figure img{display:block;width:100%;height:auto;border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-surface)}.st-figure figcaption{font-size:var(--text-sm);color:var(--color-muted);line-height:1.5;margin-top:var(--space-sm);max-width:65ch}.st-reference{margin-top:var(--space-md)}.st-inline-link,.st-reference a{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;font-size:var(--text-sm);font-weight:500;color:var(--color-accent);text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:4px}.st-faq{padding-top:var(--section-gap-s)}.st-faq details{border-top:var(--rule-hair) solid var(--color-rule-2)}.st-faq details:last-of-type{border-bottom:var(--rule-hair) solid var(--color-rule)}.st-faq .st-inline-link{margin-bottom:var(--space-md)}.st-page #related-tools{padding-top:var(--section-gap-s)}@media (max-width:60rem){.st-hero{grid-template-columns:minmax(0,1fr)}.st-body{display:block}.st-contents{position:static;padding-block:var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule)}.st-contents nav{display:grid;grid-template-columns:minmax(0,1fr)}}@media (max-width:40rem){.st-hero{padding-block:var(--space-xl)}}