superdoc 2.18.1-next.5 → 2.19.0-next.2

package/dist/style.css

@@ -1,4 +1,430 @@
 @import "@superdoc/docx-engine/style.css";
+
+.sd-watermark[data-v-df56c82c] {
+  height: 640px;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  color: var(--sd-ui-text, #212121);
+  font: 13px/1.4 var(--sd-ui-font-family, Arial, sans-serif);
+  container-type: inline-size;
+}
+.sd-watermark[data-v-df56c82c] *,
+.sd-watermark[data-v-df56c82c] *::before,
+.sd-watermark[data-v-df56c82c] *::after {
+  box-sizing: border-box;
+}
+.sd-watermark fieldset[data-v-df56c82c] {
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+.sd-watermark button[data-v-df56c82c],
+.sd-watermark input[data-v-df56c82c],
+.sd-watermark select[data-v-df56c82c] {
+  font: inherit;
+  color: inherit;
+}
+.sd-watermark button[data-v-df56c82c],
+.sd-watermark select[data-v-df56c82c],
+.sd-watermark input[data-v-df56c82c]:not([type='radio'], [type='checkbox'], [type='range'], [type='file']) {
+  min-height: 32px;
+  border: 1px solid var(--sd-ui-border, #dbdbdb);
+  border-radius: 6px;
+  background: var(--sd-ui-bg, #fff);
+  padding: 5px 8px;
+}
+.sd-watermark input[data-v-df56c82c],
+.sd-watermark select[data-v-df56c82c] {
+  min-width: 0;
+  max-width: 100%;
+  accent-color: var(--sd-ui-action, #1355ff);
+}
+.sd-watermark button[data-v-df56c82c] {
+  cursor: pointer;
+}
+.sd-watermark button[data-v-df56c82c]:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--sd-ui-action, #1355ff) 6%, var(--sd-ui-bg, #fff));
+}
+.sd-watermark[data-v-df56c82c] :focus-visible {
+  outline: 2px solid var(--sd-ui-action, #1355ff);
+  outline-offset: 2px;
+}
+.sd-watermark button[data-v-df56c82c]:disabled,
+.sd-watermark fieldset[data-v-df56c82c]:disabled {
+  opacity: 0.55;
+}
+.sd-watermark button[data-v-df56c82c]:disabled {
+  cursor: not-allowed;
+}
+.sd-watermark__body[data-v-df56c82c] {
+  display: grid;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  align-items: start;
+  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
+  grid-template-rows: minmax(0, 1fr);
+  padding: 16px;
+}
+.sd-watermark__settings[data-v-df56c82c] {
+  display: flex;
+  height: 100%;
+  overflow: auto;
+  flex-direction: column;
+  gap: 12px;
+  padding: 2px 20px 12px 0;
+}
+.sd-watermark__settings[data-v-df56c82c] > * {
+  flex-shrink: 0;
+}
+.sd-watermark__scope[data-v-df56c82c] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  gap: 12px;
+}
+.sd-watermark__field[data-v-df56c82c] {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.sd-watermark__field > span[data-v-df56c82c]:first-child,
+.sd-watermark legend[data-v-df56c82c],
+.sd-watermark__field > label[data-v-df56c82c] {
+  font-size: 12px;
+  font-weight: 600;
+}
+.sd-watermark__draft[data-v-df56c82c] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  gap: 12px;
+}
+.sd-watermark__draft[data-v-df56c82c] > * {
+  grid-column: 1 / -1;
+}
+.sd-watermark__draft--text .sd-watermark__font-color[data-v-df56c82c],
+.sd-watermark__draft--text .sd-watermark__transparency[data-v-df56c82c] {
+  grid-column: auto;
+}
+.sd-watermark__types[data-v-df56c82c] {
+  display: flex;
+  padding: 3px !important;
+  border: 1px solid var(--sd-ui-border, #dbdbdb) !important;
+  border-radius: 8px;
+  background: var(--sd-ui-watermark-canvas, #f5f5f5);
+  gap: 3px;
+}
+.sd-watermark__types label[data-v-df56c82c] {
+  flex: 1;
+  position: relative;
+  text-align: center;
+  padding: 6px 4px;
+  border-radius: 5px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.sd-watermark__types input[data-v-df56c82c] {
+  position: absolute;
+  opacity: 0;
+  width: 1px;
+  height: 1px;
+}
+.sd-watermark__types label[data-v-df56c82c]:has(:focus-visible) {
+  outline: 2px solid var(--sd-ui-action, #1355ff);
+  outline-offset: 2px;
+}
+.sd-watermark__types .is-selected[data-v-df56c82c] {
+  color: var(--sd-ui-action, #1355ff);
+  background: var(--sd-ui-bg, #fff);
+  box-shadow: 0 1px 3px #00000012;
+  font-weight: 600;
+}
+.sd-watermark__presets[data-v-df56c82c] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: -6px;
+}
+.sd-watermark__presets button[data-v-df56c82c] {
+  min-height: 26px;
+  font-size: 10px;
+  padding: 3px 7px;
+}
+.sd-watermark__font-row[data-v-df56c82c] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 74px auto;
+  gap: 8px;
+}
+.sd-watermark__styles[data-v-df56c82c] {
+  display: flex;
+  gap: 4px;
+  align-items: end;
+}
+.sd-watermark__styles button[data-v-df56c82c] {
+  min-width: 32px;
+  padding: 5px;
+}
+.sd-watermark__styles button[aria-pressed='true'][data-v-df56c82c] {
+  color: var(--sd-ui-action, #1355ff);
+  border-color: var(--sd-ui-action, #1355ff);
+}
+.sd-watermark__color[data-v-df56c82c] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.sd-watermark__color input[type='color'][data-v-df56c82c] {
+  width: 32px;
+  flex-shrink: 0;
+  padding: 4px;
+}
+.sd-watermark__color input[type='text'][data-v-df56c82c] {
+  flex: 1;
+}
+.sd-watermark__range[data-v-df56c82c] {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+.sd-watermark__range > input[data-v-df56c82c] {
+  flex: 1;
+  width: 100%;
+}
+.sd-watermark__range label[data-v-df56c82c] {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.sd-watermark__range input[type='number'][data-v-df56c82c] {
+  width: 60px;
+}
+.sd-watermark small[data-v-df56c82c],
+.sd-watermark__caption[data-v-df56c82c],
+.sd-watermark__notice[data-v-df56c82c] {
+  color: var(--sd-ui-text-muted, #666);
+  font-size: 11px;
+  font-weight: 400;
+}
+.sd-watermark small[data-v-df56c82c] {
+  display: block;
+}
+.sd-watermark__orientation[data-v-df56c82c] {
+  display: flex;
+  gap: 12px;
+}
+.sd-watermark__orientation legend[data-v-df56c82c] {
+  margin-bottom: 6px;
+}
+.sd-watermark__orientation label[data-v-df56c82c] {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  flex: 1;
+  border: 1px solid var(--sd-ui-border, #dbdbdb);
+  border-radius: 6px;
+  padding: 6px 8px;
+}
+.sd-watermark__check[data-v-df56c82c] {
+  display: flex;
+  gap: 8px;
+  align-items: start;
+}
+.sd-watermark__check input[data-v-df56c82c] {
+  margin-top: 3px;
+}
+.sd-watermark__selection-list[data-v-df56c82c] {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-height: 112px;
+  overflow: auto;
+}
+.sd-watermark__selection legend[data-v-df56c82c] {
+  margin-bottom: 8px;
+}
+.sd-watermark__selection button[data-v-df56c82c] {
+  margin-top: 8px;
+}
+.sd-watermark__selection .sd-watermark__notice[data-v-df56c82c] {
+  margin-top: 8px;
+}
+.sd-watermark__picture[data-v-df56c82c] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+  padding: 12px;
+  border: 1px solid var(--sd-ui-border, #dbdbdb);
+  border-radius: 6px;
+}
+.sd-watermark__picture img[data-v-df56c82c] {
+  width: 48px;
+  height: 48px;
+  object-fit: contain;
+}
+.sd-watermark__picture > div[data-v-df56c82c] {
+  flex: 1;
+  min-width: 100px;
+  overflow-wrap: anywhere;
+}
+.sd-watermark__picture strong[data-v-df56c82c] {
+  font-size: 12px;
+  font-weight: 500;
+}
+.sd-watermark__picture button[data-v-df56c82c] {
+  font-size: 12px;
+}
+.sd-watermark__preview[data-v-df56c82c] {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  padding: 2px 0 12px 20px;
+  border-left: 1px solid var(--sd-ui-border, #dbdbdb);
+  min-width: 0;
+}
+.sd-watermark__preview h3[data-v-df56c82c] {
+  font-size: 12px;
+  font-weight: 600;
+  margin: 0 0 12px;
+}
+.sd-watermark__page[data-v-df56c82c] {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  min-height: 0;
+  max-height: 340px;
+  /* Keep fractional image edges inside WebKit's integer-rounded overflow clip. */
+  padding: 1px;
+  background: var(--sd-ui-watermark-canvas, #fafafa);
+  border: 1px solid var(--sd-ui-border, #dbdbdb);
+  overflow: hidden;
+}
+.sd-watermark__page img[data-v-df56c82c] {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.sd-watermark__page p[data-v-df56c82c] {
+  padding: 16px;
+  color: var(--sd-ui-text-muted, #666);
+  font-size: 12px;
+}
+.sd-watermark__caption[data-v-df56c82c] {
+  text-align: center;
+  margin: 8px 0 12px;
+}
+.sd-watermark__impact[data-v-df56c82c] {
+  font-size: 11px;
+  line-height: 1.6;
+  margin: 0;
+}
+.sd-watermark__impact-details[data-v-df56c82c] {
+  flex-shrink: 0;
+  margin-top: 6px;
+  font-size: 11px;
+}
+.sd-watermark__impact-details summary[data-v-df56c82c] {
+  cursor: pointer;
+}
+.sd-watermark__impact-details ul[data-v-df56c82c] {
+  max-height: 4.5em;
+  overflow: auto;
+  margin: 6px 0 0;
+  padding: 0 0 2px 18px;
+}
+.sd-watermark__notice[data-v-df56c82c] {
+  margin: 0;
+}
+.sd-watermark__error[data-v-df56c82c] {
+  flex-shrink: 0;
+  padding: 12px 16px;
+  border-top: 1px solid var(--sd-ui-border, #dbdbdb);
+  color: var(--sd-color-red-500, #ed4337);
+  font-size: 13px;
+}
+.sd-watermark__error p[data-v-df56c82c] {
+  margin: 0 0 8px;
+}
+.sd-watermark__footer p[data-v-df56c82c] {
+  flex: 1;
+  font-size: 12px;
+  color: var(--sd-ui-text-muted, #666);
+  margin: 0;
+}
+.sd-watermark__actions[data-v-df56c82c] {
+  display: flex;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.sd-watermark .sd-watermark__apply[data-v-df56c82c] {
+  color: var(--sd-ui-action-text, #fff);
+  background: var(--sd-ui-action, #1355ff);
+  border-color: var(--sd-ui-action, #1355ff);
+}
+.sd-watermark .sd-watermark__apply[data-v-df56c82c]:hover:not(:disabled) {
+  background: var(--sd-ui-action-hover, #0f44cc);
+}
+.sd-watermark__sr-only[data-v-df56c82c] {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+@container (max-width: 560px) {
+.sd-watermark button[data-v-df56c82c],
+  .sd-watermark select[data-v-df56c82c],
+  .sd-watermark input[data-v-df56c82c]:not([type='radio'], [type='checkbox'], [type='range'], [type='file']) {
+    min-height: 40px;
+}
+.sd-watermark__types label[data-v-df56c82c],
+  .sd-watermark__orientation label[data-v-df56c82c] {
+    min-height: 40px;
+}
+.sd-watermark__draft--text .sd-watermark__font-color[data-v-df56c82c],
+  .sd-watermark__draft--text .sd-watermark__transparency[data-v-df56c82c] {
+    grid-column: 1 / -1;
+}
+.sd-watermark__body[data-v-df56c82c] {
+    overflow: auto;
+    align-content: start;
+    grid-template-columns: 1fr;
+    grid-template-rows: none;
+}
+.sd-watermark__settings[data-v-df56c82c] {
+    height: auto;
+    overflow: visible;
+    padding-right: 0;
+}
+.sd-watermark__preview[data-v-df56c82c] {
+    display: block;
+    height: auto;
+    border-left: 0;
+    border-top: 1px solid var(--sd-ui-border, #dbdbdb);
+    padding: 20px 0;
+}
+.sd-watermark__page[data-v-df56c82c] {
+    max-width: 220px;
+    margin: auto;
+    min-height: 150px;
+}
+.sd-watermark__page img[data-v-df56c82c] {
+    height: auto;
+}
+.sd-watermark__footer[data-v-df56c82c] {
+    flex-wrap: wrap;
+}
+.sd-watermark__actions[data-v-df56c82c] {
+    margin-left: auto;
+}
+}
 :root {
   /* SuperDoc CSS Variables */
 
@@ -1727,38 +2153,128 @@ img[data-v-c95b2073] {
   width: 100%;
 }
 
-.sd-surface-dialog-backdrop[data-v-20bf8e4b] {
-  position: absolute;
+.sd-surface-dialog-backdrop[data-v-582b6534] {
+  position: fixed;
   inset: 0;
-  z-index: calc(var(--sd-ui-surface-z-index, 100) + 1);
+  z-index: var(--sd-ui-dialog-z-index, 2147483001);
+  box-sizing: border-box;
+  padding: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
-  background: var(--sd-ui-dialog-backdrop);
+  background: var(--sd-ui-dialog-backdrop, rgba(18, 24, 38, 0.32));
 }
-.sd-surface-dialog[data-v-20bf8e4b] {
+.sd-surface-dialog[data-v-582b6534] {
+  box-sizing: border-box;
+  min-width: 0;
   background: var(--sd-ui-surface-bg);
   border: 1px solid var(--sd-ui-surface-border);
   border-radius: var(--sd-ui-surface-radius);
   box-shadow: var(--sd-ui-surface-shadow);
   max-width: var(--sd-ui-dialog-max-width, 480px);
   width: 100%;
-  max-height: 90%;
+  max-height: 100%;
   overflow-y: auto;
   outline: none;
   font-family: var(--sd-ui-font-family);
   color: var(--sd-ui-text);
 }
-.sd-surface-dialog__title[data-v-20bf8e4b] {
+.sd-surface-dialog__title[data-v-582b6534] {
   padding: var(--sd-ui-surface-title-padding);
   font-size: var(--sd-ui-font-size-500, 15px);
   font-weight: 600;
   line-height: 1.4;
 }
-.sd-surface-dialog__content[data-v-20bf8e4b] {
+.sd-surface-dialog__content[data-v-582b6534] {
   padding: var(--sd-ui-surface-content-padding);
 }
 
+/* Built-in dialogs share chrome while their components own fields and actions. */
+.sd-surface-dialog[data-v-582b6534]:has(.sd-dialog-content) {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.sd-surface-dialog__content[data-v-582b6534]:has(> .sd-dialog-content) {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  padding: 0;
+}
+.sd-surface-dialog[data-v-582b6534] .sd-dialog-content {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  max-height: calc(100dvh - 34px);
+}
+.sd-surface-dialog[data-v-582b6534] .sd-dialog-header {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--sd-ui-surface-border, #e4e7ec);
+}
+.sd-surface-dialog[data-v-582b6534] .sd-dialog-header h2 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 650;
+  letter-spacing: -0.01em;
+}
+.sd-surface-dialog[data-v-582b6534] .sd-dialog-close {
+  display: grid;
+  flex: none;
+  place-items: center;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--sd-ui-text-muted, #525866);
+  font-size: 24px;
+  line-height: 1;
+  cursor: pointer;
+}
+.sd-surface-dialog[data-v-582b6534] .sd-dialog-close:hover {
+  background: var(--sd-ui-hover-bg, #f2f4f7);
+}
+.sd-surface-dialog[data-v-582b6534] .sd-dialog-footer {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 10px 16px;
+  border-top: 1px solid var(--sd-ui-surface-border, #eaecf0);
+  background: var(--sd-ui-surface-bg, #fff);
+}
+.sd-surface-dialog[data-v-582b6534] .sd-dialog-footer button {
+  min-width: 72px;
+  min-height: 32px;
+  padding: 7px 12px;
+  border-radius: 6px;
+  font: inherit;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.sd-surface-dialog[data-v-582b6534] .sd-dialog-secondary {
+  border: 1px solid var(--sd-ui-surface-border, #cfd4dc);
+  background: var(--sd-ui-surface-bg, #fff);
+  color: var(--sd-ui-text, #344054);
+}
+.sd-surface-dialog[data-v-582b6534] .sd-dialog-primary {
+  border: 1px solid var(--sd-ui-action, #3367d6);
+  background: var(--sd-ui-action, #3367d6);
+  color: var(--sd-ui-action-text, #fff);
+}
+.sd-surface-dialog[data-v-582b6534] .sd-dialog-footer button:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
 .sd-surface-floating[data-v-cd2be5db] {
   position: absolute;
   z-index: var(--sd-ui-surface-z-index, 100);
@@ -1811,7 +2327,7 @@ img[data-v-c95b2073] {
   padding: var(--sd-ui-surface-content-padding);
 }
 
-.sd-surface-host[data-v-c6a3b75f] {
+.sd-surface-host[data-v-dad99b67] {
   /* position/top/left/width/height set dynamically via :style binding */
   pointer-events: none;
   z-index: var(--sd-ui-surface-z-index, 100);
@@ -1819,7 +2335,7 @@ img[data-v-c95b2073] {
 }
 
 /* Re-enable pointer events on actual surface children */
-.sd-surface-host[data-v-c6a3b75f] >  * {
+.sd-surface-host[data-v-dad99b67] >  * {
   pointer-events: auto;
 }
 
@@ -2018,20 +2534,20 @@ img[data-v-c95b2073] {
   width: 16px;
 }
 
-.sd-toolbar-item[data-v-22817fa7] {
+.sd-toolbar-item[data-v-96796456] {
   position: relative;
   z-index: 1;
   min-width: 30px;
   margin: 0 calc(var(--sd-ui-toolbar-item-gap, 2px) / 2);
 }
-.sd-visually-hidden[data-v-22817fa7] {
+.sd-visually-hidden[data-v-96796456] {
   position: absolute;
   left: -9999px;
   height: 1px;
   width: 1px;
   overflow: hidden;
 }
-.sd-toolbar-button[data-v-22817fa7] {
+.sd-toolbar-button[data-v-96796456] {
   padding: var(--sd-ui-toolbar-item-padding, 5px);
   height: var(--sd-ui-toolbar-height, 32px);
   max-height: var(--sd-ui-toolbar-height, 32px);
@@ -2047,21 +2563,21 @@ img[data-v-c95b2073] {
   position: relative;
   box-sizing: border-box;
 }
-.sd-toolbar-button[data-v-22817fa7]:hover {
+.sd-toolbar-button[data-v-96796456]:hover {
   background-color: var(--sd-ui-toolbar-button-hover-bg, var(--sd-ui-hover-bg, #dbdbdb));
 }
-.sd-toolbar-button:hover .sd-toolbar-icon.high-contrast[data-v-22817fa7] {
+.sd-toolbar-button:hover .sd-toolbar-icon.high-contrast[data-v-96796456] {
       color: #fff;
 }
-.sd-toolbar-button:hover.high-contrast[data-v-22817fa7] {
+.sd-toolbar-button:hover.high-contrast[data-v-96796456] {
     background-color: #000;
     color: #fff;
 }
-.sd-toolbar-button[data-v-22817fa7]:active,
-.sd-active[data-v-22817fa7] {
+.sd-toolbar-button[data-v-96796456]:active,
+.sd-active[data-v-96796456] {
   background-color: var(--sd-ui-toolbar-button-active-bg, var(--sd-ui-active-bg, #c8d0d8));
 }
-.sd-button-label[data-v-22817fa7] {
+.sd-button-label[data-v-96796456] {
   overflow: hidden;
   width: 100%;
   text-align: center;
@@ -2071,15 +2587,15 @@ img[data-v-c95b2073] {
   font-size: var(--sd-ui-font-size-500, 15px);
   margin: 5px;
 }
-.sd-toolbar-icon + .sd-dropdown-caret[data-v-22817fa7] {
+.sd-toolbar-icon + .sd-dropdown-caret[data-v-96796456] {
   margin-left: 4px;
 }
-.sd-toolbar-button.split[data-v-22817fa7] {
+.sd-toolbar-button.split[data-v-96796456] {
   padding: 0;
   gap: 0;
 }
-.sd-toolbar-button.split .sd-toolbar-button__main[data-v-22817fa7],
-.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-22817fa7] {
+.sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456],
+.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2088,12 +2604,12 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 1;
 }
-.sd-toolbar-button.split .sd-toolbar-button__main[data-v-22817fa7] {
+.sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456] {
   padding: 0 3px 0 var(--sd-ui-toolbar-item-padding, 5px);
   border-top-left-radius: var(--sd-ui-radius, 6px);
   border-bottom-left-radius: var(--sd-ui-radius, 6px);
 }
-.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-22817fa7] {
+.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456] {
   padding: 0 4px 0 2px;
   border-top-right-radius: var(--sd-ui-radius, 6px);
   border-bottom-right-radius: var(--sd-ui-radius, 6px);
@@ -2102,17 +2618,17 @@ img[data-v-c95b2073] {
 /* Unified hover: hovering anywhere on the split button highlights the whole
    button so it reads as a single grouped item, with a slightly darker tint
    on the half the cursor is actually over. */
-.sd-toolbar-button.split[data-v-22817fa7]:hover {
+.sd-toolbar-button.split[data-v-96796456]:hover {
   background-color: var(--sd-ui-toolbar-button-hover-bg, var(--sd-ui-hover-bg, #dbdbdb));
 }
-.sd-toolbar-button.split .sd-toolbar-button__main[data-v-22817fa7]:hover,
-.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-22817fa7]:hover {
+.sd-toolbar-button.split .sd-toolbar-button__main[data-v-96796456]:hover,
+.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456]:hover {
   background-color: var(--sd-ui-toolbar-button-active-bg, var(--sd-ui-active-bg, #c8d0d8));
 }
 
 /* Subtle divider only appears on hover, hinting at the two affordances
    without making them look like separate buttons at rest. */
-.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-22817fa7]::before {
+.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-96796456]::before {
   content: '';
   position: absolute;
   left: 0;
@@ -2122,46 +2638,46 @@ img[data-v-c95b2073] {
   background-color: transparent;
   transition: background-color 0.15s ease-out;
 }
-.sd-toolbar-button.split:hover .sd-toolbar-button__caret[data-v-22817fa7]::before {
+.sd-toolbar-button.split:hover .sd-toolbar-button__caret[data-v-96796456]::before {
   background-color: var(--sd-ui-border, rgba(71, 72, 74, 0.2));
 }
-.sd-toolbar-button.split.sd-disabled[data-v-22817fa7],
-.sd-toolbar-button.split.sd-disabled[data-v-22817fa7]:hover {
+.sd-toolbar-button.split.sd-disabled[data-v-96796456],
+.sd-toolbar-button.split.sd-disabled[data-v-96796456]:hover {
   background-color: initial;
 }
-.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-22817fa7],
-.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-22817fa7] {
+.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-96796456],
+.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456] {
   cursor: default;
 }
-.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-22817fa7]:hover,
-.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-22817fa7]:hover {
+.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-96796456]:hover,
+.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456]:hover {
   background-color: initial;
 }
-.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-22817fa7]::before {
+.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-96796456]::before {
   background-color: transparent;
 }
-.left[data-v-22817fa7],
-.right[data-v-22817fa7] {
+.left[data-v-96796456],
+.right[data-v-96796456] {
   width: 50%;
   height: 100%;
   background-color: #dbdbdb;
   border-radius: 60%;
 }
-.has-inline-text-input[data-v-22817fa7]:hover {
+.has-inline-text-input[data-v-96796456]:hover {
   cursor: text;
 }
-.sd-disabled[data-v-22817fa7] {
+.sd-disabled[data-v-96796456] {
   cursor: default;
 }
-.sd-disabled[data-v-22817fa7]:hover {
+.sd-disabled[data-v-96796456]:hover {
   cursor: default;
   background-color: initial;
 }
-.sd-disabled .sd-toolbar-icon[data-v-22817fa7],
-.sd-disabled .sd-button-label[data-v-22817fa7] {
+.sd-disabled .sd-toolbar-icon[data-v-96796456],
+.sd-disabled .sd-button-label[data-v-96796456] {
   opacity: 0.35;
 }
-.button-text-input[data-v-22817fa7] {
+.button-text-input[data-v-96796456] {
   color: var(--sd-ui-toolbar-button-text, #47484a);
   border-radius: 4px;
   text-align: center;
@@ -2175,19 +2691,19 @@ img[data-v-c95b2073] {
   border: 1px solid var(--sd-ui-border, #dbdbdb);
   box-sizing: border-box;
 }
-.button-text-input.high-contrast[data-v-22817fa7] {
+.button-text-input.high-contrast[data-v-96796456] {
     background-color: #fff;
 }
-.button-text-input--font-size[data-v-22817fa7] {
+.button-text-input--font-size[data-v-96796456] {
   width: 36px;
 }
-.button-text-input--font-family[data-v-22817fa7] {
+.button-text-input--font-family[data-v-96796456] {
   width: 88px;
 }
-.button-text-input[data-v-22817fa7]::placeholder {
+.button-text-input[data-v-96796456]::placeholder {
   color: var(--sd-ui-toolbar-button-text, #47484a);
 }
-.sd-dropdown-caret[data-v-22817fa7] {
+.sd-dropdown-caret[data-v-96796456] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2196,16 +2712,16 @@ img[data-v-c95b2073] {
   width: 10px;
   height: 10px;
 }
-.sd-toolbar-item--doc-mode-compact .sd-button-label[data-v-22817fa7] {
+.sd-toolbar-item--doc-mode-compact .sd-button-label[data-v-96796456] {
   display: none;
 }
-.sd-toolbar-item--doc-mode-compact .sd-toolbar-icon[data-v-22817fa7] {
+.sd-toolbar-item--doc-mode-compact .sd-toolbar-icon[data-v-96796456] {
   margin-right: 5px;
 }
-.sd-toolbar-item--linked-styles-compact[data-v-22817fa7] {
+.sd-toolbar-item--linked-styles-compact[data-v-96796456] {
   width: auto !important;
 }
-.sd-toolbar-item--linked-styles-compact .sd-button-label[data-v-22817fa7] {
+.sd-toolbar-item--linked-styles-compact .sd-button-label[data-v-96796456] {
   display: none;
 }
 
@@ -2226,13 +2742,13 @@ img[data-v-c95b2073] {
   height: 20px;
 }
 
-.toolbar-dropdown[data-v-764d5fd7] {
+.toolbar-dropdown[data-v-fa3f6b69] {
   display: inline-flex;
 }
-.toolbar-dropdown-trigger[data-v-764d5fd7] {
+.toolbar-dropdown-trigger[data-v-fa3f6b69] {
   display: inline-flex;
 }
-.toolbar-dropdown-menu[data-v-764d5fd7] {
+.toolbar-dropdown-menu[data-v-fa3f6b69] {
   min-width: 80px;
   padding: 4px;
   border-radius: var(--sd-ui-radius, 6px);
@@ -2243,10 +2759,10 @@ img[data-v-c95b2073] {
   overflow-y: auto;
   overscroll-behavior: contain;
 }
-.toolbar-dropdown-menu.toolbar-dropdown-menu--render-only[data-v-764d5fd7] {
+.toolbar-dropdown-menu.toolbar-dropdown-menu--render-only[data-v-fa3f6b69] {
   padding: 0;
 }
-.toolbar-dropdown-option[data-v-764d5fd7] {
+.toolbar-dropdown-option[data-v-fa3f6b69] {
   min-height: 34px;
   display: flex;
   align-items: center;
@@ -2258,7 +2774,7 @@ img[data-v-c95b2073] {
   transition: background-color 0.2s ease-out;
   box-sizing: border-box;
 }
-.toolbar-dropdown-option__icon[data-v-764d5fd7] {
+.toolbar-dropdown-option__icon[data-v-fa3f6b69] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2267,68 +2783,68 @@ img[data-v-c95b2073] {
   height: 14px;
   margin-right: 6px;
 }
-.toolbar-dropdown-option__icon[data-v-764d5fd7] .dropdown-select-icon {
+.toolbar-dropdown-option__icon[data-v-fa3f6b69] .dropdown-select-icon {
   display: flex;
   width: 12px;
   height: 12px;
 }
-.toolbar-dropdown-option[data-v-764d5fd7]:hover {
+.toolbar-dropdown-option[data-v-fa3f6b69]:hover {
   background: var(--sd-ui-dropdown-hover-bg, #d8dee5);
   color: var(--sd-ui-dropdown-hover-text, #47484a);
 }
-.toolbar-dropdown-option.sd-selected[data-v-764d5fd7] {
+.toolbar-dropdown-option.sd-selected[data-v-fa3f6b69] {
   background: var(--sd-ui-dropdown-active-bg, #d8dee5);
   color: var(--sd-ui-dropdown-selected-text, #47484a);
 }
-.toolbar-dropdown-menu.high-contrast .toolbar-dropdown-option[data-v-764d5fd7]:not(.sd-render):hover {
+.toolbar-dropdown-menu.high-contrast .toolbar-dropdown-option[data-v-fa3f6b69]:not(.sd-render):hover {
   background: #000;
   color: #fff;
 }
-.toolbar-dropdown-menu.high-contrast .toolbar-dropdown-option:not(.sd-render).sd-selected[data-v-764d5fd7] {
+.toolbar-dropdown-menu.high-contrast .toolbar-dropdown-option:not(.sd-render).sd-selected[data-v-fa3f6b69] {
   background: #000;
   color: #fff;
 }
-.toolbar-dropdown-option.sd-disabled[data-v-764d5fd7] {
+.toolbar-dropdown-option.sd-disabled[data-v-fa3f6b69] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.toolbar-dropdown-option.sd-render[data-v-764d5fd7] {
+.toolbar-dropdown-option.sd-render[data-v-fa3f6b69] {
   padding: 0;
   cursor: default;
   background: transparent;
   color: inherit;
 }
-.toolbar-dropdown-option.sd-render[data-v-764d5fd7]:hover,
-.toolbar-dropdown-option.sd-render.sd-selected[data-v-764d5fd7] {
+.toolbar-dropdown-option.sd-render[data-v-fa3f6b69]:hover,
+.toolbar-dropdown-option.sd-render.sd-selected[data-v-fa3f6b69] {
   background: transparent;
   color: inherit;
 }
-.fade-in-scale-up-transition-enter-active[data-v-764d5fd7],
-.fade-in-scale-up-transition-leave-active[data-v-764d5fd7] {
+.fade-in-scale-up-transition-enter-active[data-v-fa3f6b69],
+.fade-in-scale-up-transition-leave-active[data-v-fa3f6b69] {
   transform-origin: top left;
 }
-.fade-in-scale-up-transition-enter-active[data-v-764d5fd7] {
+.fade-in-scale-up-transition-enter-active[data-v-fa3f6b69] {
   transition:
     opacity 0.2s cubic-bezier(0, 0, 0.2, 1),
     transform 0.2s cubic-bezier(0, 0, 0.2, 1);
 }
-.fade-in-scale-up-transition-leave-active[data-v-764d5fd7] {
+.fade-in-scale-up-transition-leave-active[data-v-fa3f6b69] {
   transition:
     opacity 0.2s cubic-bezier(0.4, 0, 1, 1),
     transform 0.2s cubic-bezier(0.4, 0, 1, 1);
 }
-.fade-in-scale-up-transition-enter-from[data-v-764d5fd7],
-.fade-in-scale-up-transition-leave-to[data-v-764d5fd7] {
+.fade-in-scale-up-transition-enter-from[data-v-fa3f6b69],
+.fade-in-scale-up-transition-leave-to[data-v-fa3f6b69] {
   opacity: 0;
   transform: scale(0.9);
 }
-.fade-in-scale-up-transition-leave-from[data-v-764d5fd7],
-.fade-in-scale-up-transition-enter-to[data-v-764d5fd7] {
+.fade-in-scale-up-transition-leave-from[data-v-fa3f6b69],
+.fade-in-scale-up-transition-enter-to[data-v-fa3f6b69] {
   opacity: 1;
   transform: scale(1);
 }
 
-.superdoc-toolbar-overflow[data-v-5f8ee279] {
+.superdoc-toolbar-overflow[data-v-1227fcf9] {
   min-width: auto !important;
   max-width: 200px;
   flex-wrap: wrap;
@@ -2502,7 +3018,7 @@ img[data-v-c95b2073] {
   display: flex;
 }
 
-.superdoc-toolbar[data-v-ed19716b] {
+.superdoc-toolbar[data-v-9418cc7d] {
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -2514,7 +3030,7 @@ img[data-v-c95b2073] {
   z-index: var(--sd-ui-toolbar-z-index, 10);
 }
 @media (max-width: 768px) {
-.superdoc-toolbar[data-v-ed19716b] {
+.superdoc-toolbar[data-v-9418cc7d] {
     padding: 4px 10px;
     justify-content: inherit;
 }