.ov-anim{flex-direction:column;margin:32px 0 40px;display:flex;position:relative}.ov-figure{margin:0}.ov-figure figcaption{color:var(--secondary);margin-top:12px;font-size:14px;line-height:1.43}.ov-panel{background:var(--raised);border:1px solid var(--border);border-radius:10px;padding:24px 16px;container-type:inline-size}.ov-pause-input{opacity:0;width:1px;height:1px;margin:0;position:absolute;top:0;right:0}.ov-pause{box-sizing:border-box;border:1px solid var(--border);min-height:44px;font-family:var(--mono);letter-spacing:-.24px;text-transform:uppercase;color:var(--bone);cursor:pointer;transition:border-color .15s var(--ease);border-radius:3px;align-self:flex-end;align-items:center;gap:8px;margin-bottom:8px;padding:0 14px;font-size:12px;line-height:1;display:inline-flex}.ov-pause:hover{border-color:var(--muted)}.ov-pause-box{box-sizing:border-box;border:1px solid var(--bone);width:10px;height:10px}.ov-pause-input:checked+.ov-pause .ov-pause-box{background:var(--bone)}.ov-pause-input:focus-visible+.ov-pause{outline:2px solid var(--bone);outline-offset:2px}.ov-pause-input:checked~.ov-figure *,.ov-pause-input:checked~.ov-figure :before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.ov-pause-input,.ov-pause{display:none}}.ov-pill{font-family:var(--mono);letter-spacing:-.2px;text-transform:uppercase;justify-items:stretch;font-size:11px;line-height:1;display:inline-grid}.ov-st{opacity:0;border:1px solid var(--border);text-align:center;color:var(--muted);border-radius:3px;grid-area:1/1;padding:3px 6px}.ov-st.is-ready{color:var(--secondary);border-color:var(--graphite)}.ov-st.is-running{color:var(--accent);border-color:var(--accent)}.ov-st.is-waiting{color:var(--bone);border-color:var(--bone)}.ov-st.is-done{color:var(--ok);border-color:var(--ok)}.ov-anim .ov-steps{margin:24px 0 0}.ov-steps li{margin:0 0 8px}.ov-steps strong{font-weight:500}.ovw-panel{padding:16px}.ovw-stage{--ovw-axis:h;aspect-ratio:19/10;position:relative}.ovw-canvas,.ovw-fallback{width:100%;height:100%;position:absolute;inset:0}.ovw-fallback{background-image:radial-gradient(circle, var(--graphite) .8px, transparent 1.2px);background-size:24px 24px}.ovw-fallback polyline{fill:none;stroke-width:1.1px;stroke-linecap:round;stroke-dasharray:0 2.4;opacity:.8}.ovw-fallback .ovw-fallback-loop{stroke-width:.7px;stroke-dasharray:0 1.6}.ovw-fallback-v,.ovw[data-live] .ovw-fallback,.ovw .ov-pause[hidden]{display:none}.ovw-labels{position:absolute;inset:0}.ovw .ovw-label{left:var(--x);top:var(--y);width:var(--w);font-family:var(--mono);letter-spacing:-.24px;flex-direction:column;gap:2px;margin:0;font-size:12px;line-height:1.3;display:flex;position:absolute}.ovw-end{text-align:right;align-items:flex-end}.ovw-name{color:var(--bone)}.ovw-detail{color:var(--muted)}.ovw-lane .ovw-name{align-items:center;gap:6px;display:inline-flex}.ovw-lane .ovw-name:before{content:"";background:var(--c);border-radius:50%;flex:none;width:6px;height:6px}@container (width<=560px){.ovw-stage{--ovw-axis:v;aspect-ratio:10/23}.ovw-labels{flex-direction:column;justify-content:space-between;width:36%;display:flex;left:auto}.ovw-fallback-h{display:none}.ovw:not([data-live]) .ovw-fallback-v{display:block}.ovw .ovw-label{letter-spacing:-.2px;gap:0;width:auto;font-size:11px;line-height:1.25;position:static}.ovw-end{text-align:left;align-items:flex-start}}.ovs-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.ovs-term{border:1px solid var(--border);background:var(--canvas);border-radius:3px;align-content:start;gap:10px;padding:0 8px 10px;display:grid}.ovs-bar{border-bottom:1px solid var(--border);font-family:var(--mono);text-transform:uppercase;color:var(--bone);justify-content:space-between;gap:8px;margin:0 -8px;padding:8px;font-size:11px;line-height:1;display:flex}.ovs-cli{color:var(--muted);text-transform:none}.ovs-pill{justify-self:start}.ovs-pill .is-rest{opacity:1}.ovs-lines{gap:5px;display:grid}.ovs-lines i{background:var(--row-off-raised);border-radius:2px;height:4px;display:block}.ovs-lines i:nth-child(2){width:70%}.ovs-lines i:nth-child(3){width:45%}.ovs .ovs-legend{color:var(--secondary);flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:16px 0 0;font-size:13px;line-height:1.4;display:flex}.ovs-hooks{font-family:var(--mono);text-transform:uppercase;color:var(--bone);border:1px solid var(--bone);border-radius:3px;padding:3px 6px;font-size:11px;line-height:1}@media (prefers-reduced-motion:no-preference){.ovs-pill .ov-st{animation:ov-s-show 10s linear var(--d) infinite}}@keyframes ov-s-show{0%,19.9%{opacity:1}20%,to{opacity:0}}