.settings-section[data-animating] .settings-body { overflow: hidden; }
.settings-section[data-animating="closing"] summary::after { content: "+"; }
.settings-body { box-sizing: border-box; }
.settings-section[data-animating] .settings-body { padding-bottom: 0; }
.settings-section[data-animating] .settings-body::after { content: ""; display: block; height: 20px; }
.settings-body .logo-upload { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px; border: 1px solid #dce4dc; border-radius: 16px; background: #f7faf6; }
.logo-upload .logo-thumb { width: 78px; height: 78px; text-align: center; }
.logo-actions { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.logo-actions .upload-button { padding: 8px 11px; min-height: 36px; font-size: 13px !important; border-radius: 9px; }
.logo-actions #removeLogo { margin: 0; padding: 5px 9px; background: transparent; font-size: 12px; color: #245c46; }
.logo-actions #removeLogo:hover { background: #e9f0e8; }
.logo-actions #removeLogo[hidden] { display: none; }
.logo-actions p { margin: 1px 0 0; overflow-wrap: anywhere; }
#logoSize { --range-fill: 66.67%; appearance: none; display: block; width: 100%; height: 44px; margin: 0; padding: 0; background: transparent; border: 0; cursor: pointer; }
#logoSize::-webkit-slider-runnable-track { height: 5px; border-radius: 99px; background: linear-gradient(to right, #2679da var(--range-fill), #e0e5e8 var(--range-fill)); }
#logoSize::-moz-range-track { height: 5px; border-radius: 99px; background: #e0e5e8; }
#logoSize::-moz-range-progress { height: 5px; border-radius: 99px; background: #2679da; }
#logoSize::-webkit-slider-thumb { appearance: none; margin-top: -6.5px; width: 18px; height: 18px; border: 2px solid white; border-radius: 50%; background: #2679da; box-shadow: 0 1px 5px #183c3240; transition: box-shadow .16s, transform .16s; }
#logoSize::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid white; border-radius: 50%; background: #2679da; box-shadow: 0 1px 5px #183c3240; transition: box-shadow .16s, transform .16s; }
#logoSize:hover::-webkit-slider-thumb, #logoSize:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 5px #2679da22, 0 1px 5px #183c3240; }
#logoSize:hover::-moz-range-thumb, #logoSize:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 5px #2679da22, 0 1px 5px #183c3240; }
#logoSize:active::-webkit-slider-thumb { transform: scale(1.12); }
#logoSize:active::-moz-range-thumb { transform: scale(1.12); }
@media (prefers-reduced-motion: reduce) {
  #logoSize::-webkit-slider-thumb { transition: none; }
  #logoSize::-moz-range-thumb { transition: none; }
}