/* final connected settings web layout */
body.settings-mode,
body.settings-mode .app,
body.settings-mode .settings-workspace{
  background:#fff!important;
  height:100vh!important;
  overflow:hidden!important;
}
body.settings-mode .settings-workspace{
  display:grid!important;
  grid-template-rows:56px minmax(0,1fr)!important;
}
body.settings-mode .settings-top{
  height:56px!important;
  min-height:56px!important;
  padding:0 18px!important;
  background:#fff!important;
  border-bottom:1px solid #e6ebf2!important;
  box-shadow:none!important;
}
body.settings-mode .settings-main{
  height:calc(100vh - 56px)!important;
  min-height:0!important;
  max-height:calc(100vh - 56px)!important;
  padding:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.settings-mode .settings-form.settings-left-right{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:236px minmax(0,1fr)!important;
  gap:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.settings-mode .settings-nav{
  height:100%!important;
  padding:14px 10px!important;
  background:#fbfcfe!important;
  border-right:1px solid #e1e7f0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.settings-mode .settings-primary-item{
  height:42px!important;
  min-height:42px!important;
  margin:0 0 4px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#4f5b6b!important;
  font-size:14px!important;
  font-weight:540!important;
  text-align:left!important;
}
body.settings-mode .settings-primary-item::after{display:none!important;}
body.settings-mode .settings-primary-item::before{display:none!important;}
body.settings-mode .settings-primary-item:hover{background:#f2f6fb!important;color:#1f2937!important;}
body.settings-mode .settings-primary-item.active{background:#eef5ff!important;color:#1769ff!important;font-weight:660!important;}
body.settings-mode .settings-content{
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
body.settings-mode .settings-view,
body.settings-mode .settings-view.active{
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-layout{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:238px minmax(430px,540px) minmax(560px,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-list-panel{
  height:100%!important;
  min-height:0!important;
  padding:12px 10px!important;
  background:#fff!important;
  border:0!important;
  border-right:1px solid #e1e7f0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.settings-mode .settings-model-list-panel .settings-add-bottom{
  width:100%!important;
  height:38px!important;
  margin:0 0 10px!important;
  border:0!important;
  border-radius:10px!important;
  background:#f2f6ff!important;
  color:#1769ff!important;
  font-size:13px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
body.settings-mode .settings-model-list-panel .settings-provider-list{
  height:auto!important;
  max-height:calc(100% - 48px)!important;
  overflow:auto!important;
  padding:0!important;
  gap:3px!important;
}
body.settings-mode .settings-model-list-panel .settings-provider{
  height:40px!important;
  min-height:40px!important;
  width:100%!important;
  padding:0 10px!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) 30px!important;
  gap:9px!important;
  align-items:center!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#4f5b6b!important;
}
body.settings-mode .settings-model-list-panel .settings-provider:hover{background:#f5f7fb!important;color:#1f2937!important;}
body.settings-mode .settings-model-list-panel .settings-provider.active{background:#eef5ff!important;color:#1769ff!important;}
body.settings-mode .settings-model-list-panel .settings-provider-logo{width:20px!important;height:20px!important;object-fit:contain!important;}
body.settings-mode .settings-model-list-panel .settings-provider-name{font-size:13px!important;font-weight:560!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.settings-mode .settings-model-list-panel .settings-provider-meta{display:none!important;}
body.settings-mode .settings-model-list-panel .provider-switch{width:30px!important;height:17px!important;background:#e6ebf2!important;border:0!important;}
body.settings-mode .settings-model-list-panel .provider-switch.on{background:#1769ff!important;}
body.settings-mode .settings-model-list-panel .provider-switch::after{width:13px!important;height:13px!important;top:2px!important;left:2px!important;}
body.settings-mode .settings-model-list-panel .provider-switch.on::after{transform:translateX(13px)!important;}
body.settings-mode .settings-model-detail{
  height:100%!important;
  min-height:0!important;
  display:block!important;
  overflow:auto!important;
  padding:22px 28px 30px!important;
  background:#fff!important;
  border:0!important;
  border-right:1px solid #e1e7f0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.settings-mode .settings-model-detail>.settings-row,
body.settings-mode .settings-model-detail .advanced-box>.settings-row{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 18px!important;
  border:0!important;
  background:transparent!important;
}
body.settings-mode .settings-model-detail .settings-row label{
  display:block!important;
  height:auto!important;
  padding:0!important;
  margin:0 0 8px!important;
  border:0!important;
  background:transparent!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:620!important;
  text-align:left!important;
}
body.settings-mode .settings-model-detail .settings-row input,
body.settings-mode .settings-model-detail .settings-row select,
body.settings-mode .settings-model-detail .settings-row textarea{
  width:100%!important;
  height:40px!important;
  line-height:40px!important;
  padding:0 12px!important;
  border:1px solid #dfe7f2!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#1f2937!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  box-shadow:none!important;
}
body.settings-mode .settings-model-detail .settings-row input:focus,
body.settings-mode .settings-model-detail .settings-row select:focus,
body.settings-mode .settings-model-detail .settings-row textarea:focus{
  border-color:#8ab4ff!important;
  box-shadow:0 0 0 3px rgba(23,105,255,.08)!important;
  outline:none!important;
}
body.settings-mode .settings-model-detail .secret-line{
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 58px!important;
  gap:8px!important;
}
body.settings-mode .settings-model-detail .secret-line input{height:40px!important;line-height:40px!important;}
body.settings-mode .settings-model-detail .fetch-models-btn{
  width:58px!important;
  height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:#eef5ff!important;
  color:#1769ff!important;
  font-size:13px!important;
  font-weight:650!important;
}
body.settings-mode .settings-model-detail .advanced-toggle{display:none!important;}
body.settings-mode .settings-model-detail .advanced-box,
body.settings-mode .settings-model-detail .advanced-box.hidden{
  display:block!important;
  margin:4px 0 0!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}
body.settings-mode .settings-model-detail .headers-row{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:visible!important;
}
body.settings-mode .settings-model-detail .headers-row textarea,
body.settings-mode #fHeaders{
  height:180px!important;
  min-height:180px!important;
  max-height:180px!important;
  resize:none!important;
  overflow:auto!important;
  padding:10px 12px!important;
  line-height:1.55!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono',monospace!important;
  font-size:13px!important;
}
body.settings-mode .settings-model-options-panel{
  height:100%!important;
  min-height:0!important;
  padding:22px 26px!important;
  overflow:auto!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.settings-mode .settings-model-options-panel .settings-model-list-row{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:block!important;
  overflow:visible!important;
}
body.settings-mode .field-label-row{display:none!important;}
body.settings-mode .model-pill-list{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding:0!important;
}
body.settings-mode .model-mindmap-list{
  display:grid!important;
  grid-template-columns:170px 170px minmax(300px,1fr)!important;
  gap:14px!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
body.settings-mode .model-map-col{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
body.settings-mode .model-map-brand,
body.settings-mode .model-map-type,
body.settings-mode .model-map-model{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border:1px solid #e2e8f0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#475467!important;
  font-size:13px!important;
  font-weight:540!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.settings-mode .model-map-brand.active,
body.settings-mode .model-map-type.active{
  background:#eef5ff!important;
  border-color:#bcd4ff!important;
  color:#1769ff!important;
}
body.settings-mode .model-map-model:hover{
  background:#f6f9ff!important;
  border-color:#c8dcff!important;
  color:#1769ff!important;
}
body.settings-mode .model-map-dot,
body.settings-mode .model-map-brand b,
body.settings-mode .model-map-type b,
body.settings-mode .model-map-brand.active::after,
body.settings-mode .model-map-type.active::after{display:none!important;}
body.settings-mode #fModelOptions{display:none!important;}
body.settings-mode .settings-view[data-settings-panel="display"].active,
body.settings-mode .settings-view[data-settings-panel="account"].active{
  padding:26px 34px!important;
  overflow:auto!important;
}
body.settings-mode .settings-view[data-settings-panel="display"] .settings-clean-panel,
body.settings-mode .settings-view[data-settings-panel="account"] .settings-clean-panel{
  width:min(720px,100%)!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.settings-mode .settings-view[data-settings-panel="display"] .settings-row,
body.settings-mode .settings-view[data-settings-panel="account"] .settings-row{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 18px!important;
  border:0!important;
}
body.settings-mode .settings-view[data-settings-panel="display"] .settings-row label,
body.settings-mode .settings-view[data-settings-panel="account"] .settings-row label{
  display:block!important;
  margin:0 0 8px!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:620!important;
}
body.settings-mode .settings-view[data-settings-panel="display"] input,
body.settings-mode .settings-view[data-settings-panel="display"] select,
body.settings-mode .settings-view[data-settings-panel="account"] input{
  width:100%!important;
  height:40px!important;
  line-height:40px!important;
  padding:0 12px!important;
  border:1px solid #dfe7f2!important;
  border-radius:10px!important;
  font-size:14px!important;
}
@media(max-width:1280px){
  body.settings-mode .settings-model-layout{grid-template-columns:220px minmax(380px,480px) minmax(480px,1fr)!important;}
  body.settings-mode .model-mindmap-list{grid-template-columns:150px 150px minmax(260px,1fr)!important;}
}
@media(max-width:980px){
  body.settings-mode .settings-form.settings-left-right,
  body.settings-mode .settings-model-layout{grid-template-columns:1fr!important;overflow:auto!important;}
  body.settings-mode .settings-nav,
  body.settings-mode .settings-model-list-panel,
  body.settings-mode .settings-model-detail{height:auto!important;border-right:0!important;border-bottom:1px solid #e1e7f0!important;}
  body.settings-mode .model-mindmap-list{grid-template-columns:1fr!important;}
}


/* final settings connected no gaps */
body.settings-mode,
body.settings-mode .app,
body.settings-mode .settings-workspace{
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.settings-mode .settings-workspace{
  display:grid!important;
  grid-template-rows:56px minmax(0,1fr)!important;
}
body.settings-mode .settings-top{
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 16px!important;
  border-bottom:1px solid #e3e9f2!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.settings-mode .settings-main{
  width:100%!important;
  height:calc(100vh - 56px)!important;
  min-height:0!important;
  max-height:calc(100vh - 56px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.settings-mode .settings-form.settings-left-right{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:226px minmax(0,1fr)!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.settings-mode .settings-nav{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:12px 10px!important;
  border-right:1px solid #e0e6ef!important;
  background:#fbfcfe!important;
  overflow:hidden!important;
}
body.settings-mode .settings-content{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.settings-mode .settings-view,
body.settings-mode .settings-view.active,
body.settings-mode .settings-view[data-settings-panel="models"].active{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.settings-mode .settings-model-layout{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:230px minmax(430px,520px) minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.settings-mode .settings-model-list-panel{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:12px 10px!important;
  border:0!important;
  border-right:1px solid #e0e6ef!important;
  border-radius:0!important;
  background:#fdfefe!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-list-panel::before{
  content:'模型品牌';
  display:block;
  height:28px;
  line-height:28px;
  padding:0 8px;
  color:#8a94a6;
  font-size:12px;
  font-weight:620;
}
body.settings-mode .settings-model-list-panel .settings-add-bottom{
  height:34px!important;
  min-height:34px!important;
  margin:0 0 8px!important;
  border-radius:8px!important;
}
body.settings-mode .settings-model-list-panel .settings-provider-list{
  height:calc(100% - 70px)!important;
  max-height:none!important;
  min-height:0!important;
  overflow:auto!important;
  padding:0!important;
}
body.settings-mode .settings-model-list-panel .settings-provider{
  height:38px!important;
  min-height:38px!important;
  margin:0 0 3px!important;
  border-radius:8px!important;
  background:transparent!important;
}
body.settings-mode .settings-model-list-panel .settings-provider.active{
  background:#eef5ff!important;
}
body.settings-mode .settings-model-detail{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:20px 26px!important;
  border:0!important;
  border-right:1px solid #e0e6ef!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:auto!important;
  box-shadow:none!important;
}
body.settings-mode .settings-model-options-panel{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:20px 24px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:auto!important;
  box-shadow:none!important;
}
body.settings-mode .settings-model-detail>.settings-row,
body.settings-mode .settings-model-detail .advanced-box>.settings-row{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.settings-mode .settings-model-detail .settings-row label{
  display:block!important;
  margin:0 0 7px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:620!important;
  line-height:1.3!important;
  text-align:left!important;
}
body.settings-mode .settings-model-detail .settings-row input,
body.settings-mode .settings-model-detail .settings-row select{
  display:block!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  line-height:40px!important;
  padding:0 12px!important;
  border:1px solid #dfe7f2!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#1f2937!important;
  font-size:14px!important;
  font-weight:500!important;
  box-shadow:none!important;
}
body.settings-mode #fTemperature{
  display:block!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  line-height:40px!important;
  resize:none!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-detail .secret-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 58px!important;
  gap:8px!important;
  height:auto!important;
}
body.settings-mode .settings-model-detail .advanced-box,
body.settings-mode .settings-model-detail .advanced-box.hidden{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
body.settings-mode .settings-model-detail .headers-row{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
}
body.settings-mode .settings-model-detail .headers-row label{
  display:block!important;
  margin:0 0 7px!important;
}
body.settings-mode .settings-model-detail .headers-row textarea,
body.settings-mode #fHeaders{
  display:block!important;
  width:100%!important;
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  padding:10px 12px!important;
  border:1px solid #dfe7f2!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#1f2937!important;
  resize:none!important;
  overflow:auto!important;
  box-shadow:none!important;
}
body.settings-mode .settings-model-options-panel .settings-model-list-row,
body.settings-mode .model-pill-list{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.settings-mode .model-mindmap-list{
  width:100%!important;
  display:grid!important;
  grid-template-columns:160px 160px minmax(0,1fr)!important;
  gap:14px!important;
  overflow:visible!important;
}
body.settings-mode .model-map-col{
  min-width:0!important;
  overflow:visible!important;
}
body.settings-mode .model-map-brand,
body.settings-mode .model-map-type,
body.settings-mode .model-map-model{
  max-width:100%!important;
}
@media(max-width:1280px){
  body.settings-mode .settings-form.settings-left-right{grid-template-columns:206px minmax(0,1fr)!important;}
  body.settings-mode .settings-model-layout{grid-template-columns:210px minmax(380px,480px) minmax(0,1fr)!important;}
  body.settings-mode .model-mindmap-list{grid-template-columns:140px 140px minmax(0,1fr)!important;}
}
@media(max-width:980px){
  body.settings-mode .settings-form.settings-left-right,
  body.settings-mode .settings-model-layout{grid-template-columns:1fr!important;overflow:auto!important;}
  body.settings-mode .settings-nav,
  body.settings-mode .settings-model-list-panel,
  body.settings-mode .settings-model-detail,
  body.settings-mode .settings-model-options-panel{height:auto!important;min-height:0!important;border-right:0!important;border-bottom:1px solid #e0e6ef!important;}
  body.settings-mode .model-mindmap-list{grid-template-columns:1fr!important;}
}


/* final settings flush viewport */
body.settings-mode{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.settings-mode .app{
  display:block!important;
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.settings-mode #chatWorkspace{
  display:none!important;
}
body.settings-mode #settingsWorkspace.settings-workspace{
  position:fixed!important;
  inset:0!important;
  z-index:999!important;
  width:100vw!important;
  height:100vh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:56px minmax(0,1fr)!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.settings-mode #settingsWorkspace .settings-top{
  grid-row:1!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #e3e9f2!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.settings-mode #settingsWorkspace .settings-main{
  grid-row:2!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:#fff!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
}
body.settings-mode #settingsWorkspace .settings-form.settings-left-right,
body.settings-mode #settingsWorkspace .settings-content,
body.settings-mode #settingsWorkspace .settings-view,
body.settings-mode #settingsWorkspace .settings-view.active,
body.settings-mode #settingsWorkspace .settings-model-layout{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.settings-mode #settingsWorkspace .settings-nav,
body.settings-mode #settingsWorkspace .settings-model-list-panel,
body.settings-mode #settingsWorkspace .settings-model-detail,
body.settings-mode #settingsWorkspace .settings-model-options-panel{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body.settings-mode #settingsWorkspace .settings-model-detail,
body.settings-mode #settingsWorkspace .settings-model-options-panel{
  overflow:auto!important;
}
body.settings-mode #settingsWorkspace::before,
body.settings-mode #settingsWorkspace::after,
body.settings-mode #settingsWorkspace .settings-main::before,
body.settings-mode #settingsWorkspace .settings-main::after{
  display:none!important;
  content:none!important;
}


/* final hide advanced defaults below key env */
body.settings-mode #fKeyEnv,
body.settings-mode #fKeyEnv.closest-row{display:none!important;}
body.settings-mode .settings-model-detail .advanced-box .settings-row:has(#fKeyEnv),
body.settings-mode .settings-model-detail .advanced-box .settings-row:has(#fAllowEmptyKey),
body.settings-mode .settings-model-detail .advanced-box .settings-row:has(#fTemperature),
body.settings-mode .settings-model-detail .advanced-box .settings-row:has(#fMaxTokens),
body.settings-mode .settings-model-detail .advanced-box .settings-row:has(#fTimeout),
body.settings-mode .settings-model-detail .advanced-box .headers-row{
  display:none!important;
}


/* final provider list under model service */
body.settings-mode[data-settings-view="models"] .settings-nav .settings-model-list-panel{
  display:block!important;
}
body.settings-mode:not([data-settings-view="models"]) .settings-nav .settings-model-list-panel{
  display:none!important;
}
body.settings-mode .settings-nav .settings-model-list-panel{
  position:static!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - 190px)!important;
  margin:4px 0 0!important;
  padding:0 0 10px 0!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
body.settings-mode .settings-nav .settings-model-list-panel::before{
  content:''!important;
  display:none!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-add-bottom{
  width:calc(100% - 20px)!important;
  height:32px!important;
  min-height:32px!important;
  margin:8px 10px 8px!important;
  border:0!important;
  border-radius:9px!important;
  background:#eef5ff!important;
  color:#1769ff!important;
  font-size:12.5px!important;
  font-weight:640!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider-list{
  height:auto!important;
  max-height:calc(100vh - 238px)!important;
  overflow:auto!important;
  padding:0 6px 4px!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider{
  height:36px!important;
  min-height:36px!important;
  margin:0 0 3px!important;
  padding:0 8px 0 14px!important;
  grid-template-columns:20px minmax(0,1fr) 28px!important;
  gap:8px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider.active{
  background:#eef5ff!important;
  color:#1769ff!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider-logo{
  width:18px!important;
  height:18px!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider-name{
  font-size:12.5px!important;
  font-weight:540!important;
}
body.settings-mode .settings-model-layout{
  grid-template-columns:minmax(460px,560px) minmax(0,1fr)!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel{
  display:none!important;
}
body.settings-mode .settings-model-detail{
  border-left:0!important;
}
@media(max-width:1280px){
  body.settings-mode .settings-model-layout{grid-template-columns:minmax(390px,500px) minmax(0,1fr)!important;}
}
@media(max-width:980px){
  body.settings-mode .settings-model-layout{grid-template-columns:1fr!important;}
  body.settings-mode .settings-nav .settings-model-list-panel{max-height:none!important;}
  body.settings-mode .settings-nav .settings-model-list-panel .settings-provider-list{max-height:260px!important;}
}

/* final product settings redesign */
body.settings-mode{
  overflow:hidden!important;
}
body.settings-mode .settings-workspace{
  position:fixed!important;
  inset:0!important;
  z-index:90!important;
  display:grid!important;
  grid-template-rows:64px minmax(0,1fr)!important;
  width:100vw!important;
  height:100vh!important;
  padding:0!important;
  background:#f6f8fc!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  place-content:stretch!important;
  align-content:stretch!important;
}
body.settings-mode .settings-workspace.hidden{
  display:none!important;
}
body.settings-mode .settings-top{
  width:100%!important;
  height:64px!important;
  padding:0 22px!important;
  border:0!important;
  border-bottom:1px solid #e4eaf3!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
body.settings-mode .settings-top .top-actions{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
body.settings-mode .settings-top .top-actions:first-child{
  justify-content:flex-start!important;
}
body.settings-mode .settings-top .top-actions:last-child{
  justify-content:flex-end!important;
}
body.settings-mode .settings-top .back-btn{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  font-size:26px!important;
  line-height:1!important;
  color:#667085!important;
}
body.settings-mode .settings-top .back-btn:hover{
  background:#f2f5fa!important;
  color:#111827!important;
}
body.settings-mode .settings-top .top-title{
  font-size:18px!important;
  font-weight:700!important;
  color:#111827!important;
  letter-spacing:0!important;
}
body.settings-mode .settings-top .primary,
body.settings-mode #saveConfig{
  height:36px!important;
  min-width:74px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:11px!important;
  background:#2563f4!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
body.settings-mode .settings-main{
  width:100%!important;
  height:calc(100vh - 64px)!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:#f6f8fc!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.settings-mode .settings-left-right{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  padding:0!important;
  gap:0!important;
  display:grid!important;
  grid-template-columns:292px minmax(0,1fr)!important;
  background:#f6f8fc!important;
}
body.settings-mode .settings-nav{
  height:100%!important;
  min-height:0!important;
  padding:18px 16px!important;
  border:0!important;
  border-right:1px solid #e4eaf3!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  overflow:hidden!important;
}
body.settings-mode .settings-primary-item{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#475467!important;
  text-align:left!important;
  font-size:15px!important;
  font-weight:620!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
body.settings-mode .settings-primary-item:hover{
  background:#f5f8ff!important;
  color:#1d2939!important;
}
body.settings-mode .settings-primary-item.active{
  background:#edf4ff!important;
  color:#1769ff!important;
  box-shadow:inset 3px 0 0 #2563f4!important;
}
body.settings-mode .settings-nav .settings-model-list-panel{
  display:none!important;
  flex:1 1 auto!important;
  min-height:0!important;
  margin:6px 0 0!important;
  padding:0 0 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.settings-mode[data-settings-view="models"] .settings-nav .settings-model-list-panel{
  display:flex!important;
  flex-direction:column!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-add-bottom{
  order:0!important;
  width:calc(100% - 8px)!important;
  height:36px!important;
  margin:2px 8px 9px 0!important;
  border:0!important;
  border-radius:11px!important;
  background:#f3f7ff!important;
  color:#1769ff!important;
  font-size:13px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider-list{
  order:1!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  padding:0 8px 0 0!important;
  display:grid!important;
  align-content:start!important;
  gap:3px!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 8px 0 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#475467!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) 32px!important;
  gap:8px!important;
  align-items:center!important;
  box-shadow:none!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider:hover{
  background:#f6f9ff!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider.active{
  background:#eef5ff!important;
  color:#1769ff!important;
  box-shadow:none!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider-logo{
  width:19px!important;
  height:19px!important;
  border-radius:5px!important;
  object-fit:contain!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider-name{
  font-size:13px!important;
  font-weight:560!important;
  line-height:1.2!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .settings-provider-meta{
  display:none!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .provider-switch{
  width:32px!important;
  height:18px!important;
  border-radius:999px!important;
  background:#e8eef7!important;
  justify-self:end!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .provider-switch::after{
  width:14px!important;
  height:14px!important;
  top:2px!important;
  left:2px!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .provider-switch.on{
  background:#2563f4!important;
}
body.settings-mode .settings-nav .settings-model-list-panel .provider-switch.on::after{
  transform:translateX(14px)!important;
}
body.settings-mode .settings-content{
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
  padding:18px!important;
  background:#f6f8fc!important;
}
body.settings-mode .settings-view{
  display:none!important;
  height:100%!important;
  min-height:0!important;
}
body.settings-mode .settings-view.active{
  display:block!important;
}
body.settings-mode .settings-model-layout{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(460px,560px) minmax(420px,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel{
  display:none!important;
}
body.settings-mode .settings-clean-panel,
body.settings-mode .settings-model-detail,
body.settings-mode .settings-model-options-panel{
  height:100%!important;
  min-height:0!important;
  border:1px solid #e1e8f2!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-detail{
  display:flex!important;
  flex-direction:column!important;
}
body.settings-mode .settings-row{
  min-height:52px!important;
  padding:0!important;
  border-bottom:1px solid #edf1f7!important;
  display:grid!important;
  grid-template-columns:138px minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  background:#fff!important;
}
body.settings-mode .settings-row:last-child{
  border-bottom:0!important;
}
body.settings-mode .settings-row label,
body.settings-mode .settings-row-area>.field-label-row label{
  height:100%!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 16px!important;
  border-right:1px solid #edf1f7!important;
  color:#7b8798!important;
  font-size:13px!important;
  font-weight:600!important;
  display:flex!important;
  align-items:center!important;
}
body.settings-mode .settings-row input,
body.settings-mode .settings-row select,
body.settings-mode .settings-row textarea{
  height:100%!important;
  min-height:52px!important;
  width:100%!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#1f2937!important;
  font-size:15px!important;
  font-weight:500!important;
  box-shadow:none!important;
  outline:none!important;
}
body.settings-mode .settings-row input:focus,
body.settings-mode .settings-row select:focus,
body.settings-mode .settings-row textarea:focus{
  background:#fbfdff!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,244,.12)!important;
}
body.settings-mode .secret-line,
body.settings-mode .key-verify-line{
  height:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 64px!important;
  gap:0!important;
  align-items:stretch!important;
}
body.settings-mode .fetch-models-btn{
  width:64px!important;
  height:100%!important;
  min-height:52px!important;
  border:0!important;
  border-left:1px solid #edf1f7!important;
  border-radius:0!important;
  background:#fff!important;
  color:#1769ff!important;
  font-size:13px!important;
  font-weight:650!important;
}
body.settings-mode .fetch-models-btn:hover{
  background:#f6f9ff!important;
}
body.settings-mode .advanced-toggle{
  display:none!important;
}
body.settings-mode .advanced-box,
body.settings-mode .advanced-box.hidden{
  display:block!important;
  min-height:0!important;
}
body.settings-mode .advanced-box #fKeyEnv,
body.settings-mode .advanced-box #fAllowEmptyKey,
body.settings-mode .advanced-box #fTemperature,
body.settings-mode .advanced-box #fMaxTokens,
body.settings-mode .advanced-box #fTimeout,
body.settings-mode .advanced-box .settings-row:has(#fKeyEnv),
body.settings-mode .advanced-box .settings-row:has(#fAllowEmptyKey),
body.settings-mode .advanced-box .settings-row:has(#fTemperature),
body.settings-mode .advanced-box .settings-row:has(#fMaxTokens),
body.settings-mode .advanced-box .settings-row:has(#fTimeout){
  display:none!important;
}
body.settings-mode .settings-model-options-panel{
  padding:14px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.settings-mode .settings-model-list-row{
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  display:flex!important;
  flex-direction:column!important;
}
body.settings-mode .field-label-row,
body.settings-mode #fModelOptions{
  display:none!important;
}
body.settings-mode .model-pill-list{
  flex:1 1 auto!important;
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
  padding:0!important;
}
body.settings-mode .model-mindmap-list{
  height:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  overflow:auto!important;
}
body.settings-mode .model-map-col{
  display:grid!important;
  align-content:start!important;
  gap:7px!important;
}
body.settings-mode .model-map-brands,
body.settings-mode .model-map-types{
  margin-bottom:4px!important;
}
body.settings-mode .model-map-brand,
body.settings-mode .model-map-type,
body.settings-mode .model-map-model{
  min-height:34px!important;
  width:100%!important;
  border:1px solid #e4eaf3!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#344054!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:560!important;
  text-align:left!important;
  box-shadow:none!important;
}
body.settings-mode .model-map-brand.active,
body.settings-mode .model-map-type.active{
  border-color:color-mix(in srgb,var(--tree-color,#2563f4) 38%,#dbeafe)!important;
  background:color-mix(in srgb,var(--tree-color,#2563f4) 9%,#fff)!important;
  color:#1d2939!important;
}
body.settings-mode .model-map-model{
  justify-content:flex-start!important;
  color:#475467!important;
  background:#f9fbff!important;
}
body.settings-mode .model-map-dot{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:var(--tree-color,#2563f4)!important;
  flex:0 0 auto!important;
}
body.settings-mode .settings-view[data-settings-panel="display"] .settings-clean-panel,
body.settings-mode .settings-view[data-settings-panel="account"] .settings-clean-panel{
  max-width:720px!important;
  height:auto!important;
  min-height:0!important;
}
body.settings-mode .settings-avatar-row{
  min-height:74px!important;
}
body.settings-mode .settings-avatar-field{
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
body.settings-mode .settings-avatar-field img{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
}
body.settings-mode .avatar-picker{
  padding:12px 16px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,42px)!important;
  gap:10px!important;
  border-bottom:1px solid #edf1f7!important;
}
body.settings-mode .avatar-picker.hidden{
  display:none!important;
}
@media(max-width:1180px){
  body.settings-mode .settings-left-right{grid-template-columns:268px minmax(0,1fr)!important;}
  body.settings-mode .settings-model-layout{grid-template-columns:minmax(390px,500px) minmax(340px,1fr)!important;}
}
@media(max-width:900px){
  body.settings-mode .settings-workspace{overflow:auto!important;}
  body.settings-mode .settings-main{height:auto!important;min-height:calc(100vh - 64px)!important;overflow:visible!important;}
  body.settings-mode .settings-left-right{grid-template-columns:1fr!important;height:auto!important;}
  body.settings-mode .settings-nav{height:auto!important;border-right:0!important;border-bottom:1px solid #e4eaf3!important;overflow:visible!important;}
  body.settings-mode .settings-content{height:auto!important;overflow:visible!important;}
  body.settings-mode .settings-view,
  body.settings-mode .settings-view.active{height:auto!important;}
  body.settings-mode .settings-model-layout{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important;}
  body.settings-mode .settings-clean-panel,
  body.settings-mode .settings-model-detail,
  body.settings-mode .settings-model-options-panel{height:auto!important;min-height:0!important;}
}

/* final rollback: model brands are a content column, not a nav submenu */
body.settings-mode .settings-left-right{
  grid-template-columns:228px minmax(0,1fr)!important;
}
body.settings-mode .settings-nav{
  padding:18px 14px!important;
  gap:8px!important;
  overflow:visible!important;
}
body.settings-mode .settings-nav>.settings-model-list-panel{
  display:none!important;
}
body.settings-mode .settings-content{
  padding:16px!important;
}
body.settings-mode .settings-model-layout{
  height:100%!important;
  display:grid!important;
  grid-template-columns:240px minmax(430px,520px) minmax(420px,1fr)!important;
  gap:12px!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  padding:12px!important;
  border:1px solid #e1e8f2!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .settings-add-bottom{
  order:0!important;
  width:100%!important;
  height:36px!important;
  margin:0 0 10px!important;
  border:0!important;
  border-radius:11px!important;
  background:#f1f6ff!important;
  color:#1769ff!important;
  font-size:13px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .settings-provider-list{
  order:1!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  padding:0!important;
  display:grid!important;
  align-content:start!important;
  gap:4px!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .settings-provider{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#475467!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) 32px!important;
  gap:8px!important;
  align-items:center!important;
  box-shadow:none!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .settings-provider:hover{
  background:#f6f9ff!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .settings-provider.active{
  background:#eef5ff!important;
  color:#1769ff!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .settings-provider-logo{
  width:20px!important;
  height:20px!important;
  border-radius:6px!important;
  object-fit:contain!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .settings-provider-name{
  font-size:13px!important;
  font-weight:560!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .settings-provider-meta{
  display:none!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .provider-switch{
  width:32px!important;
  height:18px!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .provider-switch::after{
  width:14px!important;
  height:14px!important;
}
body.settings-mode .settings-model-layout>.settings-model-list-panel .provider-switch.on::after{
  transform:translateX(14px)!important;
}
body.settings-mode .settings-model-detail,
body.settings-mode .settings-model-options-panel{
  border-radius:16px!important;
}
body.settings-mode .settings-model-options-panel{
  min-width:0!important;
}
@media(max-width:1220px){
  body.settings-mode .settings-left-right{grid-template-columns:210px minmax(0,1fr)!important;}
  body.settings-mode .settings-model-layout{grid-template-columns:220px minmax(380px,480px) minmax(320px,1fr)!important;}
}
@media(max-width:900px){
  body.settings-mode .settings-left-right{grid-template-columns:1fr!important;}
  body.settings-mode .settings-model-layout{grid-template-columns:1fr!important;overflow:visible!important;height:auto!important;}
  body.settings-mode .settings-model-layout>.settings-model-list-panel{height:auto!important;max-height:260px!important;}
}