.v12Draft{padding:12px 16px!important;margin:12px 0!important}.v12Draft .actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.v12Draft small{display:block;color:#5b665d}.v12Copy{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dedbd3}.v12ReferenceBack{margin:10px 0 16px}.v12Music{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v12Music button{min-height:40px}.v12Music small{font-size:12px}.v12Precheck{padding:12px;border:1px solid #aa713c;border-radius:12px;color:#6b3617;background:#fff8e8}.v12Draft button{font-size:14px!important;min-height:40px!important}

/* Match the existing header controls; retain the same cream/gold plate in both states. */
html body #mainApp>header.top #moderaMusicToggle svg{width:27px!important;height:27px!important;stroke:#302211!important;stroke-width:2.4!important;fill:none!important}
html body #mainApp>header.top #moderaMusicToggle[aria-pressed=true]{box-shadow:inset 0 0 0 2px #8d6a2b,0 2px 6px #49321445!important}
html body #mainApp>header.top #moderaMusicToggle ellipse{fill:#302211!important;stroke-width:1.2!important}
.v12PrecheckButton{margin:8px 0!important}

.v12Draft>strong{font-size:17px!important;line-height:1.3!important}.v12Draft .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.v12Draft .actions .btn{font-size:14px!important;line-height:1.25!important;padding:9px!important;min-height:42px!important;width:auto!important}.v12Draft small{font-size:12px!important;line-height:1.4!important}

/* Four matching header icons: medium-bold outlines with a lighter music note. */
html body #mainApp>header.top #moderaHeaderActions .moderaHeaderIcon svg{width:20px!important;height:20px!important;stroke:#302211!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body #mainApp>header.top #moderaHeaderActions #moderaMusicToggle svg{width:21px!important;height:21px!important;stroke-width:1.9!important}
html body #mainApp>header.top #moderaHeaderActions #moderaMusicToggle ellipse{fill:none!important;stroke-width:1.9!important}

html body #mainApp>header.top #moderaHeaderActions .moderaHeaderIcon,
html body #mainApp>header.top #moderaHeaderActions .moderaHeaderIcon[aria-pressed=true]{background:var(--mr-tile-face)!important;color:var(--mr-ink)!important;opacity:1!important;filter:none!important}
/* Show the existing fallback until the selected campaign image is decoded. */
html body #mainApp>header.top #moderaGlobalAdHost:has(>#adSlider[data-media-ready=false])>#moderaAdStandby{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important}
html body #mainApp>header.top #moderaGlobalAdHost>#adSlider[data-media-ready=false]{opacity:0!important;pointer-events:none!important}
