.DotGridHero_heroBox__xeKju{--dot-panel:#99472d;--dot-border:#c7795e;--dot-muted:#f1d7c7;--dot-caption:#f4dfd0;--dot-foreground:#fff7ec;--dot-accent:#ffe4c9;background:var(--dot-panel);border-radius:12px;padding:22px 22px 14px;color:var(--dot-foreground)}.dark .DotGridHero_heroBox__xeKju{--dot-panel:#1f2620;--dot-border:#3a4535;--dot-muted:#859079;--dot-caption:#a9b09d;--dot-foreground:#efe6cf;--dot-accent:#d9a27c}.DotGridHero_stage__fZzJg{perspective:1100px}.DotGridHero_canvas__czmVt{display:block;width:100%;cursor:pointer;touch-action:manipulation;transition:transform .3s ease-out}.DotGridHero_tabs__FfIKx{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--dot-border);border-bottom:1px solid var(--dot-border);margin-top:18px}.DotGridHero_playback__OUxNu,.DotGridHero_tab__nR6u1{position:relative;display:flex;align-items:baseline;gap:8px;padding:12px 2px;border:0;border-radius:0;background:none;color:var(--dot-muted);font-family:var(--font-manrope),sans-serif;font-size:15px;cursor:pointer}.DotGridHero_tabNumber__TMYNF{font-family:var(--font-jetbrains-mono),monospace;font-size:11px}.DotGridHero_tab__nR6u1[aria-selected=true]{color:var(--dot-foreground)}.DotGridHero_playback__OUxNu:focus-visible,.DotGridHero_tab__nR6u1:focus-visible{outline:2px solid var(--dot-accent);outline-offset:4px}.DotGridHero_progress__a73G8{position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--dot-accent)}.DotGridHero_playback__OUxNu{align-items:center;align-self:stretch;color:var(--dot-foreground);padding-inline:5px}.DotGridHero_playback__OUxNu:disabled,.DotGridHero_tab__nR6u1:disabled{cursor:default}.DotGridHero_playback__OUxNu svg{width:18px;height:18px}.DotGridHero_caption__caj8g{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px;color:var(--dot-caption);font-size:14px}.DotGridHero_hint__riRmY{color:var(--dot-muted);font-family:var(--font-jetbrains-mono),monospace;font-size:11px;letter-spacing:.1em;text-align:right}@media (max-width:560px){.DotGridHero_heroBox__xeKju{padding:16px 14px 13px}.DotGridHero_tabs__FfIKx{gap:4px;margin-top:13px}.DotGridHero_tab__nR6u1{gap:5px;padding-block:11px;font-size:11px}.DotGridHero_tabNumber__TMYNF{font-size:8px}.DotGridHero_playback__OUxNu{padding-inline:2px}.DotGridHero_playback__OUxNu svg{width:16px;height:16px}.DotGridHero_caption__caj8g{align-items:flex-start;min-height:40px;font-size:11px;line-height:1.55}.DotGridHero_hint__riRmY{max-width:46%;font-size:8px;line-height:1.55}}@media (prefers-reduced-motion:reduce){.DotGridHero_canvas__czmVt{transition:none}.DotGridHero_progress__a73G8{display:none}}