.frame-rate-infographic[data-astro-cid-i77xhqkg]{display:flex;flex-direction:column;gap:20px;margin-top:28px;padding:24px;border:1px solid rgba(209,213,219,.9);border-radius:16px;background:#ffffffd1;box-shadow:0 18px 40px #0f172a14}.example-header[data-astro-cid-i77xhqkg]{text-align:center}.example-label[data-astro-cid-i77xhqkg]{color:#111827;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.example-description[data-astro-cid-i77xhqkg]{margin:8px auto 0;max-width:460px;color:#4b5563;font-size:14px;line-height:1.6}.fps-controls[data-astro-cid-i77xhqkg]{display:flex;flex-direction:column;gap:28px}.fps-options[data-astro-cid-i77xhqkg]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fps-options[data-astro-cid-i77xhqkg] button[data-astro-cid-i77xhqkg]{min-height:72px;border:1px solid rgba(209,213,219,.95);border-radius:10px;background:#fff;color:#374151;font-size:18px;font-weight:800;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.fps-options[data-astro-cid-i77xhqkg] button[data-astro-cid-i77xhqkg]:hover{border-color:#1d4ed866;color:#111827}.fps-options[data-astro-cid-i77xhqkg] button[data-astro-cid-i77xhqkg][aria-pressed=true]{border-color:#1d4ed8;background:#eff6ff;color:#1d4ed8;box-shadow:0 10px 22px #1d4ed81f}.smoothness-scale[data-astro-cid-i77xhqkg]{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:12px;padding:6px 4px;color:#1118279e;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.smoothness-arrow[data-astro-cid-i77xhqkg]{position:relative;height:2px;background:#1d4ed8}.smoothness-arrow[data-astro-cid-i77xhqkg]:after{position:absolute;top:-4px;right:0;width:10px;height:10px;content:"";border-color:#1d4ed8;border-style:solid;border-width:2px 2px 0 0;transform:rotate(45deg)}.diagram[data-astro-cid-i77xhqkg]{margin-top:8px;min-width:0}.motion-stage[data-astro-cid-i77xhqkg]{position:relative;aspect-ratio:16 / 9;width:min(100%,420px);margin:0 auto;overflow:hidden;border:2px solid #000000;border-radius:14px;background:linear-gradient(135deg,#eff6fff2,#ffedd5b3)}.motion-stage[data-astro-cid-i77xhqkg]:before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(29,78,216,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.13) 1px,transparent 1px);background-size:18px 18px}.motion-track[data-astro-cid-i77xhqkg]{position:absolute;inset:14% 7% 16%;border-bottom:3px solid rgba(249,115,22,.7)}.motion-ball[data-astro-cid-i77xhqkg]{position:absolute;top:0;left:0;width:clamp(14px,3vw,24px);height:clamp(14px,3vw,24px);border:2px solid #111827;border-radius:999px;background:#f97316;box-shadow:0 8px 18px #0f172a2e;will-change:transform}@media(max-width:760px){.frame-rate-infographic[data-astro-cid-i77xhqkg]{padding:18px}.fps-options[data-astro-cid-i77xhqkg]{grid-template-columns:repeat(2,minmax(0,1fr))}}.frame-rate-mode-infographic[data-astro-cid-tsijjr7v]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:24px;margin-top:28px;padding:24px;border:1px solid rgba(209,213,219,.9);border-radius:16px;background:#ffffffd1;box-shadow:0 18px 40px #0f172a14}.mode-diagram[data-astro-cid-tsijjr7v]{position:relative;min-width:0;padding:38px 0 6px}.time-label[data-astro-cid-tsijjr7v]{position:absolute;top:0;left:122px;right:0;color:#1d4ed8;font-size:12px;font-weight:800;letter-spacing:.04em;text-align:center;text-transform:uppercase}.timeline-rule[data-astro-cid-tsijjr7v]{position:absolute;top:22px;right:0;left:122px;height:2px;color:#1d4ed8;background:#1d4ed8}.timeline-rule[data-astro-cid-tsijjr7v]:before,.timeline-rule[data-astro-cid-tsijjr7v]:after{position:absolute;top:-3px;width:8px;height:8px;content:"";border-color:currentColor;border-style:solid}.timeline-rule[data-astro-cid-tsijjr7v]:before{left:0;border-width:2px 0 0 2px;transform:rotate(-45deg)}.timeline-rule[data-astro-cid-tsijjr7v]:after{right:0;border-width:2px 2px 0 0;transform:rotate(45deg)}.mode-rows[data-astro-cid-tsijjr7v]{display:flex;flex-direction:column;gap:16px}.mode-row[data-astro-cid-tsijjr7v]{display:grid;grid-template-columns:102px minmax(0,1fr);align-items:center;gap:20px}.row-label[data-astro-cid-tsijjr7v]{display:flex;flex-direction:column;gap:3px;color:#111827}.row-label[data-astro-cid-tsijjr7v] strong[data-astro-cid-tsijjr7v]{font-size:18px;line-height:1.1}.row-label[data-astro-cid-tsijjr7v] span[data-astro-cid-tsijjr7v]{color:#6b7280;font-size:12px;font-weight:700}.fixed-track[data-astro-cid-tsijjr7v],.variable-track[data-astro-cid-tsijjr7v]{min-height:58px;padding:10px;border:2px solid #000000;border-radius:10px;background:linear-gradient(135deg,#eff6fff2,#ffedd5b3)}.fixed-track[data-astro-cid-tsijjr7v]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.variable-track[data-astro-cid-tsijjr7v]{position:relative;overflow:hidden}.frame-marker[data-astro-cid-tsijjr7v]{min-width:0;border:1px solid rgba(29,78,216,.22);border-radius:4px;background:#f97316b8}.fixed-track[data-astro-cid-tsijjr7v] .frame-marker[data-astro-cid-tsijjr7v]{background:#1d4ed8b8}.variable-track[data-astro-cid-tsijjr7v] .frame-marker[data-astro-cid-tsijjr7v]{position:absolute;top:10px;bottom:10px;width:12px;transform:translate(-50%)}.mode-explanation[data-astro-cid-tsijjr7v]{display:flex;flex-direction:column;justify-content:center;min-width:0}.explanation-label[data-astro-cid-tsijjr7v]{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1118278f}.equation[data-astro-cid-tsijjr7v]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:30px;font-weight:800;line-height:1.1;color:#111827}.fixed-term[data-astro-cid-tsijjr7v]{color:#1d4ed8}.variable-term[data-astro-cid-tsijjr7v]{color:#f97316}.operator[data-astro-cid-tsijjr7v]{color:#111827}.mode-explanation[data-astro-cid-tsijjr7v] p[data-astro-cid-tsijjr7v]:last-child{margin-top:16px;line-height:1.7;color:#4b5563}@media(max-width:760px){.frame-rate-mode-infographic[data-astro-cid-tsijjr7v]{grid-template-columns:1fr;padding:18px}.mode-diagram[data-astro-cid-tsijjr7v]{padding-top:32px}.time-label[data-astro-cid-tsijjr7v],.timeline-rule[data-astro-cid-tsijjr7v]{left:92px}.mode-row[data-astro-cid-tsijjr7v]{grid-template-columns:76px minmax(0,1fr);gap:16px}.row-label[data-astro-cid-tsijjr7v] strong[data-astro-cid-tsijjr7v]{font-size:15px}.row-label[data-astro-cid-tsijjr7v] span[data-astro-cid-tsijjr7v]{font-size:11px}.fixed-track[data-astro-cid-tsijjr7v]{gap:3px}.variable-track[data-astro-cid-tsijjr7v] .frame-marker[data-astro-cid-tsijjr7v]{width:9px}}.frame-rate-timeline-infographic[data-astro-cid-j3tdtvsh]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:24px;margin-top:28px;padding:24px;border:1px solid rgba(209,213,219,.9);border-radius:16px;background:#ffffffd1;box-shadow:0 18px 40px #0f172a14}.timeline-diagram[data-astro-cid-j3tdtvsh]{position:relative;min-width:0;padding:38px 0 6px}.time-label[data-astro-cid-j3tdtvsh]{position:absolute;top:0;left:116px;right:0;color:#1d4ed8;font-size:12px;font-weight:800;letter-spacing:.04em;text-align:center;text-transform:uppercase}.timeline-rule[data-astro-cid-j3tdtvsh]{position:absolute;top:22px;right:0;left:116px;height:2px;color:#1d4ed8;background:#1d4ed8}.timeline-rule[data-astro-cid-j3tdtvsh]:before,.timeline-rule[data-astro-cid-j3tdtvsh]:after{position:absolute;top:-3px;width:8px;height:8px;content:"";border-color:currentColor;border-style:solid}.timeline-rule[data-astro-cid-j3tdtvsh]:before{left:0;border-width:2px 0 0 2px;transform:rotate(-45deg)}.timeline-rule[data-astro-cid-j3tdtvsh]:after{right:0;border-width:2px 2px 0 0;transform:rotate(45deg)}.frame-rows[data-astro-cid-j3tdtvsh]{display:flex;flex-direction:column;gap:14px}.frame-row[data-astro-cid-j3tdtvsh]{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:20px}.row-label[data-astro-cid-j3tdtvsh]{display:flex;flex-direction:column;gap:3px;color:#111827}.row-label[data-astro-cid-j3tdtvsh] strong[data-astro-cid-j3tdtvsh]{font-size:18px;line-height:1.1}.row-label[data-astro-cid-j3tdtvsh] span[data-astro-cid-j3tdtvsh]{color:#6b7280;font-size:12px;font-weight:700}.frame-track[data-astro-cid-j3tdtvsh]{display:grid;grid-template-columns:repeat(var(--frame-count),minmax(0,1fr));gap:3px;min-height:42px;padding:8px;border:2px solid #000000;border-radius:10px;background:linear-gradient(135deg,#eff6fff2,#ffedd5b3)}.frame-block[data-astro-cid-j3tdtvsh]{min-width:0;border:1px solid rgba(29,78,216,.22);border-radius:3px;background:#f97316b8}.frame-row-standard[data-astro-cid-j3tdtvsh] .frame-block[data-astro-cid-j3tdtvsh]{background:#3b82f6b8}.frame-row-smooth[data-astro-cid-j3tdtvsh] .frame-block[data-astro-cid-j3tdtvsh]{background:#1d4ed8b8}.timeline-equation[data-astro-cid-j3tdtvsh]{display:flex;flex-direction:column;justify-content:center;min-width:0}.equation-label[data-astro-cid-j3tdtvsh]{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1118278f}.equation[data-astro-cid-j3tdtvsh]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:30px;font-weight:800;line-height:1.1;color:#111827}.frames-term[data-astro-cid-j3tdtvsh]{color:#f97316}.second-term[data-astro-cid-j3tdtvsh]{color:#1d4ed8}.operator[data-astro-cid-j3tdtvsh]{color:#111827}.timeline-equation[data-astro-cid-j3tdtvsh] p[data-astro-cid-j3tdtvsh]:last-child{margin-top:16px;line-height:1.7;color:#4b5563}@media(max-width:760px){.frame-rate-timeline-infographic[data-astro-cid-j3tdtvsh]{grid-template-columns:1fr;padding:18px}.timeline-diagram[data-astro-cid-j3tdtvsh]{padding-top:32px}.time-label[data-astro-cid-j3tdtvsh],.timeline-rule[data-astro-cid-j3tdtvsh]{left:86px}.frame-row[data-astro-cid-j3tdtvsh]{grid-template-columns:70px minmax(0,1fr);gap:16px}.row-label[data-astro-cid-j3tdtvsh] strong[data-astro-cid-j3tdtvsh]{font-size:15px}.row-label[data-astro-cid-j3tdtvsh] span[data-astro-cid-j3tdtvsh]{font-size:11px}.frame-track[data-astro-cid-j3tdtvsh]{gap:2px;min-height:38px;padding:7px}}.tools-eyebrow-highlight[data-astro-cid-gjotqinc]{display:inline-block;margin-left:-.4em;margin-right:-.4em;padding:.1em .4em;border-radius:.8em .3em;background-image:linear-gradient(to right,#ffba0c1a,#ffba0c4d 4%,#ffba0c4d);-webkit-box-decoration-break:clone;box-decoration-break:clone}