.demo-card[data-astro-cid-xffym2tf]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color .15s ease}.demo-card[data-astro-cid-xffym2tf]:hover{border-color:var(--color-border-strong)}.demo-card--preparing[data-astro-cid-xffym2tf]{background:var(--color-surface);border-style:dashed}.demo-card__title[data-astro-cid-xffym2tf]{margin:0}.demo-card__body[data-astro-cid-xffym2tf]{margin:0;flex:1;font:400 15px/1.55 var(--font-body);color:var(--color-muted)}.demo-card__tags[data-astro-cid-xffym2tf]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.demo-card__variants[data-astro-cid-xffym2tf]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.demo-card__variants-label[data-astro-cid-xffym2tf]{font:500 13px/1 var(--font-body);color:var(--color-muted);margin-right:var(--space-1)}.demo-card__variant[data-astro-cid-xffym2tf]{font:600 13px/1 var(--font-body);color:var(--color-accent);padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:border-color .15s ease,background .15s ease}.demo-card__variant[data-astro-cid-xffym2tf]:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.demo-card__variant[data-astro-cid-xffym2tf]:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.demo-card__actions[data-astro-cid-xffym2tf]{margin-top:var(--space-2)}.sim{background:var(--color-ink);color:#fff;border-radius:var(--radius-xl);padding:var(--space-6)}.sim__head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.sim__live{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff}.sim__live-dot{width:7px;height:7px;border-radius:50%;background:var(--color-signal-success)}.sim__meta{font:400 12px/1.4 var(--font-mono);color:#ffffffc7;margin-right:auto}.sim__pause{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:600 12px/1 var(--font-body);padding:8px 12px;border-radius:var(--radius-pill);cursor:pointer}.sim__pause:hover{background:#ffffff14}.sim__pause:focus-visible{outline:none;box-shadow:var(--shadow-focus-on-ink)}.sim__tier{display:grid;grid-template-columns:26fr 22fr 22fr 13fr 17fr;gap:var(--space-2)}.sim__cell{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);padding:var(--space-4);min-width:0;transition:border-color .25s ease,background .25s ease}.sim__cell--human{border-color:#d9770699}.sim__cell.is-hot{border-color:var(--color-on-ink-accent);background:#b7d6bf24}.sim__cell--human.is-hot{border-color:var(--color-signal-warning);background:#d9770638}.sim__agent{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sim__avatar{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-on-ink-accent);color:var(--color-ink);flex:none}.sim__avatar svg{width:22px;height:22px}.sim__cell--human .sim__avatar{background:var(--color-signal-warning)}.sim__agent-name{font:800 13px/1 var(--font-display);letter-spacing:.02em;color:#fff}.sim__agent-role{font:500 12px/1 var(--font-mono);color:#ffffffc7}.sim__agent-does{margin:var(--space-2) 0 0 0;font:400 13px/1.45 var(--font-body);color:#ffffffd9}.sim__agent-status{margin:var(--space-2) 0 0 0;display:flex;align-items:center;gap:6px;font:500 12px/1.3 var(--font-mono);color:#ffffffc7;min-height:1.3em}.sim__agent-status b{width:6px;height:6px;border-radius:50%;background:#ffffff4d;flex:none}.is-hot .sim__agent-status{color:#fff}.is-hot .sim__agent-status b{background:var(--color-signal-success)}.sim__cell--human.is-hot .sim__agent-status b{background:var(--color-signal-warning)}.sim__belt{position:relative;display:grid;grid-template-columns:26fr 22fr 22fr 13fr 17fr;gap:var(--space-2);margin:var(--space-3) 0;padding:var(--space-3) 0;border-top:1px dashed rgba(255,255,255,.25);border-bottom:1px dashed rgba(255,255,255,.25);min-height:150px}.sim__belt.is-live{display:block;height:164px;overflow:hidden}.sim__gate{grid-column:4;grid-row:1 / -1;display:flex;align-items:flex-start;justify-content:center;border-left:2px solid rgba(217,119,6,.6);border-right:2px solid rgba(217,119,6,.6)}.sim__belt.is-live .sim__gate{position:absolute;top:var(--space-3);bottom:var(--space-3);left:70%;width:13%}.sim__gate span{font:600 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:4px 6px}.sim__item{grid-column:var(--col);grid-row:1;align-self:center;background:#fff;color:var(--color-ink);border-radius:var(--radius-md);padding:12px 14px;box-shadow:var(--shadow-card);border:2px solid transparent;min-width:0}.sim__belt.is-live .sim__item{position:absolute;top:50%;left:0;width:220px;transform:translateY(-50%);will-change:transform;transition:border-color .25s ease,box-shadow .25s ease,opacity .3s ease;z-index:3}.sim__rail,.sim__pile{display:none}.sim__belt.is-live .sim__rail{display:block;position:absolute;left:150px;right:150px;top:50%;height:2px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 10px,transparent 10px 20px);background-size:20px 2px;animation:sim-rail 1.2s linear infinite}.sim__belt.is-paused .sim__rail{animation-play-state:paused}@keyframes sim-rail{to{background-position:20px 0}}.sim__belt.is-live .sim__pile{display:block;position:absolute;top:var(--space-3);bottom:var(--space-3);width:200px;z-index:1}.sim__pile--in{left:0}.sim__pile--out{right:0;width:150px}.sim__pile-label{position:absolute;top:0;font:600 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:4px 0}.sim__pile--out .sim__pile-label{right:0}.sim__pile-label b{color:var(--color-on-ink-accent)}.sim__mini{position:absolute;top:50%;width:200px;background:var(--color-surface-2);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-card);transform:translate(var(--dx, 0px),calc(-50% + var(--dy, 0px))) scale(.9);transform-origin:left center;transition:transform .3s ease}.sim__pile--out .sim__mini{transform-origin:right center;right:0;width:150px;background:#fff;transform:translate(var(--dx, 0px),calc(-50% + var(--dy, 0px))) scale(.8)}.sim__pile--in .sim__mini{left:0}.sim__mini-head{font:500 10px/1.3 var(--font-mono);color:var(--color-muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim__mini-txt{margin:3px 0 0;font:600 12px/1.3 var(--font-body);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim__mini-ok{display:inline-block;margin-top:5px;font:700 10px/1 var(--font-mono);letter-spacing:.08em;color:var(--color-signal-success-text);background:var(--color-signal-success-soft);padding:3px 6px;border-radius:4px}@media(prefers-reduced-motion:reduce){.sim__rail{animation:none}}.sim__item.is-noa,.sim__item.is-elia{border-color:var(--color-on-ink-accent)}.sim__item.is-gate{border-color:var(--color-signal-warning);box-shadow:0 0 0 4px #d9770633}.sim__item.is-anna{border-color:var(--color-on-ink-accent)}.sim__item-head{display:flex;justify-content:space-between;gap:8px;font:500 11px/1.3 var(--font-mono);color:var(--color-muted-2)}.sim__item-by{color:var(--color-accent);white-space:nowrap}.sim__item-txt{margin:4px 0 6px;font:600 14px/1.3 var(--font-body);color:var(--color-ink)}.sim__item-stage{margin:0;font:500 12px/1.4 var(--font-mono);color:var(--color-accent);min-height:1.4em}.sim__item.is-tina .sim__item-stage{color:var(--color-muted)}.sim__stamp{display:inline-block;margin-top:8px;font:700 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:4px}.sim__stamp[hidden]{display:none}.sim__stamp--gate{color:var(--color-signal-warning-text);background:var(--color-signal-warning-soft)}.sim__stamp--sent{color:var(--color-signal-success-text);background:var(--color-signal-success-soft)}.sim__tier--sys{display:none}.sim--full .sim__tier--sys{display:grid}.sim__tier--sys .sim__cell{display:flex;align-items:center}.sim__sys{font:500 12px/1.4 var(--font-mono);color:#ffffffd9}.sim__sys--w{color:#fff}.sim__sys--w:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-signal-warning);margin-right:6px}.sim__rw{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4);font:500 13px/1.4 var(--font-body);color:#fff}.sim__rw-read:before,.sim__rw-write:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:var(--color-signal-success)}.sim__rw-write:before{background:var(--color-signal-warning)}.sim__steps{list-style:none;margin:var(--space-5) 0 0 0;padding:var(--space-5) 0 0 0;border-top:1px solid rgba(255,255,255,.18);display:none;flex-direction:column;gap:var(--space-3)}.sim--full .sim__steps{display:flex}.sim__step{display:grid;grid-template-columns:28px 1fr;gap:var(--space-3)}.sim__step-n{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-on-ink-accent);color:var(--color-ink);font:700 13px/1 var(--font-display)}.sim__step--human .sim__step-n{background:var(--color-signal-warning)}.sim__step-body{display:flex;flex-direction:column;gap:2px;font:400 14px/1.45 var(--font-body);color:#ffffffe0}.sim__step-who{color:#fff}.sim__step-stage{font:500 12px/1.4 var(--font-mono);color:#fff}.sim__step-sys{font:400 12px/1.4 var(--font-mono);color:#ffffffc7}.sim__line{margin:var(--space-5) 0 0 0;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.18);font:700 16px/1.4 var(--font-display);color:#fff}.sim__note{margin:var(--space-3) 0 0 0;font:400 12px/1.5 var(--font-mono);color:#ffffffc7}@media(max-width:900px){.sim__tier,.sim__belt,.sim__rw,.sim--full .sim__tier--sys{display:none}.sim__steps{display:flex}.sim__pause{display:none}}