article.body .run-mailbox{width:calc(100% + 40px);margin:36px -20px;font-family:var(--font-mono)}.run-mailbox__frame{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:linear-gradient(var(--line-grid) 1px,transparent 1px),linear-gradient(90deg,var(--line-grid) 1px,transparent 1px),var(--panel);background-size:56px 56px}.run-mailbox__chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:8px 16px;border-bottom:1px solid var(--line-soft);color:var(--faint);font-size:9px;letter-spacing:.11em}.run-mailbox__chrome code{padding:3px 7px;border:1px solid color-mix(in oklab,var(--accent) 45%,transparent);border-radius:3px;background:var(--chip);color:var(--accent);font-size:8px;letter-spacing:.03em}.run-mailbox__controls{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 4px}.run-mailbox__controls button{min-height:32px;padding:6px 10px;border:1px solid var(--line);border-radius:4px;background:color-mix(in oklab,var(--panel) 86%,transparent);color:var(--muted);font-family:var(--font-mono);font-size:8.5px;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.run-mailbox__controls button:hover{border-color:var(--accent);color:var(--text)}.run-mailbox__controls button[aria-pressed=true]{border-color:var(--accent);background:var(--chip);color:var(--text)}.run-mailbox__controls .run-mailbox__redeliver{margin-left:auto;border-style:dashed}.run-mailbox__controls .run-mailbox__redeliver[aria-pressed=true]{border-style:solid;border-color:var(--yellow);background:color-mix(in oklab,var(--yellow) 10%,var(--panel))}.run-mailbox__controls button:focus-visible{outline:2px solid var(--text);outline-offset:3px}.run-mailbox__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 28px minmax(0,.9fr);align-items:stretch;gap:0;padding:18px 16px 16px;text-align:left}.run-mailbox__senders{display:grid;grid-template-rows:repeat(4,1fr);gap:8px}.run-mailbox__sender{position:relative;display:grid;align-content:center;gap:3px;min-width:0;margin-right:34px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:color-mix(in oklab,var(--panel-2) 78%,transparent);transition:border-color .18s ease,background .18s ease}.run-mailbox__sender strong{overflow:hidden;color:var(--muted);font-size:8.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.run-mailbox__sender small{overflow:hidden;color:var(--faint);font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.run-mailbox__sender--active{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,var(--panel))}.run-mailbox__sender--active strong{color:var(--text)}.run-mailbox__wire{position:absolute;top:50%;left:100%;width:34px;height:0;border-top:1.5px solid var(--line);transition:border-color .18s ease}.run-mailbox__wire:after{content:"";position:absolute;top:-4px;right:0;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:5px solid var(--line);transition:border-left-color .18s ease}.run-mailbox__sender--active .run-mailbox__wire{border-top-color:var(--accent)}.run-mailbox__sender--active .run-mailbox__wire:after{border-left-color:var(--accent)}.run-mailbox__packet{position:absolute;top:-3.5px;left:0;width:6px;height:6px;border-radius:1.5px;background:var(--accent);animation:run-mailbox-packet 1.6s ease-in-out infinite}@keyframes run-mailbox-packet{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:calc(100% - 6px);opacity:0}}.run-mailbox__run{display:grid;align-content:start;gap:10px;min-width:0;padding:10px 12px 12px;border:1px solid var(--accent);border-radius:6px;background:color-mix(in oklab,var(--accent) 9%,var(--panel))}.run-mailbox__run-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--text);font-size:9px;font-weight:600}.run-mailbox__run-head small{flex:0 0 auto;white-space:nowrap;color:var(--faint);font-size:6.5px;font-weight:400}.run-mailbox__run-id{display:block;overflow:hidden;padding:5px 7px;border:1px solid color-mix(in oklab,var(--accent) 35%,transparent);border-radius:3px;background:var(--chip);color:var(--accent);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.run-mailbox__inbox{display:grid;gap:5px;padding:8px;border:1px dashed var(--line);border-radius:4px}.run-mailbox__inbox-label,.run-mailbox__held-label,.run-mailbox__outcome-label{color:var(--faint);font-size:6.5px;letter-spacing:.08em;text-transform:uppercase}.run-mailbox__msg{display:grid;gap:2px;min-width:0;padding:6px 7px;border:1px solid var(--line);border-radius:3px;font-size:7px}.run-mailbox__msg b{color:var(--text);font-weight:600}.run-mailbox__msg span{overflow:hidden;color:var(--faint);font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.run-mailbox__msg--live{border-color:color-mix(in oklab,var(--accent) 60%,transparent);background:var(--chip)}.run-mailbox__msg--dup{border-style:dashed;border-color:color-mix(in oklab,var(--yellow) 55%,transparent);opacity:.75}.run-mailbox__msg--dup b{color:var(--faint);text-decoration:line-through}.run-mailbox__msg--dup span{color:var(--yellow)}.run-mailbox__held{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding-top:8px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:7px}.run-mailbox__held-label{flex-basis:100%}.run-mailbox__held em{color:var(--faint);font-style:normal}.run-mailbox__held .run-mailbox__snap{padding:1px 4px;border:1px solid color-mix(in oklab,var(--coral) 42%,transparent);border-radius:2px;background:color-mix(in oklab,var(--coral) 9%,var(--panel));color:var(--coral)}.run-mailbox__wire--out{position:relative;top:auto;left:auto;align-self:center;width:100%;border-top-color:var(--accent)}.run-mailbox__wire--out:after{border-left-color:var(--accent)}.run-mailbox__outcome{display:grid;align-content:center;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:color-mix(in oklab,var(--panel-2) 78%,transparent)}.run-mailbox__outcome strong{color:var(--green);font-size:10px;font-weight:600}.run-mailbox__outcome p{margin:0 0 6px;color:var(--muted);font-size:7.5px;line-height:1.4}.run-mailbox__outcome p:last-child{margin-bottom:0}.run-mailbox__outcome--end strong{color:var(--coral)}.run-mailbox__detail{display:flex;align-items:baseline;gap:10px;min-height:46px;margin:0;padding:12px 16px;border-top:1px solid var(--line-soft);background:color-mix(in oklab,var(--panel-2) 62%,transparent);color:var(--muted);font-family:var(--font-serif);font-size:12px;line-height:1.45;text-align:left}.run-mailbox__detail span{flex:0 0 auto;color:var(--accent);font-family:var(--font-mono);font-size:8px;letter-spacing:.06em}.run-mailbox__legend{display:flex;flex-wrap:wrap;gap:14px;padding:10px 16px 12px;border-top:1px solid var(--line-soft);color:var(--faint);font-size:7px}.run-mailbox__legend span{display:inline-flex;align-items:center;gap:5px}.run-mailbox__legend i{width:7px;height:7px;border:1px solid currentColor;border-radius:2px}.run-mailbox__legend-send{color:var(--accent);background:var(--chip)}.run-mailbox__legend-run{color:var(--accent);background:color-mix(in oklab,var(--accent) 9%,transparent)}.run-mailbox__legend-snap{color:var(--coral);background:color-mix(in oklab,var(--coral) 12%,transparent)}article.body .run-mailbox figcaption{margin:12px 0 0;color:var(--faint);font-family:var(--font-serif);font-size:12px;line-height:1.5;letter-spacing:0;text-align:center}@media(max-width:600px){article.body .run-mailbox{width:100%;margin-inline:0}.run-mailbox__chrome{align-items:flex-start;padding-inline:12px}.run-mailbox__controls{display:grid;grid-template-columns:1fr 1fr;padding-inline:12px}.run-mailbox__controls button{width:100%}.run-mailbox__controls .run-mailbox__redeliver{grid-column:1 / -1;margin-left:0}.run-mailbox__stage{grid-template-columns:1fr;gap:12px;padding-inline:12px}.run-mailbox__senders{grid-template-columns:1fr 1fr;grid-template-rows:none}.run-mailbox__sender{margin-right:0}.run-mailbox__wire,.run-mailbox__wire--out{display:none}.run-mailbox__detail{display:grid;gap:4px;padding-inline:12px}.run-mailbox__legend{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.run-mailbox__controls button,.run-mailbox__sender,.run-mailbox__wire,.run-mailbox__wire:after{transition:none}.run-mailbox__packet{animation:none;left:calc(100% - 6px)}}
