:root,:root[data-theme=light]{color-scheme:light;--bg: #f3f5f7;--panel: #ffffff;--panel-alt: #f8fafb;--panel-sunken: #f1f4f6;--line: #dde2e8;--line-strong: #c6ccd4;--line-hover: #aeb6c0;--ink: #13171c;--ink-2: #4a525c;--ink-3: #78818d;--accent: #0f4c81;--accent-hover: #0c3f6c;--accent-active: #0a3459;--accent-ink: #ffffff;--accent-mark: #7fe3b6;--link: #1263a8;--btn-active: #e9edf1;--ok: #0d7a4c;--ok-bg: #e8f6ee;--ok-line: #bfe3ce;--warn: #96620a;--warn-bg: #fdf3e2;--warn-line: #ecd6ab;--error: #b3261e;--error-bg: #fdeceb;--error-line: #ecc0bd;--danger-line: #e3bdba;--danger-line-hover: #d6a5a1;--active: #1263a8;--active-bg: #e8f1fa;--active-line: #bcd7ee;--led-off: #cfd6dd;--led-on: #17a55f;--fill-accent: rgba(18, 99, 168, .24);--fill-ok: rgba(13, 122, 76, .22);--fill-ng: rgba(179, 38, 30, .2);--shadow-panel: 0 8px 24px rgba(16, 24, 40, .12);--radius: 3px;--mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1116;--panel: #161a21;--panel-alt: #1a1f28;--panel-sunken: #10141a;--line: #262d38;--line-strong: #39424f;--line-hover: #4c5766;--ink: #e7ecf3;--ink-2: #aab4c2;--ink-3: #7c8797;--accent: #2f7fd0;--accent-hover: #3d8cdb;--accent-active: #2a71ba;--accent-ink: #ffffff;--accent-mark: #7fe3b6;--link: #6db4f2;--btn-active: #222833;--ok: #52c98d;--ok-bg: #10281e;--ok-line: #24513c;--warn: #dda54a;--warn-bg: #2a2114;--warn-line: #57431f;--error: #f0736a;--error-bg: #2c1918;--error-line: #5c2f2b;--danger-line: #5c2f2b;--danger-line-hover: #7a3d38;--active: #6db4f2;--active-bg: #12243a;--active-line: #29486b;--led-off: #39424f;--led-on: #34d17f;--fill-accent: rgba(109, 180, 242, .26);--fill-ok: rgba(82, 201, 141, .22);--fill-ng: rgba(240, 115, 106, .2);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:620;letter-spacing:-.015em;line-height:1.22}p{margin:0}code,pre,.mono{font-family:var(--mono);font-variant-ligatures:none}:focus-visible{outline:2px solid var(--link);outline-offset:1px}.container{width:100%;margin:0 auto;padding:0 clamp(14px,2.2vw,40px)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;z-index:20;background:var(--panel);border:1px solid var(--line-strong);padding:6px 10px}.masthead{position:sticky;top:0;z-index:10;background:var(--panel);border-bottom:1px solid var(--line)}.masthead-inner{display:flex;align-items:center;gap:28px;height:56px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:640;letter-spacing:-.02em;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius);background:var(--accent);color:var(--accent-mark)}.brand-sub{color:var(--ink-3);font-weight:500;font-size:11px;letter-spacing:.04em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:10px}.masthead-right{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{color:var(--ink-2);font-size:13px;font-weight:520;padding:6px 10px;border-radius:var(--radius)}.nav a:hover{background:var(--panel-sunken);color:var(--ink);text-decoration:none}.nav a[aria-current=page]{color:var(--ink);background:var(--panel-sunken);box-shadow:inset 0 -2px 0 var(--accent)}.settings{position:relative}.settings-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius);background:none;color:var(--ink-2);font:inherit;cursor:pointer}.settings-trigger:hover,.settings-trigger[aria-expanded=true]{background:var(--panel-sunken);color:var(--ink)}.settings-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:236px;padding:12px;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.settings-group{margin:0 0 12px;padding:0;border:0}.settings-group legend{padding:0 0 6px;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);color:var(--ink-2);font:inherit;font-size:12.5px;font-weight:530;cursor:pointer}.segmented button:hover{background:var(--panel-sunken);color:var(--ink)}.segmented button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.lang-code{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;opacity:.75}.settings-note{font-size:11.5px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:9px}.site-footer{border-top:1px solid var(--line);background:var(--panel);margin-top:56px;padding:20px 0;color:var(--ink-3);font-size:12.5px}.site-footer .container{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}main{padding:18px 0 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--panel-alt);border-radius:var(--radius) var(--radius) 0 0}.panel-title{font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}.panel-head .spacer{margin-left:auto}.panel-body{padding:12px}.panel-note{padding:8px 12px;border-top:1px solid var(--line);background:var(--panel-alt);color:var(--ink-3);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 11px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);color:var(--ink);font:inherit;font-size:13px;font-weight:530;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--panel-sunken);border-color:var(--line-hover)}.btn:active:not(:disabled){background:var(--btn-active)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active)}.btn-danger{color:var(--error);border-color:var(--danger-line)}.btn-danger:hover:not(:disabled){background:var(--error-bg);border-color:var(--danger-line-hover)}.btn-lg{height:38px;padding:0 16px;font-size:14px}.btn-sm{height:25px;padding:0 8px;font-size:12px}.btn-icon{width:25px;padding:0}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:2px;background:var(--panel-alt);padding:1px 6px;font-family:var(--mono);font-size:11px;color:var(--ink-2);white-space:nowrap}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:2px;padding:2px 8px;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.06em}.status .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.status.t-neutral{color:var(--ink-3)}.status.t-ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-line)}.status.t-active{color:var(--active);background:var(--active-bg);border-color:var(--active-line)}.status.t-warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}.status.t-error{color:var(--error);background:var(--error-bg);border-color:var(--error-line)}.status.t-active .dot{animation:blink 1.3s steps(1,end) infinite}@keyframes blink{50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.status.t-active .dot{animation:none}}.t-ok{color:var(--ok)}.t-warn{color:var(--warn)}.t-error{color:var(--error)}.t-active{color:var(--active)}.muted{color:var(--ink-3)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.grid{display:grid;gap:12px}.section{margin:clamp(30px,3vw,40px) 0}.section-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.section-head h2{font-size:19px}.section-head p{color:var(--ink-2);font-size:13.5px;max-width:62ch}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,720px);gap:clamp(28px,3vw,56px);align-items:center;padding:clamp(4px,.8vw,14px) 0 clamp(24px,2.4vw,40px)}.hero h1{font-size:clamp(28px,3.4vw,58px);max-width:22ch;letter-spacing:-.03em;margin-bottom:14px}.hero-lede{font-size:clamp(15px,1vw,18px);color:var(--ink-2);max-width:62ch;margin-bottom:22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.hero-facts{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;max-width:720px}.hero-facts div{font-size:12.5px;color:var(--ink-3)}.hero-facts b{display:block;font-family:var(--mono);font-size:17px;color:var(--ink);font-weight:600}.steps{grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:step}.step{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.step-index{font-family:var(--mono);font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.08em}.step h3{font-size:15px;margin:6px 0 5px}.step p{font-size:13px;color:var(--ink-2)}.reasons{grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr))}.reason{display:flex;gap:12px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.reason .icon-slot{color:var(--accent);flex:none;margin-top:2px}.reason h3{font-size:14.5px;margin-bottom:4px}.reason p{font-size:13px;color:var(--ink-2)}.usecases{display:flex;flex-wrap:wrap;gap:8px}.usecase{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:7px 11px;font-size:13px;font-weight:520}.usecase span{color:var(--ok);font-family:var(--mono);font-size:11px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:inherit}a.card:hover{text-decoration:none;border-color:var(--line-strong);background:var(--panel-alt)}.card-top{display:flex;align-items:center;gap:10px}.card-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-sunken);color:var(--accent);flex:none}.card h3{font-size:14.5px}.card p{font-size:13px;color:var(--ink-2);flex:1}.card-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:9px}.card-foot .go{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--link);font-size:12.5px;font-weight:560}.card.locked{background:var(--panel-alt);border-style:dashed}.card.locked .card-icon{color:var(--ink-3);background:var(--panel)}.card.locked h3{color:var(--ink-2)}.category-block{margin-bottom:28px}.category-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.category-head h3{font-size:15px}.ws-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.ws-head h1{font-size:17px}.ws-head .meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.device-switcher{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.device-tab{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink-2);font-size:13px;font-weight:520}.device-tab:hover{text-decoration:none;border-color:var(--line-strong);color:var(--ink)}.device-tab[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.device-tab[aria-current=page] .mini-dot{background:var(--accent-mark)}.mini-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-3);flex:none}.ws-row{display:grid;gap:12px;margin-bottom:12px;align-items:start}.ws-row.controls-state{grid-template-columns:minmax(0,270px) minmax(0,1fr)}.ws-row.stream-inspect{grid-template-columns:minmax(0,1fr) minmax(0,440px)}.ws-row>.span-2{grid-column:1 / -1}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field.wide{grid-column:1 / -1}.field label{font-size:11.5px;font-weight:600;letter-spacing:.03em;color:var(--ink-2);text-transform:uppercase}.field input,.field select,.field textarea{height:30px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:0 8px;font:inherit;font-size:13px;color:var(--ink);background:var(--panel);width:100%;min-width:0}.field textarea{height:auto;min-height:62px;padding:6px 8px;resize:vertical;line-height:1.45}.field .mono-input{font-family:var(--mono);font-size:12.5px}.field .hint{font-size:11.5px;color:var(--ink-3)}.field-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.controls{display:flex;flex-direction:column;gap:7px}.control{display:flex;flex-direction:column;gap:2px}.control .btn{width:100%;justify-content:flex-start}.control .hint{font-size:11.5px;color:var(--ink-3);padding-left:2px}.state-table{width:100%;border-collapse:collapse;font-size:13px}.state-table th,.state-table td{text-align:left;padding:5px 12px;border-bottom:1px solid var(--line);vertical-align:baseline}.state-table tr:last-child th,.state-table tr:last-child td{border-bottom:0}.state-table th{font-weight:520;color:var(--ink-2);font-size:12.5px;width:42%;white-space:nowrap}.state-table td{font-weight:560}.state-table td.mono{font-size:12.5px;word-break:break-all}.stream{max-height:340px;overflow:auto;font-family:var(--mono);font-size:12.5px}.event{border-bottom:1px solid var(--line)}.event-row{display:grid;grid-template-columns:66px 170px minmax(0,1fr) 18px;gap:10px;align-items:baseline;width:100%;padding:6px 12px;background:none;border:0;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}.event-row:hover{background:var(--panel-alt)}.event.selected .event-row{background:var(--active-bg)}.event-time{color:var(--ink-3)}.event-name{font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-summary{font-family:var(--sans);font-size:12.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-caret{color:var(--ink-3);justify-self:end}.event-detail{padding:0 12px 10px 88px}.stream-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-input{height:25px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:0 7px;font:inherit;font-size:12px;width:130px;background:var(--panel)}.empty{padding:22px 12px;text-align:center;color:var(--ink-3);font-size:13px}.tabs{display:flex;gap:2px}.tab{height:24px;padding:0 9px;border:1px solid transparent;border-radius:2px;background:none;font:inherit;font-size:12px;font-weight:560;color:var(--ink-3);cursor:pointer}.tab:hover{color:var(--ink);background:var(--panel-sunken)}.tab[aria-selected=true]{background:var(--panel);border-color:var(--line);color:var(--ink)}pre.code{margin:0;padding:12px;background:var(--panel-sunken);border-top:1px solid var(--line);font-size:12.5px;line-height:1.55;overflow:auto;max-height:340px;white-space:pre;-moz-tab-size:2;tab-size:2}pre.code.inline{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-alt);max-height:260px}.phase-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.phase-node{border:1px solid var(--line-strong);border-radius:2px;padding:3px 10px;font-family:var(--mono);font-size:11.5px;font-weight:620;letter-spacing:.05em;color:var(--ink-3);background:var(--panel-alt)}.phase-node.done{color:var(--ink-2);background:var(--panel)}.phase-node.current{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.phase-node.current.ok{background:var(--ok);border-color:var(--ok)}.phase-node.current.ng,.phase-node.current.err{background:var(--error);border-color:var(--error)}.phase-arrow{color:var(--ink-3)}.readouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px}.readout{border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;background:var(--panel-alt)}.readout span{display:block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.readout b{font-family:var(--mono);font-size:19px;font-weight:600;letter-spacing:-.02em}.torque-track{position:relative;height:74px;border:1px solid var(--line);border-radius:var(--radius);background:repeating-linear-gradient(to right,var(--panel-sunken) 0 1px,transparent 1px 40px);overflow:hidden}.torque-band{position:absolute;top:0;bottom:0;background:var(--ok-bg);border-left:1px dashed var(--ok-line);border-right:1px dashed var(--ok-line)}.torque-target{position:absolute;top:0;bottom:0;width:0;border-left:1px solid var(--accent)}.torque-target span{position:absolute;top:3px;left:4px;font-family:var(--mono);font-size:10.5px;color:var(--accent);white-space:nowrap}.torque-fill{position:absolute;left:0;bottom:0;top:0;background:linear-gradient(to right,transparent,var(--fill-accent));border-right:2px solid var(--active);transition:width 80ms linear}.torque-fill.ok{background:linear-gradient(to right,transparent,var(--fill-ok));border-right-color:var(--ok)}.torque-fill.ng{background:linear-gradient(to right,transparent,var(--fill-ng));border-right-color:var(--error)}.torque-scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-top:5px}.io-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.io-legend{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.io-legend h4{font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin:0}.io-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.io-channel{display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px;padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer}.io-channel:hover{border-color:var(--line-hover);background:var(--panel-alt)}.io-channel .led{width:9px;height:9px;border-radius:50%;background:var(--led-off);box-shadow:inset 0 0 0 1px #00000014;flex:none}.io-channel.on{color:var(--ok);border-color:var(--ok-line);background:var(--ok-bg)}.io-channel.on .led{background:var(--led-on);box-shadow:0 0 0 2px var(--fill-ok)}.io-value{font-size:11px;letter-spacing:.04em}.prose{max-width:74ch}.prose h2{font-size:18px;margin:28px 0 8px}.prose h3{font-size:14.5px;margin:20px 0 6px}.prose p,.prose li{color:var(--ink-2);font-size:14px}.prose p{margin:8px 0}.prose ul{margin:8px 0;padding-left:20px}.prose li{margin:3px 0}.prose code{background:var(--panel-sunken);border:1px solid var(--line);border-radius:2px;padding:0 4px;font-size:12.5px;color:var(--ink)}.scroll-x{overflow-x:auto}.scroll-x .def-table{min-width:460px}.def-table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0;background:var(--panel);border:1px solid var(--line)}.def-table th,.def-table td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}.def-table thead th{background:var(--panel-alt);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.def-table tbody tr:last-child td{border-bottom:0}.def-table td.mono{font-family:var(--mono);font-size:12.5px}.callout{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--panel);border-radius:var(--radius);padding:12px 14px;margin:16px 0}.callout p{font-size:13.5px}@media (max-width: 1080px){.ws-row.controls-state,.ws-row.stream-inspect{grid-template-columns:minmax(0,1fr)}.cards,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.hero{grid-template-columns:minmax(0,1fr);gap:26px;padding:30px 0}.hero h1{font-size:32px}.masthead-inner{height:auto;padding:10px 0;flex-wrap:wrap;gap:10px}.masthead-right{margin-left:0;width:100%;align-items:flex-start}.nav{flex:1}.brand-sub{display:none}}@media (max-width: 640px){.container{padding:0 14px}.cards,.steps,.reasons{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:27px}.event-row{grid-template-columns:60px minmax(0,1fr) 18px}.event-summary{display:none}.event-detail{padding-left:12px}}