@senguoyun/dsh-arkme 0.1.56 → 0.1.58

package/lib/client.js

@@ -5934,7 +5934,7 @@ window.__ModuleLoader__.load({
 		qrcode.stringToBytes;
 		//#endregion
 		//#region package.json
-		var version$3 = "0.1.56";
+		var version$3 = "0.1.58";
 		//#endregion
 		//#region src/client/arkme-billing.css?inline
 		var arkme_billing_default = ".arkme-billing-backdrop {\n  z-index: 120;\n  backdrop-filter: blur(3px);\n  background: #181b223d;\n  place-items: center;\n  padding: 28px;\n  display: grid;\n  position: fixed;\n  inset: 0;\n}\n\n.arkme-billing-recharge-dialog, .arkme-billing-payment-dialog {\n  color: #20232c;\n  background: #fff;\n  border: 1px solid #dedfe3;\n  border-radius: 20px;\n  width: min(620px, 100%);\n  max-height: min(720px, 100vh - 56px);\n  overflow-y: auto;\n  box-shadow: 0 24px 72px #191c232e;\n}\n\n.arkme-billing-payment-dialog {\n  width: min(420px, 100%);\n}\n\n.arkme-billing-dialog-header {\n  border-bottom: 1px solid #ececef;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 18px;\n  min-height: 78px;\n  padding: 20px 22px 16px;\n  display: flex;\n}\n\n.arkme-billing-dialog-header h2 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 25px;\n}\n\n.arkme-billing-dialog-header p {\n  overflow-wrap: anywhere;\n  color: #8a8e96;\n  margin: 4px 0 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-billing-dialog-header > button {\n  color: #777c85;\n  width: 32px;\n  height: 32px;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  flex: none;\n  place-items: center;\n  font-size: 22px;\n  display: grid;\n}\n\n.arkme-billing-dialog-header > button:hover {\n  color: #20232c;\n  background: #f3f3f5;\n}\n\n.arkme-billing-dialog-body {\n  padding: 18px 22px 22px;\n}\n\n.arkme-billing-dialog-balance {\n  border-bottom: 1px solid #ececef;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  column-gap: 12px;\n  min-height: 48px;\n  padding: 0 2px 16px;\n  display: grid;\n}\n\n.arkme-billing-dialog-balance > span {\n  color: #8a8e96;\n  grid-column: 1;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-billing-dialog-balance > strong {\n  grid-column: 1;\n  font-size: 22px;\n  font-weight: 600;\n  line-height: 28px;\n}\n\n.arkme-billing-dialog-balance > button, .arkme-billing-error > button {\n  color: #626772;\n  height: 30px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 9px;\n  grid-area: 1 / 2 / span 2;\n  padding: 0 12px;\n  font-size: 11px;\n}\n\n.arkme-billing-products-section, .arkme-billing-payment-section {\n  padding-top: 17px;\n}\n\n.arkme-billing-products-section h3, .arkme-billing-payment-section h3 {\n  color: #747984;\n  margin: 0 0 11px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.arkme-billing-product-grid {\n  width: 100%;\n}\n\n.arkme-billing-product-grid > button {\n  color: #20232c;\n  min-width: 0;\n  min-height: 62px;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 11px;\n  align-content: center;\n  gap: 4px;\n  padding: 9px 11px;\n  display: grid;\n}\n\n.arkme-billing-product-grid > button:hover {\n  background: #f8f8f9;\n  border-color: #cfd2d8;\n}\n\n.arkme-billing-product-grid > button.is-selected {\n  border-color: #75839e;\n  box-shadow: 0 0 0 1px #75839e;\n}\n\n.arkme-billing-product-grid > button > span {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 17px;\n  overflow: hidden;\n}\n\n.arkme-billing-product-grid > button > strong {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 19px;\n}\n\n.arkme-billing-payment-actions {\n  flex-wrap: wrap;\n  gap: 10px;\n  display: flex;\n}\n\n.arkme-billing-payment-actions > button {\n  color: #333842;\n  min-width: 154px;\n  height: 38px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  padding: 0 14px;\n  font-size: 12px;\n  display: inline-flex;\n}\n\n.arkme-billing-payment-actions > button:hover {\n  background: #f7f7f8;\n  border-color: #cfd3da;\n}\n\n.arkme-billing-payment-actions > button:disabled, .arkme-billing-product-grid > button:disabled {\n  opacity: .48;\n  cursor: default;\n}\n\n.arkme-billing-platform-icon {\n  flex: none;\n  width: 18px;\n  height: 18px;\n}\n\n.arkme-billing-platform-icon.is-alipay {\n  color: #1677ff;\n}\n\n.arkme-billing-platform-icon.is-wechat {\n  color: #07c160;\n}\n\n.arkme-billing-state {\n  color: #858992;\n  margin: 12px 0 2px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-billing-error {\n  color: #b54841;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  margin-top: 10px;\n  font-size: 12px;\n  line-height: 18px;\n  display: flex;\n}\n\n.arkme-billing-error.is-purchase {\n  justify-content: flex-start;\n}\n\n.arkme-billing-payment-content {\n  text-align: center;\n  justify-items: center;\n  gap: 10px;\n  padding: 28px 24px 18px;\n  display: grid;\n}\n\n.arkme-billing-payment-content > .arkme-billing-platform-icon {\n  width: 38px;\n  height: 38px;\n  margin-bottom: 4px;\n}\n\n.arkme-billing-payment-content > img {\n  border-radius: 10px;\n  width: 210px;\n  height: 210px;\n}\n\n.arkme-billing-payment-content > strong {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n.arkme-billing-payment-content > p {\n  color: #858992;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-billing-payment-content.is-paid > strong {\n  color: #16794f;\n  font-size: 18px;\n  line-height: 25px;\n}\n\n.arkme-billing-payment-content.is-paid > .arkme-billing-error {\n  justify-content: center;\n}\n\n.arkme-billing-payment-content.is-crediting > strong {\n  color: #335f9e;\n}\n\n.arkme-billing-dialog-actions {\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 9px;\n  padding: 0 22px 20px;\n  display: flex;\n}\n\n.arkme-billing-dialog-actions > button, .arkme-billing-primary-action {\n  color: #3c424d;\n  height: 34px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 9px;\n  padding: 0 14px;\n  font-size: 12px;\n}\n\n.arkme-billing-dialog-actions > .arkme-billing-primary-action, .arkme-billing-payment-content > .arkme-billing-primary-action {\n  color: #fff;\n  background: #20232d;\n  border-color: #20232d;\n}\n";
@@ -43690,7 +43690,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 		};
 		//#endregion
 		//#region node_modules/@rc-component/util/es/hooks/useMemo.js
-		function useMemo$32(getValue, condition, shouldUpdate) {
+		function useMemo$33(getValue, condition, shouldUpdate) {
 			const cacheRef = react.useRef({});
 			if (!("value" in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
 				cacheRef.current.value = getValue();
@@ -43803,7 +43803,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
 			};
 		};
 		const useComposeRef = (...refs) => {
-			return useMemo$32(() => composeRef(...refs), refs, (prev, next) => prev.length !== next.length || prev.every((ref, i) => ref !== next[i]));
+			return useMemo$33(() => composeRef(...refs), refs, (prev, next) => prev.length !== next.length || prev.every((ref, i) => ref !== next[i]));
 		};
 		const supportRef = (nodeOrComponent) => {
 			if (!nodeOrComponent) return false;
@@ -127754,6 +127754,75 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 			});
 		}
 		//#endregion
+		//#region src/client/frame-menu-dismissal.ts
+		/** Clicks and keys do not bubble across iframe documents. Watch reachable child documents only while the menu is open. */
+		function watchFrameMenuDismissal(root, outside, keydown) {
+			if (typeof root.querySelectorAll !== "function") return () => {};
+			const documents = /* @__PURE__ */ new Map();
+			const frames = /* @__PURE__ */ new Map();
+			let disposed = false;
+			const sync = () => {
+				if (disposed) return;
+				const nextDocuments = /* @__PURE__ */ new Set();
+				const nextFrames = /* @__PURE__ */ new Set();
+				const visit = (doc) => {
+					if (nextDocuments.has(doc)) return;
+					nextDocuments.add(doc);
+					for (const frame of doc.querySelectorAll("iframe")) {
+						nextFrames.add(frame);
+						try {
+							if (frame.contentDocument) visit(frame.contentDocument);
+						} catch {}
+					}
+				};
+				visit(root);
+				for (const [doc, stop] of documents) if (!nextDocuments.has(doc)) {
+					stop();
+					documents.delete(doc);
+				}
+				for (const [frame, stop] of frames) if (!nextFrames.has(frame)) {
+					stop();
+					frames.delete(frame);
+				}
+				for (const frame of nextFrames) {
+					if (frames.has(frame)) continue;
+					frame.addEventListener("load", sync);
+					frames.set(frame, () => frame.removeEventListener("load", sync));
+				}
+				for (const doc of nextDocuments) {
+					if (documents.has(doc)) continue;
+					if (doc !== root) {
+						doc.addEventListener("pointerdown", outside, true);
+						doc.addEventListener("mousedown", outside, true);
+						doc.addEventListener("keydown", keydown, true);
+					}
+					const observer = new MutationObserver((records) => {
+						if (records.some((record) => [...record.addedNodes, ...record.removedNodes].some((node) => node.nodeType === 1 && (node.tagName === "IFRAME" || node.querySelector("iframe"))))) sync();
+					});
+					observer.observe(doc, {
+						childList: true,
+						subtree: true
+					});
+					documents.set(doc, () => {
+						observer.disconnect();
+						if (doc !== root) {
+							doc.removeEventListener("pointerdown", outside, true);
+							doc.removeEventListener("mousedown", outside, true);
+							doc.removeEventListener("keydown", keydown, true);
+						}
+					});
+				}
+			};
+			sync();
+			return () => {
+				disposed = true;
+				for (const stop of documents.values()) stop();
+				for (const stop of frames.values()) stop();
+				documents.clear();
+				frames.clear();
+			};
+		}
+		//#endregion
 		//#region src/client/ArkmeQuickAdd.tsx
 		const style = {
 			anchor: {
@@ -127956,19 +128025,41 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				onMouseLeave: (event) => {
 					event.currentTarget.style.background = "transparent";
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				children: [typeof icon === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					"aria-hidden": true,
 					style: maskIcon(icon, style.menuIcon)
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"aria-hidden": true,
+					style: style.menuIcon,
+					children: icon
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
 			});
 		}
-		function ArkmeQuickAddMenu({ onContactAdd, onCreateGroup, onAddBot }) {
+		function ArkmeQuickAddMenu({ onContactAdd, onCreateGroup, onAddBot, onNewDshSession, error }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				"data-arkme-notification-blocking-overlay": "true",
 				role: "menu",
 				"aria-label": "添加",
 				style: style.menu,
 				children: [
+					onNewDshSession && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeQuickAddMenuItem, {
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+							width: 19,
+							height: 19,
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: 1.6,
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M7 20.5 3 22l1.5-4A9 9 0 1 1 7 20.5Z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 8v8m-4-4h8" })]
+						}),
+						label: "新建 DSH 会话",
+						onClick: onNewDshSession
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						"aria-hidden": true,
+						style: style.divider
+					})] }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeQuickAddMenuItem, {
 						icon: user_add_linear_default,
 						label: "添加联系人",
@@ -127991,12 +128082,18 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 						icon: cpu_linear_default,
 						label: "添加 Bot",
 						onClick: onAddBot
+					}),
+					error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						style: style.error,
+						children: error
 					})
 				]
 			});
 		}
-		function ArkmeQuickAddButton({ onContactAdd, onSourceCreated, onBotCreated, notificationActivationRevision = 0, onBlockingOverlayChange }) {
+		function ArkmeQuickAddButton({ onContactAdd, onSourceCreated, onBotCreated, onNewDshSession, notificationActivationRevision = 0, onBlockingOverlayChange }) {
 			const [menuOpen, setMenuOpen] = (0, react$1.useState)(false);
+			const [menuError, setMenuError] = (0, react$1.useState)("");
 			const [dialogKind, setDialogKind] = (0, react$1.useState)();
 			const [dialogBusy, setDialogBusy] = (0, react$1.useState)(false);
 			const anchorRef = (0, react$1.useRef)(null);
@@ -128029,17 +128126,21 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				};
 				const closeFromKeyboard = (event) => {
 					if (event.key === "Escape") {
+						event.preventDefault();
+						event.stopPropagation();
 						setMenuOpen(false);
 						triggerRef.current?.focus();
 					}
 				};
 				document.addEventListener("pointerdown", closeFromOutside, true);
 				document.addEventListener("mousedown", closeFromOutside, true);
-				document.addEventListener("keydown", closeFromKeyboard);
+				document.addEventListener("keydown", closeFromKeyboard, true);
+				const stopFrames = watchFrameMenuDismissal(document, () => setMenuOpen(false), closeFromKeyboard);
 				return () => {
+					stopFrames();
 					document.removeEventListener("pointerdown", closeFromOutside, true);
 					document.removeEventListener("mousedown", closeFromOutside, true);
-					document.removeEventListener("keydown", closeFromKeyboard);
+					document.removeEventListener("keydown", closeFromKeyboard, true);
 				};
 			}, [menuOpen]);
 			const chooseDialog = (kind) => {
@@ -128054,17 +128155,28 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						ref: triggerRef,
 						type: "button",
-						"aria-label": "添加联系人、群聊或 Bot",
+						"aria-label": onNewDshSession ? "新建 DSH 会话、添加联系人、群聊或 Bot" : "添加联系人、群聊或 Bot",
 						title: "添加",
 						"aria-haspopup": "menu",
 						"aria-expanded": menuOpen,
 						style: style.trigger,
 						onClick: () => {
+							setMenuError("");
 							setMenuOpen((open) => !open);
 						},
 						children: "＋"
 					}),
 					menuOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeQuickAddMenu, {
+						error: menuError,
+						onNewDshSession: onNewDshSession === void 0 ? void 0 : () => {
+							try {
+								onNewDshSession();
+								setMenuError("");
+								setMenuOpen(false);
+							} catch (error) {
+								setMenuError(error instanceof Error ? error.message : "暂时无法新建 DSH 会话，请稍后再试");
+							}
+						},
 						onContactAdd: () => {
 							setMenuOpen(false);
 							onContactAdd();
@@ -129372,6 +129484,166 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 			});
 		}
 		//#endregion
+		//#region src/client/source-tree.ts
+		/** Return the complete visible hierarchy for a topic, from its root to itself. */
+		function arkmeTopicPathNames(selectedSource, sources) {
+			if (selectedSource === void 0 || selectedSource.kind !== "topic") return [];
+			const sourceByRef = new Map(sources.map((source) => [source.sourceRef, source]));
+			const sourceByHierarchyKey = new Map(sources.flatMap((source) => source.topicHierarchyKey === void 0 ? [] : [[source.topicHierarchyKey, source]]));
+			const path = [];
+			const visited = /* @__PURE__ */ new Set();
+			let current = sourceByRef.get(selectedSource.sourceRef) ?? selectedSource;
+			while (current !== void 0 && current.kind === "topic" && !visited.has(current.sourceRef)) {
+				visited.add(current.sourceRef);
+				path.unshift(current);
+				const parentReference = current.parentTopicHierarchyKey ?? current.parentSourceRef;
+				current = parentReference === void 0 ? void 0 : current.parentTopicHierarchyKey === void 0 ? sourceByRef.get(parentReference) : sourceByHierarchyKey.get(parentReference);
+			}
+			return path.map((source) => source.displayName);
+		}
+		/** A hierarchy move may not create a cycle or exceed the five-level topic limit. */
+		function canMoveArkmeTopicToParent(source, nextParent, sources) {
+			if (!arkmeSourceAllowsUserWrite(source) || nextParent !== void 0 && !arkmeSourceAllowsUserWrite(nextParent)) return false;
+			if (source.kind !== "topic") return false;
+			if (nextParent === void 0) return true;
+			if (nextParent.kind !== "topic" || nextParent.sourceRef === source.sourceRef) return false;
+			const byRef = new Map(sources.map((item) => [item.sourceRef, item]));
+			const byHierarchyKey = new Map(sources.flatMap((item) => item.topicHierarchyKey === void 0 ? [] : [[item.topicHierarchyKey, item]]));
+			const parentOf = (item) => item.parentTopicHierarchyKey === void 0 ? item.parentSourceRef === void 0 ? void 0 : byRef.get(item.parentSourceRef) : byHierarchyKey.get(item.parentTopicHierarchyKey);
+			const targetAncestors = /* @__PURE__ */ new Set();
+			let current = nextParent;
+			while (current !== void 0 && !targetAncestors.has(current.sourceRef)) {
+				targetAncestors.add(current.sourceRef);
+				current = parentOf(current);
+			}
+			if (targetAncestors.has(source.sourceRef)) return false;
+			const childRefsByParent = /* @__PURE__ */ new Map();
+			for (const item of sources) {
+				const parent = parentOf(item);
+				if (parent === void 0) continue;
+				const children = childRefsByParent.get(parent.sourceRef) ?? [];
+				children.push(item);
+				childRefsByParent.set(parent.sourceRef, children);
+			}
+			const subtreeDepth = (item, visited = /* @__PURE__ */ new Set()) => {
+				if (visited.has(item.sourceRef)) return 0;
+				visited.add(item.sourceRef);
+				return 1 + Math.max(0, ...(childRefsByParent.get(item.sourceRef) ?? []).map((child) => subtreeDepth(child, visited)));
+			};
+			return targetAncestors.size + subtreeDepth(source) <= 5;
+		}
+		/** Build a stable tree while keeping paged children hidden until their known parent arrives. */
+		function buildArkmeSourceTree(sources) {
+			const sourcesByRef = new Map(sources.map((source) => [source.sourceRef, source]));
+			const sourcesByTopicHierarchyKey = new Map(sources.flatMap((source) => source.topicHierarchyKey === void 0 ? [] : [[source.topicHierarchyKey, source]]));
+			const nodesByRef = new Map(sources.map((source) => [source.sourceRef, {
+				source,
+				children: []
+			}]));
+			const roots = [];
+			const validParent = (source) => {
+				if (source.kind !== "topic") return void 0;
+				const parentReference = source.parentTopicHierarchyKey ?? source.parentSourceRef;
+				if (parentReference === void 0) return void 0;
+				const parentByReference = (reference) => source.parentTopicHierarchyKey === void 0 ? sourcesByRef.get(reference) : sourcesByTopicHierarchyKey.get(reference);
+				const seen = /* @__PURE__ */ new Set([source.topicHierarchyKey ?? source.sourceRef]);
+				let parentRef = parentReference;
+				let directParent;
+				while (parentRef !== void 0) {
+					if (seen.has(parentRef)) return void 0;
+					seen.add(parentRef);
+					const parent = parentByReference(parentRef);
+					if (parent === void 0) return source.parentTopicHierarchyKey === void 0 ? void 0 : null;
+					if (parent.kind !== "topic") return void 0;
+					directParent ??= parent;
+					parentRef = parent.parentTopicHierarchyKey ?? parent.parentSourceRef;
+				}
+				return directParent;
+			};
+			for (const source of sources) {
+				const node = nodesByRef.get(source.sourceRef);
+				const parent = validParent(source);
+				if (parent === null) continue;
+				const parentNode = parent === void 0 ? void 0 : nodesByRef.get(parent.sourceRef);
+				if (parentNode === void 0) roots.push(node);
+				else parentNode.children.push(node);
+			}
+			return roots;
+		}
+		const sourceNameCollator = new Intl.Collator("zh-CN", {
+			numeric: true,
+			sensitivity: "base"
+		});
+		function nonNegativeFinite(value) {
+			return value !== void 0 && Number.isFinite(value) && value > 0 ? value : 0;
+		}
+		/**
+		* Sort peers only, preserving every parent-child relationship. `custom` uses
+		* the server's persisted sibling order, with the legacy name order as fallback.
+		*/
+		function sortArkmeSourceTree(roots, sort) {
+			const compare = (left, right) => {
+				if (left.source.kind === "default_category") return right.source.kind === "default_category" ? 0 : -1;
+				if (right.source.kind === "default_category") return 1;
+				if (sort === "latest") {
+					const byLatest = nonNegativeFinite(right.source.activeAtMillis) - nonNegativeFinite(left.source.activeAtMillis);
+					if (byLatest !== 0) return byLatest;
+					const byCount = nonNegativeFinite(right.source.recordCount) - nonNegativeFinite(left.source.recordCount);
+					if (byCount !== 0) return byCount;
+				} else if (sort === "most") {
+					const byCount = nonNegativeFinite(right.source.recordCount) - nonNegativeFinite(left.source.recordCount);
+					if (byCount !== 0) return byCount;
+					const byLatest = nonNegativeFinite(right.source.activeAtMillis) - nonNegativeFinite(left.source.activeAtMillis);
+					if (byLatest !== 0) return byLatest;
+				} else {
+					const leftOrder = nonNegativeFinite(left.source.siblingOrder);
+					const rightOrder = nonNegativeFinite(right.source.siblingOrder);
+					if (leftOrder > 0 || rightOrder > 0) {
+						if (leftOrder <= 0) return 1;
+						if (rightOrder <= 0) return -1;
+						const byOrder = leftOrder - rightOrder;
+						if (byOrder !== 0) return byOrder;
+					}
+				}
+				return sourceNameCollator.compare(left.source.displayName, right.source.displayName);
+			};
+			return roots.map((node) => ({
+				...node,
+				children: sortArkmeSourceTree(node.children, sort)
+			})).sort(compare);
+		}
+		/** Total every topic from its direct records plus every descendant exactly once. */
+		function aggregateArkmeSourceTreeRecordCounts(roots) {
+			const totals = /* @__PURE__ */ new Map();
+			const visit = (node) => {
+				const total = nonNegativeFinite(node.source.recordCount) + node.children.reduce((sum, child) => sum + visit(child), 0);
+				totals.set(node.source.sourceRef, total);
+				return total;
+			};
+			roots.forEach(visit);
+			return totals;
+		}
+		function flattenVisibleArkmeSourceTree(roots, collapsedSourceRefs) {
+			const rows = [];
+			const visit = (node, depth) => {
+				const hasChildren = node.children.length > 0;
+				const expanded = hasChildren && !collapsedSourceRefs.has(node.source.sourceRef);
+				rows.push({
+					source: node.source,
+					depth,
+					hasChildren,
+					expanded
+				});
+				if (expanded) node.children.forEach((child) => {
+					visit(child, depth + 1);
+				});
+			};
+			roots.forEach((root) => {
+				visit(root, 0);
+			});
+			return rows;
+		}
+		//#endregion
 		//#region src/client/read-deadline.ts
 		/** Bound interactive reads, including browser connection-queue time. Never retry writes here. */
 		async function withArkmeReadDeadline(read, signal) {
@@ -138125,7 +138397,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 		}
 		//#endregion
 		//#region src/client/arko-pending-turn-store.ts
-		const STORAGE_KEY_PREFIX$2 = "arkme:arko:pending-turn:v1:";
+		const STORAGE_KEY_PREFIX$3 = "arkme:arko:pending-turn:v1:";
 		const UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
 		function defaultStorage() {
 			try {
@@ -138135,7 +138407,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 			}
 		}
 		function storageKey$2(userId) {
-			return `${STORAGE_KEY_PREFIX$2}${String(userId)}`;
+			return `${STORAGE_KEY_PREFIX$3}${String(userId)}`;
 		}
 		function optionalTrimmedString(value) {
 			if (typeof value !== "string") return void 0;
@@ -148840,166 +149112,6 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 		//#region assets/recording-icons/icon_send_to_self_sidebar_dark.svg
 		var icon_send_to_self_sidebar_dark_default = "PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxNC43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMTUiIHN0cm9rZS13aWR0aD0iMC41Ii8+CjxwYXRoIGQ9Ik0xNS43OTM0IDExSDExLjUyNjdDMTEuMzUzNCAxMSAxMS4xODY3IDExLjAwNjcgMTEuMDI2NyAxMS4wMjY3QzkuMjMzMzcgMTEuMTggOC4zMzMzNyAxMi4yNCA4LjMzMzM3IDE0LjE5MzNWMTYuODZDOC4zMzMzNyAxOS41MjY3IDkuNDAwMDQgMjAuMDUzMyAxMS41MjY3IDIwLjA1MzNIMTEuNzkzNEMxMS45NCAyMC4wNTMzIDEyLjEzMzQgMjAuMTUzMyAxMi4yMiAyMC4yNjY3TDEzLjAyIDIxLjMzMzNDMTMuMzczNCAyMS44MDY3IDEzLjk0NjcgMjEuODA2NyAxNC4zIDIxLjMzMzNMMTUuMSAyMC4yNjY3QzE1LjIgMjAuMTMzMyAxNS4zNiAyMC4wNTMzIDE1LjUyNjcgMjAuMDUzM0gxNS43OTM0QzE3Ljc0NjcgMjAuMDUzMyAxOC44MDY3IDE5LjE2IDE4Ljk2IDE3LjM2QzE4Ljk4IDE3LjIgMTguOTg2NyAxNy4wMzMzIDE4Ljk4NjcgMTYuODZWMTQuMTkzM0MxOC45ODY3IDEyLjA2NjcgMTcuOTIgMTEgMTUuNzkzNCAxMVpNMTEuMzMzNCAxNi4zMzMzQzEwLjk2IDE2LjMzMzMgMTAuNjY2NyAxNi4wMzMzIDEwLjY2NjcgMTUuNjY2N0MxMC42NjY3IDE1LjMgMTAuOTY2NyAxNSAxMS4zMzM0IDE1QzExLjcgMTUgMTIgMTUuMyAxMiAxNS42NjY3QzEyIDE2LjAzMzMgMTEuNyAxNi4zMzMzIDExLjMzMzQgMTYuMzMzM1pNMTMuNjYgMTYuMzMzM0MxMy4yODY3IDE2LjMzMzMgMTIuOTkzNCAxNi4wMzMzIDEyLjk5MzQgMTUuNjY2N0MxMi45OTM0IDE1LjMgMTMuMjkzNCAxNSAxMy42NiAxNUMxNC4wMjY3IDE1IDE0LjMyNjcgMTUuMyAxNC4zMjY3IDE1LjY2NjdDMTQuMzI2NyAxNi4wMzMzIDE0LjAzMzQgMTYuMzMzMyAxMy42NiAxNi4zMzMzWk0xNS45OTM0IDE2LjMzMzNDMTUuNjIgMTYuMzMzMyAxNS4zMjY3IDE2LjAzMzMgMTUuMzI2NyAxNS42NjY3QzE1LjMyNjcgMTUuMyAxNS42MjY3IDE1IDE1Ljk5MzQgMTVDMTYuMzYgMTUgMTYuNjYgMTUuMyAxNi42NiAxNS42NjY3QzE2LjY2IDE2LjAzMzMgMTYuMzYgMTYuMzMzMyAxNS45OTM0IDE2LjMzMzNaIiBmaWxsPSIjOUVEREE0Ii8+CjxwYXRoIGQ9Ik0yMS42NTMzIDExLjUyNjZWMTQuMTkzM0MyMS42NTMzIDE1LjUyNjYgMjEuMjQgMTYuNDMzMyAyMC40MTMzIDE2LjkzMzNDMjAuMjEzMyAxNy4wNTMzIDE5Ljk4IDE2Ljg5MzMgMTkuOTggMTYuNjU5OUwxOS45ODY2IDE0LjE5MzNDMTkuOTg2NiAxMS41MjY2IDE4LjQ2IDkuOTk5OTIgMTUuNzkzMyA5Ljk5OTkyTDExLjczMzMgMTAuMDA2NkMxMS41IDEwLjAwNjYgMTEuMzQgOS43NzMyNSAxMS40NiA5LjU3MzI1QzExLjk2IDguNzQ2NTkgMTIuODY2NiA4LjMzMzI1IDE0LjE5MzMgOC4zMzMyNUgxOC40NkMyMC41ODY2IDguMzMzMjUgMjEuNjUzMyA5LjM5OTkyIDIxLjY1MzMgMTEuNTI2NloiIGZpbGw9IiM5RUREQTQiLz4KPC9zdmc+Cg==";
 		//#endregion
-		//#region src/client/source-tree.ts
-		/** Return the complete visible hierarchy for a topic, from its root to itself. */
-		function arkmeTopicPathNames(selectedSource, sources) {
-			if (selectedSource === void 0 || selectedSource.kind !== "topic") return [];
-			const sourceByRef = new Map(sources.map((source) => [source.sourceRef, source]));
-			const sourceByHierarchyKey = new Map(sources.flatMap((source) => source.topicHierarchyKey === void 0 ? [] : [[source.topicHierarchyKey, source]]));
-			const path = [];
-			const visited = /* @__PURE__ */ new Set();
-			let current = sourceByRef.get(selectedSource.sourceRef) ?? selectedSource;
-			while (current !== void 0 && current.kind === "topic" && !visited.has(current.sourceRef)) {
-				visited.add(current.sourceRef);
-				path.unshift(current);
-				const parentReference = current.parentTopicHierarchyKey ?? current.parentSourceRef;
-				current = parentReference === void 0 ? void 0 : current.parentTopicHierarchyKey === void 0 ? sourceByRef.get(parentReference) : sourceByHierarchyKey.get(parentReference);
-			}
-			return path.map((source) => source.displayName);
-		}
-		/** A hierarchy move may not create a cycle or exceed the five-level topic limit. */
-		function canMoveArkmeTopicToParent(source, nextParent, sources) {
-			if (!arkmeSourceAllowsUserWrite(source) || nextParent !== void 0 && !arkmeSourceAllowsUserWrite(nextParent)) return false;
-			if (source.kind !== "topic") return false;
-			if (nextParent === void 0) return true;
-			if (nextParent.kind !== "topic" || nextParent.sourceRef === source.sourceRef) return false;
-			const byRef = new Map(sources.map((item) => [item.sourceRef, item]));
-			const byHierarchyKey = new Map(sources.flatMap((item) => item.topicHierarchyKey === void 0 ? [] : [[item.topicHierarchyKey, item]]));
-			const parentOf = (item) => item.parentTopicHierarchyKey === void 0 ? item.parentSourceRef === void 0 ? void 0 : byRef.get(item.parentSourceRef) : byHierarchyKey.get(item.parentTopicHierarchyKey);
-			const targetAncestors = /* @__PURE__ */ new Set();
-			let current = nextParent;
-			while (current !== void 0 && !targetAncestors.has(current.sourceRef)) {
-				targetAncestors.add(current.sourceRef);
-				current = parentOf(current);
-			}
-			if (targetAncestors.has(source.sourceRef)) return false;
-			const childRefsByParent = /* @__PURE__ */ new Map();
-			for (const item of sources) {
-				const parent = parentOf(item);
-				if (parent === void 0) continue;
-				const children = childRefsByParent.get(parent.sourceRef) ?? [];
-				children.push(item);
-				childRefsByParent.set(parent.sourceRef, children);
-			}
-			const subtreeDepth = (item, visited = /* @__PURE__ */ new Set()) => {
-				if (visited.has(item.sourceRef)) return 0;
-				visited.add(item.sourceRef);
-				return 1 + Math.max(0, ...(childRefsByParent.get(item.sourceRef) ?? []).map((child) => subtreeDepth(child, visited)));
-			};
-			return targetAncestors.size + subtreeDepth(source) <= 5;
-		}
-		/** Build a stable tree while keeping paged children hidden until their known parent arrives. */
-		function buildArkmeSourceTree(sources) {
-			const sourcesByRef = new Map(sources.map((source) => [source.sourceRef, source]));
-			const sourcesByTopicHierarchyKey = new Map(sources.flatMap((source) => source.topicHierarchyKey === void 0 ? [] : [[source.topicHierarchyKey, source]]));
-			const nodesByRef = new Map(sources.map((source) => [source.sourceRef, {
-				source,
-				children: []
-			}]));
-			const roots = [];
-			const validParent = (source) => {
-				if (source.kind !== "topic") return void 0;
-				const parentReference = source.parentTopicHierarchyKey ?? source.parentSourceRef;
-				if (parentReference === void 0) return void 0;
-				const parentByReference = (reference) => source.parentTopicHierarchyKey === void 0 ? sourcesByRef.get(reference) : sourcesByTopicHierarchyKey.get(reference);
-				const seen = /* @__PURE__ */ new Set([source.topicHierarchyKey ?? source.sourceRef]);
-				let parentRef = parentReference;
-				let directParent;
-				while (parentRef !== void 0) {
-					if (seen.has(parentRef)) return void 0;
-					seen.add(parentRef);
-					const parent = parentByReference(parentRef);
-					if (parent === void 0) return source.parentTopicHierarchyKey === void 0 ? void 0 : null;
-					if (parent.kind !== "topic") return void 0;
-					directParent ??= parent;
-					parentRef = parent.parentTopicHierarchyKey ?? parent.parentSourceRef;
-				}
-				return directParent;
-			};
-			for (const source of sources) {
-				const node = nodesByRef.get(source.sourceRef);
-				const parent = validParent(source);
-				if (parent === null) continue;
-				const parentNode = parent === void 0 ? void 0 : nodesByRef.get(parent.sourceRef);
-				if (parentNode === void 0) roots.push(node);
-				else parentNode.children.push(node);
-			}
-			return roots;
-		}
-		const sourceNameCollator = new Intl.Collator("zh-CN", {
-			numeric: true,
-			sensitivity: "base"
-		});
-		function nonNegativeFinite(value) {
-			return value !== void 0 && Number.isFinite(value) && value > 0 ? value : 0;
-		}
-		/**
-		* Sort peers only, preserving every parent-child relationship. `custom` uses
-		* the server's persisted sibling order, with the legacy name order as fallback.
-		*/
-		function sortArkmeSourceTree(roots, sort) {
-			const compare = (left, right) => {
-				if (left.source.kind === "default_category") return right.source.kind === "default_category" ? 0 : -1;
-				if (right.source.kind === "default_category") return 1;
-				if (sort === "latest") {
-					const byLatest = nonNegativeFinite(right.source.activeAtMillis) - nonNegativeFinite(left.source.activeAtMillis);
-					if (byLatest !== 0) return byLatest;
-					const byCount = nonNegativeFinite(right.source.recordCount) - nonNegativeFinite(left.source.recordCount);
-					if (byCount !== 0) return byCount;
-				} else if (sort === "most") {
-					const byCount = nonNegativeFinite(right.source.recordCount) - nonNegativeFinite(left.source.recordCount);
-					if (byCount !== 0) return byCount;
-					const byLatest = nonNegativeFinite(right.source.activeAtMillis) - nonNegativeFinite(left.source.activeAtMillis);
-					if (byLatest !== 0) return byLatest;
-				} else {
-					const leftOrder = nonNegativeFinite(left.source.siblingOrder);
-					const rightOrder = nonNegativeFinite(right.source.siblingOrder);
-					if (leftOrder > 0 || rightOrder > 0) {
-						if (leftOrder <= 0) return 1;
-						if (rightOrder <= 0) return -1;
-						const byOrder = leftOrder - rightOrder;
-						if (byOrder !== 0) return byOrder;
-					}
-				}
-				return sourceNameCollator.compare(left.source.displayName, right.source.displayName);
-			};
-			return roots.map((node) => ({
-				...node,
-				children: sortArkmeSourceTree(node.children, sort)
-			})).sort(compare);
-		}
-		/** Total every topic from its direct records plus every descendant exactly once. */
-		function aggregateArkmeSourceTreeRecordCounts(roots) {
-			const totals = /* @__PURE__ */ new Map();
-			const visit = (node) => {
-				const total = nonNegativeFinite(node.source.recordCount) + node.children.reduce((sum, child) => sum + visit(child), 0);
-				totals.set(node.source.sourceRef, total);
-				return total;
-			};
-			roots.forEach(visit);
-			return totals;
-		}
-		function flattenVisibleArkmeSourceTree(roots, collapsedSourceRefs) {
-			const rows = [];
-			const visit = (node, depth) => {
-				const hasChildren = node.children.length > 0;
-				const expanded = hasChildren && !collapsedSourceRefs.has(node.source.sourceRef);
-				rows.push({
-					source: node.source,
-					depth,
-					hasChildren,
-					expanded
-				});
-				if (expanded) node.children.forEach((child) => {
-					visit(child, depth + 1);
-				});
-			};
-			roots.forEach((root) => {
-				visit(root, 0);
-			});
-			return rows;
-		}
-		//#endregion
 		//#region src/client/recordings/recording-forward-attempt.ts
 		function recordingForwardTargetKey(target) {
 			if (target.kind === "private_chat" || target.kind === "group_chat") return target.sourceKey ?? "";
@@ -180034,8 +180146,8 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 		//#endregion
 		//#region src/client/marketplace-sort-preference.ts
 		const DEFAULT_MARKETPLACE_SORT = "rating";
-		const STORAGE_KEY_PREFIX$1 = "dsh-arkme:marketplace-sort:v1:";
-		function preferenceStorage(storage) {
+		const STORAGE_KEY_PREFIX$2 = "dsh-arkme:marketplace-sort:v1:";
+		function preferenceStorage$1(storage) {
 			if (storage !== void 0) return storage;
 			try {
 				return typeof window === "undefined" ? void 0 : window.localStorage;
@@ -180043,27 +180155,27 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				return;
 			}
 		}
-		function preferenceKey(userId) {
-			return Number.isSafeInteger(userId) && (userId ?? 0) > 0 ? `${STORAGE_KEY_PREFIX$1}user:${String(userId)}` : `${STORAGE_KEY_PREFIX$1}anonymous`;
+		function preferenceKey$1(userId) {
+			return Number.isSafeInteger(userId) && (userId ?? 0) > 0 ? `${STORAGE_KEY_PREFIX$2}user:${String(userId)}` : `${STORAGE_KEY_PREFIX$2}anonymous`;
 		}
 		function isMarketplaceSort(value) {
 			return value === "rating" || value === "comments" || value === "opens" || value === "created_at";
 		}
 		function readMarketplaceSortPreference(userId, storage) {
-			const target = preferenceStorage(storage);
+			const target = preferenceStorage$1(storage);
 			if (target === void 0) return DEFAULT_MARKETPLACE_SORT;
 			try {
-				const value = target.getItem(preferenceKey(userId));
+				const value = target.getItem(preferenceKey$1(userId));
 				return isMarketplaceSort(value) ? value : DEFAULT_MARKETPLACE_SORT;
 			} catch {
 				return DEFAULT_MARKETPLACE_SORT;
 			}
 		}
 		function writeMarketplaceSortPreference(userId, sort, storage) {
-			const target = preferenceStorage(storage);
+			const target = preferenceStorage$1(storage);
 			if (target === void 0) return;
 			try {
-				target.setItem(preferenceKey(userId), sort);
+				target.setItem(preferenceKey$1(userId), sort);
 			} catch {}
 		}
 		//#endregion
@@ -185082,6 +185194,302 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 			});
 		}
 		//#endregion
+		//#region src/client/self-topic-sort-preference.ts
+		const DEFAULT_SELF_TOPIC_SORT = "latest";
+		const STORAGE_KEY_PREFIX$1 = "dsh-arkme:self-topic-sort:v1:user:";
+		function preferenceStorage(storage) {
+			if (storage !== void 0) return storage;
+			try {
+				return typeof window === "undefined" ? void 0 : window.localStorage;
+			} catch {
+				return;
+			}
+		}
+		function preferenceKey(userId) {
+			return Number.isSafeInteger(userId) && (userId ?? 0) > 0 ? `${STORAGE_KEY_PREFIX$1}${String(userId)}` : void 0;
+		}
+		function isSelfTopicSort(value) {
+			return value === "latest" || value === "most" || value === "custom";
+		}
+		function readSelfTopicSortPreference(userId, storage) {
+			const key = preferenceKey(userId);
+			const target = preferenceStorage(storage);
+			if (key === void 0 || target === void 0) return DEFAULT_SELF_TOPIC_SORT;
+			try {
+				const value = target.getItem(key);
+				return isSelfTopicSort(value) ? value : DEFAULT_SELF_TOPIC_SORT;
+			} catch {
+				return DEFAULT_SELF_TOPIC_SORT;
+			}
+		}
+		function writeSelfTopicSortPreference(userId, sort, storage) {
+			const key = preferenceKey(userId);
+			const target = preferenceStorage(storage);
+			if (key === void 0 || target === void 0) return;
+			try {
+				target.setItem(key, sort);
+			} catch {}
+		}
+		//#endregion
+		//#region src/client/harness-activity.ts
+		/** Display-only account-scoped summary. Official sessions remain the source of running/pending state. */
+		const HARNESS_ACTIVITY_ATTRIBUTE = "data-arkme-harness-activity";
+		const HARNESS_ACTIVITY_EVENT = "arkme:harness-activity";
+		function parseHarnessActivity(raw, scope) {
+			if (!raw || !scope) return;
+			try {
+				const value = JSON.parse(raw);
+				if (typeof value !== "object" || value === null || !("scope" in value) || value.scope !== scope) return;
+				const record = value;
+				const isItem = (item) => typeof item === "object" && item !== null && "id" in item && typeof item.id === "string" && "title" in item && typeof item.title === "string";
+				if (record.current !== void 0 && record.current !== null && !isItem(record.current)) return;
+				for (const key of [
+					"running",
+					"unread",
+					"pending"
+				]) {
+					const items = record[key];
+					if (!Array.isArray(items) || !items.every(isItem)) return;
+				}
+				return value;
+			} catch {
+				return;
+			}
+		}
+		//#endregion
+		//#region src/client/use-harness-activity.ts
+		const subscribe = (listener) => {
+			if (typeof document === "undefined") return () => {};
+			document.addEventListener(HARNESS_ACTIVITY_EVENT, listener);
+			return () => document.removeEventListener(HARNESS_ACTIVITY_EVENT, listener);
+		};
+		function useHarnessActivity(scope) {
+			const read = (0, react$1.useMemo)(() => {
+				let cachedRaw = null;
+				let cachedValue;
+				return () => {
+					const raw = typeof document === "undefined" ? null : document.querySelector("[data-arkme-owned=\"deepseek-harness-surface\"]")?.getAttribute("data-arkme-harness-activity") ?? null;
+					if (raw !== cachedRaw) {
+						cachedRaw = raw;
+						cachedValue = parseHarnessActivity(raw, scope);
+					}
+					return cachedValue;
+				};
+			}, [scope]);
+			return (0, react$1.useSyncExternalStore)(subscribe, read, () => void 0);
+		}
+		//#endregion
+		//#region src/client/harness-session-menu-bridge.ts
+		/** Private presentation bridge between Arkme and its existing same-origin Harness frame. */
+		const HARNESS_MENU_OPEN = "arkme:harness-menu-open";
+		const HARNESS_MENU_CLOSE = "arkme:harness-menu-close";
+		const HARNESS_MENU_POSITION = "arkme:harness-menu-position";
+		function harnessMenuLayers(doc) {
+			return [...doc.querySelectorAll("[data-arkme-session-column][data-arkme-session-open], [role=\"menu\"], [role=\"dialog\"], [role=\"alertdialog\"]")].filter((node) => node.getClientRects().length > 0 && doc.defaultView?.getComputedStyle(node).visibility !== "hidden");
+		}
+		//#endregion
+		//#region src/client/harness-session-hover.ts
+		/** Reveal the mounted native sidebar only; never change the current Arkme conversation on hover. */
+		function watchHarnessSessionHover(anchor, scope, activate) {
+			const doc = anchor.ownerDocument;
+			const win = doc.defaultView;
+			if (!win) return () => {};
+			let openTimer = 0;
+			let closeTimer = 0;
+			let native;
+			let surface;
+			let frame;
+			let open = false;
+			let stopWatching;
+			const style = doc.createElement("style");
+			style.textContent = `
+    [data-arkme-harness-menu-preview] {
+      visibility: visible !important; pointer-events: auto !important; z-index: 50 !important;
+      background: transparent !important; clip-path: var(--arkme-harness-menu-clip, inset(100%)) !important;
+    }
+    [data-arkme-harness-menu-preview] > iframe { background: transparent !important; }
+  `;
+			const clearTimers = () => {
+				win.clearTimeout(openTimer);
+				win.clearTimeout(closeTimer);
+				openTimer = 0;
+				closeTimer = 0;
+			};
+			function release(focus = false) {
+				clearTimers();
+				open = false;
+				stopWatching?.();
+				stopWatching = void 0;
+				surface?.removeAttribute("data-arkme-harness-menu-preview");
+				surface?.style.removeProperty("--arkme-harness-menu-clip");
+				if (surface?.getAttribute("data-arkme-visible") === "true") surface.removeAttribute("aria-hidden");
+				else if (surface) surface.setAttribute("aria-hidden", "true");
+				native?.documentElement.removeAttribute("data-arkme-session-preview");
+				style.remove();
+				anchor.setAttribute("aria-expanded", "false");
+				native = void 0;
+				surface = void 0;
+				frame = void 0;
+				if (focus && anchor.isConnected) anchor.focus({ preventScroll: true });
+			}
+			function close() {
+				clearTimers();
+				native?.dispatchEvent(new native.defaultView.Event(HARNESS_MENU_CLOSE));
+				release();
+			}
+			function later() {
+				win.clearTimeout(openTimer);
+				openTimer = 0;
+				if (open && !closeTimer) closeTimer = win.setTimeout(close, 300);
+			}
+			function keep() {
+				win.clearTimeout(closeTimer);
+				closeTimer = 0;
+			}
+			function layout() {
+				if (!open || !native || !surface || !frame || !surface.hasAttribute("data-arkme-harness-menu-preview")) return;
+				const boxes = harnessMenuLayers(native).map((node) => node.getBoundingClientRect());
+				if (!boxes.length) return;
+				const width = frame.clientWidth, height = frame.clientHeight;
+				const left = Math.max(0, Math.min(...boxes.map((box) => box.left)) - 16);
+				const clip = `inset(${Math.max(0, Math.min(...boxes.map((box) => box.top)) - 16)}px ${Math.max(0, width - Math.max(...boxes.map((box) => box.right)) - 16)}px ${Math.max(0, height - Math.max(...boxes.map((box) => box.bottom)) - 16)}px ${left}px)`;
+				if (surface.style.getPropertyValue("--arkme-harness-menu-clip") !== clip) surface.style.setProperty("--arkme-harness-menu-clip", clip);
+			}
+			function openMenu(focus = false) {
+				clearTimers();
+				if (open) return;
+				const nextSurface = doc.querySelector("[data-arkme-owned=\"deepseek-harness-surface\"][data-arkme-account-id]");
+				if (!anchor.isConnected || !anchor.getClientRects().length || nextSurface?.getAttribute("data-arkme-account-scope") !== scope) return;
+				const nextFrame = nextSurface.querySelector("iframe");
+				let nextNative;
+				try {
+					nextNative = nextFrame?.contentDocument;
+				} catch {
+					return;
+				}
+				if (!nextNative?.querySelector("[data-arkme-session-column]") || !nextFrame) return;
+				surface = nextSurface;
+				native = nextNative;
+				frame = nextFrame;
+				open = true;
+				const wasVisible = surface.getAttribute("data-arkme-visible");
+				if (wasVisible !== "true") {
+					doc.head.append(style);
+					native.documentElement.setAttribute("data-arkme-session-preview", "");
+					surface.setAttribute("data-arkme-harness-menu-preview", "");
+					surface.removeAttribute("aria-hidden");
+				}
+				const request = {
+					accepted: false,
+					anchor: () => {
+						const card = anchor.getBoundingClientRect(), viewport = nextFrame.getBoundingClientRect();
+						return {
+							left: card.right + 8 - viewport.left,
+							top: card.top - viewport.top
+						};
+					},
+					onClose: release,
+					onLayout: layout,
+					onSelect: activate
+				};
+				native.dispatchEvent(new native.defaultView.CustomEvent(HARNESS_MENU_OPEN, { detail: request }));
+				if (!request.accepted || !open) {
+					release();
+					return;
+				}
+				anchor.setAttribute("aria-expanded", "true");
+				const menuHit = (target) => native && harnessMenuLayers(native).some((node) => node.contains(target));
+				const nativeMove = (event) => {
+					if (menuHit(event.target)) keep();
+					else later();
+				};
+				const nativeLeave = (event) => {
+					if (!event.relatedTarget) later();
+				};
+				const parentDown = (event) => {
+					if (!anchor.contains(event.target)) close();
+				};
+				const parentKey = (event) => {
+					if (event.key !== "Escape") return;
+					event.preventDefault();
+					close();
+					anchor.focus({ preventScroll: true });
+				};
+				const updatePosition = () => {
+					if (!anchor.isConnected || !anchor.getClientRects().length) {
+						close();
+						return;
+					}
+					native?.dispatchEvent(new native.defaultView.Event(HARNESS_MENU_POSITION));
+				};
+				const observer = new win.MutationObserver(() => {
+					if (!surface?.isConnected || surface.getAttribute("data-arkme-account-scope") !== scope || surface.getAttribute("data-arkme-visible") !== wasVisible) close();
+				});
+				observer.observe(surface, {
+					attributes: true,
+					attributeFilter: [
+						"data-arkme-account-id",
+						"data-arkme-account-scope",
+						"data-arkme-visible"
+					]
+				});
+				const resize = new win.ResizeObserver(updatePosition);
+				resize.observe(anchor);
+				resize.observe(frame);
+				native.addEventListener("pointermove", nativeMove, true);
+				native.addEventListener("pointerover", nativeMove, true);
+				native.addEventListener("pointerout", nativeLeave, true);
+				doc.addEventListener("pointerdown", parentDown, true);
+				doc.addEventListener("keydown", parentKey);
+				doc.addEventListener("scroll", updatePosition, true);
+				win.addEventListener("resize", updatePosition);
+				frame.addEventListener("load", close);
+				const watchedNative = native, watchedFrame = frame;
+				stopWatching = () => {
+					observer.disconnect();
+					resize.disconnect();
+					watchedNative.removeEventListener("pointermove", nativeMove, true);
+					watchedNative.removeEventListener("pointerover", nativeMove, true);
+					watchedNative.removeEventListener("pointerout", nativeLeave, true);
+					doc.removeEventListener("pointerdown", parentDown, true);
+					doc.removeEventListener("keydown", parentKey);
+					doc.removeEventListener("scroll", updatePosition, true);
+					win.removeEventListener("resize", updatePosition);
+					watchedFrame.removeEventListener("load", close);
+				};
+				layout();
+				if (focus) native.querySelector("[data-arkme-session-trigger]")?.dispatchEvent(new native.defaultView.KeyboardEvent("keydown", {
+					key: "ArrowDown",
+					bubbles: true
+				}));
+			}
+			const enter = (event) => {
+				if (event.pointerType === "touch") return;
+				keep();
+				if (!open && !openTimer) openTimer = win.setTimeout(() => openMenu(), 200);
+			};
+			const key = (event) => {
+				if (event.key !== "ArrowRight") return;
+				event.preventDefault();
+				openMenu(true);
+			};
+			anchor.setAttribute("aria-haspopup", "dialog");
+			anchor.setAttribute("aria-expanded", "false");
+			anchor.addEventListener("pointerenter", enter);
+			anchor.addEventListener("pointerleave", later);
+			anchor.addEventListener("pointerdown", close);
+			anchor.addEventListener("keydown", key);
+			return () => {
+				close();
+				anchor.removeEventListener("pointerenter", enter);
+				anchor.removeEventListener("pointerleave", later);
+				anchor.removeEventListener("pointerdown", close);
+				anchor.removeEventListener("keydown", key);
+				anchor.removeAttribute("aria-haspopup");
+				anchor.removeAttribute("aria-expanded");
+			};
+		}
+		//#endregion
 		//#region src/client/conversation-timeline-read-port.ts
 		const conversationTimelineReadPort = { readPage: async (sourceRef, cursor, signal) => await callArkme("source.timeline", {
 			sourceRef,
@@ -186567,6 +186975,72 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 			});
 		}
 		//#endregion
+		//#region src/client/harness-new-session.ts
+		/** Use the mounted native action, so workspace inheritance and blank-session reuse stay host-owned. */
+		function startEmbeddedHarnessSession(activate, doc = document) {
+			const surface = doc.querySelector("[data-arkme-owned=\"deepseek-harness-surface\"][data-arkme-account-id]");
+			const native = (surface?.querySelector("iframe"))?.contentDocument;
+			const sidebar = native?.querySelector("[data-slot=\"sidebar\"]");
+			const button = sidebar?.querySelector("button[data-arkme-session-create]") ?? [...sidebar?.querySelectorAll("button[aria-label]") ?? []].find((item) => ["新建会话", "new session"].includes(item.getAttribute("aria-label")?.trim().toLowerCase() ?? ""));
+			if (!surface || !native || !button || button.disabled) throw new Error("DSH 尚未准备好，请稍后再试");
+			const selection = () => parseHarnessActivity(surface.getAttribute(HARNESS_ACTIVITY_ATTRIBUTE), surface.getAttribute("data-arkme-account-scope") ?? void 0);
+			const previous = selection()?.current;
+			button.click();
+			activate();
+			const win = doc.defaultView;
+			if (!win) return;
+			const account = surface.getAttribute("data-arkme-account-id");
+			let stopped = false;
+			let raf = 0;
+			const stop = () => {
+				stopped = true;
+				observer.disconnect();
+				win.clearTimeout(timeout);
+				win.cancelAnimationFrame(raf);
+				doc.removeEventListener("pointerdown", stop, true);
+				native.removeEventListener("pointerdown", stop, true);
+			};
+			const focus = () => {
+				if (stopped || !surface.isConnected || surface.getAttribute("data-arkme-account-id") !== account) {
+					stop();
+					return;
+				}
+				if (surface.getAttribute("data-arkme-visible") !== "true") return;
+				if (previous && previous.title !== "新会话") {
+					const current = selection()?.current;
+					if (current === void 0 || current?.id === previous.id) return;
+				}
+				const input = [...native.querySelectorAll("[data-composer-card] textarea:not(:disabled), [data-composer-card] [contenteditable=\"true\"][role=\"textbox\"]")].find((item) => item.getClientRects().length > 0);
+				if (input) {
+					input.focus({ preventScroll: true });
+					stop();
+				}
+			};
+			const schedule = () => {
+				win.cancelAnimationFrame(raf);
+				raf = win.requestAnimationFrame(focus);
+			};
+			const observer = new MutationObserver(schedule);
+			observer.observe(native.body, {
+				childList: true,
+				subtree: true,
+				attributes: true,
+				attributeFilter: ["contenteditable", "disabled"]
+			});
+			observer.observe(surface, {
+				attributes: true,
+				attributeFilter: [
+					"data-arkme-visible",
+					"data-arkme-account-id",
+					HARNESS_ACTIVITY_ATTRIBUTE
+				]
+			});
+			const timeout = win.setTimeout(stop, 2e3);
+			doc.addEventListener("pointerdown", stop, true);
+			native.addEventListener("pointerdown", stop, true);
+			schedule();
+		}
+		//#endregion
 		//#region src/client/notification-activation-store.ts
 		var ArkmeNotificationActivationStore = class {
 			snapshot = {
@@ -187612,7 +188086,6 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				"aria-label": ariaLabel,
 				"aria-selected": selected,
 				disabled,
-				title,
 				"data-arkme-home-tour-target": homeTourTarget,
 				style: {
 					...styles$14.chatRow,
@@ -187817,27 +188290,70 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				})]
 			});
 		}
-		function DeepSeekHarnessRow({ selected, onClick }) {
+		function DeepSeekHarnessRow({ selected, onClick, accountScope, hoverEnabled = true }) {
+			const rowRef = (0, react$1.useRef)(null);
+			const activateRef = (0, react$1.useRef)(onClick);
+			activateRef.current = onClick;
+			(0, react$1.useEffect)(() => {
+				if (rowRef.current && accountScope && hoverEnabled) return watchHarnessSessionHover(rowRef.current, accountScope, () => activateRef.current());
+			}, [accountScope, hoverEnabled]);
+			const activity = useHarnessActivity(accountScope);
+			const statuses = activity === void 0 ? [] : [
+				{
+					kind: "pending",
+					label: "待处理",
+					items: activity.pending
+				},
+				{
+					kind: "running",
+					label: "进行中",
+					items: activity.running
+				},
+				{
+					kind: "unread",
+					label: "待查看",
+					items: activity.unread
+				}
+			].filter((status) => status.items.length > 0);
+			const summary = statuses.map((status) => `${status.items.length} ${status.label}`).join(" · ");
+			const total = statuses.reduce((sum, status) => sum + status.items.length, 0);
+			const running = (activity?.running.length ?? 0) > 0;
+			const destination = activity?.current === null ? "新会话" : activity?.current?.title;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				ref: rowRef,
 				type: "button",
 				"data-arkme-home-tour-target": "harness",
 				role: "treeitem",
 				"aria-selected": selected,
+				"aria-label": [
+					"DeepSeek Harness",
+					destination,
+					summary
+				].filter(Boolean).join("，"),
 				style: {
 					...styles$14.chatRow,
 					...selected ? styles$14.chatRowActive : {}
 				},
 				onClick,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					style: styles$14.avatar,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					style: {
+						...styles$14.avatar,
+						overflow: "visible"
+					},
 					"aria-hidden": true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 						src: "/favicon.svg",
 						alt: "",
 						width: 28,
 						height: 28
-					})
+					}), total > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						"data-arkme-harness-badge": true,
+						"data-idle": !running ? "true" : void 0,
+						"data-kind": statuses[0].kind === "pending" ? "pending" : activity.unread.length > 0 ? "unread" : "running",
+						children: total > 99 ? "99+" : total
+					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					"data-arkme-harness-label": true,
 					style: styles$14.chatContent,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						style: styles$14.chatTop,
@@ -187847,9 +188363,21 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 						})
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						style: styles$14.chatBottom,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						children: !running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							"data-arkme-harness-destination": true,
 							style: styles$14.preview,
-							children: "你的 DeepSeek 智能助手"
+							children: destination ?? (accountScope === void 0 ? "你的 DeepSeek 智能助手" : "")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							"data-arkme-harness-summary": true,
+							children: statuses.map((status) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								"data-arkme-harness-status": status.kind,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { "aria-hidden": true }),
+									status.items.length,
+									" ",
+									status.label
+								]
+							}, status.kind))
 						})
 					})]
 				})]
@@ -189550,6 +190078,11 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 								})]
 							}),
 							active && authenticated && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeQuickAddButton, {
+								onNewDshSession: showHarnessEntry ? () => startEmbeddedHarnessSession(() => {
+									activateNativeEntry();
+									arkmeUi.showHarness();
+									onActivateSurface?.();
+								}) : void 0,
 								notificationActivationRevision: ui.notificationActivationRevision ?? 0,
 								onBlockingOverlayChange: setQuickAddBlockingOpen,
 								onContactAdd: showContactAdd,
@@ -189632,6 +190165,8 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 									authenticated && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeNotificationPermissionBanner, {}),
 									showHarnessEntry && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeepSeekHarnessRow, {
 										selected: activeDirectoryEntryId === void 0 && ui.mode === "harness",
+										accountScope: currentAccountKey,
+										hoverEnabled: active && authenticated,
 										onClick: () => {
 											activateNativeEntry();
 											arkmeUi.showHarness();
@@ -190061,6 +190596,23 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 		}
 		//#endregion
 		//#region src/client/ArkmeSourceBreadcrumb.tsx
+		/** Split a topic row into a narrow reorder edge and a generous nesting center. */
+		function arkmeTopicDropPosition(clientY, rect) {
+			if (rect.height <= 0) return "into";
+			const ratio = (clientY - rect.top) / rect.height;
+			if (ratio < .22) return "before";
+			if (ratio > .78) return "after";
+			return "into";
+		}
+		/** Return one frame of proportional list scrolling while a drag hugs an edge. */
+		function arkmeTopicDragAutoScrollDelta(clientX, clientY, rect, edgeSize = 44, minimumSpeed = 4, maximumSpeed = 18) {
+			if (clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom) return 0;
+			const safeEdgeSize = Math.max(1, Math.min(edgeSize, (rect.bottom - rect.top) / 2));
+			const speed = (distance) => Math.round(minimumSpeed + (maximumSpeed - minimumSpeed) * Math.min(1, Math.max(0, distance / safeEdgeSize)));
+			if (clientY < rect.top + safeEdgeSize) return -speed(rect.top + safeEdgeSize - clientY);
+			if (clientY > rect.bottom - safeEdgeSize) return speed(clientY - (rect.bottom - safeEdgeSize));
+			return 0;
+		}
 		const colors$4 = {
 			text: "#171923",
 			secondary: "#6f747d",
@@ -190206,10 +190758,48 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				borderRadius: 7
 			},
 			topicRowHover: { background: "#f3f4f7" },
-			topicRowDropTarget: { background: "#f3f5ff" },
-			topicRowDropBefore: { boxShadow: "inset 0 2px 0 #5870d8" },
-			topicRowDropAfter: { boxShadow: "inset 0 -2px 0 #5870d8" },
-			topicRowDropInto: { outline: "1px solid #8fa0e9" },
+			topicRowSelected: {
+				background: colors$4.selected,
+				fontWeight: 600
+			},
+			topicHierarchyGuide: {
+				position: "absolute",
+				top: 0,
+				bottom: 0,
+				width: 1,
+				background: "#e7e9ed",
+				pointerEvents: "none"
+			},
+			topicRowDropInto: {
+				background: "#eef2ff",
+				outline: "1px solid #8295e5",
+				outlineOffset: -1
+			},
+			topicDropLine: {
+				position: "absolute",
+				zIndex: 2,
+				right: 4,
+				height: 2,
+				borderRadius: 0,
+				background: "#5870d8",
+				pointerEvents: "none"
+			},
+			topicDropIntoBadge: {
+				position: "absolute",
+				zIndex: 3,
+				right: 6,
+				top: 5,
+				height: 22,
+				display: "inline-flex",
+				alignItems: "center",
+				padding: "0 6px",
+				borderRadius: 5,
+				background: "#dce4ff",
+				color: "#445bbd",
+				fontSize: 10,
+				fontWeight: 600,
+				pointerEvents: "none"
+			},
 			topicToggle: {
 				width: 24,
 				height: 28,
@@ -190248,10 +190838,6 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				textAlign: "left",
 				cursor: "pointer"
 			},
-			topicSelectSelected: {
-				background: colors$4.selected,
-				fontWeight: 600
-			},
 			topicName: {
 				minWidth: 0,
 				flex: 1,
@@ -190523,11 +191109,11 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 		function topicCountLabel(count) {
 			return count === void 0 ? "…" : count.toLocaleString("zh-CN");
 		}
-		function ArkmeSourceBreadcrumb({ selectedSource, sources, loading = false, error, onSelect, onSelectAggregate, onCreateTopic, onCreateChildTopic, onRenameTopic, onDissolveTopic, onRetry, onMoveTopic, activeDissolve, tourOpen }) {
+		function ArkmeSourceBreadcrumb({ userId, selectedSource, sources, loading = false, error, onSelect, onSelectAggregate, onCreateTopic, onCreateChildTopic, onRenameTopic, onDissolveTopic, onRetry, onMoveTopic, activeDissolve, tourOpen }) {
 			const [manualOpen, setOpen] = (0, react$1.useState)(false);
 			const open = tourOpen ?? manualOpen;
 			const [collapsedSourceRefs, setCollapsedSourceRefs] = (0, react$1.useState)(() => /* @__PURE__ */ new Set());
-			const [sort, setSort] = (0, react$1.useState)("latest");
+			const [sort, setSort] = (0, react$1.useState)(() => readSelfTopicSortPreference(userId));
 			const [draggingSourceRef, setDraggingSourceRef] = (0, react$1.useState)();
 			const [hoveredSourceRef, setHoveredSourceRef] = (0, react$1.useState)();
 			const [topicMenuSource, setTopicMenuSource] = (0, react$1.useState)();
@@ -190541,10 +191127,15 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 			const [dropPlan, setDropPlan] = (0, react$1.useState)();
 			const [movingTopic, setMovingTopic] = (0, react$1.useState)(false);
 			const [moveError, setMoveError] = (0, react$1.useState)("");
-			const rootRef = (0, react$1.useRef)(null);
+			const selectorRef = (0, react$1.useRef)(null);
+			const menuRef = (0, react$1.useRef)(null);
 			const menuListRef = (0, react$1.useRef)(null);
 			const pendingSelectedFocusRef = (0, react$1.useRef)(false);
 			const dragStartXRef = (0, react$1.useRef)(0);
+			const dragPointerRef = (0, react$1.useRef)();
+			const dragAutoScrollFrameRef = (0, react$1.useRef)();
+			const dragAutoExpandTimerRef = (0, react$1.useRef)();
+			const dragAutoExpandSourceRef = (0, react$1.useRef)();
 			const observedActiveDissolveRef = (0, react$1.useRef)(false);
 			const topicRoots = (0, react$1.useMemo)(() => sortArkmeSourceTree(buildArkmeSourceTree(arkmeSelfDirectorySources(sources)), sort), [sort, sources]);
 			const rows = (0, react$1.useMemo)(() => flattenVisibleArkmeSourceTree(topicRoots, collapsedSourceRefs), [collapsedSourceRefs, topicRoots]);
@@ -190574,6 +191165,9 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				setTopicMutationError("");
 				setDissolveDialogOpen(true);
 			};
+			(0, react$1.useEffect)(() => {
+				setSort(readSelfTopicSortPreference(userId));
+			}, [userId]);
 			(0, react$1.useEffect)(() => {
 				if (activeDissolveRunning && activeDissolve !== void 0) {
 					observedActiveDissolveRef.current = true;
@@ -190601,24 +191195,75 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				const currentParent = currentParentOf(draggingSource);
 				return currentParent?.sourceRef !== nextParent?.sourceRef || nextSiblingOf(draggingSource, currentParent)?.sourceRef !== insertBefore?.sourceRef;
 			};
+			const stopTopicDragAutoScroll = () => {
+				dragPointerRef.current = void 0;
+				if (dragAutoScrollFrameRef.current !== void 0) cancelAnimationFrame(dragAutoScrollFrameRef.current);
+				dragAutoScrollFrameRef.current = void 0;
+			};
+			const runTopicDragAutoScroll = () => {
+				dragAutoScrollFrameRef.current = void 0;
+				const list = menuListRef.current;
+				const pointer = dragPointerRef.current;
+				if (list === null || pointer === void 0) return;
+				const delta = arkmeTopicDragAutoScrollDelta(pointer.clientX, pointer.clientY, list.getBoundingClientRect());
+				if (delta === 0) return;
+				const before = list.scrollTop;
+				list.scrollTop += delta;
+				if (list.scrollTop === before) return;
+				dragAutoScrollFrameRef.current = requestAnimationFrame(runTopicDragAutoScroll);
+			};
+			const updateTopicDragAutoScroll = (clientX, clientY) => {
+				dragPointerRef.current = {
+					clientX,
+					clientY
+				};
+				if (dragAutoScrollFrameRef.current === void 0) dragAutoScrollFrameRef.current = requestAnimationFrame(runTopicDragAutoScroll);
+			};
+			const stopTopicAutoExpand = () => {
+				if (dragAutoExpandTimerRef.current !== void 0) clearTimeout(dragAutoExpandTimerRef.current);
+				dragAutoExpandTimerRef.current = void 0;
+				dragAutoExpandSourceRef.current = void 0;
+			};
+			const scheduleTopicAutoExpand = (row, plan) => {
+				const expandable = row.hasChildren || row.source.hasPendingChildren === true;
+				if (plan?.into !== true || !expandable || row.expanded) {
+					stopTopicAutoExpand();
+					return;
+				}
+				if (dragAutoExpandSourceRef.current === row.source.sourceRef) return;
+				stopTopicAutoExpand();
+				dragAutoExpandSourceRef.current = row.source.sourceRef;
+				dragAutoExpandTimerRef.current = setTimeout(() => {
+					setCollapsedSourceRefs((current) => {
+						if (!current.has(row.source.sourceRef)) return current;
+						const next = new Set(current);
+						next.delete(row.source.sourceRef);
+						return next;
+					});
+					dragAutoExpandTimerRef.current = void 0;
+					dragAutoExpandSourceRef.current = void 0;
+				}, 500);
+			};
 			const planMoveAtRow = (row, clientX, clientY, rect) => {
 				if (row.source.kind === "default_category" || !arkmeSourceAllowsUserWrite(row.source)) return void 0;
 				if (draggingSource === void 0) return void 0;
 				const horizontalDelta = clientX - dragStartXRef.current;
-				if (horizontalDelta >= 24) {
+				const position = arkmeTopicDropPosition(clientY, rect);
+				const targetParent = currentParentOf(row.source);
+				const outdenting = horizontalDelta <= -24 && targetParent !== void 0;
+				if (position === "into" && !outdenting) {
 					if (!canMoveTo(row.source, void 0)) return void 0;
 					return {
 						parent: row.source,
 						insertBefore: void 0,
 						indicatorSourceRef: row.source.sourceRef,
+						indicatorDepth: row.depth + 1,
 						before: false,
 						into: true
 					};
 				}
-				const targetParent = currentParentOf(row.source);
-				const outdenting = horizontalDelta <= -24 && targetParent !== void 0;
 				const parent = outdenting ? currentParentOf(targetParent) : targetParent;
-				const before = clientY < rect.top + rect.height / 2;
+				const before = position === "before";
 				const anchor = outdenting ? targetParent : row.source;
 				const insertBefore = before ? anchor : nextSiblingOf(anchor, parent);
 				if (!canMoveTo(parent, insertBefore)) return void 0;
@@ -190626,6 +191271,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 					parent,
 					insertBefore,
 					indicatorSourceRef: row.source.sourceRef,
+					indicatorDepth: outdenting ? Math.max(0, row.depth - 1) : row.depth,
 					before,
 					into: false
 				};
@@ -190633,6 +191279,14 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 			const finishTopicMove = (plan) => {
 				if (plan === void 0 || !canMoveTo(plan.parent, plan.insertBefore) || draggingSource === void 0 || onMoveTopic === void 0) return;
 				const movedSource = draggingSource;
+				stopTopicDragAutoScroll();
+				stopTopicAutoExpand();
+				if (plan.into && plan.parent !== void 0) setCollapsedSourceRefs((current) => {
+					if (!current.has(plan.parent.sourceRef)) return current;
+					const next = new Set(current);
+					next.delete(plan.parent.sourceRef);
+					return next;
+				});
 				setMovingTopic(true);
 				setMoveError("");
 				setDropPlan(void 0);
@@ -190643,6 +191297,10 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 					setMovingTopic(false);
 				});
 			};
+			(0, react$1.useEffect)(() => () => {
+				stopTopicDragAutoScroll();
+				stopTopicAutoExpand();
+			}, []);
 			const revealSelectedTopic = () => {
 				if (selectedRef === void 0) {
 					menuListRef.current?.scrollTo({ top: 0 });
@@ -190682,10 +191340,10 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				if (!open) return;
 				const closeOutside = (event) => {
 					if (tourOpen !== void 0) return;
-					if (event.target instanceof Node && !rootRef.current?.contains(event.target)) {
-						setOpen(false);
-						setTopicMenuSource(void 0);
-					}
+					if (!(event.target instanceof Node)) return;
+					if (selectorRef.current?.contains(event.target) || menuRef.current?.contains(event.target)) return;
+					setOpen(false);
+					setTopicMenuSource(void 0);
 				};
 				const closeEscape = (event) => {
 					if (tourOpen !== void 0) return;
@@ -190778,7 +191436,6 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				});
 			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
-				ref: rootRef,
 				"aria-label": "发给自己主题",
 				style: styles$13.breadcrumb,
 				children: [
@@ -190788,6 +191445,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 						children: "发给自己"
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						ref: selectorRef,
 						type: "button",
 						"aria-label": "选择主题",
 						"aria-haspopup": "tree",
@@ -190849,6 +191507,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 						}), activeDissolveLabel]
 					}),
 					open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						ref: menuRef,
 						role: "tree",
 						"aria-label": "主题",
 						"data-arkme-self-topic-menu": true,
@@ -190874,6 +191533,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 									},
 									onClick: () => {
 										setSort(value);
+										writeSelfTopicSortPreference(userId, value);
 										revealSelectedTopic();
 									},
 									children: label
@@ -190888,6 +191548,20 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								ref: menuListRef,
 								style: styles$13.menuList,
+								onDragOver: (event) => {
+									if (!customDragEnabled || draggingSource === void 0) return;
+									updateTopicDragAutoScroll(event.clientX, event.clientY);
+								},
+								onDragLeave: (event) => {
+									if (event.relatedTarget instanceof Node && event.currentTarget.contains(event.relatedTarget)) return;
+									stopTopicDragAutoScroll();
+									stopTopicAutoExpand();
+									setDropPlan(void 0);
+								},
+								onDrop: () => {
+									stopTopicDragAutoScroll();
+									stopTopicAutoExpand();
+								},
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
@@ -190920,24 +191594,34 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 										const isSelected = selectedRef === row.source.sourceRef;
 										const isHovered = hoveredSourceRef === row.source.sourceRef;
 										const isDefaultCategory = row.source.kind === "default_category";
+										const canDragTopic = customDragEnabled && !isDefaultCategory && arkmeSourceAllowsUserWrite(row.source);
 										const canCreateChild = arkmeSourceAllowsUserWrite(row.source) && !isDefaultCategory && onCreateChildTopic !== void 0 && row.depth + 1 < 5;
 										const canManageTopic = arkmeSourceAllowsUserWrite(row.source) && !isDefaultCategory && (canCreateChild || onRenameTopic !== void 0 || onDissolveTopic !== void 0);
-										const showActions = isHovered && canManageTopic;
+										const showActions = isHovered && canManageTopic && draggingSource === void 0;
 										const manageMenuOpen = topicMenuSource?.sourceRef === row.source.sourceRef;
+										const rowDropPlan = dropPlan?.indicatorSourceRef === row.source.sourceRef ? dropPlan : void 0;
 										const displayedCount = (row.hasChildren || row.source.hasPendingChildren === true) && !countsComplete ? void 0 : aggregateTopicCounts.get(row.source.sourceRef) ?? topicDirectRecordCount(row.source);
+										const depthInset = row.depth * 16;
 										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											role: "treeitem",
 											"aria-level": row.depth + 1,
 											"aria-selected": selectedRef === row.source.sourceRef,
 											...row.hasChildren ? { "aria-expanded": row.expanded } : {},
+											draggable: canDragTopic,
 											"data-arkme-self-topic-tree-row": "true",
 											"data-arkme-self-topic-tree-row-ref": row.source.sourceRef,
+											"data-arkme-self-topic-hit-region": "true",
 											style: {
 												...styles$13.topicRow,
-												paddingLeft: row.depth * 16,
+												marginLeft: depthInset,
+												width: `calc(100% - ${String(depthInset)}px)`,
 												...isHovered && !isSelected ? styles$13.topicRowHover : {},
-												...dropPlan?.indicatorSourceRef === row.source.sourceRef ? styles$13.topicRowDropTarget : {},
-												...dropPlan?.indicatorSourceRef === row.source.sourceRef && dropPlan.into ? styles$13.topicRowDropInto : dropPlan?.indicatorSourceRef === row.source.sourceRef && dropPlan.before ? styles$13.topicRowDropBefore : dropPlan?.indicatorSourceRef === row.source.sourceRef ? styles$13.topicRowDropAfter : {}
+												...isSelected ? styles$13.topicRowSelected : {},
+												...rowDropPlan?.into === true ? styles$13.topicRowDropInto : {},
+												...canDragTopic ? { cursor: "grab" } : {}
+											},
+											onClick: () => {
+												selectTopic(row.source);
 											},
 											onMouseEnter: () => {
 												setHoveredSourceRef(row.source.sourceRef);
@@ -190949,22 +191633,67 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 											},
 											onDragOver: (event) => {
 												const plan = planMoveAtRow(row, event.clientX, event.clientY, event.currentTarget.getBoundingClientRect());
-												if (plan === void 0) return;
+												if (plan === void 0) {
+													setDropPlan(void 0);
+													stopTopicAutoExpand();
+													return;
+												}
 												event.preventDefault();
 												event.dataTransfer.dropEffect = "move";
 												setDropPlan(plan);
+												scheduleTopicAutoExpand(row, plan);
+											},
+											onDragStart: (event) => {
+												event.dataTransfer.effectAllowed = "move";
+												event.dataTransfer.setData("text/plain", row.source.sourceRef);
+												dragStartXRef.current = event.clientX;
+												stopTopicDragAutoScroll();
+												stopTopicAutoExpand();
+												setMoveError("");
+												setDropPlan(void 0);
+												setDraggingSourceRef(row.source.sourceRef);
+											},
+											onDragEnd: () => {
+												stopTopicDragAutoScroll();
+												stopTopicAutoExpand();
+												setDraggingSourceRef(void 0);
+												setDropPlan(void 0);
 											},
 											onDrop: (event) => {
 												event.preventDefault();
 												finishTopicMove(planMoveAtRow(row, event.clientX, event.clientY, event.currentTarget.getBoundingClientRect()));
 											},
 											children: [
+												Array.from({ length: row.depth }, (_, guideDepth) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													"aria-hidden": true,
+													"data-arkme-self-topic-hierarchy-guide": guideDepth,
+													style: {
+														...styles$13.topicHierarchyGuide,
+														left: (guideDepth - row.depth) * 16 + 12
+													}
+												}, `guide-${String(guideDepth)}`)),
+												rowDropPlan !== void 0 && !rowDropPlan.into && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													"aria-hidden": true,
+													"data-arkme-self-topic-drop-line": rowDropPlan.before ? "before" : "after",
+													style: {
+														...styles$13.topicDropLine,
+														left: (rowDropPlan.indicatorDepth - row.depth) * 16 + 4,
+														...rowDropPlan.before ? { top: -1 } : { bottom: -1 }
+													}
+												}),
+												rowDropPlan?.into === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													"aria-hidden": true,
+													"data-arkme-self-topic-drop-into": "true",
+													style: styles$13.topicDropIntoBadge,
+													children: "移入"
+												}),
 												row.hasChildren ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 													type: "button",
 													"aria-label": `${row.expanded ? "收起" : "展开"}${row.source.displayName}`,
 													title: row.expanded ? "收起子主题" : "展开子主题",
 													style: styles$13.topicToggle,
-													onClick: () => {
+													onClick: (event) => {
+														event.stopPropagation();
 														toggleTopicExpansion(row.source.sourceRef);
 													},
 													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
@@ -190992,23 +191721,9 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 													type: "button",
-													draggable: customDragEnabled && !isDefaultCategory && arkmeSourceAllowsUserWrite(row.source),
-													style: {
-														...styles$13.topicSelect,
-														...isSelected ? styles$13.topicSelectSelected : {}
-													},
-													onDragStart: (event) => {
-														event.dataTransfer.effectAllowed = "move";
-														event.dataTransfer.setData("text/plain", row.source.sourceRef);
-														dragStartXRef.current = event.clientX;
-														setMoveError("");
-														setDraggingSourceRef(row.source.sourceRef);
-													},
-													onDragEnd: () => {
-														setDraggingSourceRef(void 0);
-														setDropPlan(void 0);
-													},
-													onClick: () => {
+													style: styles$13.topicSelect,
+													onClick: (event) => {
+														event.stopPropagation();
 														selectTopic(row.source);
 													},
 													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -191156,10 +191871,12 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 											if (!canMoveTo(void 0, void 0)) return;
 											event.preventDefault();
 											event.dataTransfer.dropEffect = "move";
+											stopTopicAutoExpand();
 											setDropPlan({
 												parent: void 0,
 												insertBefore: void 0,
 												indicatorSourceRef: "root",
+												indicatorDepth: 0,
 												before: false,
 												into: false
 											});
@@ -191170,6 +191887,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 												parent: void 0,
 												insertBefore: void 0,
 												indicatorSourceRef: "root",
+												indicatorDepth: 0,
 												before: false,
 												into: false
 											});
@@ -199005,11 +199723,22 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 				unreadCount: 0
 			};
 		}
-		function ArkmeTimelineSelfTopicBadge({ topic, onSelect }) {
+		function arkmeTimelineSelfTopicPresentation(item, currentSource, sources) {
+			if (currentSource?.kind !== "send_to_self" && currentSource?.kind !== "topic") return void 0;
+			const topic = arkmeTimelineSelfTopicSource(item, sources);
+			if (topic === void 0) return void 0;
+			return {
+				topic,
+				displayLabel: arkmeTopicPathNames(topic, sources).join(" / ") || topic.displayName
+			};
+		}
+		function ArkmeTimelineSelfTopicBadge({ topic, displayLabel, onSelect }) {
+			const label = displayLabel?.trim() || topic.displayName;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
-				"data-arkme-self-topic-badge": topic.displayName,
-				"aria-label": `查看主题「${topic.displayName}」`,
+				"data-arkme-self-topic-badge": label,
+				"aria-label": `查看主题「${label}」`,
+				title: label,
 				style: styles$6.selfTopicBadge,
 				onClick: (event) => {
 					event.stopPropagation();
@@ -199030,7 +199759,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						style: styles$6.selfTopicBadgeText,
-						children: topic.displayName
+						children: label
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						"aria-hidden": true,
@@ -205246,6 +205975,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											style: styles$6.titleGroup,
 											children: [authenticated && conversationBackdropVisible && isArkmeSelfWorkspaceSource(selectedSource) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSourceBreadcrumb, {
+												userId: auth?.userId,
 												selectedSource,
 												sources: selfSources,
 												tourOpen: selfTour.topicMenuOpen,
@@ -205655,7 +206385,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 																onOpen: openMomentDetail
 															})] }, row.id);
 															const item = row.item;
-															const selfTopicSource = source?.kind === "send_to_self" ? arkmeTimelineSelfTopicSource(item, selfSources) : void 0;
+															const selfTopicPresentation = arkmeTimelineSelfTopicPresentation(item, source, selfSources);
 															const avatarRef = arkmeTimelineAvatarRef(item, selfProfile);
 															const messageMember = item.memberRef === void 0 ? item.isMe ? selfConversationMember : void 0 : conversationMemberByRef.get(item.memberRef);
 															const messageHeader = item.isMe || source.kind === "private_chat" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeTimelineMessageHeader, {
@@ -205872,8 +206602,9 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 																					wide: isStructuredMessageCard,
 																					children: messageBubble
 																				}, `read-receipt:${conversationOverlayKey}`);
-																				const topicBadge = selfTopicSource === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeTimelineSelfTopicBadge, {
-																					topic: selfTopicSource,
+																				const topicBadge = selfTopicPresentation === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeTimelineSelfTopicBadge, {
+																					topic: selfTopicPresentation.topic,
+																					...selfTopicPresentation.displayLabel === void 0 ? {} : { displayLabel: selfTopicPresentation.displayLabel },
 																					onSelect: activateSelfSource
 																				});
 																				if (!isExtensionMessage || item.extensionParent === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [messageContentLine, topicBadge] });
@@ -210541,11 +211272,12 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 		* It stays mounted while another Arkme conversation is visible so the native client can
 		* finish its own core boot independently of the Arkme directory request lifecycle.
 		*/
-		function DeepSeekHarnessSurface({ visible = true, nativeSettings = false, accountId, followSession = true }) {
+		function DeepSeekHarnessSurface({ visible = true, nativeSettings = false, accountId, accountScope, followSession = true }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
 				"data-arkme-owned": "deepseek-harness-surface",
 				"data-arkme-preload": "true",
 				"data-arkme-account-id": accountId,
+				"data-arkme-account-scope": accountScope,
 				"data-arkme-follow-session": visible && followSession && accountId !== void 0 ? "true" : "false",
 				"data-arkme-visible": visible ? "true" : "false",
 				style: {
@@ -211839,6 +212571,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 						visible: harnessVisible,
 						nativeSettings: webLockedHarness,
 						accountId: authenticatedUserId,
+						accountScope: contactsAccountKey,
 						followSession: ui.mode === "harness"
 					}, contactsAccountKey ?? "guest"),
 					!webLockedHarness && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -211965,7 +212698,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
 		}
 		//#endregion
 		//#region src/client/redesign/arkme-redesign.css?inline
-		var arkme_redesign_default = "[data-arkme-workspace] {\n  --arkme-line: #e7e7e9;\n  --arkme-muted: #8e9199;\n  --arkme-soft: #f6f6f7;\n  --arkme-focus: #cbd5ff;\n  color: #171923;\n  font-synthesis: none;\n  font-family: SF Pro Text, SF Pro Display, -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica Neue, Microsoft YaHei, sans-serif;\n}\n\n[data-arkme-workspace], [data-arkme-workspace] * {\n  box-sizing: border-box;\n}\n\n[data-arkme-workspace] button, [data-arkme-workspace] input, [data-arkme-workspace] textarea {\n  font: inherit;\n}\n\n[data-arkme-workspace] button {\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n}\n\n[data-arkme-workspace] [data-arkme-theme-image=\"dark\"] {\n  display: none !important;\n}\n\n.arkme-redesign-root {\n  --arkme-native-titlebar: 0px;\n  background: #fff;\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.arkme-native-desktop .arkme-redesign-root {\n  --arkme-native-titlebar: 50px;\n}\n\n.arkme-native-desktop .arkme-redesign-root:before {\n  content: \"\";\n  z-index: 30;\n  pointer-events: none;\n  background: #e8e8ea;\n  height: 1px;\n  position: absolute;\n  top: 49px;\n  left: 0;\n  right: 0;\n}\n\n.arkme-native-desktop [data-arkme-owned=\"persistent-sidebar\"] > [data-arkme-owned=\"product-navigation\"] {\n  padding-top: 28px !important;\n}\n\n.arkme-redesign-rail {\n  z-index: 8;\n  top: calc(26px + var(--arkme-native-titlebar));\n  background: #fbfbfc;\n  border: 1px solid #e4e4e7;\n  border-radius: 22px;\n  flex-direction: column;\n  width: 72px;\n  padding: 10px 8px;\n  display: flex;\n  position: absolute;\n  bottom: 22px;\n  left: 24px;\n  box-shadow: 0 16px 38px #1e20260e;\n}\n\n.arkme-redesign-rail-primary {\n  flex-direction: column;\n  gap: 5px;\n  display: flex;\n}\n\n.arkme-redesign-rail-primary button {\n  color: #3e4149;\n  border-radius: 15px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  min-height: 57px;\n  transition: background .18s, color .18s;\n  display: flex;\n  position: relative;\n}\n\n.arkme-redesign-rail-primary button span {\n  letter-spacing: .01em;\n  font-size: 11px;\n  font-weight: 400;\n}\n\n.arkme-redesign-rail-primary button:hover {\n  background: #f4f4f5;\n}\n\n.arkme-redesign-rail-primary button.is-active {\n  color: #151722;\n  background: #f1f2f6;\n}\n\n.arkme-redesign-rail-primary button.is-active:before {\n  content: \"\";\n  background: #9eadff;\n  border-radius: 3px;\n  width: 3px;\n  height: 33px;\n  position: absolute;\n  left: -9px;\n}\n\n.arkme-redesign-rail-footer {\n  border-top: 0 solid #ededee;\n  justify-items: center;\n  gap: 7px;\n  margin-top: auto;\n  padding-top: 0;\n  display: grid;\n  position: relative;\n}\n\n.arkme-redesign-rail-footer > button {\n  color: #4b4f58;\n  border-radius: 14px;\n  place-items: center;\n  width: 46px;\n  height: 46px;\n  display: grid;\n}\n\n.arkme-redesign-rail-footer > button:hover, .arkme-redesign-rail-footer > button.is-active {\n  background: #f1f2f5;\n}\n\n.arkme-redesign-rail-footer:empty {\n  display: none;\n}\n\n.arkme-conversation-input-card {\n  display: contents;\n}\n\nbody:is([data-ds-skin=\"qq2006\"], [data-arkme-skin=\"qq2006\"]) [data-arkme-owned=\"product-surface\"] .arkme-conversation-input-card.arkme-conversation-input-card.arkme-conversation-tools {\n  display: flex !important;\n}\n\n.arkme-redesign-profile {\n  position: relative;\n}\n\n.arkme-redesign-profile > span {\n  width: 32px !important;\n  height: 32px !important;\n}\n\n.arkme-redesign-profile-popover {\n  z-index: 10000;\n  backdrop-filter: blur(20px);\n  background: #fffffff5;\n  border: 1px solid #d8d9dde6;\n  border-radius: 18px;\n  width: 264px;\n  padding: 10px;\n  position: fixed;\n  bottom: 14px;\n  left: 64px;\n  box-shadow: 0 20px 50px #1a1c2326, 0 2px 8px #1a1c230d;\n}\n\n.arkme-redesign-profile-head {\n  align-items: center;\n  gap: 11px;\n  padding: 9px 9px 13px;\n  display: flex;\n}\n\nbutton.arkme-redesign-profile-head {\n  width: 100%;\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n}\n\n.arkme-redesign-profile-head > span {\n  text-align: left;\n  gap: 4px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-redesign-profile-head strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 600;\n  overflow: hidden;\n}\n\n.arkme-redesign-profile-head small {\n  color: #8b8f98;\n  font-size: 11px;\n  font-weight: 400;\n}\n\n.arkme-redesign-profile-menu {\n  border-top: 1px solid #eeeeef;\n  gap: 2px;\n  padding-top: 6px;\n  display: grid;\n}\n\n.arkme-redesign-profile-menu button {\n  width: 100%;\n  min-height: 50px;\n  box-shadow: none;\n  color: #393d46;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 11px;\n  outline: 0;\n  grid-template-columns: 28px minmax(0, 1fr) 16px;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 8px;\n  display: grid;\n}\n\n.arkme-redesign-profile-menu button:hover {\n  background: #f4f4f5;\n}\n\n.arkme-redesign-profile-menu button > span {\n  gap: 3px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-redesign-profile-menu strong {\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.arkme-redesign-profile-menu small {\n  color: #92969f;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 10px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.arkme-redesign-profile-menu button > svg:last-child {\n  color: #a0a3aa;\n}\n\n.arkme-redesign-native-settings-trigger {\n  clip-path: inset(50%);\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\n.arkme-redesign-chat-panel {\n  inset: var(--arkme-native-titlebar) auto 0 96px;\n  z-index: 3;\n  border-right: 1px solid var(--arkme-line);\n  background: #fff;\n  flex-direction: column;\n  width: 300px;\n  min-width: 0;\n  padding: 0;\n  display: flex;\n  position: absolute;\n  overflow: hidden;\n}\n\n.arkme-redesign-chat-search {\n  text-align: left;\n  border-radius: 11px;\n  align-items: center;\n  gap: 9px;\n  width: 100%;\n  height: 40px;\n  margin: 20px 0 10px;\n  padding: 0 12px;\n  display: flex;\n  color: #9699a1 !important;\n  border: 1px solid #e1e2e5 !important;\n  font-size: 11px !important;\n}\n\n.arkme-redesign-chat-search:hover {\n  background: #f7f7f8;\n}\n\n.arkme-redesign-chat-directory {\n  flex: 1;\n  min-height: 0;\n  margin: 0;\n  overflow: hidden;\n}\n\n.arkme-redesign-chat-directory > section {\n  background: none !important;\n}\n\n.arkme-redesign-task-section {\n  z-index: 3;\n  border-bottom: 1px solid #ececef;\n  outline: none;\n  height: 158px;\n  margin: 0 6px 12px;\n  position: relative;\n}\n\n.arkme-redesign-task-section-title {\n  color: #767b85;\n  justify-content: space-between;\n  align-items: center;\n  height: 28px;\n  padding: 0 7px;\n  display: flex;\n}\n\n.arkme-redesign-task-section-title strong {\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.arkme-redesign-task-section-title button {\n  border-radius: 7px;\n  place-items: center;\n  width: 24px;\n  height: 24px;\n  display: grid;\n}\n\n.arkme-redesign-task-section-title button:hover {\n  background: #f3f3f5;\n}\n\n.arkme-redesign-task-list {\n  overscroll-behavior: contain;\n  scrollbar-gutter: stable;\n  background: #fff;\n  max-height: 128px;\n  padding-bottom: 2px;\n  transition: max-height .18s, box-shadow .18s, padding .18s;\n  display: grid;\n  position: absolute;\n  top: 28px;\n  left: 0;\n  right: 0;\n  overflow: hidden auto;\n}\n\n.arkme-redesign-task-section:hover .arkme-redesign-task-list, .arkme-redesign-task-section:focus-within .arkme-redesign-task-list {\n  max-height: min(360px, 100vh - 180px);\n  padding-bottom: 6px;\n  box-shadow: 0 14px 22px #1b1e2512;\n}\n\n.arkme-redesign-task-list > button {\n  color: #555a64;\n  text-align: left;\n  border-radius: 8px;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  gap: 4px;\n  width: 100%;\n  min-width: 0;\n  height: 32px;\n  padding: 0 8px;\n  display: grid;\n}\n\n.arkme-redesign-task-list > button:hover {\n  background: #f7f7f8;\n}\n\n.arkme-redesign-task-list > button.is-selected {\n  color: #232630;\n  background: #f0f1f4;\n}\n\n.arkme-redesign-task-state {\n  justify-content: center;\n  align-items: center;\n  width: 16px;\n  height: 20px;\n  display: inline-flex;\n}\n\n.arkme-redesign-task-state.is-complete > i {\n  background: #39a56b1a;\n  border-radius: 50%;\n  width: 10px;\n  height: 10px;\n  display: block;\n  position: relative;\n}\n\n.arkme-redesign-task-state.is-complete > i:after {\n  content: \"\";\n  background: #39a56b;\n  border-radius: 50%;\n  position: absolute;\n  inset: 2px;\n}\n\n.arkme-redesign-task-matrix {\n  grid-template-columns: repeat(3, 2px);\n  grid-auto-rows: 2px;\n  gap: 1px;\n  width: 10px;\n  height: 10px;\n  display: grid;\n}\n\n.arkme-redesign-task-matrix i {\n  opacity: .15;\n  background: #5d76e8;\n  border-radius: 1px;\n  animation: 1s infinite arkme-task-dot-chase;\n}\n\n.arkme-redesign-task-matrix i:nth-child(2) {\n  animation-delay: .125s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(3) {\n  animation-delay: .25s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(4) {\n  animation-delay: .375s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(5) {\n  animation-delay: .5s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(6) {\n  animation-delay: .625s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(7) {\n  animation-delay: .75s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(8) {\n  animation-delay: .875s;\n}\n\n@keyframes arkme-task-dot-chase {\n  0%, 12.4% {\n    opacity: 1;\n  }\n\n  12.5%, 24.9% {\n    opacity: .6;\n  }\n\n  25%, 37.4% {\n    opacity: .35;\n  }\n\n  37.5%, 100% {\n    opacity: .15;\n  }\n}\n\n.arkme-redesign-task-copy {\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  display: flex;\n}\n\n.arkme-redesign-task-copy strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  min-width: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  overflow: hidden;\n}\n\n.arkme-redesign-task-copy small {\n  color: #9a9da5;\n  flex: none;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.arkme-redesign-task-first {\n  color: #555a64;\n  text-align: left;\n  border-radius: 8px;\n  width: calc(100% - 12px);\n  height: 32px;\n  margin: 0 6px;\n  padding: 0 8px;\n  font-size: 14px;\n}\n\n.arkme-redesign-task-first:hover {\n  background: #f7f7f8;\n}\n\n.arkme-redesign-content {\n  inset: var(--arkme-native-titlebar) 0 0 96px;\n  background: #fff;\n  min-width: 0;\n  min-height: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.arkme-redesign-content.has-panel {\n  left: 396px;\n}\n\n.arkme-redesign-content.has-details {\n  right: 360px;\n}\n\n.arkme-redesign-content.is-login-takeover {\n  left: 0;\n  right: 0;\n}\n\n.arkme-redesign-route-surface {\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-surface {\n  background: #fff !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-header {\n  border-bottom: 1px solid #ececef !important;\n  height: 68px !important;\n  padding: 12px 16px 12px 20px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-header h2 {\n  font-size: 15px !important;\n  font-weight: 600 !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-body {\n  padding: 22px 22px 12px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-records {\n  gap: 0 !important;\n  width: 100% !important;\n}\n\n.arkme-conversation-records-reveal {\n  animation: .12s ease-out both arkme-conversation-records-reveal;\n}\n\n@keyframes arkme-conversation-records-reveal {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .arkme-conversation-records-reveal {\n    animation: none;\n  }\n}\n\n.arkme-redesign-route-chats [data-arkme-content-presentation=\"bubble\"] p {\n  font-size: 14px;\n  line-height: 1.62;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer {\n  padding: 0 24px 20px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer-inner {\n  background: #fff !important;\n  border: 1px solid #dfe1e6 !important;\n  border-radius: 15px !important;\n  gap: 8px !important;\n  width: 100% !important;\n  padding: 12px 13px 9px !important;\n  box-shadow: 0 8px 30px #1c1f270b !important;\n}\n\n.arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"] {\n  --arkme-primary-composer-idle: #f6f6f6;\n  --arkme-primary-composer-focused: #fff;\n  background: var(--arkme-primary-composer-idle, #f6f6f6) !important;\n  box-shadow: none !important;\n}\n\n.arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"][data-arkme-composer-focused=\"true\"] {\n  background: var(--arkme-primary-composer-focused, #fff) !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer textarea {\n  min-height: 38px !important;\n  padding: 0 !important;\n  font-size: 14px !important;\n  line-height: 22px !important;\n}\n\n.arkme-redesign-task-conversation {\n  font-size: 15px;\n}\n\n.arkme-redesign-task-conversation [data-phase] {\n  --dsh-chat-content-width: calc(100% - 64px);\n  --dsh-composer-card-max-width: calc(100% - 32px);\n}\n\n.arkme-redesign-task-conversation [data-chat-flow] {\n  width: calc(100% - 64px) !important;\n  max-width: none !important;\n  margin-left: 32px !important;\n  margin-right: 32px !important;\n}\n\n.arkme-redesign-task-conversation textarea {\n  font-size: 14px !important;\n}\n\n[data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"][data-arkme-directory-visible=\"true\"] [data-arkme-directory-mode=\"conversations\"]), [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-web-locked] [data-arkme-directory-mode=\"web-locked\"]) {\n  grid-template-columns: var(--arkme-persistent-sidebar-width, 356px) minmax(0, 1fr) 0 !important;\n}\n\n[data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"][data-arkme-directory-visible=\"false\"]) {\n  grid-template-columns: 72px minmax(0, 1fr) 0 !important;\n}\n\n@media (width >= 1100px) {\n  [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"] [data-arkme-directory-mode=\"contacts\"]) {\n    grid-template-columns: var(--arkme-persistent-sidebar-width, 356px) minmax(0, 1fr) 0 !important;\n  }\n\n  [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"true\"]:not([data-arkme-web-locked])) {\n    grid-template-columns: 0 minmax(0, 1fr) 0 !important;\n  }\n}\n\n[data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"]:has( > [data-arkme-directory-mode=\"conversations\"]) > [data-arkme-owned=\"product-navigation\"] {\n  flex: 0 0 72px !important;\n  width: 72px !important;\n  min-width: 72px !important;\n}\n\n[data-arkme-owned=\"persistent-sidebar\"] :is([data-arkme-directory-mode=\"conversations\"], [data-arkme-directory-mode=\"web-locked\"]) {\n  min-width: 72px !important;\n}\n\n[data-arkme-directory-compact=\"true\"] > :not([role=\"tree\"]) {\n  display: none !important;\n}\n\n[data-arkme-directory-compact=\"true\"] [role=\"tree\"] {\n  padding: 8px 6px 18px !important;\n}\n\n.arkme-redesign-feature-page {\n  background: #fff;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  padding: 30px 48px 36px;\n  display: flex;\n  overflow: hidden;\n}\n\n.arkme-redesign-feature-page > header {\n  flex: none;\n  margin: 0 0 22px;\n}\n\n.arkme-redesign-feature-page > header p {\n  color: #8d9098;\n  margin: 0 0 8px;\n  font-size: 11px;\n}\n\n.arkme-redesign-feature-page > header h1 {\n  letter-spacing: -.04em;\n  margin: 0;\n  font-size: 27px;\n  font-weight: 600;\n}\n\n.arkme-redesign-feature-page > header span {\n  color: #858992;\n  margin-top: 10px;\n  font-size: 12px;\n  display: block;\n}\n\n.arkme-redesign-feature-body {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.arkme-redesign-recordings-page {\n  background: #fff;\n  padding: 0;\n}\n\n.arkme-redesign-recordings-page > div {\n  height: 100% !important;\n}\n\n.arkme-redesign-search-page {\n  padding: 66px 0 40px;\n}\n\n.arkme-redesign-search-page > header, .arkme-redesign-search-page > .arkme-redesign-feature-body {\n  width: min(980px, 100% - 80px);\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.arkme-redesign-search-page > header {\n  margin-bottom: 28px;\n}\n\n.arkme-redesign-search-page > header h1 {\n  font-size: 32px;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body {\n  overflow-y: auto;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body > div {\n  width: 100% !important;\n  padding: 0 !important;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body > div > header {\n  display: none !important;\n}\n\n.arkme-redesign-search-page .arkme-search-box {\n  box-shadow: 0 8px 28px #1c1f2709;\n  color: #646872 !important;\n  background: #fff !important;\n  border: 1px solid #e1e2e5 !important;\n  border-radius: 15px !important;\n  gap: 12px !important;\n  height: 68px !important;\n  padding: 0 20px !important;\n}\n\n.arkme-redesign-search-page input[aria-label=\"搜索\"] {\n  font-size: 14px !important;\n}\n\n.arkme-redesign-search-page input[aria-label=\"搜索\"]:not(:focus)::placeholder {\n  color: #92959d;\n}\n\n.arkme-redesign-search-page .arkme-search-history, .arkme-redesign-search-page .arkme-search-quick {\n  margin: 24px 0 0 !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history > div, .arkme-redesign-search-page .arkme-search-quick > div {\n  gap: 0 !important;\n  display: grid !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history button, .arkme-redesign-search-page .arkme-search-quick button {\n  text-align: left;\n  overflow: hidden;\n  color: #30333b !important;\n  border: 0 !important;\n  border-bottom: 1px solid #e6e7e9 !important;\n  border-radius: 0 !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  gap: 14px !important;\n  width: 100% !important;\n  height: 52px !important;\n  padding: 0 6px !important;\n  font-size: 12px !important;\n  display: flex !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history button span, .arkme-redesign-search-page .arkme-search-quick button span {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.arkme-redesign-plugins-page {\n  background: #fff;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded > section {\n  background: #fff !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded header {\n  display: none !important;\n}\n\n.arkme-extension-toolbar {\n  align-items: center;\n  gap: 12px;\n  height: 46px;\n  display: flex;\n}\n\n.arkme-extension-toolbar label {\n  color: #8e929a;\n  border: 1px solid #e1e2e5;\n  border-radius: 12px;\n  flex: 1;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  height: 44px;\n  padding: 0 14px;\n  display: flex;\n}\n\n.arkme-extension-toolbar input {\n  color: #262932;\n  background: none;\n  border: 0;\n  outline: 0;\n  flex: 1;\n  min-width: 0;\n  font-size: 12px;\n}\n\n.arkme-extension-toolbar > button {\n  border-radius: 11px;\n  height: 38px;\n  padding: 0 15px;\n  font-size: 11px;\n  border: 1px solid #e1e2e5 !important;\n}\n\n.arkme-extension-toolbar > button:hover {\n  background: #f6f6f7;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded nav {\n  width: 420px;\n  height: 38px !important;\n  padding: 0 !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded main {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-content: start;\n  gap: 12px;\n  padding: 16px 0 0 !important;\n  display: grid !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-card {\n  background: #fff !important;\n  border: 1px solid #e3e4e7 !important;\n  border-radius: 15px !important;\n  min-height: 138px !important;\n  margin: 0 !important;\n  padding: 18px !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-card:hover {\n  background: #fafafa !important;\n  border-color: #d5d7dc !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-grid-span, .arkme-redesign-plugins-page .arkme-extension-center-embedded main > [role=\"status\"], .arkme-redesign-plugins-page .arkme-extension-center-embedded main > [role=\"alert\"] {\n  grid-column: 1 / -1;\n}\n\n@keyframes arkme-icon-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.arkme-icon-spin {\n  animation: .8s linear infinite arkme-icon-spin;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-arkme-voice] .arkme-icon-spin {\n    animation: none;\n  }\n}\n\n.arkme-redesign-settings-surface {\n  color: #20232c;\n  background: none;\n  width: 100%;\n  height: auto;\n  overflow: visible;\n}\n\n.arkme-redesign-settings-shell {\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.arkme-redesign-settings-profile {\n  align-items: center;\n  gap: 16px;\n  padding: 0 0 24px;\n  display: flex;\n}\n\n.arkme-redesign-settings-profile > div:nth-child(2) {\n  min-width: 0;\n}\n\n.arkme-redesign-settings-profile h1 {\n  color: #20232c;\n  letter-spacing: -.03em;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin: 0 0 6px;\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 30px;\n  overflow: hidden;\n}\n\n.arkme-redesign-settings-profile p {\n  color: #858992;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  font-size: 13px;\n  line-height: 18px;\n  display: flex;\n  overflow: hidden;\n}\n\n.arkme-redesign-settings-profile p > span {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.arkme-account-profile-qr {\n  color: #858992;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 0;\n  flex: none;\n  justify-content: center;\n  align-items: center;\n  width: 24px;\n  height: 24px;\n  margin: 0;\n  padding: 2px;\n  display: inline-flex;\n}\n\n.arkme-account-profile-qr:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-account-profile-qr svg {\n  width: 20px;\n  height: 20px;\n  display: block;\n}\n\n.arkme-redesign-settings-group {\n  background: none;\n  border: 0;\n  border-bottom: 1px solid #e1e2e5;\n  border-radius: 0;\n  margin: 0;\n  overflow: hidden;\n}\n\n.arkme-redesign-settings-group:last-child {\n  border-bottom: 0;\n}\n\n.arkme-redesign-settings-group > h2 {\n  color: #8a8e96;\n  border-bottom: 1px solid #ededee;\n  margin: 0;\n  padding: 15px 1px 10px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 17px;\n}\n\n.arkme-redesign-settings-group > div {\n  padding: 0;\n}\n\n.arkme-redesign-setting-row {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 54px;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  background: none;\n  border: 0;\n  border-bottom: 1px solid #ededee;\n  grid-template-columns: minmax(0, 1fr) auto 18px;\n  align-items: center;\n  gap: 10px;\n  padding: 9px 1px;\n  text-decoration: none;\n  display: grid;\n}\n\n.arkme-redesign-setting-row:last-child {\n  border-bottom: 0;\n}\n\nbutton.arkme-redesign-setting-row, a.arkme-redesign-setting-row {\n  cursor: pointer;\n}\n\nbutton.arkme-redesign-setting-row:hover, a.arkme-redesign-setting-row:hover {\n  color: #53617d;\n}\n\n.arkme-redesign-setting-row:disabled {\n  opacity: .6;\n  cursor: default;\n}\n\n.arkme-redesign-setting-row > strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  overflow: hidden;\n}\n\n.arkme-redesign-setting-row > strong.is-danger {\n  color: #b54841;\n}\n\n.arkme-redesign-setting-summary {\n  color: #858992;\n  text-align: right;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-width: 360px;\n  font-size: 12px;\n  line-height: 18px;\n  overflow: hidden;\n}\n\n.arkme-redesign-setting-row > svg {\n  color: #8d929b;\n}\n\n.arkme-account-info-row {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 54px;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  background: none;\n  border: 0;\n  border-bottom: 1px solid #ededee;\n  grid-template-columns: 26px minmax(0, 1fr) auto 18px;\n  align-items: center;\n  gap: 10px;\n  padding: 9px 1px;\n  display: grid;\n}\n\n.arkme-account-info-row:last-child {\n  border-bottom: 0;\n}\n\nbutton.arkme-account-info-row {\n  cursor: pointer;\n}\n\n.arkme-account-info-row:disabled {\n  opacity: .6;\n  cursor: default;\n}\n\n.arkme-account-info-icon {\n  color: #6f7580;\n  justify-content: center;\n  align-items: center;\n  width: 26px;\n  height: 26px;\n  display: inline-flex;\n}\n\n.arkme-account-info-copy {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-account-info-copy > strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  overflow: hidden;\n}\n\n.arkme-account-info-copy > small {\n  color: #858992;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  line-height: 18px;\n  overflow: hidden;\n}\n\n.arkme-account-info-action {\n  color: #858992;\n  white-space: nowrap;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-account-info-row > svg {\n  color: #8d929b;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-profile > div:nth-child(2) {\n  flex: 1;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-profile h1 {\n  margin: 0;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-group {\n  border-bottom: 0;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-row {\n  border-bottom: 0;\n  grid-template-columns: 26px minmax(0, 1fr) 48px 18px;\n  min-height: 54px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-copy {\n  grid-template-columns: minmax(70px, 1fr) minmax(0, auto);\n  align-items: center;\n  gap: 16px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-copy > small {\n  text-align: right;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-action {\n  text-align: center;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-group:has(.arkme-redesign-balance-row) {\n  margin-top: 16px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-balance-main > small {\n  color: inherit;\n  font-size: 28px;\n  font-weight: 600;\n  line-height: 38px;\n}\n\n.arkme-account-logout {\n  justify-content: center;\n  padding-top: 32px;\n  display: flex;\n}\n\n.arkme-account-logout > button {\n  color: #dc4d43;\n  min-width: 128px;\n  min-height: 40px;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 1px solid #e1e2e5;\n  border-radius: 8px;\n  padding: 8px 24px;\n}\n\n.arkme-account-logout > button:disabled {\n  cursor: default;\n  opacity: .6;\n}\n\n[data-arkme-settings-view=\"general\"] .arkme-redesign-settings-group:last-child {\n  border-bottom: 0;\n}\n\n.arkme-about-heading {\n  color: inherit;\n  font: inherit;\n  margin: 0 0 20px;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 1.5;\n}\n\n.arkme-account-feedback {\n  color: #b54841;\n  align-items: flex-start;\n  gap: 6px;\n  margin: 8px 0 14px;\n  font-size: 12px;\n  line-height: 18px;\n  display: flex;\n}\n\n.arkme-account-dialog-backdrop {\n  z-index: 50;\n  background: #12141a6b;\n  justify-content: center;\n  align-items: center;\n  padding: 18px;\n  display: flex;\n  position: fixed;\n  inset: 0;\n}\n\n.arkme-account-dialog {\n  box-sizing: border-box;\n  color: #20232c;\n  background: #fff;\n  border: 1px solid #e1e2e5;\n  border-radius: 16px;\n  width: min(420px, 100vw - 36px);\n  max-height: calc(100vh - 56px);\n  overflow: auto;\n  box-shadow: 0 18px 52px #11182738;\n}\n\n.arkme-account-dialog > header {\n  border-bottom: 1px solid #ededee;\n  justify-content: space-between;\n  align-items: center;\n  height: 58px;\n  padding: 0 16px 0 20px;\n  display: flex;\n}\n\n.arkme-account-dialog h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 650;\n  line-height: 24px;\n}\n\n.arkme-account-dialog > header button {\n  color: #8d929b;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 50%;\n  width: 34px;\n  height: 34px;\n}\n\n.arkme-account-qr-card {\n  box-sizing: border-box;\n  background: #fff;\n  border: 1px solid #ededee;\n  border-radius: 14px;\n  justify-items: center;\n  gap: 7px;\n  width: 270px;\n  margin: 22px auto 16px;\n  padding: 24px 22px 22px;\n  display: grid;\n}\n\n.arkme-account-qr-card strong {\n  text-align: center;\n  overflow-wrap: anywhere;\n  min-width: 0;\n  max-width: 100%;\n  margin-top: 4px;\n  font-size: 17px;\n  font-weight: 650;\n  line-height: 23px;\n}\n\n.arkme-account-qr-card span, .arkme-account-qr-card small {\n  color: #858992;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-account-qr-card img {\n  width: 180px;\n  height: 180px;\n  margin-top: 8px;\n}\n\n.arkme-account-form {\n  gap: 12px;\n  padding: 18px 20px 20px;\n  display: grid;\n}\n\n.arkme-account-form label {\n  color: #5f6570;\n  gap: 7px;\n  font-size: 12px;\n  line-height: 18px;\n  display: grid;\n}\n\n.arkme-account-form input {\n  box-sizing: border-box;\n  color: #20232c;\n  width: 100%;\n  height: 42px;\n  font: inherit;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 11px;\n  outline: none;\n  padding: 0 12px;\n}\n\n.arkme-account-form input:focus {\n  border-color: #9aa7c2;\n  box-shadow: 0 0 0 3px #53617d1f;\n}\n\n.arkme-account-rule {\n  color: #858992;\n  margin: -2px 0 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-account-code-row {\n  grid-template-columns: minmax(0, 1fr) 92px;\n  gap: 8px;\n  display: grid;\n}\n\n.arkme-account-code-row button {\n  color: #343944;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 11px;\n}\n\n.arkme-account-code-row button:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-account-dialog-actions {\n  justify-content: flex-end;\n  gap: 10px;\n  padding-top: 6px;\n  display: flex;\n}\n\n.arkme-account-dialog > .arkme-account-dialog-actions {\n  padding: 6px 20px 20px;\n}\n\n.arkme-account-dialog > .arkme-account-dialog-status {\n  margin: 0 20px 16px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card + .arkme-account-dialog-actions {\n  justify-content: center;\n  padding: 6px 20px 24px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card ~ .arkme-account-dialog-status {\n  text-align: center;\n  margin: -8px 20px 20px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card ~ .arkme-account-dialog-status:empty {\n  display: none;\n}\n\n.arkme-account-dialog-actions button {\n  color: #343944;\n  min-width: 78px;\n  height: 36px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  padding: 0 14px;\n  display: inline-flex;\n}\n\n.arkme-account-dialog-actions button[type=\"submit\"], .arkme-account-dialog-actions button:last-child {\n  color: #fff;\n  background: #20232c;\n  border-color: #20232c;\n}\n\n.arkme-account-dialog-actions button:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-account-dialog-status {\n  color: #13a85b;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-account-dialog-status.is-error {\n  color: #b54841;\n}\n\n.arkme-redesign-version-row {\n  grid-template-columns: minmax(0, 1fr) minmax(150px, auto) auto 18px;\n}\n\n.arkme-redesign-version-row.is-without-action {\n  grid-template-columns: minmax(0, 1fr) auto 18px;\n}\n\n.arkme-redesign-version-copy {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-redesign-version-copy > strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  overflow: hidden;\n}\n\n.arkme-redesign-version-copy > small {\n  color: #858992;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 11px;\n  line-height: 16px;\n  overflow: hidden;\n}\n\n.arkme-redesign-version-value {\n  color: #858992;\n  white-space: nowrap;\n  justify-self: end;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-redesign-version-action-slot {\n  justify-content: flex-end;\n  display: inline-flex;\n}\n\n.arkme-redesign-trailing-slot {\n  width: 18px;\n  height: 1px;\n}\n\nbutton.arkme-redesign-update-button {\n  color: #343944;\n  min-width: 72px;\n  height: 30px;\n  font: inherit;\n  white-space: nowrap;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 9px;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  padding: 0 11px;\n  font-size: 11px;\n  display: inline-flex;\n}\n\nbutton.arkme-redesign-update-button:hover {\n  background: #f7f7f8;\n  border-color: #cfd3da;\n}\n\nbutton.arkme-redesign-update-button:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-redesign-settings-group:has(.arkme-redesign-balance-row) {\n  overflow: visible;\n}\n\n.arkme-redesign-balance-row {\n  grid-template-columns: max-content max-content minmax(0, 1fr) 18px;\n  column-gap: 20px;\n}\n\n.arkme-redesign-balance-row.is-without-reserved {\n  grid-template-columns: max-content minmax(0, 1fr) 18px;\n}\n\n.arkme-redesign-balance-main {\n  min-width: 0;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  gap: 2px;\n  padding: 0;\n  display: grid;\n}\n\n.arkme-redesign-balance-main > strong {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.arkme-redesign-balance-main > small {\n  color: #858992;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-redesign-balance-usage {\n  color: #8a8e96;\n  white-space: nowrap;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-redesign-reserved-balance {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-redesign-recharge-trigger {\n  justify-self: end;\n}\n\n.arkme-redesign-reserved-title {\n  align-items: center;\n  gap: 5px;\n  width: fit-content;\n  display: inline-flex;\n  position: relative;\n}\n\n.arkme-redesign-reserved-title > strong {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.arkme-redesign-reserved-balance > small {\n  color: #858992;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-redesign-reserved-help {\n  box-sizing: border-box;\n  color: #858992;\n  cursor: help;\n  border: 1px solid #a6aab2;\n  border-radius: 50%;\n  place-items: center;\n  width: 15px;\n  height: 15px;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  display: inline-grid;\n}\n\n.arkme-redesign-reserved-help:focus-visible {\n  outline-offset: 2px;\n  outline: 2px solid #7b8cad;\n}\n\n.arkme-redesign-reserved-title > [role=\"tooltip\"] {\n  box-sizing: border-box;\n  z-index: 20;\n  color: #fff;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  background: #2e323b;\n  border-radius: 8px;\n  width: 240px;\n  padding: 9px 11px;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 17px;\n  transition: opacity .12s, transform .12s, visibility .12s;\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: calc(100% - 7.5px);\n  transform: translate(-50%, 2px);\n  box-shadow: 0 6px 18px #181b222e;\n}\n\n.arkme-redesign-reserved-help:hover ~ [role=\"tooltip\"], .arkme-redesign-reserved-help:focus ~ [role=\"tooltip\"] {\n  opacity: 1;\n  visibility: visible;\n  transform: translate(-50%);\n}\n\n.arkme-redesign-settings-error {\n  color: #b54841;\n  background: #fff3f0;\n  border-radius: 10px;\n  margin: -8px 0 28px;\n  padding: 10px 13px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-remote-settings-dialog-backdrop {\n  z-index: 1150;\n  box-sizing: border-box;\n  backdrop-filter: blur(1.5px);\n  background: #16181d47;\n  place-items: center;\n  padding: 24px;\n  display: grid;\n  position: fixed;\n  inset: 0;\n}\n\n.arkme-remote-settings-dialog {\n  color: #20232c;\n  background: #fff;\n  border: 1px solid #14182014;\n  border-radius: 19px;\n  flex-direction: column;\n  width: min(720px, 100vw - 48px);\n  max-height: min(720px, 100vh - 48px);\n  display: flex;\n  overflow: hidden;\n  box-shadow: 0 18px 54px #11141b2e;\n}\n\n.arkme-remote-page-header {\n  box-sizing: border-box;\n  border-bottom: 1px solid #ededee;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  min-height: 74px;\n  padding: 0 24px 0 28px;\n  display: flex;\n}\n\n.arkme-remote-page-header > div {\n  min-width: 0;\n}\n\n.arkme-remote-page-header h1 {\n  color: #20232c;\n  letter-spacing: -.02em;\n  margin: 0;\n  font-size: 18px;\n  font-weight: 620;\n  line-height: 25px;\n}\n\n.arkme-remote-page-header p {\n  color: #8b9098;\n  margin: 3px 0 0;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-remote-settings-close {\n  color: #777c85;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  flex: none;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: inline-flex;\n}\n\n.arkme-remote-settings-close:hover {\n  color: #20232c;\n  background: #f3f3f4;\n}\n\n.arkme-remote-settings-dialog-body {\n  overscroll-behavior: contain;\n  gap: 28px;\n  padding: 24px 28px 28px;\n  display: grid;\n  overflow-y: auto;\n}\n\n.arkme-remote-section {\n  gap: 13px;\n  display: grid;\n}\n\n.arkme-remote-section-header {\n  justify-content: space-between;\n  align-items: flex-end;\n  gap: 18px;\n  min-height: 34px;\n  display: flex;\n}\n\n.arkme-remote-section-header > div:first-child {\n  min-width: 0;\n}\n\n.arkme-remote-section-header h2 {\n  color: #292c34;\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n.arkme-remote-section-header p {\n  color: #8b9098;\n  margin: 2px 0 0;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-remote-section-header > div:last-child {\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.arkme-remote-icon-button {\n  color: #8a8f97;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: inline-flex;\n}\n\n.arkme-remote-icon-button:hover {\n  color: #343944;\n  background: #f3f3f4;\n}\n\n.arkme-remote-add-button {\n  color: #fff;\n  min-height: 32px;\n  font: inherit;\n  cursor: pointer;\n  background: #20232c;\n  border: 0;\n  border-radius: 9px;\n  align-items: center;\n  gap: 5px;\n  padding: 0 12px;\n  font-size: 11px;\n  font-weight: 550;\n  display: inline-flex;\n}\n\n.arkme-remote-add-button:hover {\n  background: #343944;\n}\n\n.arkme-remote-add-button:disabled, .arkme-remote-icon-button:disabled {\n  opacity: .45;\n  cursor: default;\n}\n\n.arkme-remote-settings-card {\n  background: #fff;\n  border: 1px solid #e1e2e5;\n  border-radius: 16px;\n  overflow: hidden;\n}\n\n.arkme-remote-allow-row {\n  border-bottom: 1px solid #ededee;\n  justify-content: space-between;\n  align-items: center;\n  gap: 18px;\n  min-height: 60px;\n  padding: 0 18px;\n  display: flex;\n}\n\n.arkme-remote-allow-row > div {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-remote-allow-row strong, .arkme-remote-device-row strong, .arkme-remote-name-row strong {\n  color: #343944;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.arkme-remote-allow-row span, .arkme-remote-device-row span, .arkme-remote-name-row small {\n  color: #8b9098;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 10px;\n  line-height: 16px;\n  overflow: hidden;\n}\n\n.arkme-remote-switch {\n  cursor: pointer;\n  background: #d7d9dd;\n  border: 0;\n  border-radius: 999px;\n  flex: none;\n  width: 40px;\n  height: 23px;\n  padding: 0;\n  transition: background .16s;\n  position: relative;\n}\n\n.arkme-remote-switch > span {\n  background: #fff;\n  border-radius: 50%;\n  width: 17px;\n  height: 17px;\n  transition: transform .16s;\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  box-shadow: 0 1px 3px #14182038;\n}\n\n.arkme-remote-switch[aria-checked=\"true\"] {\n  background: #3b9cf5;\n}\n\n.arkme-remote-switch[aria-checked=\"true\"] > span {\n  transform: translateX(17px);\n}\n\n.arkme-remote-switch:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.arkme-remote-device-row {\n  border-bottom: 1px solid #ededee;\n  grid-template-columns: 24px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 11px;\n  min-height: 64px;\n  padding: 0 18px;\n  display: grid;\n}\n\n.arkme-remote-device-row:last-child {\n  border-bottom: 0;\n}\n\n.arkme-remote-device-row > svg {\n  color: #68707c;\n}\n\n.arkme-remote-device-row > div {\n  gap: 1px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-remote-device-row > button {\n  color: #5d626c;\n  min-height: 30px;\n  font: inherit;\n  cursor: pointer;\n  background: #f3f3f4;\n  border: 0;\n  border-radius: 9px;\n  padding: 0 10px;\n  font-size: 10px;\n}\n\n.arkme-remote-device-row > button:hover {\n  color: #b54841;\n  background: #fff0ed;\n}\n\n.arkme-remote-device-row > button:disabled {\n  opacity: .45;\n  cursor: default;\n}\n\n.arkme-remote-empty-row {\n  color: #989ca3;\n  align-items: center;\n  gap: 11px;\n  min-height: 52px;\n  padding: 0 18px;\n  font-size: 11px;\n  display: flex;\n}\n\n.arkme-remote-empty-row > svg {\n  color: #a2a6ad;\n}\n\n.arkme-remote-name-row {\n  color: #727780;\n  width: 100%;\n  min-height: 62px;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  grid-template-columns: 24px minmax(0, 1fr) 20px;\n  align-items: center;\n  gap: 11px;\n  padding: 0 18px;\n  display: grid;\n}\n\n.arkme-remote-name-row:hover {\n  background: #fafafb;\n}\n\n.arkme-remote-name-row > span {\n  gap: 1px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-remote-name-row small {\n  display: block;\n}\n\n.arkme-remote-rename {\n  border-top: 1px solid #ededee;\n  grid-template-columns: minmax(0, 1fr) auto auto;\n  gap: 7px;\n  padding: 12px 18px;\n  display: grid;\n}\n\n.arkme-remote-rename input {\n  box-sizing: border-box;\n  color: #20232c;\n  min-width: 0;\n  height: 34px;\n  font: inherit;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 9px;\n  outline: 0;\n  padding: 0 10px;\n  font-size: 12px;\n}\n\n.arkme-remote-rename input:focus {\n  border-color: #6eb3f3;\n  box-shadow: 0 0 0 3px #3b9cf51f;\n}\n\n.arkme-remote-rename button {\n  color: #4f5560;\n  min-height: 34px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #e0e1e4;\n  border-radius: 9px;\n  padding: 0 11px;\n  font-size: 11px;\n}\n\n.arkme-remote-rename button[type=\"submit\"] {\n  color: #fff;\n  background: #20232c;\n  border-color: #20232c;\n}\n\n.arkme-remote-rename button:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.arkme-remote-error {\n  margin: -22px 0 0;\n}\n\n.arkme-remote-dialog-backdrop {\n  z-index: 1200;\n  box-sizing: border-box;\n  backdrop-filter: blur(1.5px);\n  background: #16181d47;\n  place-items: center;\n  padding: 24px;\n  display: grid;\n  position: fixed;\n  inset: 0;\n  overflow: auto;\n}\n\n.arkme-remote-dialog {\n  box-sizing: border-box;\n  color: #20232c;\n  background: #fff;\n  border: 1px solid #14182014;\n  border-radius: 19px;\n  width: min(440px, 100vw - 32px);\n  max-height: calc(100vh - 48px);\n  padding: 28px;\n  position: relative;\n  overflow: auto;\n  box-shadow: 0 18px 54px #11141b2e;\n}\n\n.arkme-remote-dialog-close {\n  color: #777c85;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: inline-flex;\n  position: absolute;\n  top: 16px;\n  right: 16px;\n}\n\n.arkme-remote-dialog-close:hover {\n  color: #20232c;\n  background: #f3f3f4;\n}\n\n.arkme-remote-dialog-symbol {\n  color: #343944;\n  justify-content: center;\n  align-items: center;\n  gap: 9px;\n  height: 38px;\n  display: flex;\n}\n\n.arkme-remote-dialog-symbol > span {\n  background: #d6d8dc;\n  width: 28px;\n  height: 1px;\n}\n\n.arkme-remote-dialog > header {\n  text-align: center;\n  margin: 12px 0 22px;\n}\n\n.arkme-remote-dialog h2 {\n  letter-spacing: -.02em;\n  margin: 0;\n  font-size: 19px;\n  font-weight: 620;\n  line-height: 27px;\n}\n\n.arkme-remote-dialog header p {\n  color: #858992;\n  margin: 6px 0 0;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-remote-pairing-tabs {\n  box-sizing: border-box;\n  background: #f1f1f2;\n  border-radius: 11px;\n  grid-template-columns: 1fr 1fr;\n  gap: 3px;\n  height: 38px;\n  padding: 3px;\n  display: grid;\n}\n\n.arkme-remote-pairing-tabs button {\n  color: #737881;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 8px;\n  font-size: 11px;\n}\n\n.arkme-remote-pairing-tabs button[aria-selected=\"true\"] {\n  color: #252831;\n  background: #fff;\n  box-shadow: 0 1px 3px #14182017;\n}\n\n.arkme-remote-pairing-display {\n  box-sizing: border-box;\n  background: #fff;\n  border: 1px solid #e5e6e8;\n  border-radius: 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: 308px;\n  margin-top: 14px;\n  padding: 24px;\n  display: flex;\n  position: relative;\n}\n\n.arkme-remote-pairing-display > img {\n  width: 232px;\n  height: 232px;\n  image-rendering: pixelated;\n  display: block;\n}\n\n.arkme-remote-pairing-display > p {\n  color: #8b9098;\n  text-align: center;\n  margin: 10px 0 0;\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.arkme-remote-pairing-code {\n  color: #20232c;\n  letter-spacing: .17em;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n  user-select: all;\n  font-size: 33px;\n  font-weight: 620;\n  line-height: 46px;\n}\n\n.arkme-remote-pairing-tools {\n  gap: 4px;\n  display: flex;\n  position: absolute;\n  bottom: 12px;\n  right: 12px;\n}\n\n.arkme-remote-pairing-tools button {\n  color: #8a8f97;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 8px;\n  justify-content: center;\n  align-items: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  display: inline-flex;\n}\n\n.arkme-remote-pairing-tools button:hover {\n  color: #343944;\n  background: #f3f3f4;\n}\n\n.arkme-remote-pairing-expired {\n  text-align: center;\n  justify-items: center;\n  gap: 7px;\n  display: grid;\n}\n\n.arkme-remote-pairing-expired strong {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.arkme-remote-pairing-expired p {\n  color: #8b9098;\n  margin: 0;\n  font-size: 11px;\n}\n\n.arkme-remote-pairing-expired button {\n  color: #fff;\n  min-height: 32px;\n  font: inherit;\n  cursor: pointer;\n  background: #20232c;\n  border: 0;\n  border-radius: 9px;\n  margin-top: 7px;\n  padding: 0 12px;\n  font-size: 11px;\n}\n\n.arkme-remote-dialog-note {\n  color: #858992;\n  align-items: flex-start;\n  gap: 7px;\n  margin: 14px 2px 0;\n  font-size: 10px;\n  line-height: 16px;\n  display: flex;\n}\n\n.arkme-remote-dialog-note > svg {\n  color: #5e856d;\n  flex: none;\n  margin-top: 1px;\n}\n\n.arkme-remote-settings-close:focus-visible, .arkme-remote-icon-button:focus-visible, .arkme-remote-add-button:focus-visible, .arkme-remote-switch:focus-visible, .arkme-remote-device-row > button:focus-visible, .arkme-remote-name-row:focus-visible, .arkme-remote-rename button:focus-visible, .arkme-remote-dialog button:focus-visible {\n  outline-offset: 2px;\n  outline: 2px solid #3b9cf5;\n}\n\n@media (width <= 520px) {\n  .arkme-remote-settings-dialog-backdrop {\n    padding: 10px;\n  }\n\n  .arkme-remote-settings-dialog {\n    border-radius: 17px;\n    width: calc(100vw - 20px);\n    max-height: calc(100vh - 20px);\n  }\n\n  .arkme-remote-page-header {\n    min-height: 68px;\n    padding: 0 16px 0 20px;\n  }\n\n  .arkme-remote-page-header p {\n    display: none;\n  }\n\n  .arkme-remote-settings-dialog-body {\n    gap: 24px;\n    padding: 20px 18px 22px;\n  }\n\n  .arkme-remote-section-header p {\n    display: none;\n  }\n\n  .arkme-remote-device-row {\n    grid-template-columns: 22px minmax(0, 1fr);\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .arkme-remote-device-row > button {\n    grid-column: 2;\n    justify-self: start;\n  }\n\n  .arkme-remote-dialog-backdrop {\n    padding: 12px;\n  }\n\n  .arkme-remote-dialog {\n    padding: 24px 20px;\n  }\n\n  .arkme-remote-pairing-display {\n    min-height: 282px;\n    padding: 18px;\n  }\n\n  .arkme-remote-pairing-display > img {\n    width: min(224px, 100%);\n    height: auto;\n  }\n\n  .arkme-remote-pairing-code {\n    letter-spacing: .12em;\n    font-size: 26px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .arkme-remote-switch, .arkme-remote-switch > span {\n    transition: none;\n  }\n}\n\n.arkme-redesign-model-settings {\n  color: #20232c;\n  background: #fff;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.arkme-redesign-model-settings > header {\n  width: min(760px, 100% - 96px);\n  margin: 0 auto;\n  padding: 42px 0 22px;\n}\n\n.arkme-redesign-model-settings > header button {\n  color: #525762;\n  height: 34px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #e1e2e5;\n  border-radius: 18px;\n  align-items: center;\n  gap: 4px;\n  padding: 0 10px 0 7px;\n  font-size: 13px;\n  display: inline-flex;\n}\n\n.arkme-redesign-model-settings > header button:hover {\n  color: #20232c;\n  background: #f6f6f7;\n}\n\n.arkme-redesign-model-settings-body {\n  width: min(760px, 100% - 96px);\n  margin: 0 auto;\n  padding: 0 0 68px;\n}\n\n.arkme-redesign-model-settings-body > * {\n  max-width: none !important;\n}\n\n.arkme-redesign-task-start {\n  place-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 28px 58px 64px;\n  display: grid;\n}\n\n.arkme-redesign-task-start-inner {\n  text-align: center;\n  width: min(760px, 88%);\n  transform: translateY(-12px);\n}\n\n.arkme-redesign-task-greeting {\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 24px;\n  display: flex;\n}\n\n.arkme-redesign-task-greeting img {\n  object-fit: contain;\n  flex: none;\n  width: 62px;\n  height: 16px;\n  display: block;\n}\n\n.arkme-redesign-task-start h1 {\n  letter-spacing: -.03em;\n  margin: 0;\n  font-size: 29px;\n  font-weight: 600;\n  line-height: 1.15;\n}\n\n.arkme-redesign-hero-input {\n  border: 1px solid var(--arkme-focus);\n  text-align: left;\n  background: #fff;\n  border-radius: 17px;\n  grid-template-rows: minmax(56px, 1fr) auto;\n  min-height: 142px;\n  padding: 17px 16px 13px 20px;\n  display: grid;\n  box-shadow: 0 8px 30px #1c1f270b;\n}\n\n.arkme-redesign-hero-input:focus-within {\n  border-color: #aebdff;\n  box-shadow: 0 10px 38px #36488c13, 0 0 0 3px #91a4ff12;\n}\n\n.arkme-redesign-hero-input textarea {\n  resize: none;\n  color: #20232c;\n  border: 0;\n  outline: 0;\n  width: 100%;\n  min-height: 58px;\n  padding: 0;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n.arkme-redesign-hero-input textarea::placeholder {\n  color: #a3a6ad;\n}\n\n.arkme-redesign-hero-controls {\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  display: flex;\n}\n\n.arkme-redesign-hero-controls > div {\n  align-items: center;\n  gap: 7px;\n  display: flex;\n}\n\n.arkme-redesign-source-button {\n  border-radius: 22px;\n  align-items: center;\n  gap: 8px;\n  height: 36px;\n  padding: 0 13px;\n  font-size: 13px;\n  display: flex;\n  border: 1px solid #e2e3e6 !important;\n}\n\n.arkme-redesign-round-tool, .arkme-redesign-send-task {\n  border-radius: 50%;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  display: grid;\n  border: 1px solid #e2e3e6 !important;\n}\n\n.arkme-redesign-round-tool:hover {\n  background: #f5f5f6;\n}\n\n.arkme-redesign-send-task {\n  color: #fff !important;\n  background: #20232d !important;\n  border: 0 !important;\n}\n\n.arkme-redesign-send-task:disabled {\n  cursor: default;\n  background: #d9dade !important;\n}\n\n.arkme-redesign-task-error {\n  color: #b84747;\n  text-align: left;\n  margin-top: 10px;\n  font-size: 12px;\n}\n\n.arkme-redesign-starters {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  width: calc(100% - 18px);\n  margin: 22px auto 0;\n  display: grid;\n}\n\n.arkme-redesign-starters > button {\n  text-align: left;\n  border-right: 1px solid #e7e7e9;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  min-height: 48px;\n  padding: 4px 18px;\n  display: flex;\n}\n\n.arkme-redesign-starters > button:last-child {\n  border-right: 0;\n}\n\n.arkme-redesign-starters > button:hover strong {\n  color: #5365ad;\n}\n\n.arkme-redesign-starter-icon {\n  color: #30333b;\n  border: 1px solid #e2e3e6;\n  border-radius: 50%;\n  flex: none;\n  place-items: center;\n  width: 38px;\n  height: 38px;\n  display: grid;\n}\n\n.arkme-redesign-starters > button > span:last-child {\n  gap: 4px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-redesign-starters strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 13px;\n  font-weight: 500;\n  overflow: hidden;\n}\n\n.arkme-redesign-starters small {\n  color: #8d919a;\n  font-size: 12px;\n}\n\n.arkme-redesign-details {\n  z-index: 4;\n  top: var(--arkme-native-titlebar);\n  background: #fff;\n  border-left: 1px solid #e7e7e9;\n  width: 360px;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  overflow: hidden;\n}\n\n.arkme-redesign-calendar-overlay {\n  z-index: 14;\n  inset: var(--arkme-native-titlebar) 0 0;\n  pointer-events: none;\n  position: absolute;\n}\n\n.arkme-redesign-calendar-overlay > * {\n  pointer-events: auto;\n}\n\n.arkme-redesign-overlays {\n  z-index: 20;\n  pointer-events: none;\n  position: absolute;\n  inset: 0;\n}\n\n.arkme-redesign-overlays > * {\n  pointer-events: auto;\n}\n\n.arkme-workspace-dialog-backdrop {\n  z-index: 60;\n  backdrop-filter: blur(2px);\n  background: #181b2238;\n  place-items: center;\n  padding: 28px;\n  display: grid;\n  position: absolute;\n  inset: 0;\n}\n\n.arkme-workspace-dialog {\n  background: #fff;\n  border: 1px solid #dddfe4;\n  border-radius: 18px;\n  grid-template-rows: auto auto minmax(0, 1fr) auto;\n  width: min(640px, 100%);\n  height: min(620px, 100%);\n  min-height: 420px;\n  display: grid;\n  overflow: hidden;\n  box-shadow: 0 24px 70px #191c232e;\n}\n\n.arkme-workspace-dialog > header {\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 18px;\n  padding: 22px 24px 16px;\n  display: flex;\n}\n\n.arkme-workspace-dialog > header span {\n  color: #8b8e96;\n  font-size: 10px;\n}\n\n.arkme-workspace-dialog > header h2 {\n  margin: 5px 0 0;\n  font-size: 19px;\n  font-weight: 600;\n}\n\n.arkme-workspace-dialog > header > button {\n  border-radius: 9px;\n  place-items: center;\n  width: 32px;\n  height: 32px;\n  display: grid;\n}\n\n.arkme-workspace-dialog > nav {\n  border-top: 1px solid #ececef;\n  border-bottom: 1px solid #ececef;\n  align-items: center;\n  gap: 2px;\n  min-height: 42px;\n  padding: 0 22px;\n  display: flex;\n  overflow-x: auto;\n}\n\n.arkme-workspace-dialog > nav > span {\n  white-space: nowrap;\n  color: #9a9da5;\n  align-items: center;\n  gap: 2px;\n  display: inline-flex;\n}\n\n.arkme-workspace-dialog > nav button {\n  color: #666a73;\n  border-radius: 8px;\n  align-items: center;\n  gap: 5px;\n  height: 30px;\n  padding: 0 7px;\n  font-size: 11px;\n  display: inline-flex;\n}\n\n.arkme-workspace-directory-list {\n  min-height: 0;\n  padding: 10px 14px;\n  overflow-y: auto;\n}\n\n.arkme-workspace-directory-list > button {\n  text-align: left;\n  border-radius: 11px;\n  grid-template-columns: 34px minmax(0, 1fr) 18px;\n  align-items: center;\n  gap: 9px;\n  width: 100%;\n  height: 48px;\n  padding: 0 11px;\n  display: grid;\n}\n\n.arkme-workspace-directory-list > button:hover {\n  background: #f5f5f7;\n}\n\n.arkme-workspace-directory-list > button > span {\n  color: #636873;\n  border: 1px solid #e5e6e9;\n  border-radius: 9px;\n  place-items: center;\n  width: 32px;\n  height: 32px;\n  display: grid;\n}\n\n.arkme-workspace-directory-list strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  font-weight: 500;\n  overflow: hidden;\n}\n\n.arkme-workspace-dialog-status, .arkme-workspace-dialog-error {\n  color: #8c9098;\n  text-align: center;\n  padding: 54px 16px;\n  font-size: 12px;\n}\n\n.arkme-workspace-dialog-error {\n  color: #b94b4b;\n}\n\n.arkme-workspace-dialog > footer {\n  border-top: 1px solid #e8e9ec;\n  justify-content: space-between;\n  align-items: center;\n  gap: 18px;\n  min-height: 72px;\n  padding: 12px 18px;\n  display: flex;\n}\n\n.arkme-workspace-dialog-back {\n  color: #696d76;\n  align-items: center;\n  gap: 6px;\n  height: 36px;\n  padding: 0 10px;\n  font-size: 11px;\n  display: inline-flex;\n}\n\n.arkme-workspace-dialog > footer > div {\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  display: flex;\n}\n\n.arkme-workspace-dialog > footer small {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: #92959d;\n  max-width: 280px;\n  font-size: 9px;\n  overflow: hidden;\n}\n\n.arkme-workspace-dialog > footer > div > button {\n  color: #fff;\n  background: #20232d;\n  border-radius: 10px;\n  flex: none;\n  height: 38px;\n  padding: 0 17px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.arkme-workspace-dialog button:disabled {\n  opacity: .48;\n  cursor: default;\n}\n\n.arkme-redesign-placeholder {\n  color: #858992;\n  text-align: center;\n  place-content: center;\n  justify-items: center;\n  width: 100%;\n  height: 100%;\n  display: grid;\n}\n\n.arkme-redesign-placeholder > span {\n  color: #555a64;\n  border: 1px solid #e1e2e5;\n  border-radius: 14px;\n  place-items: center;\n  width: 48px;\n  height: 48px;\n  display: grid;\n}\n\n.arkme-redesign-placeholder h1 {\n  color: #3e424b;\n  margin: 16px 0 7px;\n  font-size: 18px;\n}\n\n.arkme-redesign-placeholder p {\n  margin: 0;\n  font-size: 12px;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] {\n  --arkme-line: var(--dsw-alias-border-l1);\n  --arkme-muted: var(--dsw-alias-label-tertiary);\n  --arkme-soft: var(--dsw-alias-bg-layer-2);\n  --arkme-focus: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"], body[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] {\n  background: var(--dsw-specific-sidebar-fill) !important;\n  color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-brand\"] {\n  box-shadow: none;\n  background: none !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] [data-arkme-theme-image=\"light\"] {\n  display: none !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] [data-arkme-theme-image=\"dark\"] {\n  display: block !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] > div {\n  border-color: var(--dsw-alias-border-l1) !important;\n  background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] {\n  background: var(--dsw-alias-bg-base) !important;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] .arkme-conversation-surface, body[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] .arkme-conversation-composer {\n  background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] div:has( > input[aria-label=\"搜索\"]) {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-specific-input-major) !important;\n  box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button:hover {\n  background: var(--dsw-alias-interactive-bg-hover) !important;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button[aria-current=\"page\"] {\n  background: var(--dsw-alias-interactive-bg-active) !important;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button[aria-current=\"page\"] > span[aria-hidden=\"true\"] {\n  background: var(--dsw-alias-state-business-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"], body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"], body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [aria-label=\"Arkme 会话列表\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] {\n  background: var(--dsw-alias-bg-base) !important;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] label:has( > input[aria-label=\"搜索对话或消息\"]), body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] button[aria-label=\"新任务\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] label:has( > input[aria-label=\"搜索对话或消息\"]), body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] button[aria-label=\"新任务\"] {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-specific-input-major) !important;\n  color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [role=\"treeitem\"][aria-selected=\"true\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] [role=\"treeitem\"][aria-selected=\"true\"] {\n  background: var(--dsw-alias-interactive-bg-active) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [role=\"status\"][aria-label$=\"个人测试版\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] [role=\"status\"][aria-label$=\"个人测试版\"] {\n  background: var(--dsw-alias-bg-layer-2) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] .arkme-conversation-composer {\n  background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-recordings-page [aria-label=\"全天候录音操作\"] > div > button, body[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] [aria-label=\"全天候录音操作\"] > div > button {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-alias-button-elevated-fill) !important;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-recordings-page [aria-label=\"全天候录音操作\"] > div > button:first-child, body[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] [aria-label=\"全天候录音操作\"] > div > button:first-child {\n  border-color: var(--dsw-alias-button-primary-fill) !important;\n  background: var(--dsw-alias-button-primary-fill) !important;\n  color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) {\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"客户端日历\"], body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"当天内容\"] {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-alias-bg-layer-1) !important;\n  color: var(--dsw-alias-label-primary) !important;\n  box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"客户端日历\"] > span[aria-hidden] {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] > header button, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[aria-label*=\"记录\"] {\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] > div > span {\n  color: var(--dsw-alias-label-tertiary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"false\"][aria-label*=\"条记录\"] > span:last-child {\n  background: var(--dsw-alias-bg-layer-2) !important;\n  color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"], body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"] > span {\n  color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"] > span:last-child {\n  color: var(--dsw-alias-label-primary-inverted) !important;\n  background: none !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article > div > div:last-child {\n  border-color: var(--dsw-alias-border-l1) !important;\n  background: var(--dsw-alias-bg-layer-2) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article h3, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article p {\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article time, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article span {\n  color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-root, body[data-ds-dark-theme] .arkme-redesign-chat-panel, body[data-ds-dark-theme] .arkme-redesign-content, body[data-ds-dark-theme] .arkme-redesign-feature-page, body[data-ds-dark-theme] .arkme-redesign-recordings-page, body[data-ds-dark-theme] .arkme-redesign-plugins-page, body[data-ds-dark-theme] .arkme-redesign-model-settings, body[data-ds-dark-theme] .arkme-redesign-details {\n  background: var(--dsw-alias-bg-base);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-native-desktop .arkme-redesign-root:before {\n  background: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail {\n  border-color: var(--dsw-alias-border-l2);\n  background: var(--dsw-specific-sidebar-fill);\n  box-shadow: var(--dsw-shadow-lv2);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button, body[data-ds-dark-theme] .arkme-redesign-profile-menu button, body[data-ds-dark-theme] .arkme-redesign-task-list > button, body[data-ds-dark-theme] .arkme-redesign-task-first, body[data-ds-dark-theme] .arkme-workspace-dialog > nav button, body[data-ds-dark-theme] .arkme-workspace-dialog-back, body[data-ds-dark-theme] .arkme-redesign-placeholder > span {\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button:hover, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button:hover, body[data-ds-dark-theme] .arkme-redesign-profile-menu button:hover, body[data-ds-dark-theme] .arkme-redesign-chat-search:hover, body[data-ds-dark-theme] .arkme-redesign-task-section-title button:hover, body[data-ds-dark-theme] .arkme-redesign-task-list > button:hover, body[data-ds-dark-theme] .arkme-redesign-task-first:hover, body[data-ds-dark-theme] .arkme-extension-toolbar > button:hover, body[data-ds-dark-theme] button.arkme-redesign-setting-row:hover, body[data-ds-dark-theme] a.arkme-redesign-setting-row:hover, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button:hover, body[data-ds-dark-theme] .arkme-redesign-round-tool:hover, body[data-ds-dark-theme] .arkme-workspace-directory-list > button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button.is-active, body[data-ds-dark-theme] .arkme-redesign-task-list > button.is-selected {\n  background: var(--dsw-alias-interactive-bg-active);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active:before {\n  background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-footer, body[data-ds-dark-theme] .arkme-redesign-profile-menu, body[data-ds-dark-theme] .arkme-redesign-task-section, body[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-header, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-history button, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-quick button, body[data-ds-dark-theme] .arkme-redesign-settings-group h2, body[data-ds-dark-theme] .arkme-redesign-setting-row, body[data-ds-dark-theme] .arkme-account-info-row, body[data-ds-dark-theme] .arkme-redesign-starters > button, body[data-ds-dark-theme] .arkme-redesign-details, body[data-ds-dark-theme] .arkme-workspace-dialog > nav, body[data-ds-dark-theme] .arkme-workspace-dialog > footer {\n  border-color: var(--dsw-alias-border-l1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-profile-popover, body[data-ds-dark-theme] .arkme-workspace-dialog {\n  border-color: var(--dsw-alias-border-l2);\n  background: var(--dsw-specific-menu);\n  box-shadow: var(--dsw-shadow-lv3);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-profile-head small, body[data-ds-dark-theme] .arkme-redesign-profile-menu small, body[data-ds-dark-theme] .arkme-redesign-profile-menu button > svg:last-child, body[data-ds-dark-theme] .arkme-redesign-task-section-title, body[data-ds-dark-theme] .arkme-redesign-task-copy small, body[data-ds-dark-theme] .arkme-account-profile-qr, body[data-ds-dark-theme] .arkme-redesign-feature-page > header p, body[data-ds-dark-theme] .arkme-redesign-feature-page > header span, body[data-ds-dark-theme] .arkme-redesign-search-page input[aria-label=\"搜索\"]:not(:focus)::placeholder, body[data-ds-dark-theme] .arkme-redesign-settings-profile p, body[data-ds-dark-theme] .arkme-redesign-settings-group h2, body[data-ds-dark-theme] .arkme-redesign-setting-summary, body[data-ds-dark-theme] .arkme-account-info-copy > small, body[data-ds-dark-theme] .arkme-account-info-action, body[data-ds-dark-theme] .arkme-account-info-row > svg, body[data-ds-dark-theme] .arkme-account-info-icon, body[data-ds-dark-theme] .arkme-redesign-setting-row > svg, body[data-ds-dark-theme] .arkme-redesign-hero-input textarea::placeholder, body[data-ds-dark-theme] .arkme-redesign-starters small, body[data-ds-dark-theme] .arkme-workspace-dialog > header span, body[data-ds-dark-theme] .arkme-workspace-dialog > nav > span, body[data-ds-dark-theme] .arkme-workspace-dialog-status, body[data-ds-dark-theme] .arkme-workspace-dialog > footer small, body[data-ds-dark-theme] .arkme-redesign-placeholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-chat-search, body[data-ds-dark-theme] .arkme-extension-toolbar label, body[data-ds-dark-theme] .arkme-extension-toolbar > button, body[data-ds-dark-theme] .arkme-redesign-settings-group, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-source-button, body[data-ds-dark-theme] .arkme-redesign-round-tool, body[data-ds-dark-theme] .arkme-redesign-starter-icon, body[data-ds-dark-theme] .arkme-workspace-directory-list > button > span, body[data-ds-dark-theme] .arkme-redesign-placeholder > span {\n  border-color: var(--dsw-alias-border-l2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-chat-search, body[data-ds-dark-theme] .arkme-extension-toolbar label {\n  color: var(--dsw-alias-label-tertiary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-extension-toolbar input, body[data-ds-dark-theme] .arkme-redesign-settings-profile h1, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-task-start h1, body[data-ds-dark-theme] .arkme-redesign-hero-input textarea, body[data-ds-dark-theme] .arkme-redesign-starter-icon, body[data-ds-dark-theme] .arkme-redesign-placeholder h1 {\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-list, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card {\n  background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-settings-surface, body[data-ds-dark-theme] .arkme-redesign-settings-group {\n  color: var(--dsw-alias-label-primary);\n  background: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog {\n  border-color: var(--dsw-alias-border-l2);\n  background: var(--dsw-specific-menu);\n  color: var(--dsw-alias-label-primary);\n  box-shadow: var(--dsw-shadow-lv3);\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog > header, body[data-ds-dark-theme] .arkme-account-qr-card {\n  border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-account-qr-card, body[data-ds-dark-theme] .arkme-account-form input, body[data-ds-dark-theme] .arkme-account-code-row button, body[data-ds-dark-theme] .arkme-account-dialog-actions button {\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-border-l2);\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog-actions button[type=\"submit\"], body[data-ds-dark-theme] .arkme-account-dialog-actions button:last-child {\n  border-color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-account-rule, body[data-ds-dark-theme] .arkme-account-qr-card span, body[data-ds-dark-theme] .arkme-account-qr-card small, body[data-ds-dark-theme] .arkme-account-form label {\n  color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-surface, body[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-center-embedded > section {\n  background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-composer-inner, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-box {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-specific-input-major) !important;\n  color: var(--dsw-alias-label-primary) !important;\n  box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"] {\n  --arkme-primary-composer-idle: #151515;\n  --arkme-primary-composer-focused: #000;\n  background: var(--arkme-primary-composer-idle, #f6f6f6) !important;\n  box-shadow: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"][data-arkme-composer-focused=\"true\"] {\n  background: var(--arkme-primary-composer-focused, #fff) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-greeting img {\n  filter: invert() hue-rotate(180deg);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-specific-input-major) !important;\n  color: var(--dsw-alias-label-primary) !important;\n  box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input textarea {\n  background: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-source-button, body[data-ds-dark-theme] .arkme-redesign-round-tool, body[data-ds-dark-theme] .arkme-redesign-starter-icon {\n  background: var(--dsw-alias-button-elevated-fill) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-history button, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-quick button {\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card {\n  border-color: var(--dsw-alias-border-l1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card:hover {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-alias-interactive-bg-hover) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-section:focus-within .arkme-redesign-task-list {\n  box-shadow: var(--dsw-shadow-lv2);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-settings-error {\n  background: var(--dsw-alias-interactive-bg-hover-danger);\n  color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-page-header h1, body[data-ds-dark-theme] .arkme-remote-section-header h2, body[data-ds-dark-theme] .arkme-remote-allow-row strong, body[data-ds-dark-theme] .arkme-remote-device-row strong, body[data-ds-dark-theme] .arkme-remote-name-row strong, body[data-ds-dark-theme] .arkme-remote-dialog, body[data-ds-dark-theme] .arkme-remote-pairing-code {\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-section-header p, body[data-ds-dark-theme] .arkme-remote-page-header p, body[data-ds-dark-theme] .arkme-remote-allow-row span, body[data-ds-dark-theme] .arkme-remote-device-row span, body[data-ds-dark-theme] .arkme-remote-name-row small, body[data-ds-dark-theme] .arkme-remote-dialog header p, body[data-ds-dark-theme] .arkme-remote-pairing-display > p, body[data-ds-dark-theme] .arkme-remote-dialog-note, body[data-ds-dark-theme] .arkme-remote-empty-row {\n  color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-card, body[data-ds-dark-theme] .arkme-remote-settings-dialog, body[data-ds-dark-theme] .arkme-remote-dialog, body[data-ds-dark-theme] .arkme-remote-pairing-display, body[data-ds-dark-theme] .arkme-remote-rename input {\n  border-color: var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-allow-row, body[data-ds-dark-theme] .arkme-remote-device-row, body[data-ds-dark-theme] .arkme-remote-rename, body[data-ds-dark-theme] .arkme-remote-page-header {\n  border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-close, body[data-ds-dark-theme] .arkme-remote-icon-button, body[data-ds-dark-theme] .arkme-remote-dialog-close, body[data-ds-dark-theme] .arkme-remote-pairing-tools button, body[data-ds-dark-theme] .arkme-remote-name-row {\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-close:hover, body[data-ds-dark-theme] .arkme-remote-icon-button:hover, body[data-ds-dark-theme] .arkme-remote-dialog-close:hover, body[data-ds-dark-theme] .arkme-remote-pairing-tools button:hover, body[data-ds-dark-theme] .arkme-remote-name-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-add-button, body[data-ds-dark-theme] .arkme-remote-rename button[type=\"submit\"], body[data-ds-dark-theme] .arkme-remote-pairing-expired button {\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-inverted);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-device-row > button, body[data-ds-dark-theme] .arkme-remote-rename button {\n  border-color: var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-switch[aria-checked=\"true\"] {\n  background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs {\n  background: var(--dsw-alias-bg-layer-2);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs button {\n  color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs button[aria-selected=\"true\"] {\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-dialog-backdrop, body[data-ds-dark-theme] .arkme-remote-dialog-backdrop {\n  background: #07090d8f;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-setting-row > strong.is-danger, body[data-ds-dark-theme] .arkme-redesign-task-error, body[data-ds-dark-theme] .arkme-workspace-dialog-error {\n  color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-state.is-complete > i {\n  background: var(--dsw-alias-state-success-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-state.is-complete > i:after {\n  background: var(--dsw-alias-state-success-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-matrix i, body[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active:before {\n  background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: 0 0 0 3px var(--dsw-alias-state-business-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-starters > button:hover strong {\n  color: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-send-task, body[data-ds-dark-theme] .arkme-workspace-dialog > footer > div > button {\n  background: var(--dsw-alias-button-primary-fill) !important;\n  color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-send-task:disabled {\n  background: var(--dsw-alias-button-elevated-fill) !important;\n  color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-workspace-dialog-backdrop {\n  background: var(--dsw-alias-bg-mask-1);\n}\n\n@media (width <= 1024px) {\n  .arkme-redesign-chat-panel {\n    width: 264px;\n    left: 82px;\n  }\n\n  .arkme-redesign-content {\n    left: 82px;\n  }\n\n  .arkme-redesign-content.has-panel {\n    left: 346px;\n  }\n\n  .arkme-redesign-rail {\n    left: 12px;\n  }\n\n  .arkme-redesign-starters > button {\n    padding: 0 10px;\n  }\n\n  .arkme-redesign-feature-page {\n    padding-left: 30px;\n    padding-right: 30px;\n  }\n}\n\n@media (width <= 820px) {\n  .arkme-redesign-chat-panel {\n    display: none;\n  }\n\n  .arkme-redesign-content.has-panel {\n    left: 82px;\n  }\n\n  .arkme-redesign-task-start {\n    padding: 28px;\n  }\n\n  .arkme-redesign-starters {\n    grid-template-columns: 1fr;\n    gap: 6px;\n  }\n\n  .arkme-redesign-starters > button {\n    border-right: 0;\n  }\n\n  .arkme-voiceprint-relationships {\n    grid-template-columns: minmax(0, 1fr) !important;\n    gap: 28px !important;\n  }\n\n  .arkme-voiceprint-outbound {\n    border-left: 0 !important;\n    border-top: 1px solid var(--dsw-alias-border-subtle, #e6e7eb) !important;\n    padding-top: 28px !important;\n    padding-left: 0 !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .arkme-redesign-task-matrix i {\n    opacity: .6;\n    animation: none;\n  }\n}\n\n.arkme-contact-directory, .arkme-directory-detail-pane {\n  box-sizing: border-box;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  color: var(--dsw-alias-label-primary, #202124);\n  font-size: 13px;\n  overflow: hidden;\n}\n\n[data-arkme-directory-mode=\"contacts\"] {\n  background: var(--dsw-specific-sidebar-fill, #fff) !important;\n  border-left-color: var(--dsw-alias-border-l1, #ececef) !important;\n}\n\n.arkme-contact-directory {\n  --arkme-contact-directory-header-fill: var(--dsw-specific-sidebar-fill, #fff);\n  overflow-wrap: anywhere;\n  padding: 0 6px 18px;\n  overflow-y: auto;\n}\n\n.arkme-contact-directory-surface {\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  color: var(--dsw-alias-label-primary, #202124);\n  background: var(--dsw-specific-sidebar-fill, #fff);\n  flex-direction: column;\n  display: flex;\n}\n\n.arkme-contact-directory-surface > .arkme-contact-directory {\n  flex: 1;\n  height: auto;\n}\n\n.arkme-contact-directory-toolbar {\n  -webkit-app-region: no-drag;\n  flex: none;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  margin: 24px 16px 16px;\n  display: flex;\n  position: relative;\n}\n\n.arkme-contact-directory-search-field {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2, #e2e3e6);\n  background: var(--dsw-specific-input-major, #fff);\n  min-width: 0;\n  height: 40px;\n  color: var(--dsw-alias-label-tertiary, #92959e);\n  border-radius: 11px;\n  flex: 1;\n  align-items: center;\n  gap: 8px;\n  padding: 0 11px;\n  display: flex;\n}\n\n.arkme-contact-directory-search-field > svg {\n  flex: none;\n}\n\n.arkme-contact-directory-search-field input {\n  width: 100%;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary, #202124);\n  font: inherit;\n  background: none;\n  border: 0;\n  outline: 0;\n  padding: 0;\n  font-size: 12px;\n}\n\n.arkme-contact-directory-search-field input::placeholder {\n  color: var(--dsw-alias-label-tertiary, #92959e);\n}\n\n.arkme-contact-directory-search-field:focus-within {\n  outline: 2px solid var(--arkme-focus);\n  outline-offset: 2px;\n}\n\n.arkme-contact-directory-search-field button {\n  width: 20px;\n  height: 28px;\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 6px;\n  flex: none;\n  place-items: center;\n  padding: 0;\n  display: grid;\n}\n\n.arkme-contact-directory-search-field button:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-toolbar [aria-label=\"添加联系人、群聊或 Bot\"] {\n  background: var(--dsw-specific-input-major, #fff) !important;\n  border-color: var(--dsw-alias-border-l2, #e2e3e6) !important;\n  color: var(--dsw-alias-label-secondary, #555a64) !important;\n}\n\n.arkme-contact-directory-toolbar button:focus-visible {\n  outline: 2px solid var(--arkme-focus);\n  outline-offset: 2px;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-surface {\n  background: var(--dsw-alias-bg-base);\n}\n\n.arkme-directory-detail-pane {\n  overflow: hidden;\n}\n\n.arkme-contact-directory button, .arkme-directory-detail-pane button {\n  appearance: none;\n  box-sizing: border-box;\n  font: inherit;\n  color: inherit;\n  border: 0;\n  margin: 0;\n}\n\n.arkme-contact-directory-section {\n  border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  min-width: 0;\n  padding: 2px 0 5px;\n}\n\n.arkme-contact-directory-section:first-child {\n  padding-top: 10px;\n}\n\n.arkme-contact-directory-section-header {\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border-radius: 10px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  min-width: 0;\n  min-height: 42px;\n  padding: 0 10px;\n  display: flex;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"] {\n  z-index: 1;\n  position: sticky;\n  top: 0;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:before, .arkme-contact-directory-section-header[aria-expanded=\"true\"]:after {\n  content: \"\";\n  pointer-events: none;\n  z-index: -1;\n  position: absolute;\n  inset: 0;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:before {\n  background: var(--arkme-contact-directory-header-fill);\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:after {\n  border-radius: inherit;\n}\n\n.arkme-contact-directory-section-title {\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  display: flex;\n}\n\n.arkme-contact-directory-section-title strong {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  font-weight: 650;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-caret {\n  width: 14px;\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  text-align: center;\n  transform-origin: center;\n  flex: none;\n  font-size: 18px;\n  line-height: 1;\n  transition: transform .16s;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"] .arkme-contact-directory-caret {\n  transform: rotate(90deg);\n}\n\n.arkme-contact-directory-section-header:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:hover:after {\n  background: var(--dsw-alias-interactive-bg-hover-solid, var(--arkme-contact-directory-header-fill));\n}\n\n.arkme-contact-directory-section-body {\n  min-width: 0;\n  padding: 0 0 5px;\n}\n\n.arkme-contact-directory-list {\n  gap: 1px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-contact-directory-count {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  font-variant-numeric: tabular-nums;\n  flex: none;\n  font-size: 11px;\n}\n\n.arkme-contact-directory-row {\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border-radius: 13px;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  min-width: 0;\n  min-height: 52px;\n  margin: 1px 0;\n  padding: 7px 10px;\n  display: flex;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-row img {\n  object-fit: cover;\n  border-radius: 50%;\n  flex: none;\n  width: 38px;\n  height: 38px;\n}\n\n.arkme-contact-directory-row.is-static {\n  cursor: default;\n}\n\n.arkme-contact-directory-row.is-selected {\n  background: var(--dsw-alias-interactive-bg-active, #eef0f4);\n}\n\n.arkme-contact-directory-row:not(.is-static):hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-avatar {\n  border-radius: 50%;\n  flex: none;\n  place-items: center;\n  width: 38px;\n  height: 38px;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy {\n  flex: 1;\n  align-content: center;\n  min-width: 0;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy strong {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy small {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  font-size: 11px;\n  line-height: 16px;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-letter {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  padding: 8px 10px 2px;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 16px;\n}\n\n.arkme-contact-directory-alphabetical, .arkme-contact-directory-letter-group {\n  min-width: 0;\n}\n\n.arkme-contact-directory-status, .arkme-contact-directory-warning {\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  overflow-wrap: anywhere;\n  margin: 3px 8px;\n  padding: 7px 9px;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-contact-directory-warning {\n  color: var(--dsw-alias-state-warning-primary, #b45309);\n  background: var(--dsw-alias-state-warning-tertiary, #fff7ed);\n  border-radius: 9px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.arkme-contact-directory-warning button {\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  flex: none;\n  padding: 2px 4px;\n  font-weight: 600;\n}\n\n.arkme-contact-directory-more {\n  text-align: center;\n  cursor: pointer;\n  background: none;\n  border-radius: 9px;\n  width: calc(100% - 16px);\n  min-height: 32px;\n  padding: 6px 8px;\n  color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n  margin: 3px 8px !important;\n}\n\n.arkme-contact-directory-empty {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  text-align: center;\n  padding: 14px 12px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-directory-detail-empty {\n  background: var(--dsw-alias-bg-base, #fff);\n  place-items: center;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  display: grid;\n}\n\n.arkme-directory-detail-logo {\n  object-fit: contain;\n  opacity: .9;\n  width: 96px;\n  height: 96px;\n}\n\n.arkme-contact-detail, .arkme-contact-profile, .arkme-unmarked-speaker-summary, .arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n  overflow-wrap: anywhere;\n  min-width: 0;\n}\n\n.arkme-contact-detail {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-base, #fff);\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  padding: clamp(32px, 6vh, 72px) clamp(20px, 5vw, 60px);\n  overflow-y: auto;\n}\n\n.arkme-contact-profile {\n  width: min(100%, 600px);\n  min-width: 0;\n  margin: 0 auto;\n}\n\n.arkme-contact-profile-main {\n  grid-template-columns: 72px minmax(0, 1fr);\n  align-items: start;\n  gap: 24px;\n  padding-bottom: 30px;\n  display: grid;\n}\n\n.arkme-contact-profile-avatar {\n  border-radius: 8px;\n  place-items: center;\n  width: 72px;\n  height: 72px;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-profile-avatar > span, .arkme-contact-profile-avatar > span > span {\n  border-radius: 8px !important;\n}\n\n.arkme-contact-profile-identity {\n  gap: 10px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-contact-profile-name {\n  color: var(--dsw-alias-label-primary, #17191c);\n  overflow-wrap: anywhere;\n  margin: 0;\n  font-size: 22px;\n  font-weight: 600;\n  line-height: 30px;\n}\n\n.arkme-contact-profile-fields {\n  gap: 5px;\n  margin: 0;\n  display: grid;\n}\n\n.arkme-contact-profile-fields > div {\n  grid-template-columns: 48px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  font-size: 13px;\n  line-height: 20px;\n  display: grid;\n}\n\n.arkme-contact-profile-fields dt, .arkme-contact-profile-row dt {\n  color: var(--dsw-alias-label-secondary, #68707c);\n}\n\n.arkme-contact-profile-fields dt, .arkme-contact-profile-fields dd, .arkme-contact-profile-row dt, .arkme-contact-profile-row dd {\n  overflow-wrap: anywhere;\n  min-width: 0;\n  margin: 0;\n}\n\n.arkme-contact-profile-fields dd, .arkme-contact-profile-row dd {\n  color: var(--dsw-alias-label-primary, #17191c);\n}\n\n.arkme-contact-profile-section {\n  border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  padding: 24px 0;\n}\n\n.arkme-contact-profile-section-title {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  margin: 0 0 16px;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.arkme-contact-profile-row {\n  grid-template-columns: 76px minmax(0, 1fr);\n  gap: 18px;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n  display: grid;\n}\n\n.arkme-contact-profile-remark {\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n  display: flex;\n}\n\n.arkme-contact-profile-remark > span {\n  min-width: 0;\n}\n\n.arkme-contact-profile-remark .arkme-contact-remark-edit {\n  color: var(--dsw-alias-state-business-primary, #4f5fbf);\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 6px;\n  flex: none;\n  align-items: center;\n  gap: 5px;\n  margin: -4px -6px -4px 0;\n  padding: 4px 6px;\n  font-size: 13px;\n  line-height: 22px;\n  display: inline-flex;\n}\n\n.arkme-contact-remark-edit:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f3f4f6);\n}\n\n.arkme-contact-remark-backdrop {\n  z-index: 10300;\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-mask-1, #13161a57);\n  backdrop-filter: blur(2px);\n  place-items: center;\n  padding: 16px;\n  font-family: inherit;\n  display: grid;\n  position: fixed;\n  inset: 0;\n}\n\n.arkme-contact-remark-dialog {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  background: var(--dsw-alias-bg-base, #fff);\n  width: min(440px, 100%);\n  max-height: calc(100dvh - 32px);\n  color: var(--dsw-alias-label-primary, #17191c);\n  box-shadow: var(--dsw-shadow-lv2, 0 12px 40px #00000029);\n  border-radius: 14px;\n  margin: 0;\n  padding: 24px;\n  overflow-y: auto;\n}\n\n.arkme-contact-remark-header {\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 24px;\n  display: flex;\n}\n\n.arkme-contact-remark-header h2 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 26px;\n}\n\n.arkme-contact-remark-dialog button {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  min-height: 36px;\n  font: inherit;\n  cursor: pointer;\n  border-radius: 8px;\n  justify-content: center;\n  align-items: center;\n  font-size: 13px;\n  display: inline-flex;\n}\n\n.arkme-contact-remark-dialog .arkme-contact-remark-close {\n  width: 30px;\n  min-height: 30px;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  background: none;\n  border: 0;\n  margin: -4px -4px -4px 0;\n  padding: 0;\n}\n\n.arkme-contact-remark-label {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  margin-bottom: 9px;\n  font-size: 13px;\n  line-height: 20px;\n  display: block;\n}\n\n.arkme-contact-remark-input {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, #f8f9fa));\n  width: 100%;\n  min-width: 0;\n  height: 42px;\n  color: var(--dsw-alias-label-primary, #17191c);\n  font: inherit;\n  border-radius: 8px;\n  padding: 0 12px;\n  font-size: 14px;\n  display: block;\n}\n\n.arkme-contact-remark-input::placeholder {\n  color: var(--dsw-alias-label-tertiary, #9097a1);\n}\n\n.arkme-contact-remark-input:focus, .arkme-contact-remark-dialog button:focus-visible, .arkme-contact-remark-edit:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n  outline-offset: 2px;\n}\n\n.arkme-contact-remark-footer {\n  justify-content: flex-end;\n  gap: 10px;\n  margin-top: 26px;\n  display: flex;\n}\n\n.arkme-contact-remark-cancel {\n  background: var(--dsw-alias-button-elevated-fill, var(--dsw-specific-input-major, #f8f9fa));\n  min-width: 76px;\n  color: var(--dsw-alias-label-primary, #17191c);\n  padding: 0 18px;\n}\n\n.arkme-contact-remark-dialog .arkme-contact-remark-confirm {\n  background: var(--dsw-alias-state-business-primary, #4f5fbf);\n  min-width: 84px;\n  color: var(--dsw-alias-label-primary-inverted, #fff);\n  border-color: #0000;\n  padding: 0 18px;\n}\n\n.arkme-contact-remark-dialog button:hover:not(:disabled) {\n  filter: brightness(.96);\n}\n\n.arkme-contact-remark-dialog button:disabled, .arkme-contact-remark-input:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-contact-remark-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n  overflow-wrap: anywhere;\n  margin: 10px 0 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.arkme-contact-profile-actions {\n  border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 8px;\n  padding: 26px 0 0;\n  display: grid;\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action {\n  min-width: 0;\n  min-height: 78px;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 8px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 2px;\n  font-size: 14px;\n  line-height: 22px;\n  display: flex;\n  color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, #f3f4f6);\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.arkme-contact-profile-action svg {\n  flex: none;\n}\n\n.arkme-contact-profile-error, .arkme-contact-profile-message-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.arkme-contact-profile-message-error {\n  text-align: center;\n  margin-top: 12px;\n}\n\n.arkme-contact-profile-error {\n  background: var(--dsw-alias-state-error-tertiary, #fff1f0);\n  border-radius: 8px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 24px;\n  padding: 12px 14px;\n  display: flex;\n}\n\n.arkme-contact-profile-status {\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  padding: 24px 0;\n  font-size: 13px;\n}\n\n.arkme-team-detail {\n  background: var(--dsw-alias-bg-base, #fff);\n  grid-template-rows: auto minmax(0, 1fr);\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-team-detail-header {\n  border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  min-width: 0;\n  padding: 32px clamp(24px, 5vw, 56px);\n}\n\n.arkme-team-detail-header-main {\n  grid-template-columns: 72px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 18px;\n  width: min(100%, 760px);\n  min-width: 0;\n  margin: 0 auto;\n  display: grid;\n}\n\n.arkme-team-detail-glyph {\n  background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n  width: 72px;\n  height: 72px;\n  color: var(--dsw-alias-state-business-primary, #4f5fbf);\n  border-radius: 20px;\n  place-items: center;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1;\n  display: grid;\n}\n\n.arkme-team-detail-summary {\n  gap: 7px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-team-detail-header h1 {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  letter-spacing: -.02em;\n  margin: 0;\n  font-size: 20px;\n  font-weight: 650;\n  line-height: 28px;\n  overflow: hidden;\n}\n\n.arkme-team-detail-meta {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 7px;\n  min-width: 0;\n  display: flex;\n}\n\n.arkme-team-detail-public-id {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  font-size: 12px;\n  line-height: 20px;\n  overflow: hidden;\n}\n\n.arkme-team-role-badge, .arkme-team-member-role {\n  background: var(--dsw-alias-bg-layer-2, #f2f3f5);\n  color: var(--dsw-alias-label-secondary, #68707c);\n  border-radius: 999px;\n  flex: none;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.arkme-team-role-badge {\n  padding: 0 8px;\n}\n\n.arkme-team-detail-count {\n  min-width: 58px;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  justify-items: end;\n  gap: 1px;\n  display: grid;\n}\n\n.arkme-team-detail-count strong {\n  color: var(--dsw-alias-label-primary, #202124);\n  font-variant-numeric: tabular-nums;\n  font-size: 21px;\n  font-weight: 680;\n  line-height: 24px;\n}\n\n.arkme-team-detail-count span {\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-team-members {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-subtle, #f7f7f8);\n  min-width: 0;\n  min-height: 0;\n  padding: 22px clamp(24px, 5vw, 56px) 32px;\n  overflow-y: auto;\n}\n\n.arkme-team-members-container {\n  width: min(100%, 760px);\n  min-width: 0;\n  margin: 0 auto;\n}\n\n.arkme-team-members h2 {\n  margin: 0 0 13px;\n  font-size: 15px;\n  font-weight: 650;\n  line-height: 22px;\n}\n\n.arkme-team-member-list {\n  border: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border-radius: 14px;\n  min-width: 0;\n  overflow: hidden;\n  box-shadow: 0 8px 24px #161b2309;\n}\n\n.arkme-team-member-row {\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  grid-template-columns: 40px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  min-height: 64px;\n  padding: 11px 14px;\n  display: grid;\n}\n\n.arkme-team-member-row:not(:has( ~ .arkme-team-member-row)) {\n  border-bottom: 0;\n}\n\n.arkme-team-member-avatar {\n  border-radius: 50%;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-team-member-copy {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-team-member-copy strong, .arkme-team-member-copy small {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.arkme-team-member-copy strong {\n  font-size: 14px;\n  font-weight: 620;\n  line-height: 20px;\n}\n\n.arkme-team-member-copy small {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  font-size: 12px;\n  line-height: 17px;\n}\n\n.arkme-team-member-role {\n  padding: 0 9px;\n}\n\n.arkme-team-role-badge[data-team-role=\"owner\"], .arkme-team-role-badge[data-team-role=\"admin\"], .arkme-team-member-role[data-team-member-role=\"owner\"], .arkme-team-member-role[data-team-member-role=\"admin\"] {\n  background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n  color: var(--dsw-alias-state-business-primary, #4f5fbf);\n}\n\n.arkme-team-detail-status {\n  min-height: 100%;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  display: flex;\n}\n\n.arkme-team-detail-status.is-error, .arkme-team-member-more-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n}\n\n.arkme-team-detail-status button, .arkme-team-member-more {\n  border: 1px solid var(--dsw-alias-border-l2, var(--arkme-line));\n  background: var(--dsw-alias-button-elevated-fill, #fff);\n  cursor: pointer;\n  border-radius: 9px;\n  min-height: 34px;\n  padding: 0 12px;\n}\n\n.arkme-team-member-more {\n  width: calc(100% - 24px);\n  color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n  margin: 12px !important;\n}\n\n.arkme-team-member-more:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-team-member-more-error {\n  padding: 12px 14px 0;\n  font-size: 12px;\n}\n\n.arkme-contact-world {\n  border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  grid-template-columns: 76px minmax(0, 1fr);\n  gap: 18px;\n  padding: 24px 0;\n  display: grid;\n}\n\n.arkme-contact-world-title {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 22px;\n}\n\n.arkme-contact-world-content, .arkme-contact-world-summary {\n  min-width: 0;\n}\n\n.arkme-contact-world-preview {\n  align-items: flex-start;\n  gap: 12px;\n  min-width: 0;\n  display: flex;\n}\n\n.arkme-contact-world-thumbnail {\n  border-radius: 4px;\n  flex: none;\n  width: 56px;\n  height: 56px;\n  overflow: hidden;\n}\n\n.arkme-contact-world-image {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n.arkme-contact-world-image-error, .arkme-contact-world-image-loading {\n  background: var(--dsw-alias-bg-layer-2, var(--arkme-soft));\n  width: 100%;\n  height: 100%;\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  text-align: center;\n  place-items: center;\n  font-size: 11px;\n  line-height: 16px;\n  display: grid;\n}\n\n.arkme-contact-world-headline, .arkme-contact-world-text {\n  -webkit-line-clamp: 2;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-primary, #17191c);\n  -webkit-box-orient: vertical;\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 22px;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.arkme-contact-world-headline {\n  -webkit-line-clamp: 1;\n  font-weight: 500;\n}\n\n.arkme-contact-world-time {\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  margin-top: 5px;\n  font-size: 12px;\n  line-height: 18px;\n  display: block;\n}\n\n.arkme-contact-world-empty, .arkme-contact-world-page-empty, .arkme-contact-world-status {\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  font-size: 13px;\n  line-height: 22px;\n}\n\n.arkme-contact-world-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n  font-size: 13px;\n  line-height: 22px;\n  display: flex;\n}\n\n.arkme-directory-unmarked-speaker-detail {\n  background: var(--dsw-alias-bg-base, #fff);\n  min-height: 0;\n  padding: clamp(28px, 5vw, 60px);\n  overflow-y: auto;\n}\n\n.arkme-unmarked-speaker-token-avatar {\n  background: var(--dsw-alias-bg-module-platform, var(--dsw-alias-bg-layer-1, #f1f2f3));\n  color: var(--dsw-alias-label-secondary, #666c75);\n  letter-spacing: -.02em;\n  border-radius: 50%;\n  flex: none;\n  place-items: center;\n  font-weight: 650;\n  line-height: 1;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-summary {\n  box-sizing: border-box;\n  background: none;\n  border: 0;\n  gap: 18px;\n  width: min(100%, 720px);\n  margin: 0 auto;\n  padding: 4px 0 24px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-summary h1, .arkme-unmarked-speaker-summary h2, .arkme-unmarked-speaker-audio h2, .arkme-unmarked-speaker-choice h2 {\n  letter-spacing: -.02em;\n  margin: 0;\n  font-size: 20px;\n  font-weight: 680;\n  line-height: 28px;\n}\n\n.arkme-unmarked-speaker-identity {\n  align-items: center;\n  gap: 16px;\n  min-width: 0;\n  padding: 2px 4px;\n  display: flex;\n}\n\n.arkme-unmarked-speaker-identity > div {\n  gap: 3px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-identity p {\n  color: var(--dsw-alias-label-secondary, #737984);\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-unmarked-speaker-stats {\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary, #737984);\n  flex-wrap: wrap;\n  gap: 8px 20px;\n  padding: 0 4px;\n  font-size: 12px;\n  line-height: 19px;\n  display: flex;\n}\n\n.arkme-unmarked-speaker-stats span {\n  white-space: nowrap;\n  position: relative;\n}\n\n.arkme-unmarked-speaker-stats span + span:before {\n  content: \"\";\n  background: var(--dsw-alias-label-caption, #b3b7bd);\n  border-radius: 50%;\n  width: 3px;\n  height: 3px;\n  position: absolute;\n  top: 8px;\n  left: -11px;\n}\n\n.arkme-unmarked-speaker-stats strong {\n  color: var(--dsw-alias-label-primary, #202124);\n  font-weight: 650;\n}\n\n.arkme-unmarked-speaker-inference {\n  background: var(--dsw-alias-bg-layer-2, #f5f5f6);\n  border-radius: 18px;\n  grid-template-columns: 40px minmax(0, 1fr);\n  align-items: start;\n  gap: 12px;\n  min-width: 0;\n  padding: 18px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-inference-icon, .arkme-unmarked-speaker-action-icon {\n  border: 1px solid var(--dsw-alias-border-l1, #e3e4e7);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  width: 40px;\n  height: 40px;\n  color: var(--dsw-alias-label-secondary, #656b75);\n  border-radius: 50%;\n  place-items: center;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-inference-icon svg path, .arkme-unmarked-speaker-action-icon svg path {\n  stroke: currentColor;\n  stroke-width: 1.5px;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.arkme-unmarked-speaker-inference > div {\n  gap: 5px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-inference-label {\n  color: var(--dsw-alias-label-secondary, #747983);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-unmarked-speaker-inference strong {\n  color: var(--dsw-alias-label-primary, #202124);\n  font-size: 14px;\n  font-weight: 650;\n  line-height: 21px;\n}\n\n.arkme-unmarked-speaker-inference p {\n  color: var(--dsw-alias-label-secondary, #686e78);\n  margin: 0;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.arkme-unmarked-speaker-actions {\n  gap: 10px;\n  display: grid;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-action {\n  border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  width: 100%;\n  min-height: 62px;\n  color: var(--dsw-alias-label-primary, #202124);\n  text-align: left;\n  cursor: pointer;\n  border-radius: 16px;\n  grid-template-columns: 42px minmax(0, 1fr);\n  align-items: center;\n  gap: 12px;\n  padding: 10px 46px 10px 14px;\n  font-size: 13px;\n  font-weight: 650;\n  display: grid;\n  position: relative;\n}\n\n.arkme-unmarked-speaker-action:after {\n  content: \"›\";\n  color: var(--dsw-alias-label-caption, #a7abb2);\n  font-size: 22px;\n  font-weight: 400;\n  position: absolute;\n  right: 18px;\n}\n\n.arkme-unmarked-speaker-action:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f7f7f8);\n  border-color: var(--dsw-alias-border-l2, #d9dade);\n}\n\n.arkme-unmarked-speaker-summary > [role=\"status\"], .arkme-unmarked-speaker-summary > [role=\"alert\"], .arkme-unmarked-speaker-audio > [role=\"status\"], .arkme-unmarked-speaker-audio > [role=\"alert\"], .arkme-unmarked-speaker-choice > [role=\"status\"], .arkme-unmarked-speaker-choice > [role=\"alert\"] {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  background: var(--dsw-alias-bg-layer-2, #f5f5f6);\n  border-radius: 10px;\n  padding: 9px 12px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-unmarked-speaker-summary > [role=\"alert\"], .arkme-unmarked-speaker-audio > [role=\"alert\"], .arkme-unmarked-speaker-choice > [role=\"alert\"] {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n  background: var(--dsw-alias-state-error-tertiary, #fff1f0);\n}\n\n.arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n  box-sizing: border-box;\n  background: none;\n  border: 0;\n  gap: 16px;\n  width: min(100%, 720px);\n  margin: 0 auto;\n  padding: 4px 0 28px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-subview-header {\n  grid-template-columns: auto 40px minmax(0, 1fr);\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  padding-bottom: 4px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-subview-header > button {\n  min-height: 32px;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  cursor: pointer;\n  background: none;\n  border-radius: 9px;\n  padding: 0 10px;\n  font-size: 11px;\n}\n\n.arkme-unmarked-speaker-subview-header > button:before {\n  content: \"‹\";\n  vertical-align: -1px;\n  margin-right: 4px;\n  font-size: 17px;\n}\n\n.arkme-unmarked-speaker-subview-heading {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-subview-heading p {\n  color: var(--dsw-alias-label-secondary, #737984);\n  margin: 0;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-unmarked-speaker-segment-list {\n  gap: 10px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-segment-card {\n  border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border-radius: 16px;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 8px 16px;\n  min-width: 0;\n  padding: 16px 16px 14px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-segment-meta {\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary, #757b85);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 11px;\n  line-height: 17px;\n  overflow: hidden;\n}\n\n.arkme-unmarked-speaker-segment-transcript {\n  min-width: 0;\n  color: var(--dsw-alias-label-primary, #292c34);\n  white-space: pre-wrap;\n  grid-column: 1;\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n  background: var(--dsw-alias-bg-layer-2, #f4f4f5);\n  width: 38px;\n  min-width: 38px;\n  height: 38px;\n  min-height: 38px;\n  color: var(--dsw-alias-label-primary, #292c34);\n  cursor: pointer;\n  border-radius: 50%;\n  grid-area: 1 / 2 / span 2;\n  align-self: center;\n  place-items: center;\n  padding: 0;\n  display: inline-grid;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-segment-play:not(:disabled):hover {\n  background: var(--dsw-alias-bg-layer-3, #e9eaec);\n}\n\n.arkme-unmarked-speaker-segment-play:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.arkme-unmarked-speaker-choice-meta {\n  color: var(--dsw-alias-label-secondary, #737984);\n  margin: -4px 0 0;\n  padding: 0 4px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-unmarked-speaker-choice-options {\n  border: 0;\n  gap: 8px;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-choice-options legend {\n  color: var(--dsw-alias-label-secondary, #737984);\n  margin-bottom: 9px;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-unmarked-speaker-choice-option {\n  border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  cursor: pointer;\n  border-radius: 14px;\n  grid-template-columns: 18px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  min-height: 52px;\n  padding: 10px 14px;\n  font-size: 13px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-choice-option:has(input:checked) {\n  border-color: var(--dsw-alias-state-business-primary, #6677d9);\n  background: var(--dsw-alias-interactive-bg-active, #f0f2ff);\n}\n\n.arkme-unmarked-speaker-choice-option input {\n  width: 16px;\n  height: 16px;\n  accent-color: var(--dsw-alias-state-business-primary, #6677d9);\n  margin: 0;\n}\n\n.arkme-unmarked-speaker-recommended {\n  background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n  color: var(--dsw-alias-state-business-primary, #5667cc);\n  border-radius: 999px;\n  padding: 2px 7px;\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.arkme-unmarked-speaker-choice-new-name {\n  border: 1px solid var(--dsw-alias-border-l1, #dfe1e5);\n  background: var(--dsw-specific-input-major, #fff);\n  width: 100%;\n  min-height: 42px;\n  color: var(--dsw-alias-label-primary, #202124);\n  border-radius: 12px;\n  outline: 0;\n  padding: 0 13px;\n  font-size: 12px;\n}\n\n.arkme-unmarked-speaker-choice-new-name:focus {\n  border-color: var(--dsw-alias-state-business-primary, #6677d9);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsw-alias-state-business-primary, #6677d9) 14%, transparent);\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-confirm {\n  background: var(--dsw-alias-button-primary-fill, #202124);\n  min-height: 42px;\n  color: var(--dsw-alias-label-primary-inverted, #fff);\n  cursor: pointer;\n  border-radius: 12px;\n  padding: 0 16px;\n  font-size: 12px;\n  font-weight: 650;\n}\n\n.arkme-unmarked-speaker-confirm:disabled {\n  opacity: .45;\n  cursor: default;\n}\n\n.arkme-unmarked-speaker-summary button:not(.arkme-unmarked-speaker-action), .arkme-unmarked-speaker-audio button:not(.arkme-unmarked-speaker-segment-play), .arkme-unmarked-speaker-choice button:not(.arkme-unmarked-speaker-confirm), .arkme-contact-world-error button, .arkme-contact-profile-error button {\n  border: 1px solid var(--dsw-alias-border-l2, var(--arkme-line));\n  background: var(--dsw-alias-button-elevated-fill, #fff);\n  min-height: 34px;\n  color: var(--dsw-alias-label-primary, #202124);\n  cursor: pointer;\n  border-radius: 9px;\n  padding: 0 12px;\n}\n\n.arkme-unmarked-speaker-gone, .arkme-unmarked-speaker-success {\n  box-sizing: border-box;\n  background: var(--dsw-alias-state-warning-tertiary, #fff7ed);\n  width: min(100%, 680px);\n  color: var(--dsw-alias-state-warning-primary, #9a3412);\n  border-radius: 10px;\n  margin: 0 auto;\n  padding: 12px 14px;\n}\n\n.arkme-unmarked-speaker-success {\n  background: var(--dsw-alias-state-success-tertiary, #ecfdf3);\n  color: var(--dsw-alias-state-success-primary, #067647);\n}\n\n.arkme-contact-directory button:focus-visible, .arkme-directory-detail-pane button:focus-visible, [data-arkme-owned=\"product-navigation\"] button:focus-visible {\n  outline: 2px solid var(--arkme-focus);\n  outline-offset: 2px;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory {\n  --arkme-contact-directory-header-fill: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory, body[data-ds-dark-theme] .arkme-directory-detail-pane {\n  background: var(--dsw-alias-bg-base);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-row.is-selected, body[data-ds-dark-theme] .arkme-unmarked-speaker-choice {\n  background: var(--dsw-alias-interactive-bg-active);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-inference, body[data-ds-dark-theme] .arkme-unmarked-speaker-segment-card, body[data-ds-dark-theme] .arkme-unmarked-speaker-choice-option, body[data-ds-dark-theme] .arkme-unmarked-speaker-action {\n  background: var(--dsw-alias-bg-layer-1);\n  border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-inference-icon, body[data-ds-dark-theme] .arkme-unmarked-speaker-action-icon, body[data-ds-dark-theme] .arkme-unmarked-speaker-segment-play {\n  background: var(--dsw-specific-input-major);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-choice-option:has(input:checked) {\n  background: var(--dsw-alias-interactive-bg-active);\n  border-color: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-team-detail {\n  background: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-team-members {\n  background: var(--dsw-alias-bg-subtle);\n}\n\nbody[data-ds-dark-theme] .arkme-team-member-list {\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: none;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-warning, body[data-ds-dark-theme] .arkme-unmarked-speaker-gone, body[data-ds-dark-theme] .arkme-contact-world-image-error, body[data-ds-dark-theme] .arkme-contact-world-image-loading {\n  background: var(--dsw-specific-input-major);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-success {\n  background: var(--dsw-alias-state-success-tertiary);\n  color: var(--dsw-alias-state-success-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-profile-error, body[data-ds-dark-theme] .arkme-contact-profile-message-error, body[data-ds-dark-theme] .arkme-contact-world-error {\n  color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-more {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n@media (width <= 1024px) {\n  [data-arkme-owned=\"persistent-sidebar\"] [data-arkme-directory-mode=\"contacts\"] {\n    min-width: 0;\n  }\n}\n\n@media (width <= 820px) {\n  div:has( > [data-shell-overlay]):has([data-arkme-directory-mode=\"contacts\"]):has([data-arkme-contacts-mobile-view=\"directory\"]) {\n    grid-template-columns: minmax(0, 1fr) 0 0 !important;\n  }\n\n  div:has( > [data-shell-overlay]):has([data-arkme-directory-mode=\"contacts\"]):has([data-arkme-contacts-mobile-view=\"content\"]) {\n    grid-template-columns: 0 minmax(0, 1fr) 0 !important;\n  }\n\n  [data-arkme-owned=\"persistent-sidebar\"][data-arkme-contacts-mobile-view=\"content\"], [data-arkme-owned=\"persistent-workspace\"][data-arkme-contacts-mobile-view=\"directory\"] {\n    display: none !important;\n  }\n\n  [data-arkme-owned=\"persistent-sidebar\"] [data-arkme-directory-mode=\"contacts\"], .arkme-directory-detail-pane {\n    min-width: 0;\n  }\n}\n\n.arkme-directory-mobile-back {\n  display: none;\n}\n\n@media (width <= 820px) {\n  .arkme-directory-mobile-back {\n    min-height: 42px;\n    color: var(--dsw-alias-label-secondary, #68707c);\n    cursor: pointer;\n    background: none;\n    align-items: center;\n    gap: 5px;\n    padding: 0 14px;\n    display: inline-flex;\n  }\n\n  .arkme-directory-mobile-back:before {\n    content: \"‹\";\n    font-size: 18px;\n    line-height: 1;\n  }\n\n  .arkme-directory-mobile-back:hover {\n    color: var(--dsw-alias-label-primary, #202124);\n  }\n\n  .arkme-contact-detail {\n    padding: 28px 20px;\n  }\n\n  .arkme-contact-profile-main {\n    grid-template-columns: 56px minmax(0, 1fr);\n    gap: 18px;\n  }\n\n  .arkme-contact-profile-avatar {\n    width: 56px;\n    height: 56px;\n  }\n\n  .arkme-contact-profile-avatar > span {\n    width: 56px !important;\n    height: 56px !important;\n  }\n\n  .arkme-team-detail-header {\n    padding: 26px 20px;\n  }\n\n  .arkme-team-detail-header-main {\n    grid-template-columns: 56px minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .arkme-team-detail-glyph {\n    border-radius: 16px;\n    width: 56px;\n    height: 56px;\n    font-size: 18px;\n  }\n\n  .arkme-team-detail-count {\n    justify-items: initial;\n    grid-column: 2;\n    align-items: baseline;\n    gap: 4px;\n    min-width: 0;\n    display: flex;\n  }\n\n  .arkme-team-detail-count strong {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  .arkme-team-detail-count span {\n    font-size: 11px;\n  }\n\n  .arkme-team-members {\n    padding: 18px 20px 28px;\n  }\n\n  .arkme-team-member-list {\n    border-radius: 12px;\n  }\n\n  .arkme-team-member-row {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  .arkme-contact-world, .arkme-contact-profile-row {\n    grid-template-columns: 64px minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .arkme-contact-world-thumbnail {\n    width: 44px;\n    height: 44px;\n  }\n\n  .arkme-directory-unmarked-speaker-detail {\n    padding: 20px 18px 30px;\n  }\n\n  .arkme-unmarked-speaker-summary, .arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n    gap: 14px;\n  }\n\n  .arkme-unmarked-speaker-stats {\n    gap: 7px 14px;\n  }\n\n  .arkme-unmarked-speaker-stats span + span:before {\n    display: none;\n  }\n\n  .arkme-unmarked-speaker-inference {\n    grid-template-columns: 36px minmax(0, 1fr);\n    padding: 15px;\n  }\n\n  .arkme-unmarked-speaker-inference-icon, .arkme-unmarked-speaker-action-icon {\n    width: 36px;\n    height: 36px;\n  }\n\n  .arkme-unmarked-speaker-subview-header {\n    grid-template-columns: auto 36px minmax(0, 1fr);\n    gap: 9px;\n  }\n\n  .arkme-unmarked-speaker-segment-card {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .arkme-unmarked-speaker-segment-transcript, [data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n    grid-area: auto / 1;\n  }\n\n  [data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n    justify-self: start;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .arkme-contact-directory-caret {\n    transition: none;\n  }\n\n  .arkme-icon-spin {\n    animation: none;\n  }\n}\n\n.arkme-conversation-surface {\n  --arkme-chat-self-bubble: #eef1f8;\n  --arkme-chat-other-bubble: #f3f4f6;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-surface {\n  --arkme-chat-self-bubble: #2c3142;\n  --arkme-chat-other-bubble: #282a31;\n  --arkme-audio-control: #8995c5;\n}\n\nbody[data-ds-dark-theme] .arkme-detail-extension-input-bar {\n  border-top-color: #363636 !important;\n}\n\nbody[data-ds-dark-theme] .arkme-detail-extension-input-shell {\n  background: #2b2b2b !important;\n}\n\n[data-arkme-message-direction]:focus-visible, [data-arkme-note-detail] button:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n  outline-offset: 2px;\n}\n\n.arkme-home-tour {\n  width: 320px;\n  max-width: calc(100vw - 24px);\n  color: var(--dsw-alias-label-primary, #17191c);\n  pointer-events: auto;\n  position: absolute;\n}\n\n.arkme-home-tour-hidden {\n  display: none;\n}\n\n.arkme-home-tour-panel {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2, #0000001a);\n  background: var(--dsw-alias-bg-base, #fff);\n  width: 100%;\n  max-height: calc(100dvh - 24px);\n  box-shadow: var(--dsw-shadow-lv2, 0 12px 40px #0000002e);\n  border-radius: 16px;\n  padding: 18px;\n  font-family: inherit;\n  position: relative;\n  overflow-y: auto;\n}\n\n.arkme-home-tour-header {\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  display: flex;\n}\n\n.arkme-home-tour-progress {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.arkme-home-tour-panel h2 {\n  color: inherit;\n  margin: 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 26px;\n}\n\n.arkme-home-tour-panel p {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  overflow-wrap: anywhere;\n  margin: 0 0 24px;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.arkme-home-tour-actions, .arkme-home-tour-navigation {\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.arkme-home-tour-actions {\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.arkme-home-tour-panel button {\n  background: var(--dsw-alias-interactive-bg-hover, #2631480f);\n  color: inherit;\n  font: inherit;\n  white-space: nowrap;\n  cursor: pointer;\n  border: 0;\n  border-radius: 8px;\n  padding: 7px 10px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-home-tour-panel button:hover {\n  background: var(--dsw-alias-interactive-bg-active, #2631481a);\n}\n\n.arkme-home-tour-panel button:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n  outline-offset: 3px;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-close {\n  width: 28px;\n  height: 28px;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  background: none;\n  padding: 0;\n  font-size: 22px;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-skip {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  background: none;\n  padding-left: 0;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-primary {\n  background: var(--dsw-alias-button-primary-fill, #17191c);\n  color: var(--dsw-alias-label-primary-inverted, #fff);\n}\n\n.arkme-home-tour-panel .arkme-home-tour-primary:hover {\n  background: color-mix(in srgb, var(--dsw-alias-button-primary-fill, #17191c) 88%, var(--dsw-alias-bg-base, #fff));\n}\n\n.arkme-home-tour-arrow {\n  z-index: 1;\n  pointer-events: none;\n  width: 12px;\n  height: 12px;\n  position: absolute;\n}\n\n.arkme-home-tour-arrow:before {\n  content: \"\";\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-base, #fff);\n  border: 0 solid var(--dsw-alias-border-l2, #0000001a);\n  position: absolute;\n  inset: 0;\n  transform: rotate(45deg);\n}\n\n.arkme-home-tour-placement-right .arkme-home-tour-arrow:before {\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n}\n\n.arkme-home-tour-placement-left .arkme-home-tour-arrow:before {\n  border-top-width: 1px;\n  border-right-width: 1px;\n}\n\n.arkme-home-tour-placement-bottom .arkme-home-tour-arrow:before {\n  border-top-width: 1px;\n  border-left-width: 1px;\n}\n\n.arkme-home-tour-placement-top .arkme-home-tour-arrow:before {\n  border-bottom-width: 1px;\n  border-right-width: 1px;\n}\n\n.arkme-home-tour-placement-right .arkme-home-tour-arrow {\n  left: 0;\n  transform: translateX(-50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-left .arkme-home-tour-arrow {\n  right: 0;\n  transform: translateX(50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-bottom .arkme-home-tour-arrow {\n  top: 0;\n  transform: translateX(-50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-top .arkme-home-tour-arrow {\n  bottom: 0;\n  transform: translateX(-50%) translateY(50%);\n}\n\n.arkme-conversation-profile-actions {\n  grid-template-columns: minmax(0, 1fr);\n}\n\nbody[data-ds-dark-theme] .arkme-peer-membership-disc {\n  fill: #171717;\n  stroke: #343434;\n}\n";
+		var arkme_redesign_default = "[data-arkme-workspace] {\n  --arkme-line: #e7e7e9;\n  --arkme-muted: #8e9199;\n  --arkme-soft: #f6f6f7;\n  --arkme-focus: #cbd5ff;\n  color: #171923;\n  font-synthesis: none;\n  font-family: SF Pro Text, SF Pro Display, -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica Neue, Microsoft YaHei, sans-serif;\n}\n\n[data-arkme-workspace], [data-arkme-workspace] * {\n  box-sizing: border-box;\n}\n\n[data-arkme-workspace] button, [data-arkme-workspace] input, [data-arkme-workspace] textarea {\n  font: inherit;\n}\n\n[data-arkme-workspace] button {\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n}\n\n[data-arkme-workspace] [data-arkme-theme-image=\"dark\"] {\n  display: none !important;\n}\n\n.arkme-redesign-root {\n  --arkme-native-titlebar: 0px;\n  background: #fff;\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.arkme-native-desktop .arkme-redesign-root {\n  --arkme-native-titlebar: 50px;\n}\n\n.arkme-native-desktop .arkme-redesign-root:before {\n  content: \"\";\n  z-index: 30;\n  pointer-events: none;\n  background: #e8e8ea;\n  height: 1px;\n  position: absolute;\n  top: 49px;\n  left: 0;\n  right: 0;\n}\n\n.arkme-native-desktop [data-arkme-owned=\"persistent-sidebar\"] > [data-arkme-owned=\"product-navigation\"] {\n  padding-top: 28px !important;\n}\n\n.arkme-redesign-rail {\n  z-index: 8;\n  top: calc(26px + var(--arkme-native-titlebar));\n  background: #fbfbfc;\n  border: 1px solid #e4e4e7;\n  border-radius: 22px;\n  flex-direction: column;\n  width: 72px;\n  padding: 10px 8px;\n  display: flex;\n  position: absolute;\n  bottom: 22px;\n  left: 24px;\n  box-shadow: 0 16px 38px #1e20260e;\n}\n\n.arkme-redesign-rail-primary {\n  flex-direction: column;\n  gap: 5px;\n  display: flex;\n}\n\n.arkme-redesign-rail-primary button {\n  color: #3e4149;\n  border-radius: 15px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  min-height: 57px;\n  transition: background .18s, color .18s;\n  display: flex;\n  position: relative;\n}\n\n.arkme-redesign-rail-primary button span {\n  letter-spacing: .01em;\n  font-size: 11px;\n  font-weight: 400;\n}\n\n.arkme-redesign-rail-primary button:hover {\n  background: #f4f4f5;\n}\n\n.arkme-redesign-rail-primary button.is-active {\n  color: #151722;\n  background: #f1f2f6;\n}\n\n.arkme-redesign-rail-primary button.is-active:before {\n  content: \"\";\n  background: #9eadff;\n  border-radius: 3px;\n  width: 3px;\n  height: 33px;\n  position: absolute;\n  left: -9px;\n}\n\n.arkme-redesign-rail-footer {\n  border-top: 0 solid #ededee;\n  justify-items: center;\n  gap: 7px;\n  margin-top: auto;\n  padding-top: 0;\n  display: grid;\n  position: relative;\n}\n\n.arkme-redesign-rail-footer > button {\n  color: #4b4f58;\n  border-radius: 14px;\n  place-items: center;\n  width: 46px;\n  height: 46px;\n  display: grid;\n}\n\n.arkme-redesign-rail-footer > button:hover, .arkme-redesign-rail-footer > button.is-active {\n  background: #f1f2f5;\n}\n\n.arkme-redesign-rail-footer:empty {\n  display: none;\n}\n\n.arkme-conversation-input-card {\n  display: contents;\n}\n\nbody:is([data-ds-skin=\"qq2006\"], [data-arkme-skin=\"qq2006\"]) [data-arkme-owned=\"product-surface\"] .arkme-conversation-input-card.arkme-conversation-input-card.arkme-conversation-tools {\n  display: flex !important;\n}\n\n.arkme-redesign-profile {\n  position: relative;\n}\n\n.arkme-redesign-profile > span {\n  width: 32px !important;\n  height: 32px !important;\n}\n\n.arkme-redesign-profile-popover {\n  z-index: 10000;\n  backdrop-filter: blur(20px);\n  background: #fffffff5;\n  border: 1px solid #d8d9dde6;\n  border-radius: 18px;\n  width: 264px;\n  padding: 10px;\n  position: fixed;\n  bottom: 14px;\n  left: 64px;\n  box-shadow: 0 20px 50px #1a1c2326, 0 2px 8px #1a1c230d;\n}\n\n.arkme-redesign-profile-head {\n  align-items: center;\n  gap: 11px;\n  padding: 9px 9px 13px;\n  display: flex;\n}\n\nbutton.arkme-redesign-profile-head {\n  width: 100%;\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n}\n\n.arkme-redesign-profile-head > span {\n  text-align: left;\n  gap: 4px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-redesign-profile-head strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 600;\n  overflow: hidden;\n}\n\n.arkme-redesign-profile-head small {\n  color: #8b8f98;\n  font-size: 11px;\n  font-weight: 400;\n}\n\n.arkme-redesign-profile-menu {\n  border-top: 1px solid #eeeeef;\n  gap: 2px;\n  padding-top: 6px;\n  display: grid;\n}\n\n.arkme-redesign-profile-menu button {\n  width: 100%;\n  min-height: 50px;\n  box-shadow: none;\n  color: #393d46;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 11px;\n  outline: 0;\n  grid-template-columns: 28px minmax(0, 1fr) 16px;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 8px;\n  display: grid;\n}\n\n.arkme-redesign-profile-menu button:hover {\n  background: #f4f4f5;\n}\n\n.arkme-redesign-profile-menu button > span {\n  gap: 3px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-redesign-profile-menu strong {\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.arkme-redesign-profile-menu small {\n  color: #92969f;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 10px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.arkme-redesign-profile-menu button > svg:last-child {\n  color: #a0a3aa;\n}\n\n.arkme-redesign-native-settings-trigger {\n  clip-path: inset(50%);\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\n.arkme-redesign-chat-panel {\n  inset: var(--arkme-native-titlebar) auto 0 96px;\n  z-index: 3;\n  border-right: 1px solid var(--arkme-line);\n  background: #fff;\n  flex-direction: column;\n  width: 300px;\n  min-width: 0;\n  padding: 0;\n  display: flex;\n  position: absolute;\n  overflow: hidden;\n}\n\n.arkme-redesign-chat-search {\n  text-align: left;\n  border-radius: 11px;\n  align-items: center;\n  gap: 9px;\n  width: 100%;\n  height: 40px;\n  margin: 20px 0 10px;\n  padding: 0 12px;\n  display: flex;\n  color: #9699a1 !important;\n  border: 1px solid #e1e2e5 !important;\n  font-size: 11px !important;\n}\n\n.arkme-redesign-chat-search:hover {\n  background: #f7f7f8;\n}\n\n.arkme-redesign-chat-directory {\n  flex: 1;\n  min-height: 0;\n  margin: 0;\n  overflow: hidden;\n}\n\n.arkme-redesign-chat-directory > section {\n  background: none !important;\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] {\n  --arkme-directory-card-hover: var(--dsw-alias-interactive-bg-hover, #2631480f);\n  --arkme-directory-card-selected-hover: color-mix(in srgb, #f1f2f6 94%, var(--dsw-alias-label-primary, #17191c));\n}\n\nbody[data-ds-dark-theme] [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] {\n  --arkme-directory-card-selected-hover: color-mix(in srgb, var(--dsw-alias-interactive-bg-active, #ffffff1a) 94%, var(--dsw-alias-label-primary, #eee));\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"] {\n  transition: background-color .12s;\n}\n\n@media (hover: hover) {\n  [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"]:not(:disabled):not([aria-disabled=\"true\"]):not([aria-selected=\"true\"]):hover {\n    background-color: var(--arkme-directory-card-hover) !important;\n  }\n\n  [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"][aria-selected=\"true\"]:not(:disabled):not([aria-disabled=\"true\"]):hover {\n    background-color: var(--arkme-directory-card-selected-hover) !important;\n  }\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[data-arkme-home-tour-target=\"harness\"][aria-expanded=\"true\"]:not([aria-selected=\"true\"]) {\n  background-color: var(--arkme-directory-card-hover) !important;\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[data-arkme-home-tour-target=\"harness\"][aria-expanded=\"true\"][aria-selected=\"true\"] {\n  background-color: var(--arkme-directory-card-selected-hover) !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"] {\n    transition: none;\n  }\n}\n\n.arkme-redesign-task-section {\n  z-index: 3;\n  border-bottom: 1px solid #ececef;\n  outline: none;\n  height: 158px;\n  margin: 0 6px 12px;\n  position: relative;\n}\n\n.arkme-redesign-task-section-title {\n  color: #767b85;\n  justify-content: space-between;\n  align-items: center;\n  height: 28px;\n  padding: 0 7px;\n  display: flex;\n}\n\n.arkme-redesign-task-section-title strong {\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.arkme-redesign-task-section-title button {\n  border-radius: 7px;\n  place-items: center;\n  width: 24px;\n  height: 24px;\n  display: grid;\n}\n\n.arkme-redesign-task-section-title button:hover {\n  background: #f3f3f5;\n}\n\n.arkme-redesign-task-list {\n  overscroll-behavior: contain;\n  scrollbar-gutter: stable;\n  background: #fff;\n  max-height: 128px;\n  padding-bottom: 2px;\n  transition: max-height .18s, box-shadow .18s, padding .18s;\n  display: grid;\n  position: absolute;\n  top: 28px;\n  left: 0;\n  right: 0;\n  overflow: hidden auto;\n}\n\n.arkme-redesign-task-section:hover .arkme-redesign-task-list, .arkme-redesign-task-section:focus-within .arkme-redesign-task-list {\n  max-height: min(360px, 100vh - 180px);\n  padding-bottom: 6px;\n  box-shadow: 0 14px 22px #1b1e2512;\n}\n\n.arkme-redesign-task-list > button {\n  color: #555a64;\n  text-align: left;\n  border-radius: 8px;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  gap: 4px;\n  width: 100%;\n  min-width: 0;\n  height: 32px;\n  padding: 0 8px;\n  display: grid;\n}\n\n.arkme-redesign-task-list > button:hover {\n  background: #f7f7f8;\n}\n\n.arkme-redesign-task-list > button.is-selected {\n  color: #232630;\n  background: #f0f1f4;\n}\n\n.arkme-redesign-task-state {\n  justify-content: center;\n  align-items: center;\n  width: 16px;\n  height: 20px;\n  display: inline-flex;\n}\n\n.arkme-redesign-task-state.is-complete > i {\n  background: #39a56b1a;\n  border-radius: 50%;\n  width: 10px;\n  height: 10px;\n  display: block;\n  position: relative;\n}\n\n.arkme-redesign-task-state.is-complete > i:after {\n  content: \"\";\n  background: #39a56b;\n  border-radius: 50%;\n  position: absolute;\n  inset: 2px;\n}\n\n.arkme-redesign-task-matrix {\n  grid-template-columns: repeat(3, 2px);\n  grid-auto-rows: 2px;\n  gap: 1px;\n  width: 10px;\n  height: 10px;\n  display: grid;\n}\n\n.arkme-redesign-task-matrix i {\n  opacity: .15;\n  background: #5d76e8;\n  border-radius: 1px;\n  animation: 1s infinite arkme-task-dot-chase;\n}\n\n.arkme-redesign-task-matrix i:nth-child(2) {\n  animation-delay: .125s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(3) {\n  animation-delay: .25s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(4) {\n  animation-delay: .375s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(5) {\n  animation-delay: .5s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(6) {\n  animation-delay: .625s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(7) {\n  animation-delay: .75s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(8) {\n  animation-delay: .875s;\n}\n\n@keyframes arkme-task-dot-chase {\n  0%, 12.4% {\n    opacity: 1;\n  }\n\n  12.5%, 24.9% {\n    opacity: .6;\n  }\n\n  25%, 37.4% {\n    opacity: .35;\n  }\n\n  37.5%, 100% {\n    opacity: .15;\n  }\n}\n\n.arkme-redesign-task-copy {\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  display: flex;\n}\n\n.arkme-redesign-task-copy strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  min-width: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  overflow: hidden;\n}\n\n.arkme-redesign-task-copy small {\n  color: #9a9da5;\n  flex: none;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.arkme-redesign-task-first {\n  color: #555a64;\n  text-align: left;\n  border-radius: 8px;\n  width: calc(100% - 12px);\n  height: 32px;\n  margin: 0 6px;\n  padding: 0 8px;\n  font-size: 14px;\n}\n\n.arkme-redesign-task-first:hover {\n  background: #f7f7f8;\n}\n\n.arkme-redesign-content {\n  inset: var(--arkme-native-titlebar) 0 0 96px;\n  background: #fff;\n  min-width: 0;\n  min-height: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.arkme-redesign-content.has-panel {\n  left: 396px;\n}\n\n.arkme-redesign-content.has-details {\n  right: 360px;\n}\n\n.arkme-redesign-content.is-login-takeover {\n  left: 0;\n  right: 0;\n}\n\n.arkme-redesign-route-surface {\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-surface {\n  background: #fff !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-header {\n  border-bottom: 1px solid #ececef !important;\n  height: 68px !important;\n  padding: 12px 16px 12px 20px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-header h2 {\n  font-size: 15px !important;\n  font-weight: 600 !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-body {\n  padding: 22px 22px 12px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-records {\n  gap: 0 !important;\n  width: 100% !important;\n}\n\n.arkme-conversation-records-reveal {\n  animation: .12s ease-out both arkme-conversation-records-reveal;\n}\n\n@keyframes arkme-conversation-records-reveal {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .arkme-conversation-records-reveal {\n    animation: none;\n  }\n}\n\n.arkme-redesign-route-chats [data-arkme-content-presentation=\"bubble\"] p {\n  font-size: 14px;\n  line-height: 1.62;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer {\n  padding: 0 24px 20px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer-inner {\n  background: #fff !important;\n  border: 1px solid #dfe1e6 !important;\n  border-radius: 15px !important;\n  gap: 8px !important;\n  width: 100% !important;\n  padding: 12px 13px 9px !important;\n  box-shadow: 0 8px 30px #1c1f270b !important;\n}\n\n.arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"] {\n  --arkme-primary-composer-idle: #f6f6f6;\n  --arkme-primary-composer-focused: #fff;\n  background: var(--arkme-primary-composer-idle, #f6f6f6) !important;\n  box-shadow: none !important;\n}\n\n.arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"][data-arkme-composer-focused=\"true\"] {\n  background: var(--arkme-primary-composer-focused, #fff) !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer textarea {\n  min-height: 38px !important;\n  padding: 0 !important;\n  font-size: 14px !important;\n  line-height: 22px !important;\n}\n\n.arkme-redesign-task-conversation {\n  font-size: 15px;\n}\n\n.arkme-redesign-task-conversation [data-phase] {\n  --dsh-chat-content-width: calc(100% - 64px);\n  --dsh-composer-card-max-width: calc(100% - 32px);\n}\n\n.arkme-redesign-task-conversation [data-chat-flow] {\n  width: calc(100% - 64px) !important;\n  max-width: none !important;\n  margin-left: 32px !important;\n  margin-right: 32px !important;\n}\n\n.arkme-redesign-task-conversation textarea {\n  font-size: 14px !important;\n}\n\n[data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"][data-arkme-directory-visible=\"true\"] [data-arkme-directory-mode=\"conversations\"]), [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-web-locked] [data-arkme-directory-mode=\"web-locked\"]) {\n  grid-template-columns: var(--arkme-persistent-sidebar-width, 356px) minmax(0, 1fr) 0 !important;\n}\n\n[data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"][data-arkme-directory-visible=\"false\"]) {\n  grid-template-columns: 72px minmax(0, 1fr) 0 !important;\n}\n\n@media (width >= 1100px) {\n  [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"] [data-arkme-directory-mode=\"contacts\"]) {\n    grid-template-columns: var(--arkme-persistent-sidebar-width, 356px) minmax(0, 1fr) 0 !important;\n  }\n\n  [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"true\"]:not([data-arkme-web-locked])) {\n    grid-template-columns: 0 minmax(0, 1fr) 0 !important;\n  }\n}\n\n[data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"]:has( > [data-arkme-directory-mode=\"conversations\"]) > [data-arkme-owned=\"product-navigation\"] {\n  flex: 0 0 72px !important;\n  width: 72px !important;\n  min-width: 72px !important;\n}\n\n[data-arkme-owned=\"persistent-sidebar\"] :is([data-arkme-directory-mode=\"conversations\"], [data-arkme-directory-mode=\"web-locked\"]) {\n  min-width: 72px !important;\n}\n\n[data-arkme-directory-compact=\"true\"] > :not([role=\"tree\"]) {\n  display: none !important;\n}\n\n[data-arkme-directory-compact=\"true\"] [role=\"tree\"] {\n  padding: 8px 6px 18px !important;\n}\n\n[data-arkme-harness-summary] {\n  flex-wrap: wrap;\n  gap: 2px 8px;\n  min-width: 0;\n  font-size: 11px;\n  line-height: 16px;\n  display: flex;\n}\n\n[data-arkme-harness-status] {\n  white-space: nowrap;\n  align-items: center;\n  gap: 4px;\n  display: inline-flex;\n}\n\n[data-arkme-harness-status=\"running\"] {\n  color: #4279d4;\n}\n\n[data-arkme-harness-status=\"unread\"] {\n  color: #278557;\n}\n\n[data-arkme-harness-status=\"pending\"] {\n  color: #a96b0a;\n}\n\n[data-arkme-harness-status] > i {\n  background: currentColor;\n  border-radius: 50%;\n  flex: none;\n  width: 5px;\n  height: 5px;\n}\n\n[data-arkme-harness-status=\"running\"] > i {\n  box-sizing: border-box;\n  background: none;\n  border: 1.5px solid;\n  border-right-color: #0000;\n  width: 7px;\n  height: 7px;\n  animation: 1.1s linear infinite arkme-harness-running;\n}\n\n[data-arkme-harness-badge] {\n  box-sizing: border-box;\n  color: #fff;\n  border: 1px solid #fff;\n  border-radius: 9px;\n  justify-content: center;\n  align-items: center;\n  min-width: 15px;\n  height: 15px;\n  padding: 0 3px;\n  font-size: 9px;\n  font-weight: 600;\n  line-height: 13px;\n  display: none;\n  position: absolute;\n  top: -3px;\n  right: -3px;\n}\n\n[data-arkme-harness-badge][data-kind=\"running\"] {\n  background: #4279d4;\n}\n\n[data-arkme-harness-badge][data-kind=\"unread\"] {\n  background: #278557;\n}\n\n[data-arkme-harness-badge][data-kind=\"pending\"] {\n  background: #a96b0a;\n}\n\n[data-arkme-harness-badge][data-idle=\"true\"] {\n  display: inline-flex;\n}\n\n[data-arkme-directory-compact=\"true\"] [data-arkme-home-tour-target=\"harness\"] {\n  justify-content: center;\n  gap: 0 !important;\n  padding: 7px 6px !important;\n}\n\n[data-arkme-directory-compact=\"true\"] [data-arkme-harness-label] {\n  display: none !important;\n}\n\n[data-arkme-directory-compact=\"true\"] [data-arkme-harness-badge] {\n  display: inline-flex;\n}\n\n@keyframes arkme-harness-running {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-arkme-harness-status=\"running\"] > i {\n    animation: none;\n  }\n}\n\n.arkme-redesign-feature-page {\n  background: #fff;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  padding: 30px 48px 36px;\n  display: flex;\n  overflow: hidden;\n}\n\n.arkme-redesign-feature-page > header {\n  flex: none;\n  margin: 0 0 22px;\n}\n\n.arkme-redesign-feature-page > header p {\n  color: #8d9098;\n  margin: 0 0 8px;\n  font-size: 11px;\n}\n\n.arkme-redesign-feature-page > header h1 {\n  letter-spacing: -.04em;\n  margin: 0;\n  font-size: 27px;\n  font-weight: 600;\n}\n\n.arkme-redesign-feature-page > header span {\n  color: #858992;\n  margin-top: 10px;\n  font-size: 12px;\n  display: block;\n}\n\n.arkme-redesign-feature-body {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.arkme-redesign-recordings-page {\n  background: #fff;\n  padding: 0;\n}\n\n.arkme-redesign-recordings-page > div {\n  height: 100% !important;\n}\n\n.arkme-redesign-search-page {\n  padding: 66px 0 40px;\n}\n\n.arkme-redesign-search-page > header, .arkme-redesign-search-page > .arkme-redesign-feature-body {\n  width: min(980px, 100% - 80px);\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.arkme-redesign-search-page > header {\n  margin-bottom: 28px;\n}\n\n.arkme-redesign-search-page > header h1 {\n  font-size: 32px;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body {\n  overflow-y: auto;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body > div {\n  width: 100% !important;\n  padding: 0 !important;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body > div > header {\n  display: none !important;\n}\n\n.arkme-redesign-search-page .arkme-search-box {\n  box-shadow: 0 8px 28px #1c1f2709;\n  color: #646872 !important;\n  background: #fff !important;\n  border: 1px solid #e1e2e5 !important;\n  border-radius: 15px !important;\n  gap: 12px !important;\n  height: 68px !important;\n  padding: 0 20px !important;\n}\n\n.arkme-redesign-search-page input[aria-label=\"搜索\"] {\n  font-size: 14px !important;\n}\n\n.arkme-redesign-search-page input[aria-label=\"搜索\"]:not(:focus)::placeholder {\n  color: #92959d;\n}\n\n.arkme-redesign-search-page .arkme-search-history, .arkme-redesign-search-page .arkme-search-quick {\n  margin: 24px 0 0 !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history > div, .arkme-redesign-search-page .arkme-search-quick > div {\n  gap: 0 !important;\n  display: grid !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history button, .arkme-redesign-search-page .arkme-search-quick button {\n  text-align: left;\n  overflow: hidden;\n  color: #30333b !important;\n  border: 0 !important;\n  border-bottom: 1px solid #e6e7e9 !important;\n  border-radius: 0 !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  gap: 14px !important;\n  width: 100% !important;\n  height: 52px !important;\n  padding: 0 6px !important;\n  font-size: 12px !important;\n  display: flex !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history button span, .arkme-redesign-search-page .arkme-search-quick button span {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.arkme-redesign-plugins-page {\n  background: #fff;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded > section {\n  background: #fff !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded header {\n  display: none !important;\n}\n\n.arkme-extension-toolbar {\n  align-items: center;\n  gap: 12px;\n  height: 46px;\n  display: flex;\n}\n\n.arkme-extension-toolbar label {\n  color: #8e929a;\n  border: 1px solid #e1e2e5;\n  border-radius: 12px;\n  flex: 1;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  height: 44px;\n  padding: 0 14px;\n  display: flex;\n}\n\n.arkme-extension-toolbar input {\n  color: #262932;\n  background: none;\n  border: 0;\n  outline: 0;\n  flex: 1;\n  min-width: 0;\n  font-size: 12px;\n}\n\n.arkme-extension-toolbar > button {\n  border-radius: 11px;\n  height: 38px;\n  padding: 0 15px;\n  font-size: 11px;\n  border: 1px solid #e1e2e5 !important;\n}\n\n.arkme-extension-toolbar > button:hover {\n  background: #f6f6f7;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded nav {\n  width: 420px;\n  height: 38px !important;\n  padding: 0 !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded main {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-content: start;\n  gap: 12px;\n  padding: 16px 0 0 !important;\n  display: grid !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-card {\n  background: #fff !important;\n  border: 1px solid #e3e4e7 !important;\n  border-radius: 15px !important;\n  min-height: 138px !important;\n  margin: 0 !important;\n  padding: 18px !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-card:hover {\n  background: #fafafa !important;\n  border-color: #d5d7dc !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-grid-span, .arkme-redesign-plugins-page .arkme-extension-center-embedded main > [role=\"status\"], .arkme-redesign-plugins-page .arkme-extension-center-embedded main > [role=\"alert\"] {\n  grid-column: 1 / -1;\n}\n\n@keyframes arkme-icon-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.arkme-icon-spin {\n  animation: .8s linear infinite arkme-icon-spin;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [data-arkme-voice] .arkme-icon-spin {\n    animation: none;\n  }\n}\n\n.arkme-redesign-settings-surface {\n  color: #20232c;\n  background: none;\n  width: 100%;\n  height: auto;\n  overflow: visible;\n}\n\n.arkme-redesign-settings-shell {\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.arkme-redesign-settings-profile {\n  align-items: center;\n  gap: 16px;\n  padding: 0 0 24px;\n  display: flex;\n}\n\n.arkme-redesign-settings-profile > div:nth-child(2) {\n  min-width: 0;\n}\n\n.arkme-redesign-settings-profile h1 {\n  color: #20232c;\n  letter-spacing: -.03em;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin: 0 0 6px;\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 30px;\n  overflow: hidden;\n}\n\n.arkme-redesign-settings-profile p {\n  color: #858992;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  font-size: 13px;\n  line-height: 18px;\n  display: flex;\n  overflow: hidden;\n}\n\n.arkme-redesign-settings-profile p > span {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.arkme-account-profile-qr {\n  color: #858992;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 0;\n  flex: none;\n  justify-content: center;\n  align-items: center;\n  width: 24px;\n  height: 24px;\n  margin: 0;\n  padding: 2px;\n  display: inline-flex;\n}\n\n.arkme-account-profile-qr:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-account-profile-qr svg {\n  width: 20px;\n  height: 20px;\n  display: block;\n}\n\n.arkme-redesign-settings-group {\n  background: none;\n  border: 0;\n  border-bottom: 1px solid #e1e2e5;\n  border-radius: 0;\n  margin: 0;\n  overflow: hidden;\n}\n\n.arkme-redesign-settings-group:last-child {\n  border-bottom: 0;\n}\n\n.arkme-redesign-settings-group > h2 {\n  color: #8a8e96;\n  border-bottom: 1px solid #ededee;\n  margin: 0;\n  padding: 15px 1px 10px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 17px;\n}\n\n.arkme-redesign-settings-group > div {\n  padding: 0;\n}\n\n.arkme-redesign-setting-row {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 54px;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  background: none;\n  border: 0;\n  border-bottom: 1px solid #ededee;\n  grid-template-columns: minmax(0, 1fr) auto 18px;\n  align-items: center;\n  gap: 10px;\n  padding: 9px 1px;\n  text-decoration: none;\n  display: grid;\n}\n\n.arkme-redesign-setting-row:last-child {\n  border-bottom: 0;\n}\n\nbutton.arkme-redesign-setting-row, a.arkme-redesign-setting-row {\n  cursor: pointer;\n}\n\nbutton.arkme-redesign-setting-row:hover, a.arkme-redesign-setting-row:hover {\n  color: #53617d;\n}\n\n.arkme-redesign-setting-row:disabled {\n  opacity: .6;\n  cursor: default;\n}\n\n.arkme-redesign-setting-row > strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  overflow: hidden;\n}\n\n.arkme-redesign-setting-row > strong.is-danger {\n  color: #b54841;\n}\n\n.arkme-redesign-setting-summary {\n  color: #858992;\n  text-align: right;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-width: 360px;\n  font-size: 12px;\n  line-height: 18px;\n  overflow: hidden;\n}\n\n.arkme-redesign-setting-row > svg {\n  color: #8d929b;\n}\n\n.arkme-account-info-row {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 54px;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  background: none;\n  border: 0;\n  border-bottom: 1px solid #ededee;\n  grid-template-columns: 26px minmax(0, 1fr) auto 18px;\n  align-items: center;\n  gap: 10px;\n  padding: 9px 1px;\n  display: grid;\n}\n\n.arkme-account-info-row:last-child {\n  border-bottom: 0;\n}\n\nbutton.arkme-account-info-row {\n  cursor: pointer;\n}\n\n.arkme-account-info-row:disabled {\n  opacity: .6;\n  cursor: default;\n}\n\n.arkme-account-info-icon {\n  color: #6f7580;\n  justify-content: center;\n  align-items: center;\n  width: 26px;\n  height: 26px;\n  display: inline-flex;\n}\n\n.arkme-account-info-copy {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-account-info-copy > strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  overflow: hidden;\n}\n\n.arkme-account-info-copy > small {\n  color: #858992;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  line-height: 18px;\n  overflow: hidden;\n}\n\n.arkme-account-info-action {\n  color: #858992;\n  white-space: nowrap;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-account-info-row > svg {\n  color: #8d929b;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-profile > div:nth-child(2) {\n  flex: 1;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-profile h1 {\n  margin: 0;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-group {\n  border-bottom: 0;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-row {\n  border-bottom: 0;\n  grid-template-columns: 26px minmax(0, 1fr) 48px 18px;\n  min-height: 54px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-copy {\n  grid-template-columns: minmax(70px, 1fr) minmax(0, auto);\n  align-items: center;\n  gap: 16px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-copy > small {\n  text-align: right;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-action {\n  text-align: center;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-group:has(.arkme-redesign-balance-row) {\n  margin-top: 16px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-balance-main > small {\n  color: inherit;\n  font-size: 28px;\n  font-weight: 600;\n  line-height: 38px;\n}\n\n.arkme-account-logout {\n  justify-content: center;\n  padding-top: 32px;\n  display: flex;\n}\n\n.arkme-account-logout > button {\n  color: #dc4d43;\n  min-width: 128px;\n  min-height: 40px;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 1px solid #e1e2e5;\n  border-radius: 8px;\n  padding: 8px 24px;\n}\n\n.arkme-account-logout > button:disabled {\n  cursor: default;\n  opacity: .6;\n}\n\n[data-arkme-settings-view=\"general\"] .arkme-redesign-settings-group:last-child {\n  border-bottom: 0;\n}\n\n.arkme-about-heading {\n  color: inherit;\n  font: inherit;\n  margin: 0 0 20px;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 1.5;\n}\n\n.arkme-account-feedback {\n  color: #b54841;\n  align-items: flex-start;\n  gap: 6px;\n  margin: 8px 0 14px;\n  font-size: 12px;\n  line-height: 18px;\n  display: flex;\n}\n\n.arkme-account-dialog-backdrop {\n  z-index: 50;\n  background: #12141a6b;\n  justify-content: center;\n  align-items: center;\n  padding: 18px;\n  display: flex;\n  position: fixed;\n  inset: 0;\n}\n\n.arkme-account-dialog {\n  box-sizing: border-box;\n  color: #20232c;\n  background: #fff;\n  border: 1px solid #e1e2e5;\n  border-radius: 16px;\n  width: min(420px, 100vw - 36px);\n  max-height: calc(100vh - 56px);\n  overflow: auto;\n  box-shadow: 0 18px 52px #11182738;\n}\n\n.arkme-account-dialog > header {\n  border-bottom: 1px solid #ededee;\n  justify-content: space-between;\n  align-items: center;\n  height: 58px;\n  padding: 0 16px 0 20px;\n  display: flex;\n}\n\n.arkme-account-dialog h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 650;\n  line-height: 24px;\n}\n\n.arkme-account-dialog > header button {\n  color: #8d929b;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 50%;\n  width: 34px;\n  height: 34px;\n}\n\n.arkme-account-qr-card {\n  box-sizing: border-box;\n  background: #fff;\n  border: 1px solid #ededee;\n  border-radius: 14px;\n  justify-items: center;\n  gap: 7px;\n  width: 270px;\n  margin: 22px auto 16px;\n  padding: 24px 22px 22px;\n  display: grid;\n}\n\n.arkme-account-qr-card strong {\n  text-align: center;\n  overflow-wrap: anywhere;\n  min-width: 0;\n  max-width: 100%;\n  margin-top: 4px;\n  font-size: 17px;\n  font-weight: 650;\n  line-height: 23px;\n}\n\n.arkme-account-qr-card span, .arkme-account-qr-card small {\n  color: #858992;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-account-qr-card img {\n  width: 180px;\n  height: 180px;\n  margin-top: 8px;\n}\n\n.arkme-account-form {\n  gap: 12px;\n  padding: 18px 20px 20px;\n  display: grid;\n}\n\n.arkme-account-form label {\n  color: #5f6570;\n  gap: 7px;\n  font-size: 12px;\n  line-height: 18px;\n  display: grid;\n}\n\n.arkme-account-form input {\n  box-sizing: border-box;\n  color: #20232c;\n  width: 100%;\n  height: 42px;\n  font: inherit;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 11px;\n  outline: none;\n  padding: 0 12px;\n}\n\n.arkme-account-form input:focus {\n  border-color: #9aa7c2;\n  box-shadow: 0 0 0 3px #53617d1f;\n}\n\n.arkme-account-rule {\n  color: #858992;\n  margin: -2px 0 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-account-code-row {\n  grid-template-columns: minmax(0, 1fr) 92px;\n  gap: 8px;\n  display: grid;\n}\n\n.arkme-account-code-row button {\n  color: #343944;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 11px;\n}\n\n.arkme-account-code-row button:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-account-dialog-actions {\n  justify-content: flex-end;\n  gap: 10px;\n  padding-top: 6px;\n  display: flex;\n}\n\n.arkme-account-dialog > .arkme-account-dialog-actions {\n  padding: 6px 20px 20px;\n}\n\n.arkme-account-dialog > .arkme-account-dialog-status {\n  margin: 0 20px 16px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card + .arkme-account-dialog-actions {\n  justify-content: center;\n  padding: 6px 20px 24px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card ~ .arkme-account-dialog-status {\n  text-align: center;\n  margin: -8px 20px 20px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card ~ .arkme-account-dialog-status:empty {\n  display: none;\n}\n\n.arkme-account-dialog-actions button {\n  color: #343944;\n  min-width: 78px;\n  height: 36px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  padding: 0 14px;\n  display: inline-flex;\n}\n\n.arkme-account-dialog-actions button[type=\"submit\"], .arkme-account-dialog-actions button:last-child {\n  color: #fff;\n  background: #20232c;\n  border-color: #20232c;\n}\n\n.arkme-account-dialog-actions button:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-account-dialog-status {\n  color: #13a85b;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-account-dialog-status.is-error {\n  color: #b54841;\n}\n\n.arkme-redesign-version-row {\n  grid-template-columns: minmax(0, 1fr) minmax(150px, auto) auto 18px;\n}\n\n.arkme-redesign-version-row.is-without-action {\n  grid-template-columns: minmax(0, 1fr) auto 18px;\n}\n\n.arkme-redesign-version-copy {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-redesign-version-copy > strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  overflow: hidden;\n}\n\n.arkme-redesign-version-copy > small {\n  color: #858992;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 11px;\n  line-height: 16px;\n  overflow: hidden;\n}\n\n.arkme-redesign-version-value {\n  color: #858992;\n  white-space: nowrap;\n  justify-self: end;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-redesign-version-action-slot {\n  justify-content: flex-end;\n  display: inline-flex;\n}\n\n.arkme-redesign-trailing-slot {\n  width: 18px;\n  height: 1px;\n}\n\nbutton.arkme-redesign-update-button {\n  color: #343944;\n  min-width: 72px;\n  height: 30px;\n  font: inherit;\n  white-space: nowrap;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 9px;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  padding: 0 11px;\n  font-size: 11px;\n  display: inline-flex;\n}\n\nbutton.arkme-redesign-update-button:hover {\n  background: #f7f7f8;\n  border-color: #cfd3da;\n}\n\nbutton.arkme-redesign-update-button:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-redesign-settings-group:has(.arkme-redesign-balance-row) {\n  overflow: visible;\n}\n\n.arkme-redesign-balance-row {\n  grid-template-columns: max-content max-content minmax(0, 1fr) 18px;\n  column-gap: 20px;\n}\n\n.arkme-redesign-balance-row.is-without-reserved {\n  grid-template-columns: max-content minmax(0, 1fr) 18px;\n}\n\n.arkme-redesign-balance-main {\n  min-width: 0;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  gap: 2px;\n  padding: 0;\n  display: grid;\n}\n\n.arkme-redesign-balance-main > strong {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.arkme-redesign-balance-main > small {\n  color: #858992;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-redesign-balance-usage {\n  color: #8a8e96;\n  white-space: nowrap;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-redesign-reserved-balance {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-redesign-recharge-trigger {\n  justify-self: end;\n}\n\n.arkme-redesign-reserved-title {\n  align-items: center;\n  gap: 5px;\n  width: fit-content;\n  display: inline-flex;\n  position: relative;\n}\n\n.arkme-redesign-reserved-title > strong {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.arkme-redesign-reserved-balance > small {\n  color: #858992;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-redesign-reserved-help {\n  box-sizing: border-box;\n  color: #858992;\n  cursor: help;\n  border: 1px solid #a6aab2;\n  border-radius: 50%;\n  place-items: center;\n  width: 15px;\n  height: 15px;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  display: inline-grid;\n}\n\n.arkme-redesign-reserved-help:focus-visible {\n  outline-offset: 2px;\n  outline: 2px solid #7b8cad;\n}\n\n.arkme-redesign-reserved-title > [role=\"tooltip\"] {\n  box-sizing: border-box;\n  z-index: 20;\n  color: #fff;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  background: #2e323b;\n  border-radius: 8px;\n  width: 240px;\n  padding: 9px 11px;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 17px;\n  transition: opacity .12s, transform .12s, visibility .12s;\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: calc(100% - 7.5px);\n  transform: translate(-50%, 2px);\n  box-shadow: 0 6px 18px #181b222e;\n}\n\n.arkme-redesign-reserved-help:hover ~ [role=\"tooltip\"], .arkme-redesign-reserved-help:focus ~ [role=\"tooltip\"] {\n  opacity: 1;\n  visibility: visible;\n  transform: translate(-50%);\n}\n\n.arkme-redesign-settings-error {\n  color: #b54841;\n  background: #fff3f0;\n  border-radius: 10px;\n  margin: -8px 0 28px;\n  padding: 10px 13px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-remote-settings-dialog-backdrop {\n  z-index: 1150;\n  box-sizing: border-box;\n  backdrop-filter: blur(1.5px);\n  background: #16181d47;\n  place-items: center;\n  padding: 24px;\n  display: grid;\n  position: fixed;\n  inset: 0;\n}\n\n.arkme-remote-settings-dialog {\n  color: #20232c;\n  background: #fff;\n  border: 1px solid #14182014;\n  border-radius: 19px;\n  flex-direction: column;\n  width: min(720px, 100vw - 48px);\n  max-height: min(720px, 100vh - 48px);\n  display: flex;\n  overflow: hidden;\n  box-shadow: 0 18px 54px #11141b2e;\n}\n\n.arkme-remote-page-header {\n  box-sizing: border-box;\n  border-bottom: 1px solid #ededee;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  min-height: 74px;\n  padding: 0 24px 0 28px;\n  display: flex;\n}\n\n.arkme-remote-page-header > div {\n  min-width: 0;\n}\n\n.arkme-remote-page-header h1 {\n  color: #20232c;\n  letter-spacing: -.02em;\n  margin: 0;\n  font-size: 18px;\n  font-weight: 620;\n  line-height: 25px;\n}\n\n.arkme-remote-page-header p {\n  color: #8b9098;\n  margin: 3px 0 0;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-remote-settings-close {\n  color: #777c85;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  flex: none;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: inline-flex;\n}\n\n.arkme-remote-settings-close:hover {\n  color: #20232c;\n  background: #f3f3f4;\n}\n\n.arkme-remote-settings-dialog-body {\n  overscroll-behavior: contain;\n  gap: 28px;\n  padding: 24px 28px 28px;\n  display: grid;\n  overflow-y: auto;\n}\n\n.arkme-remote-section {\n  gap: 13px;\n  display: grid;\n}\n\n.arkme-remote-section-header {\n  justify-content: space-between;\n  align-items: flex-end;\n  gap: 18px;\n  min-height: 34px;\n  display: flex;\n}\n\n.arkme-remote-section-header > div:first-child {\n  min-width: 0;\n}\n\n.arkme-remote-section-header h2 {\n  color: #292c34;\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n.arkme-remote-section-header p {\n  color: #8b9098;\n  margin: 2px 0 0;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-remote-section-header > div:last-child {\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.arkme-remote-icon-button {\n  color: #8a8f97;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: inline-flex;\n}\n\n.arkme-remote-icon-button:hover {\n  color: #343944;\n  background: #f3f3f4;\n}\n\n.arkme-remote-add-button {\n  color: #fff;\n  min-height: 32px;\n  font: inherit;\n  cursor: pointer;\n  background: #20232c;\n  border: 0;\n  border-radius: 9px;\n  align-items: center;\n  gap: 5px;\n  padding: 0 12px;\n  font-size: 11px;\n  font-weight: 550;\n  display: inline-flex;\n}\n\n.arkme-remote-add-button:hover {\n  background: #343944;\n}\n\n.arkme-remote-add-button:disabled, .arkme-remote-icon-button:disabled {\n  opacity: .45;\n  cursor: default;\n}\n\n.arkme-remote-settings-card {\n  background: #fff;\n  border: 1px solid #e1e2e5;\n  border-radius: 16px;\n  overflow: hidden;\n}\n\n.arkme-remote-allow-row {\n  border-bottom: 1px solid #ededee;\n  justify-content: space-between;\n  align-items: center;\n  gap: 18px;\n  min-height: 60px;\n  padding: 0 18px;\n  display: flex;\n}\n\n.arkme-remote-allow-row > div {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-remote-allow-row strong, .arkme-remote-device-row strong, .arkme-remote-name-row strong {\n  color: #343944;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.arkme-remote-allow-row span, .arkme-remote-device-row span, .arkme-remote-name-row small {\n  color: #8b9098;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 10px;\n  line-height: 16px;\n  overflow: hidden;\n}\n\n.arkme-remote-switch {\n  cursor: pointer;\n  background: #d7d9dd;\n  border: 0;\n  border-radius: 999px;\n  flex: none;\n  width: 40px;\n  height: 23px;\n  padding: 0;\n  transition: background .16s;\n  position: relative;\n}\n\n.arkme-remote-switch > span {\n  background: #fff;\n  border-radius: 50%;\n  width: 17px;\n  height: 17px;\n  transition: transform .16s;\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  box-shadow: 0 1px 3px #14182038;\n}\n\n.arkme-remote-switch[aria-checked=\"true\"] {\n  background: #3b9cf5;\n}\n\n.arkme-remote-switch[aria-checked=\"true\"] > span {\n  transform: translateX(17px);\n}\n\n.arkme-remote-switch:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.arkme-remote-device-row {\n  border-bottom: 1px solid #ededee;\n  grid-template-columns: 24px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 11px;\n  min-height: 64px;\n  padding: 0 18px;\n  display: grid;\n}\n\n.arkme-remote-device-row:last-child {\n  border-bottom: 0;\n}\n\n.arkme-remote-device-row > svg {\n  color: #68707c;\n}\n\n.arkme-remote-device-row > div {\n  gap: 1px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-remote-device-row > button {\n  color: #5d626c;\n  min-height: 30px;\n  font: inherit;\n  cursor: pointer;\n  background: #f3f3f4;\n  border: 0;\n  border-radius: 9px;\n  padding: 0 10px;\n  font-size: 10px;\n}\n\n.arkme-remote-device-row > button:hover {\n  color: #b54841;\n  background: #fff0ed;\n}\n\n.arkme-remote-device-row > button:disabled {\n  opacity: .45;\n  cursor: default;\n}\n\n.arkme-remote-empty-row {\n  color: #989ca3;\n  align-items: center;\n  gap: 11px;\n  min-height: 52px;\n  padding: 0 18px;\n  font-size: 11px;\n  display: flex;\n}\n\n.arkme-remote-empty-row > svg {\n  color: #a2a6ad;\n}\n\n.arkme-remote-name-row {\n  color: #727780;\n  width: 100%;\n  min-height: 62px;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  grid-template-columns: 24px minmax(0, 1fr) 20px;\n  align-items: center;\n  gap: 11px;\n  padding: 0 18px;\n  display: grid;\n}\n\n.arkme-remote-name-row:hover {\n  background: #fafafb;\n}\n\n.arkme-remote-name-row > span {\n  gap: 1px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-remote-name-row small {\n  display: block;\n}\n\n.arkme-remote-rename {\n  border-top: 1px solid #ededee;\n  grid-template-columns: minmax(0, 1fr) auto auto;\n  gap: 7px;\n  padding: 12px 18px;\n  display: grid;\n}\n\n.arkme-remote-rename input {\n  box-sizing: border-box;\n  color: #20232c;\n  min-width: 0;\n  height: 34px;\n  font: inherit;\n  background: #fff;\n  border: 1px solid #dfe1e5;\n  border-radius: 9px;\n  outline: 0;\n  padding: 0 10px;\n  font-size: 12px;\n}\n\n.arkme-remote-rename input:focus {\n  border-color: #6eb3f3;\n  box-shadow: 0 0 0 3px #3b9cf51f;\n}\n\n.arkme-remote-rename button {\n  color: #4f5560;\n  min-height: 34px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #e0e1e4;\n  border-radius: 9px;\n  padding: 0 11px;\n  font-size: 11px;\n}\n\n.arkme-remote-rename button[type=\"submit\"] {\n  color: #fff;\n  background: #20232c;\n  border-color: #20232c;\n}\n\n.arkme-remote-rename button:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.arkme-remote-error {\n  margin: -22px 0 0;\n}\n\n.arkme-remote-dialog-backdrop {\n  z-index: 1200;\n  box-sizing: border-box;\n  backdrop-filter: blur(1.5px);\n  background: #16181d47;\n  place-items: center;\n  padding: 24px;\n  display: grid;\n  position: fixed;\n  inset: 0;\n  overflow: auto;\n}\n\n.arkme-remote-dialog {\n  box-sizing: border-box;\n  color: #20232c;\n  background: #fff;\n  border: 1px solid #14182014;\n  border-radius: 19px;\n  width: min(440px, 100vw - 32px);\n  max-height: calc(100vh - 48px);\n  padding: 28px;\n  position: relative;\n  overflow: auto;\n  box-shadow: 0 18px 54px #11141b2e;\n}\n\n.arkme-remote-dialog-close {\n  color: #777c85;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: inline-flex;\n  position: absolute;\n  top: 16px;\n  right: 16px;\n}\n\n.arkme-remote-dialog-close:hover {\n  color: #20232c;\n  background: #f3f3f4;\n}\n\n.arkme-remote-dialog-symbol {\n  color: #343944;\n  justify-content: center;\n  align-items: center;\n  gap: 9px;\n  height: 38px;\n  display: flex;\n}\n\n.arkme-remote-dialog-symbol > span {\n  background: #d6d8dc;\n  width: 28px;\n  height: 1px;\n}\n\n.arkme-remote-dialog > header {\n  text-align: center;\n  margin: 12px 0 22px;\n}\n\n.arkme-remote-dialog h2 {\n  letter-spacing: -.02em;\n  margin: 0;\n  font-size: 19px;\n  font-weight: 620;\n  line-height: 27px;\n}\n\n.arkme-remote-dialog header p {\n  color: #858992;\n  margin: 6px 0 0;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-remote-pairing-tabs {\n  box-sizing: border-box;\n  background: #f1f1f2;\n  border-radius: 11px;\n  grid-template-columns: 1fr 1fr;\n  gap: 3px;\n  height: 38px;\n  padding: 3px;\n  display: grid;\n}\n\n.arkme-remote-pairing-tabs button {\n  color: #737881;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 8px;\n  font-size: 11px;\n}\n\n.arkme-remote-pairing-tabs button[aria-selected=\"true\"] {\n  color: #252831;\n  background: #fff;\n  box-shadow: 0 1px 3px #14182017;\n}\n\n.arkme-remote-pairing-display {\n  box-sizing: border-box;\n  background: #fff;\n  border: 1px solid #e5e6e8;\n  border-radius: 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: 308px;\n  margin-top: 14px;\n  padding: 24px;\n  display: flex;\n  position: relative;\n}\n\n.arkme-remote-pairing-display > img {\n  width: 232px;\n  height: 232px;\n  image-rendering: pixelated;\n  display: block;\n}\n\n.arkme-remote-pairing-display > p {\n  color: #8b9098;\n  text-align: center;\n  margin: 10px 0 0;\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.arkme-remote-pairing-code {\n  color: #20232c;\n  letter-spacing: .17em;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n  user-select: all;\n  font-size: 33px;\n  font-weight: 620;\n  line-height: 46px;\n}\n\n.arkme-remote-pairing-tools {\n  gap: 4px;\n  display: flex;\n  position: absolute;\n  bottom: 12px;\n  right: 12px;\n}\n\n.arkme-remote-pairing-tools button {\n  color: #8a8f97;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 8px;\n  justify-content: center;\n  align-items: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  display: inline-flex;\n}\n\n.arkme-remote-pairing-tools button:hover {\n  color: #343944;\n  background: #f3f3f4;\n}\n\n.arkme-remote-pairing-expired {\n  text-align: center;\n  justify-items: center;\n  gap: 7px;\n  display: grid;\n}\n\n.arkme-remote-pairing-expired strong {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.arkme-remote-pairing-expired p {\n  color: #8b9098;\n  margin: 0;\n  font-size: 11px;\n}\n\n.arkme-remote-pairing-expired button {\n  color: #fff;\n  min-height: 32px;\n  font: inherit;\n  cursor: pointer;\n  background: #20232c;\n  border: 0;\n  border-radius: 9px;\n  margin-top: 7px;\n  padding: 0 12px;\n  font-size: 11px;\n}\n\n.arkme-remote-dialog-note {\n  color: #858992;\n  align-items: flex-start;\n  gap: 7px;\n  margin: 14px 2px 0;\n  font-size: 10px;\n  line-height: 16px;\n  display: flex;\n}\n\n.arkme-remote-dialog-note > svg {\n  color: #5e856d;\n  flex: none;\n  margin-top: 1px;\n}\n\n.arkme-remote-settings-close:focus-visible, .arkme-remote-icon-button:focus-visible, .arkme-remote-add-button:focus-visible, .arkme-remote-switch:focus-visible, .arkme-remote-device-row > button:focus-visible, .arkme-remote-name-row:focus-visible, .arkme-remote-rename button:focus-visible, .arkme-remote-dialog button:focus-visible {\n  outline-offset: 2px;\n  outline: 2px solid #3b9cf5;\n}\n\n@media (width <= 520px) {\n  .arkme-remote-settings-dialog-backdrop {\n    padding: 10px;\n  }\n\n  .arkme-remote-settings-dialog {\n    border-radius: 17px;\n    width: calc(100vw - 20px);\n    max-height: calc(100vh - 20px);\n  }\n\n  .arkme-remote-page-header {\n    min-height: 68px;\n    padding: 0 16px 0 20px;\n  }\n\n  .arkme-remote-page-header p {\n    display: none;\n  }\n\n  .arkme-remote-settings-dialog-body {\n    gap: 24px;\n    padding: 20px 18px 22px;\n  }\n\n  .arkme-remote-section-header p {\n    display: none;\n  }\n\n  .arkme-remote-device-row {\n    grid-template-columns: 22px minmax(0, 1fr);\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  .arkme-remote-device-row > button {\n    grid-column: 2;\n    justify-self: start;\n  }\n\n  .arkme-remote-dialog-backdrop {\n    padding: 12px;\n  }\n\n  .arkme-remote-dialog {\n    padding: 24px 20px;\n  }\n\n  .arkme-remote-pairing-display {\n    min-height: 282px;\n    padding: 18px;\n  }\n\n  .arkme-remote-pairing-display > img {\n    width: min(224px, 100%);\n    height: auto;\n  }\n\n  .arkme-remote-pairing-code {\n    letter-spacing: .12em;\n    font-size: 26px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .arkme-remote-switch, .arkme-remote-switch > span {\n    transition: none;\n  }\n}\n\n.arkme-redesign-model-settings {\n  color: #20232c;\n  background: #fff;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.arkme-redesign-model-settings > header {\n  width: min(760px, 100% - 96px);\n  margin: 0 auto;\n  padding: 42px 0 22px;\n}\n\n.arkme-redesign-model-settings > header button {\n  color: #525762;\n  height: 34px;\n  font: inherit;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #e1e2e5;\n  border-radius: 18px;\n  align-items: center;\n  gap: 4px;\n  padding: 0 10px 0 7px;\n  font-size: 13px;\n  display: inline-flex;\n}\n\n.arkme-redesign-model-settings > header button:hover {\n  color: #20232c;\n  background: #f6f6f7;\n}\n\n.arkme-redesign-model-settings-body {\n  width: min(760px, 100% - 96px);\n  margin: 0 auto;\n  padding: 0 0 68px;\n}\n\n.arkme-redesign-model-settings-body > * {\n  max-width: none !important;\n}\n\n.arkme-redesign-task-start {\n  place-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 28px 58px 64px;\n  display: grid;\n}\n\n.arkme-redesign-task-start-inner {\n  text-align: center;\n  width: min(760px, 88%);\n  transform: translateY(-12px);\n}\n\n.arkme-redesign-task-greeting {\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 24px;\n  display: flex;\n}\n\n.arkme-redesign-task-greeting img {\n  object-fit: contain;\n  flex: none;\n  width: 62px;\n  height: 16px;\n  display: block;\n}\n\n.arkme-redesign-task-start h1 {\n  letter-spacing: -.03em;\n  margin: 0;\n  font-size: 29px;\n  font-weight: 600;\n  line-height: 1.15;\n}\n\n.arkme-redesign-hero-input {\n  border: 1px solid var(--arkme-focus);\n  text-align: left;\n  background: #fff;\n  border-radius: 17px;\n  grid-template-rows: minmax(56px, 1fr) auto;\n  min-height: 142px;\n  padding: 17px 16px 13px 20px;\n  display: grid;\n  box-shadow: 0 8px 30px #1c1f270b;\n}\n\n.arkme-redesign-hero-input:focus-within {\n  border-color: #aebdff;\n  box-shadow: 0 10px 38px #36488c13, 0 0 0 3px #91a4ff12;\n}\n\n.arkme-redesign-hero-input textarea {\n  resize: none;\n  color: #20232c;\n  border: 0;\n  outline: 0;\n  width: 100%;\n  min-height: 58px;\n  padding: 0;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n.arkme-redesign-hero-input textarea::placeholder {\n  color: #a3a6ad;\n}\n\n.arkme-redesign-hero-controls {\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  display: flex;\n}\n\n.arkme-redesign-hero-controls > div {\n  align-items: center;\n  gap: 7px;\n  display: flex;\n}\n\n.arkme-redesign-source-button {\n  border-radius: 22px;\n  align-items: center;\n  gap: 8px;\n  height: 36px;\n  padding: 0 13px;\n  font-size: 13px;\n  display: flex;\n  border: 1px solid #e2e3e6 !important;\n}\n\n.arkme-redesign-round-tool, .arkme-redesign-send-task {\n  border-radius: 50%;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  display: grid;\n  border: 1px solid #e2e3e6 !important;\n}\n\n.arkme-redesign-round-tool:hover {\n  background: #f5f5f6;\n}\n\n.arkme-redesign-send-task {\n  color: #fff !important;\n  background: #20232d !important;\n  border: 0 !important;\n}\n\n.arkme-redesign-send-task:disabled {\n  cursor: default;\n  background: #d9dade !important;\n}\n\n.arkme-redesign-task-error {\n  color: #b84747;\n  text-align: left;\n  margin-top: 10px;\n  font-size: 12px;\n}\n\n.arkme-redesign-starters {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  width: calc(100% - 18px);\n  margin: 22px auto 0;\n  display: grid;\n}\n\n.arkme-redesign-starters > button {\n  text-align: left;\n  border-right: 1px solid #e7e7e9;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  min-height: 48px;\n  padding: 4px 18px;\n  display: flex;\n}\n\n.arkme-redesign-starters > button:last-child {\n  border-right: 0;\n}\n\n.arkme-redesign-starters > button:hover strong {\n  color: #5365ad;\n}\n\n.arkme-redesign-starter-icon {\n  color: #30333b;\n  border: 1px solid #e2e3e6;\n  border-radius: 50%;\n  flex: none;\n  place-items: center;\n  width: 38px;\n  height: 38px;\n  display: grid;\n}\n\n.arkme-redesign-starters > button > span:last-child {\n  gap: 4px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-redesign-starters strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 13px;\n  font-weight: 500;\n  overflow: hidden;\n}\n\n.arkme-redesign-starters small {\n  color: #8d919a;\n  font-size: 12px;\n}\n\n.arkme-redesign-details {\n  z-index: 4;\n  top: var(--arkme-native-titlebar);\n  background: #fff;\n  border-left: 1px solid #e7e7e9;\n  width: 360px;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  overflow: hidden;\n}\n\n.arkme-redesign-calendar-overlay {\n  z-index: 14;\n  inset: var(--arkme-native-titlebar) 0 0;\n  pointer-events: none;\n  position: absolute;\n}\n\n.arkme-redesign-calendar-overlay > * {\n  pointer-events: auto;\n}\n\n.arkme-redesign-overlays {\n  z-index: 20;\n  pointer-events: none;\n  position: absolute;\n  inset: 0;\n}\n\n.arkme-redesign-overlays > * {\n  pointer-events: auto;\n}\n\n.arkme-workspace-dialog-backdrop {\n  z-index: 60;\n  backdrop-filter: blur(2px);\n  background: #181b2238;\n  place-items: center;\n  padding: 28px;\n  display: grid;\n  position: absolute;\n  inset: 0;\n}\n\n.arkme-workspace-dialog {\n  background: #fff;\n  border: 1px solid #dddfe4;\n  border-radius: 18px;\n  grid-template-rows: auto auto minmax(0, 1fr) auto;\n  width: min(640px, 100%);\n  height: min(620px, 100%);\n  min-height: 420px;\n  display: grid;\n  overflow: hidden;\n  box-shadow: 0 24px 70px #191c232e;\n}\n\n.arkme-workspace-dialog > header {\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 18px;\n  padding: 22px 24px 16px;\n  display: flex;\n}\n\n.arkme-workspace-dialog > header span {\n  color: #8b8e96;\n  font-size: 10px;\n}\n\n.arkme-workspace-dialog > header h2 {\n  margin: 5px 0 0;\n  font-size: 19px;\n  font-weight: 600;\n}\n\n.arkme-workspace-dialog > header > button {\n  border-radius: 9px;\n  place-items: center;\n  width: 32px;\n  height: 32px;\n  display: grid;\n}\n\n.arkme-workspace-dialog > nav {\n  border-top: 1px solid #ececef;\n  border-bottom: 1px solid #ececef;\n  align-items: center;\n  gap: 2px;\n  min-height: 42px;\n  padding: 0 22px;\n  display: flex;\n  overflow-x: auto;\n}\n\n.arkme-workspace-dialog > nav > span {\n  white-space: nowrap;\n  color: #9a9da5;\n  align-items: center;\n  gap: 2px;\n  display: inline-flex;\n}\n\n.arkme-workspace-dialog > nav button {\n  color: #666a73;\n  border-radius: 8px;\n  align-items: center;\n  gap: 5px;\n  height: 30px;\n  padding: 0 7px;\n  font-size: 11px;\n  display: inline-flex;\n}\n\n.arkme-workspace-directory-list {\n  min-height: 0;\n  padding: 10px 14px;\n  overflow-y: auto;\n}\n\n.arkme-workspace-directory-list > button {\n  text-align: left;\n  border-radius: 11px;\n  grid-template-columns: 34px minmax(0, 1fr) 18px;\n  align-items: center;\n  gap: 9px;\n  width: 100%;\n  height: 48px;\n  padding: 0 11px;\n  display: grid;\n}\n\n.arkme-workspace-directory-list > button:hover {\n  background: #f5f5f7;\n}\n\n.arkme-workspace-directory-list > button > span {\n  color: #636873;\n  border: 1px solid #e5e6e9;\n  border-radius: 9px;\n  place-items: center;\n  width: 32px;\n  height: 32px;\n  display: grid;\n}\n\n.arkme-workspace-directory-list strong {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  font-weight: 500;\n  overflow: hidden;\n}\n\n.arkme-workspace-dialog-status, .arkme-workspace-dialog-error {\n  color: #8c9098;\n  text-align: center;\n  padding: 54px 16px;\n  font-size: 12px;\n}\n\n.arkme-workspace-dialog-error {\n  color: #b94b4b;\n}\n\n.arkme-workspace-dialog > footer {\n  border-top: 1px solid #e8e9ec;\n  justify-content: space-between;\n  align-items: center;\n  gap: 18px;\n  min-height: 72px;\n  padding: 12px 18px;\n  display: flex;\n}\n\n.arkme-workspace-dialog-back {\n  color: #696d76;\n  align-items: center;\n  gap: 6px;\n  height: 36px;\n  padding: 0 10px;\n  font-size: 11px;\n  display: inline-flex;\n}\n\n.arkme-workspace-dialog > footer > div {\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  display: flex;\n}\n\n.arkme-workspace-dialog > footer small {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: #92959d;\n  max-width: 280px;\n  font-size: 9px;\n  overflow: hidden;\n}\n\n.arkme-workspace-dialog > footer > div > button {\n  color: #fff;\n  background: #20232d;\n  border-radius: 10px;\n  flex: none;\n  height: 38px;\n  padding: 0 17px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.arkme-workspace-dialog button:disabled {\n  opacity: .48;\n  cursor: default;\n}\n\n.arkme-redesign-placeholder {\n  color: #858992;\n  text-align: center;\n  place-content: center;\n  justify-items: center;\n  width: 100%;\n  height: 100%;\n  display: grid;\n}\n\n.arkme-redesign-placeholder > span {\n  color: #555a64;\n  border: 1px solid #e1e2e5;\n  border-radius: 14px;\n  place-items: center;\n  width: 48px;\n  height: 48px;\n  display: grid;\n}\n\n.arkme-redesign-placeholder h1 {\n  color: #3e424b;\n  margin: 16px 0 7px;\n  font-size: 18px;\n}\n\n.arkme-redesign-placeholder p {\n  margin: 0;\n  font-size: 12px;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] {\n  --arkme-line: var(--dsw-alias-border-l1);\n  --arkme-muted: var(--dsw-alias-label-tertiary);\n  --arkme-soft: var(--dsw-alias-bg-layer-2);\n  --arkme-focus: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"], body[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] {\n  background: var(--dsw-specific-sidebar-fill) !important;\n  color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-brand\"] {\n  box-shadow: none;\n  background: none !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] [data-arkme-theme-image=\"light\"] {\n  display: none !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] [data-arkme-theme-image=\"dark\"] {\n  display: block !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] > div {\n  border-color: var(--dsw-alias-border-l1) !important;\n  background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] {\n  background: var(--dsw-alias-bg-base) !important;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] .arkme-conversation-surface, body[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] .arkme-conversation-composer {\n  background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] div:has( > input[aria-label=\"搜索\"]) {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-specific-input-major) !important;\n  box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button:hover {\n  background: var(--dsw-alias-interactive-bg-hover) !important;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button[aria-current=\"page\"] {\n  background: var(--dsw-alias-interactive-bg-active) !important;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button[aria-current=\"page\"] > span[aria-hidden=\"true\"] {\n  background: var(--dsw-alias-state-business-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"], body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"], body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [aria-label=\"Arkme 会话列表\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] {\n  background: var(--dsw-alias-bg-base) !important;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] label:has( > input[aria-label=\"搜索对话或消息\"]), body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] button[aria-label=\"新任务\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] label:has( > input[aria-label=\"搜索对话或消息\"]), body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] button[aria-label=\"新任务\"] {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-specific-input-major) !important;\n  color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [role=\"treeitem\"][aria-selected=\"true\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] [role=\"treeitem\"][aria-selected=\"true\"] {\n  background: var(--dsw-alias-interactive-bg-active) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [role=\"status\"][aria-label$=\"个人测试版\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] [role=\"status\"][aria-label$=\"个人测试版\"] {\n  background: var(--dsw-alias-bg-layer-2) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] .arkme-conversation-composer {\n  background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-recordings-page [aria-label=\"全天候录音操作\"] > div > button, body[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] [aria-label=\"全天候录音操作\"] > div > button {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-alias-button-elevated-fill) !important;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-recordings-page [aria-label=\"全天候录音操作\"] > div > button:first-child, body[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] [aria-label=\"全天候录音操作\"] > div > button:first-child {\n  border-color: var(--dsw-alias-button-primary-fill) !important;\n  background: var(--dsw-alias-button-primary-fill) !important;\n  color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) {\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"客户端日历\"], body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"当天内容\"] {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-alias-bg-layer-1) !important;\n  color: var(--dsw-alias-label-primary) !important;\n  box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"客户端日历\"] > span[aria-hidden] {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] > header button, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[aria-label*=\"记录\"] {\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] > div > span {\n  color: var(--dsw-alias-label-tertiary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"false\"][aria-label*=\"条记录\"] > span:last-child {\n  background: var(--dsw-alias-bg-layer-2) !important;\n  color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"], body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"] > span {\n  color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"] > span:last-child {\n  color: var(--dsw-alias-label-primary-inverted) !important;\n  background: none !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article > div > div:last-child {\n  border-color: var(--dsw-alias-border-l1) !important;\n  background: var(--dsw-alias-bg-layer-2) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article h3, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article p {\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article time, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article span {\n  color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-root, body[data-ds-dark-theme] .arkme-redesign-chat-panel, body[data-ds-dark-theme] .arkme-redesign-content, body[data-ds-dark-theme] .arkme-redesign-feature-page, body[data-ds-dark-theme] .arkme-redesign-recordings-page, body[data-ds-dark-theme] .arkme-redesign-plugins-page, body[data-ds-dark-theme] .arkme-redesign-model-settings, body[data-ds-dark-theme] .arkme-redesign-details {\n  background: var(--dsw-alias-bg-base);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-native-desktop .arkme-redesign-root:before {\n  background: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail {\n  border-color: var(--dsw-alias-border-l2);\n  background: var(--dsw-specific-sidebar-fill);\n  box-shadow: var(--dsw-shadow-lv2);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button, body[data-ds-dark-theme] .arkme-redesign-profile-menu button, body[data-ds-dark-theme] .arkme-redesign-task-list > button, body[data-ds-dark-theme] .arkme-redesign-task-first, body[data-ds-dark-theme] .arkme-workspace-dialog > nav button, body[data-ds-dark-theme] .arkme-workspace-dialog-back, body[data-ds-dark-theme] .arkme-redesign-placeholder > span {\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button:hover, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button:hover, body[data-ds-dark-theme] .arkme-redesign-profile-menu button:hover, body[data-ds-dark-theme] .arkme-redesign-chat-search:hover, body[data-ds-dark-theme] .arkme-redesign-task-section-title button:hover, body[data-ds-dark-theme] .arkme-redesign-task-list > button:hover, body[data-ds-dark-theme] .arkme-redesign-task-first:hover, body[data-ds-dark-theme] .arkme-extension-toolbar > button:hover, body[data-ds-dark-theme] button.arkme-redesign-setting-row:hover, body[data-ds-dark-theme] a.arkme-redesign-setting-row:hover, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button:hover, body[data-ds-dark-theme] .arkme-redesign-round-tool:hover, body[data-ds-dark-theme] .arkme-workspace-directory-list > button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button.is-active, body[data-ds-dark-theme] .arkme-redesign-task-list > button.is-selected {\n  background: var(--dsw-alias-interactive-bg-active);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active:before {\n  background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-footer, body[data-ds-dark-theme] .arkme-redesign-profile-menu, body[data-ds-dark-theme] .arkme-redesign-task-section, body[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-header, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-history button, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-quick button, body[data-ds-dark-theme] .arkme-redesign-settings-group h2, body[data-ds-dark-theme] .arkme-redesign-setting-row, body[data-ds-dark-theme] .arkme-account-info-row, body[data-ds-dark-theme] .arkme-redesign-starters > button, body[data-ds-dark-theme] .arkme-redesign-details, body[data-ds-dark-theme] .arkme-workspace-dialog > nav, body[data-ds-dark-theme] .arkme-workspace-dialog > footer {\n  border-color: var(--dsw-alias-border-l1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-profile-popover, body[data-ds-dark-theme] .arkme-workspace-dialog {\n  border-color: var(--dsw-alias-border-l2);\n  background: var(--dsw-specific-menu);\n  box-shadow: var(--dsw-shadow-lv3);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-profile-head small, body[data-ds-dark-theme] .arkme-redesign-profile-menu small, body[data-ds-dark-theme] .arkme-redesign-profile-menu button > svg:last-child, body[data-ds-dark-theme] .arkme-redesign-task-section-title, body[data-ds-dark-theme] .arkme-redesign-task-copy small, body[data-ds-dark-theme] .arkme-account-profile-qr, body[data-ds-dark-theme] .arkme-redesign-feature-page > header p, body[data-ds-dark-theme] .arkme-redesign-feature-page > header span, body[data-ds-dark-theme] .arkme-redesign-search-page input[aria-label=\"搜索\"]:not(:focus)::placeholder, body[data-ds-dark-theme] .arkme-redesign-settings-profile p, body[data-ds-dark-theme] .arkme-redesign-settings-group h2, body[data-ds-dark-theme] .arkme-redesign-setting-summary, body[data-ds-dark-theme] .arkme-account-info-copy > small, body[data-ds-dark-theme] .arkme-account-info-action, body[data-ds-dark-theme] .arkme-account-info-row > svg, body[data-ds-dark-theme] .arkme-account-info-icon, body[data-ds-dark-theme] .arkme-redesign-setting-row > svg, body[data-ds-dark-theme] .arkme-redesign-hero-input textarea::placeholder, body[data-ds-dark-theme] .arkme-redesign-starters small, body[data-ds-dark-theme] .arkme-workspace-dialog > header span, body[data-ds-dark-theme] .arkme-workspace-dialog > nav > span, body[data-ds-dark-theme] .arkme-workspace-dialog-status, body[data-ds-dark-theme] .arkme-workspace-dialog > footer small, body[data-ds-dark-theme] .arkme-redesign-placeholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-chat-search, body[data-ds-dark-theme] .arkme-extension-toolbar label, body[data-ds-dark-theme] .arkme-extension-toolbar > button, body[data-ds-dark-theme] .arkme-redesign-settings-group, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-source-button, body[data-ds-dark-theme] .arkme-redesign-round-tool, body[data-ds-dark-theme] .arkme-redesign-starter-icon, body[data-ds-dark-theme] .arkme-workspace-directory-list > button > span, body[data-ds-dark-theme] .arkme-redesign-placeholder > span {\n  border-color: var(--dsw-alias-border-l2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-chat-search, body[data-ds-dark-theme] .arkme-extension-toolbar label {\n  color: var(--dsw-alias-label-tertiary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-extension-toolbar input, body[data-ds-dark-theme] .arkme-redesign-settings-profile h1, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-task-start h1, body[data-ds-dark-theme] .arkme-redesign-hero-input textarea, body[data-ds-dark-theme] .arkme-redesign-starter-icon, body[data-ds-dark-theme] .arkme-redesign-placeholder h1 {\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-list, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card {\n  background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-settings-surface, body[data-ds-dark-theme] .arkme-redesign-settings-group {\n  color: var(--dsw-alias-label-primary);\n  background: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog {\n  border-color: var(--dsw-alias-border-l2);\n  background: var(--dsw-specific-menu);\n  color: var(--dsw-alias-label-primary);\n  box-shadow: var(--dsw-shadow-lv3);\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog > header, body[data-ds-dark-theme] .arkme-account-qr-card {\n  border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-account-qr-card, body[data-ds-dark-theme] .arkme-account-form input, body[data-ds-dark-theme] .arkme-account-code-row button, body[data-ds-dark-theme] .arkme-account-dialog-actions button {\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-border-l2);\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog-actions button[type=\"submit\"], body[data-ds-dark-theme] .arkme-account-dialog-actions button:last-child {\n  border-color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-account-rule, body[data-ds-dark-theme] .arkme-account-qr-card span, body[data-ds-dark-theme] .arkme-account-qr-card small, body[data-ds-dark-theme] .arkme-account-form label {\n  color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-surface, body[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-center-embedded > section {\n  background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-composer-inner, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-box {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-specific-input-major) !important;\n  color: var(--dsw-alias-label-primary) !important;\n  box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"] {\n  --arkme-primary-composer-idle: #151515;\n  --arkme-primary-composer-focused: #000;\n  background: var(--arkme-primary-composer-idle, #f6f6f6) !important;\n  box-shadow: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"][data-arkme-composer-focused=\"true\"] {\n  background: var(--arkme-primary-composer-focused, #fff) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-greeting img {\n  filter: invert() hue-rotate(180deg);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-specific-input-major) !important;\n  color: var(--dsw-alias-label-primary) !important;\n  box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input textarea {\n  background: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-source-button, body[data-ds-dark-theme] .arkme-redesign-round-tool, body[data-ds-dark-theme] .arkme-redesign-starter-icon {\n  background: var(--dsw-alias-button-elevated-fill) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-history button, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-quick button {\n  color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card {\n  border-color: var(--dsw-alias-border-l1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card:hover {\n  border-color: var(--dsw-alias-border-l2) !important;\n  background: var(--dsw-alias-interactive-bg-hover) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-section:focus-within .arkme-redesign-task-list {\n  box-shadow: var(--dsw-shadow-lv2);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-settings-error {\n  background: var(--dsw-alias-interactive-bg-hover-danger);\n  color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-page-header h1, body[data-ds-dark-theme] .arkme-remote-section-header h2, body[data-ds-dark-theme] .arkme-remote-allow-row strong, body[data-ds-dark-theme] .arkme-remote-device-row strong, body[data-ds-dark-theme] .arkme-remote-name-row strong, body[data-ds-dark-theme] .arkme-remote-dialog, body[data-ds-dark-theme] .arkme-remote-pairing-code {\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-section-header p, body[data-ds-dark-theme] .arkme-remote-page-header p, body[data-ds-dark-theme] .arkme-remote-allow-row span, body[data-ds-dark-theme] .arkme-remote-device-row span, body[data-ds-dark-theme] .arkme-remote-name-row small, body[data-ds-dark-theme] .arkme-remote-dialog header p, body[data-ds-dark-theme] .arkme-remote-pairing-display > p, body[data-ds-dark-theme] .arkme-remote-dialog-note, body[data-ds-dark-theme] .arkme-remote-empty-row {\n  color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-card, body[data-ds-dark-theme] .arkme-remote-settings-dialog, body[data-ds-dark-theme] .arkme-remote-dialog, body[data-ds-dark-theme] .arkme-remote-pairing-display, body[data-ds-dark-theme] .arkme-remote-rename input {\n  border-color: var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-allow-row, body[data-ds-dark-theme] .arkme-remote-device-row, body[data-ds-dark-theme] .arkme-remote-rename, body[data-ds-dark-theme] .arkme-remote-page-header {\n  border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-close, body[data-ds-dark-theme] .arkme-remote-icon-button, body[data-ds-dark-theme] .arkme-remote-dialog-close, body[data-ds-dark-theme] .arkme-remote-pairing-tools button, body[data-ds-dark-theme] .arkme-remote-name-row {\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-close:hover, body[data-ds-dark-theme] .arkme-remote-icon-button:hover, body[data-ds-dark-theme] .arkme-remote-dialog-close:hover, body[data-ds-dark-theme] .arkme-remote-pairing-tools button:hover, body[data-ds-dark-theme] .arkme-remote-name-row:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-add-button, body[data-ds-dark-theme] .arkme-remote-rename button[type=\"submit\"], body[data-ds-dark-theme] .arkme-remote-pairing-expired button {\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-inverted);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-device-row > button, body[data-ds-dark-theme] .arkme-remote-rename button {\n  border-color: var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-switch[aria-checked=\"true\"] {\n  background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs {\n  background: var(--dsw-alias-bg-layer-2);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs button {\n  color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs button[aria-selected=\"true\"] {\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-dialog-backdrop, body[data-ds-dark-theme] .arkme-remote-dialog-backdrop {\n  background: #07090d8f;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-setting-row > strong.is-danger, body[data-ds-dark-theme] .arkme-redesign-task-error, body[data-ds-dark-theme] .arkme-workspace-dialog-error {\n  color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-state.is-complete > i {\n  background: var(--dsw-alias-state-success-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-state.is-complete > i:after {\n  background: var(--dsw-alias-state-success-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-matrix i, body[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active:before {\n  background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: 0 0 0 3px var(--dsw-alias-state-business-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-starters > button:hover strong {\n  color: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-send-task, body[data-ds-dark-theme] .arkme-workspace-dialog > footer > div > button {\n  background: var(--dsw-alias-button-primary-fill) !important;\n  color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-send-task:disabled {\n  background: var(--dsw-alias-button-elevated-fill) !important;\n  color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-workspace-dialog-backdrop {\n  background: var(--dsw-alias-bg-mask-1);\n}\n\n@media (width <= 1024px) {\n  .arkme-redesign-chat-panel {\n    width: 264px;\n    left: 82px;\n  }\n\n  .arkme-redesign-content {\n    left: 82px;\n  }\n\n  .arkme-redesign-content.has-panel {\n    left: 346px;\n  }\n\n  .arkme-redesign-rail {\n    left: 12px;\n  }\n\n  .arkme-redesign-starters > button {\n    padding: 0 10px;\n  }\n\n  .arkme-redesign-feature-page {\n    padding-left: 30px;\n    padding-right: 30px;\n  }\n}\n\n@media (width <= 820px) {\n  .arkme-redesign-chat-panel {\n    display: none;\n  }\n\n  .arkme-redesign-content.has-panel {\n    left: 82px;\n  }\n\n  .arkme-redesign-task-start {\n    padding: 28px;\n  }\n\n  .arkme-redesign-starters {\n    grid-template-columns: 1fr;\n    gap: 6px;\n  }\n\n  .arkme-redesign-starters > button {\n    border-right: 0;\n  }\n\n  .arkme-voiceprint-relationships {\n    grid-template-columns: minmax(0, 1fr) !important;\n    gap: 28px !important;\n  }\n\n  .arkme-voiceprint-outbound {\n    border-left: 0 !important;\n    border-top: 1px solid var(--dsw-alias-border-subtle, #e6e7eb) !important;\n    padding-top: 28px !important;\n    padding-left: 0 !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .arkme-redesign-task-matrix i {\n    opacity: .6;\n    animation: none;\n  }\n}\n\n.arkme-contact-directory, .arkme-directory-detail-pane {\n  box-sizing: border-box;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  color: var(--dsw-alias-label-primary, #202124);\n  font-size: 13px;\n  overflow: hidden;\n}\n\n[data-arkme-directory-mode=\"contacts\"] {\n  background: var(--dsw-specific-sidebar-fill, #fff) !important;\n  border-left-color: var(--dsw-alias-border-l1, #ececef) !important;\n}\n\n.arkme-contact-directory {\n  --arkme-contact-directory-header-fill: var(--dsw-specific-sidebar-fill, #fff);\n  overflow-wrap: anywhere;\n  padding: 0 6px 18px;\n  overflow-y: auto;\n}\n\n.arkme-contact-directory-surface {\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  color: var(--dsw-alias-label-primary, #202124);\n  background: var(--dsw-specific-sidebar-fill, #fff);\n  flex-direction: column;\n  display: flex;\n}\n\n.arkme-contact-directory-surface > .arkme-contact-directory {\n  flex: 1;\n  height: auto;\n}\n\n.arkme-contact-directory-toolbar {\n  -webkit-app-region: no-drag;\n  flex: none;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  margin: 24px 16px 16px;\n  display: flex;\n  position: relative;\n}\n\n.arkme-contact-directory-search-field {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2, #e2e3e6);\n  background: var(--dsw-specific-input-major, #fff);\n  min-width: 0;\n  height: 40px;\n  color: var(--dsw-alias-label-tertiary, #92959e);\n  border-radius: 11px;\n  flex: 1;\n  align-items: center;\n  gap: 8px;\n  padding: 0 11px;\n  display: flex;\n}\n\n.arkme-contact-directory-search-field > svg {\n  flex: none;\n}\n\n.arkme-contact-directory-search-field input {\n  width: 100%;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary, #202124);\n  font: inherit;\n  background: none;\n  border: 0;\n  outline: 0;\n  padding: 0;\n  font-size: 12px;\n}\n\n.arkme-contact-directory-search-field input::placeholder {\n  color: var(--dsw-alias-label-tertiary, #92959e);\n}\n\n.arkme-contact-directory-search-field:focus-within {\n  outline: 2px solid var(--arkme-focus);\n  outline-offset: 2px;\n}\n\n.arkme-contact-directory-search-field button {\n  width: 20px;\n  height: 28px;\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 6px;\n  flex: none;\n  place-items: center;\n  padding: 0;\n  display: grid;\n}\n\n.arkme-contact-directory-search-field button:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-toolbar [aria-label=\"添加联系人、群聊或 Bot\"] {\n  background: var(--dsw-specific-input-major, #fff) !important;\n  border-color: var(--dsw-alias-border-l2, #e2e3e6) !important;\n  color: var(--dsw-alias-label-secondary, #555a64) !important;\n}\n\n.arkme-contact-directory-toolbar button:focus-visible {\n  outline: 2px solid var(--arkme-focus);\n  outline-offset: 2px;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-surface {\n  background: var(--dsw-alias-bg-base);\n}\n\n.arkme-directory-detail-pane {\n  overflow: hidden;\n}\n\n.arkme-contact-directory button, .arkme-directory-detail-pane button {\n  appearance: none;\n  box-sizing: border-box;\n  font: inherit;\n  color: inherit;\n  border: 0;\n  margin: 0;\n}\n\n.arkme-contact-directory-section {\n  border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  min-width: 0;\n  padding: 2px 0 5px;\n}\n\n.arkme-contact-directory-section:first-child {\n  padding-top: 10px;\n}\n\n.arkme-contact-directory-section-header {\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border-radius: 10px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  min-width: 0;\n  min-height: 42px;\n  padding: 0 10px;\n  display: flex;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"] {\n  z-index: 1;\n  position: sticky;\n  top: 0;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:before, .arkme-contact-directory-section-header[aria-expanded=\"true\"]:after {\n  content: \"\";\n  pointer-events: none;\n  z-index: -1;\n  position: absolute;\n  inset: 0;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:before {\n  background: var(--arkme-contact-directory-header-fill);\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:after {\n  border-radius: inherit;\n}\n\n.arkme-contact-directory-section-title {\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  display: flex;\n}\n\n.arkme-contact-directory-section-title strong {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  font-weight: 650;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-caret {\n  width: 14px;\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  text-align: center;\n  transform-origin: center;\n  flex: none;\n  font-size: 18px;\n  line-height: 1;\n  transition: transform .16s;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"] .arkme-contact-directory-caret {\n  transform: rotate(90deg);\n}\n\n.arkme-contact-directory-section-header:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:hover:after {\n  background: var(--dsw-alias-interactive-bg-hover-solid, var(--arkme-contact-directory-header-fill));\n}\n\n.arkme-contact-directory-section-body {\n  min-width: 0;\n  padding: 0 0 5px;\n}\n\n.arkme-contact-directory-list {\n  gap: 1px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-contact-directory-count {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  font-variant-numeric: tabular-nums;\n  flex: none;\n  font-size: 11px;\n}\n\n.arkme-contact-directory-row {\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border-radius: 13px;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  min-width: 0;\n  min-height: 52px;\n  margin: 1px 0;\n  padding: 7px 10px;\n  display: flex;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-row img {\n  object-fit: cover;\n  border-radius: 50%;\n  flex: none;\n  width: 38px;\n  height: 38px;\n}\n\n.arkme-contact-directory-row.is-static {\n  cursor: default;\n}\n\n.arkme-contact-directory-row.is-selected {\n  background: var(--dsw-alias-interactive-bg-active, #eef0f4);\n}\n\n.arkme-contact-directory-row:not(.is-static):hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-avatar {\n  border-radius: 50%;\n  flex: none;\n  place-items: center;\n  width: 38px;\n  height: 38px;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy {\n  flex: 1;\n  align-content: center;\n  min-width: 0;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy strong {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy small {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  font-size: 11px;\n  line-height: 16px;\n  overflow: hidden;\n}\n\n.arkme-contact-directory-letter {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  padding: 8px 10px 2px;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 16px;\n}\n\n.arkme-contact-directory-alphabetical, .arkme-contact-directory-letter-group {\n  min-width: 0;\n}\n\n.arkme-contact-directory-status, .arkme-contact-directory-warning {\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  overflow-wrap: anywhere;\n  margin: 3px 8px;\n  padding: 7px 9px;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-contact-directory-warning {\n  color: var(--dsw-alias-state-warning-primary, #b45309);\n  background: var(--dsw-alias-state-warning-tertiary, #fff7ed);\n  border-radius: 9px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.arkme-contact-directory-warning button {\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  flex: none;\n  padding: 2px 4px;\n  font-weight: 600;\n}\n\n.arkme-contact-directory-more {\n  text-align: center;\n  cursor: pointer;\n  background: none;\n  border-radius: 9px;\n  width: calc(100% - 16px);\n  min-height: 32px;\n  padding: 6px 8px;\n  color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n  margin: 3px 8px !important;\n}\n\n.arkme-contact-directory-empty {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  text-align: center;\n  padding: 14px 12px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-directory-detail-empty {\n  background: var(--dsw-alias-bg-base, #fff);\n  place-items: center;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  display: grid;\n}\n\n.arkme-directory-detail-logo {\n  object-fit: contain;\n  opacity: .9;\n  width: 96px;\n  height: 96px;\n}\n\n.arkme-contact-detail, .arkme-contact-profile, .arkme-unmarked-speaker-summary, .arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n  overflow-wrap: anywhere;\n  min-width: 0;\n}\n\n.arkme-contact-detail {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-base, #fff);\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  padding: clamp(32px, 6vh, 72px) clamp(20px, 5vw, 60px);\n  overflow-y: auto;\n}\n\n.arkme-contact-profile {\n  width: min(100%, 600px);\n  min-width: 0;\n  margin: 0 auto;\n}\n\n.arkme-contact-profile-main {\n  grid-template-columns: 72px minmax(0, 1fr);\n  align-items: start;\n  gap: 24px;\n  padding-bottom: 30px;\n  display: grid;\n}\n\n.arkme-contact-profile-avatar {\n  border-radius: 8px;\n  place-items: center;\n  width: 72px;\n  height: 72px;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-profile-avatar > span, .arkme-contact-profile-avatar > span > span {\n  border-radius: 8px !important;\n}\n\n.arkme-contact-profile-identity {\n  gap: 10px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-contact-profile-name {\n  color: var(--dsw-alias-label-primary, #17191c);\n  overflow-wrap: anywhere;\n  margin: 0;\n  font-size: 22px;\n  font-weight: 600;\n  line-height: 30px;\n}\n\n.arkme-contact-profile-fields {\n  gap: 5px;\n  margin: 0;\n  display: grid;\n}\n\n.arkme-contact-profile-fields > div {\n  grid-template-columns: 48px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  font-size: 13px;\n  line-height: 20px;\n  display: grid;\n}\n\n.arkme-contact-profile-fields dt, .arkme-contact-profile-row dt {\n  color: var(--dsw-alias-label-secondary, #68707c);\n}\n\n.arkme-contact-profile-fields dt, .arkme-contact-profile-fields dd, .arkme-contact-profile-row dt, .arkme-contact-profile-row dd {\n  overflow-wrap: anywhere;\n  min-width: 0;\n  margin: 0;\n}\n\n.arkme-contact-profile-fields dd, .arkme-contact-profile-row dd {\n  color: var(--dsw-alias-label-primary, #17191c);\n}\n\n.arkme-contact-profile-section {\n  border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  padding: 24px 0;\n}\n\n.arkme-contact-profile-section-title {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  margin: 0 0 16px;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.arkme-contact-profile-row {\n  grid-template-columns: 76px minmax(0, 1fr);\n  gap: 18px;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n  display: grid;\n}\n\n.arkme-contact-profile-remark {\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n  display: flex;\n}\n\n.arkme-contact-profile-remark > span {\n  min-width: 0;\n}\n\n.arkme-contact-profile-remark .arkme-contact-remark-edit {\n  color: var(--dsw-alias-state-business-primary, #4f5fbf);\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 6px;\n  flex: none;\n  align-items: center;\n  gap: 5px;\n  margin: -4px -6px -4px 0;\n  padding: 4px 6px;\n  font-size: 13px;\n  line-height: 22px;\n  display: inline-flex;\n}\n\n.arkme-contact-remark-edit:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f3f4f6);\n}\n\n.arkme-contact-remark-backdrop {\n  z-index: 10300;\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-mask-1, #13161a57);\n  backdrop-filter: blur(2px);\n  place-items: center;\n  padding: 16px;\n  font-family: inherit;\n  display: grid;\n  position: fixed;\n  inset: 0;\n}\n\n.arkme-contact-remark-dialog {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  background: var(--dsw-alias-bg-base, #fff);\n  width: min(440px, 100%);\n  max-height: calc(100dvh - 32px);\n  color: var(--dsw-alias-label-primary, #17191c);\n  box-shadow: var(--dsw-shadow-lv2, 0 12px 40px #00000029);\n  border-radius: 14px;\n  margin: 0;\n  padding: 24px;\n  overflow-y: auto;\n}\n\n.arkme-contact-remark-header {\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 24px;\n  display: flex;\n}\n\n.arkme-contact-remark-header h2 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 26px;\n}\n\n.arkme-contact-remark-dialog button {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  min-height: 36px;\n  font: inherit;\n  cursor: pointer;\n  border-radius: 8px;\n  justify-content: center;\n  align-items: center;\n  font-size: 13px;\n  display: inline-flex;\n}\n\n.arkme-contact-remark-dialog .arkme-contact-remark-close {\n  width: 30px;\n  min-height: 30px;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  background: none;\n  border: 0;\n  margin: -4px -4px -4px 0;\n  padding: 0;\n}\n\n.arkme-contact-remark-label {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  margin-bottom: 9px;\n  font-size: 13px;\n  line-height: 20px;\n  display: block;\n}\n\n.arkme-contact-remark-input {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, #f8f9fa));\n  width: 100%;\n  min-width: 0;\n  height: 42px;\n  color: var(--dsw-alias-label-primary, #17191c);\n  font: inherit;\n  border-radius: 8px;\n  padding: 0 12px;\n  font-size: 14px;\n  display: block;\n}\n\n.arkme-contact-remark-input::placeholder {\n  color: var(--dsw-alias-label-tertiary, #9097a1);\n}\n\n.arkme-contact-remark-input:focus, .arkme-contact-remark-dialog button:focus-visible, .arkme-contact-remark-edit:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n  outline-offset: 2px;\n}\n\n.arkme-contact-remark-footer {\n  justify-content: flex-end;\n  gap: 10px;\n  margin-top: 26px;\n  display: flex;\n}\n\n.arkme-contact-remark-cancel {\n  background: var(--dsw-alias-button-elevated-fill, var(--dsw-specific-input-major, #f8f9fa));\n  min-width: 76px;\n  color: var(--dsw-alias-label-primary, #17191c);\n  padding: 0 18px;\n}\n\n.arkme-contact-remark-dialog .arkme-contact-remark-confirm {\n  background: var(--dsw-alias-state-business-primary, #4f5fbf);\n  min-width: 84px;\n  color: var(--dsw-alias-label-primary-inverted, #fff);\n  border-color: #0000;\n  padding: 0 18px;\n}\n\n.arkme-contact-remark-dialog button:hover:not(:disabled) {\n  filter: brightness(.96);\n}\n\n.arkme-contact-remark-dialog button:disabled, .arkme-contact-remark-input:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-contact-remark-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n  overflow-wrap: anywhere;\n  margin: 10px 0 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.arkme-contact-profile-actions {\n  border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 8px;\n  padding: 26px 0 0;\n  display: grid;\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action {\n  min-width: 0;\n  min-height: 78px;\n  font: inherit;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 8px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 2px;\n  font-size: 14px;\n  line-height: 22px;\n  display: flex;\n  color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover, #f3f4f6);\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.arkme-contact-profile-action svg {\n  flex: none;\n}\n\n.arkme-contact-profile-error, .arkme-contact-profile-message-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.arkme-contact-profile-message-error {\n  text-align: center;\n  margin-top: 12px;\n}\n\n.arkme-contact-profile-error {\n  background: var(--dsw-alias-state-error-tertiary, #fff1f0);\n  border-radius: 8px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 24px;\n  padding: 12px 14px;\n  display: flex;\n}\n\n.arkme-contact-profile-status {\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  padding: 24px 0;\n  font-size: 13px;\n}\n\n.arkme-team-detail {\n  background: var(--dsw-alias-bg-base, #fff);\n  grid-template-rows: auto minmax(0, 1fr);\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-team-detail-header {\n  border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  min-width: 0;\n  padding: 32px clamp(24px, 5vw, 56px);\n}\n\n.arkme-team-detail-header-main {\n  grid-template-columns: 72px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 18px;\n  width: min(100%, 760px);\n  min-width: 0;\n  margin: 0 auto;\n  display: grid;\n}\n\n.arkme-team-detail-glyph {\n  background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n  width: 72px;\n  height: 72px;\n  color: var(--dsw-alias-state-business-primary, #4f5fbf);\n  border-radius: 20px;\n  place-items: center;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1;\n  display: grid;\n}\n\n.arkme-team-detail-summary {\n  gap: 7px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-team-detail-header h1 {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  letter-spacing: -.02em;\n  margin: 0;\n  font-size: 20px;\n  font-weight: 650;\n  line-height: 28px;\n  overflow: hidden;\n}\n\n.arkme-team-detail-meta {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 7px;\n  min-width: 0;\n  display: flex;\n}\n\n.arkme-team-detail-public-id {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  font-size: 12px;\n  line-height: 20px;\n  overflow: hidden;\n}\n\n.arkme-team-role-badge, .arkme-team-member-role {\n  background: var(--dsw-alias-bg-layer-2, #f2f3f5);\n  color: var(--dsw-alias-label-secondary, #68707c);\n  border-radius: 999px;\n  flex: none;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.arkme-team-role-badge {\n  padding: 0 8px;\n}\n\n.arkme-team-detail-count {\n  min-width: 58px;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  justify-items: end;\n  gap: 1px;\n  display: grid;\n}\n\n.arkme-team-detail-count strong {\n  color: var(--dsw-alias-label-primary, #202124);\n  font-variant-numeric: tabular-nums;\n  font-size: 21px;\n  font-weight: 680;\n  line-height: 24px;\n}\n\n.arkme-team-detail-count span {\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-team-members {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-subtle, #f7f7f8);\n  min-width: 0;\n  min-height: 0;\n  padding: 22px clamp(24px, 5vw, 56px) 32px;\n  overflow-y: auto;\n}\n\n.arkme-team-members-container {\n  width: min(100%, 760px);\n  min-width: 0;\n  margin: 0 auto;\n}\n\n.arkme-team-members h2 {\n  margin: 0 0 13px;\n  font-size: 15px;\n  font-weight: 650;\n  line-height: 22px;\n}\n\n.arkme-team-member-list {\n  border: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border-radius: 14px;\n  min-width: 0;\n  overflow: hidden;\n  box-shadow: 0 8px 24px #161b2309;\n}\n\n.arkme-team-member-row {\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  grid-template-columns: 40px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  min-height: 64px;\n  padding: 11px 14px;\n  display: grid;\n}\n\n.arkme-team-member-row:not(:has( ~ .arkme-team-member-row)) {\n  border-bottom: 0;\n}\n\n.arkme-team-member-avatar {\n  border-radius: 50%;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-team-member-copy {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-team-member-copy strong, .arkme-team-member-copy small {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.arkme-team-member-copy strong {\n  font-size: 14px;\n  font-weight: 620;\n  line-height: 20px;\n}\n\n.arkme-team-member-copy small {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  font-size: 12px;\n  line-height: 17px;\n}\n\n.arkme-team-member-role {\n  padding: 0 9px;\n}\n\n.arkme-team-role-badge[data-team-role=\"owner\"], .arkme-team-role-badge[data-team-role=\"admin\"], .arkme-team-member-role[data-team-member-role=\"owner\"], .arkme-team-member-role[data-team-member-role=\"admin\"] {\n  background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n  color: var(--dsw-alias-state-business-primary, #4f5fbf);\n}\n\n.arkme-team-detail-status {\n  min-height: 100%;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  display: flex;\n}\n\n.arkme-team-detail-status.is-error, .arkme-team-member-more-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n}\n\n.arkme-team-detail-status button, .arkme-team-member-more {\n  border: 1px solid var(--dsw-alias-border-l2, var(--arkme-line));\n  background: var(--dsw-alias-button-elevated-fill, #fff);\n  cursor: pointer;\n  border-radius: 9px;\n  min-height: 34px;\n  padding: 0 12px;\n}\n\n.arkme-team-member-more {\n  width: calc(100% - 24px);\n  color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n  margin: 12px !important;\n}\n\n.arkme-team-member-more:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-team-member-more-error {\n  padding: 12px 14px 0;\n  font-size: 12px;\n}\n\n.arkme-contact-world {\n  border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  grid-template-columns: 76px minmax(0, 1fr);\n  gap: 18px;\n  padding: 24px 0;\n  display: grid;\n}\n\n.arkme-contact-world-title {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 22px;\n}\n\n.arkme-contact-world-content, .arkme-contact-world-summary {\n  min-width: 0;\n}\n\n.arkme-contact-world-preview {\n  align-items: flex-start;\n  gap: 12px;\n  min-width: 0;\n  display: flex;\n}\n\n.arkme-contact-world-thumbnail {\n  border-radius: 4px;\n  flex: none;\n  width: 56px;\n  height: 56px;\n  overflow: hidden;\n}\n\n.arkme-contact-world-image {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n.arkme-contact-world-image-error, .arkme-contact-world-image-loading {\n  background: var(--dsw-alias-bg-layer-2, var(--arkme-soft));\n  width: 100%;\n  height: 100%;\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  text-align: center;\n  place-items: center;\n  font-size: 11px;\n  line-height: 16px;\n  display: grid;\n}\n\n.arkme-contact-world-headline, .arkme-contact-world-text {\n  -webkit-line-clamp: 2;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-primary, #17191c);\n  -webkit-box-orient: vertical;\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 22px;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.arkme-contact-world-headline {\n  -webkit-line-clamp: 1;\n  font-weight: 500;\n}\n\n.arkme-contact-world-time {\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  margin-top: 5px;\n  font-size: 12px;\n  line-height: 18px;\n  display: block;\n}\n\n.arkme-contact-world-empty, .arkme-contact-world-page-empty, .arkme-contact-world-status {\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  font-size: 13px;\n  line-height: 22px;\n}\n\n.arkme-contact-world-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n  font-size: 13px;\n  line-height: 22px;\n  display: flex;\n}\n\n.arkme-directory-unmarked-speaker-detail {\n  background: var(--dsw-alias-bg-base, #fff);\n  min-height: 0;\n  padding: clamp(28px, 5vw, 60px);\n  overflow-y: auto;\n}\n\n.arkme-unmarked-speaker-token-avatar {\n  background: var(--dsw-alias-bg-module-platform, var(--dsw-alias-bg-layer-1, #f1f2f3));\n  color: var(--dsw-alias-label-secondary, #666c75);\n  letter-spacing: -.02em;\n  border-radius: 50%;\n  flex: none;\n  place-items: center;\n  font-weight: 650;\n  line-height: 1;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-summary {\n  box-sizing: border-box;\n  background: none;\n  border: 0;\n  gap: 18px;\n  width: min(100%, 720px);\n  margin: 0 auto;\n  padding: 4px 0 24px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-summary h1, .arkme-unmarked-speaker-summary h2, .arkme-unmarked-speaker-audio h2, .arkme-unmarked-speaker-choice h2 {\n  letter-spacing: -.02em;\n  margin: 0;\n  font-size: 20px;\n  font-weight: 680;\n  line-height: 28px;\n}\n\n.arkme-unmarked-speaker-identity {\n  align-items: center;\n  gap: 16px;\n  min-width: 0;\n  padding: 2px 4px;\n  display: flex;\n}\n\n.arkme-unmarked-speaker-identity > div {\n  gap: 3px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-identity p {\n  color: var(--dsw-alias-label-secondary, #737984);\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-unmarked-speaker-stats {\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary, #737984);\n  flex-wrap: wrap;\n  gap: 8px 20px;\n  padding: 0 4px;\n  font-size: 12px;\n  line-height: 19px;\n  display: flex;\n}\n\n.arkme-unmarked-speaker-stats span {\n  white-space: nowrap;\n  position: relative;\n}\n\n.arkme-unmarked-speaker-stats span + span:before {\n  content: \"\";\n  background: var(--dsw-alias-label-caption, #b3b7bd);\n  border-radius: 50%;\n  width: 3px;\n  height: 3px;\n  position: absolute;\n  top: 8px;\n  left: -11px;\n}\n\n.arkme-unmarked-speaker-stats strong {\n  color: var(--dsw-alias-label-primary, #202124);\n  font-weight: 650;\n}\n\n.arkme-unmarked-speaker-inference {\n  background: var(--dsw-alias-bg-layer-2, #f5f5f6);\n  border-radius: 18px;\n  grid-template-columns: 40px minmax(0, 1fr);\n  align-items: start;\n  gap: 12px;\n  min-width: 0;\n  padding: 18px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-inference-icon, .arkme-unmarked-speaker-action-icon {\n  border: 1px solid var(--dsw-alias-border-l1, #e3e4e7);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  width: 40px;\n  height: 40px;\n  color: var(--dsw-alias-label-secondary, #656b75);\n  border-radius: 50%;\n  place-items: center;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-inference-icon svg path, .arkme-unmarked-speaker-action-icon svg path {\n  stroke: currentColor;\n  stroke-width: 1.5px;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.arkme-unmarked-speaker-inference > div {\n  gap: 5px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-inference-label {\n  color: var(--dsw-alias-label-secondary, #747983);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.arkme-unmarked-speaker-inference strong {\n  color: var(--dsw-alias-label-primary, #202124);\n  font-size: 14px;\n  font-weight: 650;\n  line-height: 21px;\n}\n\n.arkme-unmarked-speaker-inference p {\n  color: var(--dsw-alias-label-secondary, #686e78);\n  margin: 0;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.arkme-unmarked-speaker-actions {\n  gap: 10px;\n  display: grid;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-action {\n  border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  width: 100%;\n  min-height: 62px;\n  color: var(--dsw-alias-label-primary, #202124);\n  text-align: left;\n  cursor: pointer;\n  border-radius: 16px;\n  grid-template-columns: 42px minmax(0, 1fr);\n  align-items: center;\n  gap: 12px;\n  padding: 10px 46px 10px 14px;\n  font-size: 13px;\n  font-weight: 650;\n  display: grid;\n  position: relative;\n}\n\n.arkme-unmarked-speaker-action:after {\n  content: \"›\";\n  color: var(--dsw-alias-label-caption, #a7abb2);\n  font-size: 22px;\n  font-weight: 400;\n  position: absolute;\n  right: 18px;\n}\n\n.arkme-unmarked-speaker-action:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f7f7f8);\n  border-color: var(--dsw-alias-border-l2, #d9dade);\n}\n\n.arkme-unmarked-speaker-summary > [role=\"status\"], .arkme-unmarked-speaker-summary > [role=\"alert\"], .arkme-unmarked-speaker-audio > [role=\"status\"], .arkme-unmarked-speaker-audio > [role=\"alert\"], .arkme-unmarked-speaker-choice > [role=\"status\"], .arkme-unmarked-speaker-choice > [role=\"alert\"] {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  background: var(--dsw-alias-bg-layer-2, #f5f5f6);\n  border-radius: 10px;\n  padding: 9px 12px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-unmarked-speaker-summary > [role=\"alert\"], .arkme-unmarked-speaker-audio > [role=\"alert\"], .arkme-unmarked-speaker-choice > [role=\"alert\"] {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n  background: var(--dsw-alias-state-error-tertiary, #fff1f0);\n}\n\n.arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n  box-sizing: border-box;\n  background: none;\n  border: 0;\n  gap: 16px;\n  width: min(100%, 720px);\n  margin: 0 auto;\n  padding: 4px 0 28px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-subview-header {\n  grid-template-columns: auto 40px minmax(0, 1fr);\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  padding-bottom: 4px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-subview-header > button {\n  min-height: 32px;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  cursor: pointer;\n  background: none;\n  border-radius: 9px;\n  padding: 0 10px;\n  font-size: 11px;\n}\n\n.arkme-unmarked-speaker-subview-header > button:before {\n  content: \"‹\";\n  vertical-align: -1px;\n  margin-right: 4px;\n  font-size: 17px;\n}\n\n.arkme-unmarked-speaker-subview-heading {\n  gap: 2px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-subview-heading p {\n  color: var(--dsw-alias-label-secondary, #737984);\n  margin: 0;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-unmarked-speaker-segment-list {\n  gap: 10px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-segment-card {\n  border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border-radius: 16px;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 8px 16px;\n  min-width: 0;\n  padding: 16px 16px 14px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-segment-meta {\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary, #757b85);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 11px;\n  line-height: 17px;\n  overflow: hidden;\n}\n\n.arkme-unmarked-speaker-segment-transcript {\n  min-width: 0;\n  color: var(--dsw-alias-label-primary, #292c34);\n  white-space: pre-wrap;\n  grid-column: 1;\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n  background: var(--dsw-alias-bg-layer-2, #f4f4f5);\n  width: 38px;\n  min-width: 38px;\n  height: 38px;\n  min-height: 38px;\n  color: var(--dsw-alias-label-primary, #292c34);\n  cursor: pointer;\n  border-radius: 50%;\n  grid-area: 1 / 2 / span 2;\n  align-self: center;\n  place-items: center;\n  padding: 0;\n  display: inline-grid;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-segment-play:not(:disabled):hover {\n  background: var(--dsw-alias-bg-layer-3, #e9eaec);\n}\n\n.arkme-unmarked-speaker-segment-play:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.arkme-unmarked-speaker-choice-meta {\n  color: var(--dsw-alias-label-secondary, #737984);\n  margin: -4px 0 0;\n  padding: 0 4px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-unmarked-speaker-choice-options {\n  border: 0;\n  gap: 8px;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-choice-options legend {\n  color: var(--dsw-alias-label-secondary, #737984);\n  margin-bottom: 9px;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-unmarked-speaker-choice-option {\n  border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  cursor: pointer;\n  border-radius: 14px;\n  grid-template-columns: 18px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  min-height: 52px;\n  padding: 10px 14px;\n  font-size: 13px;\n  display: grid;\n}\n\n.arkme-unmarked-speaker-choice-option:has(input:checked) {\n  border-color: var(--dsw-alias-state-business-primary, #6677d9);\n  background: var(--dsw-alias-interactive-bg-active, #f0f2ff);\n}\n\n.arkme-unmarked-speaker-choice-option input {\n  width: 16px;\n  height: 16px;\n  accent-color: var(--dsw-alias-state-business-primary, #6677d9);\n  margin: 0;\n}\n\n.arkme-unmarked-speaker-recommended {\n  background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n  color: var(--dsw-alias-state-business-primary, #5667cc);\n  border-radius: 999px;\n  padding: 2px 7px;\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.arkme-unmarked-speaker-choice-new-name {\n  border: 1px solid var(--dsw-alias-border-l1, #dfe1e5);\n  background: var(--dsw-specific-input-major, #fff);\n  width: 100%;\n  min-height: 42px;\n  color: var(--dsw-alias-label-primary, #202124);\n  border-radius: 12px;\n  outline: 0;\n  padding: 0 13px;\n  font-size: 12px;\n}\n\n.arkme-unmarked-speaker-choice-new-name:focus {\n  border-color: var(--dsw-alias-state-business-primary, #6677d9);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsw-alias-state-business-primary, #6677d9) 14%, transparent);\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-confirm {\n  background: var(--dsw-alias-button-primary-fill, #202124);\n  min-height: 42px;\n  color: var(--dsw-alias-label-primary-inverted, #fff);\n  cursor: pointer;\n  border-radius: 12px;\n  padding: 0 16px;\n  font-size: 12px;\n  font-weight: 650;\n}\n\n.arkme-unmarked-speaker-confirm:disabled {\n  opacity: .45;\n  cursor: default;\n}\n\n.arkme-unmarked-speaker-summary button:not(.arkme-unmarked-speaker-action), .arkme-unmarked-speaker-audio button:not(.arkme-unmarked-speaker-segment-play), .arkme-unmarked-speaker-choice button:not(.arkme-unmarked-speaker-confirm), .arkme-contact-world-error button, .arkme-contact-profile-error button {\n  border: 1px solid var(--dsw-alias-border-l2, var(--arkme-line));\n  background: var(--dsw-alias-button-elevated-fill, #fff);\n  min-height: 34px;\n  color: var(--dsw-alias-label-primary, #202124);\n  cursor: pointer;\n  border-radius: 9px;\n  padding: 0 12px;\n}\n\n.arkme-unmarked-speaker-gone, .arkme-unmarked-speaker-success {\n  box-sizing: border-box;\n  background: var(--dsw-alias-state-warning-tertiary, #fff7ed);\n  width: min(100%, 680px);\n  color: var(--dsw-alias-state-warning-primary, #9a3412);\n  border-radius: 10px;\n  margin: 0 auto;\n  padding: 12px 14px;\n}\n\n.arkme-unmarked-speaker-success {\n  background: var(--dsw-alias-state-success-tertiary, #ecfdf3);\n  color: var(--dsw-alias-state-success-primary, #067647);\n}\n\n.arkme-contact-directory button:focus-visible, .arkme-directory-detail-pane button:focus-visible, [data-arkme-owned=\"product-navigation\"] button:focus-visible {\n  outline: 2px solid var(--arkme-focus);\n  outline-offset: 2px;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory {\n  --arkme-contact-directory-header-fill: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory, body[data-ds-dark-theme] .arkme-directory-detail-pane {\n  background: var(--dsw-alias-bg-base);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-row.is-selected, body[data-ds-dark-theme] .arkme-unmarked-speaker-choice {\n  background: var(--dsw-alias-interactive-bg-active);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-inference, body[data-ds-dark-theme] .arkme-unmarked-speaker-segment-card, body[data-ds-dark-theme] .arkme-unmarked-speaker-choice-option, body[data-ds-dark-theme] .arkme-unmarked-speaker-action {\n  background: var(--dsw-alias-bg-layer-1);\n  border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-inference-icon, body[data-ds-dark-theme] .arkme-unmarked-speaker-action-icon, body[data-ds-dark-theme] .arkme-unmarked-speaker-segment-play {\n  background: var(--dsw-specific-input-major);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-choice-option:has(input:checked) {\n  background: var(--dsw-alias-interactive-bg-active);\n  border-color: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-team-detail {\n  background: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-team-members {\n  background: var(--dsw-alias-bg-subtle);\n}\n\nbody[data-ds-dark-theme] .arkme-team-member-list {\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: none;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-warning, body[data-ds-dark-theme] .arkme-unmarked-speaker-gone, body[data-ds-dark-theme] .arkme-contact-world-image-error, body[data-ds-dark-theme] .arkme-contact-world-image-loading {\n  background: var(--dsw-specific-input-major);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-success {\n  background: var(--dsw-alias-state-success-tertiary);\n  color: var(--dsw-alias-state-success-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-profile-error, body[data-ds-dark-theme] .arkme-contact-profile-message-error, body[data-ds-dark-theme] .arkme-contact-world-error {\n  color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-more {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n@media (width <= 1024px) {\n  [data-arkme-owned=\"persistent-sidebar\"] [data-arkme-directory-mode=\"contacts\"] {\n    min-width: 0;\n  }\n}\n\n@media (width <= 820px) {\n  div:has( > [data-shell-overlay]):has([data-arkme-directory-mode=\"contacts\"]):has([data-arkme-contacts-mobile-view=\"directory\"]) {\n    grid-template-columns: minmax(0, 1fr) 0 0 !important;\n  }\n\n  div:has( > [data-shell-overlay]):has([data-arkme-directory-mode=\"contacts\"]):has([data-arkme-contacts-mobile-view=\"content\"]) {\n    grid-template-columns: 0 minmax(0, 1fr) 0 !important;\n  }\n\n  [data-arkme-owned=\"persistent-sidebar\"][data-arkme-contacts-mobile-view=\"content\"], [data-arkme-owned=\"persistent-workspace\"][data-arkme-contacts-mobile-view=\"directory\"] {\n    display: none !important;\n  }\n\n  [data-arkme-owned=\"persistent-sidebar\"] [data-arkme-directory-mode=\"contacts\"], .arkme-directory-detail-pane {\n    min-width: 0;\n  }\n}\n\n.arkme-directory-mobile-back {\n  display: none;\n}\n\n@media (width <= 820px) {\n  .arkme-directory-mobile-back {\n    min-height: 42px;\n    color: var(--dsw-alias-label-secondary, #68707c);\n    cursor: pointer;\n    background: none;\n    align-items: center;\n    gap: 5px;\n    padding: 0 14px;\n    display: inline-flex;\n  }\n\n  .arkme-directory-mobile-back:before {\n    content: \"‹\";\n    font-size: 18px;\n    line-height: 1;\n  }\n\n  .arkme-directory-mobile-back:hover {\n    color: var(--dsw-alias-label-primary, #202124);\n  }\n\n  .arkme-contact-detail {\n    padding: 28px 20px;\n  }\n\n  .arkme-contact-profile-main {\n    grid-template-columns: 56px minmax(0, 1fr);\n    gap: 18px;\n  }\n\n  .arkme-contact-profile-avatar {\n    width: 56px;\n    height: 56px;\n  }\n\n  .arkme-contact-profile-avatar > span {\n    width: 56px !important;\n    height: 56px !important;\n  }\n\n  .arkme-team-detail-header {\n    padding: 26px 20px;\n  }\n\n  .arkme-team-detail-header-main {\n    grid-template-columns: 56px minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .arkme-team-detail-glyph {\n    border-radius: 16px;\n    width: 56px;\n    height: 56px;\n    font-size: 18px;\n  }\n\n  .arkme-team-detail-count {\n    justify-items: initial;\n    grid-column: 2;\n    align-items: baseline;\n    gap: 4px;\n    min-width: 0;\n    display: flex;\n  }\n\n  .arkme-team-detail-count strong {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  .arkme-team-detail-count span {\n    font-size: 11px;\n  }\n\n  .arkme-team-members {\n    padding: 18px 20px 28px;\n  }\n\n  .arkme-team-member-list {\n    border-radius: 12px;\n  }\n\n  .arkme-team-member-row {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  .arkme-contact-world, .arkme-contact-profile-row {\n    grid-template-columns: 64px minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .arkme-contact-world-thumbnail {\n    width: 44px;\n    height: 44px;\n  }\n\n  .arkme-directory-unmarked-speaker-detail {\n    padding: 20px 18px 30px;\n  }\n\n  .arkme-unmarked-speaker-summary, .arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n    gap: 14px;\n  }\n\n  .arkme-unmarked-speaker-stats {\n    gap: 7px 14px;\n  }\n\n  .arkme-unmarked-speaker-stats span + span:before {\n    display: none;\n  }\n\n  .arkme-unmarked-speaker-inference {\n    grid-template-columns: 36px minmax(0, 1fr);\n    padding: 15px;\n  }\n\n  .arkme-unmarked-speaker-inference-icon, .arkme-unmarked-speaker-action-icon {\n    width: 36px;\n    height: 36px;\n  }\n\n  .arkme-unmarked-speaker-subview-header {\n    grid-template-columns: auto 36px minmax(0, 1fr);\n    gap: 9px;\n  }\n\n  .arkme-unmarked-speaker-segment-card {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .arkme-unmarked-speaker-segment-transcript, [data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n    grid-area: auto / 1;\n  }\n\n  [data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n    justify-self: start;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .arkme-contact-directory-caret {\n    transition: none;\n  }\n\n  .arkme-icon-spin {\n    animation: none;\n  }\n}\n\n.arkme-conversation-surface {\n  --arkme-chat-self-bubble: #eef1f8;\n  --arkme-chat-other-bubble: #f3f4f6;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-surface {\n  --arkme-chat-self-bubble: #2c3142;\n  --arkme-chat-other-bubble: #282a31;\n  --arkme-audio-control: #8995c5;\n}\n\nbody[data-ds-dark-theme] .arkme-detail-extension-input-bar {\n  border-top-color: #363636 !important;\n}\n\nbody[data-ds-dark-theme] .arkme-detail-extension-input-shell {\n  background: #2b2b2b !important;\n}\n\n[data-arkme-message-direction]:focus-visible, [data-arkme-note-detail] button:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n  outline-offset: 2px;\n}\n\n.arkme-home-tour {\n  width: 320px;\n  max-width: calc(100vw - 24px);\n  color: var(--dsw-alias-label-primary, #17191c);\n  pointer-events: auto;\n  position: absolute;\n}\n\n.arkme-home-tour-hidden {\n  display: none;\n}\n\n.arkme-home-tour-panel {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2, #0000001a);\n  background: var(--dsw-alias-bg-base, #fff);\n  width: 100%;\n  max-height: calc(100dvh - 24px);\n  box-shadow: var(--dsw-shadow-lv2, 0 12px 40px #0000002e);\n  border-radius: 16px;\n  padding: 18px;\n  font-family: inherit;\n  position: relative;\n  overflow-y: auto;\n}\n\n.arkme-home-tour-header {\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  display: flex;\n}\n\n.arkme-home-tour-progress {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.arkme-home-tour-panel h2 {\n  color: inherit;\n  margin: 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 26px;\n}\n\n.arkme-home-tour-panel p {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  overflow-wrap: anywhere;\n  margin: 0 0 24px;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.arkme-home-tour-actions, .arkme-home-tour-navigation {\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.arkme-home-tour-actions {\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.arkme-home-tour-panel button {\n  background: var(--dsw-alias-interactive-bg-hover, #2631480f);\n  color: inherit;\n  font: inherit;\n  white-space: nowrap;\n  cursor: pointer;\n  border: 0;\n  border-radius: 8px;\n  padding: 7px 10px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-home-tour-panel button:hover {\n  background: var(--dsw-alias-interactive-bg-active, #2631481a);\n}\n\n.arkme-home-tour-panel button:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n  outline-offset: 3px;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-close {\n  width: 28px;\n  height: 28px;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  background: none;\n  padding: 0;\n  font-size: 22px;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-skip {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  background: none;\n  padding-left: 0;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-primary {\n  background: var(--dsw-alias-button-primary-fill, #17191c);\n  color: var(--dsw-alias-label-primary-inverted, #fff);\n}\n\n.arkme-home-tour-panel .arkme-home-tour-primary:hover {\n  background: color-mix(in srgb, var(--dsw-alias-button-primary-fill, #17191c) 88%, var(--dsw-alias-bg-base, #fff));\n}\n\n.arkme-home-tour-arrow {\n  z-index: 1;\n  pointer-events: none;\n  width: 12px;\n  height: 12px;\n  position: absolute;\n}\n\n.arkme-home-tour-arrow:before {\n  content: \"\";\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-base, #fff);\n  border: 0 solid var(--dsw-alias-border-l2, #0000001a);\n  position: absolute;\n  inset: 0;\n  transform: rotate(45deg);\n}\n\n.arkme-home-tour-placement-right .arkme-home-tour-arrow:before {\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n}\n\n.arkme-home-tour-placement-left .arkme-home-tour-arrow:before {\n  border-top-width: 1px;\n  border-right-width: 1px;\n}\n\n.arkme-home-tour-placement-bottom .arkme-home-tour-arrow:before {\n  border-top-width: 1px;\n  border-left-width: 1px;\n}\n\n.arkme-home-tour-placement-top .arkme-home-tour-arrow:before {\n  border-bottom-width: 1px;\n  border-right-width: 1px;\n}\n\n.arkme-home-tour-placement-right .arkme-home-tour-arrow {\n  left: 0;\n  transform: translateX(-50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-left .arkme-home-tour-arrow {\n  right: 0;\n  transform: translateX(50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-bottom .arkme-home-tour-arrow {\n  top: 0;\n  transform: translateX(-50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-top .arkme-home-tour-arrow {\n  bottom: 0;\n  transform: translateX(-50%) translateY(50%);\n}\n\n.arkme-conversation-profile-actions {\n  grid-template-columns: minmax(0, 1fr);\n}\n\nbody[data-ds-dark-theme] .arkme-peer-membership-disc {\n  fill: #171717;\n  stroke: #343434;\n}\n";
 		//#endregion
 		//#region src/client/redesign/styles.ts
 		const REDESIGN_STYLE_ID = "@senguoyun/dsh-arkme/redesign";