@media(min-width:851px){
  #workbench:not(.is-planning){
    --project-width:220px;
    --default-chat-width:360px;
    grid-template-columns:var(--project-width) minmax(320px,1fr) 8px minmax(280px,var(--chat-width,var(--default-chat-width)));
  }
  #workbench:not(.is-planning)>.conversation{grid-column:4}
  .workbench-divider{position:relative;min-height:0;cursor:col-resize;touch-action:none;background:#edf1ec;outline-offset:-2px}
  .workbench-divider::after{content:'';position:absolute;top:calc(50% - 24px);left:3px;width:2px;height:48px;border-radius:2px;background:#aebcaf}
  .workbench-divider:hover,.workbench-divider:focus-visible{background:#dce6dc;outline:2px solid #809b86}
  #workbench.is-column-resizing,#workbench.is-column-resizing *{cursor:col-resize!important;user-select:none}
  #workbench.is-column-resizing iframe{pointer-events:none}
}
@media(min-width:1700px){#workbench:not(.is-planning){--project-width:240px;--default-chat-width:410px}}
@media(min-width:851px) and (max-width:1100px){#workbench:not(.is-planning){--project-width:175px;--default-chat-width:300px}}
@media(max-width:850px){.workbench-divider{display:none!important}}
#workbench.is-planning>.workbench-divider{display:none!important}
