@docmentis/udoc-viewer 0.6.4 → 0.6.5
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.
- package/README.md +3 -15
- package/dist/package.json +1 -1
- package/dist/src/UDocClient.js +1 -1
- package/dist/src/UDocViewer.d.ts.map +1 -1
- package/dist/src/UDocViewer.js +8 -1
- package/dist/src/UDocViewer.js.map +1 -1
- package/dist/src/ui/viewer/actions.d.ts +10 -1
- package/dist/src/ui/viewer/actions.d.ts.map +1 -1
- package/dist/src/ui/viewer/components/LayersPanel.d.ts +11 -0
- package/dist/src/ui/viewer/components/LayersPanel.d.ts.map +1 -0
- package/dist/src/ui/viewer/components/LayersPanel.js +124 -0
- package/dist/src/ui/viewer/components/LayersPanel.js.map +1 -0
- package/dist/src/ui/viewer/components/LeftPanel.d.ts.map +1 -1
- package/dist/src/ui/viewer/components/LeftPanel.js +14 -1
- package/dist/src/ui/viewer/components/LeftPanel.js.map +1 -1
- package/dist/src/ui/viewer/components/Spread.d.ts +1 -0
- package/dist/src/ui/viewer/components/Spread.d.ts.map +1 -1
- package/dist/src/ui/viewer/components/Spread.js +7 -0
- package/dist/src/ui/viewer/components/Spread.js.map +1 -1
- package/dist/src/ui/viewer/components/Viewport.d.ts.map +1 -1
- package/dist/src/ui/viewer/components/Viewport.js +16 -0
- package/dist/src/ui/viewer/components/Viewport.js.map +1 -1
- package/dist/src/ui/viewer/effects.d.ts.map +1 -1
- package/dist/src/ui/viewer/effects.js +25 -0
- package/dist/src/ui/viewer/effects.js.map +1 -1
- package/dist/src/ui/viewer/icons.d.ts +3 -0
- package/dist/src/ui/viewer/icons.d.ts.map +1 -1
- package/dist/src/ui/viewer/icons.js +3 -0
- package/dist/src/ui/viewer/icons.js.map +1 -1
- package/dist/src/ui/viewer/reducer.d.ts.map +1 -1
- package/dist/src/ui/viewer/reducer.js +17 -0
- package/dist/src/ui/viewer/reducer.js.map +1 -1
- package/dist/src/ui/viewer/shell.d.ts +7 -1
- package/dist/src/ui/viewer/shell.d.ts.map +1 -1
- package/dist/src/ui/viewer/shell.js.map +1 -1
- package/dist/src/ui/viewer/state.d.ts +10 -0
- package/dist/src/ui/viewer/state.d.ts.map +1 -1
- package/dist/src/ui/viewer/state.js +2 -0
- package/dist/src/ui/viewer/state.js.map +1 -1
- package/dist/src/ui/viewer/styles-inline.d.ts +1 -1
- package/dist/src/ui/viewer/styles-inline.d.ts.map +1 -1
- package/dist/src/ui/viewer/styles-inline.js +100 -0
- package/dist/src/ui/viewer/styles-inline.js.map +1 -1
- package/dist/src/wasm/udoc.d.ts +24 -0
- package/dist/src/wasm/udoc.js +62 -0
- package/dist/src/wasm/udoc_bg.wasm +0 -0
- package/dist/src/wasm/udoc_bg.wasm.d.ts +2 -0
- package/dist/src/worker/WorkerClient.d.ts +16 -0
- package/dist/src/worker/WorkerClient.d.ts.map +1 -1
- package/dist/src/worker/WorkerClient.js +32 -0
- package/dist/src/worker/WorkerClient.js.map +1 -1
- package/dist/src/worker/worker-inline.js +1 -1
- package/dist/src/worker/worker.d.ts +24 -0
- package/dist/src/worker/worker.d.ts.map +1 -1
- package/dist/src/worker/worker.js +74 -0
- package/dist/src/worker/worker.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/shell.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAa,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/shell.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAa,eAAe,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAS1D,MAAM,WAAW,aAAa;IAC1B,WAAW,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAClE,UAAU,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IACxD,kBAAkB,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAClF,WAAW,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IACxE,mBAAmB,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;IACrE,yBAAyB,CAAC,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CACvG;AAED,MAAM,WAAW,oBAAoB;IACjC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,WAAW,CAAC;IAC5B,YAAY,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC;AAE7F,wBAAgB,gBAAgB,CAC5B,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,aAAa,EACrB,YAAY,EAAE,YAAY,EAC1B,SAAS,CAAC,EAAE,qBAAqB,EACjC,eAAe,UAAO,GACvB,WAAW,CAuLb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../../src/ui/viewer/shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOjD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../../src/ui/viewer/shell.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,12 @@ export interface SearchMatch {
|
|
|
20
20
|
/** Context snippet: [before, match, after] text for display in result list. */
|
|
21
21
|
context: [string, string, string];
|
|
22
22
|
}
|
|
23
|
+
export interface VisibilityGroup {
|
|
24
|
+
id: string;
|
|
25
|
+
name: string;
|
|
26
|
+
visible: boolean;
|
|
27
|
+
locked: boolean;
|
|
28
|
+
}
|
|
23
29
|
export type LeftPanelTab = "thumbnail" | "outline" | "bookmarks" | "layers" | "attachments";
|
|
24
30
|
export type RightPanelTab = "search" | "comments";
|
|
25
31
|
export type PanelTab = LeftPanelTab | RightPanelTab;
|
|
@@ -74,6 +80,10 @@ export interface ViewerState {
|
|
|
74
80
|
outline: OutlineItem[] | null;
|
|
75
81
|
/** Whether outline is currently being loaded */
|
|
76
82
|
outlineLoading: boolean;
|
|
83
|
+
/** Visibility groups (null = not loaded yet) */
|
|
84
|
+
visibilityGroups: VisibilityGroup[] | null;
|
|
85
|
+
/** Whether visibility groups are currently being loaded */
|
|
86
|
+
visibilityGroupsLoading: boolean;
|
|
77
87
|
/** Annotations by page index (0-based). Undefined = not loaded, [] = loaded but empty */
|
|
78
88
|
pageAnnotations: Map<number, Annotation[]>;
|
|
79
89
|
/** Set of page indices currently being loaded */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/state.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMtD,4DAA4D;AAC5D,MAAM,WAAW,WAAW;IACxB,0BAA0B;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,UAAU,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,KAAK,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtE,+EAA+E;IAC/E,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAMD,MAAM,WAAW,eAAe;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACnB;AAMD,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,CAAC;AAC5F,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAClD,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,aAAa,CAAC;AAGpD,wBAAgB,cAAc,CAAC,GAAG,EAAE,QAAQ,GAAG,GAAG,IAAI,YAAY,CAEjE;AAMD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,YAAY,CAAC;AACjD,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,aAAa,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAC1G,MAAM,MAAM,QAAQ,GAAG,kBAAkB,GAAG,sBAAsB,GAAG,mBAAmB,GAAG,YAAY,GAAG,QAAQ,CAAC;AACnH,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAC9C,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,GAAG,WAAW,CAAC;AACvE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,iDAAiD;AACjD,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/D,kEAAkE;AAClE,MAAM,WAAW,gBAAgB;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,iDAAiD;AACjD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc,GAAG,gBAAgB,CAS1E;AAED,iDAAiD;AACjD,eAAO,MAAM,kBAAkB,2DAA4D,CAAC;AAO5F,YAAY,EAAE,QAAQ,EAAE,CAAC;AAMzB,uCAAuC;AACvC,eAAO,MAAM,OAAO,KAAK,CAAC;AAE1B,yCAAyC;AACzC,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,gEAAgE;AAChE,eAAO,MAAM,gBAAgB,QAAwB,CAAC;AAEtD,yDAAyD;AACzD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAErD;AAMD,MAAM,WAAW,WAAW;IAExB,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,SAAS,QAAQ,EAAE,CAAC;IAG/B,uDAAuD;IACvD,aAAa,EAAE,OAAO,CAAC;IACvB,uDAAuD;IACvD,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,sDAAsD;IACtD,gBAAgB,EAAE,OAAO,CAAC;IAG1B,yDAAyD;IACzD,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IAC9B,gDAAgD;IAChD,cAAc,EAAE,OAAO,CAAC;IAGxB,gDAAgD;IAChD,gBAAgB,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAC3C,2DAA2D;IAC3D,uBAAuB,EAAE,OAAO,CAAC;IAGjC,yFAAyF;IACzF,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;IAC3C,iDAAiD;IACjD,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAGhC,uFAAuF;IACvF,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IACjC,iDAAiD;IACjD,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAGzB,2DAA2D;IAC3D,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAG1C,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,EAAE,WAAW,CAAC;IAGzB,GAAG,EAAE,MAAM,CAAC;IAGZ,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IAGtB,8CAA8C;IAC9C,cAAc,EAAE,MAAM,CAAC;IAGvB,WAAW,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,2DAA2D;IAC3D,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAG/B,yCAAyC;IACzC,cAAc,EAAE,OAAO,CAAC;IACxB,gEAAgE;IAChE,sBAAsB,EAAE,OAAO,CAAC;IAChC,6CAA6C;IAC7C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gEAAgE;IAChE,cAAc,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACtC,8DAA8D;IAC9D,uBAAuB,EAAE,OAAO,CAAC;IACjC,+BAA+B;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,sBAAsB,EAAE,OAAO,CAAC;IAChC,yCAAyC;IACzC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAGhB,qDAAqD;IACrD,qBAAqB,EAAE;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;KACnE,GAAG,IAAI,CAAC;IAGT,+CAA+C;IAC/C,YAAY,EAAE,OAAO,CAAC;IAGtB,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,0CAA0C;IAC1C,aAAa,EAAE,WAAW,EAAE,CAAC;IAC7B,8DAA8D;IAC9D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oDAAoD;IACpD,iBAAiB,EAAE,OAAO,CAAC;IAG3B,qDAAqD;IACrD,aAAa,EAAE,OAAO,CAAC;IACvB,sCAAsC;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,WAqE1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/ui/viewer/state.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/ui/viewer/state.ts"],"names":[],"mappings":"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"}
|
|
@@ -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 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 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__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.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/* ===== 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/* =============================================================================\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.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 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 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__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/* ===== 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/* =============================================================================\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";
|
|
2
2
|
//# sourceMappingURL=styles-inline.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles-inline.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"styles-inline.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/styles-inline.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,k4pDAgoExB,CAAC"}
|
|
@@ -790,6 +790,106 @@ export const inlineStyles = `.udoc-viewer-root {
|
|
|
790
790
|
|
|
791
791
|
/* .udoc-outline-item__children: Indentation is handled via padding-left on header */
|
|
792
792
|
|
|
793
|
+
/* Layers panel */
|
|
794
|
+
.udoc-viewer-root .udoc-layers-panel {
|
|
795
|
+
display: flex;
|
|
796
|
+
flex-direction: column;
|
|
797
|
+
height: 100%;
|
|
798
|
+
overflow-y: auto;
|
|
799
|
+
overflow-x: hidden;
|
|
800
|
+
padding: 8px 0;
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
.udoc-viewer-root .udoc-layers-panel__loading,
|
|
804
|
+
.udoc-viewer-root .udoc-layers-panel__empty {
|
|
805
|
+
padding: 16px;
|
|
806
|
+
color: var(--udoc-text-subtle);
|
|
807
|
+
font-size: 13px;
|
|
808
|
+
text-align: center;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
.udoc-viewer-root .udoc-layers-panel__item {
|
|
812
|
+
display: flex;
|
|
813
|
+
align-items: center;
|
|
814
|
+
padding: 6px 12px;
|
|
815
|
+
gap: 8px;
|
|
816
|
+
min-height: 32px;
|
|
817
|
+
cursor: pointer;
|
|
818
|
+
}
|
|
819
|
+
|
|
820
|
+
.udoc-viewer-root .udoc-layers-panel__item:hover {
|
|
821
|
+
background: var(--udoc-subtle-hover);
|
|
822
|
+
}
|
|
823
|
+
|
|
824
|
+
.udoc-viewer-root .udoc-layers-panel__toggle {
|
|
825
|
+
display: flex;
|
|
826
|
+
align-items: center;
|
|
827
|
+
justify-content: center;
|
|
828
|
+
width: 20px;
|
|
829
|
+
height: 20px;
|
|
830
|
+
padding: 0;
|
|
831
|
+
border: none;
|
|
832
|
+
background: transparent;
|
|
833
|
+
color: var(--udoc-text-heading);
|
|
834
|
+
cursor: pointer;
|
|
835
|
+
flex-shrink: 0;
|
|
836
|
+
}
|
|
837
|
+
|
|
838
|
+
.udoc-viewer-root .udoc-layers-panel__toggle svg {
|
|
839
|
+
width: 18px;
|
|
840
|
+
height: 18px;
|
|
841
|
+
}
|
|
842
|
+
|
|
843
|
+
.udoc-viewer-root .udoc-layers-panel__toggle:hover {
|
|
844
|
+
color: var(--udoc-primary);
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
.udoc-viewer-root .udoc-layers-panel__toggle--hidden {
|
|
848
|
+
color: var(--udoc-text-subtle);
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
.udoc-viewer-root .udoc-layers-panel__label {
|
|
852
|
+
font-size: 13px;
|
|
853
|
+
color: var(--udoc-text-heading);
|
|
854
|
+
overflow: hidden;
|
|
855
|
+
text-overflow: ellipsis;
|
|
856
|
+
white-space: nowrap;
|
|
857
|
+
flex: 1;
|
|
858
|
+
cursor: pointer;
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
.udoc-viewer-root .udoc-layers-panel__label--hidden {
|
|
862
|
+
color: var(--udoc-text-subtle);
|
|
863
|
+
}
|
|
864
|
+
|
|
865
|
+
.udoc-viewer-root .udoc-layers-panel__item--locked {
|
|
866
|
+
cursor: default;
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
.udoc-viewer-root .udoc-layers-panel__item--locked .udoc-layers-panel__toggle {
|
|
870
|
+
cursor: default;
|
|
871
|
+
opacity: 0.5;
|
|
872
|
+
}
|
|
873
|
+
|
|
874
|
+
.udoc-viewer-root .udoc-layers-panel__item--locked .udoc-layers-panel__label {
|
|
875
|
+
cursor: default;
|
|
876
|
+
}
|
|
877
|
+
|
|
878
|
+
.udoc-viewer-root .udoc-layers-panel__lock {
|
|
879
|
+
display: flex;
|
|
880
|
+
align-items: center;
|
|
881
|
+
justify-content: center;
|
|
882
|
+
width: 16px;
|
|
883
|
+
height: 16px;
|
|
884
|
+
flex-shrink: 0;
|
|
885
|
+
color: var(--udoc-text-subtle);
|
|
886
|
+
}
|
|
887
|
+
|
|
888
|
+
.udoc-viewer-root .udoc-layers-panel__lock svg {
|
|
889
|
+
width: 14px;
|
|
890
|
+
height: 14px;
|
|
891
|
+
}
|
|
892
|
+
|
|
793
893
|
.udoc-viewer-root .udoc-toolbar {
|
|
794
894
|
display: flex;
|
|
795
895
|
align-items: center;
|
|
@@ -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
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgoE3B,CAAC"}
|
package/dist/src/wasm/udoc.d.ts
CHANGED
|
@@ -343,6 +343,17 @@ export class UDoc {
|
|
|
343
343
|
* - `sections`: Array of section info objects with `title`, `startPage`, `level`
|
|
344
344
|
*/
|
|
345
345
|
pdf_split_by_outline(doc_id: string, max_level: number, split_mid_page: boolean): any;
|
|
346
|
+
/**
|
|
347
|
+
* Get all visibility groups for a document.
|
|
348
|
+
*
|
|
349
|
+
* Returns an array of objects, each containing:
|
|
350
|
+
* - `id`: Unique identifier string
|
|
351
|
+
* - `name`: Display name for UI
|
|
352
|
+
* - `visible`: Whether the group is currently visible
|
|
353
|
+
*
|
|
354
|
+
* Returns an empty array for documents without visibility groups.
|
|
355
|
+
*/
|
|
356
|
+
get_visibility_groups(id: string): any;
|
|
346
357
|
/**
|
|
347
358
|
* Get the number of fonts registered for a document.
|
|
348
359
|
*
|
|
@@ -353,6 +364,17 @@ export class UDoc {
|
|
|
353
364
|
* The number of registered fonts.
|
|
354
365
|
*/
|
|
355
366
|
registeredFontCount(id: string): number;
|
|
367
|
+
/**
|
|
368
|
+
* Set the visibility of a specific visibility group.
|
|
369
|
+
*
|
|
370
|
+
* # Arguments
|
|
371
|
+
* * `id` - Document ID
|
|
372
|
+
* * `group_id` - Visibility group ID
|
|
373
|
+
* * `visible` - Whether the group should be visible
|
|
374
|
+
*
|
|
375
|
+
* Returns `true` if the group was found and updated, `false` if not found.
|
|
376
|
+
*/
|
|
377
|
+
set_visibility_group_visible(id: string, group_id: string, visible: boolean): boolean;
|
|
356
378
|
/**
|
|
357
379
|
* Create a new document viewer.
|
|
358
380
|
*/
|
|
@@ -455,6 +477,7 @@ export interface InitOutput {
|
|
|
455
477
|
readonly udoc_get_outline: (a: number, b: number, c: number, d: number) => void;
|
|
456
478
|
readonly udoc_get_page_annotations: (a: number, b: number, c: number, d: number, e: number) => void;
|
|
457
479
|
readonly udoc_get_page_text: (a: number, b: number, c: number, d: number, e: number) => void;
|
|
480
|
+
readonly udoc_get_visibility_groups: (a: number, b: number, c: number, d: number) => void;
|
|
458
481
|
readonly udoc_hasRegisteredFont: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number) => void;
|
|
459
482
|
readonly udoc_has_document: (a: number, b: number, c: number) => number;
|
|
460
483
|
readonly udoc_has_feature: (a: number, b: number, c: number) => number;
|
|
@@ -481,6 +504,7 @@ export interface InitOutput {
|
|
|
481
504
|
readonly udoc_render_page_to_png: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
|
|
482
505
|
readonly udoc_render_page_to_rgba: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
|
|
483
506
|
readonly udoc_set_license: (a: number, b: number, c: number, d: number, e: number, f: number) => void;
|
|
507
|
+
readonly udoc_set_visibility_group_visible: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
|
|
484
508
|
readonly udoc_setup: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
|
|
485
509
|
readonly __wbindgen_export: (a: number, b: number) => number;
|
|
486
510
|
readonly __wbindgen_export2: (a: number, b: number, c: number, d: number) => number;
|
package/dist/src/wasm/udoc.js
CHANGED
|
@@ -1126,6 +1126,35 @@ export class UDoc {
|
|
|
1126
1126
|
wasm.__wbindgen_add_to_stack_pointer(16);
|
|
1127
1127
|
}
|
|
1128
1128
|
}
|
|
1129
|
+
/**
|
|
1130
|
+
* Get all visibility groups for a document.
|
|
1131
|
+
*
|
|
1132
|
+
* Returns an array of objects, each containing:
|
|
1133
|
+
* - `id`: Unique identifier string
|
|
1134
|
+
* - `name`: Display name for UI
|
|
1135
|
+
* - `visible`: Whether the group is currently visible
|
|
1136
|
+
*
|
|
1137
|
+
* Returns an empty array for documents without visibility groups.
|
|
1138
|
+
* @param {string} id
|
|
1139
|
+
* @returns {any}
|
|
1140
|
+
*/
|
|
1141
|
+
get_visibility_groups(id) {
|
|
1142
|
+
try {
|
|
1143
|
+
const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
|
|
1144
|
+
const ptr0 = passStringToWasm0(id, wasm.__wbindgen_export, wasm.__wbindgen_export2);
|
|
1145
|
+
const len0 = WASM_VECTOR_LEN;
|
|
1146
|
+
wasm.udoc_get_visibility_groups(retptr, this.__wbg_ptr, ptr0, len0);
|
|
1147
|
+
var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
|
|
1148
|
+
var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
|
|
1149
|
+
var r2 = getDataViewMemory0().getInt32(retptr + 4 * 2, true);
|
|
1150
|
+
if (r2) {
|
|
1151
|
+
throw takeObject(r1);
|
|
1152
|
+
}
|
|
1153
|
+
return takeObject(r0);
|
|
1154
|
+
} finally {
|
|
1155
|
+
wasm.__wbindgen_add_to_stack_pointer(16);
|
|
1156
|
+
}
|
|
1157
|
+
}
|
|
1129
1158
|
/**
|
|
1130
1159
|
* Get the number of fonts registered for a document.
|
|
1131
1160
|
*
|
|
@@ -1154,6 +1183,39 @@ export class UDoc {
|
|
|
1154
1183
|
wasm.__wbindgen_add_to_stack_pointer(16);
|
|
1155
1184
|
}
|
|
1156
1185
|
}
|
|
1186
|
+
/**
|
|
1187
|
+
* Set the visibility of a specific visibility group.
|
|
1188
|
+
*
|
|
1189
|
+
* # Arguments
|
|
1190
|
+
* * `id` - Document ID
|
|
1191
|
+
* * `group_id` - Visibility group ID
|
|
1192
|
+
* * `visible` - Whether the group should be visible
|
|
1193
|
+
*
|
|
1194
|
+
* Returns `true` if the group was found and updated, `false` if not found.
|
|
1195
|
+
* @param {string} id
|
|
1196
|
+
* @param {string} group_id
|
|
1197
|
+
* @param {boolean} visible
|
|
1198
|
+
* @returns {boolean}
|
|
1199
|
+
*/
|
|
1200
|
+
set_visibility_group_visible(id, group_id, visible) {
|
|
1201
|
+
try {
|
|
1202
|
+
const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
|
|
1203
|
+
const ptr0 = passStringToWasm0(id, wasm.__wbindgen_export, wasm.__wbindgen_export2);
|
|
1204
|
+
const len0 = WASM_VECTOR_LEN;
|
|
1205
|
+
const ptr1 = passStringToWasm0(group_id, wasm.__wbindgen_export, wasm.__wbindgen_export2);
|
|
1206
|
+
const len1 = WASM_VECTOR_LEN;
|
|
1207
|
+
wasm.udoc_set_visibility_group_visible(retptr, this.__wbg_ptr, ptr0, len0, ptr1, len1, visible);
|
|
1208
|
+
var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
|
|
1209
|
+
var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
|
|
1210
|
+
var r2 = getDataViewMemory0().getInt32(retptr + 4 * 2, true);
|
|
1211
|
+
if (r2) {
|
|
1212
|
+
throw takeObject(r1);
|
|
1213
|
+
}
|
|
1214
|
+
return r0 !== 0;
|
|
1215
|
+
} finally {
|
|
1216
|
+
wasm.__wbindgen_add_to_stack_pointer(16);
|
|
1217
|
+
}
|
|
1218
|
+
}
|
|
1157
1219
|
/**
|
|
1158
1220
|
* Create a new document viewer.
|
|
1159
1221
|
*/
|
|
Binary file
|