:root{
  --brand-logo-size:38px;--brand-logo-bg:var(--lime);--brand-logo-color:#10120d;--brand-logo-font:Inter,"Microsoft YaHei",sans-serif;
  --brand-line1-size:17px;--brand-line1-color:var(--ink);--brand-line1-font:Inter,"Microsoft YaHei",sans-serif;
  --brand-line2-size:8px;--brand-line2-color:var(--muted);--brand-line2-font:Inter,"Microsoft YaHei",sans-serif;
}
.brand-mark{width:var(--brand-logo-size);height:var(--brand-logo-size);background:var(--brand-logo-bg);color:var(--brand-logo-color);font-family:var(--brand-logo-font);font-size:calc(var(--brand-logo-size)*.58);flex:0 0 auto}
.brand-mark.has-image{background:transparent!important;color:transparent!important;transform:none}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.brand-mark img[hidden],.brand-mark.has-image #brandLogoText{display:none}
.brand-copy{display:flex;min-width:0;flex-direction:column;justify-content:center}
.brand b{color:var(--brand-line1-color);font-family:var(--brand-line1-font);font-size:var(--brand-line1-size);line-height:1.15}
.brand small{color:var(--brand-line2-color);font-family:var(--brand-line2-font);font-size:var(--brand-line2-size);line-height:1.2}
html[data-theme="silver-red"]{--brand-logo-bg:var(--red);--brand-logo-color:#fff;--brand-line1-color:#171717;--brand-line2-color:#51565a}
html[data-theme="silver-red"] .brand-mark{background:var(--brand-logo-bg);color:var(--brand-logo-color)}

.brand-settings{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.brand-settings>h3{margin:0 0 8px}.brand-settings>.setting-hint{margin-bottom:16px}
.brand-settings-preview{display:flex;align-items:center;min-height:82px;margin-bottom:20px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:auto}
.brand-settings-preview .brand{margin:0}.brand-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.brand-settings-grid .field{min-width:0}.brand-settings-grid .span-2{grid-column:span 2}.brand-settings-grid .span-4{grid-column:1/-1}
.brand-settings-grid input,.brand-settings-grid select{width:100%;height:43px}
.brand-settings-grid input[type=color]{padding:4px;cursor:pointer}
.brand-logo-upload-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.brand-logo-upload-row input[type=file]{height:auto;padding:9px;font-size:12px}
.brand-logo-upload-row .small-btn{height:42px;white-space:nowrap}
.brand-color-editor{display:grid;grid-template-columns:minmax(0,1fr) 48px auto;gap:7px;align-items:center}
.brand-color-editor input[type=color]{height:43px;padding:3px}.brand-color-editor .small-btn{height:43px;white-space:nowrap}
@media(max-width:980px){.brand-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-settings-grid .span-4{grid-column:1/-1}}
@media(max-width:760px){.topbar .brand-mark{width:min(var(--brand-logo-size),50px);height:min(var(--brand-logo-size),50px);font-size:min(calc(var(--brand-logo-size)*.58),28px)}.topbar .brand b{font-size:min(var(--brand-line1-size),22px)}.topbar .brand small{font-size:min(var(--brand-line2-size),12px)}}
@media(max-width:560px){.brand-settings{padding:15px}.brand-settings-grid{grid-template-columns:1fr}.brand-settings-grid .span-2,.brand-settings-grid .span-4{grid-column:auto}.brand-logo-upload-row{grid-template-columns:1fr}}