.vhost-lab{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface,#fff);margin:22px 0;min-width:0}
.vhost-lab [hidden]{display:none!important}
.vhost-lab .mechanism-view-heading{gap:12px}
.vhost-lab p{margin:8px 0 14px;font-size:14px;line-height:1.65}
.vhost-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:18px 0}
.vhost-controls label{display:grid;gap:6px;min-width:0;font-size:13px;font-weight:600}
.vhost-controls select{width:100%;min-width:0;max-width:100%;font:inherit;padding:9px 35px 9px 10px;border:1px solid var(--line);border-radius:7px;background-color:var(--surface,#fff)}
.vhost-actions{display:flex;flex-wrap:wrap;gap:7px}
.vhost-lab button{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:var(--surface,#fff);color:var(--ink-2);cursor:pointer}
.vhost-lab button:hover:not(:disabled){border-color:var(--accent,#008080);color:var(--accent,#008080)}
.vhost-lab button:disabled{opacity:.45;cursor:default}
.vhost-lab button:focus-visible,.vhost-lab select:focus-visible{outline:2px solid var(--accent,#008080);outline-offset:3px}
.vhost-lab button[aria-pressed=true]{background:#e5f3ef;border-color:#458c7c;color:#24594f}
.vhost-status{padding:10px 12px;background:#eef4f2;border-radius:7px;color:#294e47;min-height:46px}
.vhost-control-path{display:flex;flex-direction:column;gap:5px;border:1px dashed #8f9e9b;border-radius:9px;padding:13px 16px;margin-bottom:16px;background:#f5f7f6;overflow-wrap:anywhere}
.vhost-control-path strong{font-size:14px}.vhost-control-path span{font-size:13px}.vhost-control-path small{font-size:12px;color:var(--muted)}
.vhost-scene{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(90px,.8fr) minmax(0,1.2fr) minmax(0,.8fr);gap:10px;align-items:stretch}
.vhost-scene section{min-width:0;margin:0;border:1px solid var(--line);border-radius:8px;padding:12px;overflow-wrap:anywhere}
.vhost-scene h4{font-size:14px;margin:0 0 8px;line-height:1.4}.vhost-scene p{font-size:12px;margin:6px 0 10px}.vhost-guest{background:#f8faf9}.vhost-ram{padding:10px 8px;border:1px solid #d5e3dc;border-radius:7px;background:#fff}
.vhost-ram>strong{font-size:12px}.vhost-payload{display:flex;gap:7px;align-items:center;margin:11px 0;font-size:12px}.vhost-payload b{background:#d6ebe3;padding:5px;border-radius:4px;color:#245a49}.vhost-ram dl{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;font-size:12px}.vhost-ram dl>div{flex:1;min-width:52px}.vhost-ram dt{font-family:ui-monospace,monospace;font-size:11px}.vhost-ram dd{margin:4px 0 0;font-weight:650}
.vhost-exchange{display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0}.vhost-edge{position:relative;border:1px solid transparent;border-radius:6px;padding:7px 4px;text-align:center;overflow:hidden;font-size:11px;line-height:1.4;min-width:0}.vhost-edge>span{display:block;font-size:22px;line-height:1}.vhost-edge strong{display:block;font-size:11px;margin:3px 0}.vhost-edge small{display:block;font-size:10px;overflow-wrap:anywhere}.vhost-edge--notification{color:#876020}.vhost-edge--data{color:#2c7057}.vhost-edge--completion{color:#376e93}
.vhost-worker{border:1px solid var(--line);border-radius:6px;padding:10px 8px;margin-top:9px;background:#f7f8f7;color:#67726f}.vhost-worker strong,.vhost-worker small,.vhost-worker span{display:block}.vhost-worker strong{font-size:12px}.vhost-worker small{font-size:11px;margin:4px 0}.vhost-worker span{font-size:11px;line-height:1.5}.vhost-worker[data-selected=true]{border-color:#7b9f91;background:#edf6f0;color:#234e3d}.vhost-worker[data-selected=false]{background:#fafafa;color:#717976}.vhost-worker[data-active=true]{box-shadow:0 0 0 2px #accbbb}
.vhost-network{display:flex;flex-direction:column;justify-content:center;background:#f8faf9}.vhost-network>strong{font-size:12px;line-height:1.5}.vhost-delivered{padding:7px;border-radius:5px;font-size:12px;background:#e0eee6;color:#265b40}
.vhost-lab [data-active=true]:not(.vhost-worker){border-color:#6b9d87;background:#e9f3ed}.vhost-lab .vhost-edge--notification[data-active=true]{border-color:#b49a65;background:#faf2df}.vhost-lab .vhost-edge--completion[data-active=true]{border-color:#8db2ca;background:#eaf2f8}
.vhost-packet{display:none;position:absolute;left:3%;top:4px;padding:2px 4px;border-radius:3px;background:#39795d;color:white;font-size:9px;font-style:normal;animation:vhost-packet-travel 1.2s linear infinite;animation-play-state:paused}
.vhost-edge--data[data-active=true] .vhost-packet{display:block}.vhost-lab[data-playing=true] .vhost-packet{animation-play-state:running}
@keyframes vhost-packet-travel{from{transform:translateX(0)}to{transform:translateX(58px)}}
.vhost-detail{padding:14px;margin-top:16px;background:#f5f7f6;border-radius:8px;min-height:105px}.vhost-detail strong{font-size:14px}.vhost-detail p{margin-bottom:0}.vhost-legend{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:12px;color:var(--muted);font-size:11px;line-height:1.5}.vhost-fallback{margin-top:15px;font-size:13px}.vhost-lab .vhost-model-note{font-size:12px;color:var(--muted);margin-bottom:0}
.vhost-lab.is-expanded{width:100%;max-width:none;margin:0 auto;box-sizing:border-box}
@media(min-width:1100px){.vhost-lab.is-expanded .vhost-scene{gap:18px}.vhost-lab.is-expanded .vhost-scene section{padding:20px}.vhost-lab.is-expanded .vhost-worker{padding:18px 12px}.vhost-lab.is-expanded .vhost-worker strong{font-size:15px}.vhost-lab.is-expanded .vhost-edge strong{font-size:13px}}
@media(max-width:760px){.vhost-lab{padding:14px}.vhost-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.vhost-guest{grid-column:1/-1;grid-row:1}.vhost-exchange{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vhost-edge>span{transform:rotate(90deg)}.vhost-packet{animation:none;left:auto;right:6px;top:6px}.vhost-workers{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.vhost-workers h4{grid-column:1/-1;margin-bottom:0}.vhost-worker{margin:0}.vhost-network{grid-column:1/-1;grid-row:4;gap:5px}.vhost-network h4,.vhost-network p{margin:0}.vhost-ram dl{gap:5px}}
@media(max-width:420px){.vhost-lab{padding:11px}.vhost-controls{gap:10px}.vhost-controls label{width:100%}.vhost-actions{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.vhost-lab .vhost-actions button{padding:9px 3px;font-size:12px}.vhost-scene section{padding:9px}.vhost-workers{grid-template-columns:1fr}.vhost-worker{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3px 7px;padding:8px}.vhost-worker strong{grid-row:1/3;align-self:center}.vhost-worker small{margin:0}.vhost-worker span{grid-column:2}.vhost-detail{padding:11px}.vhost-control-path{padding:11px}}
@media(prefers-reduced-motion:reduce){.vhost-packet{animation:none}}