/* One canonical merchant-brand editor and an inert live customer sample. */
.brand-editor-layout .brand-business-name{font-size:18px;font-weight:650;margin:8px 0}.brand-editor-layout .field-label{font-size:13px;font-weight:650}.brand-editor-layout small{display:block;line-height:1.55;color:#596575;margin-top:6px}.brand-editor-layout details{padding:14px 0;margin:18px 0;border-top:1px solid #e1e5ec}.brand-editor-layout summary{min-height:44px;cursor:pointer;font-weight:600}.brand-preview h2{font-size:18px;margin-top:0}.brand-preview h3{font-size:16px}.brand-logo-thumbnail{display:block;width:64px;height:64px;object-fit:contain;border:1px solid #e1e5ec;border-radius:12px;margin:12px 0}.brand-app-sample{border:1px solid #dfe4eb;border-radius:16px;background:#fff;padding:18px;margin:18px 0;overflow-wrap:anywhere}.brand-app-sample .brand-sample-balance{font-size:24px;font-weight:700;margin-bottom:4px}.brand-preview-toggle{display:none}#design-preview[tabindex="-1"]:focus{outline:none}@media(max-width:1000px){.brand-editor-layout{grid-template-columns:minmax(0,1fr)}.brand-preview-toggle{display:inline-flex;min-height:44px;margin:8px 0 16px}.brand-editor-layout[data-brand-preview-expanded=false] .brand-preview{display:none}.brand-editor-layout[data-brand-preview-expanded=true]>section{display:none}.brand-editor-layout .brand-preview{position:static;width:100%}}

.brand-app-sample .brand-sample-benefit{margin:12px 0;border-top:1px solid #e1e5ec;border-bottom:1px solid #e1e5ec;padding:0}.brand-app-sample .brand-sample-benefit summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;list-style:disclosure-closed}.brand-app-sample .brand-sample-benefit summary>span:first-child{display:grid;gap:4px}.brand-app-sample .brand-sample-benefit summary strong{font-size:14px}.brand-app-sample .brand-sample-benefit summary small{font-size:11px;margin:0}.brand-app-sample .brand-sample-benefit .brand-sample-balance{font-size:14px;margin:0;color:var(--customer-brand-link);white-space:nowrap}.brand-app-sample .brand-sample-benefit>div{padding:0 0 14px;font-size:13px;line-height:1.6}.brand-app-sample .brand-sample-benefit summary:focus-visible{outline:3px solid var(--customer-brand-link);outline-offset:3px}.brand-app-sample .brand-sample-benefit[open] summary{padding-bottom:8px}


.pb-draft-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}@media(max-width:767px){.pb-draft-actions .btn{flex:1 1 130px}}
