@font-face{font-family:Inter;src:url("fonts/inter.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#242424;--muted:#6d6d6d;--line:#ebebeb;--accent:#6d6d6d;--wash:#efefef;--paper:#fafafa}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:250px minmax(0,1fr) 338px;min-height:100dvh;background:var(--paper);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:hover{filter:brightness(.97)}h1,h2,p{margin:0}small{display:block;color:var(--muted);font-size:12px}aside{background:#f6f6f6;border-right:1px solid var(--line);padding:20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:8px;font-weight:750;padding:0}.brand span{background:#848484;color:white;border-radius:6px;width:22px;height:22px;text-align:center}.navhead{display:flex;align-items:center;justify-content:space-between;margin-top:27px}.navhead h1{font-size:21px;letter-spacing:-.04em}.round{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:white;box-shadow:0 2px 7px #28282813;font-size:19px}.sub,.label{font-size:12px;color:var(--muted)}i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9c9c9c;flex:none}.sub i,footer i{margin-right:5px}#lead{margin-top:19px}.label{margin:14px 0 5px}.person{display:flex;align-items:center;text-align:left;width:100%;gap:10px;padding:7px;border-radius:12px}.person:hover,.person.selected,.lead{background:#ededed}.person img,.message img{width:38px;height:38px;object-fit:cover;object-position:center 34%;border-radius:50%;flex:none}.lead img{width:44px;height:44px}.person strong:last-child{margin-left:auto;color:#737373}.person small{font-size:11px}details{margin-top:38px}summary{cursor:pointer;font-weight:650}#channels button{display:block;text-align:left;padding:8px 0;color:var(--muted);font-size:12px}footer{margin-top:auto;padding-top:25px;font-size:11px;color:var(--muted)}main{min-width:0;padding:0 19px 18px}header,.righthead{height:64px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.tag,.chip{background:var(--wash);border-radius:20px;padding:5px 10px}.stage{position:relative;isolation:isolate;height:clamp(350px,calc(100dvh - 240px),740px);background:#c6c6c6;border-radius:16px;overflow:hidden}.stage img{width:100%;height:100%;object-fit:cover;object-position:50% 39%;display:block}.stage:after{content:"";position:absolute;inset:auto 0 0;height:26%;background:linear-gradient(transparent,#17171759);pointer-events:none}.identity,.controls,.expand{position:absolute;z-index:1}.identity{bottom:13px;left:13px;background:#222222aa;backdrop-filter:blur(12px);color:white;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:11px}.identity small{color:#eeeeee;font-size:11px}.controls{bottom:14px;left:50%;transform:translateX(-50%)}.controls button{width:43px;height:43px}.controls svg{width:19px;height:19px}.controls .in-call{color:white;background:#727272}.expand{top:12px;right:12px}.prompt{margin-top:15px;padding:11px 13px;background:#f0f0f0;border:1px solid #e9e9e9;border-radius:15px;color:#505050;font-size:12px}.prompt form,#chatform{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);padding:6px 8px;border-radius:12px}.prompt form{margin:7px 0}.prompt input,#chatform input{min-width:0;flex:1;border:0;background:none;padding:5px;font-size:13px}.send{width:30px;height:30px;background:#747474;color:white;border-radius:50%;font-size:17px}.chip{background:#ffffff;padding:4px 9px;margin-right:4px}.right{min-width:0;border-left:1px solid var(--line);padding:0 13px 18px;display:flex;flex-direction:column}.righthead{padding:0 3px;color:var(--muted)}.righthead span{border-radius:50%;background:var(--wash);padding:7px}.context{display:flex;align-items:center;width:100%;text-align:left;gap:10px;background:white;border:1px solid var(--line);border-radius:13px;padding:10px;margin-bottom:8px}.context span{width:31px;height:31px;display:grid;place-items:center;background:var(--wash);color:var(--accent);border-radius:8px}.context strong{margin-left:auto}.wiki{background:#f3f3f3}.conversation{display:flex;flex-direction:column;flex:1;min-height:310px;background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 8px}.tabs button{padding:10px 16px}.tabs .selected{border-bottom:2px solid #989898;font-weight:700}#log{flex:1;max-height:63vh;overflow:auto;padding:15px 12px}.message{display:flex;align-items:flex-start;gap:8px;margin-bottom:18px;font-size:13px}.message img{width:30px;height:30px}.message p{margin-top:3px;color:#505050;overflow-wrap:anywhere}.message .mine{background:#f0f0f0;padding:6px 10px;border-radius:10px;margin-left:auto;max-width:100%;min-width:0}#chatform{margin:8px}.note{background:#f4f4f4;padding:10px;border-radius:9px;margin-bottom:8px;overflow-wrap:anywhere}dialog{width:min(480px,calc(100% - 28px));border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--ink)}dialog::backdrop{background:#24242466}#close{position:absolute;right:8px;top:5px;font-size:23px}.create{display:grid;gap:9px;margin-top:12px}.create label{display:grid;gap:3px}.create input{border:1px solid var(--line);border-radius:8px;padding:8px}.primary{background:var(--accent);color:white;border-radius:8px;padding:8px}.large{width:100%;max-height:75vh;object-fit:contain;border-radius:12px}#toast:not(:empty){position:fixed;bottom:16px;right:16px;background:#242424;color:#ffffff;border-radius:9px;padding:10px;z-index:2}
@media(max-width:1100px){body{grid-template-columns:187px minmax(0,1fr) 275px}aside{padding:15px}main{padding-inline:12px}}@media(max-width:850px){body{grid-template-columns:165px minmax(0,1fr)}aside{grid-row:span 2}.right{grid-column:2;border:0;padding-inline:12px}.righthead,.context{display:none}.stage{height:clamp(280px,62vw,540px)}}@media(max-width:550px){body{display:block}aside{padding:13px;border:0;border-bottom:1px solid var(--line)}.navhead{margin-top:8px}.sub,.label,footer{display:none}#lead{margin-top:5px}#people{display:flex;overflow:auto;gap:4px}.person{width:auto;min-width:max-content}.person strong:last-child{display:none}details{margin-top:5px}#channels{display:flex;gap:10px}header{height:44px}.stage{height:390px}}
#chatform[hidden]{display:none}#panel img.large{width:100%;height:auto}

/* Neutral chrome lets the portraits supply the color. */
:root{--ink:#181818;--muted:#626262;--line:#e9e9e9;--accent:#191919;--wash:#f2f2f2;--paper:#fff}
aside{background:#f8f8f8}
.brand span{background:#191919}
.person:hover,.lead{background:#f0f0f0}
.person.selected{background:#eaeaea;box-shadow:inset 0 0 0 1px #dedede}
.prompt,.wiki{background:#f7f7f7;border-color:var(--line)}
.send,.primary,.controls .in-call{background:var(--accent)}
.tabs .selected{border-bottom-color:var(--accent)}
.message .mine{background:#f1f1f1}
.chip{border:1px solid var(--line)}
.stage{height:clamp(250px,36vh,390px)}
.stage img{object-position:center 35%}
main .conversation{margin-top:14px;min-height:230px}
main #log{max-height:265px;min-height:125px}



.files{border:1px solid var(--line);border-radius:13px;padding:12px;background:white}
.fileshead{display:flex;justify-content:space-between;align-items:center;gap:8px}
.fileshead h2{font-size:14px}
.fileshead label{position:relative;cursor:pointer;font-size:12px}
.fileshead input{position:absolute;width:1px;height:1px;opacity:0}
.fileshead label:focus-within{outline:2px solid var(--accent)}
.file,.empty{display:block;margin:8px 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
@media(max-width:850px){.right .context{display:flex}.righthead{display:flex;height:40px}.stage{height:clamp(250px,45vw,345px)}}

.stage{background:#eee;max-width:620px;margin-inline:auto;height:auto;aspect-ratio:16/9}.stage img{position:absolute;inset:0;object-fit:cover;object-position:center 33%}
.person .activity-status{font-size:10px;white-space:nowrap}
.person-name{font-weight:400}
.has-unread .person-name{font-weight:750}

#panel img.large{aspect-ratio:16/9;object-fit:cover;object-position:center 33%;max-height:none}

.activity-icon{display:inline-block;min-width:9px;text-align:center}

.mobile-bar{display:none}
@media(max-width:650px){
  body{display:block}
  body>aside,body>.right,main>header{display:none}
  main{display:flex;flex-direction:column;min-height:100dvh;height:100dvh;padding:0 0 env(safe-area-inset-bottom);overflow:hidden}
  .mobile-bar{display:grid;grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:center;gap:5px;flex:none;min-height:58px;padding:env(safe-area-inset-top) 14px 0;border-bottom:1px solid var(--line);text-align:center}
  .mobile-bar button{min-height:44px;padding:0 6px;color:var(--ink);font-weight:600}
  .mobile-bar button:first-child{justify-self:start}
  .mobile-bar button:last-child{justify-self:end}
  #mobile-current>*{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .stage{flex:none;width:calc(100% - 28px);max-width:min(480px,53dvh);margin:10px auto 0;border-radius:15px}
  .identity{display:none}
  main .conversation{flex:1;min-height:0;margin:8px 0 0;border:0;border-radius:0}
  main #log{min-height:0;max-height:none;padding:14px 16px}
  .message{font-size:14px}
  #chatform{flex:none;margin:6px 12px;background:#f7f7f7}
  #chatform input,.prompt input,.create input{font-size:16px}
  .send{flex:none;width:40px;height:40px}
  .tabs button{min-height:44px}


  main:focus-within .stage{max-width:min(480px,42dvh)}
  #mobile-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;border-radius:22px 22px 0 0;padding:0 0 env(safe-area-inset-bottom);overflow:auto}
  .sheet-head{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)}
  .sheet-head h2{font-size:17px}
  .sheet-head button{min-width:44px;min-height:44px;font-size:24px}
  #sheet-content aside,#sheet-content .right{display:flex;padding:12px 16px 20px}
  #sheet-content aside .brand,#sheet-content .righthead{display:none}
  #sheet-content #people{display:block}
  #sheet-content .person{width:100%;min-height:48px}
  #sheet-content #channels{display:block}
  #sheet-content #channels button{min-height:44px}
}

/* Desktop and iPhone layouts follow the supplied prototype design. */
body{display:block;background:white;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.workspace{display:grid;grid-template-columns:230px minmax(0,1fr) clamp(235px,22vw,315px);min-height:100dvh;margin-left:80px;padding:10px 10px 10px 0}
.rail{position:fixed;inset:0 auto 0 0;width:80px;background:#f8f8f8;display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 0}
.rail button{display:grid;justify-items:center;font-size:9px;gap:2px}
.rail button:not(.mark) span{font-size:24px;background:white;border-radius:6px;width:44px;line-height:38px}
.rail .mark{margin-bottom:10px;padding:0}
.workspace>aside{background:#fff;border-right:1px solid #f2f2f2;padding:10px 15px 20px 19px;grid-row:auto}
.workspace>aside .brand,.workspace>aside .sub,.workspace>aside footer{display:none}
.navhead{margin:0 0 4px}.navhead h1,.label{font-size:12px;color:#111;font-weight:550;letter-spacing:0}
.navhead .round{width:27px;height:27px;box-shadow:none}
#lead{margin-top:0}
.person img,.message img{border-radius:10px;width:43px;height:43px;object-fit:cover}
.person{min-height:62px;gap:10px;padding:6px 4px}
.person-name{display:block;font-size:12px;font-weight:400}
.has-unread .person-name{font-weight:800}
.person .activity-status{font-size:9px}
.person .preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.2}
#manager-heading{margin-bottom:7px}
.person.lead{
 display:grid;
 gap:0;
 width:100%;
 padding:0;
 overflow:hidden;
 text-align:left;
 border:1px solid #e9e6e0;
 border-radius:13px;
 background:#f9f8f5;
}
.person.lead:hover,.person.lead.selected{border-color:#b9b4aa}
.lead-visual{position:relative;display:block;aspect-ratio:1.7;overflow:hidden;background:#ddd9d0}
.person.lead .lead-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 37%;border-radius:0;transition:transform .25s ease}
.person.lead:hover img{transform:scale(1.045)}
.lead-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 37%;pointer-events:none}
.person.lead .activity-status{position:absolute;bottom:6px;left:6px;background:#171717db;color:#fff;border-radius:99px;padding:3px 6px;font-size:9px;line-height:1.2}
.lead-caption{display:flex;align-items:center;justify-content:space-between;padding:8px 9px}
.lead-caption .person-name{font-size:13px;font-weight:500}
.lead-caption>span:last-child{color:#56544e}
@media(prefers-reduced-motion:reduce){.person.lead .lead-visual img{transition:none}.person.lead:hover img{transform:none}}
.person.selected:not(.lead){background:#fafafa;box-shadow:none}
aside details{margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0}
.workspace>main{padding:20px 20px 12px 30px;background:#f8f8f8;border-radius:12px 0 0 12px;min-width:0;display:flex;flex-direction:column}
main>header{display:none}
.stage{width:100%;max-width:none;aspect-ratio:2.04;border-radius:10px;margin:0;flex:none}
.stage img{object-position:center 35%}
.identity{display:contents}
.identity i{display:none}
.identity strong{position:absolute;z-index:2;top:16px;left:25px;color:white;font-size:24px;text-shadow:0 1px 12px #0005}
.identity small{position:absolute;z-index:2;bottom:13px;left:50%;transform:translateX(-50%);color:white;background:#25211b80;backdrop-filter:blur(8px);border-radius:40px;padding:6px 20px;white-space:nowrap;font-size:13px}
.controls,.expand{opacity:0}
.stage:hover .controls,.stage:hover .expand,.stage:focus-within .controls,.stage:focus-within .expand{opacity:1}
.controls{left:auto;right:12px;transform:none}
main .conversation{background:transparent;border:0;flex:1;margin-top:15px;min-height:320px}
.tabs{border:0;align-self:end}
.tabs button{padding:4px 8px;font-size:11px}
main #log{max-height:58vh;padding:5px 0 22px}
.message{gap:18px;margin-bottom:10px}
.message>div{padding:16px;background:white;border-radius:10px;max-width:min(76%,500px)}
.message>div.mine{padding:18px 20px;background:black;color:white}
.message b{display:none}
.message p{margin:0;white-space:pre-wrap;color:inherit;line-height:1.28;font-size:14px}
#chatform{margin:0;background:white;padding:10px 14px;min-height:57px}
#chatform .send{background:black;border-radius:4px}

.workspace>.right{grid-column:auto;background:#fff;border:10px solid #f8f8f8;border-left:0;border-radius:0 12px 12px 0;margin:0;padding:30px 20px 20px;min-width:0}
.righthead{display:none}
.profile{display:grid;justify-items:center;gap:4px;text-align:center;border-radius:10px;background:#f8f8f8;padding:24px 10px 30px}
.profile img{width:92px;height:92px;object-fit:cover;border-radius:10px;margin-bottom:9px}
.profile-detail{display:grid;gap:5px;padding:17px 0;border-bottom:1px solid #f0f0f0;font-size:12px}
.profile-detail b,.fileshead h2{font-weight:550}
.model-icons{color:#888;font-size:16px}
.right .context{display:flex;margin-top:8px}
.right .files{margin-top:10px;border:0;padding:8px 0}
progress{width:100%;height:8px;margin-top:12px;accent-color:black}
@media(max-width:1000px) and (min-width:651px){.workspace{grid-template-columns:172px minmax(0,1fr) 215px;margin-left:55px}.rail{width:55px}.workspace>main{padding-left:15px}.workspace>.right{padding-inline:12px}}
@media(max-width:650px){
 .rail,.workspace>aside,.workspace>.right{display:none}
 .workspace{display:block;margin:0;padding:0;background:#f8f8f8}
 .workspace>main{padding:0 0 env(safe-area-inset-bottom);border-radius:0}
 .mobile-bar button{font-size:13px}
 .stage{order:0;max-width:none!important;aspect-ratio:1.52;border-radius:0 0 10px 10px}
 .identity strong{top:22px;left:30px;font-size:16px}
 .controls,.expand{display:none}
 main .conversation{order:2;min-height:0;margin:0}

 .message{gap:8px}
 .message>div{max-width:calc(100% - 50px);padding:12px}
 .message>div.mine{padding:18px 12px}
 main #log{max-height:none;padding:10px 20px}
 #chatform{margin:4px 16px}
 #sheet-content .person.lead{display:grid}
 #sheet-content .righthead{display:none}
}

@media(min-width:1001px){
 .workspace{grid-template-columns:230px minmax(0,1fr) clamp(255px,23.3vw,335px)}
}
.workspace>main,.workspace>.right{background-clip:padding-box}
.workspace>.right{padding-top:30px;border-top-width:20px;padding-block-start:20px}
.workspace>main{padding-bottom:19px}
#log .message{margin-bottom:10px}
main .conversation{margin-top:20px}
main #log{max-height:none;min-height:0;padding-top:5px}
.message>div{max-width:min(calc(100% - 62px),481px)}
.message>div.mine{position:relative;max-width:min(calc(100% - 62px),497px);padding-bottom:32px}
.reaction{position:absolute;bottom:-16px;left:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:17px}
#chatform{min-height:60px}
.composer-plus{background:#000;color:white;border-radius:3px;width:34px;height:34px;flex:none;font-size:28px;line-height:1}
#chatform input{font-size:13px}
#chatform:not(:focus-within) .send{opacity:0}

.project-tools{order:10;margin-top:12px;color:#626262;font-size:12px}
.project-tools [hidden]{display:none}
.library-example{display:flex;align-items:center;gap:7px;border:1px solid #eee;border-radius:9px;min-height:42px;margin-top:8px;padding:8px 10px;font-size:10px;color:#555}
.library-example small{margin-left:auto;background:#f5f5f5;border-radius:10px;padding:2px 6px;font-size:8px}
.fileshead h2{font-size:12px}
.files .empty,.files>small{display:none}
.profile-detail{padding-block:19px}
.connector-icons{font-size:14px;color:#111}
@media(max-width:650px){
 main .conversation{margin:0}
 main #log{padding:22px 18px 28px 22px}
 .message>div,.message>div.mine{max-width:calc(100% - 51px)}
 .message>div.mine{padding:22px 12px 27px}
 #chatform{margin:0 18px;min-height:52px;padding:6px 8px}
 #chatform input{font-size:16px}
 #sheet-content .project-tools{order:0}
}
aside #channels{padding-top:14px}
aside #channels button{padding:3px 0;color:#111;font-weight:400}
#channels button.unread-mention{font-weight:700}
aside summary{list-style:none;font-weight:500}
aside summary::-webkit-details-marker{display:none}
.profile-detail progress{appearance:none;height:21px;border:0;border-radius:24px;background:#f1f1f1;padding:6px}
.profile-detail progress::-webkit-progress-bar{background:transparent}
.profile-detail progress::-webkit-progress-value{background:#000;border-radius:12px}
.profile-detail progress::-moz-progress-bar{background:#000;border-radius:12px}
.model-icons{filter:grayscale(1)}

/* Space out the team list without changing the manager card. */
aside .label{margin:18px 0 10px}
aside #people{display:grid;gap:7px}
#people .person{min-height:74px;padding:10px 8px;gap:11px}
#people .person>div{min-width:0;display:grid;gap:3px}
#people .person-name{font-size:13px;line-height:1.2}
#people .activity-status,#people .preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25}
#people .preview{color:#626262}

/* Bound the workspace to the viewport and give the thread the remaining room. */
.workspace{height:100dvh;min-height:0;grid-template-rows:minmax(0,1fr)}
.workspace>main{min-height:0;overflow:hidden}
.workspace>aside,.workspace>.right{min-height:0;overflow-y:auto}
.workspace>main .stage{max-height:40dvh}
.workspace>main .conversation{min-height:0}
.workspace>main #log{min-height:0;overflow-y:auto;overscroll-behavior-y:contain}
.workspace>main #chatform{flex:none}


.message .secret-card{border:1px solid #e7e7e7;display:grid;gap:9px;padding:15px}
.secret-card>strong{font-size:14px}
.secret-form{display:grid;gap:8px;margin-top:3px}
.secret-form label{display:grid;gap:4px;font-size:12px;font-weight:600}
.secret-form input{width:100%;min-width:0;border:1px solid #d9d9d9;border-radius:7px;background:#fafafa;padding:8px 10px;font-size:16px}
.secret-form button{justify-self:start;background:#191919;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px}
.secret-card p.secret-hint{font-size:11px;color:#555}

#log .message{margin-bottom:24px}
#log .message:last-child{margin-bottom:0}
.message.has-reaction .reaction-stack{padding:0;background:transparent;margin-left:auto;min-width:0;display:grid;justify-items:start;gap:7px}
.reaction-stack .mine{width:100%;background:#000;color:#fff;border-radius:10px;padding:18px 20px}
.reaction-stack .reaction{position:static;transform:none;display:inline-flex;align-items:center;gap:6px;width:auto;height:28px;margin-left:4px;padding:0 9px;background:#fff;font-size:12px;line-height:1;color:#444}
.reaction-stack .reaction[aria-pressed=true]{border-color:#555;background:#eee}
.message .secret-card{width:420px;border-radius:13px;padding:16px;gap:11px;box-shadow:0 2px 6px #00000006}
.secret-heading{display:flex;align-items:center;gap:10px}
.secret-lock{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f3f3f3;flex:none}
.secret-heading strong{font-size:14px}
.secret-heading small{font-size:11px}
.secret-fields{display:flex;gap:7px;align-items:stretch}
.secret-fields label{flex:1;min-width:0}
.secret-fields button{flex:none}
.secret-form{margin:0}
@media(max-width:650px){
 .reaction-stack .mine{padding:18px 12px}
 .secret-fields{flex-wrap:wrap}
 .secret-fields label{flex-basis:100%}
}

#log .message:not(.secret-message) p{font-weight:300}

@media(min-width:651px){
 .workspace>main{margin-left:10px;padding-left:20px}
}
.message>.message-stack{padding:0;background:transparent;min-width:0;display:grid;gap:6px}
.message>.message-stack.own{margin-left:auto;max-width:min(calc(100% - 62px),497px)}
.message-stack>div:first-child{background:#fff;border-radius:10px;padding:16px}
.message-stack>div.mine:first-child{background:#000;color:#fff;padding:18px 20px}
.reaction-tools,.reaction-current{display:flex;align-items:flex-start;gap:5px}
.reaction-current:empty{display:none}
.reaction-picker{margin:0}
.reaction-picker summary,.reaction-dot{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;line-height:1}
.reaction-picker summary{list-style:none;color:#555;cursor:pointer;font-size:17px}
.reaction-picker summary::-webkit-details-marker{display:none}
.reaction-picker summary:hover,.reaction-picker[open] summary{background:#eee}
.reaction-dot{background:#fff;border:1px solid #dedede;font-size:15px}
.reaction-dot[aria-pressed=true]{border-color:#777;background:#eee}
.reaction-options{display:flex;flex-wrap:wrap;gap:2px;padding:4px;margin-top:4px;background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 3px 9px #0001}
.reaction-options button{width:28px;height:30px;padding:0;border-radius:50%;font-size:17px}
.reaction-options button:hover{background:#eee}
@media(max-width:650px){
 .message>.message-stack.own{max-width:calc(100% - 51px)}
 .message-stack>div.mine:first-child{padding:18px 12px}
}

.attachment-form{display:grid;gap:16px;margin-top:16px}
.attachment-form label{display:grid;gap:8px;padding:14px;border:1px dashed #ccc;border-radius:10px}
.attachment-form input{width:100%;min-width:0}
.attachment-form .primary{justify-self:end;padding:8px 16px}
.chat-file{color:inherit;overflow-wrap:anywhere}
.message .mine:has(.chat-file) small{color:#ddd}

.ui-icon{display:inline-block;width:18px;height:18px;vertical-align:middle}
.rail button:not(.mark) span{display:grid;place-items:center;height:38px}
.rail .ui-icon{width:21px;height:21px}
.composer-plus,.send{display:inline-grid;place-items:center}
.send .ui-icon{width:16px;height:16px}
.reaction-picker summary{color:#818181;background:#fff;border:1px solid #eee}
.reaction-picker summary .ui-icon{width:16px;height:16px}
.reaction-picker summary:hover,.reaction-picker[open] summary{color:#626262;background:#fff;border-color:#dedede}
.reaction-dot,.reaction-dot[aria-pressed=true]{background:#fff;border:1px solid #ededed}
.reaction-dot[aria-pressed=true]{box-shadow:0 0 0 1px #ededed}
#channels button[aria-pressed=true]{background:#f1f1f1;border-radius:6px;padding-inline:6px}
.channel-view .stage,.channel-view .workspace>.right,.channel-view #mobile-profile{display:none}
.channel-view .workspace>main{grid-column:2/-1;border-radius:12px}
#channel-title{padding:12px 0 16px;border-bottom:1px solid var(--line)}
.team-tools{display:none}
.setting-row{display:flex;align-items:center;gap:8px;padding-top:14px}
.compact-chat #log .message{margin-bottom:12px}
@media(max-width:650px){
 #channel-title{padding:14px 18px}
 #sheet-content .team-tools{display:flex;gap:8px;padding-top:12px}
 .team-tools button{min-height:44px;border:1px solid var(--line);border-radius:9px}
}
.asset-icon{display:inline-block;width:16px;height:16px;object-fit:contain;vertical-align:middle}
.rail .asset-icon{width:21px;height:21px}
.model-icons,.connector-icons{display:flex;align-items:center;gap:7px}
.model-icons{opacity:.6}
.library-example .asset-icon{width:13px;height:13px}
.library-example small .asset-icon{width:9px;height:9px}
#remove-demo-file{padding:3px}

#chatform:has(input:focus){border-color:#8a8a8a}
#chatform input:focus{outline:none}

.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.stage video[hidden]{display:none}

.overview-view .workspace>main{grid-column:2/-1;border-radius:12px;overflow:auto;padding:28px 24px}
.overview-view .workspace>.right,.overview-view main>:not(#team-overview){display:none}
.overview-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.overview-top h2{font-size:24px;letter-spacing:-.04em}
.overview-top p{color:var(--muted);font-size:13px;margin-top:3px}
#agent-grid{display:grid;grid-template-columns:repeat(var(--agent-columns,3),minmax(0,1fr));gap:12px}
@media(min-width:651px) and (max-width:1000px){#agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.agent-card{text-align:left;display:grid;padding:0;min-width:0;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.agent-visual{display:block;position:relative;aspect-ratio:16/9;background:#eee}
.agent-visual img,.agent-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.agent-meta{display:block;padding:11px 12px}
.agent-meta small{margin-top:2px}
.overview-channels{margin-top:25px}
.overview-channels h3{font-size:15px;margin:0 0 10px}
#overview-channels{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
#overview-channels button{min-height:44px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 12px}
@media(max-width:650px){
 .overview-view .workspace>main{overflow-x:hidden;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))}
 #agent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .agent-meta{padding:8px}
 .agent-meta small{font-size:10px}
}

.agent-activity{display:flex;align-items:center;gap:8px;margin:0 0 24px 61px;color:var(--muted);font-size:12px}
.agent-activity strong{color:var(--ink);font-weight:550}
.agent-activity-icon{display:grid;place-items:center;width:27px;height:27px;flex:none;background:#fff;border:1px solid var(--line);border-radius:50%;color:#777}
.agent-activity-icon .ui-icon{width:14px;height:14px}
@media(max-width:650px){.agent-activity{margin-left:8px}}

.channel-view .workspace>main{grid-column:auto;border-radius:12px 0 0 12px}
.channel-view #mobile-profile{display:block}
.channel-view .workspace>.channel-panel{display:block}
.channel-panel{min-width:0;min-height:0;overflow:auto;background:#fff;border:10px solid #f8f8f8;border-left:0;border-radius:0 12px 12px 0;padding:20px}
.channel-panel h2{font-size:17px;margin:5px 0}
.channel-about,.channel-caption{color:var(--muted);font-size:12px}
.channel-section{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}
.channel-section h3{font-size:13px;margin:0 0 7px}
.channel-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.channel-section-heading button{border:1px solid var(--line);border-radius:7px;padding:5px 8px;font-size:11px}
.channel-member{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:12px}
.channel-member img{width:29px;height:29px;object-fit:cover;border-radius:7px}
.invite-agent{width:100%;padding:8px;border-bottom:1px solid var(--line);text-align:left}
.context-entry{margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:8px;font-size:12px}
.context-entry summary{cursor:pointer}
.context-entry p{margin-top:8px;color:var(--muted)}
.channel-view .message b{display:block;font-size:11px;margin-bottom:4px}
@media(max-width:650px){
 .channel-view .workspace>.channel-panel{display:none}
 #sheet-content .channel-panel{display:block;border:0;border-radius:0}
}

.channel-view .message-stack>div:first-child{border:1px solid #ededed}
.channel-message-meta{display:flex;align-items:baseline;gap:9px;margin-bottom:6px;font-size:13px}
.channel-message-meta time{font-size:11px;opacity:.65}
.channel-mention{display:inline;padding:1px 4px;border-radius:4px;background:#edf3ff;color:#224c8b;font-weight:550;overflow-wrap:anywhere}
.mine .channel-mention{background:#243854;color:#e3edff}
.channel-file{display:flex;align-items:center;gap:9px;margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:8px;color:inherit;text-decoration:none;font-size:12px;overflow-wrap:anywhere}
.channel-file:hover{background:#fafafa}
.channel-file-icon{flex:none;font-size:9px;display:grid;place-items:center;width:30px;height:30px;background:#f2f2f2;border-radius:6px;font-weight:650}
#chatform{position:relative}
#mention-menu:not([hidden]){position:absolute;z-index:3;bottom:calc(100% + 6px);left:12px;display:grid;gap:2px;max-height:170px;overflow:auto;min-width:155px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 10px #0001}
#mention-menu button{text-align:left;padding:7px 10px;border-radius:5px}
#mention-menu button:hover,#mention-menu button:focus-visible{background:#edf3ff}

@media(min-width:651px){
 .channel-view .message>.message-stack,
 .channel-view .message>.message-stack.own{flex:1;max-width:none}
 .channel-view .message-stack.own .mine{width:100%}
}

.channel-media{width:min(100%,420px);margin:12px 0 0}
.channel-media img,.channel-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eee;border-radius:9px}
.channel-media figcaption{margin-top:5px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}

.agent-status,.agent-hand{position:absolute;z-index:1;border-radius:20px;line-height:1}
.agent-status{left:9px;bottom:9px;background:#191919d9;color:#fff;padding:6px 9px;font-size:10px}
.agent-hand{right:9px;top:9px;background:#fff;color:#222;display:grid;place-items:center;width:46px;height:46px;font-size:29px;box-shadow:0 2px 8px #0002}
.agent-card-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px}
.agent-card-title small{margin:0}
.agent-card-activity{display:block;margin-top:5px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
#overview-channels{gap:0;border-block:1px solid var(--line)}
#overview-channels .overview-channel-card{display:flex;min-width:0;align-items:center;gap:12px;background:transparent;border:0;border-radius:0;padding:12px 8px}
#overview-channels .overview-channel-card + .overview-channel-card{border-top:1px solid var(--line)}
#overview-channels .overview-channel-card:hover{background:#fff}
.overview-channel-mark{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#ececec;border-radius:10px;font-size:17px;font-weight:550}
.overview-channel-copy{flex:1;min-width:0}
.overview-channel-copy>strong,.overview-channel-copy>span{display:block;overflow-wrap:anywhere}
.overview-channel-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.overview-channel-faces{display:flex;align-items:center;flex:none;padding-left:4px}
.overview-channel-faces img{width:27px;height:27px;object-fit:cover;border:2px solid #f8f8f8;border-radius:50%;margin-left:-4px}
.overview-mention{display:grid;place-items:center;width:21px;height:21px;margin-left:4px;background:#212121;color:#fff;border-radius:50%;font-size:11px}
.overview-channel-arrow{color:var(--muted);font-size:19px}
@media(max-width:650px){.agent-card-activity{font-size:11px}.overview-channel-faces img{width:22px;height:22px}}

@media(prefers-reduced-motion:no-preference){
 .agent-hand{transform-origin:50% 75%;animation:agent-hand-wave 1.1s ease-in-out 2}
}
@keyframes agent-hand-wave{
 0%,55%,100%{transform:rotate(0)}
 12%,36%{transform:rotate(-11deg)}
 24%,46%{transform:rotate(9deg)}
}

.team-label,.overview-channel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
.team-label{margin:18px 0 10px}
aside .team-label .label,.overview-channel-heading h3{margin:0}
.team-label #add,.channel-add{
 --add-size:28px;
 box-sizing:border-box;
 flex:none;
 width:var(--add-size);
 height:var(--add-size);
 padding:0;
 display:grid;
 place-items:center;
 border:1px solid var(--line);
 border-radius:50%;
 box-shadow:none;
}
.team-label #add .ui-icon,.channel-add .ui-icon{display:block;width:16px;height:16px}
.sidebar-channels{position:relative;margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0;--channel-heading-height:28px}
aside .sidebar-channels details{margin:0;padding:0;border:0}
.sidebar-channels summary{display:flex;align-items:center;min-height:var(--channel-heading-height);padding-right:34px}
.sidebar-channels .channel-add{position:absolute;top:12px;right:0}
.overview-channel-heading{margin-bottom:10px}
@media(max-width:650px){
 #sheet-content .team-label .label{display:block}
 .team-label #add,.channel-add{--add-size:40px}
 .sidebar-channels{--channel-heading-height:40px}
 .sidebar-channels summary{padding-right:48px}
}

.connector-view .workspace>main{grid-column:2/-1;border-radius:12px;overflow:auto;padding:26px}
.connector-view .workspace>.right,.connector-view .workspace>.channel-panel,.connector-view main>:not(#connector-page){display:none}
#connector-page{width:min(100%,1050px);margin-inline:auto}
.connector-toolbar,.connector-header,.connector-card-top,.connector-installed{display:flex;justify-content:space-between;align-items:center;gap:10px}
.connector-toolbar{margin-bottom:24px;font-size:12px;color:var(--muted)}
.connector-toolbar button{background:white;border:1px solid var(--line);border-radius:7px;padding:6px 10px}
.connector-header h2{font-size:29px;letter-spacing:-.05em}
.connector-header p,.connector-installed p{color:var(--muted);font-size:13px}
.connector-header button{flex:none}
.connector-demo{color:var(--muted);font-size:12px;margin:10px 0 22px}
.connector-installed{border-top:1px solid var(--line);padding-top:14px;margin-bottom:10px}
.connector-installed h3,.connector-card h3{font-size:14px;margin:0}
.connector-search{display:grid;gap:4px;font-size:12px;margin-bottom:14px}
.connector-search input{width:min(100%,300px);padding:9px 11px;border:1px solid var(--line);background:#fff;border-radius:8px}
#connector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(205px,100%),1fr));gap:10px}
.connector-card{display:flex;flex-direction:column;gap:9px;background:white;border:1px solid var(--line);border-radius:12px;padding:13px;overflow-wrap:anywhere}
.connector-card p{font-size:12px;color:var(--muted);flex:1}
.connector-mark{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;background:#f3f3f3;font-size:16px;font-weight:650}
.connector-mark img{width:19px;height:19px}
.connector-pill{font-size:10px;background:#f4f4f4;padding:3px 7px;border-radius:20px}
.connector-action{align-self:start;border:1px solid var(--line);border-radius:7px;padding:5px 9px;font-size:12px}
@media(max-width:650px){
 .connector-view .workspace>main{padding:18px 14px}
 .connector-header{align-items:flex-start;flex-direction:column}
 .connector-installed{align-items:flex-start;flex-direction:column;gap:2px}
 #sheet-content .team-tools{flex-wrap:wrap}
}

#connector-page{width:min(100%,1090px)}
.connector-header{padding:24px 0 26px;border-bottom:1px solid var(--line);margin-bottom:24px}
.connector-header h2{font-size:clamp(31px,4vw,46px);line-height:1.1;margin:6px 0}
.connector-kicker{font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:650}
.connector-header .primary{padding:11px 14px;border-radius:9px}
.connector-section-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.connector-section-title h3,.connector-installed h3{font-size:17px;margin:0}
.connector-demo{margin:0;padding:2px 7px;border:1px solid var(--line);border-radius:20px;background:white;font-size:10px}
#connector-active{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px}
.connector-active-row{display:flex;align-items:center;gap:8px;min-width:0;padding:9px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:12px}
.connector-active-row>div{flex:1;min-width:0;overflow-wrap:anywhere}
.connector-mark{flex:none}
.connector-active-label{color:var(--muted);font-size:12px}
.connector-directory{margin-top:28px}
.connector-installed{border:0;padding:0}
.connector-search{position:relative;display:block;margin:0}
.connector-search .ui-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}
.connector-search input{width:min(230px,100%);padding-left:32px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#connector-filters{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}
.connector-filter{padding:5px 9px;border-radius:20px;background:#fff;border:1px solid var(--line);font-size:11px}
.connector-filter[aria-pressed=true]{background:#202020;color:#fff;border-color:#202020}
.connector-card{padding:15px;gap:8px;transition:border-color .15s}
.connector-card:hover{border-color:#c9c9c9}
.connector-card-top{margin-bottom:3px}
@media(max-width:650px){.connector-header{padding-top:8px}.connector-installed{gap:10px}.connector-search input{font-size:16px}}

.connector-access{display:grid;gap:12px;margin:14px 0 18px}
.connector-access-summary{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;background:#f6f6f6}
.connector-scope{padding:11px;border:1px solid var(--line);border-radius:9px}
.connector-scope strong{font-size:13px}
.connector-scope p,.connector-demo-note{font-size:12px;color:var(--muted);margin:3px 0 0}
.connector-access-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}

.memory-view .workspace>main{grid-column:2/-1;border-radius:12px;overflow:auto;padding:26px}
.memory-view .workspace>.right,.memory-view .workspace>.channel-panel,.memory-view main>:not(#memory-page){display:none}
#memory-page{width:min(100%,1240px);margin-inline:auto}
.wiki-header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:28px 0 22px}
.wiki-header h2{font-family:Georgia,serif;font-size:clamp(36px,5vw,54px);font-weight:500;letter-spacing:-.05em;line-height:1.05;margin:4px 0 8px}
.wiki-header p{margin:0;color:var(--muted);font-size:14px}
.wiki-header .wiki-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:650}
.wiki-header .primary{flex:none}
.memory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,230px);gap:12px}
.memory-toolbar label{display:grid;gap:5px;font-size:12px;font-weight:550}
.memory-toolbar input,.memory-toolbar select,.create select,.create textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;font:inherit;color:inherit}
.create textarea{min-height:130px;resize:vertical}
.memory-scope{margin:9px 0 16px;color:var(--muted);font-size:12px}
.wiki-layout{display:grid;grid-template-columns:minmax(125px,.75fr) minmax(195px,1.05fr) minmax(0,2.7fr);align-items:start;border-top:1px solid var(--line);overflow-wrap:anywhere}
.wiki-topics,.wiki-index{min-width:0;padding:18px 10px 14px 0}
.wiki-index{border-left:1px solid var(--line);padding-inline:12px}
.wiki-topics h3,.wiki-index h3{font-size:13px;margin:0}
.wiki-topics h3{margin:5px 8px 12px}
#memory-topics,#memory-list{display:grid;gap:3px}
.wiki-topic,.memory-row{width:100%;background:transparent;text-align:left;border:0;border-radius:7px;padding:8px;color:inherit}
.wiki-topic{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:12px}
.wiki-topic small{font-variant-numeric:tabular-nums;color:var(--muted)}
.wiki-topic[aria-pressed=true],.memory-row[aria-current=true]{background:#ececea}
.wiki-topic:hover,.memory-row:hover{background:#f0f0ee}
.wiki-index-header{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:0 0 9px}
#memory-sort{max-width:85px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:4px;font:inherit;font-size:11px;color:inherit}
.memory-row{display:grid;gap:3px;line-height:1.35}
.memory-row strong{font-size:13px;font-weight:600}
.memory-row small,.wiki-empty{font-size:12px;color:var(--muted)}
#memory-pagination:not(:empty){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;border-top:1px solid var(--line);margin-top:10px;padding-top:8px}
#memory-pagination button,.wiki-reader-back,.wiki-edit{border:0;background:transparent;color:inherit;font:inherit;font-size:12px;padding:5px 4px}
#memory-pagination button:disabled{opacity:.42}
#memory-article{min-width:0;min-height:410px;background:#fff;border-left:1px solid var(--line);padding:clamp(16px,2.4vw,32px)}
.wiki-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;color:var(--muted)}
.wiki-access{border:1px solid var(--line);border-radius:99px;padding:2px 7px}
.wiki-edit{margin-left:auto;text-decoration:underline;text-underline-offset:3px}
#memory-entry-title{font:500 clamp(25px,3vw,38px)/1.14 Georgia,serif;letter-spacing:-.028em;margin:15px 0 8px}
.wiki-intro{color:#555;margin:0 0 17px;line-height:1.5}
.wiki-contents{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;border-block:1px solid var(--line);padding:10px 0;margin:14px 0;font-size:12px}
.wiki-contents button,.wiki-related button{border:0;background:none;color:#404040;padding:2px 0;font:inherit;text-decoration:underline;text-underline-offset:3px;text-align:left}
.wiki-body h4,.wiki-related h4{font:500 21px/1.2 Georgia,serif;margin:20px 0 7px}
.wiki-body p{font-size:14px;line-height:1.65;margin:0 0 10px;white-space:pre-wrap}
.wiki-related{display:grid;justify-items:start;gap:5px;border-top:1px solid var(--line);margin-top:22px;font-size:13px}
.wiki-reader-back{display:none}
@media(max-width:1030px){
 .wiki-layout{grid-template-columns:minmax(170px,1fr) minmax(0,2fr)}
 .wiki-topics{grid-column:1/-1;padding:10px 0}
 .wiki-topics h3{margin:4px 0}
 #memory-topics{display:flex;flex-wrap:wrap}
 .wiki-topic{width:auto}
 .wiki-index{border-left:0;padding-left:0}
}
@media(max-width:650px){
 .memory-view .workspace>main{padding:18px 14px}
 .wiki-header{margin-top:20px;align-items:center}
 .memory-toolbar,.wiki-layout{grid-template-columns:minmax(0,1fr)}
 .memory-toolbar input,.memory-toolbar select{font-size:16px}
 #memory-article{display:none;border:1px solid var(--line);border-radius:10px;min-height:0}
 #memory-page.wiki-reading #memory-article:not([hidden]){display:block}
 .wiki-reading .wiki-topics,.wiki-reading .wiki-index{display:none}
 .wiki-reader-back{display:block;margin:0 0 12px}
 .wiki-index{padding-inline:0}
 .memory-row{padding:12px 8px;border-bottom:1px solid var(--line)}
}

@media(max-width:650px){
 .mobile-bar{order:-1;background:#fff;min-height:calc(52px + env(safe-area-inset-top));padding-inline:12px}
 #mobile-current{min-width:0}
 #mobile-current strong{font-size:13px}
 #mobile-current small{font-size:10px}
 .channel-view #channel-title{display:none}
 .channel-view main .conversation{padding-top:4px}
 #sheet-content aside>:not(.team-tools){display:none}
 #sheet-content .team-tools{display:grid;gap:6px;padding:0}
 #sheet-content .team-tools button{text-align:left;padding-inline:12px;background:#fff}
}

.settings-view .workspace>main{grid-column:2/-1;border-radius:12px;overflow:auto;padding:26px}
.settings-view .workspace>.right,.settings-view .workspace>.channel-panel,.settings-view main>:not(#settings-page){display:none}
#settings-page{width:min(100%,850px);margin-inline:auto}
.settings-group{background:white;border:1px solid var(--line);border-radius:13px;padding:16px}
.settings-group h3{font-size:15px;margin:0 0 8px}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.settings-row + .settings-row{border-top:1px solid var(--line)}
.settings-row input{width:19px;height:19px;flex:none;accent-color:#222}
@media(max-width:650px){
 .settings-view .workspace>main{padding:18px 14px}
}

#profile-models{display:grid;gap:9px}
.model-profile-row{display:grid;gap:2px}
.model-profile-row strong{font-size:12px}
#profile-models .connector-action{justify-self:start}
.model-routing-details{display:grid;gap:10px;margin:14px 0}
.model-routing-details blockquote{margin:0;padding:10px 12px;border-left:2px solid #aaa;background:#f6f6f6;border-radius:0 8px 8px 0;font-size:13px}
.model-activity small{margin-top:2px;font-size:10px}

.model-recommendation{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.model-recommendation label{display:grid;gap:5px;font-size:12px;font-weight:650}
.model-recommendation textarea{box-sizing:border-box;width:100%;min-width:0;resize:vertical;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fafafa;color:inherit;font:inherit;font-weight:400}
.model-recommendation-actions{display:flex;flex-wrap:wrap;gap:7px}
.model-recommendation-actions .primary{font-size:12px}
.model-recommendation>small{font-size:10px}
@media(max-width:650px){.model-recommendation textarea{font-size:16px}}

.usage-group{margin-bottom:16px}
.usage-heading,.usage-metrics{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.usage-heading h3{margin-bottom:2px}
.usage-heading button{flex:none}
.usage-metrics{justify-content:flex-start;gap:clamp(16px,5vw,48px);margin-top:18px}
.usage-metrics strong{display:block;font-size:clamp(20px,4vw,29px);letter-spacing:-.04em}
#usage-progress{height:8px;margin-top:12px}
.usage-note{font-size:12px;color:var(--muted);margin-top:6px}
.usage-breakdown{margin:14px 0 6px;border-top:1px solid var(--line);padding-top:10px}
.usage-breakdown dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;margin:10px 0;font-size:13px}
.usage-breakdown dd{margin:0;text-align:right}

.settings-sections{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 15px}
.settings-sections button{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:white;font-size:12px}
.settings-sections button[aria-pressed=true]{background:#202020;color:#fff;border-color:#202020}
.settings-form{display:grid;gap:12px;max-width:440px;margin-top:14px}
.settings-form label{display:grid;gap:5px;font-size:12px}
.settings-form input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font:inherit}
.settings-form-actions{display:flex;align-items:center;gap:10px;font-size:12px}
.billing-pill{background:#f3f3f3;border-radius:8px;padding:4px 8px;white-space:nowrap;font-size:12px}
@media(max-width:650px){.settings-form input{font-size:16px}}

.vault-intro{font-size:13px;margin-bottom:10px}
.vault-demo{font-size:12px;color:var(--muted);margin-bottom:14px}
#vault-entries{display:grid;gap:8px}
.vault-entry{display:grid;gap:4px;border:1px solid var(--line);border-radius:10px;padding:12px}
.vault-entry-detail{font-size:12px;color:var(--muted)}
.vault-entry .model-recommendation-actions{margin-top:6px}
.vault-request-scope{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;padding:10px 11px;background:#f4f4f4;border-radius:8px;font-size:12px}
.vault-request-scope dt{color:var(--muted)}
.vault-request-scope dd{margin:0;font-weight:550;overflow-wrap:anywhere}
@media(max-width:650px){
 .mobile-bar{grid-template-columns:36px minmax(0,1fr) auto;background:#fff;gap:6px;min-height:calc(56px + env(safe-area-inset-top));text-align:left}
 .mobile-bar button{min-height:44px;background:transparent;padding:0 8px}
 #mobile-team{display:grid;place-items:center;width:36px;padding:0}
 #mobile-profile{min-width:44px;font-size:22px;line-height:1}
 #mobile-current{display:flex;align-items:center;gap:8px;min-width:0}
 #mobile-current img{width:32px;height:32px;border-radius:9px;object-fit:cover;flex:none}
 .mobile-identity{min-width:0}
 .mobile-identity strong,.mobile-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .workspace>main .stage{
   width:100%;
   height:clamp(82px,17dvh,132px);
   max-height:none;
   aspect-ratio:auto;
   margin:0;
   border-radius:0;
   border-bottom:1px solid var(--line);
 }
 .workspace>main .stage :is(img,video){object-position:center 37%}
 .workspace>main:has(#chatform input:focus) .stage{height:clamp(46px,10dvh,74px)}
 .stage .identity{display:none}
 main #log{padding-inline:12px}
 .message-stack>div:first-child{background:#efefef;border-radius:13px;padding:11px 13px}
 .message-stack>div.mine:first-child{border-radius:13px;padding:11px 13px}
 #log .message p{font-size:16px;line-height:1.45}
 .message .secret-card{border-radius:12px}
 #chatform{border-radius:0;border-width:1px 0 0;background:#fff;margin:0;padding:8px 12px;min-height:58px;box-shadow:none}
 #chatform input{border-radius:8px;background:#f4f4f4;padding:9px}
 #chatform .composer-plus{border-radius:8px;background:#f0f0f0;color:#555}
 #chatform .send{border-radius:8px}
 #chatform:not(:focus-within) .send{opacity:1}
}

.mobile-workspace-menu{display:none}
@media(max-width:650px){
 .mobile-workspace-menu{display:block;position:relative;flex:none;margin:0;z-index:5}
 .mobile-workspace-menu summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:22px;line-height:1}
 .mobile-workspace-menu summary::-webkit-details-marker{display:none}
 .mobile-menu-items{position:absolute;right:0;top:calc(100% + 7px);display:grid;width:min(210px,calc(100vw - 28px));padding:5px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0002}
 .mobile-menu-items button{display:flex;align-items:center;gap:10px;min-height:44px;text-align:left;padding:7px 10px;border-radius:7px}
 .mobile-menu-items button[aria-current=page]{background:#f1f1f1;font-weight:650}
 .overview-top{gap:6px}
 .overview-top>div:first-child{flex:1;min-width:0}
 .connector-toolbar .mobile-workspace-menu{margin-left:auto}
}

.chat-typing{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;padding:2px 0 8px}
.chat-typing img{width:26px;height:26px;object-fit:cover;border-radius:8px}
.chat-typing-dots{display:inline-flex;align-items:center;gap:3px}
.chat-typing-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:chat-dot 1.15s ease-in-out infinite}
.chat-typing-dots i:nth-child(2){animation-delay:.14s}
.chat-typing-dots i:nth-child(3){animation-delay:.28s}
@keyframes chat-dot{0%,65%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.chat-typing-dots i{animation:none}}

.overview-top>div:first-child{flex:1;min-width:0}
.templates-view .workspace>main{grid-column:2/-1;border-radius:12px;overflow:auto;padding:26px}
.templates-view .workspace>.right,.templates-view .workspace>.channel-panel,.templates-view main>:not(#templates-page){display:none}
#templates-page{width:min(100%,1090px);margin-inline:auto}
.template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px}
.template-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}
.template-card h3,.template-card p{margin:0}
.template-card p{color:var(--muted);font-size:13px}
.template-lineup{list-style:none;margin:0;padding:8px 0;display:grid;align-content:start;gap:7px;border-block:1px solid var(--line)}
.template-lineup li{display:flex;align-items:center;gap:8px;font-size:12px}
.template-lineup img{width:24px;height:24px;border-radius:6px;object-fit:cover}
.template-card button,.agent-workspace button{justify-self:start}
.rail [data-workspace-tab]{max-width:100%;line-height:1.15;text-wrap:balance;padding-inline:2px}
.rail button[aria-current=page] span{background:#e9e9e7}
.nav-icon{display:block;flex:none}
@media(max-width:650px){.templates-view .workspace>main{padding:18px 14px}}
.agent-danger{background:transparent;color:#a42525;padding:5px 0;border:0;font:inherit;text-align:left}
.agent-danger:hover{text-decoration:underline}
.agent-delete-confirm{background:#aa2727}

.rail .mark img{display:block}
.mobile-brand{display:none}
@media(max-width:650px){
 .mobile-brand{display:flex;align-items:center;gap:5px;margin-bottom:6px;font-size:13px;font-weight:650}
}

/* Department workspace */
.sidebar-org{display:grid;gap:4px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.sidebar-org>span{font-size:13px;font-weight:650}
.sidebar-org small,.org-preview,.department-switch>span{font-size:11px;color:var(--muted)}
.department-switch select,.org-preview select{min-width:0;max-width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}
.department-switch{display:grid;gap:3px;flex:none;font-size:13px}
.org-eyebrow{font-size:10px;font-weight:650;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}
.overview-top #overview-title{font-size:clamp(30px,4vw,42px);line-height:1.1}
.org-preview{display:flex;align-items:center;gap:7px;margin-top:8px}
.org-preview select{font-size:12px}
.department-people,.demo-settings{margin-top:18px;padding-top:10px;border-top:1px solid var(--line);font-size:13px}
.demo-settings summary{font-size:12px;color:var(--muted);font-weight:500}
.department-agents-heading h3{margin:0;font-size:16px}
.overview-view #add{display:none}
#department-people{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.department-person{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 10px}
.department-person img,.human-initial{width:29px;height:29px;flex:none;border-radius:8px;object-fit:cover}
.human-initial{display:inline-grid;place-items:center;background:#ebeae7;color:#43423e;font-size:12px;font-weight:650}
.department-person strong,.department-person small,.department-suggestion small,#agent-ownership small{display:block}
.department-person strong,.department-suggestion strong{font-size:12px}
.department-person small,.department-suggestion small,#agent-ownership small{color:var(--muted)}
.department-agents-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.department-agents-heading button{flex:none;background:#fff}
#department-suggestions{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
#department-suggestions h4{margin:0 0 5px;font-size:12px}
.department-suggestion{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}
.channel-member>span:last-child{min-width:0}
.overview-channel-faces .human-initial{width:21px;height:21px;border-radius:50%;font-size:9px}
@media(max-width:650px){
 .overview-top{flex-wrap:wrap}
 .overview-top>div:first-child{flex-basis:calc(100% - 52px)}
 .overview-top .mobile-workspace-menu{order:1;align-self:start}
 .department-switch{order:2}
 .org-preview select,.department-switch select{font-size:16px}
 .department-agents-heading{align-items:start}
 .department-agents-heading button{min-height:40px}
}

#channels button[hidden]{display:none}

.org-eyebrow{text-transform:uppercase}
.onboarding-intro{color:var(--muted);font-size:13px;margin:0 0 14px}
.onboarding-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:10px}
.onboarding-options article{display:flex;flex-direction:column;gap:8px;align-items:start;background:#f9f9f8;border:1px solid var(--line);border-radius:10px;padding:14px}
.onboarding-options h4,.onboarding-options p{margin:0}
.onboarding-options p{flex:1;color:var(--muted);font-size:13px}
.onboarding-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.onboarding-progress{font-size:11px;color:var(--muted);font-weight:650}
.onboarding-actions{display:flex;justify-content:space-between;gap:8px;margin-top:6px}
.onboarding-form .onboarding-hint{font-size:12px;color:var(--muted);margin:0}
.onboarding-form>button{justify-self:start}
.onboarding-form textarea{min-height:75px}
.onboarding-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;font-size:13px}
.onboarding-summary dt{color:var(--muted)}
.onboarding-summary dd{margin:0;overflow-wrap:anywhere}
@media(max-width:650px){.onboarding-form select,.onboarding-form textarea{font-size:16px}}