/* standalone settings page: full product page, left settings rail */
body.settings-mode{overflow:hidden!important;background:#f5f7fb!important}
body.settings-mode .app{
  display:block!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  overflow:hidden!important;
  background:#f5f7fb!important;
}
body.settings-mode .side,
body.settings-mode #chatWorkspace{display:none!important}
body.settings-mode #settingsWorkspace{
  display:grid!important;
  position:fixed!important;
  inset:0!important;
  z-index:120!important;
}
.settings-workspace:not(.hidden){
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  display:grid!important;
  grid-template-rows:68px minmax(0,1fr)!important;
  width:100%!important;
  height:100vh!important;
  min-height:100vh!important;
  padding:0!important;
  margin:0!important;
  background:#f5f7fb!important;
  place-content:normal!important;
  align-content:stretch!important;
  overflow:hidden!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.settings-workspace.hidden{display:none!important}
.settings-top{
  width:100%!important;
  height:68px!important;
  min-height:68px!important;
  border:0!important;
  border-bottom:1px solid #e6edf6!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  padding:0 30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.settings-top .top-actions{gap:16px!important}
.settings-top .top-title{
  font-size:19px!important;
  font-weight:720!important;
  color:#182233!important;
  letter-spacing:0!important;
}
#backSettings{
  width:34px!important;
  height:34px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#667085!important;
  font-size:30px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
}
#backSettings:hover{background:#f0f4fa!important;color:#182233!important}
#saveConfig{
  min-width:86px!important;
  height:40px!important;
  border-radius:12px!important;
  background:#2563f4!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:680!important;
  box-shadow:0 10px 24px rgba(37,99,244,.18)!important;
}
.settings-main{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#f5f7fb!important;
  overflow:auto!important;
}
.settings-left-right{
  width:100%!important;
  min-height:100%!important;
  height:auto!important;
  max-width:none!important;
  padding:26px 30px 32px!important;
  display:grid!important;
  grid-template-columns:184px minmax(0,1fr)!important;
  gap:24px!important;
  border:0!important;
  background:#f5f7fb!important;
}
.settings-nav{
  position:sticky!important;
  top:26px!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  width:184px!important;
  height:auto!important;
  min-height:0!important;
  padding:10px!important;
  border:1px solid #e3ebf5!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 18px 50px rgba(24,34,51,.05)!important;
  overflow:visible!important;
}
.settings-primary-item{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#526071!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  font-size:15px!important;
  font-weight:640!important;
  transform:none!important;
  box-shadow:none!important;
  transition:background .16s,color .16s,box-shadow .16s!important;
}
.settings-primary-item::before{display:none!important;content:none!important}
.settings-primary-item:hover{background:#f2f6ff!important;color:#1d5eff!important}
.settings-primary-item.active{
  background:linear-gradient(135deg,#eef5ff,#f7fbff)!important;
  color:#1769ff!important;
  box-shadow:inset 0 0 0 1px #d8e6ff!important;
}
.settings-content{
  min-width:0!important;
  height:auto!important;
  min-height:100%!important;
  border:1px solid #e3ebf5!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 18px 54px rgba(24,34,51,.045)!important;
  overflow:hidden!important;
}
.settings-view{display:none!important;height:auto!important;min-height:100%!important}
.settings-view.active{display:block!important}
.settings-view[data-settings-panel="display"],
.settings-view[data-settings-panel="account"]{padding:26px!important}
.settings-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 22px!important;
}
.settings-section-head h2{margin:0!important;font-size:20px!important;font-weight:720!important;color:#182233!important}
.settings-section-head p{display:none!important}
.settings-grid{display:grid!important;grid-template-columns:repeat(2,minmax(240px,1fr))!important;gap:14px!important}
.settings-card{
  border:1px solid #e6edf6!important;
  border-radius:16px!important;
  background:#fbfdff!important;
  padding:18px!important;
  box-shadow:none!important;
}
.settings-card h3{font-size:16px!important;font-weight:700!important;color:#273244!important}
.settings-card p{color:#7b8797!important}
.settings-model-layout{
  display:grid!important;
  grid-template-columns:228px minmax(520px,1fr) 300px!important;
  gap:0!important;
  align-items:stretch!important;
  min-height:calc(100vh - 68px - 58px)!important;
  height:auto!important;
  border:0!important;
  background:#fff!important;
}
.settings-model-list-panel,
.settings-model-detail,
.settings-model-options-panel{
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.settings-model-list-panel{
  padding:18px 12px!important;
  border-right:1px solid #e8eef6!important;
  display:flex!important;
  flex-direction:column!important;
}
.settings-provider-list{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  max-height:none!important;
  overflow:visible!important;
  order:2!important;
}
.settings-add-bottom{
  order:1!important;
  width:100%!important;
  height:38px!important;
  margin:0 0 12px!important;
  border:0!important;
  border-radius:12px!important;
  background:#eef4ff!important;
  color:#1769ff!important;
  font-size:14px!important;
  font-weight:680!important;
}
.settings-provider{
  width:100%!important;
  min-height:42px!important;
  padding:7px 8px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 36px!important;
  gap:8px!important;
  align-items:center!important;
  color:#344054!important;
  box-shadow:none!important;
}
.settings-provider:hover{background:#f6f9ff!important}
.settings-provider.active{background:#eef5ff!important;color:#1769ff!important}
.settings-provider-logo{width:24px!important;height:24px!important;border-radius:6px!important;object-fit:contain!important}
.settings-provider-name{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  font-weight:680!important;
}
.settings-provider-meta{display:none!important}
.provider-switch{
  width:32px!important;
  height:20px!important;
  border-radius:999px!important;
  background:#e8edf5!important;
  box-shadow:inset 0 0 0 1px #dce4ef!important;
}
.provider-switch::after{
  width:16px!important;
  height:16px!important;
  top:2px!important;
  left:2px!important;
  background:#fff!important;
  box-shadow:0 2px 6px rgba(16,24,40,.12)!important;
}
.provider-switch.on{background:#2563f4!important;box-shadow:none!important}
.provider-switch.on::after{transform:translateX(12px)!important}
.settings-model-detail{
  padding:0!important;
  border-right:1px solid #e8eef6!important;
}
.settings-row{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  padding:0 24px!important;
  border-bottom:1px solid #edf2f7!important;
}
.settings-row label{
  margin:0!important;
  color:#7b8797!important;
  font-size:14px!important;
  font-weight:660!important;
}
.settings-row input,
.settings-row select,
.settings-row textarea{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#182233!important;
  font-size:15px!important;
  font-weight:560!important;
  padding:0!important;
  outline:none!important;
  box-shadow:none!important;
}
.settings-row input:focus,
.settings-row select:focus,
.settings-row textarea:focus{box-shadow:none!important}
.settings-row-area{
  align-items:start!important;
  padding-top:17px!important;
  padding-bottom:17px!important;
}
.settings-row-area textarea{
  min-height:96px!important;
  resize:vertical!important;
  line-height:1.55!important;
  color:#344054!important;
}
.secret-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.fetch-models-btn{
  height:32px!important;
  min-width:54px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  background:#eef5ff!important;
  color:#1769ff!important;
  font-size:13px!important;
  font-weight:680!important;
}
.advanced-toggle{display:none!important}
.advanced-box,
.advanced-box.hidden{
  display:block!important;
  border:0!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.settings-model-options-panel{
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.settings-model-list-row{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
}
.settings-model-list-row .field-label-row{display:none!important}
.model-pill-list{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}
.model-pill-group{display:block!important}
.model-pill-group-title{
  margin:0 0 8px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:700!important;
}
.model-pill-group-items{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.model-pill{
  max-width:100%!important;
  padding:7px 11px!important;
  border:1px solid #dce7f5!important;
  border-radius:999px!important;
  background:#f7faff!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:600!important;
}
.model-pill-empty{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:120px!important;
  border:1px dashed #d8e2ee!important;
  border-radius:16px!important;
  color:#98a2b3!important;
  font-size:14px!important;
}
#fModelOptions{
  display:block!important;
  width:100%!important;
  min-height:120px!important;
  border:1px solid #e5edf6!important;
  border-radius:14px!important;
  background:#fbfdff!important;
  padding:12px!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.account-profile{
  border:1px solid #e6edf6!important;
  border-radius:18px!important;
  background:#fbfdff!important;
  padding:20px!important;
}
.account-row{border-bottom:1px solid #eef2f7!important}
.account-row:last-child{border-bottom:0!important}
@media(max-width:1180px){
  .settings-left-right{grid-template-columns:160px minmax(0,1fr)!important;padding:20px!important}
  .settings-nav{width:160px!important}
  .settings-model-layout{grid-template-columns:200px minmax(420px,1fr) 250px!important}
  .settings-row{grid-template-columns:112px minmax(0,1fr)!important;padding:0 18px!important}
}
@media(max-width:900px){
  .settings-workspace:not(.hidden){overflow:auto!important}
  .settings-left-right{grid-template-columns:1fr!important;gap:14px!important}
  .settings-nav{position:relative!important;top:0!important;width:100%!important;flex-direction:row!important;overflow:auto!important}
  .settings-primary-item{width:auto!important;min-width:96px!important;justify-content:center!important}
  .settings-content{border-radius:18px!important}
  .settings-model-layout{grid-template-columns:1fr!important;min-height:0!important}
  .settings-model-list-panel,.settings-model-detail{border-right:0!important;border-bottom:1px solid #e8eef6!important}
  .settings-provider-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
  .settings-grid{grid-template-columns:1fr!important}
}
/* stretch Headers JSON to the bottom of the full settings page */
body.settings-mode .settings-content,
body.settings-mode .settings-view.active,
body.settings-mode .settings-model-layout{
  height:100%!important;
  min-height:0!important;
}
body.settings-mode .settings-model-detail{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-detail>.settings-row{
  flex:0 0 auto!important;
}
body.settings-mode .settings-model-detail>.advanced-box,
body.settings-mode .settings-model-detail>.advanced-box.hidden{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-detail .advanced-box>.settings-row{
  flex:0 0 auto!important;
}
body.settings-mode .settings-model-detail .headers-row{
  display:grid!important;
  flex:1 1 auto!important;
  min-height:180px!important;
  height:auto!important;
  align-items:stretch!important;
  border-bottom:0!important;
}
body.settings-mode .settings-model-detail .headers-row label{
  padding-top:2px!important;
}
body.settings-mode .settings-model-detail .headers-row textarea{
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:auto!important;
  resize:none!important;
}
@media(max-width:900px){
  body.settings-mode .settings-model-detail,
  body.settings-mode .settings-model-detail>.advanced-box{overflow:visible!important}
  body.settings-mode .settings-model-detail .headers-row{min-height:150px!important}
}
/* clean model list: show pills only, no empty card or raw textarea */
body.settings-mode .settings-model-options-panel{
  background:#fff!important;
}
body.settings-mode .settings-model-list-row{
  height:100%!important;
  min-height:0!important;
  padding:18px!important;
  border:0!important;
  background:transparent!important;
}
body.settings-mode .model-pill-list:empty{
  display:block!important;
  min-height:0!important;
}
body.settings-mode .model-pill-empty{
  display:none!important;
}
body.settings-mode #fModelOptions{
  display:none!important;
}

/* settings page equal-height layout polish */
body.settings-mode .settings-left-right{
  min-height:100%!important;
  height:100%!important;
  padding:18px!important;
  gap:18px!important;
  align-items:stretch!important;
  grid-template-columns:184px minmax(0,1fr)!important;
}
body.settings-mode .settings-nav{
  position:relative!important;
  top:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  align-self:stretch!important;
  padding:12px!important;
  border-radius:18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:#fff!important;
  border:1px solid #e3ebf5!important;
  box-shadow:0 14px 42px rgba(24,34,51,.045)!important;
}
body.settings-mode .settings-content{
  height:100%!important;
  min-height:0!important;
  align-self:stretch!important;
  border-radius:18px!important;
  box-shadow:0 14px 42px rgba(24,34,51,.045)!important;
}
body.settings-mode .settings-view.active{
  height:100%!important;
  min-height:0!important;
}
body.settings-mode .settings-model-layout{
  height:100%!important;
  min-height:0!important;
}
body.settings-mode .settings-primary-item{
  height:48px!important;
  min-height:48px!important;
  margin:0 0 8px!important;
}
body.settings-mode .settings-primary-item:last-child{
  margin-bottom:0!important;
}
body.settings-mode .settings-view[data-settings-panel="display"],
body.settings-mode .settings-view[data-settings-panel="account"]{
  height:100%!important;
  padding:18px!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,
body.settings-mode .account-profile{
  min-height:100%!important;
}
@media(max-width:900px){
  body.settings-mode .settings-left-right{
    height:auto!important;
    min-height:100%!important;
    padding:14px!important;
    grid-template-columns:1fr!important;
  }
  body.settings-mode .settings-nav{
    height:auto!important;
    flex-direction:row!important;
  }
}

/* two-column model catalog */
body.settings-mode .settings-model-layout{
  grid-template-columns:210px minmax(360px,.82fr) minmax(430px,1.18fr)!important;
}
body.settings-mode .settings-model-detail .settings-row{
  grid-template-columns:104px minmax(0,1fr)!important;
  gap:12px!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
body.settings-mode .settings-model-options-panel{
  min-width:0!important;
}
body.settings-mode .settings-model-list-row{
  padding:16px!important;
}
body.settings-mode .model-pill-list{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
}
body.settings-mode .model-pill-columns{
  height:100%!important;
  display:grid!important;
  grid-template-columns:148px minmax(0,1fr)!important;
  gap:12px!important;
  min-height:0!important;
}
body.settings-mode .model-brand-column,
body.settings-mode .model-model-column{
  min-height:0!important;
  overflow:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  padding:2px!important;
}
body.settings-mode .model-brand-column{
  border-right:1px solid #edf2f7!important;
  padding-right:12px!important;
}
body.settings-mode .model-brand-pill,
body.settings-mode .model-detail-pill{
  width:100%!important;
  min-height:36px!important;
  border-radius:12px!important;
  border:1px solid color-mix(in srgb,var(--pill-color) 22%,#dfe7f2)!important;
  background:color-mix(in srgb,var(--pill-color) 8%,#fff)!important;
  color:color-mix(in srgb,var(--pill-color) 72%,#1f2937)!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.25!important;
}
body.settings-mode .model-brand-pill{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:0 10px!important;
  cursor:pointer!important;
}
body.settings-mode .model-brand-pill span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.settings-mode .model-brand-pill b{
  flex:0 0 auto!important;
  font-size:12px!important;
  font-weight:760!important;
  color:inherit!important;
  opacity:.72!important;
}
body.settings-mode .model-brand-pill.active{
  background:color-mix(in srgb,var(--pill-color) 16%,#fff)!important;
  border-color:color-mix(in srgb,var(--pill-color) 52%,#dfe7f2)!important;
  box-shadow:inset 3px 0 0 var(--pill-color)!important;
}
body.settings-mode .model-detail-pill{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 12px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@supports not (color:color-mix(in srgb,#000,#fff)){
  body.settings-mode .model-brand-pill,
  body.settings-mode .model-detail-pill{border-color:#dfe7f2!important;background:#f8fbff!important;color:#344054!important}
  body.settings-mode .model-brand-pill.active{border-color:#bcd4ff!important;box-shadow:inset 3px 0 0 #2563f4!important}
}
@media(max-width:1180px){
  body.settings-mode .settings-model-layout{grid-template-columns:190px minmax(320px,.82fr) minmax(360px,1.18fr)!important}
  body.settings-mode .model-pill-columns{grid-template-columns:132px minmax(0,1fr)!important}
}
@media(max-width:900px){
  body.settings-mode .settings-model-layout{grid-template-columns:1fr!important}
  body.settings-mode .model-pill-columns{grid-template-columns:1fr!important}
  body.settings-mode .model-brand-column{border-right:0!important;border-bottom:1px solid #edf2f7!important;padding-right:2px!important;padding-bottom:12px!important}
}

/* final settings compact full-height alignment */
body.settings-mode #settingsWorkspace{
  grid-template-rows:64px minmax(0,1fr)!important;
  background:#f5f7fb!important;
  overflow:hidden!important;
}
body.settings-mode .settings-top{
  height:64px!important;
  min-height:64px!important;
}
body.settings-mode .settings-main{
  height:calc(100vh - 64px)!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#f5f7fb!important;
}
body.settings-mode .settings-left-right{
  height:100%!important;
  min-height:0!important;
  padding:14px!important;
  gap:14px!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
body.settings-mode .settings-nav,
body.settings-mode .settings-content{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}
body.settings-mode .settings-nav{
  overflow:hidden!important;
  padding:10px!important;
}
body.settings-mode .settings-content{
  overflow:hidden!important;
}
body.settings-mode .settings-view.active{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-layout{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-list-panel,
body.settings-mode .settings-model-detail,
body.settings-mode .settings-model-options-panel{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
body.settings-mode .settings-provider-list,
body.settings-mode .model-brand-column,
body.settings-mode .model-model-column{
  overflow:auto!important;
  min-height:0!important;
}
body.settings-mode .settings-view[data-settings-panel="display"],
body.settings-mode .settings-view[data-settings-panel="account"]{
  height:100%!important;
  min-height:0!important;
  padding:14px!important;
  overflow:hidden!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,
body.settings-mode .account-profile{
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
}
body.settings-mode .settings-primary-item{
  height:46px!important;
  min-height:46px!important;
  margin-bottom:7px!important;
}
body.settings-mode .settings-row{
  min-height:52px!important;
}
@media(max-width:900px){
  body.settings-mode #settingsWorkspace{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{height:auto!important;min-height:calc(100vh - 64px)!important;padding:12px!important}
  body.settings-mode .settings-nav,
  body.settings-mode .settings-content,
  body.settings-mode .settings-view.active,
  body.settings-mode .settings-model-layout{height:auto!important;overflow:visible!important}
}


/* final one-column tree model catalog */
body.settings-mode .settings-model-layout{grid-template-columns:196px minmax(520px,1fr) 300px!important;}
body.settings-mode .settings-model-options-panel{max-width:none!important;border-left:1px solid #edf2f7!important;background:#fff!important;overflow:hidden!important;}
body.settings-mode .settings-model-options-panel .settings-model-list-row{height:100%!important;min-height:0!important;padding:12px!important;border:0!important;background:#fff!important;overflow:hidden!important;}
body.settings-mode .model-pill-list{display:block!important;height:100%!important;min-height:0!important;overflow:auto!important;padding:0!important;}
body.settings-mode .model-pill-columns,
body.settings-mode .model-brand-column,
body.settings-mode .model-model-column{display:block!important;border:0!important;padding:0!important;}
body.settings-mode .model-tree-list{display:flex!important;flex-direction:column!important;gap:8px!important;padding:0!important;}
body.settings-mode .model-tree-brand{--tree-color:#2563f4;border:0!important;background:transparent!important;}
body.settings-mode .model-tree-brand-head,
body.settings-mode .model-tree-type-head,
body.settings-mode .model-tree-model{appearance:none!important;-webkit-appearance:none!important;border:0!important;outline:0!important;font-family:inherit!important;}
body.settings-mode .model-tree-brand-head{width:100%!important;height:38px!important;display:grid!important;grid-template-columns:14px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;padding:0 10px!important;border-radius:12px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--tree-color) 10%,#fff),#f8fbff)!important;color:#253044!important;text-align:left!important;cursor:pointer!important;}
body.settings-mode .model-tree-brand-head::before{content:"";width:7px;height:7px;border-right:2px solid #8a95a6;border-bottom:2px solid #8a95a6;transform:rotate(-45deg);transition:transform .16s ease;}
body.settings-mode .model-tree-brand.open>.model-tree-brand-head::before{transform:rotate(45deg) translate(-1px,-1px);}
body.settings-mode .model-tree-dot{width:7px!important;height:7px!important;border-radius:999px!important;background:var(--tree-color)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tree-color) 14%,transparent)!important;}
body.settings-mode .model-tree-brand-head span:not(.model-tree-dot){min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;font-weight:620!important;}
body.settings-mode .model-tree-brand-head b,
body.settings-mode .model-tree-type-head b{font-size:11px!important;font-weight:650!important;color:#8a95a6!important;background:rgba(255,255,255,.72)!important;border-radius:999px!important;padding:2px 7px!important;}
body.settings-mode .model-tree-types{display:none!important;padding:6px 0 2px 22px!important;}
body.settings-mode .model-tree-brand.open>.model-tree-types{display:block!important;}
body.settings-mode .model-tree-type{margin:3px 0 7px!important;}
body.settings-mode .model-tree-type-head{width:100%!important;height:30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;padding:0 8px 0 12px!important;border-radius:10px!important;background:#f7faff!important;color:#526071!important;text-align:left!important;cursor:pointer!important;}
body.settings-mode .model-tree-type-head::before{content:"";position:absolute;}
body.settings-mode .model-tree-type-head span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:560!important;}
body.settings-mode .model-tree-models{display:none!important;flex-direction:column!important;gap:5px!important;padding:6px 0 0 10px!important;}
body.settings-mode .model-tree-type.open>.model-tree-models{display:flex!important;}
body.settings-mode .model-tree-model{width:100%!important;min-height:30px!important;padding:6px 10px!important;border-radius:10px!important;background:transparent!important;color:#344054!important;text-align:left!important;font-size:12px!important;font-weight:500!important;line-height:1.35!important;word-break:break-word!important;cursor:default!important;}
body.settings-mode .model-tree-model:hover{background:#f5f8ff!important;color:#1769ff!important;}
body.settings-mode .model-pill-empty{display:block!important;padding:14px 4px!important;color:#a2acba!important;font-size:12px!important;}
@media(max-width:1180px){body.settings-mode .settings-model-layout{grid-template-columns:188px minmax(440px,1fr) 270px!important;}}
@media(max-width:900px){body.settings-mode .settings-model-layout{grid-template-columns:1fr!important;}body.settings-mode .settings-model-options-panel{border:1px solid #e8eef6!important;border-radius:16px!important;}}


/* final settings equal-height tight gutters */
body.settings-mode #settingsWorkspace{
  grid-template-rows:60px minmax(0,1fr)!important;
  background:#f5f7fb!important;
  overflow:hidden!important;
}
body.settings-mode .settings-top{
  height:60px!important;
  min-height:60px!important;
}
body.settings-mode .settings-main{
  height:calc(100vh - 60px)!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#f5f7fb!important;
}
body.settings-mode .settings-left-right{
  height:100%!important;
  min-height:0!important;
  padding:9px!important;
  gap:10px!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
  background:#f5f7fb!important;
}
body.settings-mode .settings-nav,
body.settings-mode .settings-content,
body.settings-mode .settings-view.active{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}
body.settings-mode .settings-nav{
  width:172px!important;
  padding:8px!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid #e4ecf6!important;
  background:#fff!important;
}
body.settings-mode .settings-primary-item{
  height:42px!important;
  min-height:42px!important;
  margin-bottom:6px!important;
  border-radius:12px!important;
}
body.settings-mode .settings-content{
  overflow:hidden!important;
  border-radius:16px!important;
}
body.settings-mode .settings-view[data-settings-panel="models"].active{
  padding:0!important;
  overflow:hidden!important;
}
body.settings-mode .settings-model-layout{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  gap:0!important;
  grid-template-columns:188px minmax(500px,1fr) 294px!important;
  align-items:stretch!important;
}
body.settings-mode .settings-model-list-panel,
body.settings-mode .settings-model-detail,
body.settings-mode .settings-model-options-panel{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.settings-mode .settings-model-list-panel{
  padding:8px!important;
  border-radius:16px 0 0 16px!important;
}
body.settings-mode .settings-model-detail{
  border-radius:0!important;
}
body.settings-mode .settings-model-options-panel{
  border-radius:0 16px 16px 0!important;
}
body.settings-mode .settings-provider-list,
body.settings-mode .model-pill-list{
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
}
body.settings-mode .settings-model-options-panel .settings-model-list-row{
  height:100%!important;
  min-height:0!important;
  padding:10px!important;
  overflow:hidden!important;
}
body.settings-mode .settings-view[data-settings-panel="display"],
body.settings-mode .settings-view[data-settings-panel="account"]{
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!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{
  height:100%!important;
  min-height:0!important;
  border-radius:16px!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
@media(max-width:1180px){
  body.settings-mode .settings-left-right{padding:8px!important;gap:9px!important;}
  body.settings-mode .settings-nav{width:160px!important;}
  body.settings-mode .settings-model-layout{grid-template-columns:180px minmax(420px,1fr) 260px!important;}
}
@media(max-width:900px){
  body.settings-mode #settingsWorkspace{overflow:auto!important;}
  body.settings-mode .settings-main{height:auto!important;min-height:calc(100vh - 60px)!important;overflow:visible!important;}
  body.settings-mode .settings-left-right{height:auto!important;min-height:calc(100vh - 60px)!important;padding:8px!important;grid-template-columns:1fr!important;}
  body.settings-mode .settings-nav{width:100%!important;height:auto!important;overflow:auto!important;}
  body.settings-mode .settings-content,
  body.settings-mode .settings-view.active,
  body.settings-mode .settings-model-layout{height:auto!important;overflow:visible!important;}
  body.settings-mode .settings-model-layout{grid-template-columns:1fr!important;gap:9px!important;}
  body.settings-mode .settings-model-list-panel,
  body.settings-mode .settings-model-detail,
  body.settings-mode .settings-model-options-panel{height:auto!important;border-radius:16px!important;border:1px solid #e4ecf6!important;}
}