html.darkTheme {
	--pdf-bookmarks-editor-color: #d9d9d9;
	--pdf-bookmarks-editor-bg-color: #1d1d1d;
	--pdf-bookmarks-editor-toolbar-item-hover-bg-color: #575757;
	--pdf-bookmarks-editor-toolbar-item-down-bg-color: #003057;
	--pdf-bookmarks-editor-bookmark-item-hover-bg-color: #444;
	--pdf-bookmarks-editor-bookmark-item-selected-bg-color: #004064;
	--pdf-bookmarks-editor-bookmark-actions-color: #aaa;
	--pdf-bookmarks-editor-splitter-bg-color: #909090;
	--pdf-bookmarks-editor-pages-container-bg-color: #333;
	--pdf-bookmarks-editor-drag-over-border-color: #71b5ff;
}

#pdfBookmarksEditor {
	height: max(75vh, 800px);
	margin: 30px auto 10px auto;
	background-color: var(--pdf-bookmarks-editor-bg-color, #fff);
}

#pdfBookmarksEditorPanes {
	height: 100%;
	display: flex;
	border: 1px solid #777;
	padding-top: 1px;
}
#pdfBookmarksEditorPanes button {
	display: inline-flex;
	gap: 5px;
	align-items: center;
}
#pdfBookmarksEditorPanes button .material-icons {
	font-size: 20px;
}

#pdfBookmarksEditorBookmarksPane {
	width: 300px;
	flex-shrink: 0;
	border-right: 1px solid var(--pdf-bookmarks-editor-border-color, #ccc);
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
}
#pdfBookmarksEditorBookmarksPaneHeader {
	padding: 10px;
	background-color: var(--pdf-bookmarks-editor-bg-color, #fff);
	border-bottom: 1px solid var(--pdf-bookmarks-editor-border-color, #ccc);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	height: var(--pdf-bookmarks-editor-toolbar-height, 50px);
	box-sizing: border-box;
	overflow: hidden;
	gap: 10px;
	position: sticky;
	top: 0;
	z-index: 10;
}
#pdfBookmarksEditorBookmarksPaneToolbar {
	display: flex;
	gap: 10px;
}
#pdfBookmarksEditorBookmarksPaneToolbar button {
	background: none;
	border: 1px solid #bbb;
	border-radius: 3px;
	cursor: pointer;
	padding: 0 6px;
	height: 30px;
	color: var(--pdf-bookmarks-editor-color, #000);
}
#pdfBookmarksEditorBookmarksPaneToolbar button:hover {
	background-color: var(--pdf-bookmarks-editor-toolbar-item-hover-bg-color, #e0e0e0);
}

#pdfBookmarksEditorTreeContainer {
	overflow-y: auto;
	flex-grow: 1;
	padding: 10px;
	padding-left: 5px;
	text-align: start;
}

#pdfBookmarksEditorSplitter {
	width: 4px;
	background-color: var(--pdf-bookmarks-editor-splitter-bg-color, #ccc);
	cursor: col-resize;
	flex-shrink: 0;
}

#pdfBookmarksEditorPdfPane {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

#pdfBookmarksEditorPdfPaneToolbar {
	box-sizing: border-box;
	height: var(--pdf-bookmarks-editor-toolbar-height, 50px);
	border-bottom: 1px solid var(--pdf-bookmarks-editor-border-color, #ccc);
	background-color: var(--pdf-bookmarks-editor-bg-color, #fff);
	display: flex;
	align-items: center;
	padding: 0 10px;
	gap: 10px;
	flex-shrink: 0;
	overflow: auto;
	scrollbar-width: thin;
	position: sticky;
	top: 0;
	z-index: 10;
}
#pdfBookmarksEditorPdfPaneToolbar button, #pdfBookmarksEditorPdfPaneToolbar input {
	height: 30px;
}
#pdfBookmarksEditorPdfPaneToolbar button {
	background: none;
	border: 1px solid #bbb;
	border-radius: 3px;
	cursor: pointer;
	padding: 0 6px;
	color: var(--pdf-bookmarks-editor-color, #000);
}
#pdfBookmarksEditorPdfPaneToolbar button:hover {
	background-color: var(--pdf-bookmarks-editor-toolbar-item-hover-bg-color, #e0e0e0);
}
#pdfBookmarksEditorPdfPaneToolbar button.down {
	background-color: var(--pdf-bookmarks-editor-toolbar-item-down-bg-color, #b3dbf9);
}
#pdfBookmarksEditorPdfPaneToolbar input[type="number"] {
	width: 50px;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 3px;
}
#pdfBookmarksEditorPdfPaneToolbar input[type=number]::-webkit-inner-spin-button,
#pdfBookmarksEditorPdfPaneToolbar input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
#pdfBookmarksEditorPdfPaneToolbar input[type="search"] {
	border: 1px solid #bbb;
	border-radius: 3px;
	padding: 0 5px;
}

