@docmentis/udoc-viewer 0.6.10 → 0.6.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/README.md +3 -2
  2. package/dist/package.json +15 -9
  3. package/dist/src/UDocClient.d.ts +14 -0
  4. package/dist/src/UDocClient.d.ts.map +1 -1
  5. package/dist/src/UDocClient.js +1 -1
  6. package/dist/src/UDocClient.js.map +1 -1
  7. package/dist/src/UDocViewer.d.ts.map +1 -1
  8. package/dist/src/UDocViewer.js +2 -2
  9. package/dist/src/UDocViewer.js.map +1 -1
  10. package/dist/src/index.d.ts +3 -0
  11. package/dist/src/index.d.ts.map +1 -1
  12. package/dist/src/index.js +1 -0
  13. package/dist/src/index.js.map +1 -1
  14. package/dist/src/ui/viewer/a11y.d.ts +26 -0
  15. package/dist/src/ui/viewer/a11y.d.ts.map +1 -0
  16. package/dist/src/ui/viewer/a11y.js +116 -0
  17. package/dist/src/ui/viewer/a11y.js.map +1 -0
  18. package/dist/src/ui/viewer/components/AnnotationPanel.d.ts +2 -1
  19. package/dist/src/ui/viewer/components/AnnotationPanel.d.ts.map +1 -1
  20. package/dist/src/ui/viewer/components/AnnotationPanel.js +11 -9
  21. package/dist/src/ui/viewer/components/AnnotationPanel.js.map +1 -1
  22. package/dist/src/ui/viewer/components/FloatingToolbar.d.ts +2 -1
  23. package/dist/src/ui/viewer/components/FloatingToolbar.d.ts.map +1 -1
  24. package/dist/src/ui/viewer/components/FloatingToolbar.js +50 -7
  25. package/dist/src/ui/viewer/components/FloatingToolbar.js.map +1 -1
  26. package/dist/src/ui/viewer/components/LayersPanel.d.ts +2 -1
  27. package/dist/src/ui/viewer/components/LayersPanel.d.ts.map +1 -1
  28. package/dist/src/ui/viewer/components/LayersPanel.js +10 -4
  29. package/dist/src/ui/viewer/components/LayersPanel.js.map +1 -1
  30. package/dist/src/ui/viewer/components/LeftPanel.d.ts +2 -1
  31. package/dist/src/ui/viewer/components/LeftPanel.d.ts.map +1 -1
  32. package/dist/src/ui/viewer/components/LeftPanel.js +58 -5
  33. package/dist/src/ui/viewer/components/LeftPanel.js.map +1 -1
  34. package/dist/src/ui/viewer/components/LoadingOverlay.d.ts +2 -1
  35. package/dist/src/ui/viewer/components/LoadingOverlay.d.ts.map +1 -1
  36. package/dist/src/ui/viewer/components/LoadingOverlay.js +132 -17
  37. package/dist/src/ui/viewer/components/LoadingOverlay.js.map +1 -1
  38. package/dist/src/ui/viewer/components/OutlinePanel.d.ts +2 -1
  39. package/dist/src/ui/viewer/components/OutlinePanel.d.ts.map +1 -1
  40. package/dist/src/ui/viewer/components/OutlinePanel.js +141 -3
  41. package/dist/src/ui/viewer/components/OutlinePanel.js.map +1 -1
  42. package/dist/src/ui/viewer/components/PasswordDialog.d.ts +2 -1
  43. package/dist/src/ui/viewer/components/PasswordDialog.d.ts.map +1 -1
  44. package/dist/src/ui/viewer/components/PasswordDialog.js +46 -10
  45. package/dist/src/ui/viewer/components/PasswordDialog.js.map +1 -1
  46. package/dist/src/ui/viewer/components/PrintDialog.d.ts +2 -1
  47. package/dist/src/ui/viewer/components/PrintDialog.d.ts.map +1 -1
  48. package/dist/src/ui/viewer/components/PrintDialog.js +77 -8
  49. package/dist/src/ui/viewer/components/PrintDialog.js.map +1 -1
  50. package/dist/src/ui/viewer/components/RightPanel.d.ts +2 -1
  51. package/dist/src/ui/viewer/components/RightPanel.d.ts.map +1 -1
  52. package/dist/src/ui/viewer/components/RightPanel.js +37 -3
  53. package/dist/src/ui/viewer/components/RightPanel.js.map +1 -1
  54. package/dist/src/ui/viewer/components/SearchPanel.d.ts +2 -1
  55. package/dist/src/ui/viewer/components/SearchPanel.d.ts.map +1 -1
  56. package/dist/src/ui/viewer/components/SearchPanel.js +31 -7
  57. package/dist/src/ui/viewer/components/SearchPanel.js.map +1 -1
  58. package/dist/src/ui/viewer/components/Spread.d.ts +2 -1
  59. package/dist/src/ui/viewer/components/Spread.d.ts.map +1 -1
  60. package/dist/src/ui/viewer/components/Spread.js +97 -10
  61. package/dist/src/ui/viewer/components/Spread.js.map +1 -1
  62. package/dist/src/ui/viewer/components/ThumbnailPanel.d.ts +2 -1
  63. package/dist/src/ui/viewer/components/ThumbnailPanel.d.ts.map +1 -1
  64. package/dist/src/ui/viewer/components/ThumbnailPanel.js +49 -1
  65. package/dist/src/ui/viewer/components/ThumbnailPanel.js.map +1 -1
  66. package/dist/src/ui/viewer/components/Toolbar.d.ts +2 -1
  67. package/dist/src/ui/viewer/components/Toolbar.d.ts.map +1 -1
  68. package/dist/src/ui/viewer/components/Toolbar.js +118 -56
  69. package/dist/src/ui/viewer/components/Toolbar.js.map +1 -1
  70. package/dist/src/ui/viewer/components/ViewModeMenu.d.ts +2 -1
  71. package/dist/src/ui/viewer/components/ViewModeMenu.d.ts.map +1 -1
  72. package/dist/src/ui/viewer/components/ViewModeMenu.js +32 -16
  73. package/dist/src/ui/viewer/components/ViewModeMenu.js.map +1 -1
  74. package/dist/src/ui/viewer/components/Viewport.d.ts +2 -1
  75. package/dist/src/ui/viewer/components/Viewport.d.ts.map +1 -1
  76. package/dist/src/ui/viewer/components/Viewport.js +33 -12
  77. package/dist/src/ui/viewer/components/Viewport.js.map +1 -1
  78. package/dist/src/ui/viewer/i18n/ar.d.ts +3 -0
  79. package/dist/src/ui/viewer/i18n/ar.d.ts.map +1 -0
  80. package/dist/src/ui/viewer/i18n/ar.js +143 -0
  81. package/dist/src/ui/viewer/i18n/ar.js.map +1 -0
  82. package/dist/src/ui/viewer/i18n/de.d.ts +3 -0
  83. package/dist/src/ui/viewer/i18n/de.d.ts.map +1 -0
  84. package/dist/src/ui/viewer/i18n/de.js +143 -0
  85. package/dist/src/ui/viewer/i18n/de.js.map +1 -0
  86. package/dist/src/ui/viewer/i18n/en.d.ts +3 -0
  87. package/dist/src/ui/viewer/i18n/en.d.ts.map +1 -0
  88. package/dist/src/ui/viewer/i18n/en.js +144 -0
  89. package/dist/src/ui/viewer/i18n/en.js.map +1 -0
  90. package/dist/src/ui/viewer/i18n/es.d.ts +3 -0
  91. package/dist/src/ui/viewer/i18n/es.d.ts.map +1 -0
  92. package/dist/src/ui/viewer/i18n/es.js +143 -0
  93. package/dist/src/ui/viewer/i18n/es.js.map +1 -0
  94. package/dist/src/ui/viewer/i18n/fr.d.ts +3 -0
  95. package/dist/src/ui/viewer/i18n/fr.d.ts.map +1 -0
  96. package/dist/src/ui/viewer/i18n/fr.js +143 -0
  97. package/dist/src/ui/viewer/i18n/fr.js.map +1 -0
  98. package/dist/src/ui/viewer/i18n/index.d.ts +27 -0
  99. package/dist/src/ui/viewer/i18n/index.d.ts.map +1 -0
  100. package/dist/src/ui/viewer/i18n/index.js +88 -0
  101. package/dist/src/ui/viewer/i18n/index.js.map +1 -0
  102. package/dist/src/ui/viewer/i18n/ja.d.ts +3 -0
  103. package/dist/src/ui/viewer/i18n/ja.d.ts.map +1 -0
  104. package/dist/src/ui/viewer/i18n/ja.js +143 -0
  105. package/dist/src/ui/viewer/i18n/ja.js.map +1 -0
  106. package/dist/src/ui/viewer/i18n/ko.d.ts +3 -0
  107. package/dist/src/ui/viewer/i18n/ko.d.ts.map +1 -0
  108. package/dist/src/ui/viewer/i18n/ko.js +143 -0
  109. package/dist/src/ui/viewer/i18n/ko.js.map +1 -0
  110. package/dist/src/ui/viewer/i18n/pt-BR.d.ts +3 -0
  111. package/dist/src/ui/viewer/i18n/pt-BR.d.ts.map +1 -0
  112. package/dist/src/ui/viewer/i18n/pt-BR.js +143 -0
  113. package/dist/src/ui/viewer/i18n/pt-BR.js.map +1 -0
  114. package/dist/src/ui/viewer/i18n/ru.d.ts +3 -0
  115. package/dist/src/ui/viewer/i18n/ru.d.ts.map +1 -0
  116. package/dist/src/ui/viewer/i18n/ru.js +143 -0
  117. package/dist/src/ui/viewer/i18n/ru.js.map +1 -0
  118. package/dist/src/ui/viewer/i18n/types.d.ts +129 -0
  119. package/dist/src/ui/viewer/i18n/types.d.ts.map +1 -0
  120. package/dist/src/ui/viewer/i18n/types.js +2 -0
  121. package/dist/src/ui/viewer/i18n/types.js.map +1 -0
  122. package/dist/src/ui/viewer/i18n/zh-CN.d.ts +3 -0
  123. package/dist/src/ui/viewer/i18n/zh-CN.d.ts.map +1 -0
  124. package/dist/src/ui/viewer/i18n/zh-CN.js +143 -0
  125. package/dist/src/ui/viewer/i18n/zh-CN.js.map +1 -0
  126. package/dist/src/ui/viewer/i18n/zh-TW.d.ts +3 -0
  127. package/dist/src/ui/viewer/i18n/zh-TW.d.ts.map +1 -0
  128. package/dist/src/ui/viewer/i18n/zh-TW.js +143 -0
  129. package/dist/src/ui/viewer/i18n/zh-TW.js.map +1 -0
  130. package/dist/src/ui/viewer/shell.d.ts +1 -1
  131. package/dist/src/ui/viewer/shell.d.ts.map +1 -1
  132. package/dist/src/ui/viewer/shell.js +95 -10
  133. package/dist/src/ui/viewer/shell.js.map +1 -1
  134. package/dist/src/ui/viewer/styles-inline.d.ts +1 -1
  135. package/dist/src/ui/viewer/styles-inline.d.ts.map +1 -1
  136. package/dist/src/ui/viewer/styles-inline.js +151 -42
  137. package/dist/src/ui/viewer/styles-inline.js.map +1 -1
  138. package/dist/src/wasm/udoc.d.ts +1 -1
  139. package/dist/src/wasm/udoc.js +8 -8
  140. package/dist/src/wasm/udoc_bg.wasm +0 -0
  141. package/dist/src/wasm/udoc_bg.wasm.d.ts +1 -1
  142. package/dist/src/worker/worker-inline.js +1 -1
  143. package/dist/src/worker/worker.js +7 -7
  144. package/package.json +15 -9
