main{height:100vh;width:100vw}:root{--background: rgb(247, 249, 251);--foreground: #171717}.dark:root{--background: #0a0a0a;--foreground: #ededed}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}html.dark{color-scheme:dark}*,*:before,*:after{position:relative}*:before,*:after{border-width:0;border-style:solid;box-sizing:border-box}.graph-wrapper{line-height:1.5;-webkit-text-size-adjust:100%;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;font-feature-settings:"kern"}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none;border-style:none;padding:0}.page-header{text-align:center;padding-top:1rem}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#16a34a,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .page-header h1{background:linear-gradient(to right,#6eeb6e,#5ccfee);-webkit-background-clip:text;background-clip:text}.page-header p{font-size:1.1rem;color:var(--foreground);opacity:.7}.page-header .toolbar{display:flex;flex-direction:row;gap:.3rem;justify-content:center;align-items:center;margin-top:.5rem}.page-header .toolbar>*{border-radius:999999px;padding:.17rem}.page-header .toolbar>*:hover{box-shadow:0 0 2px 1px #00000014;box-shadow:0 4px 12px #0000001a}.dark :is(.page-header .toolbar>*:hover){box-shadow:0 4px 12px #0000004d;background:#ffffff0f}.machine-list{padding:1.5rem 3rem;display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.machine-item{display:flex;flex-direction:column;width:100%;cursor:pointer;padding:.75rem;border-radius:.375rem;background:var(--background);border:1px solid rgba(128,128,128,.2);transition:all .2s ease-in-out;gap:.5rem}.machine-item span{font-size:1.1rem;font-weight:500;color:var(--foreground);opacity:.9;display:flex;align-items:center}.machine-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#8080804d}.dark .machine-item{background:#ffffff08}.dark .machine-item:hover{box-shadow:0 4px 12px #0000004d;background:#ffffff0f}.machine-item .github-link{margin-left:auto;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:transparent;cursor:pointer}.machine-item .github-link:hover{background:#ffffff1a}.machine-item .github-link svg{width:14px;height:14px}.machine-item .anatomy-icon{width:100%;height:100%}.wrapper{width:100%!important;height:100%!important}.wrapper{z-index:2}.graph-wrapper{height:100%;width:100%}.graph-content{-webkit-font-smoothing:auto;width:100%;height:100%}.background{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.background .pattern{fill:#91919a}.dark .background .pattern{fill:#777}.context-editor,.controls,.nav{display:flex;margin:15px;z-index:5;bottom:0;position:absolute;pointer-events:all}.context-editor{top:0;bottom:unset;right:0;flex-direction:column}.controls{left:0;flex-direction:column;box-shadow:0 0 2px 1px #00000014}.context-editor,.nav{right:0;gap:10px}:is(.context-editor,.nav)>*{box-shadow:0 0 2px 1px #00000014;border-radius:999999px}.context-editor>*,.controls>*,.toolbar>*,.nav>*{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:content-box}:is(.context-editor>*,.controls>*,.toolbar>*,.nav>*):focus{outline:none}:is(.context-editor>*,.controls>*,.toolbar>*,.nav>*) svg{width:100%;max-width:14px;max-height:14px}.context-editor>*,.controls>*,.nav>*{background:#fefefe;border-bottom:rgb(238,238,238);color:#000}.dark :is(.context-editor>*,.controls>*,.nav>*){background:#2b2b2b;color:#fff}:is(.context-editor>*,.controls>*,.nav>*):hover{background:#f4f4f4}.dark :is(.context-editor>*,.controls>*,.nav>*):hover{background:#3e3e3e}:is(.context-editor>*,.controls>*,.nav>*):disabled{pointer-events:none}:is(.context-editor>*,.controls>*,.nav>*):disabled svg{fill-opacity:.4}.theme-toggle .moon,.dark .theme-toggle .sun{display:none}.dark .theme-toggle .moon{display:block}.graph-content{--color-bg: #fff;--color-fg: #111;--node-color-bg: #ddd;--edge-color: #111}.dark .graph-content{--color-fg: #fff;--color-bg: #111;--node-color-bg: #2d2d2d;--edge-color: #fff}.graph-content{--color-transparent: #fff6;--color-active: #679ae7;--border-color: var(--node-color-bg);--border-width: 2px;--border: var(--border-width) solid var(--border-color);--radius: .25rem;--node-border-style: solid;--node-parallel-border-style: dashed;--font-size-base: 14px;--font-size-sm: 12px}[data-part=skeleton]{opacity:.001}[data-part=edge-group]:not([data-active]){opacity:.25}[data-part=edge]{stroke:var(--edge-color)}[data-part=edge-arrow],[data-part=initial-edge-circle]{fill:var(--edge-color)}[data-part=state-node-group]{--node-border-color: var(--border-color);--node-active: 0;--transition-color: #555}[data-part=state-node-group][data-active]{--node-border-color: var(--color-active);--node-active: 1;--transition-color: var(--color-active)}[data-part=state-node-group][data-previewed]:not([data-active]){--node-border-color: var(--color-active)}[data-part=state-node]{color:var(--color-fg);align-self:start;opacity:calc(.7 * (1 - var(--node-active)) + var(--node-active));font-size:1em;border-radius:var(--radius);overflow:hidden}[data-part=state-node]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:var(--border);border-color:var(--node-border-color);border-style:var(--node-border-style);border-radius:inherit;z-index:1;pointer-events:none}[data-part=state-node-header]{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"type key tags";align-items:center}[data-part=state-node-header]>[data-part=state-node-key]{grid-area:key}[data-part=state-node-header]>[data-part=state-node-tags]{grid-area:tags}[data-part=state-node-content]{background:var(--node-color-bg)}[data-part=state-node-content]:empty{display:none}[data-part=state-node-states]{padding:2rem;display:flex;flex-wrap:wrap;gap:2rem;position:absolute;top:0;left:0}[data-part=state-node-states]:empty{display:none}[data-part=state-node-type]{height:1.5rem;width:1.5rem;margin:.5rem;border-radius:var(--radius);background:var(--color-transparent);display:flex;justify-content:center;align-items:center}[data-part=state-node-type]:before{display:block;font-weight:700}[data-part=state-node-key]{padding:.5rem;font-weight:700}[data-part=state-node-key-text]{max-width:20ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-part=state-node-actions]{padding:.5rem}[data-part=state-node-actions]:empty{display:none}[data-part=state-node-action-condition]{font-weight:700;font-size:.75rem}[data-part=state-node-tags]{display:flex;flex-direction:row;text-overflow:ellipsis;padding:.5rem}[data-part=state-node-tag]{display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem;border-radius:.25rem;background-color:#fff5}[data-part=state-node-tag]+[data-part=state-node-tag]{margin-left:1ch}[data-part=action]{color:var(--color-fg);display:flex;flex-direction:row;gap:1ch;align-items:baseline;justify-content:flex-start}[data-part=action][data-action]:before{content:attr(data-action) " / ";font-size:var(--font-size-sm);text-transform:uppercase;font-weight:700;opacity:.5;display:inline-block;white-space:nowrap}[data-part=action-type]{font-size:var(--font-size-sm)}[data-part=state-node-content][data-atomic] [data-part=action-type]{max-width:15ch;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[data-part=transition]{--transition-color: gray;display:block;border-radius:1rem;background-color:var(--transition-color);appearance:none;cursor:pointer}[data-part=transition][data-potential]{--transition-color: var(--color-active)}[data-part=transition]>[data-part=transition-label]{align-self:center}[data-part=transition-label]{flex-shrink:0;font-size:var(--font-size-sm);font-weight:700;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow:hidden}[data-part=transition-event]{display:flex;flex-direction:row;align-items:enter;gap:1ch;padding:.25rem .5rem}[data-part=event-type]{white-space:nowrap;overflow:hidden;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1ch}[data-part=transition-guard]{padding:0 .5rem}[data-part=transition-guard] .bracket{font-family:monospace}[data-part=transition-guard] .condition{color:#0ff;font-weight:700}[data-part=transition-guard] .bracket{color:#ffa94d;font-weight:700}[data-part=transition-guard] .name{color:#fff}[data-part=transition-actions]:empty{display:none}[data-part=transition-content]{padding:0rem .5rem .5rem}[data-part=transition-content]:empty{display:none}