/* Edit PDF text: the page with a box over each of its lines, the field to change the line chosen, and the lines changed. Loaded only on
   /tools/edit-pdf-text/. */
.edit-view { display: grid; gap: var(--matrix-space-12); }
.edit-page-row select { max-width: 16rem; }
.edit-note { margin: 0; padding: var(--matrix-space-8) var(--matrix-space-12); border-left: 4px solid var(--matrix-warning); background: color-mix(in srgb, var(--matrix-warning) 8%, transparent); }
.edit-preview__frame { position: relative; width: fit-content; max-width: 100%; border: 1px solid var(--matrix-border); background: #ffffff; }
.edit-preview__page { display: block; max-width: 100%; height: auto; }
.edit-preview__boxes { position: absolute; inset: 0; }
/* a line's box: outlined over the line, a button that chooses it; the page is always drawn white, so the outlines are read against white in
   either theme. The chosen line is in the brand colour, a changed one in the success colour, one that cannot be changed dashed */
.edit-preview__boxes .edit-line { position: absolute; box-sizing: border-box; margin: 0; padding: 0; min-width: 0; min-height: 0; border: 1px solid color-mix(in srgb, #0b57d0 60%, transparent); border-radius: 2px; background: color-mix(in srgb, #0b57d0 5%, transparent); cursor: pointer; }
.edit-preview__boxes .edit-line:hover { background: color-mix(in srgb, #0b57d0 14%, transparent); }
.edit-preview__boxes .edit-line:focus-visible { outline: 3px solid var(--matrix-focus); outline-offset: 1px; }
.edit-preview__boxes .edit-line.is-changed { border-color: #1d7339; background: color-mix(in srgb, #1d7339 8%, transparent); }
.edit-preview__boxes .edit-line.is-current { border: 2px solid #0b57d0; background: color-mix(in srgb, #0b57d0 16%, transparent); }
.edit-preview__boxes .edit-line.is-locked { border: 1px dashed #6b6b6b; background: transparent; cursor: help; }
.edit-editor .edit-fields { display: grid; gap: var(--matrix-space-8); }
.edit-editor .edit-fields[hidden] { display: none; }
.edit-buttons { display: flex; gap: var(--matrix-space-8); flex-wrap: wrap; }
.edit-changes-box h3 { margin: 0 0 var(--matrix-space-8); font-size: var(--matrix-type-body, 1rem); }
.edit-changes { margin: 0; padding-left: 1.4em; display: grid; gap: var(--matrix-space-8); }
.edit-change span { overflow-wrap: anywhere; }
.edit-change button { margin-left: var(--matrix-space-8); }