.watermark-demo {
  box-sizing: border-box;
  width: min(900px, calc(100vw - 32px));
  max-width: none;
  max-height: min(90dvh, 760px);
  overflow: auto;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid var(--line-ui, #353535);
  border-radius: 22px;
  color: var(--text-ui, #f9f9f9);
  background: var(--surface-ui, #090909);
}
.watermark-demo::backdrop { background: rgba(0,0,0,.78); }
.watermark-demo-header { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.watermark-demo-header h2 { font-size: clamp(21px, 3vw, 27px); margin:0; }
.watermark-demo p { color:var(--secondary-ui, #aaa); font-size:14px; line-height:1.5; }
.watermark-demo svg { display:block; width:100%; height:auto; max-height:60dvh; }
.watermark-demo-trigger { margin-top: 16px; }
.payment-note strong { display:block; margin-bottom:6px; }
.payment-note p { margin:0; }