.stl{--stl-ink:var(--sd-ink,var(--ui-text,#111));--stl-muted:var(--sd-muted,var(--ui-muted,#777));--stl-line:var(--sd-line,#80808040);font-family:var(--font-geist,Arial),sans-serif;color:var(--stl-muted);padding:clamp(28px,5vw,56px) 0}.stl-kicker{text-align:center;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0 0 clamp(20px,3vw,32px);display:flex}.stl-count{color:var(--stl-ink)}.stl ul{margin:0;padding:0;list-style:none}.stl-item{color:var(--stl-muted);letter-spacing:-.01em;white-space:nowrap;outline:none;align-items:center;gap:10px;font-size:14px;line-height:1;transition:color .25s;display:inline-flex}.stl-item svg{flex:none;width:24px;height:24px}:is(.stl-item:hover,.stl-item:focus-visible){color:var(--stl-brand)}:is(.stl-item:hover span,.stl-item:focus-visible span){color:var(--stl-ink)}.stl-item:focus-visible{outline:1px solid var(--stl-line);outline-offset:6px;border-radius:6px}:is(:where([data-theme=dark],.dark) .stl-item[data-dark]:hover,:where([data-theme=dark],.dark) .stl-item[data-dark]:focus-visible){color:var(--stl-ink)}@media (prefers-color-scheme:dark){:is(:root:not([data-theme=light]) .stl-item[data-dark]:hover,:root:not([data-theme=light]) .stl-item[data-dark]:focus-visible){color:var(--stl-ink)}}.stl-grid{flex-wrap:wrap;justify-content:center;gap:22px 38px;max-width:980px;margin:0 auto;display:flex}.stl-marquee{display:none}@media (max-width:720px){.stl-grid{display:none}.stl-marquee{gap:18px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.stl-row{overflow:hidden}.stl-track{gap:34px;width:max-content;padding-right:34px;animation:38s linear infinite stl-scroll;display:flex}.stl-row-rev .stl-track{animation-duration:44s;animation-direction:reverse}}@keyframes stl-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.stl-track{animation:none!important}.stl-marquee{display:none!important}.stl-grid{display:flex!important}}

/* Balanced, accessible tool grid across screen sizes. */
.stl ul.stl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;row-gap:24px;max-width:880px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.stl-grid .stl-item{min-width:0;justify-content:flex-start}
.stl .stl-marquee{display:none}
@media(max-width:720px){.stl ul.stl-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:20px;max-width:420px}}
@media(max-width:340px){.stl-grid .stl-item{font-size:12px;gap:7px}}

@media(prefers-reduced-motion:reduce){.stl ul.stl-grid{display:grid!important}}

/* Compact tools strip: one spacing owner; title separated from the logos. */
.sd-root .sd-tools{padding:32px 24px}
.sd-tools .stl{padding:0}
.sd-root .stl .stl-kicker{margin:0 0 28px!important;line-height:1.5;gap:8px 16px}
.stl ul.stl-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-width:1200px;padding:0;column-gap:20px;row-gap:24px}
.stl-grid .stl-item{font-size:13px;gap:8px;line-height:1.4}
.stl-grid .stl-item svg{width:22px;height:22px}
@media(max-width:1200px){.stl ul.stl-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px}}
@media(max-width:600px){.sd-root .sd-tools{padding:28px 20px}.sd-root .stl .stl-kicker{font-size:9px;letter-spacing:.08em;margin-bottom:24px!important}.stl ul.stl-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px;gap:20px 16px}}