.mss-share-box{
  --mss-gold:#d6a65f;
  --mss-gold2:#efc785;
  --mss-ink:#19120e;
  --mss-paper:#fff8ee;
  --mss-muted:#9d8261;
  --mss-line:rgba(214,166,95,.30);
  margin:32px auto;
  padding:24px;
  border-radius:28px;
  border:1px solid var(--mss-line);
  background:
    radial-gradient(circle at top left,rgba(214,166,95,.08),transparent 32%),
    linear-gradient(180deg,#14100d 0%,#090706 100%);
  color:#fff3df;
  font-family:"Noto Sans Thai","IBM Plex Sans Thai","Sarabun",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 22px 58px rgba(0,0,0,.18);
  box-sizing:border-box;
}
.mss-share-box *{box-sizing:border-box}
.mss-share-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.mss-share-kicker{
  color:var(--mss-gold);
  font-size:10px;
  font-weight:850;
  letter-spacing:.18em;
  white-space:nowrap
}
.mss-share-head h3{
  margin:0;
  text-align:right;
  color:var(--mss-gold2);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(25px,3.2vw,38px);
  line-height:1.05;
  letter-spacing:-.03em
}
.mss-share-head h3 small{
  display:block;
  margin-top:5px;
  color:#c9ae87;
  font-family:"Noto Sans Thai","IBM Plex Sans Thai","Sarabun",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:12px;
  font-weight:650;
  letter-spacing:.02em
}
.mss-share-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mss-share-btn{
  min-height:96px;
  display:grid;
  grid-template-columns:64px 1fr auto;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border-radius:24px;
  text-decoration:none!important;
  color:#fff!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
  overflow:hidden;
  position:relative
}
.mss-share-btn:before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  pointer-events:none
}
.mss-share-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.mss-facebook{
  background:linear-gradient(135deg,#315cba 0%,#1d397e 100%);
  box-shadow:0 14px 32px rgba(27,64,145,.18)
}
.mss-x{
  background:linear-gradient(135deg,#151515 0%,#000 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 14px 32px rgba(0,0,0,.24)
}
.mss-icon{
  width:60px;height:60px;border-radius:20px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.12);
  position:relative;z-index:1
}
.mss-icon svg{width:38px;height:38px}
.mss-x-icon{font-size:40px;font-family:Arial,sans-serif}
.mss-btn-copy{position:relative;z-index:1}
.mss-btn-copy strong{display:block;font-size:27px;line-height:1;font-weight:850}
.mss-btn-copy small{display:block;margin-top:6px;color:rgba(255,255,255,.82);font-size:12px;font-weight:650}
.mss-arrow{position:relative;z-index:1;font-size:27px}
.mss-share-note{
  margin:14px 2px 0;
  color:#a98f6c;
  font-size:11px;
  line-height:1.6
}
@media(max-width:700px){
  .mss-share-head{align-items:flex-start;flex-direction:column}
  .mss-share-head h3{text-align:left}
  .mss-share-grid{grid-template-columns:1fr}
  .mss-share-btn{min-height:88px}
}

/* v1.1.0: technical share-preview note removed from public UI */
.mss-share-note{display:none!important}