#pdfBookmarksEditorNewBookmarkInfo {
	margin-left: auto;
	font-size: 0.9em;
	white-space: nowrap;
}

#pdfBookmarksEditorPdfPagesContainer {
	flex-grow: 1;
	overflow: auto;
	background-color: var(--pdf-bookmarks-editor-pages-container-bg-color, #e8e8e8);
	position: relative;
	text-align: center;
}

#pdfBookmarksEditor .pdfPageContainer {
	position: relative;
	margin: 10px auto;
}
#pdfBookmarksEditor .pdfPageContainer:not(.initial) {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

#pdfBookmarksEditor .pdfPageCanvas {
	display: block;
}

#pdfBookmarksEditor .fabricCanvasContainer,
#pdfBookmarksEditor .fabricCanvas {
	position: absolute;
	top: 0;
	left: 0;
}

#pdfBookmarksEditorTree {
	font-size: 14px;
}
#pdfBookmarksEditorTree ul,
#pdfBookmarksEditorTree {
	padding-left: 15px;
	margin: 0;
	list-style: initial;
}
#pdfBookmarksEditorTree li {
	padding: 0;
	position: relative;
	cursor: pointer;
	border-radius: 3px;
}
#pdfBookmarksEditorTree li > .pdfBookmarkItem:hover {
	background-color: var(--pdf-bookmarks-editor-bookmark-item-hover-bg-color, #f0f0f0);
}
#pdfBookmarksEditorTree li.selected > .pdfBookmarkItem {
	background-color: var(--pdf-bookmarks-editor-bookmark-item-selected-bg-color, #d0e0ff);
}
#pdfBookmarksEditorTree .pdfBookmarkItem {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 3px 3px;
	border: 1px dashed transparent;
}
#pdfBookmarksEditorTree .dragOver > .pdfBookmarkItem {
	border: 1px dashed var(--pdf-bookmarks-editor-drag-over-border-color, blue);
}
#pdfBookmarksEditorTree .pdfBookmarkTitle {
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pdfBookmarksEditorTree .pdfBookmarkActions {
	display: flex;
	gap: 2px;
}
#pdfBookmarksEditorTree .pdfBookmarkActions i {
	color: var(--pdf-bookmarks-editor-bookmark-actions-color, #555);
	cursor: pointer;
	padding: 2px;
	font-size: 18px;
}
#pdfBookmarksEditorTree .pdfBookmarkActions i:hover {
	color: var(--pdf-bookmarks-editor-bookmark-actions-color, #006abb);
}

#pdfBookmarksEditorBookmarkInfoPopup {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: white;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	padding: 20px;
	z-index: 10001;
	min-width: 300px;
	color: #000;
}
#pdfBookmarksEditorBookmarkInfoPopup h3 {
	margin-top: 0;
}
#pdfBookmarksEditorBookmarkInfoPopup pre {
	background: #f5f5f5;
	padding: 10px;
	max-height: 300px;
	overflow: auto;
	text-align: start;
}
#pdfBookmarksEditorBookmarkInfoPopup button {
	margin-top: 15px;
	padding: 5px 10px;
}
#pdfBookmarksEditorBookmarkInfoPopupContent {
	font-size: 14px;
}