.qr-logo-field{display:flex;align-items:center;gap:16px;margin:18px 0;padding:14px;border:1px solid #dfe5db;border-radius:9px;background:#f9faf7}
.qr-logo-field>div:last-child{flex:1;min-width:0}
.qr-logo-field label{margin:0 0 6px}
.qr-logo-field input{margin-top:7px}
.qr-logo-field small{display:block;margin-top:6px;color:#788676;font-size:10px;line-height:1.45}
.qr-logo-field .text-btn{padding:4px 0}
.qr-logo-preview{flex:0 0 86px;width:86px;height:86px;border:1px dashed #bbcbb8;border-radius:12px;background:#fff;color:#879286;display:grid;place-items:center;font-size:10px;overflow:hidden;text-align:center}
.qr-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}
.qr-image img{max-width:min(100%,300px);height:auto}
.qr-preview .connection-warning{margin-top:18px}
[data-theme="dark"] .qr-logo-field{background:#1c251d;border-color:#394639}
[data-theme="dark"] .qr-logo-preview{background:#111a13;border-color:#52624e}
@media(max-width:550px){.qr-logo-field{align-items:flex-start}.qr-logo-preview{flex-basis:66px;width:66px;height:66px}}