/* v8.3.16: Background picker (editor panel) + admin manager look. Loads with section-backgrounds.css (the engine). */
.mbg{--mbg-line:#e8e3dd;--mbg-ink:#1d1a16;--mbg-mut:#6f6962;--mbg-surf:#faf8f6;--mbg-acc:var(--msb-accent,#f26a21);--mbg-acc2:color-mix(in srgb,var(--mbg-acc) 12%,#fff);color:var(--mbg-ink);font-size:13px}
.mbg *{box-sizing:border-box}
.mbg button{font:inherit;color:inherit;cursor:pointer}
.mbg-cmp{border:1px solid var(--mbg-line);border-radius:14px;background:#fff;overflow:hidden;position:relative}
.mbg-hd{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--mbg-line)}
.mbg-thumb{position:relative;width:62px;height:44px;border-radius:9px;border:1px solid var(--mbg-line);overflow:hidden;flex:none;isolation:isolate;background:var(--msb-bg,#fff)}
.mbg-t{flex:1;min-width:0}
.mbg-t b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbg-t span{display:block;font-size:11.5px;color:var(--mbg-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbg-ibtns{display:flex;gap:4px}
.mbg-ib{width:30px;height:30px;border-radius:9px;border:1px solid var(--mbg-line);background:#fff;display:grid;place-items:center;font-size:18px;line-height:1;padding:0}
.mbg-ib:hover{background:var(--mbg-surf)}
.mbg-ib svg{width:16px;height:16px}
.mbg-tabs{display:flex;padding:0 6px;border-bottom:1px solid var(--mbg-line)}
.mbg-tabs button{flex:1;border:0;background:none;padding:9px 4px;font-size:13px;font-weight:700;color:var(--mbg-mut);border-bottom:2px solid transparent;margin-bottom:-1px}
.mbg-tabs button[aria-selected=true]{color:var(--mbg-ink);border-bottom-color:var(--mbg-acc)}
.mbg-body{padding:10px 12px;min-height:244px}
.mbg-pane{display:none}.mbg-pane.on{display:block}
.mbg-lbl{font-size:11px;font-weight:800;color:var(--mbg-mut);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 6px;display:flex;justify-content:space-between;align-items:center}
.mbg-lbl:first-child{margin-top:0}
.mbg-lbl em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;color:var(--mbg-ink)}
.mbg-fbar{display:flex;gap:8px;margin-bottom:8px;align-items:stretch}
.mbg-fbar .mbg-sbox{flex:1;min-width:0}
.mbg-sbox{position:relative}
.mbg-sbox input{width:100%;border:1px solid var(--mbg-line);border-radius:9px;padding:7px 10px 7px 30px;font:inherit;font-size:13px;background:#fff;color:var(--mbg-ink)}
.mbg-sbox svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--mbg-mut)}
.mbg-chips{display:flex;gap:5px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
.mbg-chip{flex:none;border:1px solid var(--mbg-line);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--mbg-mut);white-space:nowrap}
.mbg-chip small{opacity:.6;font-weight:600;margin-left:3px}
.mbg-chip[aria-pressed=true]{background:var(--mbg-ink);border-color:var(--mbg-ink);color:#fff}
.mbg-gscroll{height:clamp(166px,calc(100vh - 470px),560px);overflow:auto;border-radius:10px;scrollbar-width:thin}
.mbg-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:1px}
.mbg-tile{position:relative;aspect-ratio:1;border-radius:10px;border:1.5px solid var(--mbg-line);background:var(--msb-primary-light0);padding:0;overflow:hidden;isolation:isolate}
.mbg-tile:hover{border-color:#cfc8c0}
.mbg-tile[aria-pressed=true]{border-color:var(--mbg-acc);box-shadow:0 0 0 2px var(--mbg-acc2)}
.mbg-pl,.mbg-fs{position:absolute;top:3px;z-index:3;font-style:normal;font-size:8px;line-height:1;border-radius:6px;padding:2px 4px}
.mbg-pl{right:3px;background:rgba(29,26,22,.82);color:#fff}
.mbg-fs{left:3px;background:var(--mbg-acc);color:#fff}
.mbg-empty{font-size:12.5px;color:var(--mbg-mut);padding:14px 6px;text-align:center;grid-column:1/-1;margin:0}
.mbg-ln4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mbg-ln2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mbg-ln3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}
.mbg-pillb{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--mbg-line);background:#fff;border-radius:10px;padding:7px 4px;font-size:12.5px;font-weight:600;white-space:nowrap}
.mbg-pillb[aria-pressed=true]{border-color:var(--mbg-acc);background:var(--mbg-acc2)}
.mbg-pillb i{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);flex:none}
.mbg-pillb i.sq{border-radius:4px}
.mbg-pills{display:flex;gap:6px;flex-wrap:wrap}
.mbg-rng{display:grid;grid-template-columns:62px minmax(0,1fr) 38px;align-items:center;gap:10px;margin:6px 0;font-size:13px;font-weight:600}
.mbg-rng output{text-align:right;color:var(--mbg-mut);font-size:12px}
.mbg input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#e6e0d9;border-radius:4px;outline:none;margin:0}
.mbg input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--mbg-acc);box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer}
.mbg input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--mbg-acc)}
.mbg input[type=range]:disabled{opacity:.35}
.mbg-pl-view{position:relative;width:100%;height:124px}
.mbg-pl-view .mbg-thumb{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--msb-primary-brand1) 22%,#fff)}
.mbg-fake{position:absolute;inset:18px 22px;z-index:2;display:grid;align-content:center;gap:9px;pointer-events:none}
.mbg-fake span{width:70px;height:12px;border-radius:12px;background:rgba(40,35,30,.16)}
.mbg-fake i{height:12px;border-radius:6px;background:rgba(40,35,30,.28);width:70%}.mbg-fake i.sh{width:48%}
.mbg-fake u{width:70px;height:18px;border-radius:18px;background:rgba(40,35,30,.22);margin-top:4px}
.mbg-hot{position:absolute;inset:0;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:3px}
.mbg-hc{border:0;background:transparent;border-radius:7px;margin:1px;outline:2px solid transparent;outline-offset:-2px;padding:0}
.mbg-hc:hover{background:color-mix(in srgb,var(--mbg-acc) 13%,transparent)}
.mbg-hc[aria-pressed=true]{background:color-mix(in srgb,var(--mbg-acc) 18%,transparent);outline-color:var(--mbg-acc)}
.mbg-badge{position:absolute;right:8px;bottom:8px;z-index:5;background:rgba(29,26,22,.86);color:#fff;border-radius:999px;font-size:11.5px;font-weight:700;padding:4px 10px;pointer-events:none}
.mbg-pl-cap{font-size:12px;color:var(--mbg-mut);margin:6px 0 8px}
.mbg-spread{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:11px;color:var(--mbg-mut);font-weight:600;margin-bottom:8px}
.mbg-spread .mbg-sl-l{font-size:12px;font-weight:800;color:var(--mbg-ink)}
.mbg-reach.off{opacity:.38;pointer-events:none}
.mbg-qrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 38px 38px;gap:6px}
.mbg-qrow button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:42px;border:1.5px solid var(--mbg-line);background:#fff;border-radius:9px;padding:4px 2px 3px;font-size:10px;font-weight:700;color:var(--mbg-mut);min-width:0;letter-spacing:.01em}
.mbg-qrow button svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:var(--msb-primary-brand1)}
.mbg-qrow button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbg-qrow button.fl{padding:0}
.mbg-qrow button[aria-pressed=true]{border-color:var(--mbg-acc);background:var(--mbg-acc2);color:var(--mbg-ink)}
.mbg-drop{border:1.5px dashed #d3cbc2;border-radius:12px;padding:16px;text-align:center;background:var(--mbg-surf);font-size:13px;color:var(--mbg-mut)}
.mbg-drop.over{border-color:var(--mbg-acc);background:var(--mbg-acc2)}
.mbg-drop.busy{opacity:.55;pointer-events:none}
.mbg-drop b{display:block;color:var(--mbg-ink);margin-bottom:2px}
.mbg-links{margin-top:10px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.mbg-links button{border:0;background:#fff;box-shadow:inset 0 0 1px 1px var(--mbg-line);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}
.mbg-ownset{display:none}.mbg-ownset.on{display:block}
.mbg-hint{font-size:12px;color:var(--mbg-mut);margin:8px 0 0;line-height:1.45}
.mbg-row2{display:flex;gap:8px;margin-top:14px}
.mbg-btn{flex:1;border:1.5px solid var(--mbg-line);background:#fff;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700}
.mbg-btn:hover{background:var(--mbg-surf)}

/* ---- sub panel that slides over the section's content form */
.msb-sheet{position:relative}
.msb-bgsub{position:absolute;left:0;right:0;bottom:0;top:0;background:#fff;z-index:6;display:flex;flex-direction:column;transform:translateX(102%);visibility:hidden;transition:transform .26s cubic-bezier(.3,.8,.3,1),visibility 0s .26s}
.msb-bgsub.open{transform:none;visibility:visible;transition:transform .26s cubic-bezier(.3,.8,.3,1),visibility 0s}
.msb-bgsub-hd{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--msb-border,#e8e3dd)}
.msb-bgsub-hd button{border:1px solid var(--msb-border,#e8e3dd);background:#fff;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;font-size:17px;color:inherit;padding:0}
.msb-bgsub-hd h3{margin:0;font-size:17px;color:var(--msb-accent,#f26a21);font-weight:700}
.msb-bgsub-hd small{margin-left:auto;color:#6f6962;font-size:12px}
.msb-bgsub-body{flex:1;overflow:auto;padding:14px 14px 18px;min-height:0}

/* ---- Edit-section header: icon-only tools with a hover label (Layout, Add, Copy, Duplicate | Background | close) */
.msb-sheet-head-icon-btn{position:relative;width:32px;height:32px;border-radius:9px;display:grid!important;place-items:center;flex-direction:row;padding:0!important;gap:0!important;color:#4a443d!important}
.msb-sheet-head-icon-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7}
.msb-sheet-head-icon-btn span{display:none!important}
.msb-sheet-head-icon-btn:hover{background:var(--msb-bg-alt,#faf8f6)}
.msb-sheet-head-icon-btn:focus-visible{outline:2px solid var(--msb-accent,#f26a21);outline-offset:1px}
.msb-sheet-head-icon-btn[data-tip]:hover:after,.msb-sheet-head-icon-btn[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);right:0;background:#1d1a16;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:7px;white-space:nowrap;z-index:20;pointer-events:none;line-height:1.3}
.msb-head-dv{width:1px;height:20px;background:var(--msb-border,#e8e3dd);margin:0 5px;flex:none}
.msb-sheet-head-icon-btn.msb-bg-btn{color:var(--msb-accent,#f26a21)!important}
.msb-sheet-head-icon-btn.msb-bg-btn[aria-pressed=true]{background:color-mix(in srgb,var(--msb-accent,#f26a21) 12%,#fff);box-shadow:inset 0 0 0 1.5px var(--msb-accent,#f26a21)}
.msb-sheet-head-icon-btn.msb-bg-btn i{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--msb-accent,#f26a21);border:2px solid #fff;box-sizing:content-box;display:none}
.msb-sheet-head-icon-btn.msb-bg-btn.has i{display:block}

/* ---- v8.3.19: one-row filter (search + category dropdown), swatch rows, Fit tiles */
.mbg-sel{position:relative;flex:none}
.mbg-selb{height:100%;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--mbg-line);background:#fff;border-radius:9px;padding:0 10px;font-size:12.5px;font-weight:700;white-space:nowrap}
.mbg-selb small{opacity:.6;font-weight:600}
.mbg-selb svg{width:12px;height:12px}
.mbg-selb[aria-expanded=true]{border-color:var(--mbg-acc)}
.mbg-pop{display:none;position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:200px;max-height:300px;overflow:auto;background:#fff;border:1px solid var(--mbg-line);border-radius:12px;padding:4px;flex-direction:column;gap:1px}
.mbg-pop.show{display:flex}
.mbg-pop .mbg-chip{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:8px;padding:8px 10px;background:none;color:var(--mbg-ink);text-align:left;font-size:13px}
.mbg-pop .mbg-chip:hover{background:var(--mbg-surf)}
.mbg-pop .mbg-chip[aria-pressed=true]{background:var(--mbg-acc2);color:var(--mbg-ink)}
.mbg-pop .mbg-chip small{opacity:.55;margin:0}
.mbg-g{transition:opacity .15s}
.mbg-g.off{opacity:.38;pointer-events:none}
.mbg-sw4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mbg-swb{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:none;padding:2px 0;font-size:11.5px;font-weight:600;color:var(--mbg-mut)}
.mbg-swb i{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);display:block}
.mbg-swb[aria-pressed=true]{color:var(--mbg-ink)}
.mbg-swb[aria-pressed=true] i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 2px #fff,0 0 0 4px var(--mbg-acc)}
.mbg-hint.mbg-one{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbg-fit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mbg-fitb{display:flex;flex-direction:column;gap:5px;align-items:stretch;border:1.5px solid var(--mbg-line);background:#fff;border-radius:10px;padding:5px;font-size:12px;font-weight:700;text-align:center}
.mbg-fitb .pv{display:block;height:50px;border-radius:7px;background-color:var(--mbg-surf);background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid var(--mbg-line)}
.mbg-fitb[data-m=contain] .pv{background-size:contain}
.mbg-fitb[data-m=tile] .pv{background-repeat:repeat;background-size:18px auto}
.mbg-fitb[aria-pressed=true]{border-color:var(--mbg-acc);background:var(--mbg-acc2)}
.mbg-g{margin-top:14px}.mbg-g:first-child{margin-top:0}
.mbg-g .mbg-lbl{margin-top:0}
.mbg-g[data-g="sl"]{margin-top:10px}
.mbg-hint.mbg-one{margin-bottom:12px}