package/dist/src/ui/viewer/styles-inline.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const inlineStyles = ".udoc-viewer-root {\n /* === Theme Variables (Light) === */\n --udoc-bg-viewport: #e0e0e0;\n --udoc-bg-surface: #fff;\n --udoc-bg-panel: #f5f5f5;\n --udoc-bg-panel-tabs: #e8e8e8;\n --udoc-bg-page-header: #f0f0f0;\n --udoc-bg-reply: #fafafa;\n --udoc-bg-input: #fff;\n --udoc-bg-overlay: rgba(0, 0, 0, 0.5);\n --udoc-bg-loading: rgba(224, 224, 224, 0.95);\n\n --udoc-text-primary: rgba(0, 0, 0, 0.8);\n --udoc-text-secondary: rgba(0, 0, 0, 0.7);\n --udoc-text-tertiary: rgba(0, 0, 0, 0.6);\n --udoc-text-muted: rgba(0, 0, 0, 0.5);\n --udoc-text-faint: rgba(0, 0, 0, 0.4);\n --udoc-text-disabled: rgba(0, 0, 0, 0.25);\n --udoc-text-heading: #333;\n --udoc-text-body: #555;\n --udoc-text-label: #666;\n --udoc-text-subtle: #888;\n --udoc-text-placeholder: #999;\n --udoc-text-on-primary: #fff;\n\n --udoc-primary: #0066cc;\n --udoc-primary-hover: #0052a3;\n --udoc-primary-active-bg: rgba(0, 102, 204, 0.15);\n --udoc-primary-active-bg-hover: rgba(0, 102, 204, 0.2);\n --udoc-primary-subtle-bg: rgba(0, 102, 204, 0.1);\n --udoc-primary-focus-ring: rgba(0, 102, 204, 0.2);\n --udoc-primary-muted: rgba(0, 102, 204, 0.3);\n --udoc-primary-disabled: #94a3b8;\n\n --udoc-border: #ddd;\n --udoc-border-input: #ccc;\n --udoc-border-light: #eee;\n --udoc-border-medium: #e0e0e0;\n\n --udoc-hover-overlay: rgba(0, 0, 0, 0.08);\n --udoc-active-overlay: rgba(0, 0, 0, 0.12);\n --udoc-pressed-overlay: rgba(0, 0, 0, 0.15);\n --udoc-subtle-hover: rgba(0, 0, 0, 0.05);\n --udoc-faint-hover: rgba(0, 0, 0, 0.04);\n\n --udoc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\n --udoc-shadow-page: 0 2px 8px rgba(0, 0, 0, 0.15);\n --udoc-shadow-toolbar: 0 2px 12px rgba(0, 0, 0, 0.15);\n --udoc-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.2);\n --udoc-shadow-dialog: 0 8px 32px rgba(0, 0, 0, 0.3);\n --udoc-shadow-panel: 4px 0 20px rgba(0, 0, 0, 0.15);\n\n --udoc-search-highlight: rgba(255, 200, 0, 0.35);\n --udoc-search-highlight-active: rgba(255, 140, 0, 0.6);\n --udoc-search-highlight-active-outline: rgba(255, 140, 0, 0.8);\n --udoc-search-match-bg: rgba(255, 200, 0, 0.4);\n --udoc-search-match-text: #000;\n --udoc-search-result-active-bg: rgba(0, 102, 204, 0.08);\n\n --udoc-text-selection: rgba(0, 120, 215, 0.3);\n\n --udoc-annotation-bg: #ffffc0;\n --udoc-annotation-header-bg: #f0f0c0;\n --udoc-annotation-border: #d4d4a0;\n\n --udoc-status-accepted-bg: #d4edda;\n --udoc-status-accepted-text: #155724;\n --udoc-status-rejected-bg: #f8d7da;\n --udoc-status-rejected-text: #721c24;\n --udoc-status-completed-bg: #cce5ff;\n --udoc-status-completed-text: #004085;\n --udoc-status-cancelled-bg: #e2e3e5;\n --udoc-status-cancelled-text: #383d41;\n --udoc-status-marked-bg: #fff3cd;\n --udoc-status-marked-text: #856404;\n\n --udoc-error-bg: #fef2f2;\n --udoc-error-border: #fecaca;\n --udoc-error-text: #dc2626;\n\n --udoc-progress-track: #e5e7eb;\n --udoc-progress-fill: #0066cc;\n\n --udoc-scrollbar-thumb: rgba(0, 0, 0, 0.3);\n --udoc-scrollbar-thumb-hover: rgba(0, 0, 0, 0.5);\n\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n container-type: inline-size;\n container-name: udoc-viewer;\n}\n\n.udoc-viewer-root.udoc-viewer-dark {\n --udoc-bg-viewport: #1a1a1a;\n --udoc-bg-surface: #2d2d2d;\n --udoc-bg-panel: #252525;\n --udoc-bg-panel-tabs: #1e1e1e;\n --udoc-bg-page-header: #2a2a2a;\n --udoc-bg-reply: #333;\n --udoc-bg-input: #3a3a3a;\n --udoc-bg-overlay: rgba(0, 0, 0, 0.7);\n --udoc-bg-loading: rgba(30, 30, 30, 0.95);\n\n --udoc-text-primary: rgba(255, 255, 255, 0.87);\n --udoc-text-secondary: rgba(255, 255, 255, 0.7);\n --udoc-text-tertiary: rgba(255, 255, 255, 0.6);\n --udoc-text-muted: rgba(255, 255, 255, 0.5);\n --udoc-text-faint: rgba(255, 255, 255, 0.38);\n --udoc-text-disabled: rgba(255, 255, 255, 0.25);\n --udoc-text-heading: #e0e0e0;\n --udoc-text-body: #bbb;\n --udoc-text-label: #aaa;\n --udoc-text-subtle: #888;\n --udoc-text-placeholder: #777;\n --udoc-text-on-primary: #fff;\n\n --udoc-primary: #4da6ff;\n --udoc-primary-hover: #80bfff;\n --udoc-primary-active-bg: rgba(77, 166, 255, 0.2);\n --udoc-primary-active-bg-hover: rgba(77, 166, 255, 0.25);\n --udoc-primary-subtle-bg: rgba(77, 166, 255, 0.12);\n --udoc-primary-focus-ring: rgba(77, 166, 255, 0.25);\n --udoc-primary-muted: rgba(77, 166, 255, 0.35);\n --udoc-primary-disabled: #4a5568;\n\n --udoc-border: #444;\n --udoc-border-input: #555;\n --udoc-border-light: #3a3a3a;\n --udoc-border-medium: #404040;\n\n --udoc-hover-overlay: rgba(255, 255, 255, 0.08);\n --udoc-active-overlay: rgba(255, 255, 255, 0.12);\n --udoc-pressed-overlay: rgba(255, 255, 255, 0.15);\n --udoc-subtle-hover: rgba(255, 255, 255, 0.05);\n --udoc-faint-hover: rgba(255, 255, 255, 0.04);\n\n --udoc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);\n --udoc-shadow-page: 0 2px 8px rgba(0, 0, 0, 0.4);\n --udoc-shadow-toolbar: 0 2px 12px rgba(0, 0, 0, 0.4);\n --udoc-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.5);\n --udoc-shadow-dialog: 0 8px 32px rgba(0, 0, 0, 0.6);\n --udoc-shadow-panel: 4px 0 20px rgba(0, 0, 0, 0.4);\n\n --udoc-search-highlight: rgba(255, 200, 0, 0.4);\n --udoc-search-highlight-active: rgba(255, 140, 0, 0.65);\n --udoc-search-highlight-active-outline: rgba(255, 140, 0, 0.85);\n --udoc-search-match-bg: rgba(255, 200, 0, 0.3);\n --udoc-search-match-text: #fff;\n --udoc-search-result-active-bg: rgba(77, 166, 255, 0.12);\n\n --udoc-text-selection: rgba(77, 166, 255, 0.35);\n\n --udoc-annotation-bg: #4a4a20;\n --udoc-annotation-header-bg: #3a3a18;\n --udoc-annotation-border: #5a5a30;\n\n --udoc-status-accepted-bg: #1a3a1a;\n --udoc-status-accepted-text: #6fcf6f;\n --udoc-status-rejected-bg: #3a1a1a;\n --udoc-status-rejected-text: #f08080;\n --udoc-status-completed-bg: #1a2a3a;\n --udoc-status-completed-text: #80b8ff;\n --udoc-status-cancelled-bg: #2a2a2a;\n --udoc-status-cancelled-text: #aaa;\n --udoc-status-marked-bg: #3a3520;\n --udoc-status-marked-text: #d4b44a;\n\n --udoc-error-bg: #3a1c1c;\n --udoc-error-border: #6b2c2c;\n --udoc-error-text: #f87171;\n\n --udoc-progress-track: #404040;\n --udoc-progress-fill: #4da6ff;\n\n --udoc-scrollbar-thumb: rgba(255, 255, 255, 0.3);\n --udoc-scrollbar-thumb-hover: rgba(255, 255, 255, 0.5);\n}\n\n.udoc-viewer-root .udoc-toolbar-slot {\n flex: 0 0 auto;\n}\n\n.udoc-viewer-root .udoc-body-slot {\n flex: 1 1 auto;\n display: flex;\n overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-left-panel-slot {\n flex: 0 0 auto;\n}\n\n.udoc-viewer-root .udoc-right-panel-slot {\n flex: 0 0 auto;\n}\n\n.udoc-viewer-root .udoc-viewport-slot {\n position: relative;\n flex: 1 1 auto;\n overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-viewport {\n position: relative;\n width: 100%;\n height: 100%;\n background: var(--udoc-bg-viewport);\n}\n\n.udoc-viewer-root .udoc-viewport__scroll {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n overflow: auto;\n /* scrollbar visibility is managed dynamically by Viewport.ts */\n}\n\n.udoc-viewer-root .udoc-viewport__container {\n position: relative;\n min-height: 100%;\n box-sizing: border-box;\n /* height set dynamically for virtual scrolling */\n}\n\n/* Spread */\n.udoc-viewer-root .udoc-spread {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-spread__wrapper {\n display: flex;\n flex-direction: row;\n flex-shrink: 0;\n /* gap is set dynamically by Spread.ts based on pageSpacing */\n}\n\n.udoc-viewer-root .udoc-spread--hidden {\n display: none;\n}\n\n/* Page slot within spread */\n.udoc-viewer-root .udoc-spread__slot {\n display: flex;\n align-items: center;\n justify-content: center;\n background: white;\n box-shadow: var(--udoc-shadow-page);\n}\n\n.udoc-viewer-root .udoc-viewport--seamless .udoc-spread__slot {\n box-shadow: none;\n}\n\n.udoc-viewer-root .udoc-spread__slot--empty {\n background: transparent;\n box-shadow: none;\n}\n\n.udoc-viewer-root .udoc-spread__preview-canvas {\n display: none;\n image-rendering: auto;\n}\n\n.udoc-viewer-root .udoc-spread__canvas {\n display: block;\n}\n\n/* Floating Toolbar */\n.udoc-viewer-root .udoc-floating-toolbar {\n position: absolute;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 10px;\n background: var(--udoc-bg-surface);\n border-radius: 8px;\n box-shadow: var(--udoc-shadow-toolbar);\n z-index: 100;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__section {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__divider {\n width: 1px;\n height: 20px;\n background: var(--udoc-pressed-overlay);\n margin: 0 4px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n padding: 0;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-text-secondary);\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:active {\n background: var(--udoc-pressed-overlay);\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:disabled {\n color: var(--udoc-text-disabled);\n cursor: default;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:disabled:hover {\n background: transparent;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn svg {\n width: 18px;\n height: 18px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-info {\n display: flex;\n align-items: center;\n color: var(--udoc-text-primary);\n font-size: 13px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-input {\n width: 36px;\n padding: 2px 4px;\n border: 1px solid var(--udoc-pressed-overlay);\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-text-primary);\n font-size: 13px;\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-input:focus {\n outline: none;\n border-color: var(--udoc-scrollbar-thumb);\n background: var(--udoc-bg-input);\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-total {\n white-space: nowrap;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__zoom-level {\n min-width: 44px;\n color: var(--udoc-text-primary);\n font-size: 13px;\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn--active {\n background: var(--udoc-active-overlay);\n}\n\n/* Zoom Dropdown */\n.udoc-viewer-root .udoc-zoom-dropdown {\n position: relative;\n height: 28px;\n display: flex;\n align-items: center;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__toggle {\n display: flex;\n align-items: center;\n gap: 0;\n height: 100%;\n border: 1px solid var(--udoc-pressed-overlay);\n border-radius: 4px;\n background: transparent;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__toggle:focus-within {\n border-color: var(--udoc-scrollbar-thumb);\n background: var(--udoc-bg-input);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__input {\n width: 44px;\n padding: 2px 4px;\n border: none;\n border-radius: 4px 0 0 4px;\n background: transparent;\n color: var(--udoc-text-primary);\n font-size: 13px;\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__input:focus {\n outline: none;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 2px 2px;\n border: none;\n border-left: 1px solid var(--udoc-subtle-hover);\n border-radius: 0 4px 4px 0;\n background: transparent;\n color: var(--udoc-text-muted);\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron:hover {\n background: var(--udoc-hover-overlay);\n color: var(--udoc-text-secondary);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron--active {\n background: var(--udoc-active-overlay);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron svg {\n width: 14px;\n height: 14px;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__menu {\n position: absolute;\n bottom: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n padding: 6px;\n background: var(--udoc-bg-surface);\n border-radius: 8px;\n box-shadow: var(--udoc-shadow-dropdown);\n min-width: 100px;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__section {\n display: flex;\n flex-direction: column;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__divider {\n height: 1px;\n background: var(--udoc-subtle-hover);\n margin: 6px 0;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item {\n display: block;\n width: 100%;\n padding: 6px 10px;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-text-primary);\n font-size: 13px;\n text-align: left;\n cursor: pointer;\n white-space: nowrap;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item--active {\n background: var(--udoc-primary-active-bg);\n color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item--active:hover {\n background: var(--udoc-primary-active-bg-hover);\n}\n\n/* View Mode Menu */\n.udoc-viewer-root .udoc-view-mode-menu {\n position: relative;\n height: 28px;\n display: flex;\n align-items: center;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__dropdown {\n position: absolute;\n bottom: calc(100% + 8px);\n left: 0;\n padding: 8px;\n background: var(--udoc-bg-surface);\n border-radius: 8px;\n box-shadow: var(--udoc-shadow-dropdown);\n min-width: 160px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__section {\n margin-bottom: 8px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__section:last-child {\n margin-bottom: 0;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__title {\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--udoc-text-muted);\n margin-bottom: 4px;\n padding: 0 4px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__options {\n display: flex;\n gap: 2px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-text-tertiary);\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--active {\n background: var(--udoc-primary-active-bg);\n color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--active:hover {\n background: var(--udoc-primary-active-bg-hover);\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--disabled {\n color: var(--udoc-text-disabled);\n cursor: default;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--disabled:hover {\n background: transparent;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option-icon svg {\n width: 20px;\n height: 20px;\n}\n\n/* Left Panel */\n.udoc-viewer-root .udoc-left-panel {\n position: relative;\n display: flex;\n width: 240px;\n height: 100%;\n background: var(--udoc-bg-panel);\n border-right: 1px solid var(--udoc-border);\n overflow: hidden;\n transition: width 0.2s ease;\n}\n\n.udoc-viewer-root .udoc-left-panel--closed {\n width: 0;\n border-right: none;\n}\n\n.udoc-viewer-root .udoc-left-panel__tabs {\n display: flex;\n flex-direction: column;\n width: 40px;\n background: var(--udoc-bg-panel-tabs);\n border-right: 1px solid var(--udoc-border);\n}\n\n.udoc-viewer-root .udoc-left-panel__tab {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--udoc-text-label);\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-left-panel__tab:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-left-panel__tab--active {\n background: var(--udoc-bg-panel);\n color: var(--udoc-text-heading);\n border-right: 2px solid var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-left-panel__tab svg {\n width: 20px;\n height: 20px;\n}\n\n.udoc-viewer-root .udoc-left-panel__content {\n flex: 1;\n overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-left-panel__resize-handle {\n position: absolute;\n right: 0;\n top: 0;\n width: 4px;\n height: 100%;\n cursor: col-resize;\n background: transparent;\n z-index: 10;\n}\n\n.udoc-viewer-root .udoc-left-panel__resize-handle:hover,\n.udoc-viewer-root .udoc-left-panel--resizing .udoc-left-panel__resize-handle {\n background: var(--udoc-primary-muted);\n}\n\n.udoc-viewer-root .udoc-left-panel--resizing {\n transition: none;\n}\n\n/* Thumbnail Panel */\n.udoc-viewer-root .udoc-thumbnail-panel {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 12px;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n padding: 8px;\n border-radius: 4px;\n cursor: pointer;\n transition: background 0.15s ease;\n flex-shrink: 0;\n width: 100%;\n box-sizing: border-box;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item:hover {\n background: var(--udoc-subtle-hover);\n}\n\n.udoc-viewer-root .udoc-thumbnail-item--active {\n background: var(--udoc-primary-subtle-bg);\n outline: 2px solid var(--udoc-primary);\n outline-offset: -2px;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item__canvas {\n display: block;\n max-width: calc(100% - 16px);\n background: white;\n box-shadow: var(--udoc-shadow-sm);\n}\n\n.udoc-viewer-root .udoc-thumbnail-item__label {\n font-size: 11px;\n color: var(--udoc-text-label);\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item--active .udoc-thumbnail-item__label {\n color: var(--udoc-primary);\n font-weight: 500;\n}\n\n/* Outline Panel */\n.udoc-viewer-root .udoc-outline-panel {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 8px 0;\n}\n\n.udoc-viewer-root .udoc-outline-panel__loading,\n.udoc-viewer-root .udoc-outline-panel__empty {\n padding: 16px;\n color: var(--udoc-text-subtle);\n font-size: 13px;\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-outline-item {\n display: flex;\n flex-direction: column;\n}\n\n.udoc-viewer-root .udoc-outline-item__header {\n display: flex;\n align-items: center;\n padding: 6px 12px 6px 8px;\n gap: 4px;\n min-height: 28px;\n}\n\n.udoc-viewer-root .udoc-outline-item__header--clickable {\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-outline-item__header--clickable:hover {\n background: var(--udoc-subtle-hover);\n}\n\n.udoc-viewer-root .udoc-outline-item__header--active {\n background: var(--udoc-primary-subtle-bg);\n}\n\n.udoc-viewer-root .udoc-outline-item__header--active .udoc-outline-item__title {\n color: var(--udoc-primary);\n font-weight: 500;\n}\n\n.udoc-viewer-root .udoc-outline-item__toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--udoc-text-label);\n cursor: pointer;\n flex-shrink: 0;\n transition: transform 0.15s ease;\n}\n\n.udoc-viewer-root .udoc-outline-item__toggle:hover {\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-outline-item__toggle--expanded {\n transform: rotate(90deg);\n}\n\n.udoc-viewer-root .udoc-outline-item__spacer {\n width: 16px;\n flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-outline-item__title {\n font-size: 13px;\n color: var(--udoc-text-heading);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n}\n\n/* .udoc-outline-item__children: Indentation is handled via padding-left on header */\n\n/* Layers panel */\n.udoc-viewer-root .udoc-layers-panel {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 8px 0;\n}\n\n.udoc-viewer-root .udoc-layers-panel__loading,\n.udoc-viewer-root .udoc-layers-panel__empty {\n padding: 16px;\n color: var(--udoc-text-subtle);\n font-size: 13px;\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-layers-panel__item {\n display: flex;\n align-items: center;\n padding: 6px 12px;\n gap: 8px;\n min-height: 32px;\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-layers-panel__item:hover {\n background: var(--udoc-subtle-hover);\n}\n\n.udoc-viewer-root .udoc-layers-panel__toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--udoc-text-heading);\n cursor: pointer;\n flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-layers-panel__toggle svg {\n width: 18px;\n height: 18px;\n}\n\n.udoc-viewer-root .udoc-layers-panel__toggle:hover {\n color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-layers-panel__toggle--hidden {\n color: var(--udoc-text-subtle);\n}\n\n.udoc-viewer-root .udoc-layers-panel__label {\n font-size: 13px;\n color: var(--udoc-text-heading);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-layers-panel__label--hidden {\n color: var(--udoc-text-subtle);\n}\n\n.udoc-viewer-root .udoc-layers-panel__item--locked {\n cursor: default;\n}\n\n.udoc-viewer-root .udoc-layers-panel__item--locked .udoc-layers-panel__toggle {\n cursor: default;\n opacity: 0.5;\n}\n\n.udoc-viewer-root .udoc-layers-panel__item--locked .udoc-layers-panel__label {\n cursor: default;\n}\n\n.udoc-viewer-root .udoc-layers-panel__lock {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n color: var(--udoc-text-subtle);\n}\n\n.udoc-viewer-root .udoc-layers-panel__lock svg {\n width: 14px;\n height: 14px;\n}\n\n.udoc-viewer-root .udoc-toolbar {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 8px;\n background: var(--udoc-bg-panel);\n border-bottom: 1px solid var(--udoc-border);\n}\n\n.udoc-viewer-root .udoc-toolbar__left,\n.udoc-viewer-root .udoc-toolbar__right {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.udoc-viewer-root .udoc-toolbar__right {\n margin-left: auto;\n}\n\n.udoc-viewer-root .udoc-toolbar__spacer {\n flex: 1;\n}\n\n.udoc-viewer-root .udoc-toolbar__btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-text-body);\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-toolbar__btn:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-toolbar__btn:active {\n background: var(--udoc-active-overlay);\n}\n\n.udoc-viewer-root .udoc-toolbar__btn svg {\n width: 20px;\n height: 20px;\n}\n\n/* Toolbar center section (inline controls when floating toolbar is hidden) */\n.udoc-viewer-root .udoc-toolbar__center {\n display: flex;\n align-items: center;\n gap: 4px;\n flex: 1;\n justify-content: center;\n}\n\n.udoc-viewer-root .udoc-toolbar__group {\n display: flex;\n align-items: center;\n gap: 2px;\n}\n\n.udoc-viewer-root .udoc-toolbar__divider {\n width: 1px;\n height: 20px;\n background: var(--udoc-border);\n margin: 0 4px;\n}\n\n.udoc-viewer-root .udoc-toolbar__btn--nav {\n width: 28px;\n height: 28px;\n}\n\n.udoc-viewer-root .udoc-toolbar__btn--nav svg {\n width: 18px;\n height: 18px;\n}\n\n.udoc-viewer-root .udoc-toolbar__page-info {\n display: flex;\n align-items: center;\n font-size: 13px;\n color: var(--udoc-text-body);\n}\n\n.udoc-viewer-root .udoc-toolbar__page-input {\n width: 36px;\n height: 24px;\n border: 1px solid var(--udoc-border-input);\n border-radius: 3px;\n text-align: center;\n font-size: 13px;\n padding: 0 2px;\n background: var(--udoc-bg-input);\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-toolbar__page-input:focus {\n outline: none;\n border-color: var(--udoc-text-placeholder);\n}\n\n.udoc-viewer-root .udoc-toolbar__page-total {\n font-size: 13px;\n color: var(--udoc-text-muted);\n white-space: nowrap;\n}\n\n/* Zoom dropdown in toolbar: drops down instead of up */\n.udoc-viewer-root .udoc-zoom-dropdown--toolbar .udoc-zoom-dropdown__menu {\n bottom: auto;\n top: calc(100% + 8px);\n}\n\n/* View mode menu in toolbar: drops down instead of up */\n.udoc-viewer-root .udoc-toolbar__center .udoc-view-mode-menu__dropdown {\n bottom: auto;\n top: calc(100% + 8px);\n}\n\n/* Right Panel */\n.udoc-viewer-root .udoc-right-panel {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 300px;\n height: 100%;\n background: var(--udoc-bg-panel);\n border-left: 1px solid var(--udoc-border);\n overflow: hidden;\n transition: width 0.2s ease;\n}\n\n.udoc-viewer-root .udoc-right-panel--closed {\n width: 0;\n border-left: none;\n}\n\n.udoc-viewer-root .udoc-right-panel__resize-handle {\n position: absolute;\n left: 0;\n top: 0;\n width: 4px;\n height: 100%;\n cursor: col-resize;\n background: transparent;\n z-index: 10;\n}\n\n.udoc-viewer-root .udoc-right-panel__resize-handle:hover,\n.udoc-viewer-root .udoc-right-panel--resizing .udoc-right-panel__resize-handle {\n background: var(--udoc-primary-muted);\n}\n\n.udoc-viewer-root .udoc-right-panel--resizing {\n transition: none;\n}\n\n.udoc-viewer-root .udoc-right-panel__content {\n flex: 1;\n overflow: auto;\n}\n\n/* Text Layer (for text selection) */\n.udoc-viewer-root .udoc-spread__text-layer {\n position: absolute;\n overflow: hidden;\n /* user-select: none prevents selection from starting/extending in gaps */\n user-select: none;\n pointer-events: auto;\n z-index: 1;\n /* Isolate compositing so overlapping span ::selection backgrounds\n don't double-darken. Selection is painted opaque inside the group,\n then the whole layer is rendered at 30% opacity onto the page. */\n isolation: isolate;\n opacity: 0.3;\n}\n\n.udoc-viewer-root .udoc-text-span {\n position: absolute;\n color: transparent;\n white-space: pre;\n line-height: 1;\n font-family: sans-serif;\n /* Allow selection on actual text spans */\n user-select: text;\n}\n\n.udoc-viewer-root .udoc-text-span::selection {\n background: var(--udoc-text-selection);\n}\n\n/* Text selection disabled */\n.udoc-viewer--no-text-select .udoc-spread__text-layer {\n pointer-events: none;\n}\n\n.udoc-viewer--no-text-select .udoc-text-span {\n user-select: none;\n}\n\n/* Annotation Layer */\n.udoc-viewer-root .udoc-spread__annotation-layer {\n position: absolute;\n pointer-events: none;\n z-index: 2;\n}\n\n/* Base annotation */\n.udoc-viewer-root .udoc-annotation {\n position: absolute;\n box-sizing: border-box;\n}\n\n/* Link annotation */\n.udoc-viewer-root .udoc-annotation--link {\n pointer-events: auto;\n cursor: pointer;\n transition: background-color 0.15s ease;\n}\n\n.udoc-viewer-root .udoc-annotation--link:hover {\n background-color: var(--udoc-primary-active-bg);\n}\n\n/* Highlight annotation */\n.udoc-viewer-root .udoc-annotation--highlight {\n pointer-events: none;\n}\n\n.udoc-viewer-root .udoc-annotation__quad {\n mix-blend-mode: multiply;\n}\n\n/* Underline annotation */\n.udoc-viewer-root .udoc-annotation--underline {\n pointer-events: none;\n}\n\n/* StrikeOut annotation */\n.udoc-viewer-root .udoc-annotation--strikeout {\n pointer-events: none;\n}\n\n/* Squiggly annotation */\n.udoc-viewer-root .udoc-annotation--squiggly {\n pointer-events: none;\n}\n\n/* Text (sticky note) annotation */\n.udoc-viewer-root .udoc-annotation--text {\n pointer-events: auto;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: filter 0.15s ease;\n}\n\n.udoc-viewer-root .udoc-annotation--text:hover {\n filter: brightness(1.1) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));\n}\n\n.udoc-viewer-root .udoc-annotation--text svg {\n width: 100%;\n height: 100%;\n}\n\n/* Annotation popup */\n.udoc-viewer-root .udoc-annotation-popup {\n position: absolute;\n z-index: 100;\n min-width: 200px;\n max-width: 300px;\n background: var(--udoc-annotation-bg);\n border: 1px solid var(--udoc-annotation-border);\n border-radius: 4px;\n box-shadow: var(--udoc-shadow-page);\n font-size: 12px;\n color: var(--udoc-text-heading);\n pointer-events: auto;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 8px;\n background: var(--udoc-annotation-header-bg);\n border-bottom: 1px solid var(--udoc-annotation-border);\n border-radius: 4px 4px 0 0;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__author {\n font-weight: 600;\n color: var(--udoc-text-body);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__close {\n width: 16px;\n height: 16px;\n border: none;\n background: transparent;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.6;\n flex-shrink: 0;\n margin-left: 8px;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__close:hover {\n opacity: 1;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__close svg {\n width: 12px;\n height: 12px;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__content {\n padding: 8px;\n white-space: pre-wrap;\n word-wrap: break-word;\n max-height: 200px;\n overflow-y: auto;\n}\n\n/* FreeText annotation */\n.udoc-viewer-root .udoc-annotation--freetext {\n pointer-events: auto;\n overflow: hidden;\n font-size: 12px;\n padding: 2px;\n}\n\n/* Stamp annotation */\n.udoc-viewer-root .udoc-annotation--stamp {\n pointer-events: none;\n}\n\n/* Caret annotation - rendered via SVG, minimal styling needed */\n.udoc-viewer-root .udoc-annotation--caret {\n pointer-events: none;\n}\n\n/* Shape annotations - rendered via SVG overlay */\n.udoc-viewer-root .udoc-annotation--line,\n.udoc-viewer-root .udoc-annotation--square,\n.udoc-viewer-root .udoc-annotation--circle,\n.udoc-viewer-root .udoc-annotation--polygon,\n.udoc-viewer-root .udoc-annotation--polyLine,\n.udoc-viewer-root .udoc-annotation--ink {\n pointer-events: none;\n}\n\n/* Redact annotation */\n.udoc-viewer-root .udoc-annotation--redact {\n pointer-events: none;\n}\n\n/* Annotation Panel */\n.udoc-viewer-root .udoc-annotation-panel {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 32px 16px;\n text-align: center;\n color: var(--udoc-text-subtle);\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-icon {\n color: var(--udoc-border-input);\n margin-bottom: 12px;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-icon svg {\n width: 48px;\n height: 48px;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-title {\n font-size: 14px;\n font-weight: 500;\n color: var(--udoc-text-label);\n margin-bottom: 4px;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-message {\n font-size: 12px;\n color: var(--udoc-text-placeholder);\n}\n\n.udoc-viewer-root .udoc-annotation-panel__loading {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n color: var(--udoc-text-subtle);\n font-size: 13px;\n}\n\n/* Comments List */\n.udoc-viewer-root .udoc-comments-list {\n display: flex;\n flex-direction: column;\n}\n\n/* Page Group */\n.udoc-viewer-root .udoc-comments-page-group {\n border-bottom: 1px solid var(--udoc-border-medium);\n}\n\n.udoc-viewer-root .udoc-comments-page-group:last-child {\n border-bottom: none;\n}\n\n.udoc-viewer-root .udoc-comments-page-header {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 10px 12px;\n cursor: pointer;\n user-select: none;\n background: var(--udoc-bg-page-header);\n transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-comments-page-header:hover {\n background: var(--udoc-bg-panel-tabs);\n}\n\n.udoc-viewer-root .udoc-comments-page-header svg {\n width: 16px;\n height: 16px;\n color: var(--udoc-text-label);\n flex-shrink: 0;\n transition: transform 0.2s ease;\n}\n\n.udoc-viewer-root .udoc-comments-page-header span {\n font-size: 13px;\n font-weight: 500;\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-comments-page-count {\n margin-left: auto;\n padding: 2px 6px;\n background: var(--udoc-border);\n border-radius: 10px;\n font-size: 11px;\n font-weight: 500;\n color: var(--udoc-text-label);\n}\n\n/* Collapsed state */\n.udoc-viewer-root .udoc-comments-page-group--collapsed .udoc-comments-page-header svg {\n transform: rotate(-90deg);\n}\n\n.udoc-viewer-root .udoc-comments-page-group--collapsed .udoc-comments-page-content {\n display: none;\n}\n\n/* Page Content */\n.udoc-viewer-root .udoc-comments-page-content {\n display: flex;\n flex-direction: column;\n}\n\n/* Comment Item */\n.udoc-viewer-root .udoc-comment-item {\n display: flex;\n gap: 8px;\n padding: 10px 12px;\n cursor: pointer;\n transition: background 0.15s;\n border-bottom: 1px solid var(--udoc-border-light);\n}\n\n.udoc-viewer-root .udoc-comment-item:last-child {\n border-bottom: none;\n}\n\n.udoc-viewer-root .udoc-comment-item:hover {\n background: var(--udoc-subtle-hover);\n}\n\n/* Reply indentation */\n.udoc-viewer-root .udoc-comment-reply {\n background: var(--udoc-bg-reply);\n}\n\n.udoc-viewer-root .udoc-comment-depth-1 {\n padding-left: 28px;\n}\n\n.udoc-viewer-root .udoc-comment-depth-2 {\n padding-left: 44px;\n}\n\n.udoc-viewer-root .udoc-comment-depth-3 {\n padding-left: 60px;\n}\n\n/* Comment Icon */\n.udoc-viewer-root .udoc-comment-icon {\n flex-shrink: 0;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--udoc-text-subtle);\n}\n\n.udoc-viewer-root .udoc-comment-icon svg {\n width: 16px;\n height: 16px;\n}\n\n/* Comment Body */\n.udoc-viewer-root .udoc-comment-body {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n/* Comment Header */\n.udoc-viewer-root .udoc-comment-header {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.udoc-viewer-root .udoc-comment-author {\n font-size: 12px;\n font-weight: 600;\n color: var(--udoc-text-heading);\n}\n\n/* Status Badge */\n.udoc-viewer-root .udoc-comment-status {\n padding: 1px 6px;\n border-radius: 8px;\n font-size: 10px;\n font-weight: 500;\n text-transform: capitalize;\n}\n\n.udoc-viewer-root .udoc-comment-status--accepted {\n background: var(--udoc-status-accepted-bg);\n color: var(--udoc-status-accepted-text);\n}\n\n.udoc-viewer-root .udoc-comment-status--rejected {\n background: var(--udoc-status-rejected-bg);\n color: var(--udoc-status-rejected-text);\n}\n\n.udoc-viewer-root .udoc-comment-status--completed {\n background: var(--udoc-status-completed-bg);\n color: var(--udoc-status-completed-text);\n}\n\n.udoc-viewer-root .udoc-comment-status--cancelled {\n background: var(--udoc-status-cancelled-bg);\n color: var(--udoc-status-cancelled-text);\n}\n\n.udoc-viewer-root .udoc-comment-status--marked {\n background: var(--udoc-status-marked-bg);\n color: var(--udoc-status-marked-text);\n}\n\n.udoc-viewer-root .udoc-comment-status--unmarked {\n background: var(--udoc-status-cancelled-bg);\n color: var(--udoc-status-cancelled-text);\n}\n\n/* Comment Contents */\n.udoc-viewer-root .udoc-comment-contents {\n font-size: 12px;\n color: var(--udoc-text-body);\n line-height: 1.4;\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n/* Reply Toggle */\n.udoc-viewer-root .udoc-comment-toggle {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n margin-top: 4px;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-primary);\n font-size: 11px;\n cursor: pointer;\n transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-comment-toggle:hover {\n background: var(--udoc-primary-subtle-bg);\n}\n\n.udoc-viewer-root .udoc-comment-toggle svg {\n width: 12px;\n height: 12px;\n transition: transform 0.2s ease;\n}\n\n.udoc-viewer-root .udoc-comment-toggle--expanded svg {\n transform: rotate(90deg);\n}\n\n/* Replies Container */\n.udoc-viewer-root .udoc-comment-replies {\n display: flex;\n flex-direction: column;\n}\n\n.udoc-viewer-root .udoc-comment-replies--collapsed {\n display: none;\n}\n\n/* Annotation Highlight Animation */\n@keyframes udoc-annotation-pulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(0, 102, 204, 0.7);\n }\n 50% {\n box-shadow: 0 0 0 8px rgba(0, 102, 204, 0.3);\n }\n 100% {\n box-shadow: 0 0 0 12px rgba(0, 102, 204, 0);\n }\n}\n\n.udoc-viewer-root .udoc-annotation--highlighted {\n animation: udoc-annotation-pulse 1.5s ease-out;\n outline: 2px solid var(--udoc-primary);\n outline-offset: 2px;\n border-radius: 2px;\n z-index: 10;\n}\n\n/* Highlight indicator for full-layer markup annotations */\n.udoc-viewer-root .udoc-annotation-highlight-indicator {\n position: absolute;\n box-sizing: border-box;\n pointer-events: none;\n animation: udoc-annotation-pulse 1.5s ease-out;\n outline: 2px solid var(--udoc-primary);\n outline-offset: 2px;\n border-radius: 2px;\n z-index: 10;\n}\n\n/* Mobile Panel Overlay */\n.udoc-viewer-root .udoc-panel-overlay {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--udoc-bg-overlay);\n z-index: 140;\n}\n\n/* ===== Responsive: Small Mobile (\u2264480px) ===== */\n@container udoc-viewer (max-width: 480px) {\n /* Make body-slot a positioning context */\n .udoc-viewer-root .udoc-body-slot {\n position: relative;\n }\n\n /* Collapse panels to slide-out drawers */\n .udoc-viewer-root .udoc-left-panel {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 280px !important;\n z-index: 150;\n box-shadow: var(--udoc-shadow-panel);\n transform: translateX(-100%);\n transition: transform 0.2s ease;\n }\n\n .udoc-viewer-root .udoc-left-panel:not(.udoc-left-panel--closed) {\n transform: translateX(0);\n }\n\n .udoc-viewer-root .udoc-left-panel--closed {\n width: 280px !important;\n transform: translateX(-100%);\n }\n\n .udoc-viewer-root .udoc-right-panel {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 280px !important;\n z-index: 150;\n box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n transform: translateX(100%);\n transition: transform 0.2s ease;\n }\n\n .udoc-viewer-root .udoc-right-panel:not(.udoc-right-panel--closed) {\n transform: translateX(0);\n }\n\n .udoc-viewer-root .udoc-right-panel--closed {\n width: 280px !important;\n transform: translateX(100%);\n }\n\n /* Show overlay when panel is open */\n .udoc-viewer-root.udoc-panel-open .udoc-panel-overlay {\n display: block;\n }\n\n /* Convert floating bar to full-width bottom toolbar */\n .udoc-viewer-root .udoc-floating-toolbar {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n transform: none;\n border-radius: 0;\n box-sizing: border-box;\n height: 40px;\n padding: 0 12px;\n gap: 8px;\n max-width: none;\n justify-content: center;\n box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\n }\n\n /* Viewport scroll area needs padding for bottom toolbar */\n .udoc-viewer-root .udoc-viewport__scroll {\n padding-bottom: 40px;\n }\n\n /* Hide fullscreen button on mobile */\n .udoc-viewer-root .udoc-toolbar__btn--fullscreen {\n display: none;\n }\n\n /* Touch targets for mobile */\n .udoc-viewer-root .udoc-floating-toolbar__btn {\n padding: 6px;\n min-width: 28px;\n min-height: 28px;\n }\n\n .udoc-viewer-root .udoc-floating-toolbar__btn svg {\n width: 18px;\n height: 18px;\n }\n\n /* Larger panel tab buttons for touch */\n .udoc-viewer-root .udoc-left-panel__tabs {\n width: 44px;\n padding: 8px 0;\n }\n\n .udoc-viewer-root .udoc-left-panel__tab {\n width: 44px;\n height: 44px;\n }\n\n .udoc-viewer-root .udoc-left-panel__tab svg {\n width: 22px;\n height: 22px;\n }\n\n /* Toolbar adjustments */\n .udoc-viewer-root .udoc-toolbar {\n padding: 0 4px;\n gap: 4px;\n }\n\n .udoc-viewer-root .udoc-toolbar__btn {\n padding: 8px;\n }\n\n /* View mode menu - right align */\n .udoc-viewer-root .udoc-view-mode-menu__dropdown {\n left: auto;\n right: 0;\n }\n\n .udoc-viewer-root .udoc-zoom-dropdown__item {\n padding: 12px 16px;\n }\n\n .udoc-viewer-root .udoc-view-mode-menu__option {\n width: 36px;\n height: 36px;\n }\n}\n\n/* ===== Password Dialog ===== */\n.udoc-viewer-root .udoc-password-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--udoc-bg-overlay);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 200;\n}\n\n.udoc-viewer-root .udoc-password-dialog {\n background: var(--udoc-bg-surface);\n border-radius: 12px;\n box-shadow: var(--udoc-shadow-dialog);\n padding: 24px;\n max-width: 360px;\n width: 90%;\n}\n\n.udoc-viewer-root .udoc-password-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n}\n\n.udoc-viewer-root .udoc-password-icon {\n width: 32px;\n height: 32px;\n color: var(--udoc-text-label);\n flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-password-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-password-message {\n margin: 0 0 20px 0;\n font-size: 14px;\n color: var(--udoc-text-label);\n line-height: 1.5;\n}\n\n.udoc-viewer-root .udoc-password-form {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.udoc-viewer-root .udoc-password-input-wrapper {\n display: flex;\n align-items: center;\n border: 1px solid var(--udoc-border);\n border-radius: 8px;\n background: var(--udoc-bg-input);\n transition:\n border-color 0.15s,\n box-shadow 0.15s;\n}\n\n.udoc-viewer-root .udoc-password-input-wrapper:focus-within {\n border-color: var(--udoc-primary);\n box-shadow: 0 0 0 3px var(--udoc-primary-active-bg);\n}\n\n.udoc-viewer-root .udoc-password-input {\n flex: 1;\n padding: 12px 14px;\n border: none;\n border-radius: 8px 0 0 8px;\n background: transparent;\n font-size: 15px;\n color: var(--udoc-text-heading);\n outline: none;\n}\n\n.udoc-viewer-root .udoc-password-input::placeholder {\n color: var(--udoc-text-placeholder);\n}\n\n.udoc-viewer-root .udoc-password-input:disabled {\n background: var(--udoc-bg-panel);\n color: var(--udoc-text-placeholder);\n}\n\n.udoc-viewer-root .udoc-password-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n border: none;\n background: transparent;\n color: var(--udoc-text-subtle);\n cursor: pointer;\n transition: color 0.15s;\n}\n\n.udoc-viewer-root .udoc-password-toggle:hover {\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-password-toggle svg {\n width: 20px;\n height: 20px;\n}\n\n.udoc-viewer-root .udoc-password-error {\n margin: 0;\n padding: 8px 12px;\n background: var(--udoc-error-bg);\n border: 1px solid var(--udoc-error-border);\n border-radius: 6px;\n font-size: 13px;\n color: var(--udoc-error-text);\n}\n\n.udoc-viewer-root .udoc-password-submit {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n border: none;\n border-radius: 8px;\n background: var(--udoc-primary);\n color: var(--udoc-text-on-primary);\n font-size: 15px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-password-submit:hover:not(:disabled) {\n background: var(--udoc-primary-hover);\n}\n\n.udoc-viewer-root .udoc-password-submit:disabled {\n background: var(--udoc-primary-disabled);\n cursor: not-allowed;\n}\n\n.udoc-viewer-root .udoc-password-submit-spinner svg {\n width: 20px;\n height: 20px;\n}\n\n/* ===== Print Dialog ===== */\n.udoc-viewer-root .udoc-print-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--udoc-bg-overlay);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 210;\n}\n\n.udoc-viewer-root .udoc-print-dialog {\n background: var(--udoc-bg-surface);\n border-radius: 12px;\n box-shadow: var(--udoc-shadow-dialog);\n padding: 24px;\n max-width: 400px;\n width: 90%;\n}\n\n.udoc-viewer-root .udoc-print-title {\n margin: 0 0 20px 0;\n font-size: 18px;\n font-weight: 600;\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-print-section {\n margin-bottom: 16px;\n}\n\n.udoc-viewer-root .udoc-print-section-label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: var(--udoc-text-label);\n margin-bottom: 8px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.udoc-viewer-root .udoc-print-radios {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.udoc-viewer-root .udoc-print-radio {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n color: var(--udoc-text-heading);\n cursor: pointer;\n padding: 4px 0;\n}\n\n.udoc-viewer-root .udoc-print-radio input[type=\"radio\"] {\n accent-color: var(--udoc-primary);\n margin: 0;\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-print-input {\n padding: 4px 8px;\n border: 1px solid var(--udoc-border);\n border-radius: 6px;\n background: var(--udoc-bg-input);\n color: var(--udoc-text-heading);\n font-size: 14px;\n outline: none;\n transition:\n border-color 0.15s,\n box-shadow 0.15s;\n}\n\n.udoc-viewer-root .udoc-print-input:focus {\n border-color: var(--udoc-primary);\n box-shadow: 0 0 0 3px var(--udoc-primary-active-bg);\n}\n\n.udoc-viewer-root .udoc-print-input:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.udoc-viewer-root .udoc-print-input[type=\"number\"] {\n width: 64px;\n}\n\n.udoc-viewer-root .udoc-print-input[type=\"text\"] {\n flex: 1;\n min-width: 0;\n}\n\n.udoc-viewer-root .udoc-print-select {\n width: 100%;\n padding: 8px 12px;\n border: 1px solid var(--udoc-border);\n border-radius: 8px;\n background: var(--udoc-bg-input);\n color: var(--udoc-text-heading);\n font-size: 14px;\n outline: none;\n cursor: pointer;\n transition:\n border-color 0.15s,\n box-shadow 0.15s;\n}\n\n.udoc-viewer-root .udoc-print-select:focus {\n border-color: var(--udoc-primary);\n box-shadow: 0 0 0 3px var(--udoc-primary-active-bg);\n}\n\n.udoc-viewer-root .udoc-print-error {\n margin: 0 0 12px 0;\n padding: 8px 12px;\n background: var(--udoc-error-bg);\n border: 1px solid var(--udoc-error-border);\n border-radius: 6px;\n font-size: 13px;\n color: var(--udoc-error-text);\n display: none;\n}\n\n.udoc-viewer-root .udoc-print-actions {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 20px;\n}\n\n.udoc-viewer-root .udoc-print-btn {\n padding: 8px 20px;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-print-btn--cancel {\n background: transparent;\n color: var(--udoc-text-label);\n}\n\n.udoc-viewer-root .udoc-print-btn--cancel:hover {\n background: var(--udoc-bg-hover);\n}\n\n.udoc-viewer-root .udoc-print-btn--print {\n background: var(--udoc-primary);\n color: var(--udoc-text-on-primary);\n}\n\n.udoc-viewer-root .udoc-print-btn--print:hover {\n background: var(--udoc-primary-hover);\n}\n\n/* ===== Loading Overlay ===== */\n.udoc-viewer-root .udoc-loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--udoc-bg-loading);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 180;\n backdrop-filter: blur(2px);\n}\n\n.udoc-viewer-root .udoc-loading-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding: 24px;\n}\n\n.udoc-viewer-root .udoc-loading-spinner {\n width: 40px;\n height: 40px;\n color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-loading-spinner svg {\n width: 100%;\n height: 100%;\n}\n\n.udoc-viewer-root .udoc-loading-progress-container {\n width: 240px;\n}\n\n.udoc-viewer-root .udoc-loading-progress-track {\n width: 100%;\n height: 6px;\n background: var(--udoc-progress-track);\n border-radius: 3px;\n overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-loading-progress-fill {\n height: 100%;\n background: var(--udoc-progress-fill);\n border-radius: 3px;\n width: 0%;\n transition: width 0.2s ease-out;\n}\n\n.udoc-viewer-root .udoc-loading-progress-fill--indeterminate {\n animation: udoc-loading-indeterminate 1.5s ease-in-out infinite;\n}\n\n@keyframes udoc-loading-indeterminate {\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(233%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n.udoc-viewer-root .udoc-loading-progress-text {\n font-size: 13px;\n color: var(--udoc-text-label);\n text-align: center;\n}\n\n/* Logo path colors */\n.udoc-viewer-root .udoc-logo-doc {\n fill: #0f172a;\n}\n\n.udoc-viewer-root .udoc-logo-mentis {\n fill: #4f46e5;\n}\n\n.udoc-viewer-dark .udoc-logo-doc {\n fill: #e2e8f0;\n}\n\n.udoc-viewer-dark .udoc-logo-mentis {\n fill: #818cf8;\n}\n\n.udoc-viewer-root .udoc-loading-attribution {\n margin-top: 12px;\n text-decoration: none;\n display: inline-flex;\n}\n\n/* Brand logo on page slots while rendering */\n.udoc-viewer-root .udoc-spread__slot-attribution {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n pointer-events: none;\n z-index: 1;\n user-select: none;\n opacity: 0.3;\n}\n\n.udoc-viewer-root .udoc-spread__slot-attribution-text {\n font-size: 11px;\n font-weight: 500;\n color: #0f172a;\n}\n\n.udoc-viewer-dark .udoc-spread__slot-attribution-text {\n color: #e2e8f0;\n}\n\n.udoc-viewer-root .udoc-spread__slot:not(.udoc-spread__slot--loading) .udoc-spread__slot-attribution {\n display: none;\n}\n\n/* =============================================================================\n Search Panel\n ============================================================================= */\n\n.udoc-viewer-root .udoc-search-panel {\n display: flex;\n flex-direction: column;\n height: 100%;\n font-size: 13px;\n}\n\n.udoc-viewer-root .udoc-search-panel__header {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 12px 12px 8px;\n}\n\n.udoc-viewer-root .udoc-search-panel__input-wrapper {\n flex: 1;\n display: flex;\n align-items: center;\n border: 1px solid var(--udoc-border-input);\n border-radius: 4px;\n background: var(--udoc-bg-input);\n overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-search-panel__input-wrapper:focus-within {\n border-color: var(--udoc-primary);\n box-shadow: 0 0 0 2px var(--udoc-primary-focus-ring);\n}\n\n.udoc-viewer-root .udoc-search-panel__input-icon {\n display: flex;\n align-items: center;\n padding: 0 6px 0 8px;\n color: var(--udoc-text-placeholder);\n}\n\n.udoc-viewer-root .udoc-search-panel__input-icon svg {\n width: 14px;\n height: 14px;\n}\n\n.udoc-viewer-root .udoc-search-panel__input {\n flex: 1;\n border: none;\n outline: none;\n padding: 6px 8px 6px 0;\n font-size: 13px;\n min-width: 0;\n background: transparent;\n}\n\n.udoc-viewer-root .udoc-search-panel__case {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n border: 1px solid var(--udoc-border-input);\n border-radius: 4px;\n background: var(--udoc-bg-input);\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n color: var(--udoc-text-label);\n flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-search-panel__case:hover {\n background: var(--udoc-bg-page-header);\n}\n\n.udoc-viewer-root .udoc-search-panel__case--active {\n background: var(--udoc-primary);\n color: var(--udoc-text-on-primary);\n border-color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-search-panel__case--active:hover {\n background: var(--udoc-primary-hover);\n}\n\n.udoc-viewer-root .udoc-search-panel__nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 12px;\n border-bottom: 1px solid var(--udoc-border-light);\n min-height: 32px;\n}\n\n.udoc-viewer-root .udoc-search-panel__status {\n color: var(--udoc-text-label);\n font-size: 12px;\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-buttons {\n display: flex;\n gap: 2px;\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border: none;\n border-radius: 4px;\n background: transparent;\n cursor: pointer;\n color: var(--udoc-text-heading);\n padding: 0;\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-btn svg {\n width: 16px;\n height: 16px;\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-btn:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-btn:disabled {\n opacity: 0.3;\n cursor: default;\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-btn:disabled:hover {\n background: transparent;\n}\n\n.udoc-viewer-root .udoc-search-panel__results {\n flex: 1;\n overflow-y: auto;\n padding: 0;\n}\n\n.udoc-viewer-root .udoc-search-result__page-header {\n padding: 8px 12px 4px;\n font-size: 11px;\n font-weight: 600;\n color: var(--udoc-text-placeholder);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n position: sticky;\n top: 0;\n background: var(--udoc-bg-surface);\n z-index: 1;\n}\n\n.udoc-viewer-root .udoc-search-result {\n padding: 6px 12px;\n cursor: pointer;\n font-size: 12px;\n line-height: 1.4;\n color: var(--udoc-text-heading);\n border-left: 3px solid transparent;\n}\n\n.udoc-viewer-root .udoc-search-result:hover {\n background: var(--udoc-faint-hover);\n}\n\n.udoc-viewer-root .udoc-search-result--active {\n background: var(--udoc-search-result-active-bg);\n border-left-color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-search-result__context {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n color: var(--udoc-text-body);\n}\n\n.udoc-viewer-root .udoc-search-result__match {\n background: var(--udoc-search-match-bg);\n color: var(--udoc-search-match-text);\n border-radius: 2px;\n padding: 0 1px;\n}\n\n/* =============================================================================\n Search Highlights on Pages\n ============================================================================= */\n\n.udoc-viewer-root .udoc-spread__search-highlight-layer {\n position: absolute;\n pointer-events: none;\n}\n\n.udoc-viewer-root .udoc-search-highlight {\n background-color: var(--udoc-search-highlight);\n mix-blend-mode: multiply;\n border-radius: 1px;\n}\n\n.udoc-viewer-root .udoc-search-highlight--active {\n background-color: var(--udoc-search-highlight-active);\n outline: 2px solid var(--udoc-search-highlight-active-outline);\n outline-offset: 1px;\n}\n\n/* Dark mode blend mode overrides */\n.udoc-viewer-root.udoc-viewer-dark .udoc-annotation__quad {\n mix-blend-mode: screen;\n}\n\n.udoc-viewer-root.udoc-viewer-dark .udoc-search-highlight {\n mix-blend-mode: screen;\n}\n";
1
+ export declare const inlineStyles = ".udoc-viewer-root {\n /* === Theme Variables (Light) === */\n --udoc-bg-viewport: #e0e0e0;\n --udoc-bg-surface: #fff;\n --udoc-bg-panel: #f5f5f5;\n --udoc-bg-panel-tabs: #e8e8e8;\n --udoc-bg-page-header: #f0f0f0;\n --udoc-bg-reply: #fafafa;\n --udoc-bg-input: #fff;\n --udoc-bg-overlay: rgba(0, 0, 0, 0.5);\n --udoc-bg-loading: rgba(224, 224, 224, 0.95);\n\n --udoc-text-primary: rgba(0, 0, 0, 0.8);\n --udoc-text-secondary: rgba(0, 0, 0, 0.7);\n --udoc-text-tertiary: rgba(0, 0, 0, 0.6);\n --udoc-text-muted: rgba(0, 0, 0, 0.58);\n --udoc-text-faint: rgba(0, 0, 0, 0.52);\n --udoc-text-disabled: rgba(0, 0, 0, 0.25);\n --udoc-text-heading: #333;\n --udoc-text-body: #555;\n --udoc-text-label: #666;\n --udoc-text-subtle: #767676;\n --udoc-text-placeholder: #999;\n --udoc-text-on-primary: #fff;\n\n --udoc-primary: #0066cc;\n --udoc-primary-hover: #0052a3;\n --udoc-primary-active-bg: rgba(0, 102, 204, 0.15);\n --udoc-primary-active-bg-hover: rgba(0, 102, 204, 0.2);\n --udoc-primary-subtle-bg: rgba(0, 102, 204, 0.1);\n --udoc-primary-focus-ring: rgba(0, 102, 204, 0.2);\n --udoc-primary-muted: rgba(0, 102, 204, 0.3);\n --udoc-primary-disabled: #94a3b8;\n\n --udoc-border: #ddd;\n --udoc-border-input: #ccc;\n --udoc-border-light: #eee;\n --udoc-border-medium: #e0e0e0;\n\n --udoc-hover-overlay: rgba(0, 0, 0, 0.08);\n --udoc-active-overlay: rgba(0, 0, 0, 0.12);\n --udoc-pressed-overlay: rgba(0, 0, 0, 0.15);\n --udoc-subtle-hover: rgba(0, 0, 0, 0.05);\n --udoc-faint-hover: rgba(0, 0, 0, 0.04);\n\n --udoc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\n --udoc-shadow-page: 0 2px 8px rgba(0, 0, 0, 0.15);\n --udoc-shadow-toolbar: 0 2px 12px rgba(0, 0, 0, 0.15);\n --udoc-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.2);\n --udoc-shadow-dialog: 0 8px 32px rgba(0, 0, 0, 0.3);\n --udoc-shadow-panel: 4px 0 20px rgba(0, 0, 0, 0.15);\n\n --udoc-search-highlight: rgba(255, 200, 0, 0.35);\n --udoc-search-highlight-active: rgba(255, 140, 0, 0.6);\n --udoc-search-highlight-active-outline: rgba(255, 140, 0, 0.8);\n --udoc-search-match-bg: rgba(255, 200, 0, 0.4);\n --udoc-search-match-text: #000;\n --udoc-search-result-active-bg: rgba(0, 102, 204, 0.08);\n\n --udoc-text-selection: rgba(0, 120, 215, 0.3);\n\n --udoc-annotation-bg: #ffffc0;\n --udoc-annotation-header-bg: #f0f0c0;\n --udoc-annotation-border: #d4d4a0;\n\n --udoc-status-accepted-bg: #d4edda;\n --udoc-status-accepted-text: #155724;\n --udoc-status-rejected-bg: #f8d7da;\n --udoc-status-rejected-text: #721c24;\n --udoc-status-completed-bg: #cce5ff;\n --udoc-status-completed-text: #004085;\n --udoc-status-cancelled-bg: #e2e3e5;\n --udoc-status-cancelled-text: #383d41;\n --udoc-status-marked-bg: #fff3cd;\n --udoc-status-marked-text: #856404;\n\n --udoc-error-bg: #fef2f2;\n --udoc-error-border: #fecaca;\n --udoc-error-text: #dc2626;\n\n --udoc-progress-track: #e5e7eb;\n --udoc-progress-fill: #0066cc;\n\n --udoc-scrollbar-thumb: rgba(0, 0, 0, 0.3);\n --udoc-scrollbar-thumb-hover: rgba(0, 0, 0, 0.5);\n\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n container-type: inline-size;\n container-name: udoc-viewer;\n}\n\n.udoc-viewer-root.udoc-viewer-dark {\n --udoc-bg-viewport: #1a1a1a;\n --udoc-bg-surface: #2d2d2d;\n --udoc-bg-panel: #252525;\n --udoc-bg-panel-tabs: #1e1e1e;\n --udoc-bg-page-header: #2a2a2a;\n --udoc-bg-reply: #333;\n --udoc-bg-input: #3a3a3a;\n --udoc-bg-overlay: rgba(0, 0, 0, 0.7);\n --udoc-bg-loading: rgba(30, 30, 30, 0.95);\n\n --udoc-text-primary: rgba(255, 255, 255, 0.87);\n --udoc-text-secondary: rgba(255, 255, 255, 0.7);\n --udoc-text-tertiary: rgba(255, 255, 255, 0.6);\n --udoc-text-muted: rgba(255, 255, 255, 0.64);\n --udoc-text-faint: rgba(255, 255, 255, 0.56);\n --udoc-text-disabled: rgba(255, 255, 255, 0.25);\n --udoc-text-heading: #e0e0e0;\n --udoc-text-body: #bbb;\n --udoc-text-label: #aaa;\n --udoc-text-subtle: #a0a0a0;\n --udoc-text-placeholder: #777;\n --udoc-text-on-primary: #fff;\n\n --udoc-primary: #4da6ff;\n --udoc-primary-hover: #80bfff;\n --udoc-primary-active-bg: rgba(77, 166, 255, 0.2);\n --udoc-primary-active-bg-hover: rgba(77, 166, 255, 0.25);\n --udoc-primary-subtle-bg: rgba(77, 166, 255, 0.12);\n --udoc-primary-focus-ring: rgba(77, 166, 255, 0.25);\n --udoc-primary-muted: rgba(77, 166, 255, 0.35);\n --udoc-primary-disabled: #4a5568;\n\n --udoc-border: #444;\n --udoc-border-input: #555;\n --udoc-border-light: #3a3a3a;\n --udoc-border-medium: #404040;\n\n --udoc-hover-overlay: rgba(255, 255, 255, 0.08);\n --udoc-active-overlay: rgba(255, 255, 255, 0.12);\n --udoc-pressed-overlay: rgba(255, 255, 255, 0.15);\n --udoc-subtle-hover: rgba(255, 255, 255, 0.05);\n --udoc-faint-hover: rgba(255, 255, 255, 0.04);\n\n --udoc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);\n --udoc-shadow-page: 0 2px 8px rgba(0, 0, 0, 0.4);\n --udoc-shadow-toolbar: 0 2px 12px rgba(0, 0, 0, 0.4);\n --udoc-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.5);\n --udoc-shadow-dialog: 0 8px 32px rgba(0, 0, 0, 0.6);\n --udoc-shadow-panel: 4px 0 20px rgba(0, 0, 0, 0.4);\n\n --udoc-search-highlight: rgba(255, 200, 0, 0.4);\n --udoc-search-highlight-active: rgba(255, 140, 0, 0.65);\n --udoc-search-highlight-active-outline: rgba(255, 140, 0, 0.85);\n --udoc-search-match-bg: rgba(255, 200, 0, 0.3);\n --udoc-search-match-text: #fff;\n --udoc-search-result-active-bg: rgba(77, 166, 255, 0.12);\n\n --udoc-text-selection: rgba(77, 166, 255, 0.35);\n\n --udoc-annotation-bg: #4a4a20;\n --udoc-annotation-header-bg: #3a3a18;\n --udoc-annotation-border: #5a5a30;\n\n --udoc-status-accepted-bg: #1a3a1a;\n --udoc-status-accepted-text: #6fcf6f;\n --udoc-status-rejected-bg: #3a1a1a;\n --udoc-status-rejected-text: #f08080;\n --udoc-status-completed-bg: #1a2a3a;\n --udoc-status-completed-text: #80b8ff;\n --udoc-status-cancelled-bg: #2a2a2a;\n --udoc-status-cancelled-text: #aaa;\n --udoc-status-marked-bg: #3a3520;\n --udoc-status-marked-text: #d4b44a;\n\n --udoc-error-bg: #3a1c1c;\n --udoc-error-border: #6b2c2c;\n --udoc-error-text: #f87171;\n\n --udoc-progress-track: #404040;\n --udoc-progress-fill: #4da6ff;\n\n --udoc-scrollbar-thumb: rgba(255, 255, 255, 0.3);\n --udoc-scrollbar-thumb-hover: rgba(255, 255, 255, 0.5);\n}\n\n.udoc-viewer-root .udoc-toolbar-slot {\n flex: 0 0 auto;\n}\n\n.udoc-viewer-root .udoc-body-slot {\n flex: 1 1 auto;\n display: flex;\n overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-left-panel-slot {\n flex: 0 0 auto;\n}\n\n.udoc-viewer-root .udoc-right-panel-slot {\n flex: 0 0 auto;\n}\n\n.udoc-viewer-root .udoc-viewport-slot {\n position: relative;\n flex: 1 1 auto;\n overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-viewport {\n position: relative;\n width: 100%;\n height: 100%;\n background: var(--udoc-bg-viewport);\n}\n\n.udoc-viewer-root .udoc-viewport__scroll {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n overflow: auto;\n /* scrollbar visibility is managed dynamically by Viewport.ts */\n}\n\n.udoc-viewer-root .udoc-viewport__container {\n position: relative;\n min-height: 100%;\n box-sizing: border-box;\n /* height set dynamically for virtual scrolling */\n}\n\n/* Spread */\n.udoc-viewer-root .udoc-spread {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-spread__wrapper {\n display: flex;\n flex-direction: row;\n flex-shrink: 0;\n /* gap is set dynamically by Spread.ts based on pageSpacing */\n}\n\n.udoc-viewer-root .udoc-spread--hidden {\n display: none;\n}\n\n/* Page slot within spread */\n.udoc-viewer-root .udoc-spread__slot {\n display: flex;\n align-items: center;\n justify-content: center;\n background: white;\n box-shadow: var(--udoc-shadow-page);\n}\n\n.udoc-viewer-root .udoc-viewport--seamless .udoc-spread__slot {\n box-shadow: none;\n}\n\n.udoc-viewer-root .udoc-spread__slot--empty {\n background: transparent;\n box-shadow: none;\n}\n\n.udoc-viewer-root .udoc-spread__preview-canvas {\n display: none;\n image-rendering: auto;\n}\n\n.udoc-viewer-root .udoc-spread__canvas {\n display: block;\n}\n\n/* Floating Toolbar */\n.udoc-viewer-root .udoc-floating-toolbar {\n position: absolute;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 10px;\n background: var(--udoc-bg-surface);\n border-radius: 8px;\n box-shadow: var(--udoc-shadow-toolbar);\n z-index: 100;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__section {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__divider {\n width: 1px;\n height: 20px;\n background: var(--udoc-pressed-overlay);\n margin: 0 4px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n padding: 0;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-text-secondary);\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:active {\n background: var(--udoc-pressed-overlay);\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:disabled {\n color: var(--udoc-text-disabled);\n cursor: default;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn:disabled:hover {\n background: transparent;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn svg {\n width: 18px;\n height: 18px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-info {\n display: flex;\n align-items: center;\n color: var(--udoc-text-primary);\n font-size: 13px;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-input {\n width: 36px;\n padding: 2px 4px;\n border: 1px solid var(--udoc-pressed-overlay);\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-text-primary);\n font-size: 13px;\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-input:focus {\n outline: none;\n border-color: var(--udoc-scrollbar-thumb);\n background: var(--udoc-bg-input);\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__page-total {\n white-space: nowrap;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__zoom-level {\n min-width: 44px;\n color: var(--udoc-text-primary);\n font-size: 13px;\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-floating-toolbar__btn--active {\n background: var(--udoc-active-overlay);\n}\n\n/* Zoom Dropdown */\n.udoc-viewer-root .udoc-zoom-dropdown {\n position: relative;\n height: 28px;\n display: flex;\n align-items: center;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__toggle {\n display: flex;\n align-items: center;\n gap: 0;\n height: 100%;\n border: 1px solid var(--udoc-pressed-overlay);\n border-radius: 4px;\n background: transparent;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__toggle:focus-within {\n border-color: var(--udoc-scrollbar-thumb);\n background: var(--udoc-bg-input);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__input {\n width: 44px;\n padding: 2px 4px;\n border: none;\n border-radius: 4px 0 0 4px;\n background: transparent;\n color: var(--udoc-text-primary);\n font-size: 13px;\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__input:focus {\n outline: none;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 2px 2px;\n border: none;\n border-left: 1px solid var(--udoc-subtle-hover);\n border-radius: 0 4px 4px 0;\n background: transparent;\n color: var(--udoc-text-muted);\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron:hover {\n background: var(--udoc-hover-overlay);\n color: var(--udoc-text-secondary);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron--active {\n background: var(--udoc-active-overlay);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__chevron svg {\n width: 14px;\n height: 14px;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__menu {\n position: absolute;\n bottom: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n padding: 6px;\n background: var(--udoc-bg-surface);\n border-radius: 8px;\n box-shadow: var(--udoc-shadow-dropdown);\n min-width: 100px;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__section {\n display: flex;\n flex-direction: column;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__divider {\n height: 1px;\n background: var(--udoc-subtle-hover);\n margin: 6px 0;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item {\n display: block;\n width: 100%;\n padding: 6px 10px;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-text-primary);\n font-size: 13px;\n text-align: left;\n cursor: pointer;\n white-space: nowrap;\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item--active {\n background: var(--udoc-primary-active-bg);\n color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-zoom-dropdown__item--active:hover {\n background: var(--udoc-primary-active-bg-hover);\n}\n\n/* View Mode Menu */\n.udoc-viewer-root .udoc-view-mode-menu {\n position: relative;\n height: 28px;\n display: flex;\n align-items: center;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__dropdown {\n position: absolute;\n bottom: calc(100% + 8px);\n left: 0;\n padding: 8px;\n background: var(--udoc-bg-surface);\n border-radius: 8px;\n box-shadow: var(--udoc-shadow-dropdown);\n min-width: 160px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__section {\n margin-bottom: 8px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__section:last-child {\n margin-bottom: 0;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__title {\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--udoc-text-muted);\n margin-bottom: 4px;\n padding: 0 4px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__options {\n display: flex;\n gap: 2px;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-text-tertiary);\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--active {\n background: var(--udoc-primary-active-bg);\n color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--active:hover {\n background: var(--udoc-primary-active-bg-hover);\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--disabled {\n color: var(--udoc-text-disabled);\n cursor: default;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option--disabled:hover {\n background: transparent;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.udoc-viewer-root .udoc-view-mode-menu__option-icon svg {\n width: 20px;\n height: 20px;\n}\n\n/* Left Panel */\n.udoc-viewer-root .udoc-left-panel {\n position: relative;\n display: flex;\n width: 240px;\n height: 100%;\n background: var(--udoc-bg-panel);\n border-right: 1px solid var(--udoc-border);\n overflow: hidden;\n transition: width 0.2s ease;\n}\n\n.udoc-viewer-root .udoc-left-panel--closed {\n width: 0;\n border-right: none;\n}\n\n.udoc-viewer-root .udoc-left-panel__tabs {\n display: flex;\n flex-direction: column;\n width: 40px;\n background: var(--udoc-bg-panel-tabs);\n border-right: 1px solid var(--udoc-border);\n}\n\n.udoc-viewer-root .udoc-left-panel__tab {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--udoc-text-label);\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-left-panel__tab:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-left-panel__tab--active {\n background: var(--udoc-bg-panel);\n color: var(--udoc-text-heading);\n border-right: 2px solid var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-left-panel__tab svg {\n width: 20px;\n height: 20px;\n}\n\n.udoc-viewer-root .udoc-left-panel__content {\n flex: 1;\n overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-left-panel__resize-handle {\n position: absolute;\n right: 0;\n top: 0;\n width: 4px;\n height: 100%;\n cursor: col-resize;\n background: transparent;\n z-index: 10;\n}\n\n.udoc-viewer-root .udoc-left-panel__resize-handle:hover,\n.udoc-viewer-root .udoc-left-panel--resizing .udoc-left-panel__resize-handle {\n background: var(--udoc-primary-muted);\n}\n\n.udoc-viewer-root .udoc-left-panel--resizing {\n transition: none;\n}\n\n/* Thumbnail Panel */\n.udoc-viewer-root .udoc-thumbnail-panel {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 12px;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n padding: 8px;\n border-radius: 4px;\n cursor: pointer;\n transition: background 0.15s ease;\n flex-shrink: 0;\n width: 100%;\n box-sizing: border-box;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item:hover {\n background: var(--udoc-subtle-hover);\n}\n\n.udoc-viewer-root .udoc-thumbnail-item--active {\n background: var(--udoc-primary-subtle-bg);\n outline: 2px solid var(--udoc-primary);\n outline-offset: -2px;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item__canvas {\n display: block;\n max-width: calc(100% - 16px);\n background: white;\n box-shadow: var(--udoc-shadow-sm);\n}\n\n.udoc-viewer-root .udoc-thumbnail-item__label {\n font-size: 11px;\n color: var(--udoc-text-label);\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-thumbnail-item--active .udoc-thumbnail-item__label {\n color: var(--udoc-primary);\n font-weight: 500;\n}\n\n/* Outline Panel */\n.udoc-viewer-root .udoc-outline-panel {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 8px 0;\n}\n\n.udoc-viewer-root .udoc-outline-panel__loading,\n.udoc-viewer-root .udoc-outline-panel__empty {\n padding: 16px;\n color: var(--udoc-text-subtle);\n font-size: 13px;\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-outline-item {\n display: flex;\n flex-direction: column;\n}\n\n.udoc-viewer-root .udoc-outline-item__header {\n display: flex;\n align-items: center;\n padding: 6px 12px 6px 8px;\n gap: 4px;\n min-height: 28px;\n}\n\n.udoc-viewer-root .udoc-outline-item__header--clickable {\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-outline-item__header--clickable:hover {\n background: var(--udoc-subtle-hover);\n}\n\n.udoc-viewer-root .udoc-outline-item__header--active {\n background: var(--udoc-primary-subtle-bg);\n}\n\n.udoc-viewer-root .udoc-outline-item__header--active .udoc-outline-item__title {\n color: var(--udoc-primary);\n font-weight: 500;\n}\n\n.udoc-viewer-root .udoc-outline-item__toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--udoc-text-label);\n cursor: pointer;\n flex-shrink: 0;\n transition: transform 0.15s ease;\n}\n\n.udoc-viewer-root .udoc-outline-item__toggle:hover {\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-outline-item__toggle--expanded {\n transform: rotate(90deg);\n}\n\n.udoc-viewer-root .udoc-outline-item__spacer {\n width: 16px;\n flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-outline-item__title {\n font-size: 13px;\n color: var(--udoc-text-heading);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n}\n\n/* .udoc-outline-item__children: Indentation is handled via padding-left on header */\n\n/* Layers panel */\n.udoc-viewer-root .udoc-layers-panel {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 8px 0;\n}\n\n.udoc-viewer-root .udoc-layers-panel__loading,\n.udoc-viewer-root .udoc-layers-panel__empty {\n padding: 16px;\n color: var(--udoc-text-subtle);\n font-size: 13px;\n text-align: center;\n}\n\n.udoc-viewer-root .udoc-layers-panel__item {\n display: flex;\n align-items: center;\n padding: 6px 12px;\n gap: 8px;\n min-height: 32px;\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-layers-panel__item:hover {\n background: var(--udoc-subtle-hover);\n}\n\n.udoc-viewer-root .udoc-layers-panel__toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--udoc-text-heading);\n cursor: pointer;\n flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-layers-panel__toggle svg {\n width: 18px;\n height: 18px;\n}\n\n.udoc-viewer-root .udoc-layers-panel__toggle:hover {\n color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-layers-panel__toggle--hidden {\n color: var(--udoc-text-subtle);\n}\n\n.udoc-viewer-root .udoc-layers-panel__label {\n font-size: 13px;\n color: var(--udoc-text-heading);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-layers-panel__label--hidden {\n color: var(--udoc-text-subtle);\n}\n\n.udoc-viewer-root .udoc-layers-panel__item--locked {\n cursor: default;\n}\n\n.udoc-viewer-root .udoc-layers-panel__item--locked .udoc-layers-panel__toggle {\n cursor: default;\n opacity: 0.5;\n}\n\n.udoc-viewer-root .udoc-layers-panel__item--locked .udoc-layers-panel__label {\n cursor: default;\n}\n\n.udoc-viewer-root .udoc-layers-panel__lock {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n color: var(--udoc-text-subtle);\n}\n\n.udoc-viewer-root .udoc-layers-panel__lock svg {\n width: 14px;\n height: 14px;\n}\n\n.udoc-viewer-root .udoc-toolbar {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 8px;\n background: var(--udoc-bg-panel);\n border-bottom: 1px solid var(--udoc-border);\n}\n\n.udoc-viewer-root .udoc-toolbar__left,\n.udoc-viewer-root .udoc-toolbar__right {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.udoc-viewer-root .udoc-toolbar__right {\n margin-left: auto;\n}\n\n.udoc-viewer-root .udoc-toolbar__spacer {\n flex: 1;\n}\n\n.udoc-viewer-root .udoc-toolbar__btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-text-body);\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-toolbar__btn:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-toolbar__btn:active {\n background: var(--udoc-active-overlay);\n}\n\n.udoc-viewer-root .udoc-toolbar__btn svg {\n width: 20px;\n height: 20px;\n}\n\n/* Toolbar center section (inline controls when floating toolbar is hidden) */\n.udoc-viewer-root .udoc-toolbar__center {\n display: flex;\n align-items: center;\n gap: 4px;\n flex: 1;\n justify-content: center;\n}\n\n.udoc-viewer-root .udoc-toolbar__group {\n display: flex;\n align-items: center;\n gap: 2px;\n}\n\n.udoc-viewer-root .udoc-toolbar__divider {\n width: 1px;\n height: 20px;\n background: var(--udoc-border);\n margin: 0 4px;\n}\n\n.udoc-viewer-root .udoc-toolbar__btn--nav {\n width: 28px;\n height: 28px;\n}\n\n.udoc-viewer-root .udoc-toolbar__btn--nav svg {\n width: 18px;\n height: 18px;\n}\n\n.udoc-viewer-root .udoc-toolbar__page-info {\n display: flex;\n align-items: center;\n font-size: 13px;\n color: var(--udoc-text-body);\n}\n\n.udoc-viewer-root .udoc-toolbar__page-input {\n width: 36px;\n height: 24px;\n border: 1px solid var(--udoc-border-input);\n border-radius: 3px;\n text-align: center;\n font-size: 13px;\n padding: 0 2px;\n background: var(--udoc-bg-input);\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-toolbar__page-input:focus {\n outline: none;\n border-color: var(--udoc-text-placeholder);\n}\n\n.udoc-viewer-root .udoc-toolbar__page-total {\n font-size: 13px;\n color: var(--udoc-text-muted);\n white-space: nowrap;\n}\n\n/* Zoom dropdown in toolbar: drops down instead of up */\n.udoc-viewer-root .udoc-zoom-dropdown--toolbar .udoc-zoom-dropdown__menu {\n bottom: auto;\n top: calc(100% + 8px);\n}\n\n/* View mode menu in toolbar: drops down instead of up */\n.udoc-viewer-root .udoc-toolbar__center .udoc-view-mode-menu__dropdown {\n bottom: auto;\n top: calc(100% + 8px);\n}\n\n/* Right Panel */\n.udoc-viewer-root .udoc-right-panel {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 300px;\n height: 100%;\n background: var(--udoc-bg-panel);\n border-left: 1px solid var(--udoc-border);\n overflow: hidden;\n transition: width 0.2s ease;\n}\n\n.udoc-viewer-root .udoc-right-panel--closed {\n width: 0;\n border-left: none;\n}\n\n.udoc-viewer-root .udoc-right-panel__resize-handle {\n position: absolute;\n left: 0;\n top: 0;\n width: 4px;\n height: 100%;\n cursor: col-resize;\n background: transparent;\n z-index: 10;\n}\n\n.udoc-viewer-root .udoc-right-panel__resize-handle:hover,\n.udoc-viewer-root .udoc-right-panel--resizing .udoc-right-panel__resize-handle {\n background: var(--udoc-primary-muted);\n}\n\n.udoc-viewer-root .udoc-right-panel--resizing {\n transition: none;\n}\n\n.udoc-viewer-root .udoc-right-panel__content {\n flex: 1;\n overflow: auto;\n}\n\n/* Text Layer (for text selection) */\n.udoc-viewer-root .udoc-spread__text-layer {\n position: absolute;\n overflow: hidden;\n /* user-select: none prevents selection from starting/extending in gaps */\n user-select: none;\n pointer-events: auto;\n z-index: 1;\n /* Isolate compositing so overlapping span ::selection backgrounds\n don't double-darken. Selection is painted opaque inside the group,\n then the whole layer is rendered at 30% opacity onto the page. */\n isolation: isolate;\n opacity: 0.3;\n}\n\n.udoc-viewer-root .udoc-text-span {\n position: absolute;\n color: transparent;\n white-space: pre;\n line-height: 1;\n font-family: sans-serif;\n /* Allow selection on actual text spans */\n user-select: text;\n}\n\n.udoc-viewer-root .udoc-text-span::selection {\n background: var(--udoc-text-selection);\n}\n\n/* Text selection disabled */\n.udoc-viewer--no-text-select .udoc-spread__text-layer {\n pointer-events: none;\n}\n\n.udoc-viewer--no-text-select .udoc-text-span {\n user-select: none;\n}\n\n/* Annotation Layer */\n.udoc-viewer-root .udoc-spread__annotation-layer {\n position: absolute;\n pointer-events: none;\n z-index: 2;\n}\n\n/* Base annotation */\n.udoc-viewer-root .udoc-annotation {\n position: absolute;\n box-sizing: border-box;\n}\n\n/* Link annotation */\n.udoc-viewer-root .udoc-annotation--link {\n pointer-events: auto;\n cursor: pointer;\n transition: background-color 0.15s ease;\n}\n\n.udoc-viewer-root .udoc-annotation--link:hover {\n background-color: var(--udoc-primary-active-bg);\n}\n\n/* Highlight annotation */\n.udoc-viewer-root .udoc-annotation--highlight {\n pointer-events: none;\n}\n\n.udoc-viewer-root .udoc-annotation__quad {\n mix-blend-mode: multiply;\n}\n\n/* Underline annotation */\n.udoc-viewer-root .udoc-annotation--underline {\n pointer-events: none;\n}\n\n/* StrikeOut annotation */\n.udoc-viewer-root .udoc-annotation--strikeout {\n pointer-events: none;\n}\n\n/* Squiggly annotation */\n.udoc-viewer-root .udoc-annotation--squiggly {\n pointer-events: none;\n}\n\n/* Text (sticky note) annotation */\n.udoc-viewer-root .udoc-annotation--text {\n pointer-events: auto;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: filter 0.15s ease;\n}\n\n.udoc-viewer-root .udoc-annotation--text:hover {\n filter: brightness(1.1) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));\n}\n\n.udoc-viewer-root .udoc-annotation--text svg {\n width: 100%;\n height: 100%;\n}\n\n/* Annotation popup */\n.udoc-viewer-root .udoc-annotation-popup {\n position: absolute;\n z-index: 100;\n min-width: 200px;\n max-width: 300px;\n background: var(--udoc-annotation-bg);\n border: 1px solid var(--udoc-annotation-border);\n border-radius: 4px;\n box-shadow: var(--udoc-shadow-page);\n font-size: 12px;\n color: var(--udoc-text-heading);\n pointer-events: auto;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 8px;\n background: var(--udoc-annotation-header-bg);\n border-bottom: 1px solid var(--udoc-annotation-border);\n border-radius: 4px 4px 0 0;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__author {\n font-weight: 600;\n color: var(--udoc-text-body);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__close {\n width: 16px;\n height: 16px;\n border: none;\n background: transparent;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.6;\n flex-shrink: 0;\n margin-left: 8px;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__close:hover {\n opacity: 1;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__close svg {\n width: 12px;\n height: 12px;\n}\n\n.udoc-viewer-root .udoc-annotation-popup__content {\n padding: 8px;\n white-space: pre-wrap;\n word-wrap: break-word;\n max-height: 200px;\n overflow-y: auto;\n}\n\n/* FreeText annotation */\n.udoc-viewer-root .udoc-annotation--freetext {\n pointer-events: auto;\n overflow: hidden;\n font-size: 12px;\n padding: 2px;\n}\n\n/* Stamp annotation */\n.udoc-viewer-root .udoc-annotation--stamp {\n pointer-events: none;\n}\n\n/* Caret annotation - rendered via SVG, minimal styling needed */\n.udoc-viewer-root .udoc-annotation--caret {\n pointer-events: none;\n}\n\n/* Shape annotations - rendered via SVG overlay */\n.udoc-viewer-root .udoc-annotation--line,\n.udoc-viewer-root .udoc-annotation--square,\n.udoc-viewer-root .udoc-annotation--circle,\n.udoc-viewer-root .udoc-annotation--polygon,\n.udoc-viewer-root .udoc-annotation--polyLine,\n.udoc-viewer-root .udoc-annotation--ink {\n pointer-events: none;\n}\n\n/* Redact annotation */\n.udoc-viewer-root .udoc-annotation--redact {\n pointer-events: none;\n}\n\n/* Annotation Panel */\n.udoc-viewer-root .udoc-annotation-panel {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 32px 16px;\n text-align: center;\n color: var(--udoc-text-subtle);\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-icon {\n color: var(--udoc-border-input);\n margin-bottom: 12px;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-icon svg {\n width: 48px;\n height: 48px;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-title {\n font-size: 14px;\n font-weight: 500;\n color: var(--udoc-text-label);\n margin-bottom: 4px;\n}\n\n.udoc-viewer-root .udoc-annotation-panel__placeholder-message {\n font-size: 12px;\n color: var(--udoc-text-placeholder);\n}\n\n.udoc-viewer-root .udoc-annotation-panel__loading {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n color: var(--udoc-text-subtle);\n font-size: 13px;\n}\n\n/* Comments List */\n.udoc-viewer-root .udoc-comments-list {\n display: flex;\n flex-direction: column;\n}\n\n/* Page Group */\n.udoc-viewer-root .udoc-comments-page-group {\n border-bottom: 1px solid var(--udoc-border-medium);\n}\n\n.udoc-viewer-root .udoc-comments-page-group:last-child {\n border-bottom: none;\n}\n\n.udoc-viewer-root .udoc-comments-page-header {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 10px 12px;\n cursor: pointer;\n user-select: none;\n background: var(--udoc-bg-page-header);\n transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-comments-page-header:hover {\n background: var(--udoc-bg-panel-tabs);\n}\n\n.udoc-viewer-root .udoc-comments-page-header svg {\n width: 16px;\n height: 16px;\n color: var(--udoc-text-label);\n flex-shrink: 0;\n transition: transform 0.2s ease;\n}\n\n.udoc-viewer-root .udoc-comments-page-header span {\n font-size: 13px;\n font-weight: 500;\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-comments-page-count {\n margin-left: auto;\n padding: 2px 6px;\n background: var(--udoc-border);\n border-radius: 10px;\n font-size: 11px;\n font-weight: 500;\n color: var(--udoc-text-label);\n}\n\n/* Collapsed state */\n.udoc-viewer-root .udoc-comments-page-group--collapsed .udoc-comments-page-header svg {\n transform: rotate(-90deg);\n}\n\n.udoc-viewer-root .udoc-comments-page-group--collapsed .udoc-comments-page-content {\n display: none;\n}\n\n/* Page Content */\n.udoc-viewer-root .udoc-comments-page-content {\n display: flex;\n flex-direction: column;\n}\n\n/* Comment Item */\n.udoc-viewer-root .udoc-comment-item {\n display: flex;\n gap: 8px;\n padding: 10px 12px;\n cursor: pointer;\n transition: background 0.15s;\n border-bottom: 1px solid var(--udoc-border-light);\n}\n\n.udoc-viewer-root .udoc-comment-item:last-child {\n border-bottom: none;\n}\n\n.udoc-viewer-root .udoc-comment-item:hover {\n background: var(--udoc-subtle-hover);\n}\n\n/* Reply indentation */\n.udoc-viewer-root .udoc-comment-reply {\n background: var(--udoc-bg-reply);\n}\n\n.udoc-viewer-root .udoc-comment-depth-1 {\n padding-left: 28px;\n}\n\n.udoc-viewer-root .udoc-comment-depth-2 {\n padding-left: 44px;\n}\n\n.udoc-viewer-root .udoc-comment-depth-3 {\n padding-left: 60px;\n}\n\n/* Comment Icon */\n.udoc-viewer-root .udoc-comment-icon {\n flex-shrink: 0;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--udoc-text-subtle);\n}\n\n.udoc-viewer-root .udoc-comment-icon svg {\n width: 16px;\n height: 16px;\n}\n\n/* Comment Body */\n.udoc-viewer-root .udoc-comment-body {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n/* Comment Header */\n.udoc-viewer-root .udoc-comment-header {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.udoc-viewer-root .udoc-comment-author {\n font-size: 12px;\n font-weight: 600;\n color: var(--udoc-text-heading);\n}\n\n/* Status Badge */\n.udoc-viewer-root .udoc-comment-status {\n padding: 1px 6px;\n border-radius: 8px;\n font-size: 10px;\n font-weight: 500;\n text-transform: capitalize;\n}\n\n.udoc-viewer-root .udoc-comment-status--accepted {\n background: var(--udoc-status-accepted-bg);\n color: var(--udoc-status-accepted-text);\n}\n\n.udoc-viewer-root .udoc-comment-status--rejected {\n background: var(--udoc-status-rejected-bg);\n color: var(--udoc-status-rejected-text);\n}\n\n.udoc-viewer-root .udoc-comment-status--completed {\n background: var(--udoc-status-completed-bg);\n color: var(--udoc-status-completed-text);\n}\n\n.udoc-viewer-root .udoc-comment-status--cancelled {\n background: var(--udoc-status-cancelled-bg);\n color: var(--udoc-status-cancelled-text);\n}\n\n.udoc-viewer-root .udoc-comment-status--marked {\n background: var(--udoc-status-marked-bg);\n color: var(--udoc-status-marked-text);\n}\n\n.udoc-viewer-root .udoc-comment-status--unmarked {\n background: var(--udoc-status-cancelled-bg);\n color: var(--udoc-status-cancelled-text);\n}\n\n/* Comment Contents */\n.udoc-viewer-root .udoc-comment-contents {\n font-size: 12px;\n color: var(--udoc-text-body);\n line-height: 1.4;\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n/* Reply Toggle */\n.udoc-viewer-root .udoc-comment-toggle {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n margin-top: 4px;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--udoc-primary);\n font-size: 11px;\n cursor: pointer;\n transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-comment-toggle:hover {\n background: var(--udoc-primary-subtle-bg);\n}\n\n.udoc-viewer-root .udoc-comment-toggle svg {\n width: 12px;\n height: 12px;\n transition: transform 0.2s ease;\n}\n\n.udoc-viewer-root .udoc-comment-toggle--expanded svg {\n transform: rotate(90deg);\n}\n\n/* Replies Container */\n.udoc-viewer-root .udoc-comment-replies {\n display: flex;\n flex-direction: column;\n}\n\n.udoc-viewer-root .udoc-comment-replies--collapsed {\n display: none;\n}\n\n/* Annotation Highlight Animation */\n@keyframes udoc-annotation-pulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(0, 102, 204, 0.7);\n }\n 50% {\n box-shadow: 0 0 0 8px rgba(0, 102, 204, 0.3);\n }\n 100% {\n box-shadow: 0 0 0 12px rgba(0, 102, 204, 0);\n }\n}\n\n.udoc-viewer-root .udoc-annotation--highlighted {\n animation: udoc-annotation-pulse 1.5s ease-out;\n outline: 2px solid var(--udoc-primary);\n outline-offset: 2px;\n border-radius: 2px;\n z-index: 10;\n}\n\n/* Highlight indicator for full-layer markup annotations */\n.udoc-viewer-root .udoc-annotation-highlight-indicator {\n position: absolute;\n box-sizing: border-box;\n pointer-events: none;\n animation: udoc-annotation-pulse 1.5s ease-out;\n outline: 2px solid var(--udoc-primary);\n outline-offset: 2px;\n border-radius: 2px;\n z-index: 10;\n}\n\n/* Mobile Panel Overlay */\n.udoc-viewer-root .udoc-panel-overlay {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--udoc-bg-overlay);\n z-index: 140;\n}\n\n/* ===== Responsive: Small Mobile (\u2264480px) ===== */\n@container udoc-viewer (max-width: 480px) {\n /* Make body-slot a positioning context */\n .udoc-viewer-root .udoc-body-slot {\n position: relative;\n }\n\n /* Collapse panels to slide-out drawers */\n .udoc-viewer-root .udoc-left-panel {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 280px !important;\n z-index: 150;\n box-shadow: var(--udoc-shadow-panel);\n transform: translateX(-100%);\n transition: transform 0.2s ease;\n }\n\n .udoc-viewer-root .udoc-left-panel:not(.udoc-left-panel--closed) {\n transform: translateX(0);\n }\n\n .udoc-viewer-root .udoc-left-panel--closed {\n width: 280px !important;\n transform: translateX(-100%);\n }\n\n .udoc-viewer-root .udoc-right-panel {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 280px !important;\n z-index: 150;\n box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n transform: translateX(100%);\n transition: transform 0.2s ease;\n }\n\n .udoc-viewer-root .udoc-right-panel:not(.udoc-right-panel--closed) {\n transform: translateX(0);\n }\n\n .udoc-viewer-root .udoc-right-panel--closed {\n width: 280px !important;\n transform: translateX(100%);\n }\n\n /* Show overlay when panel is open */\n .udoc-viewer-root.udoc-panel-open .udoc-panel-overlay {\n display: block;\n }\n\n /* Convert floating bar to full-width bottom toolbar */\n .udoc-viewer-root .udoc-floating-toolbar {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n transform: none;\n border-radius: 0;\n box-sizing: border-box;\n height: 40px;\n padding: 0 12px;\n gap: 8px;\n max-width: none;\n justify-content: center;\n box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\n }\n\n /* Viewport scroll area needs padding for bottom toolbar */\n .udoc-viewer-root .udoc-viewport__scroll {\n padding-bottom: 40px;\n }\n\n /* Hide fullscreen button on mobile */\n .udoc-viewer-root .udoc-toolbar__btn--fullscreen {\n display: none;\n }\n\n /* Touch targets for mobile */\n .udoc-viewer-root .udoc-floating-toolbar__btn {\n padding: 6px;\n min-width: 28px;\n min-height: 28px;\n }\n\n .udoc-viewer-root .udoc-floating-toolbar__btn svg {\n width: 18px;\n height: 18px;\n }\n\n /* Larger panel tab buttons for touch */\n .udoc-viewer-root .udoc-left-panel__tabs {\n width: 44px;\n padding: 8px 0;\n }\n\n .udoc-viewer-root .udoc-left-panel__tab {\n width: 44px;\n height: 44px;\n }\n\n .udoc-viewer-root .udoc-left-panel__tab svg {\n width: 22px;\n height: 22px;\n }\n\n /* Toolbar adjustments */\n .udoc-viewer-root .udoc-toolbar {\n padding: 0 4px;\n gap: 4px;\n }\n\n .udoc-viewer-root .udoc-toolbar__btn {\n padding: 8px;\n }\n\n /* View mode menu - right align */\n .udoc-viewer-root .udoc-view-mode-menu__dropdown {\n left: auto;\n right: 0;\n }\n\n .udoc-viewer-root .udoc-zoom-dropdown__item {\n padding: 12px 16px;\n }\n\n .udoc-viewer-root .udoc-view-mode-menu__option {\n width: 36px;\n height: 36px;\n }\n}\n\n/* ===== Password Dialog ===== */\n.udoc-viewer-root .udoc-password-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--udoc-bg-overlay);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 200;\n}\n\n.udoc-viewer-root .udoc-password-dialog {\n background: var(--udoc-bg-surface);\n border-radius: 12px;\n box-shadow: var(--udoc-shadow-dialog);\n padding: 24px;\n max-width: 360px;\n width: 90%;\n}\n\n.udoc-viewer-root .udoc-password-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n}\n\n.udoc-viewer-root .udoc-password-icon {\n width: 32px;\n height: 32px;\n color: var(--udoc-text-label);\n flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-password-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-password-message {\n margin: 0 0 20px 0;\n font-size: 14px;\n color: var(--udoc-text-label);\n line-height: 1.5;\n}\n\n.udoc-viewer-root .udoc-password-form {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.udoc-viewer-root .udoc-password-input-wrapper {\n display: flex;\n align-items: center;\n border: 1px solid var(--udoc-border);\n border-radius: 8px;\n background: var(--udoc-bg-input);\n transition:\n border-color 0.15s,\n box-shadow 0.15s;\n}\n\n.udoc-viewer-root .udoc-password-input-wrapper:focus-within {\n border-color: var(--udoc-primary);\n box-shadow: 0 0 0 3px var(--udoc-primary-active-bg);\n}\n\n.udoc-viewer-root .udoc-password-input {\n flex: 1;\n padding: 12px 14px;\n border: none;\n border-radius: 8px 0 0 8px;\n background: transparent;\n font-size: 15px;\n color: var(--udoc-text-heading);\n outline: none;\n}\n\n.udoc-viewer-root .udoc-password-input::placeholder {\n color: var(--udoc-text-placeholder);\n}\n\n.udoc-viewer-root .udoc-password-input:disabled {\n background: var(--udoc-bg-panel);\n color: var(--udoc-text-placeholder);\n}\n\n.udoc-viewer-root .udoc-password-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n border: none;\n background: transparent;\n color: var(--udoc-text-subtle);\n cursor: pointer;\n transition: color 0.15s;\n}\n\n.udoc-viewer-root .udoc-password-toggle:hover {\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-password-toggle svg {\n width: 20px;\n height: 20px;\n}\n\n.udoc-viewer-root .udoc-password-error {\n margin: 0;\n padding: 8px 12px;\n background: var(--udoc-error-bg);\n border: 1px solid var(--udoc-error-border);\n border-radius: 6px;\n font-size: 13px;\n color: var(--udoc-error-text);\n}\n\n.udoc-viewer-root .udoc-password-submit {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 12px 20px;\n border: none;\n border-radius: 8px;\n background: var(--udoc-primary);\n color: var(--udoc-text-on-primary);\n font-size: 15px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-password-submit:hover:not(:disabled) {\n background: var(--udoc-primary-hover);\n}\n\n.udoc-viewer-root .udoc-password-submit:disabled {\n background: var(--udoc-primary-disabled);\n cursor: not-allowed;\n}\n\n.udoc-viewer-root .udoc-password-submit-spinner svg {\n width: 20px;\n height: 20px;\n}\n\n/* ===== Print Dialog ===== */\n.udoc-viewer-root .udoc-print-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--udoc-bg-overlay);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 210;\n}\n\n.udoc-viewer-root .udoc-print-dialog {\n background: var(--udoc-bg-surface);\n border-radius: 12px;\n box-shadow: var(--udoc-shadow-dialog);\n padding: 24px;\n max-width: 400px;\n width: 90%;\n}\n\n.udoc-viewer-root .udoc-print-title {\n margin: 0 0 20px 0;\n font-size: 18px;\n font-weight: 600;\n color: var(--udoc-text-heading);\n}\n\n.udoc-viewer-root .udoc-print-section {\n margin-bottom: 16px;\n}\n\n.udoc-viewer-root .udoc-print-section-label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: var(--udoc-text-label);\n margin-bottom: 8px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.udoc-viewer-root .udoc-print-radios {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.udoc-viewer-root .udoc-print-radio {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n color: var(--udoc-text-heading);\n cursor: pointer;\n padding: 4px 0;\n}\n\n.udoc-viewer-root .udoc-print-radio input[type=\"radio\"] {\n accent-color: var(--udoc-primary);\n margin: 0;\n cursor: pointer;\n}\n\n.udoc-viewer-root .udoc-print-input {\n padding: 4px 8px;\n border: 1px solid var(--udoc-border);\n border-radius: 6px;\n background: var(--udoc-bg-input);\n color: var(--udoc-text-heading);\n font-size: 14px;\n outline: none;\n transition:\n border-color 0.15s,\n box-shadow 0.15s;\n}\n\n.udoc-viewer-root .udoc-print-input:focus {\n border-color: var(--udoc-primary);\n box-shadow: 0 0 0 3px var(--udoc-primary-active-bg);\n}\n\n.udoc-viewer-root .udoc-print-input:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.udoc-viewer-root .udoc-print-input[type=\"number\"] {\n width: 64px;\n}\n\n.udoc-viewer-root .udoc-print-input[type=\"text\"] {\n flex: 1;\n min-width: 0;\n}\n\n.udoc-viewer-root .udoc-print-select {\n width: 100%;\n padding: 8px 12px;\n border: 1px solid var(--udoc-border);\n border-radius: 8px;\n background: var(--udoc-bg-input);\n color: var(--udoc-text-heading);\n font-size: 14px;\n outline: none;\n cursor: pointer;\n transition:\n border-color 0.15s,\n box-shadow 0.15s;\n}\n\n.udoc-viewer-root .udoc-print-select:focus {\n border-color: var(--udoc-primary);\n box-shadow: 0 0 0 3px var(--udoc-primary-active-bg);\n}\n\n.udoc-viewer-root .udoc-print-error {\n margin: 0 0 12px 0;\n padding: 8px 12px;\n background: var(--udoc-error-bg);\n border: 1px solid var(--udoc-error-border);\n border-radius: 6px;\n font-size: 13px;\n color: var(--udoc-error-text);\n display: none;\n}\n\n.udoc-viewer-root .udoc-print-actions {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 20px;\n}\n\n.udoc-viewer-root .udoc-print-btn {\n padding: 8px 20px;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.15s;\n}\n\n.udoc-viewer-root .udoc-print-btn--cancel {\n background: transparent;\n color: var(--udoc-text-label);\n}\n\n.udoc-viewer-root .udoc-print-btn--cancel:hover {\n background: var(--udoc-bg-hover);\n}\n\n.udoc-viewer-root .udoc-print-btn--print {\n background: var(--udoc-primary);\n color: var(--udoc-text-on-primary);\n}\n\n.udoc-viewer-root .udoc-print-btn--print:hover {\n background: var(--udoc-primary-hover);\n}\n\n/* ===== Loading Overlay ===== */\n.udoc-viewer-root .udoc-loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--udoc-bg-loading);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 180;\n backdrop-filter: blur(2px);\n}\n\n.udoc-viewer-root .udoc-loading-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding: 24px;\n}\n\n.udoc-viewer-root .udoc-loading-spinner {\n width: 40px;\n height: 40px;\n color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-loading-spinner svg {\n width: 100%;\n height: 100%;\n}\n\n.udoc-viewer-root .udoc-loading-progress-container {\n width: 240px;\n}\n\n.udoc-viewer-root .udoc-loading-progress-track {\n width: 100%;\n height: 6px;\n background: var(--udoc-progress-track);\n border-radius: 3px;\n overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-loading-progress-fill {\n height: 100%;\n background: var(--udoc-progress-fill);\n border-radius: 3px;\n width: 0%;\n transition: width 0.2s ease-out;\n}\n\n.udoc-viewer-root .udoc-loading-progress-fill--indeterminate {\n animation: udoc-loading-indeterminate 1.5s ease-in-out infinite;\n}\n\n@keyframes udoc-loading-indeterminate {\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(233%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n.udoc-viewer-root .udoc-loading-progress-text {\n font-size: 13px;\n color: var(--udoc-text-label);\n text-align: center;\n}\n\n/* Logo path colors */\n.udoc-viewer-root .udoc-logo-doc {\n fill: #0f172a;\n}\n\n.udoc-viewer-root .udoc-logo-mentis {\n fill: #4f46e5;\n}\n\n.udoc-viewer-dark .udoc-logo-doc {\n fill: #e2e8f0;\n}\n\n.udoc-viewer-dark .udoc-logo-mentis {\n fill: #818cf8;\n}\n\n/* =============================================================================\n Search Panel\n ============================================================================= */\n\n.udoc-viewer-root .udoc-search-panel {\n display: flex;\n flex-direction: column;\n height: 100%;\n font-size: 13px;\n}\n\n.udoc-viewer-root .udoc-search-panel__header {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 12px 12px 8px;\n}\n\n.udoc-viewer-root .udoc-search-panel__input-wrapper {\n flex: 1;\n display: flex;\n align-items: center;\n border: 1px solid var(--udoc-border-input);\n border-radius: 4px;\n background: var(--udoc-bg-input);\n overflow: hidden;\n}\n\n.udoc-viewer-root .udoc-search-panel__input-wrapper:focus-within {\n border-color: var(--udoc-primary);\n box-shadow: 0 0 0 2px var(--udoc-primary-focus-ring);\n}\n\n.udoc-viewer-root .udoc-search-panel__input-icon {\n display: flex;\n align-items: center;\n padding: 0 6px 0 8px;\n color: var(--udoc-text-placeholder);\n}\n\n.udoc-viewer-root .udoc-search-panel__input-icon svg {\n width: 14px;\n height: 14px;\n}\n\n.udoc-viewer-root .udoc-search-panel__input {\n flex: 1;\n border: none;\n outline: none;\n padding: 6px 8px 6px 0;\n font-size: 13px;\n min-width: 0;\n background: transparent;\n}\n\n.udoc-viewer-root .udoc-search-panel__case {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n border: 1px solid var(--udoc-border-input);\n border-radius: 4px;\n background: var(--udoc-bg-input);\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n color: var(--udoc-text-label);\n flex-shrink: 0;\n}\n\n.udoc-viewer-root .udoc-search-panel__case:hover {\n background: var(--udoc-bg-page-header);\n}\n\n.udoc-viewer-root .udoc-search-panel__case--active {\n background: var(--udoc-primary);\n color: var(--udoc-text-on-primary);\n border-color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-search-panel__case--active:hover {\n background: var(--udoc-primary-hover);\n}\n\n.udoc-viewer-root .udoc-search-panel__nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 12px;\n border-bottom: 1px solid var(--udoc-border-light);\n min-height: 32px;\n}\n\n.udoc-viewer-root .udoc-search-panel__status {\n color: var(--udoc-text-label);\n font-size: 12px;\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-buttons {\n display: flex;\n gap: 2px;\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border: none;\n border-radius: 4px;\n background: transparent;\n cursor: pointer;\n color: var(--udoc-text-heading);\n padding: 0;\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-btn svg {\n width: 16px;\n height: 16px;\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-btn:hover {\n background: var(--udoc-hover-overlay);\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-btn:disabled {\n opacity: 0.3;\n cursor: default;\n}\n\n.udoc-viewer-root .udoc-search-panel__nav-btn:disabled:hover {\n background: transparent;\n}\n\n.udoc-viewer-root .udoc-search-panel__results {\n flex: 1;\n overflow-y: auto;\n padding: 0;\n}\n\n.udoc-viewer-root .udoc-search-result__page-header {\n padding: 8px 12px 4px;\n font-size: 11px;\n font-weight: 600;\n color: var(--udoc-text-placeholder);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n position: sticky;\n top: 0;\n background: var(--udoc-bg-surface);\n z-index: 1;\n}\n\n.udoc-viewer-root .udoc-search-result {\n padding: 6px 12px;\n cursor: pointer;\n font-size: 12px;\n line-height: 1.4;\n color: var(--udoc-text-heading);\n border-left: 3px solid transparent;\n}\n\n.udoc-viewer-root .udoc-search-result:hover {\n background: var(--udoc-faint-hover);\n}\n\n.udoc-viewer-root .udoc-search-result--active {\n background: var(--udoc-search-result-active-bg);\n border-left-color: var(--udoc-primary);\n}\n\n.udoc-viewer-root .udoc-search-result__context {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n color: var(--udoc-text-body);\n}\n\n.udoc-viewer-root .udoc-search-result__match {\n background: var(--udoc-search-match-bg);\n color: var(--udoc-search-match-text);\n border-radius: 2px;\n padding: 0 1px;\n}\n\n/* =============================================================================\n Search Highlights on Pages\n ============================================================================= */\n\n.udoc-viewer-root .udoc-spread__search-highlight-layer {\n position: absolute;\n pointer-events: none;\n}\n\n.udoc-viewer-root .udoc-search-highlight {\n background-color: var(--udoc-search-highlight);\n mix-blend-mode: multiply;\n border-radius: 1px;\n}\n\n.udoc-viewer-root .udoc-search-highlight--active {\n background-color: var(--udoc-search-highlight-active);\n outline: 2px solid var(--udoc-search-highlight-active-outline);\n outline-offset: 1px;\n}\n\n/* Dark mode blend mode overrides */\n.udoc-viewer-root.udoc-viewer-dark .udoc-annotation__quad {\n mix-blend-mode: screen;\n}\n\n.udoc-viewer-root.udoc-viewer-dark .udoc-search-highlight {\n mix-blend-mode: screen;\n}\n\n/* === Accessibility === */\n\n/* Screen-reader-only utility (visually hidden but accessible) */\n.udoc-viewer-root .udoc-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n/* Skip navigation link */\n.udoc-viewer-root .udoc-skip-link {\n position: absolute;\n top: -100px;\n left: 0;\n z-index: 10000;\n padding: 8px 16px;\n background: var(--udoc-bg-surface);\n color: var(--udoc-text-heading);\n text-decoration: none;\n font-size: 14px;\n border-radius: 0 0 4px 0;\n box-shadow: var(--udoc-shadow-sm);\n}\n\n.udoc-viewer-root .udoc-skip-link:focus {\n top: 0;\n}\n\n/* Keyboard focus indicators */\n.udoc-viewer-root :focus-visible {\n outline: 2px solid var(--udoc-primary);\n outline-offset: 2px;\n}\n\n.udoc-viewer-root :focus:not(:focus-visible) {\n outline: none;\n}\n\n/* Reduced motion */\n@media (prefers-reduced-motion: reduce) {\n .udoc-viewer-root,\n .udoc-viewer-root * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n}\n\n/* High contrast preference */\n@media (prefers-contrast: more) {\n .udoc-viewer-root {\n --udoc-border: #000;\n --udoc-border-input: #000;\n --udoc-text-muted: rgba(0, 0, 0, 0.7);\n --udoc-text-faint: rgba(0, 0, 0, 0.6);\n --udoc-primary-focus-ring: rgba(0, 102, 204, 0.5);\n }\n\n .udoc-viewer-root.udoc-viewer-dark {\n --udoc-border: #aaa;\n --udoc-border-input: #aaa;\n --udoc-text-muted: rgba(255, 255, 255, 0.7);\n --udoc-text-faint: rgba(255, 255, 255, 0.6);\n --udoc-primary-focus-ring: rgba(77, 166, 255, 0.5);\n }\n\n .udoc-viewer-root :focus-visible {\n outline-width: 3px;\n }\n}\n\n/* Forced colors (Windows High Contrast) */\n@media (forced-colors: active) {\n .udoc-viewer-root .udoc-thumbnail-item--active {\n outline: 3px solid Highlight;\n }\n\n .udoc-viewer-root .udoc-toolbar__btn,\n .udoc-viewer-root .udoc-floating-toolbar__btn,\n .udoc-viewer-root .udoc-left-panel__tab {\n border: 1px solid ButtonText;\n }\n\n .udoc-viewer-root .udoc-left-panel__tab--active {\n background: Highlight;\n color: HighlightText;\n }\n\n .udoc-viewer-root .udoc-search-highlight {\n outline: 2px solid Highlight;\n }\n}\n\n/* Resize handle focus styles */\n.udoc-viewer-root .udoc-left-panel__resize-handle:focus-visible,\n.udoc-viewer-root .udoc-right-panel__resize-handle:focus-visible {\n background: var(--udoc-primary-muted);\n outline: 2px solid var(--udoc-primary);\n outline-offset: -2px;\n}\n\n/* Touch target sizes for coarse pointers */\n@media (pointer: coarse) {\n .udoc-viewer-root .udoc-toolbar__btn {\n min-width: 44px;\n min-height: 44px;\n }\n\n .udoc-viewer-root .udoc-toolbar__btn--nav {\n min-width: 44px;\n min-height: 44px;\n }\n\n .udoc-viewer-root .udoc-floating-toolbar__btn {\n min-width: 44px;\n min-height: 44px;\n }\n\n .udoc-viewer-root .udoc-left-panel__tab {\n width: 44px;\n height: 44px;\n }\n\n .udoc-viewer-root .udoc-left-panel__tabs {\n width: 44px;\n }\n\n .udoc-viewer-root .udoc-zoom-dropdown__chevron {\n min-width: 44px;\n min-height: 44px;\n }\n\n .udoc-viewer-root .udoc-outline-item__toggle {\n min-width: 44px;\n min-height: 44px;\n }\n}\n";
2
2
  //# sourceMappingURL=styles-inline.d.ts.map
