/* Familiar, minimal chat composer on the white workspace. */
.chat-composer{
 width:min(760px,100%);
 padding:16px 16px 12px;
 border:1px solid #dedede;
 border-radius:28px;
 background:#fff;
 box-shadow:0 2px 8px #00000009;
}
.chat-composer #chat-input{
 min-height:32px;
 height:32px;
 max-height:240px;
 padding:2px 6px;
 border:0;
 border-radius:0;
 background:transparent;
 color:#202020;
 font-family:Arial,'Segoe UI',sans-serif;
 font-size:18px;
 line-height:1.55;
 text-align:center;
 resize:none;
 overflow-y:hidden;
 outline:none;
 box-shadow:none;
}
.chat-composer #chat-input::placeholder{color:#777;opacity:1}
.chat-composer #chat-input:focus-visible{outline:none}
.chat-composer:focus-within{border-color:#b9b9b9;box-shadow:0 2px 10px #0000000c}
.chat-composer .selector-row{
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content:space-between!important;
 gap:12px;
 min-height:38px;
 padding:0;
 position:static;
}
.chat-composer .selector-row #trigger-select{
 flex:0 1 auto;
 width:auto;
 max-width:calc(100% - 54px);
 min-height:36px;
 padding:8px 37px 8px 17px;
 border:1px solid #8dcdf0;
 border-radius:20px;
 appearance:none;
 background:linear-gradient(120deg,#eafaff,#d8efff 58%,#e5edff);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%231b78b1' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(120deg,#eafaff,#d8efff 58%,#e5edff);
 background-repeat:no-repeat;
 background-position:right 14px center,center;
 color:#165e8d;
 font-size:16px;
 text-align:left;
 text-align-last:left;
 box-shadow:inset 0 1px 0 #fff,0 2px 8px #108ed015;
 transition:box-shadow .2s,border-color .2s;
 cursor:pointer;
}
.chat-composer .selector-row #trigger-select:hover{border-color:#29b8ee;box-shadow:inset 0 1px 0 #fff,0 0 15px #27bcff35}
.chat-composer .selector-row #trigger-select:focus-visible{outline:2px solid #57c7f4;outline-offset:3px}
.chat-composer .selector-row #open-workflow{
 position:static;
 width:38px;
 height:38px;
 flex:0 0 38px;
 min-height:38px;
 padding:0;
 border:0;
 border-radius:50%;
 background:#171717;
 color:#fff;
 font-size:26px;
 font-weight:400;
 line-height:1;
 transform:none;
 box-shadow:none;
 filter:none;
}
.chat-composer .selector-row #open-workflow:hover{background:#3b3b3b;color:#fff;box-shadow:none;transform:none}
.chat-composer .selector-row #open-workflow:focus-visible{outline:2px solid #777;outline-offset:3px}
@media(max-width:740px){.chat-composer{padding:12px 12px 10px;border-radius:24px}.chat-composer #chat-input{font-size:18px;min-height:32px}}