@layer base{.lifecycle{isolation:isolate;background:#fff;flex-direction:column;align-items:center;gap:64px;width:100%;padding:120px 100px;display:flex;position:relative}.lifecycle__head{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:720px;display:flex}.lifecycle__lead{font-size:var(--text-lg);color:var(--stone-600);margin:0;line-height:1.55}.lifecycle__stage{width:100%;max-width:var(--layout-content);flex-direction:column;align-items:center;gap:56px;display:flex}.lifecycle__rail{width:100%;padding:0 4px 44px;position:relative}.lifecycle__rail-track{background:var(--stone-100);border:1px solid var(--stone-200);border-radius:999px;height:6px;position:absolute;top:0;left:4px;right:4px}.lifecycle__rail-fill{background:linear-gradient(90deg,var(--matter-orange)0%,var(--matter-orange)30%,var(--matter-indigo)50%,var(--matter-indigo)75%,var(--matter-green)95%,var(--matter-green)100%);transform-origin:0;border-radius:999px;height:6px;transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:4px;right:4px}.lifecycle__nodes{justify-content:space-between;width:100%;display:flex}.lifecycle__node{--node-accent:var(--stone-400);min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:14px;padding:0;display:flex;position:relative}.lifecycle__node--create{--node-accent:var(--matter-orange);--node-glow-rgb:232,81,18}.lifecycle__node--manage{--node-accent:var(--matter-indigo);--node-glow-rgb:44,40,84}.lifecycle__node--exit{--node-accent:var(--matter-green);--node-glow-rgb:123,158,130}.lifecycle__node:focus-visible{outline:2px solid var(--node-accent);outline-offset:6px;border-radius:6px}.lifecycle__dot{z-index:1;border:2px solid var(--stone-300);width:14px;height:14px;transition:border-color .4s var(--ease-out-soft),background .4s var(--ease-out-soft),transform .4s var(--ease-out-soft),box-shadow .4s var(--ease-out-soft);background:#fff;border-radius:50%;margin-top:-4px;position:relative}.lifecycle__node:hover .lifecycle__dot{border-color:var(--node-accent);transform:scale(1.1)}.lifecycle__node.is-done .lifecycle__dot{background:var(--node-accent);border-color:var(--node-accent)}.lifecycle__node.is-current .lifecycle__dot{border-color:var(--node-accent);box-shadow:0 0 0 4px rgba(var(--node-glow-rgb),.16),0 0 24px rgba(var(--node-glow-rgb),.3);background:#fff;transform:scale(1.25)}.lifecycle__label{font-size:var(--text-sm);color:var(--stone-500);text-align:center;letter-spacing:-.01em;transition:color .4s var(--ease-out-soft);font-weight:500;line-height:1.3}.lifecycle__node.is-current .lifecycle__label,.lifecycle__node.is-done .lifecycle__label{color:var(--fg-heading)}.lifecycle__terminal{background:var(--bg-card);border:1px solid var(--stone-200);border-radius:var(--radius-xl,20px);width:100%;max-width:720px;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 18px 48px -18px #0000001f}.lifecycle__terminal-head{background:var(--stone-50);border-bottom:1px solid var(--stone-200);align-items:center;gap:12px;padding:12px 16px;display:flex}.lifecycle__terminal-dots{gap:6px;display:inline-flex}.lifecycle__terminal-dots span{background:var(--stone-300);border-radius:50%;width:10px;height:10px}.lifecycle__terminal-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--stone-500);letter-spacing:.04em;flex:1}.lifecycle__status{font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--stone-200);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:500;display:inline-flex}.lifecycle__status--create{color:var(--matter-orange);background:#e851120f;border-color:#e8511233}.lifecycle__status--manage{color:var(--matter-indigo);background:#2c28540f;border-color:#2c285433}.lifecycle__status--exit{color:var(--matter-green-dk);background:var(--matter-green-bg);border-color:#7b9e824d}.lifecycle__status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.lifecycle__terminal-body{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-heading);padding:18px 20px 22px;line-height:1.65}.lifecycle__terminal-cmd{color:var(--stone-700);border-bottom:1px dashed var(--stone-200);gap:10px;padding-bottom:10px;display:flex}.lifecycle__terminal-prompt{color:var(--matter-orange)}.lifecycle__terminal-out{font-size:var(--text-xs);color:var(--fg-heading);word-break:break-all;white-space:pre-wrap;min-height:calc(11.9em + 12px);margin:0;padding:12px 0 0;line-height:1.7;overflow-x:auto}.lifecycle__terminal-out code{color:inherit;font-family:inherit}.lifecycle__caret{vertical-align:text-bottom;background:var(--matter-orange);border-radius:1px;width:7px;height:14px;display:inline-block}.lifecycle__caret.is-typing{animation:.9s steps(2,start) infinite term-caret-blink}.lifecycle__caret.is-idle{opacity:.25;animation:1.4s steps(2,start) infinite term-caret-blink}@media (prefers-reduced-motion:reduce){.lifecycle__rail-fill,.lifecycle__dot,.lifecycle__label,.lifecycle__status{transition:none}.lifecycle__node.is-current .lifecycle__dot{transform:none}.lifecycle__caret{animation:none}}}