.ss-call{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-6);margin:0;border-top:1px solid var(--ink)}.ss-call__req,.ss-call__res{padding:var(--space-6)0 0}.ss-call__req{grid-column:1/span 7}.ss-call__res{grid-column:8/span 5;padding-left:var(--space-6);border-left:1px solid var(--line)}.ss-call__label{margin-bottom:var(--space-4);color:var(--faint);font-family:var(--mono);font-size:var(--fs-xs)}.ss-call pre{margin:0;padding:var(--space-6);overflow-x:auto;background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:var(--fs-xs);line-height:1.7}.ss-call .dim{color:var(--faint)}.ss-call pre{color:var(--text)}.ss-call .ss-frame{width:min(100%,260px)}@media (max-width:960px){.ss-call__req,.ss-call__res{grid-column:1/-1}.ss-call__res{padding-left:0;border-left:0}}.ss-film{--ar:16 / 9;position:relative;margin:0;border:1px solid var(--line)}.ss-film video{display:block;width:100%;height:auto;aspect-ratio:var(--ar)}.ss-first--film>.ss-hero>.ss-wrap{grid-template-rows:auto minmax(240px,1fr)}.ss-hero__film{display:flex;align-items:center;container-type:size}.ss-hero__film .ss-film{width:min(100cqw,(100cqh - 2px)*var(--ar) + 2px);margin-left:auto}@media (min-width:961px){.ss-first--film .ss-hero__lead{align-self:center}}.ss-first--flow>.ss-hero>.ss-wrap{grid-template-rows:auto auto auto minmax(180px,1fr)}.ss-hero__flow{display:flex;align-items:center;justify-content:center;container-type:size}.ss-hero__flow .ss-flow{width:min(100cqw,(100cqh - 34px)*4.8 + 48px);margin:0}@media (min-width:961px) and (max-height:940px){.ss-first--film>.ss-hero,.ss-first--flow>.ss-hero{padding-top:var(--space-8)}.ss-first--film>.ss-hero>.ss-wrap,.ss-first--flow>.ss-hero>.ss-wrap{row-gap:var(--space-6);padding-bottom:var(--space-8)}.ss-first--film .ss-hero h1,.ss-first--flow .ss-hero h1{padding-bottom:0}}@media (max-width:960px){.ss-first--film,.ss-first--flow{min-height:0}.ss-first--film>.ss-hero>.ss-wrap,.ss-first--flow>.ss-hero>.ss-wrap{grid-template-rows:none}.ss-hero__film,.ss-hero__flow{display:block;container-type:normal}.ss-hero__film .ss-film,.ss-hero__flow .ss-flow{width:auto;margin-left:0}}.ss-film__play{position:absolute;left:var(--space-6);bottom:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-3);height:52px;border:0;padding:0 var(--space-6);background:var(--ink);color:var(--bg);font-size:var(--fs-md);font-weight:600;cursor:pointer}.ss-film__play span{opacity:.6;font-family:var(--mono);font-size:var(--fs-sm);font-weight:400}.ss-film.is-playing .ss-film__play{display:none}@media (max-width:640px){.ss-film__play{top:var(--space-3);left:var(--space-3);bottom:auto;gap:var(--space-2);height:40px;padding:0 var(--space-4);font-size:var(--fs-sm)}.ss-film__play span{font-size:var(--fs-xs)}}.ss-layers{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.ss-layers li{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:var(--space-2) var(--space-6);align-items:baseline;padding:var(--space-4)0;border-bottom:1px solid var(--line)}.ss-layers b{color:var(--ink);font-weight:500}.ss-site .ss-layers code{color:var(--faint);font-family:var(--mono);font-size:var(--fs-xs)}.ss-layers q{grid-column:2;color:var(--text)}.ss-layers__video{display:block;width:100%;max-width:16rem;height:auto}@media (max-width:640px){.ss-layers li{grid-template-columns:minmax(0,1fr)}.ss-layers q{grid-column:1}}.ss-detour{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-6);margin:var(--space-8)0 0;padding-top:var(--space-6);border-top:1px solid var(--ink)}.ss-detour ol{margin:0;padding-left:var(--space-8);list-style:decimal-leading-zero}.ss-detour li{padding:var(--space-3)0;border-bottom:1px solid var(--line);color:var(--ink)}.ss-detour li::marker{color:var(--faint);font-family:var(--mono);font-size:var(--fs-xs)}.ss-detour__ours{display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 11rem;column-gap:var(--space-6);padding:var(--space-6)}.ss-detour>div:first-child{padding-top:var(--space-6)}.ss-detour__ours pre{margin:var(--space-3)0 0;padding:var(--space-4);overflow-x:auto;background:#ffffff7f;font-family:var(--mono);font-size:var(--fs-xs);line-height:1.7}.ss-detour__result{grid-row:1/-1;grid-column:2;align-self:end;width:100%;height:auto}@media (max-width:960px){.ss-detour{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.ss-detour__ours{grid-template-columns:minmax(0,1fr)}.ss-detour__result{grid-row:auto;grid-column:1;width:50%;margin-top:var(--space-6)}}.ss-proof{margin:0}.ss-proof ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6);margin:0;padding:0;list-style:none}.ss-proof img{display:block;width:100%;height:auto;background:var(--surface)}.ss-proof figcaption{margin-top:var(--space-4);color:var(--faint);font-size:var(--fs-sm)}.ss-proof figcaption a{margin-left:var(--space-2)}@media (max-width:640px){.ss-proof ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.ss-usage{align-items:start}.ss-usage__steps{grid-column:1/span 5}.ss-usage__steps ol{margin:var(--space-6)0 0;padding-left:var(--space-6)}.ss-usage__steps li{padding:var(--space-2)0;color:var(--ink)}.ss-site .ss-usage__steps h3{margin-top:var(--space-12);font-size:var(--fs-lg)}.ss-usage__steps p:not(.ss-label){margin-top:var(--space-3);color:var(--text)}.ss-usage__steps video{margin-top:var(--space-6)}.ss-usage__code{grid-column:6/span 7;min-width:0;margin:0}.ss-usage__code figcaption{margin-top:var(--space-3);color:var(--faint);font-size:var(--fs-sm)}@media (max-width:960px){.ss-usage__steps,.ss-usage__code{grid-column:1/-1}}.ss-cols>li:has(>.ss-link){display:flex;flex-direction:column}.ss-cols>li>.ss-link{margin-top:auto;padding-top:var(--space-4);align-self:flex-start}.ss-studio-shot{position:relative;margin:0}.ss-studio-shot--narrow{max-width:calc(100%/12*10);margin-inline:auto}.ss-studio-shot video{display:block;width:100%;height:auto;aspect-ratio:1280/852;overflow:hidden;border:0;object-fit:cover;background:var(--surface)}.ss-studio-shot__caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-6);margin-top:var(--space-4);color:var(--faint);font-family:var(--mono);font-size:var(--fs-xs)}@media (max-width:640px){.ss-call__req pre,.ss-call__req code{white-space:pre-wrap;overflow-wrap:anywhere}}.ss-flow{margin:var(--space-8)0 0}.ss-site .ss-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin:0;padding:0;list-style:none}.ss-flow li{position:relative}.ss-flow li+li:before{content:"→";position:absolute;top:30%;left:calc(-1*var(--space-6));width:var(--space-6);color:var(--ink);text-align:center}.ss-flow video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.ss-site .ss-flow p{display:flex;gap:var(--space-3);align-items:baseline;margin:var(--space-3)0 0;color:var(--faint);font-family:var(--mono);font-size:var(--fs-xs)}.ss-flow strong{font-weight:600}.ss-flow p>span:last-child{color:var(--faint)}@media (max-width:640px){.ss-site .ss-flow ol{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.ss-site .ss-flow ol::-webkit-scrollbar{display:none}.ss-flow li{scroll-snap-align:start}}