/* SellMark page editor prototype (phase 2). All rules prefixed .smxed- so the page sections are untouched. */
.smxed-fab{position:fixed;right:18px;bottom:18px;z-index:2147483000;display:flex;gap:8px;align-items:center;font-family:Poppins,Arial,sans-serif}
.smxed-btn{appearance:none;border:0;border-radius:999px;padding:10px 16px;font:600 14px/1 Poppins,Arial,sans-serif;cursor:pointer;background:#4E109A;color:#fff;box-shadow:0 6px 20px rgba(56,12,99,.28);transition:transform .15s,background .15s,opacity .15s}
.smxed-btn:hover{background:#380C63;transform:translateY(-1px)}
.smxed-btn.smxed-ghost{background:#fff;color:#380C63;box-shadow:0 4px 14px rgba(56,12,99,.18)}
.smxed-btn.smxed-ghost:hover{background:#f2f0f1}
.smxed-btn.smxed-gold{background:#fec558;color:#380C63}
.smxed-btn.smxed-gold:hover{background:#f7b733}
.smxed-help{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.smxed-fab .smxed-btn.smxed-idle{opacity:.72}
.smxed-fab .smxed-btn.smxed-idle:hover{opacity:1}
.smxed-banner{position:fixed;left:0;right:0;top:0;z-index:2147483001;background:#380C63;color:#fff;font:500 14px/1.4 Poppins,Arial,sans-serif;padding:10px 16px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.smxed-banner b{color:#fec558;font-weight:700}
.smxed-banner .smxed-pill{background:rgba(255,255,255,.14);border-radius:999px;padding:3px 10px;font-size:12px}
body.smxed-on{padding-top:46px}
body.smxed-on section[data-src]{cursor:pointer;position:relative}
body.smxed-on section[data-src]:hover{outline:3px dashed rgba(254,197,88,.95);outline-offset:-3px}
body.smxed-on section[data-src].smxed-active{outline:4px solid #fec558;outline-offset:-4px}
body.smxed-on section[data-src] .smxed-live{outline:2px solid rgba(160,2,97,.55);outline-offset:3px;border-radius:2px}
.smxed-tag{position:absolute;left:12px;top:12px;z-index:50;background:#fec558;color:#380C63;font:700 12px/1 Poppins,Arial,sans-serif;padding:6px 10px;border-radius:999px;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.smxed-panel{position:fixed;top:72px;right:max(48px,16vw);bottom:28px;width:min(880px,84vw);max-width:calc(100vw - 96px);z-index:2147483002;background:#fff;color:#380C63;font-family:Poppins,Arial,sans-serif;box-shadow:0 18px 50px rgba(56,12,99,.28);border-radius:16px;display:flex;flex-direction:column;transform:translateX(calc(100% + 24px + 16vw));transition:transform .25s ease;overflow:hidden}
.smxed-panel.smxed-open{transform:none}
.smxed-ph{padding:18px 20px 12px;border-bottom:1px solid #eee}
.smxed-ph small{display:block;font:600 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a00261;margin-bottom:6px}
.smxed-ph h3{margin:0;font:800 20px/1.2 Montserrat,Arial,sans-serif;color:#380C63}
.smxed-ph p{margin:6px 0 0;font-size:13px;color:#6b5c80}
.smxed-body{flex:1;overflow:auto;padding:14px 20px}
.smxed-field{margin:0 0 14px}
.smxed-hint{font:500 11px/1.3 Poppins,Arial,sans-serif;color:#8a7a9c;margin:5px 0 0}
.smxed-field label{display:block;font:700 12px/1.2 Montserrat,Arial,sans-serif;color:#4E109A;margin:0 0 6px}
.smxed-input{min-height:22px;border:1.5px solid #ddd3ea;border-radius:10px;padding:9px 11px;font:400 15px/1.45 Poppins,Arial,sans-serif;color:#2d2140;background:#fbfaff;outline:none;white-space:pre-wrap;word-break:break-word}
.smxed-input:focus{border-color:#4E109A;background:#fff;box-shadow:0 0 0 3px rgba(78,16,154,.12)}
.smxed-input.smxed-big{font:500 18px/1.3 Montserrat,Arial,sans-serif;color:#380C63}
.smxed-input em,.smxed-input i{color:#c98a00;font-style:normal;font-weight:700}
.smxed-input *{color:inherit;background:none!important;font-size:inherit!important;margin:0!important;padding:0!important;display:inline!important;position:static!important}
.smxed-input br{display:initial!important}
.smxed-input em,.smxed-input i{color:#c98a00!important}
.smxed-note{font-size:12px;color:#7a6b90;background:#f6f2fb;border-radius:10px;padding:10px 12px;margin:4px 0 14px}
.smxed-pf{padding:14px 20px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end}
.smxed-toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(20px);opacity:0;z-index:2147483003;background:#380C63;color:#fff;font:500 14px/1.4 Poppins,Arial,sans-serif;padding:12px 18px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:min(520px,90vw);text-align:center;transition:all .25s;pointer-events:none}
.smxed-toast.smxed-show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:760px){
  .smxed-panel{top:auto;left:0;right:0;width:100%;height:72vh;border-radius:18px 18px 0 0;transform:translateY(105%);box-shadow:0 -12px 40px rgba(56,12,99,.25)}
  .smxed-panel.smxed-open{transform:none}
  .smxed-ph{padding-top:10px}
  .smxed-ph:before{content:"";display:block;width:44px;height:5px;border-radius:9px;background:#ddd3ea;margin:0 auto 10px}
  .smxed-banner{font-size:12px;padding:8px 10px}
  body.smxed-on{padding-top:62px}
  .smxed-fab{right:10px;bottom:10px}
  .smxed-btn{padding:9px 13px;font-size:13px}
}
/* ---- text toolbar ---- */
.smxed-tb{padding:10px 20px 10px;border-bottom:1px solid #eee;background:#fbfaff}
.smxed-tb-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.smxed-tbtn{appearance:none;min-width:38px;height:36px;padding:0 10px;border:1.5px solid #ddd3ea;border-radius:9px;background:#fff;color:#380C63;font:600 15px/1 Poppins,Arial,sans-serif;cursor:pointer}
.smxed-tbtn b{font-weight:800}.smxed-tbtn i{font-style:italic;font-family:Georgia,serif}
.smxed-tbtn-wide{font-size:13px}
.smxed-tbtn:hover:not(:disabled){border-color:#4E109A;background:#f6f2fb}
.smxed-tbtn.smxed-on-state,.smxed-tbtn.smxed-on-state:hover:not(:disabled){background:#4E109A;border-color:#4E109A;color:#fff}
.smxed-tbtn:disabled,.smxed-tb-sel:disabled{opacity:.45;cursor:default}
.smxed-tb-sep{width:1px;height:24px;background:#ddd3ea;margin:0 6px}
.smxed-tb-hl{display:inline-flex;gap:8px;align-items:center;font:700 12px/1 Montserrat,Arial,sans-serif;color:#4E109A}
.smxed-tb-sel{height:36px;border:1.5px solid #ddd3ea;border-radius:9px;background:#fff;color:#380C63;font:500 14px Poppins,Arial,sans-serif;padding:0 8px;cursor:pointer}
.smxed-tb-hint{font:500 12px/1.35 Poppins,Arial,sans-serif;color:#8a7a9c;margin-top:7px}
.smxed-tb-hint i{font-style:italic}
/* the styling toolbar uses inline styles; keep them visible inside the panel fields */
.smxed-input [style*="italic"]{font-style:italic!important}
.smxed-input [style*="underline"]{text-decoration:underline!important}
/* heading sizes chosen in the editor (only applied when a line is switched from its designed size) */
section[data-src] .smx-h1{font-size:clamp(36px,5.2vw,64px)!important;line-height:1.08!important}
section[data-src] .smx-h2{font-size:clamp(30px,4.2vw,48px)!important;line-height:1.12!important}
section[data-src] .smx-h3{font-size:clamp(25px,3.2vw,36px)!important;line-height:1.18!important}
section[data-src] .smx-h4{font-size:clamp(21px,2.4vw,28px)!important;line-height:1.25!important}
section[data-src] .smx-h5{font-size:clamp(18px,1.8vw,22px)!important;line-height:1.3!important}
section[data-src] .smx-h6{font-size:clamp(15px,1.3vw,17px)!important;line-height:1.35!important;letter-spacing:.04em}
section[data-src] .smx-hp{font-size:clamp(16px,1.2vw,18px)!important;line-height:1.55!important;font-weight:400!important;text-transform:none!important}
@media (max-width:760px){.smxed-tb{padding:8px 14px}.smxed-tb-hint{display:none}}