.state-machine-walker{position:relative;margin:1.5rem 0;background:var(--sl-color-bg-sidebar);border:1px solid var(--sl-color-gray-5);border-radius:14px;padding:18px 20px 20px}.state-machine-walker .smw-title{font:500 13px ui-sans-serif,system-ui,sans-serif;color:var(--sl-color-gray-3);letter-spacing:.005em;margin-bottom:12px}.state-machine-walker .smw-diagram-slot{margin-bottom:14px}.state-machine-walker .smw-diagram-slot .sl-figure{margin:0;padding:0;background:transparent;border:0;border-radius:0}.state-machine-walker .smw-diagram-slot .mermaid,.state-machine-walker .smw-diagram-slot pre.mermaid{display:flex;justify-content:center;margin:0;padding:0;background:transparent;min-height:0}.state-machine-walker .smw-diagram-slot .mermaid svg{max-width:100%!important;width:100%;height:auto;display:block}.state-machine-walker .smw-stage{min-height:60px}.state-machine-walker .smw-stage.is-entering .smw-stage-inner{opacity:0;transform:translateY(6px)}.state-machine-walker .smw-stage-inner{opacity:1;transform:translateY(0);transition:opacity .22s ease-out,transform .22s ease-out}.state-machine-walker .smw-kind-tag{display:block;font:600 10px ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--sl-color-accent);margin-bottom:4px;background:transparent;border:0;padding:0}.state-machine-walker .smw-prompt{font:600 15.5px ui-sans-serif,system-ui,sans-serif;color:var(--sl-color-text);letter-spacing:-.005em;line-height:1.35;margin:0 0 10px}.state-machine-walker .smw-description{font:400 13.5px ui-sans-serif,system-ui,sans-serif;color:var(--sl-color-gray-2, var(--sl-color-text));line-height:1.5;margin:0 0 14px}.state-machine-walker .smw-branches{display:flex;flex-direction:column;gap:8px}.state-machine-walker .smw-branch{display:flex;flex-direction:column;gap:3px;align-items:flex-start;font:500 13.5px ui-sans-serif,system-ui,sans-serif;color:var(--sl-color-text);background:var(--sl-color-bg);border:1px solid var(--sl-color-hairline);border-radius:9px;padding:10px 14px;cursor:pointer;text-align:left;transition:border-color .14s,background-color .14s,transform .06s}.state-machine-walker .smw-branch:hover{border-color:var(--sl-color-accent);background:color-mix(in srgb,var(--sl-color-accent) 8%,var(--sl-color-bg))}.state-machine-walker .smw-branch:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.state-machine-walker .smw-branch:active{transform:translateY(1px)}.state-machine-walker .smw-branch-label{font:600 13.5px ui-sans-serif,system-ui,sans-serif;color:var(--sl-color-text)}.state-machine-walker .smw-branch-rationale{font:400 12px ui-sans-serif,system-ui,sans-serif;color:var(--sl-color-gray-3);line-height:1.4}.state-machine-walker .smw-leaf{display:flex;flex-direction:column;gap:10px}.state-machine-walker .smw-leaf .smw-kind-tag{margin-bottom:-4px}.state-machine-walker .smw-verdict{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font:600 14px ui-sans-serif,system-ui,sans-serif;color:var(--sl-color-accent);background:color-mix(in srgb,var(--sl-color-accent) 10%,transparent);border:none;border-radius:999px;padding:6px 14px 6px 10px}.state-machine-walker .smw-verdict svg{width:14px;height:14px;flex:0 0 auto}.state-machine-walker .smw-reason{font:400 14px ui-sans-serif,system-ui,sans-serif;color:var(--sl-color-text);line-height:1.55}.state-machine-walker .smw-reason>:first-child{margin-top:0}.state-machine-walker .smw-reason>:last-child{margin-bottom:0}.state-machine-walker .smw-reason p{margin:0 0 .7em}.state-machine-walker .smw-reason p:last-child{margin-bottom:0}.state-machine-walker .smw-reason code{font:600 .9em ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--sl-color-bg-sidebar);border:1px solid var(--sl-color-hairline);border-radius:4px;padding:1px 5px}.state-machine-walker .smw-leaf-actions{display:flex;gap:8px;margin-top:4px}.state-machine-walker .smw-start-over{display:inline-flex;align-items:center;font:600 13px ui-sans-serif,system-ui,sans-serif;color:#fff;background:var(--sl-color-accent);border:1px solid var(--sl-color-accent);border-radius:8px;padding:8px 14px;cursor:pointer;box-shadow:0 1px 2px color-mix(in srgb,var(--sl-color-accent) 30%,transparent);transition:filter .14s,transform .06s,box-shadow .14s}.state-machine-walker .smw-start-over:hover{filter:brightness(1.08)}.state-machine-walker .smw-start-over:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.state-machine-walker .smw-start-over:active{transform:translateY(1px)}g.node.smw-current>rect,g.node.smw-current>path,g.node.smw-current>polygon,g.node.smw-current>ellipse,g.node.smw-current>circle{fill:var(--sl-color-accent)!important;stroke:var(--sl-color-accent)!important}g.node.smw-current foreignObject,g.node.smw-current foreignObject *,g.node.smw-current text,g.node.smw-current text tspan{color:#fff!important;fill:#fff!important}.state-machine-walker .smw-error{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:#b3261e;background:color-mix(in srgb,#b3261e 8%,transparent);border:1px solid color-mix(in srgb,#b3261e 30%,transparent);border-radius:8px;padding:10px 14px}@media(max-width:520px){.state-machine-walker .smw-crumb{max-width:100%}}@media(prefers-reduced-motion:reduce){.state-machine-walker .smw-stage-inner{transition:opacity .12s linear!important;transform:none!important}.state-machine-walker .smw-stage.is-entering .smw-stage-inner{transform:none!important}.state-machine-walker .smw-branch,.state-machine-walker .smw-start-over,.state-machine-walker .smw-crumb{transition:background-color .2s linear,color .2s linear,border-color .2s linear!important;transform:none!important}}