/* Add a text watermark: the text field. Loaded only on /tools/watermark-pdf/. */
.watermark-text { width: min(100%, 28em); }
.watermark-note { margin: 0; font-size: 0.95em; }
/* Jack's T51-03: the angle field, the image chooser, and the preview of the first chosen page. */
#watermark-angle { width: 7em; }
.watermark-preview-title { margin: 0; font-weight: 600; }
.watermark-preview { display: block; max-width: 100%; height: auto; border: 1px solid var(--matrix-border); background: #fff; }
.watermark-preview-note { margin: 0; overflow-wrap: anywhere; }
/* the image chooser: the page's own button and the name chosen beside it (fb_4e2b1c60); focus shows on the button */
.watermark-image-pick { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5em 0.75em; }
.watermark-image-button { display: inline-flex; align-items: center; min-height: var(--matrix-control-min-height); cursor: pointer; }
#watermark-image:focus-visible + .watermark-image-button { outline: 2px solid var(--matrix-focus); outline-offset: 2px; }
.watermark-image-name { overflow-wrap: anywhere; }