package/dist/src/ui/viewer/styles-inline.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles-inline.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,yzzDAg2ExB,CAAC"}
1
+ {"version":3,"file":"styles-inline.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,+l5DA68ExB,CAAC"}
package/dist/src/ui/viewer/styles-inline.js CHANGED
@@ -14,13 +14,13 @@ export const inlineStyles = `.udoc-viewer-root {
14
14
  --udoc-text-primary: rgba(0, 0, 0, 0.8);
15
15
  --udoc-text-secondary: rgba(0, 0, 0, 0.7);
16
16
  --udoc-text-tertiary: rgba(0, 0, 0, 0.6);
17
- --udoc-text-muted: rgba(0, 0, 0, 0.5);
18
- --udoc-text-faint: rgba(0, 0, 0, 0.4);
17
+ --udoc-text-muted: rgba(0, 0, 0, 0.58);
18
+ --udoc-text-faint: rgba(0, 0, 0, 0.52);
19
19
  --udoc-text-disabled: rgba(0, 0, 0, 0.25);
20
20
  --udoc-text-heading: #333;
21
21
  --udoc-text-body: #555;
22
22
  --udoc-text-label: #666;
23
- --udoc-text-subtle: #888;
23
+ --udoc-text-subtle: #767676;
24
24
  --udoc-text-placeholder: #999;
25
25
  --udoc-text-on-primary: #fff;
26
26
 
@@ -107,13 +107,13 @@ export const inlineStyles = `.udoc-viewer-root {
107
107
  --udoc-text-primary: rgba(255, 255, 255, 0.87);
108
108
  --udoc-text-secondary: rgba(255, 255, 255, 0.7);
109
109
  --udoc-text-tertiary: rgba(255, 255, 255, 0.6);
110
- --udoc-text-muted: rgba(255, 255, 255, 0.5);
111
- --udoc-text-faint: rgba(255, 255, 255, 0.38);
110
+ --udoc-text-muted: rgba(255, 255, 255, 0.64);
111
+ --udoc-text-faint: rgba(255, 255, 255, 0.56);
112
112
  --udoc-text-disabled: rgba(255, 255, 255, 0.25);
113
113
  --udoc-text-heading: #e0e0e0;
114
114
  --udoc-text-body: #bbb;
115
115
  --udoc-text-label: #aaa;
116
- --udoc-text-subtle: #888;
116
+ --udoc-text-subtle: #a0a0a0;
117
117
  --udoc-text-placeholder: #777;
118
118
  --udoc-text-on-primary: #fff;
119
119
 
@@ -2146,42 +2146,6 @@ export const inlineStyles = `.udoc-viewer-root {
2146
2146
  fill: #818cf8;
2147
2147
  }
2148
2148
 
2149
- .udoc-viewer-root .udoc-loading-attribution {
2150
- margin-top: 12px;
2151
- text-decoration: none;
2152
- display: inline-flex;
2153
- }
2154
-
2155
- /* Brand logo on page slots while rendering */
2156
- .udoc-viewer-root .udoc-spread__slot-attribution {
2157
- position: absolute;
2158
- left: 50%;
2159
- top: 50%;
2160
- transform: translate(-50%, -50%);
2161
- display: flex;
2162
- flex-direction: column;
2163
- align-items: center;
2164
- gap: 6px;
2165
- pointer-events: none;
2166
- z-index: 1;
2167
- user-select: none;
2168
- opacity: 0.3;
2169
- }
2170
-
2171
- .udoc-viewer-root .udoc-spread__slot-attribution-text {
2172
- font-size: 11px;
2173
- font-weight: 500;
2174
- color: #0f172a;
2175
- }
2176
-
2177
- .udoc-viewer-dark .udoc-spread__slot-attribution-text {
2178
- color: #e2e8f0;
2179
- }
2180
-
2181
- .udoc-viewer-root .udoc-spread__slot:not(.udoc-spread__slot--loading) .udoc-spread__slot-attribution {
2182
- display: none;
2183
- }
2184
-
2185
2149
  /* =============================================================================
2186
2150
  Search Panel
2187
2151
  ============================================================================= */
@@ -2399,5 +2363,150 @@ export const inlineStyles = `.udoc-viewer-root {
2399
2363
  .udoc-viewer-root.udoc-viewer-dark .udoc-search-highlight {
2400
2364
  mix-blend-mode: screen;
2401
2365
  }
2366
+
2367
+ /* === Accessibility === */
2368
+
2369
+ /* Screen-reader-only utility (visually hidden but accessible) */
2370
+ .udoc-viewer-root .udoc-sr-only {
2371
+ position: absolute;
2372
+ width: 1px;
2373
+ height: 1px;
2374
+ padding: 0;
2375
+ margin: -1px;
2376
+ overflow: hidden;
2377
+ clip: rect(0, 0, 0, 0);
2378
+ white-space: nowrap;
2379
+ border: 0;
2380
+ }
2381
+
2382
+ /* Skip navigation link */
2383
+ .udoc-viewer-root .udoc-skip-link {
2384
+ position: absolute;
2385
+ top: -100px;
2386
+ left: 0;
2387
+ z-index: 10000;
2388
+ padding: 8px 16px;
2389
+ background: var(--udoc-bg-surface);
2390
+ color: var(--udoc-text-heading);
2391
+ text-decoration: none;
2392
+ font-size: 14px;
2393
+ border-radius: 0 0 4px 0;
2394
+ box-shadow: var(--udoc-shadow-sm);
2395
+ }
2396
+
2397
+ .udoc-viewer-root .udoc-skip-link:focus {
2398
+ top: 0;
2399
+ }
2400
+
2401
+ /* Keyboard focus indicators */
2402
+ .udoc-viewer-root :focus-visible {
2403
+ outline: 2px solid var(--udoc-primary);
2404
+ outline-offset: 2px;
2405
+ }
2406
+
2407
+ .udoc-viewer-root :focus:not(:focus-visible) {
2408
+ outline: none;
2409
+ }
2410
+
2411
+ /* Reduced motion */
2412
+ @media (prefers-reduced-motion: reduce) {
2413
+ .udoc-viewer-root,
2414
+ .udoc-viewer-root * {
2415
+ animation-duration: 0.01ms !important;
2416
+ animation-iteration-count: 1 !important;
2417
+ transition-duration: 0.01ms !important;
2418
+ scroll-behavior: auto !important;
2419
+ }
2420
+ }
2421
+
2422
+ /* High contrast preference */
2423
+ @media (prefers-contrast: more) {
2424
+ .udoc-viewer-root {
2425
+ --udoc-border: #000;
2426
+ --udoc-border-input: #000;
2427
+ --udoc-text-muted: rgba(0, 0, 0, 0.7);
2428
+ --udoc-text-faint: rgba(0, 0, 0, 0.6);
2429
+ --udoc-primary-focus-ring: rgba(0, 102, 204, 0.5);
2430
+ }
2431
+
2432
+ .udoc-viewer-root.udoc-viewer-dark {
2433
+ --udoc-border: #aaa;
2434
+ --udoc-border-input: #aaa;
2435
+ --udoc-text-muted: rgba(255, 255, 255, 0.7);
2436
+ --udoc-text-faint: rgba(255, 255, 255, 0.6);
2437
+ --udoc-primary-focus-ring: rgba(77, 166, 255, 0.5);
2438
+ }
2439
+
2440
+ .udoc-viewer-root :focus-visible {
2441
+ outline-width: 3px;
2442
+ }
2443
+ }
2444
+
2445
+ /* Forced colors (Windows High Contrast) */
2446
+ @media (forced-colors: active) {
2447
+ .udoc-viewer-root .udoc-thumbnail-item--active {
2448
+ outline: 3px solid Highlight;
2449
+ }
2450
+
2451
+ .udoc-viewer-root .udoc-toolbar__btn,
2452
+ .udoc-viewer-root .udoc-floating-toolbar__btn,
2453
+ .udoc-viewer-root .udoc-left-panel__tab {
2454
+ border: 1px solid ButtonText;
2455
+ }
2456
+
2457
+ .udoc-viewer-root .udoc-left-panel__tab--active {
2458
+ background: Highlight;
2459
+ color: HighlightText;
2460
+ }
2461
+
2462
+ .udoc-viewer-root .udoc-search-highlight {
2463
+ outline: 2px solid Highlight;
2464
+ }
2465
+ }
2466
+
2467
+ /* Resize handle focus styles */
2468
+ .udoc-viewer-root .udoc-left-panel__resize-handle:focus-visible,
2469
+ .udoc-viewer-root .udoc-right-panel__resize-handle:focus-visible {
2470
+ background: var(--udoc-primary-muted);
2471
+ outline: 2px solid var(--udoc-primary);
2472
+ outline-offset: -2px;
2473
+ }
2474
+
2475
+ /* Touch target sizes for coarse pointers */
2476
+ @media (pointer: coarse) {
2477
+ .udoc-viewer-root .udoc-toolbar__btn {
2478
+ min-width: 44px;
2479
+ min-height: 44px;
2480
+ }
2481
+
2482
+ .udoc-viewer-root .udoc-toolbar__btn--nav {
2483
+ min-width: 44px;
2484
+ min-height: 44px;
2485
+ }
2486
+
2487
+ .udoc-viewer-root .udoc-floating-toolbar__btn {
2488
+ min-width: 44px;
2489
+ min-height: 44px;
2490
+ }
2491
+
2492
+ .udoc-viewer-root .udoc-left-panel__tab {
2493
+ width: 44px;
2494
+ height: 44px;
2495
+ }
2496
+
2497
+ .udoc-viewer-root .udoc-left-panel__tabs {
2498
+ width: 44px;
2499
+ }
2500
+
2501
+ .udoc-viewer-root .udoc-zoom-dropdown__chevron {
2502
+ min-width: 44px;
2503
+ min-height: 44px;
2504
+ }
2505
+
2506
+ .udoc-viewer-root .udoc-outline-item__toggle {
2507
+ min-width: 44px;
2508
+ min-height: 44px;
2509
+ }
2510
+ }
2402
2511
  `;
2403
2512
  //# sourceMappingURL=styles-inline.js.map
package/dist/src/ui/viewer/styles-inline.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles-inline.js","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAg2E3B,CAAC"}
1
+ {"version":3,"file":"styles-inline.js","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA68E3B,CAAC"}
package/dist/src/wasm/udoc.d.ts CHANGED
@@ -493,7 +493,7 @@ export interface InitOutput {
493
493
  readonly wasm_setup: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
494
494
  readonly __wasm_bindgen_func_elem_2543: (a: number, b: number, c: number) => void;
495
495
  readonly __wasm_bindgen_func_elem_2527: (a: number, b: number) => void;
496
- readonly __wasm_bindgen_func_elem_16275: (a: number, b: number, c: number, d: number) => void;
496
+ readonly __wasm_bindgen_func_elem_16785: (a: number, b: number, c: number, d: number) => void;
497
497
  readonly __wbindgen_export: (a: number, b: number) => number;
498
498
  readonly __wbindgen_export2: (a: number, b: number, c: number, d: number) => number;
499
499
  readonly __wbindgen_export3: (a: number) => void;
package/dist/src/wasm/udoc.js CHANGED
@@ -263,8 +263,8 @@ function __wasm_bindgen_func_elem_2543(arg0, arg1, arg2) {
263
263
  wasm.__wasm_bindgen_func_elem_2543(arg0, arg1, addHeapObject(arg2));
264
264
  }
265
265
 
266
- function __wasm_bindgen_func_elem_16275(arg0, arg1, arg2, arg3) {
267
- wasm.__wasm_bindgen_func_elem_16275(arg0, arg1, addHeapObject(arg2), addHeapObject(arg3));
266
+ function __wasm_bindgen_func_elem_16785(arg0, arg1, arg2, arg3) {
267
+ wasm.__wasm_bindgen_func_elem_16785(arg0, arg1, addHeapObject(arg2), addHeapObject(arg3));
268
268
  }
269
269
 
270
270
  const __wbindgen_enum_GpuBufferBindingType = ["uniform", "storage", "read-only-storage"];
@@ -1902,7 +1902,7 @@ function __wbg_get_imports() {
1902
1902
  const a = state0.a;
1903
1903
  state0.a = 0;
1904
1904
  try {
1905
- return __wasm_bindgen_func_elem_16275(a, state0.b, arg0, arg1);
1905
+ return __wasm_bindgen_func_elem_16785(a, state0.b, arg0, arg1);
1906
1906
  } finally {
1907
1907
  state0.a = a;
1908
1908
  }
@@ -2377,11 +2377,6 @@ function __wbg_get_imports() {
2377
2377
  const ret = v0;
2378
2378
  return addHeapObject(ret);
2379
2379
  };
2380
- imports.wbg.__wbindgen_cast_89b0435615caf0ab = function(arg0, arg1) {
2381
- // Cast intrinsic for `Closure(Closure { dtor_idx: 211, function: Function { arguments: [Externref], shim_idx: 212, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
2382
- const ret = makeMutClosure(arg0, arg1, wasm.__wasm_bindgen_func_elem_2527, __wasm_bindgen_func_elem_2543);
2383
- return addHeapObject(ret);
2384
- };
2385
2380
  imports.wbg.__wbindgen_cast_9ae0607507abb057 = function(arg0) {
2386
2381
  // Cast intrinsic for `I64 -> Externref`.
2387
2382
  const ret = arg0;
@@ -2392,6 +2387,11 @@ function __wbg_get_imports() {
2392
2387
  const ret = getArrayU8FromWasm0(arg0, arg1);
2393
2388
  return addHeapObject(ret);
2394
2389
  };
2390
+ imports.wbg.__wbindgen_cast_d5be308fce034eae = function(arg0, arg1) {
2391
+ // Cast intrinsic for `Closure(Closure { dtor_idx: 210, function: Function { arguments: [Externref], shim_idx: 211, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
2392
+ const ret = makeMutClosure(arg0, arg1, wasm.__wasm_bindgen_func_elem_2527, __wasm_bindgen_func_elem_2543);
2393
+ return addHeapObject(ret);
2394
+ };
2395
2395
  imports.wbg.__wbindgen_cast_d6cd19b81560fd6e = function(arg0) {
2396
2396
  // Cast intrinsic for `F64 -> Externref`.
2397
2397
  const ret = arg0;
package/dist/src/wasm/udoc_bg.wasm CHANGED
Binary file
package/dist/src/wasm/udoc_bg.wasm.d.ts CHANGED
@@ -47,7 +47,7 @@ export const wasm_set_visibility_group_visible: (a: number, b: number, c: number
47
47
  export const wasm_setup: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
48
48
  export const __wasm_bindgen_func_elem_2543: (a: number, b: number, c: number) => void;
49
49
  export const __wasm_bindgen_func_elem_2527: (a: number, b: number) => void;
50
- export const __wasm_bindgen_func_elem_16275: (a: number, b: number, c: number, d: number) => void;
50
+ export const __wasm_bindgen_func_elem_16785: (a: number, b: number, c: number, d: number) => void;
51
51
  export const __wbindgen_export: (a: number, b: number) => number;
52
52
  export const __wbindgen_export2: (a: number, b: number, c: number, d: number) => number;
53
53
  export const __wbindgen_export3: (a: number) => void;