.pubsub-workspace{--route-muted: #898b90;padding:0 32px 20px;max-width:1560px;margin:auto}#pubsub-loading{padding:50px 0;color:#999}.pubsub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;font-size:12px}.pubsub-scene{display:flex;gap:10px;align-items:center}.pubsub-scene>span:last-child{color:#74767c}.route-live-dot{width:6px;height:6px;background:#84dbb4;border-radius:50%;box-shadow:0 0 9px #84dbb424}.pubsub-mode{color:#b5b6ba;font-size:11px}.pubsub-mode span{color:#707279}.routing-stage{position:relative;display:grid;grid-template-columns:minmax(210px,1fr) minmax(330px,1.55fr) minmax(210px,1fr);gap:64px;align-items:start}.routing-wires{position:absolute;width:100%;height:100%;inset:0;overflow:visible;pointer-events:none}.route-wire{stroke:#2b2d31;stroke-width:1;transition:stroke .25s}.route-wire.is-active{stroke:var(--agent);stroke-opacity:.65;stroke-width:1.5}.route-inbound{stroke-dasharray:3 5;stroke:#666a73}.route-packet{filter:drop-shadow(0 0 5px currentColor)}.routing-center,.agent-column{position:relative;min-width:0}.routing-center{display:flex;flex-direction:column;align-items:center}.router-core{display:flex;gap:13px;align-items:center;padding:15px 18px;width:260px;min-height:82px;background:#131415;border:1px solid #393b40;border-radius:10px;box-shadow:0 8px 25px #0003;position:relative;z-index:1}.router-monogram{display:grid;place-items:center;width:36px;height:39px;font-size:31px;font-weight:700;letter-spacing:-.1em;padding-right:3px;border-radius:7px;color:#0d0d0e;background:#e9e9ea}.router-core strong{font-weight:600;font-size:16px}.router-core strong span{color:#71737a;font-size:11px;font-weight:400}#route-hub-label{display:block;margin-top:7px;color:#94979e;font-size:10px;white-space:nowrap}.router-lights{display:grid;grid-template-columns:3px 3px;gap:4px;margin-left:auto;align-self:flex-start}.router-lights i{width:3px;height:3px;border-radius:1px;background:#45474e}.router-lights i.is-active{background:var(--agent);box-shadow:0 0 7px var(--agent)}.pubsub-workspace[data-phase=deciding] .router-core,.pubsub-workspace[data-phase=reading] .router-core{border-color:#a4a6ab}.pubsub-workspace[data-phase=deciding] .router-lights i{animation:router-think .8s infinite alternate}.pubsub-workspace[data-phase=deciding] .router-lights i:nth-child(2n){animation-delay:.25s}.feed-latest{position:relative;margin:16px 0 17px;padding:0 9px;font-size:9px;color:#72757d;background:#0a0a0a;transform:translate(59px)}.central-feed{width:100%;position:relative;background:#101112;border:1px solid #303237;border-radius:10px;overflow:hidden;box-shadow:0 16px 60px #0003}.feed-header{display:flex;justify-content:space-between;align-items:center;gap:12px;height:50px;padding:0 17px;border-bottom:1px solid #26282d;font-size:12px}.feed-header>span:first-child{display:flex;align-items:center;gap:9px}.feed-header i{width:7px;height:7px;border:1px solid #b0b3bb;border-radius:1px}.append-label{font-size:9px;color:#777b84}.message-log{height:clamp(265px,calc(100dvh - 540px),465px);min-height:265px;overflow:auto;padding:10px 12px;scrollbar-color:#373a42 transparent;scrollbar-width:thin}.message-log:focus-visible{outline:1px solid #666;outline-offset:-3px}.feed-empty{height:100%;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.feed-empty-icon{display:flex;gap:16px;color:#777f8d;font-size:26px;margin-bottom:12px}.feed-empty-icon span{color:#515965}.feed-empty p{font-size:12px;color:#d0d2d7;margin:8px 0 10px}.feed-empty>span{font-size:10px;color:#747881;line-height:1.7}.feed-message{position:relative;border:1px solid transparent;border-radius:6px;padding:13px 11px;margin-bottom:5px;transition:background .2s,border-color .2s}.feed-message.selected{background:#191b20;border-color:#363a44}.feed-message[data-status=routing]{border-color:#777b87}.message-header{display:flex;align-items:center;gap:8px;color:#8f939e;font-size:10px}.message-select{border:0;background:none;color:#bcc1cd;padding:0;font-size:10px}.message-select:disabled{opacity:1;cursor:default}.message-header time{margin-left:auto;font-size:9px;color:#666b77}.message-text{font-size:12px;line-height:1.75;margin:9px 0 11px;color:#dedfe4;white-space:pre-wrap;overflow-wrap:anywhere}.message-routing{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;color:#9398a3;line-height:1.7}.message-pending{color:#969cac}.message-route-arrow{color:#767c88;margin-right:3px}.route-recipient{display:inline-flex;align-items:center;gap:5px;padding:1px 5px;font-size:9px;color:var(--agent);border-radius:3px;background:color-mix(in srgb,var(--agent) 7%,transparent)}.route-recipient i{width:3px;height:3px;border-radius:50%;background:var(--agent)}.message-failure{color:#eead9f;overflow-wrap:anywhere}.route-retry{background:#31231f;color:#f2c4b9;border:1px solid #5b3b33;border-radius:3px;padding:3px 8px;font-size:10px}.route-examples{display:flex;flex-wrap:wrap;gap:6px;padding:13px 15px;border-top:1px solid #24262b;background:#111214}.route-examples button{font-size:10px;padding:5px 7px;border:1px solid #303239;border-radius:4px;color:#a1a5af;background:#17181c}.route-examples button:hover,.route-examples button[aria-pressed=true]{background:#282b32;color:#f1f1f3;border-color:#606674}.route-composer{background:#15161a;border-top:1px solid #2c2e34;padding:13px 15px}#route-message{width:100%;min-height:71px;max-height:180px;resize:vertical;background:none;border:0;padding:3px 1px;color:#e0e2e8;font-size:12px;line-height:1.7}#route-message::placeholder{color:#707580}#route-message:focus-visible{outline:none}.route-composer:focus-within{box-shadow:inset 0 0 0 1px #676e80}.route-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}#route-message-length{font-size:9px;color:#777e8b}#route-send{display:flex;gap:20px;align-items:center;border:1px solid #e2e4e9;padding:8px 12px;background:#e8e9ed;color:#18191c;border-radius:5px;font-size:11px}#route-send span{color:#6a6d75}#route-send:disabled{opacity:.4;cursor:default}.route-input-error{font-size:11px;line-height:1.6;color:#f0b4a5;margin-top:10px}.agent-column{display:flex;flex-direction:column;gap:24px;padding-top:125px}.route-agent{border:1px solid #282b30;border-radius:8px;background:#101112;padding:17px;min-width:0;position:relative;transition:border-color .3s,box-shadow .3s}.route-agent.is-recipient{border-color:color-mix(in srgb,var(--agent) 52%,#282b30);box-shadow:0 0 24px color-mix(in srgb,var(--agent) 5%,transparent)}.route-agent.is-working{animation:agent-receive .75s ease-in-out infinite alternate}.agent-heading{display:flex;align-items:center;gap:9px}.agent-avatar{display:grid;place-items:center;width:28px;height:28px;background:color-mix(in srgb,var(--agent) 9%,transparent);color:var(--agent);border:1px solid color-mix(in srgb,var(--agent) 20%,#222);border-radius:6px}.agent-avatar svg{width:15px;height:15px}.agent-heading h2{margin:0;font-size:12px;font-weight:500}.agent-state{font-size:8px;color:#777e8a;margin-left:auto;text-align:right}.is-recipient .agent-state{color:var(--agent)}.agent-context{color:#a2a5ad;font-size:10px;line-height:1.8;margin:14px 0 10px;min-height:36px}.agent-focus{display:flex;gap:8px;align-items:baseline;font-size:9px;line-height:1.7}.agent-focus>span:first-child{color:#707781;font-size:8px;letter-spacing:.07em}.agent-focus>span:last-child{color:var(--agent);opacity:.85}.agent-policy{color:#808895;font-size:9px;margin-top:9px}.agent-policy summary{cursor:pointer;width:fit-content}.agent-policy p{line-height:1.8;margin:10px 0 0;color:#a3aab6}.agent-routing{padding:14px 0;margin-top:12px;border-top:1px solid #24272c}.agent-routing-label{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#717987}.agent-outcome{font-weight:400;font-size:10px;color:#a2a8b3}.is-recipient .agent-outcome{color:var(--agent)}.agent-probability{color:#b1b7c3;font-variant-numeric:tabular-nums}.agent-probability-track{margin-top:9px;height:3px;border-radius:2px;background:#262930;overflow:hidden}.agent-probability-fill{display:block;width:0;height:100%;background:var(--agent);opacity:.75;transition:width .4s}.is-skipped .agent-probability-fill{opacity:.3}.agent-inbox-heading{display:flex;justify-content:space-between;color:#6d7581;font-size:8px;letter-spacing:.04em}.agent-tally{color:#868e9b;letter-spacing:0}.agent-inbox{height:30px;overflow:auto;margin-top:6px;scrollbar-width:thin;scrollbar-color:#333640 transparent}.agent-inbox-empty{font-size:9px;line-height:30px;color:#545d6b}.agent-inbox-item{display:flex;align-items:center;width:100%;border:0;border-radius:2px;padding:4px 2px;gap:8px;background:none;color:#777f8c;font-size:9px;text-align:left}.agent-inbox-item>span:first-child{color:var(--agent)}.agent-inbox-item>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.agent-inbox-item.selected{background:color-mix(in srgb,var(--agent) 7%,transparent);color:#c0c5cf}.agent-work{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #22252a;margin-top:9px;padding-top:10px;min-height:23px}.agent-work-label{font-size:8px;color:#687281;text-align:right}.agent-activity{display:flex;align-items:center;gap:3px;height:13px}.agent-activity i{width:3px;height:3px;background:#303640;border-radius:1px}.is-working .agent-activity i{background:var(--agent);animation:agent-work .6s calc(var(--i) * 55ms) infinite alternate}.is-working .agent-work-label{color:var(--agent)}.routing-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:16px 0;border-top:1px solid #25282e;color:#8e96a4;font-size:10px}.routing-state{display:flex;align-items:center;gap:8px}.routing-status-light{width:4px;height:4px;border-radius:50%;background:#858d9d;flex-shrink:0}.pubsub-workspace[data-phase=deciding] .routing-status-light{animation:router-think .7s infinite alternate}.routing-stats{display:flex;gap:25px;flex-shrink:0;font-variant-numeric:tabular-nums}.routing-stats strong{font-weight:400;color:#d8dde5}.routing-note{display:flex;justify-content:space-between;gap:20px;color:#555d6b;font-size:9px;line-height:1.7}@keyframes router-think{0%{opacity:.3}to{opacity:1;background:#ededed}}@keyframes agent-work{0%{height:3px;opacity:.4}to{height:13px;opacity:1}}@keyframes agent-receive{0%{box-shadow:0 0 0 transparent}to{box-shadow:0 0 22px color-mix(in srgb,var(--agent) 13%,transparent)}}@media(min-width:1450px){.routing-stage{gap:78px}}@media(max-width:1150px){.pubsub-workspace{padding-left:22px;padding-right:22px}.routing-stage{gap:46px;grid-template-columns:minmax(180px,1fr) minmax(315px,1.6fr) minmax(180px,1fr)}.route-agent{padding:13px}.agent-heading{gap:7px;flex-wrap:wrap}.agent-state{flex-basis:100%;text-align:left;padding-left:35px;margin-top:-5px}}@media(max-width:920px){.routing-stage{grid-template-columns:1fr 1fr;gap:18px}.routing-center{grid-column:1 / -1;order:-1}.central-feed{max-width:620px}.routing-wires{display:none}.feed-latest{transform:none}.agent-column{display:contents}.route-agent{padding:17px}.agent-state{flex-basis:auto;padding-left:0;margin-top:0;text-align:right}.agent-context{min-height:54px}.message-log{height:310px}.routing-note{flex-direction:column;gap:3px}}@media(max-width:680px){.topbar{column-gap:20px}.prototype-tabs{gap:16px}.pubsub-workspace{padding:0 14px 20px}.pubsub-toolbar{min-height:80px;gap:8px;align-items:flex-start;justify-content:center;flex-direction:column}.pubsub-mode{font-size:10px}.routing-footer{align-items:flex-start;flex-direction:column;gap:14px}.routing-stats{width:100%;justify-content:space-between}.route-agent{padding:12px}.agent-heading{flex-wrap:wrap}.agent-state{flex-basis:100%;text-align:left;padding-left:0;margin-top:1px}.agent-heading h2{font-size:10px}.agent-avatar{width:23px;height:23px}.agent-context{min-height:0}.agent-focus{display:block}.agent-focus>span:first-child{display:block;margin-bottom:3px}.agent-routing-label{flex-wrap:wrap;row-gap:5px}.agent-routing-label>span{margin-left:auto}.agent-work{flex-wrap:wrap}.routing-stage{gap:12px}#route-message{font-size:16px}}@media(max-width:440px){.prototype-tabs{width:100%;justify-content:space-between;gap:10px}.prototype-tabs button{min-height:43px}.topbar{gap:0}.topbar .brand{min-height:43px}.feed-header{padding:0 13px}.route-examples,.route-composer{padding-left:12px;padding-right:12px}.message-log{padding:8px}.agent-heading{gap:6px}.agent-state{font-size:8px}.agent-work-label{font-size:7px}}@media(prefers-reduced-motion:reduce){.pubsub-workspace *,.pubsub-workspace *:before,.pubsub-workspace *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}