.diagram-player{--dp-background:var(--dp-background-light);--dp-surface:var(--dp-surface-light);--dp-diagram-background:var(--dp-diagram-background-light);--dp-label-background:var(--dp-label-background-light);--dp-text:var(--dp-text-light);--dp-muted:var(--dp-muted-light);--dp-border:var(--dp-border-light);--dp-grid:var(--dp-grid-light);--dp-button:var(--dp-button-light);--dp-button-background:var(--dp-button-background-light);--dp-focus:var(--dp-focus-light);--dp-focus-text:var(--dp-focus-text-light);--dp-blue:var(--dp-blue-light);--dp-blue-text:var(--dp-blue-text-light);--dp-amber:var(--dp-amber-light);--dp-amber-text:var(--dp-amber-text-light);--dp-amber-ink:var(--dp-amber-ink-light);--dp-violet:var(--dp-violet-light);--dp-violet-text:var(--dp-violet-text-light);--dp-teal:var(--dp-teal-light);--dp-teal-text:var(--dp-teal-text-light);--dp-rose:var(--dp-rose-light);--dp-rose-text:var(--dp-rose-text-light);max-width:var(--dp-max-width-px);margin:1.75rem auto;min-width:0}html.dark .diagram-player{--dp-background:var(--dp-background-dark);--dp-surface:var(--dp-surface-dark);--dp-diagram-background:var(--dp-diagram-background-dark);--dp-label-background:var(--dp-label-background-dark);--dp-text:var(--dp-text-dark);--dp-muted:var(--dp-muted-dark);--dp-border:var(--dp-border-dark);--dp-grid:var(--dp-grid-dark);--dp-button:var(--dp-button-dark);--dp-button-background:var(--dp-button-background-dark);--dp-focus:var(--dp-focus-dark);--dp-focus-text:var(--dp-focus-text-dark);--dp-blue:var(--dp-blue-dark);--dp-blue-text:var(--dp-blue-text-dark);--dp-amber:var(--dp-amber-dark);--dp-amber-text:var(--dp-amber-text-dark);--dp-amber-ink:var(--dp-amber-ink-dark);--dp-violet:var(--dp-violet-dark);--dp-violet-text:var(--dp-violet-text-dark);--dp-teal:var(--dp-teal-dark);--dp-teal-text:var(--dp-teal-text-dark);--dp-rose:var(--dp-rose-dark);--dp-rose-text:var(--dp-rose-text-dark)}.diagram-player [hidden]{display:none!important}.diagram-player [data-diagram-fallback] img.dp-theme-dark{display:none}html.dark .diagram-player [data-diagram-fallback] img.dp-theme-dark{display:block}html.dark .diagram-player [data-diagram-fallback] img.dp-theme-light{display:none}.dp-prose-term{color:var(--dp-term-light);font-weight:750}html.dark .dp-prose-term{color:var(--dp-term-dark)}.diagram-player [data-diagram-interactive]{border:1px solid var(--dp-border);border-radius:14px;padding:20px;color:var(--dp-text);background:var(--dp-background);font:var(--dp-font-size-px)/1.5 '-apple-system',BlinkMacSystemFont,segoe ui,sans-serif}.diagram-player [data-diagram-interactive] *{box-sizing:border-box}.diagram-player [data-diagram-interactive] p{margin:0}.diagram-player .dp-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:15px}.diagram-player .dp-name{font-size:1.2em;font-weight:650}.diagram-player .dp-metrics{display:flex;flex-wrap:wrap;gap:8px 24px;background:var(--dp-surface);border-radius:8px;padding:10px 12px}.diagram-player .dp-metrics:empty,.diagram-player .dp-status:empty{display:none}.diagram-player .dp-metric{display:flex;align-items:baseline;gap:6px;font-size:.85em}.diagram-player .dp-metric-value{font-size:1.5em;font-weight:700;font-variant-numeric:tabular-nums}.diagram-player .dp-status{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--dp-muted);font-size:.8em;margin:10px 0}.diagram-player .dp-status b{color:var(--dp-text)}.diagram-player .dp-explanation{min-height:100px;padding-top:10px}.diagram-player .dp-step-title{font-weight:650;font-size:1.05em;margin-bottom:5px!important;text-wrap:balance}.diagram-player .dp-description{font-size:.93em;color:var(--dp-muted)}.diagram-player .dp-visual{background:var(--dp-diagram-background);border:1px solid var(--dp-border);border-radius:10px;padding:12px;margin:10px 0 16px}.diagram-player .dp-board{position:relative;padding:35px 10px 0 0;isolation:isolate}.diagram-player .dp-row{display:grid;grid-template-columns:minmax(48px,var(--dp-label-width-px))minmax(0,1fr);height:var(--dp-row-height-px)}.diagram-player .dp-row-compact{height:var(--dp-compact-row-height-px)}.diagram-player [data-tone=blue]{--dp-tone:var(--dp-blue);--dp-tone-text:var(--dp-blue-text);--dp-tone-ink:var(--dp-blue)}.diagram-player [data-tone=amber]{--dp-tone:var(--dp-amber);--dp-tone-text:var(--dp-amber-text);--dp-tone-ink:var(--dp-amber-ink)}.diagram-player [data-tone=rose]{--dp-tone:var(--dp-rose);--dp-tone-text:var(--dp-rose-text);--dp-tone-ink:var(--dp-rose)}.diagram-player [data-tone=violet]{--dp-tone:var(--dp-violet);--dp-tone-text:var(--dp-violet-text);--dp-tone-ink:var(--dp-violet)}.diagram-player [data-tone=teal]{--dp-tone:var(--dp-teal);--dp-tone-text:var(--dp-teal-text);--dp-tone-ink:var(--dp-teal)}.diagram-player [data-tone=neutral]{--dp-tone:var(--dp-muted);--dp-tone-text:var(--dp-background);--dp-tone-ink:var(--dp-muted)}.diagram-player .dp-lane-label{display:flex;align-items:center;padding-left:7px;border-left:3px solid var(--dp-tone);color:var(--dp-tone-ink);font-weight:650;font-size:.85em;overflow-wrap:anywhere}.diagram-player .dp-term{color:var(--dp-tone-ink);font-weight:750}.diagram-player .dp-notes{margin-top:12px;font-size:.85em;line-height:1.6}.diagram-player .dp-notes p{margin:6px 0}.diagram-player .dp-lane-track{position:relative;border-left:1px solid var(--dp-border);border-bottom:1px dashed var(--dp-border);min-width:0;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--dp-tick-width) - 1px),var(--dp-grid) calc(var(--dp-tick-width) - 1px) var(--dp-tick-width))}.diagram-player .dp-segment{position:absolute;top:50%;transform:translateY(-50%);height:var(--dp-bar-height-px);width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:5px;font-weight:600;font-size:.8em;background:var(--dp-tone);color:var(--dp-tone-text)}.diagram-player .dp-segment span{padding:0 4px}.diagram-player .dp-segment-owner{background:color-mix(in srgb,var(--dp-tone) 18%,var(--dp-background));color:var(--dp-text);border:1px solid var(--dp-tone)}.diagram-player .dp-segment-attempt{background:color-mix(in srgb,var(--dp-tone) 18%,var(--dp-background));border:1px dashed var(--dp-tone);color:var(--dp-text)}.diagram-player .dp-segment-waiting{background:repeating-linear-gradient(45deg,var(--dp-tone) 0 4px,color-mix(in srgb,var(--dp-tone) 15%,var(--dp-background)) 4px 8px)}.diagram-player .dp-segment-waiting span{background:var(--dp-background);color:var(--dp-tone);border-radius:3px}.diagram-player .dp-dim{opacity:var(--dp-dim-opacity)}.diagram-player .dp-focused{opacity:1;outline:var(--dp-focus-width-px)solid var(--dp-focus);outline-offset:3px;box-shadow:0 0 0 var(--dp-focus-spread-px)color-mix(in srgb,var(--dp-focus) 24%,transparent);z-index:2}.diagram-player .dp-pulse{animation:dp-focus-pulse var(--dp-pulse-duration-ms)ease-in-out var(--dp-pulse-count)}@keyframes dp-focus-pulse{50%{box-shadow:0 0 0 calc(var(--dp-focus-spread-px) * 2)color-mix(in srgb,var(--dp-focus) 24%,transparent)}}.diagram-player .dp-marker{position:absolute;top:50%;transform:translate(-50%,-50%);padding:2px 4px;background:var(--dp-focus);color:var(--dp-focus-text);border-radius:4px;font-size:.75em;white-space:nowrap;z-index:3}.diagram-player .dp-axis{display:grid;grid-template-columns:minmax(48px,var(--dp-label-width-px))minmax(0,1fr);height:58px}.diagram-player .dp-axis-label{color:var(--dp-muted);padding-top:10px;padding-left:7px;font-size:.75em}.diagram-player .dp-axis-plot{position:relative;min-width:0;background:linear-gradient(var(--dp-border),var(--dp-border))0 13px/100% 2px no-repeat}.diagram-player .dp-progress{position:absolute;top:13px;left:0;height:2px;background:var(--dp-focus)}.diagram-player .dp-seek{position:absolute;left:-7px;top:-8px;width:calc(100% + 14px);height:44px;appearance:none;-webkit-appearance:none;background:0 0;margin:0;padding:0;cursor:ew-resize;z-index:6;border:0}.diagram-player .dp-seek::-webkit-slider-runnable-track{height:2px;background:0 0}.diagram-player .dp-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:14px;width:14px;margin-top:-6px;border:2px solid var(--dp-background);background:var(--dp-focus);border-radius:50%;box-shadow:0 0 0 1px var(--dp-focus)}.diagram-player .dp-seek::-moz-range-track{height:2px;background:0 0}.diagram-player .dp-seek::-moz-range-thumb{height:12px;width:12px;border:2px solid var(--dp-background);background:var(--dp-focus);border-radius:50%}.diagram-player .dp-ticks{position:absolute;inset:29px 0 auto;height:18px;font-size:.75em;color:var(--dp-muted)}.diagram-player .dp-ticks span{position:absolute;transform:translateX(-50%);font-variant-numeric:tabular-nums}.diagram-player .dp-playhead{position:absolute;top:25px;bottom:44px;width:1px;background:var(--dp-text);z-index:2;pointer-events:none}.diagram-player .dp-now{position:absolute;left:0;top:-20px;transform:translateX(-50%);background:var(--dp-text);color:var(--dp-background);font-size:.75em;padding:0 4px;border-radius:3px;font-variant-numeric:tabular-nums}.diagram-player .dp-hint{position:absolute;max-width:min(var(--dp-hint-max-width-px),calc(100% - 8px));border-radius:7px;background:var(--dp-focus);color:var(--dp-focus-text);font-size:.8em;font-weight:650;line-height:1.35;padding:5px 9px;z-index:5;pointer-events:none}.diagram-player .dp-hint::after{content:'';position:absolute;left:var(--dp-hint-arrow,50%);bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--dp-focus)}.diagram-player .dp-hint-below::after{top:-6px;bottom:auto;border:6px solid transparent;border-top:0;border-bottom-color:var(--dp-focus)}.diagram-player .dp-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--dp-border);padding-top:12px}.diagram-player .dp-preview-controls{margin-top:12px}.diagram-player .dp-preview-controls button{min-height:var(--dp-control-size-px);padding:8px 12px;font:inherit;font-size:.85em;color:var(--dp-button);background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:8px;cursor:pointer}.diagram-player .dp-controls button,.diagram-player .dp-controls select{font:inherit;min-height:var(--dp-control-size-px);border:1px solid var(--dp-border);border-radius:8px;color:var(--dp-text);background:var(--dp-surface);padding:6px 12px;cursor:pointer}.diagram-player .dp-controls button:hover:not(:disabled){border-color:var(--dp-button)}.diagram-player .dp-controls .dp-play{color:var(--dp-button);background:var(--dp-button-background);border-color:var(--dp-button);font-weight:600;min-width:130px}.diagram-player :is(.dp-play,.dp-original){position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;isolation:isolate}.diagram-player .dp-button-icon{display:inline-block;font-size:.85em}.diagram-player .dp-original .dp-button-icon{font-size:1em}.diagram-player .dp-button-icon svg{display:block;width:1.25em;height:1.25em}.diagram-player [data-attention]{animation-duration:var(--dp-attention-duration);animation-iteration-count:var(--dp-attention-count);animation-timing-function:ease-in-out}.diagram-player [data-attention=soft-pulse]{animation-name:dp-button-soft-pulse}.diagram-player [data-attention=halo]{animation-name:dp-button-halo}.diagram-player [data-attention=lift]{animation-name:dp-button-lift}.diagram-player [data-attention=icon-nudge] .dp-button-icon{animation:dp-button-icon-nudge var(--dp-attention-duration)ease-in-out var(--dp-attention-count)}.diagram-player [data-attention=sheen]{overflow:hidden}.diagram-player :is([data-attention=sheen],[data-attention=underline])::after{content:'';position:absolute;pointer-events:none;animation-duration:var(--dp-attention-duration);animation-iteration-count:var(--dp-attention-count);animation-timing-function:ease-in-out}.diagram-player [data-attention=sheen]::after{inset:0;background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,var(--dp-button) 23%,transparent) 50%,transparent 65%);animation-name:dp-button-sheen}.diagram-player [data-attention=underline]::after{left:15%;right:15%;bottom:5px;height:2px;border-radius:2px;background:var(--dp-button);transform-origin:left;animation-name:dp-button-underline}@keyframes dp-button-soft-pulse{0%,100%{background:var(--dp-button-background)}45%{background:color-mix(in srgb,var(--dp-button) 20%,var(--dp-button-background))}}@keyframes dp-button-halo{0%,100%{box-shadow:0 0 transparent}45%{box-shadow:0 0 0 5px color-mix(in srgb,var(--dp-button) 18%,transparent)}}@keyframes dp-button-sheen{0%{transform:translateX(-110%);opacity:0}20%,80%{opacity:1}100%{transform:translateX(110%);opacity:0}}@keyframes dp-button-lift{0%,100%{transform:translateY(0)}45%{transform:translateY(-2px)}}@keyframes dp-button-icon-nudge{0%,100%{transform:translateX(0)}45%{transform:translateX(3px)}}@keyframes dp-button-underline{0%{transform:scaleX(0);opacity:0}25%,65%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}.diagram-player .dp-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.diagram-player .dp-transport{display:flex;align-items:center;gap:8px}.diagram-player .dp-controls .dp-stop{display:inline-flex;align-items:center;justify-content:center;gap:7px}.diagram-player .dp-controls .dp-stop:disabled{opacity:1;color:var(--dp-muted);border-color:var(--dp-border)}.diagram-player .dp-controls .dp-arrow{min-width:var(--dp-control-size-px);background:0 0;border-color:transparent}.diagram-player .dp-controls :disabled{opacity:.4;cursor:default}.diagram-player .dp-count{font-size:.8em;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.diagram-player .dp-speed{display:flex;align-items:center;gap:7px;color:var(--dp-muted);font-size:.8em}.diagram-player .dp-speed select{font-size:16px}.diagram-player .dp-manual{margin-top:10px!important;color:var(--dp-muted);font-size:.8em}.diagram-player .dp-display-controls{display:flex;justify-content:flex-end;margin:0 0 14px}.diagram-player :is(.dp-original,.dp-static-close){display:inline-flex;justify-content:center;align-items:center;min-height:var(--dp-control-size-px);padding:8px 14px;border-radius:8px;border:1px solid var(--dp-button);background:var(--dp-button-background);color:var(--dp-button);font:inherit;font-weight:600;cursor:pointer}.diagram-player .dp-static-panel img{display:block;width:100%;height:auto;margin:0}.diagram-player .dp-static-panel figcaption{display:none}.diagram-player :is(button,select,input):focus-visible{outline:2px solid var(--dp-button);outline-offset:3px}.diagram-player .dp-frames{position:relative}.diagram-player .dp-frame{display:block;width:100%;margin:0!important}.diagram-player .dp-frame-focus{position:absolute;outline:var(--dp-focus-width-px)solid var(--dp-focus);box-shadow:0 0 0 var(--dp-focus-spread-px)color-mix(in srgb,var(--dp-focus) 24%,transparent);pointer-events:none}.diagram-player .dp-board-frames .dp-axis{grid-template-columns:48px minmax(0,1fr)}.diagram-player .dp-graph{height:var(--dp-graph-height-px);padding:0;margin-top:10px}.diagram-player .dp-graph-group{position:absolute;font-size:.85em;font-weight:650}.diagram-player .dp-graph-node{position:absolute;transform:translateX(-50%);width:calc(var(--dp-graph-node-width-percent) * 1%);min-height:var(--dp-graph-node-min-height-px);padding:9px 7px;display:flex;flex-direction:column;justify-content:center;gap:3px;border:1px solid var(--dp-border);border-top:3px solid var(--dp-tone);border-radius:9px;background:var(--dp-surface);text-align:center;z-index:2}.diagram-player .dp-graph-node b{color:var(--dp-tone-ink);font-size:.93em;font-weight:650;overflow-wrap:anywhere}.diagram-player .dp-graph-node small{color:var(--dp-muted);font-size:.75em;line-height:1.3}.diagram-player .dp-graph-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.diagram-player .dp-graph-lines :is(.dp-graph-wire,.dp-graph-trace,.dp-graph-halo){fill:none;stroke-linejoin:round;stroke-linecap:round}.diagram-player .dp-graph-wire{stroke:var(--dp-muted);stroke-width:var(--dp-graph-edge-width-px)}.diagram-player .dp-graph-dashed{stroke-dasharray:5 6}.diagram-player .dp-graph-trace{stroke:var(--dp-focus);stroke-width:var(--dp-graph-active-edge-width-px)}.diagram-player .dp-graph-halo{stroke:var(--dp-background);stroke-width:calc(var(--dp-graph-active-edge-width-px) + var(--dp-graph-edge-halo-px))}.diagram-player .dp-graph-arrow-active{fill:var(--dp-focus);stroke:var(--dp-background);stroke-width:1;paint-order:stroke fill}.diagram-player .dp-graph-arrow-base{fill:var(--dp-muted)}.diagram-player .dp-graph-dot{fill:var(--dp-focus);stroke:var(--dp-background);stroke-width:2}.diagram-player .dp-graph-edge-label{position:absolute;z-index:3;transform:translate(-50%,-50%);padding:2px 5px;color:var(--dp-text);background:var(--dp-label-background);border:1px solid var(--dp-border);border-radius:4px;font-size:var(--dp-graph-label-font-size-px);white-space:nowrap}.diagram-player .dp-graph-edge-active{font-weight:700;box-shadow:0 0 0 2px var(--dp-diagram-background)}.diagram-player .dp-graph-spotlight{position:absolute;left:0;top:0;pointer-events:none;border:1px solid var(--dp-focus);border-radius:13px;background:color-mix(in srgb,var(--dp-focus) 6%,transparent);transition:transform var(--dp-graph-focus-move-ms)ease,width var(--dp-graph-focus-move-ms)ease,height var(--dp-graph-focus-move-ms)ease}@media(max-width:560px){.diagram-player [data-diagram-interactive]{padding:15px 10px}.diagram-player .dp-header{align-items:flex-start;flex-wrap:wrap}.diagram-player .dp-explanation{min-height:150px}.diagram-player .dp-row,.diagram-player .dp-axis{grid-template-columns:minmax(48px,min(var(--dp-label-width-px),65px))minmax(0,1fr)}.diagram-player .dp-transport{flex-basis:100%}.diagram-player .dp-controls .dp-play{flex:auto}.diagram-player .dp-nav{margin-left:0}.diagram-player .dp-speed{margin-left:auto}.diagram-player .dp-ticks span:nth-child(even){display:none}.diagram-player .dp-graph{height:var(--dp-graph-mobile-height-px)}.diagram-player .dp-graph-node{min-height:var(--dp-graph-mobile-node-height-px);padding:7px 4px}.diagram-player .dp-graph-node b{font-size:.8em}}@media(prefers-reduced-motion:reduce){.diagram-player *{animation:none!important;transition:none!important}}