:root{--header-height: 56px;--chat-width: 100%;--chat-max-width: 800px;--workbench-width: 60%;--chat-width-with-workbench: 40%;--transition-timing: cubic-bezier(.4, 0, .2, 1);--transition-duration: .3s}#mcg-main-layout{display:flex;flex-direction:row;height:100%;position:relative}#mcg-chat-container{flex:1 1 auto;transition:flex-basis var(--transition-duration) var(--transition-timing),width var(--transition-duration) var(--transition-timing);min-width:0;padding-right:.5rem;overflow-y:auto;max-height:calc(100vh - var(--header-height))}#mcg-workbench-container{height:100%;overflow:hidden;padding:.5rem;transition:width var(--transition-duration) var(--transition-timing),opacity var(--transition-duration) var(--transition-timing)}#mcg-main-layout[data-chat-started=true] [data-workbench-visible=true] #mcg-chat-container{flex-basis:var(--chat-width-with-workbench);max-width:var(--chat-width-with-workbench)}#mcg-main-layout[data-chat-started=true][data-chat-visible=true] #mcg-chat-container{flex-basis:var(--chat-width-with-workbench);max-width:var(--chat-width-with-workbench);padding-right:.5rem!important;overflow-y:auto!important;transition:all var(--transition-duration) var(--transition-timing)}#mcg-main-layout[data-chat-started=true][data-chat-visible=true][data-workbench-visible=false] #mcg-chat-container{flex-basis:100%!important;max-width:100%!important;transition:all var(--transition-duration) var(--transition-timing)}#mcg-main-layout[data-chat-started=true][data-chat-visible=true] #mcg-workbench-container{flex:0 0 var(--workbench-width);width:var(--workbench-width);transition:all var(--transition-duration) var(--transition-timing)}#mcg-main-layout[data-chat-started=true][data-chat-visible=false] #mcg-chat-container{flex-basis:0!important;max-width:0!important;padding:0!important;overflow:hidden!important;transition:all var(--transition-duration) var(--transition-timing)}#mcg-main-layout[data-chat-started=true][data-chat-visible=false] #mcg-workbench-container{flex:1 1 100%!important;width:100%!important;transition:all var(--transition-duration) var(--transition-timing)}#mcg-main-layout:not([data-chat-started=true]) #mcg-chat-container{display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:unset}.chat-container{max-width:100%;transition:max-width var(--transition-duration) var(--transition-timing),width var(--transition-duration) var(--transition-timing)}.chat-panel,.workbench-panel{transition:all var(--transition-duration) var(--transition-timing)}