#app-shell .page-header {margin-bottom:8px}
#app-shell .page-header .global-pilot-actions:empty{display:none}
.bridge-control-strip {display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 14px 12px;padding:6px 8px;border:1px solid #573b49;border-radius:10px;background:linear-gradient(110deg,#30202bb0,#1b1820cc);box-shadow:inset 0 1px #c0a5ea16}
#app-shell .bridge-control-strip :is(button,summary) {position:static;display:inline-flex;align-items:center;gap:6px;width:auto;min-height:32px;margin:0;padding:5px 9px;border:1px solid #634353;border-radius:7px;background:#241c27;color:#e7dce8;font-size:11px;line-height:1.3;white-space:nowrap}
#app-shell .bridge-control-strip :is(button,summary):hover{background:#442738;border-color:#b56780}
.bridge-control-strip svg{width:16px;height:16px;flex:none}
#app-shell .bridge-control-strip .cq-workspace-menu{position:relative;margin:0}
#app-shell .bridge-control-strip .cq-workspace-menu-body{top:calc(100% + 8px);right:auto;left:0;min-width:240px;z-index:30;padding:14px}
#app-shell[data-view] #agent-slots{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'pilot';justify-items:center;align-items:center;margin:0!important;padding:46px 0 42px;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none}
#app-shell #agent-slots::before{display:none}
#app-shell[data-view] #agent-slots .cockpit-position{grid-area:pilot;display:block;justify-self:center;width:min(600px,calc(100vw - 150px));height:auto;margin:0;pointer-events:auto}
#app-shell[data-view] .agent-slot.orchestration-substrate{display:block;width:100%;min-height:0;height:auto;padding:9px 12px;border:3px double var(--red-light);border-radius:3px 12px 3px 12px;background:#382333b8;box-shadow:none;text-align:center;pointer-events:auto}
.substrate-heading{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;padding-inline:18px;color:#f3e5ed;font-size:13px;line-height:1.2;white-space:nowrap;text-align:center}
.substrate-heading svg{width:22px;height:22px;flex:none}
#app-shell .substrate-heading .agent-role-badge{display:inline-block;padding:2px 5px;border:1px solid var(--red-light);border-radius:2px;background:#641f3a;color:white;font-size:9px}
.substrate-open-mark{position:absolute;right:0;color:#c0a5ea}
.substrate-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}
.substrate-seat{display:grid;grid-template-columns:19px minmax(0,1fr) 19px;justify-items:center;gap:2px 5px;padding:4px 6px;min-width:0;border-left:1px solid #b5678038;font-size:11px;line-height:1.3;color:#ded3df;text-align:center}
.substrate-seat:first-child{border-left:0}
.substrate-seat strong{grid-column:2;max-width:100%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.substrate-seat .agent-provider-mark{position:static;display:inline-grid;width:18px;height:18px;grid-row:1;grid-column:1}
.substrate-seat .agent-provider-mark :is(svg,img){width:18px;height:18px;object-fit:contain}
.substrate-seat :is(.substrate-state,time){grid-column:1/-1;max-width:100%;color:#c2b4c4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-harness-light=custom] :is(.pilot-appearance-overlay,.connector-light){filter:var(--harness-light-filter)}
html[data-harness-light=custom] #app-shell .orchestration-substrate{border-color:color-mix(in srgb,var(--harness-light-color) calc(min(1,var(--harness-light-strength))*100%),#473044);background:linear-gradient(var(--harness-light-tint),var(--harness-light-tint)),#281e29;box-shadow:0 0 24px var(--harness-light-tint)}
#app-shell .assignment-flow-key {display:flex;align-items:center;justify-content:center;gap:6px 12px;flex-wrap:wrap;margin:6px auto 10px;padding:6px 12px;font-size:10px;border:0;background:transparent}
.bead-legend-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#c9bdcc;font-variant-numeric:tabular-nums}
.bead-legend-item i{width:6px;height:6px;border-radius:50%}
#assignment-flow-note{font-size:10px;color:#a99eae}
#agent-flow[data-bead-renderer] {pointer-events:none;overflow:clip}
#agent-flow[data-bead-renderer] .exo-bead:is(:hover,:focus-visible){outline:1px solid #fff;outline-offset:4px;z-index:5}
.bridge-bead-tip{position:fixed;z-index:1000;max-width:min(420px,calc(100vw - 16px));padding:9px 12px;border:1px solid #a46a83;border-radius:8px;background:#211b27f5;box-shadow:0 8px 24px #0008;color:#f4e7f0;font-size:12px;pointer-events:none}
.bridge-dialog{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:auto;border:1px solid #925368;border-top:2px solid #c42d4c;border-radius:16px;background:linear-gradient(140deg,#261e29f8,#16181dfc 55%,#211b29fc);color:#f0eeef;box-shadow:0 24px 80px #000a,inset 0 1px #c0a5ea33;backdrop-filter:blur(18px)}
.bridge-dialog::backdrop{background:#0b0812a8;backdrop-filter:blur(6px)}
.bridge-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:2;padding:16px 20px;border-bottom:1px solid #573b49;background:#211b27f5}
.bridge-dialog-head h2{margin:0;font-size:19px;color:#edc8da}
.bridge-dialog-close{border:1px solid #634353;border-radius:8px;background:#30212f;color:#eee;min-width:36px;min-height:36px;font-size:20px;padding:2px 9px}
.bridge-dialog-body{padding:20px;line-height:1.6;font-size:13px;overflow-wrap:anywhere}
.bridge-dialog-body h3{margin:16px 0 6px;font-size:14px;color:#e6bed5}
.bridge-dialog-body p{margin:8px 0;white-space:pre-wrap}
.bridge-dialog-body pre{white-space:pre-wrap;font:inherit;background:#13131880;padding:12px;border-radius:8px}
.bridge-dialog-intro{color:#c7baca}
.substrate-tabs{display:flex;gap:6px;margin:18px 0}
.substrate-tabs button{padding:7px 16px;border:1px solid #573b49;background:#1d1923;color:#cbbfd1;border-radius:8px}
.substrate-tabs [aria-selected=true]{color:#f8e7f1;border-color:#b56780;background:linear-gradient(100deg,#601e39,#382237)}
.substrate-tab-panel{min-height:230px}
.substrate-seat-detail{padding:0 12px 10px;border:1px solid #573b49;border-radius:10px;margin:9px 0;background:#201b2580}
.bridge-fact{display:grid;grid-template-columns:minmax(100px,24%) minmax(0,1fr);gap:14px;margin:7px 0}
.bridge-fact dt{color:#b1a3b8;font-size:12px}
.bridge-fact dd{margin:0;color:#efe7ef}
.substrate-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;list-style:none;counter-reset:flow;padding:8px 0}
.substrate-flow li{position:relative;counter-increment:flow;padding:12px 12px 12px 34px;border:1px solid #684353;border-radius:9px;background:#30212e80}
.substrate-flow li::before{content:counter(flow);position:absolute;left:10px;color:#ff99ac}
.substrate-flow li:not(:last-child)::after{content:'→';position:absolute;right:-21px;top:12px;color:#c0a5ea}
.substrate-flow li:nth-child(3n)::after{content:'↓';right:12px;top:auto;bottom:-20px}
.substrate-flow :is(strong,span){display:block}.substrate-flow span{font-size:11px;color:#c1b3c6;margin-top:4px}
.substrate-rules{padding-left:20px}.substrate-rules li{margin:12px 0}
.bridge-unwired{border-left:2px solid #c0a5ea;padding:7px 12px;color:#d4c2e6}
.substrate-event{border-bottom:1px solid #573b49;padding:12px 0}.substrate-event small{color:#b9a4c6}
.bridge-ready-room{width:100%;height:65vh;border:1px solid #573b49;border-radius:10px;margin-top:14px}
.bridge-room-link{display:inline-block;padding:8px 12px;border:1px solid #925368;border-radius:8px}
.harness-light-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.harness-light-controls label{display:grid;gap:6px;font-size:12px}
.harness-light-controls input[type=color]{width:64px;height:36px;padding:3px;min-height:36px}
.harness-light-controls input[type=range]{width:180px;padding:0;accent-color:#c42d4c}
.harness-light-controls p{flex-basis:100%}
@media(min-width:2400px){
  #app-shell main{max-width:none;width:96vw;margin-inline:auto}
  #app-shell .page-header h1{font-size:clamp(25px,.8vw,34px)}
  #app-shell .brand-taglines{font-size:clamp(14px,.45vw,20px)}
  #particle-controls,#particle-controls[open],#particle-controls[data-studio-design=true]{width:72vw;max-width:2400px}
  #particle-controls[data-studio-design=true]>.particle-controls-body{max-width:none}
  #app-shell[data-view] #agent-slots .cockpit-position{width:min(850px,calc(100vw - 150px))}
  #app-shell .orchestration-substrate{padding:14px 18px}
  .substrate-heading{font-size:20px}.substrate-heading svg{width:30px;height:30px}
  .substrate-seat strong{font-size:16px}.substrate-seat :is(.substrate-state,time){font-size:14px}.substrate-seat{grid-template-columns:25px minmax(0,1fr) 25px;padding:7px}
  #app-shell .assignment-flow-key,#assignment-flow-note{font-size:14px}.bead-legend-item i{width:8px;height:8px}
  .exo-bridge-band{font-size:18px}.exo-bridge-panel{width:100%;max-width:none;padding:16px 20px}
  .exo-bridge-band :is(.exo-bridge-kicker,.exo-bridge-meta,.exo-bridge-job-title,.exo-bridge-shown,.exo-bridge-value){font-size:16px}
  .exo-bridge-band .exo-bridge-num{font-size:25px}
  #app-shell .bridge-control-strip :is(button,summary){font-size:14px;min-height:40px}
  .bridge-dialog{width:min(1100px,80vw)}.bridge-dialog-body{font-size:18px}.bridge-dialog-head h2{font-size:26px}.bridge-fact dt,.bridge-dialog-body h3{font-size:17px}.substrate-flow span{font-size:15px}
}
@media(max-width:700px){
  #app-shell[data-view] #agent-slots .cockpit-position{width:calc(100vw - 76px)}
  #app-shell[data-view] .agent-slot.orchestration-substrate{padding:7px}
  .substrate-heading{font-size:11px;gap:4px}.substrate-heading svg{width:18px;height:18px}
  .substrate-seats{gap:1px}.substrate-seat{display:flex;flex-direction:column;gap:3px;padding:4px 3px}
  .substrate-seat strong{font-size:9px}.substrate-seat :is(.substrate-state,time){font-size:9px}.substrate-seat .agent-provider-mark{display:none}
  .bridge-control-strip{margin:0 8px 8px;gap:4px}#app-shell .bridge-control-strip :is(button,summary){font-size:10px;padding:5px 6px}
  .substrate-flow{grid-template-columns:1fr;gap:18px}.substrate-flow li:not(:last-child)::after{content:'↓';right:12px;top:auto;bottom:-22px}
  .bridge-dialog-body{padding:14px}.substrate-tabs button{padding:6px 10px}.bridge-fact{grid-template-columns:95px minmax(0,1fr);gap:8px}
}
@media(prefers-reduced-motion:reduce){#agent-flow[data-bead-renderer] .exo-bead{display:block} .bridge-dialog::backdrop{backdrop-filter:none}}
@media(forced-colors:active){.bridge-dialog,.orchestration-substrate,.bridge-control-strip{background:Canvas;color:CanvasText;border-color:CanvasText}.exo-bead{display:none!important}}

#particle-controls[data-studio-design=true] .studio-color-group{display:none}
#particle-controls label:has(#particle-density){display:none}
#app-shell .assignment-flow-key{margin-inline:auto}
html:not([data-harness-light]) .orchestration-substrate{filter:none}


.bridge-agents-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.bridge-agents-head,.bridge-agents-foot{display:flex;align-items:center;justify-content:space-between;gap:8px 18px;flex-wrap:wrap}
.bridge-agents-head h2{margin:0;color:#e6bed5;font-size:13px;font-weight:600}
.bridge-agents-summary,.bridge-agents-foot{font-size:10px;color:#bfb1c6}
.bridge-agent-families{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.bridge-agent-family{display:grid;gap:2px;min-width:0;text-align:center;padding:5px 6px;border:1px solid #3b3038;border-radius:7px;background:linear-gradient(135deg,#201c21,#1b1c20);cursor:help}
.bridge-agent-family strong{font-size:11px;font-weight:500;color:#eaddeb}
.bridge-agent-family small{font-size:10px;color:#a99caf}
.bridge-agent-family .exo-bridge-kicker{grid-column:auto}
.bridge-agent-jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:142px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#805269 #1b1820;scrollbar-width:thin;padding:1px 5px 1px 0;scroll-padding:3px}
#app-shell .bridge-agent-job{display:grid;gap:2px;min-width:0;width:100%;margin:0;padding:7px 9px;background:#221c2580;border:1px solid #49323f;border-radius:7px;text-align:left;font:inherit;line-height:1.3;color:#e1d3e4;cursor:pointer}
#app-shell .bridge-agent-job:hover{border-color:#ba7490;background:#342334}
.bridge-agent-job-seat{display:flex;justify-content:space-between;gap:8px;min-width:0}
.bridge-agent-job-seat strong{font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bridge-agent-job time{flex:none;font-size:10px;color:#c0a5ea;font-variant-numeric:tabular-nums}
.bridge-agent-job-model,.bridge-agent-job-title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px;color:#bca9c5}
.bridge-agent-job-title{color:#e2d7e7}
.bridge-agents-foot small{font-size:10px}.bridge-agent-lanes{font-size:10px;color:#c0a5ea}
.bridge-agent-job:focus-visible,.bridge-agent-family:focus-visible,.bridge-agent-jobs:focus-visible{outline:2px solid #c0a5ea;outline-offset:2px}
@media(min-width:2400px){
 .bridge-agents-head h2{font-size:20px}
 .bridge-agents-summary,.bridge-agents-foot small,.bridge-agent-lanes,.bridge-agent-family small{font-size:14px}
 .bridge-agent-family strong{font-size:17px}.bridge-agent-family{padding:9px}
 .bridge-agent-jobs{max-height:204px;gap:9px}
 #app-shell .bridge-agent-job{padding:10px 12px}
 .bridge-agent-job-seat strong,.bridge-agent-job time,.bridge-agent-job-model,.bridge-agent-job-title{font-size:14px}
}
@media(max-width:800px){.bridge-agent-families{grid-template-columns:repeat(4,minmax(0,1fr))}.bridge-agent-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.bridge-agent-families{grid-template-columns:repeat(2,minmax(0,1fr))}.bridge-agent-jobs{grid-template-columns:minmax(0,1fr)}.substrate-heading{white-space:normal}}


#app-shell #agents-overview{position:relative;z-index:0;isolation:isolate}
#app-shell [data-exo-bridge-slot]{position:relative;z-index:3}
.exo-bridge-panel{position:relative}

:is(#exo-bridge-above,#exo-bridge-below) .exo-bridge-panel::after{content:'';position:absolute;left:24px;right:24px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#a88bce80,#d15a7daa,transparent);box-shadow:0 1px 6px #b0447455;pointer-events:none}
.exo-bridge-brand{align-items:center;justify-content:center;min-width:40px}
.exo-bridge-brand .chat-emblem{display:inline-flex;align-items:center;justify-content:center;margin:0;width:36px;height:36px}
.exo-bridge-brand .chat-emblem svg{display:block;width:100%;height:100%}

.exo-bridge-tally,.exo-bridge-chip{grid-template-columns:minmax(0,1fr);justify-items:stretch;text-align:center}
:is(.exo-bridge-tally,.exo-bridge-chip)>:is(.exo-bridge-kicker,.exo-bridge-num,.exo-bridge-shown,.exo-bridge-meta,.exo-bridge-bar){grid-column:1/-1;text-align:center}

html[data-wormhole-opacity=custom] .agent-conduit>.agent-portal-layer{opacity:var(--wormhole-opacity)}
html[data-wormhole-opacity=custom] #agent-flow[data-bead-renderer]{opacity:calc(var(--bead-brightness,.81)*var(--wormhole-opacity))!important}
html[data-wormhole-opacity=custom] .conduit-backdrop{opacity:calc(.25*var(--wormhole-opacity))}
html[data-wormhole-opacity=custom] .conduit-backdrop[data-depth-composing=true]{opacity:calc(.08*var(--wormhole-opacity))}
html[data-wormhole-opacity=custom] .conduit-ambient-backdrop{opacity:calc((.13 + .22*var(--ambient-scroll-progress,0))*var(--wormhole-opacity))}
html[data-wormhole-opacity=custom] .conduit-ambient-backdrop[data-depth-composing=true]{opacity:calc((.07 + .08*var(--ambient-scroll-progress,0))*var(--wormhole-opacity))}
@media(min-width:2400px){.exo-bridge-brand .chat-emblem{width:52px;height:52px}}
@media(max-width:650px){
 html[data-wormhole-opacity=custom] .conduit-backdrop{opacity:calc(.18*var(--wormhole-opacity))}
 html[data-wormhole-opacity=custom] .conduit-ambient-backdrop{opacity:calc((.10 + .18*var(--ambient-scroll-progress,0))*var(--wormhole-opacity))}
 html[data-wormhole-opacity=custom] .conduit-ambient-backdrop[data-depth-composing=true]{opacity:calc((.05 + .07*var(--ambient-scroll-progress,0))*var(--wormhole-opacity))}
}


.bridge-section-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.bridge-section-head h2{margin:0;color:#c6b5cb;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
#app-shell .bridge-section-toggle{display:inline-grid;place-items:center;width:26px;min-width:26px;height:24px;min-height:24px;margin:0 0 0 auto;padding:0;border:1px solid #573b49;border-radius:6px;background:#241c2740;color:#d4bfdc;font:20px/1 system-ui;letter-spacing:0;text-transform:none;cursor:pointer}
#app-shell .bridge-section-toggle:hover{background:#442738;border-color:#b56780}
.bridge-dashboard-section{min-width:0}
.bridge-dashboard-section[data-collapsed=true]{display:flex;align-items:center;gap:10px}
.bridge-dashboard-section[data-collapsed=true] .bridge-section-head{display:contents}
.bridge-dashboard-section[data-collapsed=true] .bridge-section-head h2{flex:none}
.bridge-dashboard-section[data-collapsed=true] .bridge-section-toggle{order:3}
.bridge-dashboard-section[data-collapsed=true] .exo-bridge-row{flex:1;min-width:0;gap:6px}
.bridge-dashboard-section[data-collapsed=true] :is(.exo-bridge-tally,.exo-bridge-chip){display:flex;align-items:center;justify-content:center;flex:1 1 auto;gap:5px;min-width:0;max-width:none;padding:4px 6px;border-color:transparent;background:transparent}
.bridge-dashboard-section[data-collapsed=true] :is(.exo-bridge-num,.exo-bridge-shown){font-size:12px}
.bridge-dashboard-section[data-collapsed=true] .exo-bridge-tally .exo-bridge-meta,
.bridge-dashboard-section[data-collapsed=true] .exo-bridge-bar{display:none}
.bridge-dashboard-section[data-collapsed=true] .exo-bridge-chip .exo-bridge-meta{font-size:9px}
#exo-bridge-above[data-collapsed=true] .exo-bridge-seat{display:flex;align-items:center;gap:6px;min-width:0;max-width:none;padding:4px 7px;background:transparent;border-color:transparent;flex:1 1 auto}
#exo-bridge-above[data-collapsed=true] .exo-bridge-seat .exo-bridge-meta,
#exo-bridge-above[data-collapsed=true] :is(.exo-bridge-job-meta,.exo-bridge-job-title,.exo-bridge-flag){display:none}
#exo-bridge-above[data-collapsed=true] .exo-bridge-job{flex:0 1 auto;padding:4px 7px;min-width:0;background:transparent;border-color:transparent}
#exo-bridge-above[data-collapsed=true] .exo-bridge-job-text{display:block}
#exo-bridge-above[data-collapsed=true] .exo-bridge-job-id{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exo-bridge-seat[role=button]{cursor:pointer}
.bridge-agents-content{display:grid;gap:8px;min-width:0}
.bridge-agents-head{flex-wrap:nowrap}
.bridge-agents-head .bridge-agents-summary{margin-left:auto}
#exo-bridge-agents[data-collapsed=true] .bridge-agents-panel{display:flex;align-items:center;gap:10px;padding-block:6px;flex-wrap:nowrap}
#exo-bridge-agents[data-collapsed=true] .bridge-agents-head{display:contents}
#exo-bridge-agents[data-collapsed=true] .bridge-agents-head h2{font-size:11px;flex:none}
#exo-bridge-agents[data-collapsed=true] .bridge-agents-summary{order:1;margin:0;flex:none}
#exo-bridge-agents[data-collapsed=true] .bridge-section-toggle{order:3}
#exo-bridge-agents[data-collapsed=true] .bridge-agents-content{display:block;flex:1;min-width:0}
#exo-bridge-agents[data-collapsed=true] :is(.bridge-agent-jobs,.bridge-agents-foot,.bridge-agent-family small){display:none}
#exo-bridge-agents[data-collapsed=true] .bridge-agent-family{display:flex;justify-content:center;align-items:center;gap:5px;padding:2px;border:0;background:transparent}
#exo-bridge-agents[data-collapsed=true] .bridge-agent-family :is(strong,.exo-bridge-kicker){font-size:10px;white-space:nowrap}
#exo-bridge-agents[data-collapsed=true] .bridge-agent-families{gap:4px}
@media(min-width:2400px){
 .bridge-section-head h2{font-size:14px}
 #app-shell .bridge-section-toggle{width:34px;height:30px;font-size:24px}
 .bridge-dashboard-section[data-collapsed=true] :is(.exo-bridge-num,.exo-bridge-shown){font-size:17px}
 .bridge-dashboard-section[data-collapsed=true] .exo-bridge-chip .exo-bridge-meta{font-size:13px}
 #exo-bridge-agents[data-collapsed=true] .bridge-agents-head h2{font-size:16px}
 #exo-bridge-agents[data-collapsed=true] .bridge-agent-family :is(strong,.exo-bridge-kicker){font-size:14px}
}
@media(max-width:1000px){
 #exo-bridge-agents[data-collapsed=true] .bridge-agent-families{display:flex;flex-wrap:wrap;justify-content:center}
 #exo-bridge-agents[data-collapsed=true] .bridge-agents-summary{display:none}
}
@media(max-width:650px){
 .bridge-dashboard-section[data-collapsed=true]{flex-wrap:wrap}
 .bridge-dashboard-section[data-collapsed=true] .exo-bridge-row{flex-basis:85%}
 #exo-bridge-above[data-collapsed=true] .exo-bridge-job{display:none}
 #exo-bridge-above[data-collapsed=true] .exo-bridge-seat{flex-basis:100%;padding-block:1px}
 #exo-bridge-agents[data-collapsed=true] .bridge-agents-panel{flex-wrap:wrap}
 #exo-bridge-agents[data-collapsed=true] .bridge-agents-content{flex-basis:85%}
}


#app-shell .page-heading{position:relative;padding-left:44px}
.bridge-header-logo{position:absolute;left:0;top:0;width:34px;height:38px;fill:none;stroke:none}
@media(min-width:2400px){#app-shell .page-heading{padding-left:64px}.bridge-header-logo{width:48px;height:56px}}


.substrate-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.substrate-heading>svg{justify-self:end}
.substrate-heading>strong{grid-column:2;text-align:center}
#app-shell .substrate-heading .agent-role-badge{grid-column:3;justify-self:start}



html,body,#app-shell,#app-shell>main{width:100%;max-width:none;min-width:0}
body{overflow-x:hidden}
#app-shell{display:block;margin:0}
#app-shell>main{box-sizing:border-box;margin:0;padding:22px clamp(16px,2.2vw,84px) 36px;background:transparent}
#app-shell .page-header{width:100%;margin-bottom:10px}
#app-shell .brand-taglines,#app-shell #pilot-chat-open{display:none!important}
#app-shell .page-heading{padding-left:42px}
#app-shell .page-header h1{font-size:24px;line-height:1.2;letter-spacing:-.02em}


#exo-bridge-agents{padding:0;margin:0 0 4px}
#exo-bridge-agents .bridge-agents-panel{position:relative;display:block;width:100%;max-width:none;margin:0;padding:5px 46px 5px 10px;border:1px solid #4a3544;border-top-width:1px;border-radius:10px;background:linear-gradient(100deg,#211b24cc,#17191db8);box-shadow:none}
#exo-bridge-agents .bridge-agents-head{position:absolute;inset:0 7px 0 auto;display:flex;align-items:center;z-index:4;pointer-events:none}
#exo-bridge-agents .bridge-agents-head .bridge-section-toggle{pointer-events:auto}
#exo-bridge-agents .bridge-agents-content{display:block;min-width:0}
#exo-bridge-agents[data-collapsed=true] .bridge-agents-content{display:none!important}
#exo-bridge-agents .bridge-agent-families{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%}
#app-shell #exo-bridge-agents .bridge-agent-family{display:grid;grid-template-columns:7px auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:30px;padding:4px 8px;border:1px solid #44323f;border-radius:7px;background:#211d24a8;text-align:left;cursor:help}
#app-shell #exo-bridge-agents .bridge-agent-family:hover{border-color:#8f6079;background:#30232e}
.bridge-family-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--family-color,#c8cdd6);box-shadow:0 0 7px var(--family-color,#c8cdd6)}
.bridge-family-name{min-width:0;color:#c8bbc9;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
#app-shell #exo-bridge-agents .bridge-family-count{justify-self:end;color:#f4edf4;font-size:16px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums}
.bridge-agent-family[data-family=Claude]{--family-color:#edac91}
.bridge-agent-family[data-family=GPT]{--family-color:#f0f1f5}
.bridge-agent-family[data-family=Review]{--family-color:#e5c47f}
.bridge-agent-family[data-family=Support]{--family-color:#d5dae4}
.bridge-agent-family[data-family=Gemini]{--family-color:#bdc2ff}
.bridge-agent-family[data-family=Tools]{--family-color:#c8c1ff}
.bridge-agent-family[data-family=House]{--family-color:#93f2cb}


#app-shell #agents-overview{--portal-width:clamp(190px,20%,600px);position:relative;z-index:0;isolation:isolate;width:100%;margin:0 0 2px;padding:0}
#app-shell .agent-conduit{position:relative;width:100%;min-height:176px;padding:0}
#app-shell .agent-conduit>.agent-portal-layer{z-index:0;opacity:.96}
#app-shell .agent-conduit>.agent-portal-layer .agent-funnel{opacity:.94}
#app-shell[data-view] #agent-slots{width:100%;max-width:none;margin-inline:0!important;padding:64px 0 58px}
#app-shell[data-view] #agent-slots .cockpit-position{width:min(560px,calc(100% - 48px))}
#app-shell .orchestration-substrate{position:relative;z-index:2;min-height:48px;padding:13px 18px;background:#382333c9;backdrop-filter:blur(4px)}
#app-shell .substrate-heading strong{font-size:15px;font-weight:650;letter-spacing:.01em}
#app-shell .substrate-seats{display:none!important}
#agent-flow[data-bead-renderer]{z-index:1;visibility:visible}
#app-shell .assignment-flow-key{min-height:26px;margin:0 auto 8px;padding:3px 8px;color:#a99eae}
#app-shell .assignment-flow-key>strong{font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#9d8ea2}
#app-shell .bead-legend-item{font-size:10px;color:#c9bdcc}
#assignment-flow-note{display:none!important}
.conduit-ambient-backdrop{opacity:calc(.20 + .20 * var(--ambient-scroll-progress,0))}


#exo-bridge-below{padding:0;margin:0 0 12px}
#exo-bridge-below .exo-bridge-panel{display:block;width:100%;max-width:none;padding:8px 10px;border:1px solid #493541;border-top-width:1px;border-radius:10px;background:linear-gradient(120deg,#1e1921c9,#17191db8);box-shadow:none}
#exo-bridge-below .exo-bridge-rows{gap:8px}
#exo-bridge-below .bridge-dashboard-section{min-width:0}
#exo-bridge-below .bridge-section-head{min-height:24px;margin:0 0 3px}
#exo-bridge-below .bridge-section-head h2{color:#a894ac;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
#exo-bridge-below .exo-bridge-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#app-shell #exo-bridge-below :is(.exo-bridge-tally,.exo-bridge-chip){display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;gap:2px;min-width:0;max-width:none;min-height:52px;padding:6px 8px;border:1px solid #3d303b;border-radius:7px;background:#211d24a8;text-align:center}
#app-shell #exo-bridge-below :is(.exo-bridge-kicker,.exo-bridge-num,.exo-bridge-shown,.exo-bridge-meta,.exo-bridge-bar){grid-column:1/-1;text-align:center}
#app-shell #exo-bridge-below .exo-bridge-kicker{color:#a894ac;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
#app-shell #exo-bridge-below .exo-bridge-num{color:#f5eef5;font-size:22px;font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums}
#app-shell #exo-bridge-below .exo-bridge-shown{color:#f1e9f2;font-size:15px;font-weight:620;line-height:1.2}
#app-shell #exo-bridge-below .exo-bridge-meta{color:#9e90a2;font-size:10px;font-weight:400;line-height:1.2}
#exo-bridge-below .bridge-dashboard-section[data-collapsed=true] .exo-bridge-row{display:none!important}
#exo-bridge-below .bridge-dashboard-section[data-collapsed=true] .bridge-section-head{margin:0}


#particle-controls,#particle-controls[open],#particle-controls[data-studio-design=true]{width:100%;max-width:none;margin:0 auto 18px}
#particle-controls[data-studio-design=true]>.particle-controls-body{max-width:none}
#particle-controls>summary>.muted{display:none}
#app-shell .exo-workbench{width:100%;max-width:none;margin:12px 0 0;grid-template-columns:minmax(210px,.85fr) minmax(420px,1.8fr) minmax(210px,.85fr)}
.exo-summary-card h3{color:#b49db0;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.exo-persona strong{color:#f0e4ee;font-size:16px;line-height:1.25}
.exo-points>li{color:#b8a7b5;font-size:11px}
.exo-voice figcaption,.exo-preference-state{color:#988895;font-size:9px}
#message-compose-scope,#message-save-options,#message-task-context,#pilot-send-options,#helm-quick-links,#preview-request,#message-access,#exo-upload-status{display:none!important}
#message-detail .message-saved>summary{color:#a894ac;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.chat-message-author{color:#b7a5b4;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.chat-message-time,.message-receipt{color:#91838f;font-size:10px}
.chat-save-status:empty{display:none}
#message-history>summary{color:#b7a5b4;font-size:11px}
#message-compose .chat-compose-input>button{font-weight:650}

@media(max-width:1100px){
 #app-shell #exo-bridge-agents .bridge-agent-families{grid-template-columns:repeat(4,minmax(0,1fr))}
 #app-shell .exo-workbench{grid-template-columns:minmax(0,1fr)}
 #exo-bridge-below .exo-bridge-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
 #app-shell>main{padding-inline:12px}
 #app-shell #exo-bridge-agents .bridge-agent-families{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app-shell #agents-overview{--portal-width:clamp(130px,36%,220px)}
 #app-shell[data-view] #agent-slots .cockpit-position{width:calc(100% - 30px)}
 #exo-bridge-below .exo-bridge-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 #app-shell .agent-conduit>.agent-portal-layer{opacity:.7}
}


#app-shell>main{--bridge-label:clamp(11px,.39vw,15px);--bridge-body:clamp(13px,.45vw,17px);--bridge-gap:clamp(10px,.6vw,22px)}
#app-shell .page-header h1{font-size:clamp(25px,1.05vw,40px);font-weight:650;text-shadow:none}
#exo-bridge-agents .bridge-agents-panel{padding:6px 48px 6px 10px;min-height:44px}
#exo-bridge-agents[data-collapsed=true] .bridge-agents-panel{min-height:38px;padding-block:0}
#app-shell #exo-bridge-agents .bridge-agent-family{display:flex;justify-content:center;gap:clamp(7px,.35vw,13px);min-height:30px;background:transparent;border-color:transparent}
#app-shell #exo-bridge-agents .bridge-family-name{font-size:var(--bridge-label);letter-spacing:.06em}
#app-shell #exo-bridge-agents .bridge-family-count{font-size:clamp(18px,.65vw,25px);min-width:2ch;text-align:center}
#exo-bridge-agents .bridge-section-toggle{min-height:30px}
#app-shell #agents-overview{--portal-width:clamp(210px,22%,820px)}
#app-shell .agent-conduit{min-height:clamp(220px,12vw,460px);display:grid;align-items:center}
#app-shell[data-view] #agent-slots{padding:clamp(72px,5vw,170px) 0}
#app-shell[data-view] #agent-slots .cockpit-position{width:min(clamp(500px,25vw,900px),calc(100% - 48px))}
#app-shell[data-view] .agent-slot.orchestration-substrate{padding:clamp(13px,.6vw,23px) 18px;backdrop-filter:none;background:linear-gradient(110deg,#382333ed,#241d2bed);border-width:1px;box-shadow:inset 0 1px #d68bb333}
#app-shell .substrate-heading strong{font-size:clamp(16px,.65vw,25px);font-weight:650;text-shadow:none}
#app-shell .substrate-heading .agent-role-badge{font-size:var(--bridge-label)}
#app-shell .assignment-flow-key{gap:8px clamp(12px,.6vw,24px);margin-block:4px 14px}
#app-shell .assignment-flow-key>strong,#app-shell .bead-legend-item{font-size:var(--bridge-label)}
#exo-bridge-below .exo-bridge-panel{padding:var(--bridge-gap);border-radius:12px}
#exo-bridge-below .exo-bridge-rows{gap:var(--bridge-gap)}
#exo-bridge-below .bridge-section-head{min-height:28px;margin-bottom:6px}
#exo-bridge-below .bridge-section-head h2{font-size:var(--bridge-label);letter-spacing:.12em}
#exo-bridge-below .exo-bridge-row{gap:var(--bridge-gap)}
#app-shell #exo-bridge-below :is(.exo-bridge-tally,.exo-bridge-chip){gap:5px;min-height:clamp(76px,3.3vw,126px);padding:12px;background:#211d2470;border-color:#62506460}
#app-shell #exo-bridge-below .exo-bridge-kicker{font-size:var(--bridge-label);color:#b7a6bd;letter-spacing:.09em}
#app-shell #exo-bridge-below .exo-bridge-num{font-size:clamp(28px,1.1vw,42px);font-weight:600;letter-spacing:-.035em;text-shadow:none}
#app-shell #exo-bridge-below .exo-bridge-shown{font-size:clamp(20px,.75vw,29px);font-variant-numeric:tabular-nums}
#app-shell #exo-bridge-below .exo-bridge-meta{font-size:var(--bridge-label);color:#ae9eb5}
#app-shell #exo-bridge-below .exo-bridge-bar{width:min(100%,180px);margin-top:5px}
#app-shell .exo-workbench{gap:var(--bridge-gap);align-items:stretch;min-height:0}
#app-shell .exo-workbench[data-size=full]{grid-template-columns:repeat(4,minmax(0,1fr))}
#app-shell .exo-workbench[data-size=compact]{min-height:0}
#app-shell .exo-workbench .chat-header h3{font-size:clamp(24px,.95vw,36px);font-weight:600;text-shadow:none;letter-spacing:-.025em}
#app-shell .exo-workbench .exo-summary-card h3{font-size:var(--bridge-label);color:#b7a6bd}
#app-shell .exo-workbench .exo-persona strong{font-size:clamp(16px,.6vw,23px)}
#app-shell .exo-workbench .exo-points>li{font-size:var(--bridge-body);line-height:1.5;color:#b8a7b5}
#app-shell .exo-workbench :is(.exo-voice figcaption,.exo-preference-state){font-size:var(--bridge-label)}
#app-shell .exo-workbench :is(.chat-compose-input textarea,.chat-compose-input>button,.message-bubble .prose){font-size:clamp(15px,.5vw,19px);line-height:1.55}
#app-shell .exo-workbench .chat-compose-input textarea{min-height:100px;max-height:280px}
#app-shell .exo-workbench :is(.chat-message-author,.chat-message-time,.message-receipt,.chat-save-status){font-size:var(--bridge-label)}
#app-shell .exo-workbench .message-bubble .prose{max-width:78ch;overflow-wrap:anywhere}
#app-shell .exo-workbench .exo-voice{display:none}
.exo-bridge-float-tip{max-width:min(440px,calc(100vw - 16px));max-height:calc(100vh - 32px);overflow:auto;font-size:clamp(12px,.4vw,15px);line-height:1.5;white-space:pre-line}
#app-shell :is(.bridge-agent-family,.bridge-section-toggle,.exo-bridge-tally,.exo-bridge-chip):focus-visible{outline:2px solid #d6b9ff;outline-offset:3px}
@media(min-width:1101px){#app-shell .exo-workbench[data-size=compact]{grid-template-areas:'left chat right'}}
@media(max-width:1100px){
 #app-shell .exo-workbench,#app-shell .exo-workbench[data-size=full]{grid-template-columns:minmax(0,1fr);grid-template-areas:'chat' 'left' 'right'}
 #app-shell .exo-workbench>.exo-side{display:flex;flex-direction:column}
 #app-shell .exo-workbench>.exo-side-left{grid-area:left}
 #app-shell .exo-workbench>.exo-side-right{grid-area:right}
 #app-shell .exo-workbench #pilot-chat-home{grid-area:chat}
}
@media(prefers-reduced-motion:reduce){#app-shell *,#app-shell *::before,#app-shell *::after{scroll-behavior:auto}}

#app-shell .page-heading{padding-left:clamp(44px,1.8vw,64px)}
html[data-wormhole-opacity=custom] #app-shell .agent-conduit>.agent-portal-layer{opacity:var(--wormhole-opacity)}
html[data-harness-light=custom] #app-shell[data-view] .agent-slot.orchestration-substrate{border-color:color-mix(in srgb,var(--harness-light-color) calc(min(1,var(--harness-light-strength))*100%),#473044);background:linear-gradient(var(--harness-light-tint),var(--harness-light-tint)),#281e29;box-shadow:0 0 24px var(--harness-light-tint)}


.pilot-appearance-overlay{display:none !important}

#app-shell #bridge-content-usage{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}

#exo-bridge-below:not([data-collapsed="true"]) #exo-bridge-below-live{display:block}
#exo-bridge-below:not([data-collapsed="true"]) #exo-bridge-below-live>.bridge-dashboard-section+.bridge-dashboard-section{margin-top:8px}

#app-shell #exo-bridge-agents .bridge-agent-family{grid-template-columns:auto auto minmax(0,1fr)}
.bridge-family-dots{display:inline-flex;align-items:center;gap:4px}
.bridge-family-helper{width:4px;height:4px}
.bridge-family-helper[hidden]{display:none}



#app-shell .page-heading{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;padding-left:0}
#app-shell .page-heading>.bridge-header-logo{position:static;flex:none;margin:0 0 8px}
#app-shell .page-heading>:is(.brand-taglines,#pilot-chat-open){flex-basis:100%}
@media(min-width:701px){#app-shell[data-navigation=top]:not([data-view=quarters]) .page-heading>.bridge-header-logo{transform:translateY(-8px)}}
@media(min-width:2400px){#app-shell .page-heading{column-gap:16px}}