.logo{display:inline-flex;align-items:center;gap:8px}
.logo .logo-mark{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;color:var(--gold);font-size:24px;line-height:1}
.logo .logo-mark img{width:100%;height:100%;object-fit:contain}
.logo .logo-name{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:inherit}
.header-logo-settings{margin:16px 0 24px;padding:18px;border:1px solid #e4d8ca;border-radius:12px;background:#fbf8f3}
.header-logo-preview{display:flex;align-items:center;gap:10px;min-height:64px;margin-bottom:16px;padding:14px 18px;border:1px dashed #cdbda9;border-radius:10px;background:#fff;color:#42291b;font-family:Georgia,'Noto Serif KR',serif;font-size:22px}
.preview-logo-mark{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px}
.preview-logo-mark img{width:100%;height:100%;object-fit:contain}
.preview-logo-default{color:#c99452;font-size:28px}
.remove-logo-option{display:flex!important;align-items:center;gap:11px;margin-top:14px!important;padding:13px;border:1px solid #eadfd4;border-radius:9px;background:#fff}
.remove-logo-option input{width:18px!important;height:18px;margin:0!important;accent-color:#7b4d2f}
.remove-logo-option span,.remove-logo-option b,.remove-logo-option small{display:block}
.remove-logo-option small{margin-top:3px;color:#84766b;font-weight:400}
@media(max-width:760px){.logo{gap:6px;min-width:0}.logo .logo-mark{width:22px;height:22px;flex-basis:22px}.logo .logo-name{max-width:180px}}