eigenpal/docx-editor-vue/styles

CSS import path constant and shared layering tokens. Bring in the editor's base styles by importing `@eigenpal/docx-editor-vue/styles.css` directly; this module exists for tooling that prefers a JS-style import.

EDITOR_CSS_PATH = "@eigenpal/docx-editor-vue/styles.css"

Z-index stacking order for the Vue editor chrome — mirrors `packages/react/src/styles/zIndex.ts` so layered UI stays consistent across adapters instead of drifting into ad-hoc per-component numbers.

Order, low to high: page content (default 0) selection overlay — caret + selection rects painted over the pages decoration layer — PM-plugin decorations (collab cursors, etc.), just above the local caret image overlay — image selection / resize handles HF inline editor — header/footer inline editor: above page content, below chrome ruler — must stay readable when the HF editor is active dropdown / popover — opens from toolbar buttons or HF options context menu / modal — top-most transient surfaces (context menus, dialogs)

Z_INDEX: {
    readonly selectionOverlay: 10;
    readonly decorationLayer: 11;
    readonly imageOverlay: 15;
    readonly hfInlineEditor: 10;
    readonly ruler: 30;
    readonly dropdown: 100;
    readonly contextMenu: 10000;
}