.brand-wordmark {
  display:inline-flex;
  align-items:center;
  max-width:100%
}
.brand-wordmark img {
  object-fit:contain;
  max-width:100%
}
.brand-wordmark .brand-light {
  display:block!important
}
.brand-wordmark .brand-dark {
  display:none!important
}
[data-theme=dark] .brand-wordmark .brand-light {
  display:none!important
}
[data-theme=dark] .brand-wordmark .brand-dark {
  display:block!important
}
.sh-pilot-page .sidebar-logo .brand-wordmark img {
  width:128px;
  height:30px
}
.sh-pilot-page .auth-logo:before {
  display:none!important
}
.sh-pilot-page .auth-logo .brand-wordmark img {
  width:190px;
  height:48px
}
.sh-pilot.sidebar-collapsed .sh-mini-logo img {
  object-fit:contain;
  border-radius:6px
}
.brand-preview {
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  padding:20px;
  border:1px solid var(--border);
  border-radius:10px
}
.brand-preview .brand-wordmark img {
  width:190px;
  height:48px
}
.brand-preview-compact {
  width:24px;
  height:24px;
  object-fit:contain;
  border-radius:6px
}
/* Match the asset summaries and dropzones used by the favicon settings. */ .wordmark-help {
  font-size:12px;
  line-height:1.6;
  color:var(--text-muted);
  margin:0 0 16px
}
.wordmark-field+.wordmark-field {
  border-top:1px solid var(--border);
  padding-top:20px;
  margin-top:20px
}
.wordmark-current {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  margin-bottom:16px;
  background:var(--bg-subtle,#f8fafc);
  border:1px solid var(--border);
  border-radius:10px
}
.wordmark-thumbnail {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100px;
  height:40px;
  flex:0 0 100px;
  padding:6px 8px;
  border:1px solid #e2e8f0;
  border-radius:8px;
  background:#fff
}
.wordmark-thumbnail-dark {
  background:#0f172a;
  border-color:#334155
}
.wordmark-thumbnail img {
  width:100%;
  height:100%;
  object-fit:contain
}
.wordmark-current-copy {
  flex:1;
  min-width:0
}
.wordmark-current-title {
  font-size:14px;
  font-weight:600;
  color:var(--text-primary)
}
.wordmark-current-detail {
  font-size:12px;
  color:var(--text-muted);
  margin-top:4px
}
.wordmark-remove {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:#dc2626;
  cursor:pointer;
  white-space:nowrap
}
.wordmark-upload-copy {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px
}
.wordmark-upload-title {
  font-size:14px;
  font-weight:600;
  color:#4f46e5
}
.wordmark-upload-detail {
  font-size:12px;
  color:var(--text-muted)
}
.wordmark-url-label {
  font-size:13px;
  font-weight:500;
  color:var(--text-muted)
}
.sh-pilot.sidebar-collapsed .sh-mini-logo img {
  width:24px;
  height:24px;
  margin:6px
}
.brand-preview .brand-wordmark img {
  width:128px;
  height:30px
}
.mockup-auth-card .brand-preview .brand-wordmark img {
  width:190px;
  height:48px
}
@media(max-width:600px) {
  .wordmark-current {
    flex-wrap:wrap
  }
  .wordmark-remove {
    margin-left:auto
  }
}