/* A screen-wide signature and a clear badge stay visible throughout the demo. */
.creator-watermark {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='260' viewBox='0 0 420 260'%3E%3Cg transform='translate(210 130) rotate(-25)'%3E%3Ctext text-anchor='middle' dominant-baseline='middle' font-family='Arial,sans-serif' font-size='28' font-weight='800' fill='%23151515' fill-opacity='.3' stroke='%23ffffff' stroke-width='1.2' stroke-opacity='.6' paint-order='stroke'%3E%E5%88%B6%E4%BD%9C%E4%BA%BAyiu7171%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-size: 420px 260px;
}
.creator-watermark-badge {
  position: absolute;
  right: max(14px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  padding: 7px 14px;
  border: 2px solid #151515;
  border-radius: 9px;
  background: #f7c948f5;
  color: #151515;
  box-shadow: 3px 3px 0 #15151566;
  font: 800 16px/1.3 Arial, "Noto Sans SC", sans-serif;
  letter-spacing: .03em;
  white-space: nowrap;
}
dialog > .creator-watermark { position: absolute; }
dialog .creator-watermark-badge { bottom: 74px; right: 15px; }
body.manual-landscape > .creator-watermark {
  inset: auto;
  top: 0;
  left: 100%;
  width: var(--app-width);
  height: var(--app-height);
  transform: rotate(90deg);
  transform-origin: 0 0;
}
body[data-creator-watermark="on"]:not([data-display-mode="desktop"]) #mini-teacher { bottom: 60px; }
body:not([data-display-mode="desktop"]) .creator-watermark-badge { font-size: 13px; padding: 6px 10px; }
@media print { .creator-watermark { print-color-adjust: exact; -webkit-print-color-adjust: exact; } }
body[data-display-mode="desktop"] > .creator-watermark { zoom: var(--ui-scale); }
/* 右下角的主按钮让开制作人角标 */
body[data-creator-watermark="on"][data-display-mode="desktop"] .museum-hud .btn { margin-bottom: 42px; }