.plugin-story{color:var(--color-ink);container-type:inline-size}.plugin-story__header,.plugin-story__controls,.plugin-story__node-heading,.plugin-story__detail,.plugin-story__route,.plugin-story__registry,.plugin-story__routes p,.plugin-story__reveal p{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.plugin-story__header{color:var(--color-primary-ink);flex-wrap:wrap;margin:0;padding:.5rem 0 .5rem .5rem}.plugin-story__title{margin:0;font-size:1rem;font-weight:700}.plugin-story__controls{gap:.25rem}.plugin-story__controls button{min-width:2.25rem;min-height:2.25rem}.plugin-story__controls .plugin-story__play{flex:none;width:7.25rem}.plugin-story__play>span{text-align:center;width:6ch;display:inline-block}.plugin-story__controls button[aria-disabled=true]{opacity:.4;cursor:default}.plugin-story__scene{border:1px solid var(--color-border-strong);background:radial-gradient(circle, color-mix(in oklab, var(--color-ink-muted) 30%, transparent) .8px, transparent .8px) 0 0 / 20px 20px, var(--surface-wash-cool);box-shadow:inset 0 2px 4px color-mix(in srgb, var(--color-border-strong) 100%, transparent 40%);border-radius:1rem;padding:1rem}.plugin-story__flow{grid-template-columns:minmax(0,1fr) 6.5rem minmax(0,1fr);align-items:center;column-gap:.75rem;display:grid}.plugin-story__node{border:1px solid var(--color-border-strong);background:var(--color-surface);min-width:0;box-shadow:0 2px 4px color-mix(in srgb, var(--color-border-strong) 100%, transparent 40%);border-radius:.875rem;padding:1rem}.plugin-story__node[data-active=true]{border-color:var(--color-primary-line)}.plugin-story__node-heading{flex-wrap:wrap;align-items:start;margin-bottom:.75rem}.plugin-story__node-heading>code{font-size:.875rem;font-weight:700}.plugin-story code{overflow-wrap:anywhere}.plugin-story__node span,.plugin-story__detail,.plugin-story__connector,.plugin-story__hierarchy>li>span{color:var(--color-ink-soft);font-size:.8125rem}.plugin-story__node p{margin:.5rem 0 0}.plugin-story__node p code,.plugin-story__route code,.plugin-story__registry code{font-size:.8125rem}.plugin-story__node p,.plugin-story__route,.plugin-story__registry{flex-wrap:wrap;gap:.375rem}.plugin-story__reveal{opacity:0;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);transform:translateY(.375rem)}.plugin-story__reveal[data-visible=true]{animation:plugin-story-reveal-highlight 1.08s var(--ease-out);opacity:1;border-radius:.2em;transform:translateY(0)}.plugin-story__connector,.plugin-story__scope-arrow{--arrow-color:var(--color-border-strong)}.plugin-story__connector{text-align:center;align-self:center}.plugin-story__connector code{font-size:.6875rem}.plugin-story__connector>span{background:var(--arrow-color);height:2px;margin-top:.5rem;display:block;position:relative}.plugin-story__connector>span:after,.plugin-story__scope-arrow:after{content:"";border-top:2px solid var(--arrow-color);border-right:2px solid var(--arrow-color);width:.375rem;height:.375rem;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.plugin-story__connector[data-active=true]{--arrow-color:var(--color-primary);color:var(--color-primary-deep)}.plugin-story__route[data-missing=true]>*,.plugin-story__route[data-missing=true] [torph-item]{text-decoration:underline wavy var(--color-danger);text-underline-offset:.3em;text-decoration-thickness:1px}.plugin-story__flow--dedup{grid-template-columns:minmax(0,1fr) 7rem minmax(0,1fr);grid-template-areas:"source1 connector1 server""source2 connector2 server";row-gap:1.25rem}.plugin-story__registry{border-bottom:1px solid var(--color-border);padding-bottom:.75rem}.plugin-story__registry code{color:var(--color-primary-deep)}.plugin-story__routes{margin-top:1rem}.plugin-story__scope-label{gap:.25rem;margin:0 0 1rem;display:grid}.plugin-story__scope-label h3{font:inherit;color:var(--color-ink-soft);margin:0;font-size:.8125rem}.plugin-story__scope-value{font-size:1.5rem;font-weight:700;line-height:1.4}.plugin-story__hierarchy{--scope-indent:2rem;--scope-gap:.5rem;gap:var(--scope-gap);margin:0;padding:0;list-style:none;display:grid}.plugin-story__hierarchy>li{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.75rem;font-size:.8125rem;display:grid;position:relative}.plugin-story__scope-arrow{left:calc(-.5 * var(--scope-indent));top:calc(-1 * var(--scope-gap) - 1px);width:calc(.5 * var(--scope-indent) - 8px);background:linear-gradient(var(--arrow-color), var(--arrow-color)) left bottom / 100% 2px no-repeat;position:absolute;bottom:calc(50% - 1px)}.plugin-story__scope-arrow:before{content:"";background:var(--arrow-color);width:2px;position:absolute;top:0;bottom:0;left:0}.plugin-story__scope-arrow:after{top:calc(100% - 1px)}.plugin-story__hierarchy>li[data-active=true]>.plugin-story__scope-arrow{--arrow-color:var(--color-primary)}.plugin-story__hierarchy>li:after{content:"";border:1px solid var(--color-primary);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .26s var(--ease-out);position:absolute;inset:-1px}.plugin-story__hierarchy>li[data-active=true]:after{opacity:.65}.plugin-story__hierarchy>li[data-active=true]>span{color:var(--color-primary-deep);font-weight:700}.plugin-story__timing{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:1rem;display:flex}.plugin-story__progress{flex:12rem;min-width:0}.plugin-story__transport{border:1px solid var(--color-border-strong);background:var(--surface-wash-cool);box-shadow:inset 0 2px 4px color-mix(in srgb, var(--color-border-strong) 100%, transparent 70%);border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.plugin-story__reel{border:2px solid var(--color-border-strong);width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 3px var(--color-border);border-radius:50%;flex:none;position:relative}.plugin-story__reel:before{content:"";background:var(--color-border-strong);animation:4s linear infinite paused plugin-story-reel-spin;position:absolute;inset:0;mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2210.5%22%20y%3D%223%22%20width%3D%223%22%20height%3D%224%22%20transform%3D%22rotate%280%2012%2012%29%22%2F%3E%3Crect%20x%3D%2210.5%22%20y%3D%223%22%20width%3D%223%22%20height%3D%224%22%20transform%3D%22rotate%2860%2012%2012%29%22%2F%3E%3Crect%20x%3D%2210.5%22%20y%3D%223%22%20width%3D%223%22%20height%3D%224%22%20transform%3D%22rotate%28120%2012%2012%29%22%2F%3E%3Crect%20x%3D%2210.5%22%20y%3D%223%22%20width%3D%223%22%20height%3D%224%22%20transform%3D%22rotate%28180%2012%2012%29%22%2F%3E%3Crect%20x%3D%2210.5%22%20y%3D%223%22%20width%3D%223%22%20height%3D%224%22%20transform%3D%22rotate%28240%2012%2012%29%22%2F%3E%3Crect%20x%3D%2210.5%22%20y%3D%223%22%20width%3D%223%22%20height%3D%224%22%20transform%3D%22rotate%28300%2012%2012%29%22%2F%3E%3C%2Fsvg%3E)}.plugin-story__transport[data-playing=true] .plugin-story__reel:before{animation-play-state:running}@keyframes plugin-story-reel-spin{to{transform:rotate(1turn)}}.plugin-story__waveform{flex:1;justify-content:space-between;align-items:center;min-width:0;height:1.5rem;display:flex}.plugin-story__waveform>span{background:var(--color-border-strong);width:2px;transition:transform .1s var(--ease-out), background-color .2s var(--ease-out);border-radius:1rem;flex:none}.plugin-story__waveform>span[data-passed=true]{background:color-mix(in srgb, var(--color-primary-ink) 100%, var(--color-border-strong) 100%)}.plugin-story__waveform>span[data-head=true]{background:var(--color-primary);transition-duration:.1s,.3s}.plugin-story__remaining{text-align:center;font-variant-numeric:tabular-nums;min-width:3rem;color:var(--color-primary-ink);font-size:.875rem;font-weight:500}.plugin-story__footer{grid-template-columns:auto minmax(0,1fr);gap:.75rem;margin-top:1rem;padding-left:.5rem;display:grid}.plugin-story__count{font-variant-numeric:tabular-nums;color:var(--color-primary-ink);padding-top:.125rem;font-size:.75rem;font-weight:600}.plugin-story__captions{display:grid}.plugin-story__caption{visibility:hidden;color:var(--color-ink-soft);opacity:0;transition:opacity .24s var(--ease-out);grid-area:1/1;margin:0;font-size:.875rem;line-height:1.6}.plugin-story__caption[data-visible=true]{visibility:visible;opacity:1}.plugin-story__caption strong{color:var(--color-ink)}.plugin-story__caption code{color:var(--color-ink);background-color:var(--color-border);font-family:var(--font-mono);border-radius:var(--radius-lg);padding:.125em .375em;font-size:.875em}@container (width<=36rem){.plugin-story__progress{flex-basis:100%}.plugin-story__remaining{width:100%;min-width:0}.plugin-story__hierarchy{--scope-indent:1.75rem}.plugin-story__hierarchy>li{grid-template-columns:repeat(2,minmax(0,1fr))}.plugin-story__hierarchy>li>span:not(.plugin-story__scope-arrow){grid-column:1/-1}.plugin-story__flow{grid-template-columns:minmax(0,1fr)}.plugin-story__connector{justify-content:center;align-items:center;gap:.75rem;min-height:3rem;display:flex}.plugin-story__connector>span{width:2px;height:2rem;margin:0}.plugin-story__connector>span:after{inset:auto auto 0 50%;transform:translate(-50%)rotate(135deg)}.plugin-story__scene{padding:.75rem}.plugin-story__flow--dedup{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"source1 source1""source2 source2""connector1 connector2""server server"}.plugin-story__flow--dedup .plugin-story__connector{flex-direction:column;gap:.5rem}}.plugin-story[data-instant=true] *,.plugin-story[data-instant=true] :not(.plugin-story__reel):before,.plugin-story[data-instant=true] :after{transition:none!important;animation:none!important}.plugin-story[data-instant=true] button:active{scale:none}@media (prefers-reduced-motion:reduce){.plugin-story *,.plugin-story :before,.plugin-story :after{transition:none!important;animation:none!important}.plugin-story button:active{scale:none}}.plugin-story__text{width:fit-content;max-width:100%;transition:background-color .18s var(--ease-out);background-color:#0000;border-radius:.2em}.plugin-story__text--changed{background-color:color-mix(in oklab, var(--color-primary) 18%, transparent);transition-duration:0s}@keyframes plugin-story-reveal-highlight{0%,83.333%{background-color:color-mix(in oklab, var(--color-primary) 18%, transparent)}to{background-color:#0000}}