:root{--chassis: #23262b;--chassis-deep: #1a1d21;--chassis-edge: #33373d;--chassis-text: #d6d9dd;--chassis-dim: #8b9199;--paper: #edede7;--paper-shade: #d5d5cc;--carbon: #33322e;--carbon-dim: #6f6e68;--signal: #e8a33d;--signal-ok: #6fa57c;--signal-bad: #cf6b5a;--rail: #f4f4f0;--font-ui: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius: 4px;--gap: 1.25rem}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-ui);background:var(--chassis-deep);color:var(--chassis-text);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.shell{max-width:1180px;margin:0 auto;padding:2rem 1.25rem 4rem}.masthead{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--chassis-edge);margin-bottom:2rem}.masthead h1{font-family:var(--font-mono);font-size:1.15rem;font-weight:600;letter-spacing:-.02em;margin:0;color:#fff}.masthead p{margin:0;color:var(--chassis-dim);font-size:.88rem;max-width:48ch;line-height:1.55}.masthead-links{margin-left:auto;display:flex;gap:1rem;font-size:.85rem}.masthead-links a{color:var(--chassis-dim);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .15s,border-color .15s}.masthead-links a:hover{color:var(--signal);border-bottom-color:var(--signal)}.bench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,20rem);gap:2rem;align-items:start}@media (max-width: 900px){.bench{grid-template-columns:1fr}}.machine{background:var(--chassis);border:1px solid var(--chassis-edge);border-radius:var(--radius);overflow:hidden}.machine+.machine{margin-top:var(--gap)}.machine-top{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:var(--chassis-deep);border-bottom:1px solid var(--chassis-edge)}.machine-top h2{font-size:.9rem;font-weight:500;margin:0;letter-spacing:.01em}.machine-body{padding:1.1rem;display:grid;gap:1.35rem}.panel>h3{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--chassis-dim);margin:0 0 .7rem}.leds{display:flex;gap:.9rem;flex-wrap:wrap;margin-left:auto;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;color:var(--chassis-dim)}.led{display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase}.led:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--chassis-edge)}.led[data-on=ok]:before{background:var(--signal-ok);box-shadow:0 0 6px color-mix(in srgb,var(--signal-ok) 70%,transparent)}.led[data-on=warn]:before{background:var(--signal);box-shadow:0 0 6px color-mix(in srgb,var(--signal) 70%,transparent)}.led[data-on=bad]:before{background:var(--signal-bad);box-shadow:0 0 6px color-mix(in srgb,var(--signal-bad) 70%,transparent)}.field-row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:flex-end}label{display:grid;gap:.35rem;font-size:.78rem;color:var(--chassis-dim)}input[type=text],input[type=number],select{font:inherit;font-size:.85rem;padding:.5rem .6rem;background:var(--chassis-deep);color:var(--chassis-text);border:1px solid var(--chassis-edge);border-radius:var(--radius);min-width:0}input[type=text]{min-width:14rem;flex:1}input[type=number]{width:6rem}input:disabled,select:disabled{opacity:.45}.toggle{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--chassis-text);cursor:pointer;padding:.5rem 0}.toggle input{accent-color:var(--signal);width:1rem;height:1rem;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:.5rem}button{font:inherit;font-size:.82rem;padding:.5rem .85rem;border-radius:var(--radius);border:1px solid var(--chassis-edge);background:#2b2f35;color:var(--chassis-text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}button:hover:not(:disabled){background:#343940;border-color:#464c54}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--signal);border-color:var(--signal);color:#241a08;font-weight:500}button.primary:hover:not(:disabled){background:#f0b055;border-color:#f0b055}button.ghost{background:transparent}.readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.6rem;font-family:var(--font-mono);font-size:.75rem;margin:0}.readout>div{background:var(--chassis-deep);border:1px solid var(--chassis-edge);border-radius:var(--radius);padding:.5rem .6rem}.readout dt{color:var(--chassis-dim);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .25rem}.readout dd{margin:0;color:#fff}.log{font-family:var(--font-mono);font-size:.72rem;line-height:1.65;background:var(--chassis-deep);border:1px solid var(--chassis-edge);border-radius:var(--radius);padding:.7rem .8rem;max-height:11rem;overflow-y:auto;color:var(--chassis-dim);margin:0;white-space:pre-wrap;word-break:break-word}.error{color:var(--signal-bad);font-size:.82rem;margin:.6rem 0 0}.outcome{border:1px solid var(--chassis-edge);border-left:3px solid var(--chassis-edge);border-radius:var(--radius);padding:.75rem .9rem;background:var(--chassis-deep);display:grid;gap:.4rem}.outcome[data-kind=ok]{border-left-color:var(--signal-ok)}.outcome[data-kind=retry]{border-left-color:var(--signal)}.outcome[data-kind=operator],.outcome[data-kind=fatal],.outcome[data-kind=caller]{border-left-color:var(--signal-bad)}.outcome-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.outcome-head code{font-family:var(--font-mono);font-size:.8rem;color:#fff}.tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .4rem;border-radius:2px;background:var(--chassis-edge);color:var(--chassis-text)}.outcome p{margin:0;font-size:.82rem;line-height:1.5;color:var(--chassis-dim)}.outcome p.action{color:var(--chassis-text)}.rail{position:sticky;top:2rem;background:var(--rail);border-radius:var(--radius);overflow:hidden;border:1px solid #d8d8d0}.rail-slot{height:.85rem;background:var(--chassis);border-bottom:2px solid var(--chassis-deep);box-shadow:inset 0 -3px 5px #00000073}.rail-stack{padding:1rem 1rem 1.5rem;display:grid;gap:1rem;max-height:32rem;overflow-y:auto}.rail-empty{padding:2.75rem 1.25rem;text-align:center;color:var(--carbon-dim);font-size:.8rem;line-height:1.65}.receipt{background:var(--paper);color:var(--carbon);font-family:var(--font-mono);font-size:.72rem;line-height:1.55;padding:.9rem .85rem 1.3rem;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px 2px #0000002e,0 6px 14px #0000001a;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 6px) no-repeat,repeating-linear-gradient(-45deg,#000 0 5px,transparent 5px 10px) bottom / 100% 6px repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 6px) no-repeat,repeating-linear-gradient(-45deg,#000 0 5px,transparent 5px 10px) bottom / 100% 6px repeat-x;animation:feed .45s cubic-bezier(.2,.8,.3,1);transform-origin:top center}@keyframes feed{0%{transform:translateY(-14px) scaleY(.9);opacity:0}to{transform:none;opacity:1}}.receipt-meta{font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--carbon-dim);border-bottom:1px dashed var(--paper-shade);padding-bottom:.4rem;margin-bottom:.6rem;display:flex;justify-content:space-between;gap:.5rem}.receipt-glyph{display:block;text-align:center;color:var(--carbon-dim);border:1px dashed var(--paper-shade);padding:.7rem .4rem;margin:.4rem 0;font-size:.64rem;letter-spacing:.05em}@media (prefers-reduced-motion: reduce){.receipt{animation:none}*{transition-duration:.01ms!important}}.receipt-toggle{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;padding:.1rem .35rem;background:transparent;border:1px solid var(--paper-shade);color:var(--carbon-dim);border-radius:2px;cursor:pointer}.receipt-toggle:hover{border-color:var(--carbon-dim);color:var(--carbon);background:transparent}.receipt-toggle[aria-pressed=true]{background:var(--paper-shade);color:var(--carbon)}.receipt-xml{display:block;font-family:var(--font-mono);font-size:.62rem;line-height:1.5;color:var(--carbon-dim);white-space:pre-wrap;word-break:break-all;max-height:16rem;overflow-y:auto}.recipe{border:1px solid var(--chassis-edge);border-radius:var(--radius);padding:.7rem .8rem;display:grid;gap:.5rem;background:var(--chassis-deep)}.recipe-head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.recipe-head h4{margin:0;font-size:.85rem;font-weight:500;color:var(--chassis-text)}.recipe-head p{margin:0;font-size:.75rem;color:var(--chassis-dim);flex:1 1 12rem;min-width:0}.recipe-actions{display:flex;gap:.4rem;margin-left:auto}.recipe pre{margin:0;font-family:var(--font-mono);font-size:.68rem;line-height:1.55;color:var(--chassis-text);background:#14171a;border:1px solid var(--chassis-edge);border-radius:var(--radius);padding:.65rem .75rem;overflow-x:auto}.recipe-list{display:grid;gap:.6rem}@media (max-width: 640px){.shell{padding:1.25rem .85rem 3rem}.masthead-links{margin-left:0}.machine-top{flex-wrap:wrap}.leds{order:3;width:100%;margin-left:0}.field-row>label,.field-row>.actions{width:100%}input[type=text],input[type=number]{width:100%}.recipe-actions{margin-left:0;width:100%}.rail{position:static}}.outcome-empty{font-size:.8rem;color:var(--chassis-dim);margin:0}.outcome-catalog{margin-top:.7rem;font-size:.78rem}.outcome-catalog summary{cursor:pointer;color:var(--chassis-dim);padding:.35rem 0}.outcome-catalog summary:hover{color:var(--chassis-text)}.outcome-catalog table{width:100%;border-collapse:collapse;margin-top:.5rem;display:block;overflow-x:auto}.outcome-catalog th{text-align:left;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--chassis-dim);font-weight:500;padding:.4rem .5rem .4rem 0;border-bottom:1px solid var(--chassis-edge)}.outcome-catalog td{padding:.5rem .5rem .5rem 0;border-bottom:1px solid var(--chassis-edge);vertical-align:top;font-size:.75rem;color:var(--chassis-text)}.outcome-catalog code{font-family:var(--font-mono);font-size:.72rem;color:#fff;white-space:nowrap}.muted{color:var(--chassis-dim);margin-top:.2rem}
