.br-from{gap:8px;margin:12px 0 4px;display:flex}.br-from input{border:1px solid var(--border-2);background:var(--bg);height:32px;color:var(--text);border-radius:4px;flex:1;padding:0 10px}.br-from .btn{height:32px}.br-msg{min-height:16px;color:var(--muted);margin:4px 0 8px;font-size:11.5px}.br-msg.ok{color:var(--ok)}.br-msg.err{color:var(--err)}.br-grid{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.br-grid .field{margin:0}.br-wide{grid-column:1/-1}.br-color span,.br-logo span{align-items:center;gap:8px;display:flex}.br-color input[type=color]{border:1px solid var(--border-2);cursor:pointer;background:0 0;border-radius:4px;width:34px;height:30px;padding:0}.br-color input[data-hex]{flex:1;min-width:0}.br-grid input[type=range]{accent-color:var(--accent)}.br-logo img{object-fit:contain;background:#ffffff10;border-radius:4px;width:30px;height:30px}.br-preview{margin:14px 0 0}.br-preview>div{border:1px solid var(--border);padding:16px 18px}.bp-head{align-items:center;gap:10px;font-size:16px;display:flex}.bp-head img{object-fit:contain;width:26px;height:26px}.br-preview p{opacity:.8;margin:8px 0 12px;font-size:13px}.bp-btn{color:#fff;margin-right:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-block}.br-on{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}#brandModal .modal-actions{align-items:center}#brandModal .modal-actions .sp{flex:1}.br-btn{gap:6px}.br-dot{border:1px solid var(--border-2);background:0 0;border-radius:50%;width:9px;height:9px}.br-btn.on{color:var(--text)}@media (width<=640px){.br-grid{grid-template-columns:1fr}}