html,body{overflow-x:clip;max-width:100%}body{min-width:0}.demo-nav{display:flex;gap:20px;align-items:center;padding:10px 30px;border-bottom:1px solid #70546355;font:11px/1.4 ui-monospace,Menlo,monospace;color:#bcacbd;background:#141218}.demo-nav a{color:#cfc2d4;text-decoration:none}.demo-nav a[aria-current]{color:#f6d5e1}.demo-nav span{margin-left:auto;color:#a798ac}#app-shell>main{max-width:2560px;margin:auto;padding:22px 30px 26px}#app-shell .page-header{align-items:center;padding:0;min-height:64px}.global-pilot-actions{align-items:center;display:flex;gap:20px}.demo-skin{display:flex;align-items:center;gap:8px;font:11px ui-monospace,monospace;color:#b8a5c0}.demo-skin select{width:116px;padding:5px 8px;font:inherit;background:#17131b;color:#e7dce8;border:1px solid #674657;border-radius:3px}.demo-substrate-seats{display:flex;justify-content:center;gap:20px;margin:8px 0 6px;color:#c1b2c8;font:11px system-ui}.demo-substrate-seats i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#b4e5cf}.orchestration-substrate small{font:10px ui-monospace,monospace;color:#a98da3;letter-spacing:.09em}#app-shell .assignment-flow-key{justify-content:center;gap:12px;padding:0 0 12px;font-size:10px}.assignment-flow-key>span{color:#a395ab}#app-shell .agent-conduit{min-height:172px}#app-shell[data-view] #agent-slots{padding:37px 0 32px}#app-shell .exo-workbench[data-console-instruments="on"]{display:grid;grid-template-areas:'left chat right';grid-template-columns:minmax(260px,23%) minmax(400px,1fr) minmax(260px,23%);gap:14px;margin-top:10px}#console-instruments-crew{grid-area:left}#console-instruments-work{grid-area:right}#pilot-chat-home{grid-area:chat}.demo-usage{padding:5px 0 7px}.demo-usage>div{display:flex;justify-content:space-between;margin-bottom:7px;color:#d1bed2;font-size:12px}.demo-usage>div>span{color:#a99aac;font-size:11px}.demo-terminal{display:grid;grid-template-columns:1fr auto;gap:9px;color:#d2c0d1;font-size:12px}.demo-terminal b{font-size:10px;color:#a8dbc1;font-weight:500}.demo-terminal small{grid-column:1/-1;color:#aa96ad;font-size:10px}#app-shell .chat-header{padding:18px 16px 14px}#app-shell .chat-identity h3{font-size:18px;font-weight:500;letter-spacing:.015em}.chat-emblem svg{height:30px;width:30px}#app-shell #shepard-dialog.chat-first{margin:0;min-height:0;border:1px solid #745062;border-radius:10px;background:linear-gradient(140deg,#291e2d99,#19171f);overflow:hidden}#message-inbox{padding:0}#app-shell #message-inbox .bridge-control-strip{flex-wrap:wrap;padding-bottom:10px}#app-shell #message-inbox .bridge-control-strip button{font-size:11px;padding:5px 9px;border:1px solid #68465a;border-radius:5px;background:#2b2030;color:#d7c4de;min-height:30px}#app-shell #message-inbox .bridge-control-strip #console-instruments-switch{height:30px;min-height:30px;font-size:11px}.captain-line-tools{display:flex;align-items:center;gap:10px;padding:0 16px 12px}#demo-to{min-width:140px;width:auto;color:#e5d4e5;border:1px solid #765266;background:#211925;border-radius:4px;font-size:12px;padding:6px}.demo-context-note{margin-left:auto;color:#a28ea7;font-size:10px}#captain-line{padding:0 16px}#captain-line .captain-line-thread{height:auto;max-height:none;overflow:visible;display:grid;gap:16px;padding:7px 0 20px}#captain-line .kc-message-text{font-size:13px;line-height:1.65;padding:12px 14px;border:1px solid #68455b77;border-left:2px solid #ad819e;border-radius:3px;background:#37243555}#captain-line .kc-you .kc-message-text{border-left-color:#d2ac70;background:#392a2355}#captain-line .kc-message-meta{margin-bottom:5px;gap:5px;font-size:10px}#captain-line .kc-message-who{font-size:11px;font-weight:600}#captain-line .kc-message-time,#captain-line .kc-message-status{color:#9e89a4;font-size:10px}#app-shell #message-compose{padding:0 16px 12px;margin:0}#app-shell #message-compose .chat-compose-input{min-height:128px;border:1px solid #89627a;border-radius:9px;background:#17131c;position:relative;display:block;padding:0 0 42px;box-shadow:none}#app-shell #message-text{display:block;width:100%;padding:13px 14px;min-height:72px;height:72px;border:0;resize:vertical;background:transparent;font-size:13px;color:#eaddE9;box-shadow:none}#app-shell #message-compose .cc-bottom{position:absolute;bottom:7px;left:10px;right:117px;height:29px;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0}#app-shell #message-compose .cc-plus{width:28px;height:28px;min-height:28px;border:0;background:transparent;color:#eaddE9;font-size:23px;padding:0}#app-shell #message-compose .cc-model-trigger{font-size:10px;padding:4px 6px;color:#b9a4c0;background:transparent;border:0}#app-shell #message-send{position:absolute;bottom:7px;right:8px;padding:7px 13px;min-height:30px;border:1px solid #d47997;border-radius:5px;background:linear-gradient(120deg,#96374f,#68304b);font-size:11px}.demo-compose-note{font-size:10px;color:#9f89a6;margin:6px 0 0;text-align:right}.conversation-history{margin:0 16px 14px;border-top:1px solid #62465355;padding-top:10px;font-size:11px;color:#a998b1}.conversation-history button{display:block;border:0;background:transparent;font-size:11px;color:#d6bfdc}.ci-module[data-module=ship] .ci-module-body{padding:0}.ci-module[data-module=ship] .exo-miniship{height:258px;position:relative}.exo-miniship-stage{height:230px!important;position:relative}.exo-miniship-stage>svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 6px #6fcce87a)}.exo-miniship-stage .hk-hull{fill:#77cce51a;stroke:#8fe2fa}.exo-miniship-stage .hk-deck,.exo-miniship-stage .hk-rim{stroke:#a7e9ff;fill:#7ac8ea18}.exo-miniship-line{text-align:center;padding:6px;font:10px ui-monospace,monospace;color:#a7c3d4}.demo-footer{padding:24px 0 0;color:#a490aa;font:10px ui-monospace,monospace;text-align:center}.demo-note{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;z-index:1000;padding:14px 18px;max-width:calc(100vw - 30px);background:#251b2d;border:1px solid #b48fae;border-radius:8px;box-shadow:0 14px 50px #0008;color:#eadfea;font-size:13px}.demo-note[hidden]{display:none}.demo-note span{color:#c1abc8;font-size:12px}.demo-note button{margin:0;border:0;background:transparent;font-size:20px;color:#d8bfdc;padding:0 4px}.demo-ready{max-width:440px;padding:30px;background:#211627;color:#eadfea;border:1px solid #997498;border-radius:10px}.demo-ready::backdrop{background:#08061099;backdrop-filter:blur(6px)}.demo-ready h2{font-size:26px;font-weight:400;margin:0 0 12px}.demo-ready p{font-size:13px;color:#c1abc8}.demo-ready div{display:flex;gap:10px;margin:25px 0}.demo-ready button{font-size:12px;border:1px solid #997498;background:#3c2846;color:#eadfea;padding:10px 14px;border-radius:4px}#demo-channels{position:fixed;inset:0;z-index:90;overflow:auto;padding-bottom:30px}#demo-channels[hidden]{display:none}.sb-topbar{display:flex;gap:25px;align-items:center;padding:18px 30px;position:relative}.sb-brand{display:flex;align-items:center;gap:15px}.sb-brand-mark{font-size:24px;letter-spacing:-.04em}.sb-brand-page{font-size:10px;letter-spacing:.16em}.sb-topbar>.sb-button{margin-left:auto}.ch-switch{display:flex;gap:2px;padding:4px;background:#2d202b;border:1px solid #775469;border-radius:7px}.ch-switch button{border:0;padding:9px 16px;background:transparent;color:#bba5c1;border-radius:4px;font-size:12px}.ch-switch button[aria-pressed=true]{background:#583249;color:#f6e4ee}.demo-channel-intro{padding:35px 35px 25px}.demo-channel-intro h2{font-size:35px;font-weight:400;margin:8px 0 9px}.demo-channel-intro p{font-size:12px;color:#aa93af}.demo-channel-grid{display:grid;grid-template-columns:210px minmax(480px,1fr) 240px;gap:20px;padding:0 35px;max-width:2000px;margin:auto}.demo-channel-grid>.sb-history,.demo-channel-grid>.sb-detail{position:relative;inset:auto;padding:20px;overflow:visible;min-height:0}.demo-channel-grid .sb-round{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;width:100%;font-size:12px}.demo-channel-grid .sb-round-status{font-size:9px;padding:3px 7px}.demo-channel-grid .sb-history h3{margin-bottom:6px}.demo-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px}.demo-seats .sb-seat{display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;padding:20px 8px;position:relative}.demo-seats .sb-seat-mark{display:grid;place-items:center;width:50px;height:50px;font-size:24px}.demo-seats .sb-seat-name{font-size:12px}.demo-seats .sb-seat-job{font-size:10px;color:#aa93af;line-height:1.5}.demo-stage-line{display:flex;justify-content:space-around;margin:20px 0;padding:12px 0;border-bottom:1px solid #77546944}.demo-stage-line .sb-stage{padding:7px 15px;font-size:11px}.demo-channel-grid .sb-post{margin:16px 0;padding:20px;border-radius:5px}.demo-channel-grid .sb-post-kind{font-size:9px;letter-spacing:.1em;color:#bba0bf}.demo-channel-grid .sb-post h3{font-size:19px;font-weight:450;margin:12px 0}.demo-channel-grid .sb-post p,.demo-channel-grid .sb-detail p{font-size:13px;color:#baa6c0;line-height:1.65}.demo-channel-grid .sb-detail h3{font-size:21px;font-weight:450;margin:22px 0}.demo-channel-grid .sb-button{font-size:11px}.demo-key-wall{width:calc(100% - 70px);height:650px;max-width:1800px;margin:auto;border:1px solid #72556455;border-radius:10px}.demo-key-lines{position:absolute;width:100%;height:100%}.demo-key-lines .kc-thread{fill:none;stroke:#b38bb980;stroke-width:1}.demo-key-lines .kc-ringline{fill:none;stroke:#b38bb940;stroke-width:1;stroke-dasharray:3 9}.demo-key-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.demo-key-center>span{display:grid;place-items:center;width:80px;height:80px;border:1px solid #c791b5;border-radius:50%;background:#3e2539;color:#ead0e7;font-size:40px;box-shadow:0 0 50px #d2589033}.demo-key-center b{font:11px ui-monospace,monospace;letter-spacing:.2em;color:#d7b5d5}.demo-key-center small{font-size:10px;color:#b497b7}.demo-key-seat{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);text-align:center;padding:12px;width:230px;background:#201823c9}.demo-key-seat .kc-sigil{font-size:25px;color:#c1a0d3;display:block;margin-bottom:8px}.demo-key-seat .kc-name{display:block;font-size:12px;letter-spacing:.08em}.demo-key-seat .kc-haiku{font-size:12px;line-height:1.7;margin:10px 0;color:#bdadca}.demo-key-seat .kc-time{font-size:9px;color:#907d9b}
@media(min-width:2000px){#app-shell>main{padding:30px 50px}#app-shell .agent-conduit{min-height:210px}#app-shell[data-view] #agent-slots{padding:50px 0}#app-shell .exo-workbench[data-console-instruments="on"]{gap:24px}#app-shell .chat-header{padding:25px 24px 20px}#app-shell .chat-identity h3{font-size:24px}.captain-line-tools{padding:0 24px 20px}#demo-to{font-size:16px}#captain-line{padding:0 24px}#captain-line .captain-line-thread{gap:28px;padding:10px 0 28px}#captain-line .kc-message-text{font-size:18px;padding:20px;line-height:1.65}#captain-line .kc-message-who{font-size:15px}#captain-line .kc-message-time,#captain-line .kc-message-status{font-size:12px}#app-shell #message-compose{padding:0 24px 20px}#app-shell #message-text{font-size:18px;height:102px;min-height:102px;padding:20px}#app-shell #message-compose .chat-compose-input{min-height:158px}#app-shell #message-send{font-size:15px}#app-shell #message-compose .cc-model-trigger{font-size:13px}.ci-module[data-module=ship] .exo-miniship{height:360px}.exo-miniship-stage{height:330px!important}.demo-usage>div{font-size:17px}.demo-usage>div>span{font-size:14px}.demo-terminal{font-size:17px;gap:15px}.demo-terminal b{font-size:13px}.demo-terminal small{font-size:12px}.demo-compose-note,.demo-context-note{font-size:12px}.demo-substrate-seats{font-size:14px}.orchestration-substrate small{font-size:12px}.conversation-history{font-size:14px;padding:18px 0;margin:0 24px 20px}.demo-channel-grid{grid-template-columns:280px minmax(600px,1fr) 320px}.demo-channel-intro{max-width:2000px;margin:auto}.demo-channel-grid .sb-post h3{font-size:26px}.demo-channel-grid .sb-post p,.demo-channel-grid .sb-detail p{font-size:17px}.demo-seats .sb-seat-name{font-size:17px}.demo-seats .sb-seat-job{font-size:13px}.demo-key-wall{height:880px}.demo-key-seat{width:300px}.demo-key-seat .kc-name{font-size:16px}.demo-key-seat .kc-haiku{font-size:16px}.demo-key-seat .kc-time{font-size:12px}}
@media(max-width:1050px){#app-shell .exo-workbench[data-console-instruments="on"]{grid-template-columns:1fr 1fr;grid-template-areas:'chat chat' 'left right'}#app-shell>main{padding:18px}.demo-channel-grid{grid-template-columns:170px 1fr}.demo-channel-grid>.sb-detail{grid-column:1/-1}.demo-seats{grid-template-columns:1fr 1fr}.demo-key-wall{height:900px}.demo-key-seat{width:170px}.demo-key-seat .kc-name{font-size:10px}.demo-key-seat .kc-haiku{font-size:11px}.sb-topbar{flex-wrap:wrap}.sb-topbar>.sb-button{margin-left:0}}
@media(max-width:600px){.demo-nav{padding:10px 16px;gap:16px}.demo-nav span{font-size:9px;max-width:150px}#app-shell .exo-workbench[data-console-instruments="on"]{grid-template-columns:1fr;grid-template-areas:'chat' 'left' 'right'}.demo-substrate-seats{gap:10px;font-size:9px}.global-pilot-actions{gap:10px}.demo-channel-grid{display:block;padding:0 15px}.demo-channel-grid>.sb-history{margin-bottom:20px}.demo-channel-intro{padding:25px 20px}.demo-channel-intro h2{font-size:26px}.demo-key-wall{height:1050px;width:calc(100% - 20px)}.demo-key-seat{width:130px}.demo-note{flex-wrap:wrap;gap:5px 10px}.demo-note span{max-width:240px}}
#captain-line .captain-line-thread{opacity:1;stroke:none;fill:initial}#captain-line .kc-message-text{color:#e5dbe8}.demo-deck-label{color:#bfa4bc;font:9px ui-monospace,monospace;letter-spacing:.16em}html[data-skin="ready-room"] #captain-line .kc-message-text{color:#e1d6ef}

@media(min-width:1051px) and (max-width:1999px){.demo-key-wall{height:max(560px,calc(100vh - 265px))}}

@media(min-width:2000px){.exo-console-instruments .ci-bench-top{grid-template-columns:62px minmax(0,1fr) auto;column-gap:10px}}


/* Clip only above the nav's bottom edge; let the portal flare behind the wordmark. */
#app-shell {
  clip-path: inset(0 -100vmax -100vmax);
}

/* Command roles follow their content rather than the full app's stage height. */
#demo-command-channel .demo-seats {
  height: auto;
  min-height: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-content: start;
}
#demo-command-channel .demo-seats .sb-seat {
  height: auto;
  min-height: 0;
  gap: 8px;
  padding: 18px 10px;
}
#demo-command-channel .demo-seat-status {
  display: block;
  color: var(--sb-mint);
  font-size: 11px;
  line-height: 1.45;
  margin-top: 5px;
}
#demo-command-channel .demo-seat-updated {
  display: block;
  color: var(--sb-dim);
  font-size: 9px;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}

/* Give the longer Beads headers their intrinsic width and a visible gutter. */
#app-shell .exo-console-instruments .ci-bead-rail {
  grid-template-columns: repeat(5, minmax(max-content, 1fr));
  column-gap: 6px;
}
#app-shell .exo-console-instruments .ci-bead-cell {
  padding-inline: 3px;
}
#app-shell .exo-console-instruments .ci-bead-cell:first-child { padding-left: 0; }
#app-shell .exo-console-instruments .ci-bead-cell:last-child { padding-right: 0; }

/* Reserve the send button's width, including its inherited outer margin. */
#app-shell #message-compose .cc-bottom { right: 128px; }
@media (min-width: 2000px) {
  #app-shell #message-compose .cc-bottom { right: 152px; }
  #demo-command-channel .demo-seat-status { font-size: 14px; }
  #demo-command-channel .demo-seat-updated { font-size: 11px; }
}
@media (max-width: 1050px) {
  #demo-command-channel .demo-seats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}