/* The lifecycle illustration occupies the existing left-hand panel. */
.lifecycle-visual{--art-paper:#fff;--art-front:#eaf3fc;--art-edge:#a9c5df;--art-ink:#205c90;--art-detail:#6887a5;--art-shadow:#23486c;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--accent) 9%,var(--surface)),transparent 75%)}
html[data-theme="dark"] .lifecycle-visual{--art-paper:#2c4058;--art-front:#38516b;--art-edge:#6486a6;--art-ink:#d4e9ff;--art-detail:#a1bad2;--art-shadow:#000}
.lifecycle-art{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lifecycle-pause{position:absolute;right:12px;top:12px;z-index:2;padding:8px 12px;border-radius:20px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:10px;min-height:34px}
.pl-stage{cursor:pointer;outline:none}
.pl-stage-disc,.pl-stage-label,.pl-stage-number{transition:fill .3s,stroke .3s,filter .3s}
.pl-stage.is-active .pl-stage-disc{fill:#286ba6;stroke:#91bfe4;filter:drop-shadow(0 0 5px #4b95ce66)}
.pl-stage.is-active .pl-stage-number{fill:#fff}
.pl-stage.is-active .pl-stage-label{fill:var(--accent);font-weight:600}
.pl-stage:focus-visible .pl-stage-target{stroke:var(--accent);stroke-width:2;stroke-dasharray:3 3}
.pl-orbit-light{pointer-events:none}
.pl-scene{opacity:0;transform:translateY(6px) scale(.985);transform-origin:293px 211px;transition:opacity .45s,transform .45s;pointer-events:none}
.pl-scene.is-active{opacity:1;transform:translateY(0) scale(1)}
.lifecycle-visual[data-paused="true"] *{animation-play-state:paused!important}
.lifecycle-visual[data-reduced="true"] .pl-orbit-light{display:none}
.lifecycle-visual[data-reduced="true"] *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.lifecycle-visual *{animation:none!important;transition:none!important}.pl-orbit-light{display:none}}