.playground{height:calc(100vh - 56px);display:flex}.playground .playground-left-menu{flex:0 1 auto;position:relative}.playground .playground-left-menu .ant-menu-root{height:100%}.playground .playground-header{position:relative;height:48px;line-height:48px}.playground .playground-header .playground-title{border:none;font-size:16px;font-style:normal;font-weight:590;text-align:center}.playground .playground-header .playground-header-right-op{position:absolute;right:12px;top:0;white-space:nowrap}.playground .playground-header .playground-header-right-op>*{margin-right:12px}.playground .playground-content{width:100%;height:100%}.playground .playground-content .h2-title{padding:16px 24px;border-bottom:1px solid #424242}.playground .playground-main{display:flex;flex:1 1 auto;padding:12px;box-sizing:border-box;height:calc(100% - 48px);background-color:var(--gray-04)}.playground .playground-main>div{max-height:100%;overflow:auto}.playground .system-prompt{border-radius:4px;background-color:var(--white-100);display:flex;flex-flow:column;flex:3 3 auto;padding:20px;margin-right:8px}.playground .system-prompt .h3-title{color:var(--gray-88,rgba(0,0,0,.88));font-size:13px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.playground .system-prompt .system-prompt-input{margin-top:16px;height:calc(100% - 88px)!important;border:none;padding:0;resize:none}.playground .main-prompt{border-radius:4px;display:flex;flex-flow:column;flex:7 7 auto;background-color:var(--white-100);padding:20px}.playground .main-prompt .main-prompt-bottom{position:-webkit-sticky;position:sticky;bottom:-20px;padding:20px 0;background-color:#fff;margin-top:40px}.playground .main-prompt .main-prompt-bottom>.main-prompt-button{margin-right:8px}.playground .main-prompt .main-prompt-top{margin-bottom:20px;color:#fff}.playground .main-prompt .main-prompt-top .main-prompt-button{margin-left:20px}.playground .main-control{border-radius:4px;background-color:var(--white-100);flex:2 0 194px;padding:0 20px}.playground .title-h3{color:var(--gray-88);font-size:13px;font-weight:400;left:0;letter-spacing:0;line-height:normal}.playground .title-h3-mt{margin-top:24px}.playground .mr12{margin-left:12px}.history-dropdown{max-height:268px;overflow:auto;box-shadow:0 0 24px #bfbfbf}.history-dropdown .history-dropdown-item{display:flex;align-items:center}.history-dropdown .history-dropdown-item .dropdown-item-title-h3{padding:4px 20px;font-weight:700;font-size:14px;color:#bfbfbf;border-bottom:1px dashed hsla(0,0%,100%,.6);flex:1;text-align:center}.history-dropdown .history-dropdown-item .dropdown-item-desc{font-size:12px;color:#8c8c8c}.history-dropdown .history-dropdown-item .dropdown-item-content{flex:1}.history-dropdown .history-dropdown-item .love-btn{flex:0}.show-md-modal .ant-modal-content{padding:0!important;overflow:hidden}.show-md-modal .ant-modal-confirm-content{width:100%}.show-md-modal .markdown-container{width:100%;padding:0;margin:0}.show-md-modal .code-container{margin:0!important}.show-md-modal .code-container ::-webkit-scrollbar-track{background-color:#f5f2f0!important}.show-md-modal .code-container ::-webkit-scrollbar{height:6px!important}.show-md-modal .ant-modal-confirm-btns{padding:12px;background-color:#f5f2f0;margin-top:0}.show-md-modal .ant-modal-confirm-paragraph{max-width:100%!important}.message-list .message-list-item{border-bottom:1px solid var(--gray-12,rgba(0,0,0,.12));display:flex;flex-direction:row;padding:24px 12px;align-items:center}.message-list .message-list-item:hover{background-color:rgba(0,0,0,.039)}.message-list .message-list-item:has(.ant-input:focus){background-color:rgba(0,0,0,.039);border-bottom-color:#165a4b}.message-list .message-list-role{font-size:12px;font-weight:700;line-height:16px;text-transform:uppercase;cursor:pointer;width:100px}.message-list .message-list-role .message-list-role-name{height:30px;box-sizing:border-box;display:inline-block;border-radius:4px;padding:8px;color:rgba(0,0,0,.878)}.message-list .message-list-role .message-list-role-name:hover{background-color:#e6e6e6}.message-list .message-prompt-input{border:none;margin-right:16px;font-size:16px;line-height:24px;color:rgba(0,0,0,.878);margin-left:8px}.message-list .delete-icon{width:28px;height:28px;padding:6px;box-sizing:border-box;border-radius:4px;cursor:pointer;color:rgba(0,0,0,.4);text-align:center}.message-list .delete-icon:hover{background-color:rgba(0,0,0,.059)}.message-list .message-list-bottom{padding:24px 20px;display:flex}.message-list .message-list-bottom-left{flex:1;cursor:pointer;color:#0f4037;font-size:13px;font-style:normal;font-weight:700;line-height:normal;align-items:center;display:flex}.message-list .message-list-bottom-left>.y-icon-plus{margin-right:12px;height:16px;width:16px}.message-list .message-list-bottom-left>.y-icon-plus path{fill:#0f4037}.message-list .message-list-bottom-left:hover{color:rgba(0,0,0,.878)}.message-list .message-list-bottom-left:hover .y-icon-plus path{fill:rgba(0,0,0,.878)}.message-list .message-list-bottom-right{padding-right:20px;cursor:pointer;flex:1;color:var(--gray-60,rgba(0,0,0,.6));font-size:13px;font-style:normal;font-weight:510;line-height:normal;display:flex;justify-content:flex-end;align-items:center}.message-list .message-list-bottom-right .y-icon-trash{font-size:16px;margin-right:4px}.message-list .message-list-bottom-right:hover{color:rgba(0,0,0,.878)}.history-drawer .ant-drawer-header{align-items:center;background-color:var(--x-6-9c-2b-1);display:flex;justify-content:space-between;padding:14px 12px 14px 20px;position:relative}.history-drawer .ant-drawer-close{order:2;margin-right:0;font-size:16px;font-weight:700}.history-drawer .ant-drawer-title{color:var(--gray-88);font-size:18px;font-weight:700;letter-spacing:0;line-height:27px}.history-drawer .ant-drawer-body{background-color:var(--white-100);padding:20px;position:relative}.history-drawer .history-item{cursor:pointer;align-items:center;border-radius:4px;display:flex;height:44px;padding:0 12px;position:relative}.history-drawer .history-item:hover{background-color:var(--gray-06)}.history-drawer .history-item[data-selected=true]{background-color:#ddebe7}.history-drawer .history-item .history-item-title{color:var(--gray-88);font-size:14px;font-weight:500;letter-spacing:0;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:224px}.history-drawer .history-item .history-item-opt{white-space:nowrap;margin-left:10px}.history-drawer .history-item .history-item-opt .y-icon{width:20px;height:20px;font-size:16px}.history-drawer .history-item .y-icon-trash{margin-left:4px}.history-drawer .history-item .y-icon-trash:hover{color:#0f4037}.history-drawer .history-item .y-icon-trash:hover svg g{fill:#0f4037}.history-drawer .history-item .y-icon-chat{margin-right:10px;position:relative;top:2px}.history-drawer-container{display:inline-block}.y-icon-edit:hover{color:#0f4037}.playground-slider{position:relative}.playground-slider .playground-slider-input{position:absolute;right:0;top:-36px;width:68px}