@senguoyun/dsh-arkme 0.1.37 → 0.1.38

package/lib/client.js

@@ -5117,7 +5117,7 @@ window.__ModuleLoader__.load({
 		qrcode.stringToBytes;
 		//#endregion
 		//#region package.json
-		var version = "0.1.37";
+		var version = "0.1.38";
 		//#endregion
 		//#region src/client/arkme-billing.ts
 		function createBillingClientRequestId(source = globalThis.crypto) {
@@ -92731,7 +92731,12 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				...arkmeConversationComposerLayout.composerInner,
 				border: `1px solid ${colors.border}`,
 				background: arkmeTheme.input,
-				boxShadow: arkmeTheme.shadow
+				boxShadow: "none",
+				transition: "background-color 140ms ease"
+			},
+			composerInnerFocused: {
+				background: "color-mix(in srgb, var(--dsw-alias-bg-base, #ffffff) 97%, #000000)",
+				boxShadow: "none"
 			},
 			composerStack: {
 				width: "100%",
@@ -92923,19 +92928,24 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				lineHeight: "18px"
 			},
 			send: {
-				width: 34,
-				height: 34,
+				width: 36,
+				height: 28,
 				flex: "none",
 				display: "grid",
 				placeItems: "center",
 				border: 0,
-				borderRadius: 9,
-				background: "#171923",
-				color: arkmeTheme.foreground,
+				borderRadius: 14,
+				background: "#09B83E",
+				color: "#fff",
 				cursor: "pointer",
 				transform: "translateY(-2px)",
 				transition: "background-color 100ms ease"
 			},
+			sendDisabled: {
+				background: "#DCE1E9",
+				color: "#fff",
+				cursor: "default"
+			},
 			forwardDrawerDismiss: {
 				position: "absolute",
 				top: 68,
@@ -98256,7 +98266,12 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											ref: composerRef,
 											className: "arkme-conversation-composer-inner",
-											style: styles$6.composerInner,
+											"data-arkme-primary-composer": "true",
+											"data-arkme-composer-focused": composerInputFocused ? "true" : "false",
+											style: {
+												...styles$6.composerInner,
+												...composerInputFocused ? styles$6.composerInnerFocused : {}
+											},
 											children: [
 												addMenuOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 													ref: addMenuRef,
@@ -98494,7 +98509,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 															type: "button",
 															style: {
 																...styles$6.send,
-																opacity: canSend ? 1 : .4
+																...canSend ? {} : styles$6.sendDisabled
 															},
 															disabled: !canSend,
 															"aria-label": "发送消息",
@@ -98502,21 +98517,21 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 																event.preventDefault();
 															},
 															onMouseEnter: (event) => {
-																if (!event.currentTarget.disabled) event.currentTarget.style.background = "#262936";
+																if (!event.currentTarget.disabled) event.currentTarget.style.background = "#08A437";
 															},
 															onMouseLeave: (event) => {
-																event.currentTarget.style.background = "#171923";
+																if (!event.currentTarget.disabled) event.currentTarget.style.background = "#09B83E";
 															},
 															onClick: () => {
 																send();
 															},
 															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-																viewBox: "0 0 16 16",
+																viewBox: "9.7 6.1 16 16",
 																width: "16",
 																height: "16",
 																"aria-hidden": true,
 																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-																	d: "M8.3125 0.980183C8.66767 1.0531 8.97902 1.20418 9.2627 1.43233C9.48724 1.61297 9.73029 1.85793 9.97949 2.10714L14.707 6.83468L13.293 8.24874L9 3.95577V15.0417H7V3.95577L2.70703 8.24874L1.29297 6.83468L6.02051 2.10714C6.26971 1.85793 6.51277 1.61297 6.7373 1.43233C6.97662 1.23986 7.28445 1.04402 7.6875 0.980183C7.8973 0.947006 8.1031 0.95516 8.3125 0.980183Z",
+																	d: "M23.5521 7.04659L11.5965 10.7238C10.7646 10.9798 10.6133 12.092 11.3467 12.5609L14.879 14.8189C15.0627 14.9363 15.2792 14.9919 15.4967 14.9775C15.7142 14.9631 15.9214 14.8794 16.088 14.7388L20.4967 11.0186C20.7357 10.8169 21.0582 11.1392 20.8566 11.3784L17.1366 15.7879C16.996 15.9545 16.9124 16.1617 16.8981 16.3792C16.8837 16.5966 16.9393 16.813 17.0568 16.9966L19.3143 20.5285C19.783 21.2617 20.8954 21.1104 21.1513 20.2787L24.8286 8.32335C25.0696 7.53956 24.3356 6.80563 23.5521 7.04659Z",
 																	fill: "currentColor"
 																})
 															})
@@ -130582,12 +130597,43 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			}
 		};
 		const ARKME_PERSISTENT_SIDEBAR_CHROME_WIDTH = 76;
-		const ARKME_PERSISTENT_SIDEBAR_MIN_WIDTH = 72;
+		const ARKME_PERSISTENT_DIRECTORY_MIN_WIDTH = 64;
+		const ARKME_PERSISTENT_DIRECTORY_AVATAR_ONLY_WIDTH = 200;
+		const ARKME_PERSISTENT_SIDEBAR_MIN_WIDTH = 140;
 		const ARKME_PERSISTENT_SIDEBAR_MAX_WIDTH = 480;
-		const ARKME_PERSISTENT_SIDEBAR_AVATAR_ONLY_WIDTH = 120;
+		const ARKME_PERSISTENT_DIRECTORY_MAX_WIDTH = ARKME_PERSISTENT_SIDEBAR_MAX_WIDTH - ARKME_PERSISTENT_SIDEBAR_CHROME_WIDTH;
+		const ARKME_PERSISTENT_SIDEBAR_WIDTH_STORAGE_KEY = "dsh-arkme:persistent-sidebar-width:v1";
 		function clampPersistentSidebarWidth(width) {
 			return Math.min(ARKME_PERSISTENT_SIDEBAR_MAX_WIDTH, Math.max(ARKME_PERSISTENT_SIDEBAR_MIN_WIDTH, Math.round(width)));
 		}
+		function browserPersistentSidebarStorage() {
+			try {
+				return typeof window === "undefined" ? void 0 : window.localStorage;
+			} catch {
+				return;
+			}
+		}
+		function readPersistentSidebarWidth(storage = browserPersistentSidebarStorage()) {
+			if (storage === void 0) return void 0;
+			try {
+				const raw = storage.getItem(ARKME_PERSISTENT_SIDEBAR_WIDTH_STORAGE_KEY);
+				if (raw === null || raw.trim() === "") return void 0;
+				const parsed = Number(raw);
+				return Number.isFinite(parsed) ? clampPersistentSidebarWidth(parsed) : void 0;
+			} catch {
+				return;
+			}
+		}
+		function writePersistentSidebarWidth(width, storage = browserPersistentSidebarStorage()) {
+			if (storage === void 0) return;
+			try {
+				storage.setItem(ARKME_PERSISTENT_SIDEBAR_WIDTH_STORAGE_KEY, String(clampPersistentSidebarWidth(width)));
+			} catch {}
+		}
+		function resolvePersistentSidebarWidth(collapsed, hostWidth, preferredWidth, compactWidthOverride) {
+			if (collapsed) return compactWidthOverride === void 0 ? ARKME_PERSISTENT_SIDEBAR_MIN_WIDTH : clampPersistentSidebarWidth(compactWidthOverride);
+			return preferredWidth === void 0 ? clampPersistentSidebarWidth(hostWidth) : clampPersistentSidebarWidth(preferredWidth);
+		}
 		/** Permanent browser-side lifecycles that used to be owned by the optional DSH footer entry. */
 		function ArkmePersistentClientRuntime() {
 			const ui = (0, react.useSyncExternalStore)(arkmeUi.subscribe, arkmeUi.getViewSnapshot, arkmeUi.getViewSnapshot);
@@ -130612,7 +130658,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			return !desktopStartupGate && auth?.status === "authenticated" && mode === "login";
 		}
 		/** Arkme permanently owns the DSH sidebar seat so navigation stays stable across Arkme and Harness conversations. */
-		function ArkmePersistentSidebar({ collapsed, width, useSessions, renderSlot, collapseSidebar, closeDetails, searchDshMessages = async () => ({
+		function ArkmePersistentSidebar({ collapsed, width, useSessions, renderSlot, closeDetails, searchDshMessages = async () => ({
 			items: [],
 			hasMore: false
 		}), openDshSession = () => void 0 }) {
@@ -130640,11 +130686,13 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			};
 			const [sendToSelfState, setSendToSelfState] = (0, react.useState)();
 			const directoryVisible = !loginMode && ui.calendarOpen !== true && (ui.mode === "source" || ui.mode === "bot" || ui.mode === "arko" || harnessMode);
-			const [sidebarWidthOverride, setSidebarWidthOverride] = (0, react.useState)();
+			const [preferredSidebarWidth, setPreferredSidebarWidth] = (0, react.useState)(() => readPersistentSidebarWidth());
+			const [compactSidebarWidthOverride, setCompactSidebarWidthOverride] = (0, react.useState)();
 			const sidebarResizeRef = (0, react.useRef)();
 			const [sidebarResizing, setSidebarResizing] = (0, react.useState)(false);
-			const renderedSidebarWidth = sidebarWidthOverride ?? width + ARKME_PERSISTENT_SIDEBAR_CHROME_WIDTH;
-			const avatarOnly = !contactsMode && renderedSidebarWidth <= ARKME_PERSISTENT_SIDEBAR_AVATAR_ONLY_WIDTH;
+			const renderedSidebarWidth = resolvePersistentSidebarWidth(collapsed, clampPersistentSidebarWidth(width + ARKME_PERSISTENT_SIDEBAR_CHROME_WIDTH), preferredSidebarWidth, compactSidebarWidthOverride);
+			const renderedDirectoryWidth = renderedSidebarWidth - ARKME_PERSISTENT_SIDEBAR_CHROME_WIDTH;
+			const avatarOnly = !contactsMode && renderedDirectoryWidth <= ARKME_PERSISTENT_DIRECTORY_AVATAR_ONLY_WIDTH;
 			(0, react.useEffect)(() => {
 				if (authenticatedUserId === void 0) {
 					setSendToSelfState(void 0);
@@ -130681,12 +130729,10 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			}, [searchDshMessages, sessionState.byId]);
 			(0, react.useLayoutEffect)(() => {
 				closeDetails();
-				if (collapsed) collapseSidebar();
-			}, [
-				closeDetails,
-				collapseSidebar,
-				collapsed
-			]);
+			}, [closeDetails]);
+			(0, react.useEffect)(() => {
+				if (!collapsed) setCompactSidebarWidthOverride(void 0);
+			}, [collapsed]);
 			(0, react.useLayoutEffect)(() => {
 				arkmeContactsTab.activateAccount(contactsAccountKey);
 			}, [contactsAccountKey]);
@@ -130710,43 +130756,112 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				sidebarResizeRef.current = {
 					pointerId: event.pointerId,
 					startX: event.clientX,
-					startWidth: renderedSidebarWidth
+					startWidth: renderedSidebarWidth,
+					compact: collapsed,
+					lastWidth: renderedSidebarWidth
 				};
 				setSidebarResizing(true);
-			}, [renderedSidebarWidth]);
+			}, [collapsed, renderedSidebarWidth]);
 			const continueSidebarResize = (0, react.useCallback)((event) => {
 				const resize = sidebarResizeRef.current;
 				if (resize === void 0 || resize.pointerId !== event.pointerId) return;
-				setSidebarWidthOverride(clampPersistentSidebarWidth(resize.startWidth + event.clientX - resize.startX));
+				const nextWidth = clampPersistentSidebarWidth(resize.startWidth + event.clientX - resize.startX);
+				resize.lastWidth = nextWidth;
+				if (resize.compact) setCompactSidebarWidthOverride(nextWidth);
+				else setPreferredSidebarWidth(nextWidth);
 			}, []);
 			const stopSidebarResize = (0, react.useCallback)((element, pointerId) => {
+				const resize = sidebarResizeRef.current;
 				if (pointerId !== void 0 && element?.hasPointerCapture(pointerId)) element.releasePointerCapture(pointerId);
+				if (resize !== void 0 && !resize.compact) writePersistentSidebarWidth(resize.lastWidth);
 				sidebarResizeRef.current = void 0;
 				setSidebarResizing(false);
 			}, []);
+			const resizeSidebarFromKeyboard = (0, react.useCallback)((event) => {
+				let nextWidth;
+				if (event.key === "Home") nextWidth = ARKME_PERSISTENT_SIDEBAR_MIN_WIDTH;
+				else if (event.key === "End") nextWidth = ARKME_PERSISTENT_SIDEBAR_MAX_WIDTH;
+				else if (event.key === "ArrowLeft") nextWidth = renderedSidebarWidth - 16;
+				else if (event.key === "ArrowRight") nextWidth = renderedSidebarWidth + 16;
+				if (nextWidth === void 0) return;
+				event.preventDefault();
+				const clamped = clampPersistentSidebarWidth(nextWidth);
+				if (collapsed) setCompactSidebarWidthOverride(clamped);
+				else {
+					setPreferredSidebarWidth(clamped);
+					writePersistentSidebarWidth(clamped);
+				}
+			}, [collapsed, renderedSidebarWidth]);
+			const sidebarSizingStyle = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", {
+				"data-arkme-owned": "persistent-sidebar-resize-handle-style",
+				children: `
+    :root { --arkme-persistent-sidebar-width: ${String(renderedSidebarWidth)}px; }
+    :root:has([data-arkme-owned="persistent-sidebar"]) [data-side="sidebar"] {
+      left: ${String(renderedSidebarWidth)}px !important;
+      pointer-events: none;
+    }
+    :root:has([data-arkme-owned="persistent-sidebar"][data-arkme-sidebar-resizing="true"]) [data-slot="root"] > div,
+    :root:has([data-arkme-owned="persistent-sidebar"][data-arkme-sidebar-resizing="true"]) [data-side="sidebar"] {
+      transition: none !important;
+    }
+  `
+			});
+			const sidebarResizeHandle = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"data-arkme-owned": "persistent-sidebar-resize-handle",
+				role: "separator",
+				"aria-label": "调整对话列表宽度",
+				"aria-orientation": "vertical",
+				"aria-valuemin": ARKME_PERSISTENT_DIRECTORY_MIN_WIDTH,
+				"aria-valuemax": ARKME_PERSISTENT_DIRECTORY_MAX_WIDTH,
+				"aria-valuenow": renderedDirectoryWidth,
+				tabIndex: 0,
+				style: styles$3.sidebarResizeHandle,
+				onPointerDown: beginSidebarResize,
+				onPointerMove: continueSidebarResize,
+				onPointerUp: (event) => {
+					stopSidebarResize(event.currentTarget, event.pointerId);
+				},
+				onPointerCancel: (event) => {
+					stopSidebarResize(event.currentTarget, event.pointerId);
+				},
+				onLostPointerCapture: () => {
+					stopSidebarResize();
+				},
+				onKeyDown: resizeSidebarFromKeyboard
+			});
 			if (loginMode) return webLockedMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
 				"data-arkme-owned": "persistent-sidebar",
 				"data-arkme-workspace": true,
 				"data-arkme-login-mode": "true",
 				"data-arkme-web-locked": true,
 				"data-arkme-directory-visible": "true",
+				"data-arkme-sidebar-collapsed": collapsed ? "true" : "false",
+				"data-arkme-sidebar-resizing": sidebarResizing ? "true" : "false",
+				"data-arkme-sidebar-width": renderedSidebarWidth,
+				"data-arkme-directory-width": renderedDirectoryWidth,
 				style: styles$3.sidebar,
 				"aria-label": "Arkme 受限工作区导航",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeProductNavigation, {
-					compact: false,
-					hosted: true,
-					taskExpanded: true,
-					locked: true
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					style: styles$3.taskDirectory,
-					"data-arkme-directory-mode": "web-locked",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeNavigation, {
-						wide: true,
-						embeddedProductShell: true,
-						showHarnessEntry: true,
-						lockedDirectory: true
-					})
-				})]
+				children: [
+					sidebarSizingStyle,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeProductNavigation, {
+						compact: false,
+						hosted: true,
+						taskExpanded: true,
+						locked: true
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: styles$3.taskDirectory,
+						"data-arkme-directory-mode": "web-locked",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeNavigation, {
+							wide: true,
+							avatarOnly,
+							embeddedProductShell: true,
+							showHarnessEntry: true,
+							lockedDirectory: true
+						})
+					}),
+					sidebarResizeHandle
+				]
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("aside", {
 				"data-arkme-owned": "persistent-sidebar",
 				"data-arkme-login-mode": "true",
@@ -130764,30 +130879,18 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				"data-arkme-harness-mode": harnessMode ? "true" : "false",
 				"data-arkme-directory-visible": directoryVisible ? "true" : "false",
 				"data-arkme-sidebar-resizing": sidebarResizing ? "true" : "false",
+				"data-arkme-sidebar-width": renderedSidebarWidth,
+				"data-arkme-directory-width": renderedDirectoryWidth,
 				"data-arkme-login-mode": "false",
 				...contactsMode ? { "data-arkme-contacts-mobile-view": scopedContacts.selection.kind !== "none" ? "content" : "directory" } : {},
 				style: styles$3.sidebar,
 				"aria-label": "Arkme 功能导航栏",
 				children: [
-					!collapsed && directoryVisible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", {
-						"data-arkme-owned": "persistent-sidebar-resize-handle-style",
-						children: `
-      :root { --arkme-persistent-sidebar-width: ${String(renderedSidebarWidth)}px; }
-      :root:has([data-arkme-owned="persistent-sidebar"]) [data-side="sidebar"] {
-        left: ${String(renderedSidebarWidth)}px !important;
-        pointer-events: none;
-      }
-      :root:has([data-arkme-owned="persistent-sidebar"][data-arkme-sidebar-resizing="true"]) [data-slot="root"] > div,
-      :root:has([data-arkme-owned="persistent-sidebar"][data-arkme-sidebar-resizing="true"]) [data-side="sidebar"] {
-        transition: none !important;
-      }
-    `
-					}),
+					directoryVisible && (!contactsMode || !collapsed) && sidebarSizingStyle,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeProductNavigation, {
 						compact: false,
 						hosted: true,
 						taskExpanded: true,
-						hidden: avatarOnly,
 						currentSessionId: sessionState.current
 					}),
 					directoryVisible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -130849,27 +130952,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 							...sendToSelfSource === void 0 ? {} : { sendToSelfSource }
 						})
 					}),
-					!collapsed && directoryVisible && !contactsMode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						"data-arkme-owned": "persistent-sidebar-resize-handle",
-						role: "separator",
-						"aria-label": "调整对话列表宽度",
-						"aria-orientation": "vertical",
-						"aria-valuemin": ARKME_PERSISTENT_SIDEBAR_MIN_WIDTH,
-						"aria-valuemax": ARKME_PERSISTENT_SIDEBAR_MAX_WIDTH,
-						"aria-valuenow": renderedSidebarWidth,
-						style: styles$3.sidebarResizeHandle,
-						onPointerDown: beginSidebarResize,
-						onPointerMove: continueSidebarResize,
-						onPointerUp: (event) => {
-							stopSidebarResize(event.currentTarget, event.pointerId);
-						},
-						onPointerCancel: (event) => {
-							stopSidebarResize(event.currentTarget, event.pointerId);
-						},
-						onLostPointerCapture: () => {
-							stopSidebarResize();
-						}
-					})
+					directoryVisible && !contactsMode && sidebarResizeHandle
 				]
 			});
 		}
@@ -131027,7 +131110,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 		}
 		//#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:has( > .arkme-update-rail-slot) {\n  border-top-width: 1px;\n  padding-top: 10px;\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-update-rail-slot {\n  width: 52px;\n  height: 30px;\n  position: relative;\n}\n\nbutton.arkme-update-rail {\n  color: #53648e;\n  cursor: pointer;\n  width: 52px;\n  min-height: 28px;\n  font: inherit;\n  background: #f1f3fa;\n  border: 0;\n  border-radius: 999px;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  padding: 0 7px;\n  transition: transform .16s, background .16s, color .16s, box-shadow .16s;\n  display: flex;\n  box-shadow: inset 0 0 0 1px #5b70ab17;\n}\n\nbutton.arkme-update-rail:hover, button.arkme-update-rail.is-active {\n  transform: translateY(-1px);\n  color: #34476f !important;\n  background: #e9edf8 !important;\n}\n\nbutton.arkme-update-rail.is-available {\n  color: #fff !important;\n  background: #f0524f !important;\n  box-shadow: 0 5px 12px #e03c3933, inset 0 0 0 1px #b2232014 !important;\n}\n\nbutton.arkme-update-rail.is-available:hover, button.arkme-update-rail.is-available.is-active {\n  color: #fff !important;\n  background: #df4542 !important;\n  box-shadow: 0 7px 16px #d736333d, inset 0 0 0 1px #961a181a !important;\n}\n\nbutton.arkme-update-rail.is-error {\n  color: #b54841 !important;\n  background: #fff0ee !important;\n}\n\n.arkme-update-rail span {\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n  font-size: 9px;\n  font-weight: 550;\n  line-height: 1;\n}\n\n.arkme-update-rail svg {\n  flex: none;\n}\n\n.arkme-update-rail.is-ready {\n  gap: 3px;\n  padding: 0 4px;\n}\n\n.arkme-update-rail.is-ready svg {\n  width: 13px;\n  height: 13px;\n}\n\n.arkme-update-rail.is-downloading svg {\n  animation: 1.6s linear infinite arkme-update-spin;\n}\n\n.arkme-update-popover {\n  z-index: 100000;\n  overflow-wrap: anywhere;\n  box-sizing: border-box;\n  color: #171923;\n  backdrop-filter: blur(20px) saturate(1.12);\n  background: #fffffff7;\n  border: 1px solid #cfd1d7e6;\n  border-radius: 20px;\n  width: 356px;\n  max-width: calc(100vw - 16px);\n  max-height: calc(100vh - 16px);\n  padding: 18px;\n  animation: .2s cubic-bezier(.2, .8, .2, 1) arkme-update-popover-in;\n  position: fixed;\n  bottom: 14px;\n  left: 68px;\n  overflow-y: auto;\n  box-shadow: 0 24px 58px #1b1e2629, 0 3px 10px #1b1e260e;\n}\n\n.arkme-update-popover-heading {\n  grid-template-columns: minmax(0, 1fr) 28px;\n  align-items: center;\n  gap: 12px;\n  display: grid;\n}\n\n.arkme-update-popover-heading > div {\n  gap: 4px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-update-popover-heading span {\n  color: #92959d;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 10px;\n  font-weight: 500;\n  overflow: hidden;\n}\n\n.arkme-update-popover-heading h2 {\n  color: #242731;\n  letter-spacing: -.025em;\n  margin: 0;\n  font-size: 17px;\n  font-weight: 600;\n}\n\n.arkme-update-popover-heading > button {\n  color: #93969e;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  display: grid;\n}\n\n.arkme-update-popover-heading > button:hover {\n  color: #3d414a;\n  background: #f1f2f4;\n}\n\n.arkme-update-popover-summary {\n  color: #7d818a;\n  margin: 13px 0 0;\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n.arkme-update-release-notes {\n  border-top: 1px solid #ececef;\n  border-bottom: 1px solid #ececef;\n  margin-top: 14px;\n  padding: 5px 0;\n}\n\n.arkme-update-release-notes > div {\n  grid-template-columns: 28px minmax(0, 1fr);\n  align-items: center;\n  gap: 10px;\n  min-height: 51px;\n  display: grid;\n}\n\n.arkme-update-release-notes > div + div {\n  border-top: 1px solid #f0f0f2;\n}\n\n.arkme-update-release-notes > div > span {\n  color: #a3a6ad;\n  font-variant-numeric: tabular-nums;\n  font-size: 9px;\n}\n\n.arkme-update-release-notes p {\n  gap: 4px;\n  margin: 0;\n  display: grid;\n}\n\n.arkme-update-release-notes strong {\n  color: #3b3f48;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.arkme-update-release-notes small {\n  color: #92959d;\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n.arkme-update-message {\n  color: #747983;\n  margin: 12px 0 0;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-update-message.is-error {\n  color: #b54841;\n}\n\n.arkme-update-popover-actions {\n  grid-template-columns: 1fr 1.45fr;\n  gap: 9px;\n  margin-top: 16px;\n  display: grid;\n}\n\n.arkme-update-popover-actions button {\n  cursor: pointer;\n  height: 42px;\n  font: inherit;\n  border-radius: 12px;\n  padding: 0;\n  font-size: 12px;\n  font-weight: 500;\n  transition: transform .16s, background .16s, box-shadow .16s;\n  border: 0 !important;\n}\n\n.arkme-update-popover-actions button:hover {\n  transform: translateY(-1px);\n}\n\n.arkme-update-popover-actions .arkme-update-later {\n  color: #666a73 !important;\n  background: #f2f2f4 !important;\n}\n\n.arkme-update-popover-actions .arkme-update-later:hover {\n  background: #ececef !important;\n}\n\n.arkme-update-popover-actions .arkme-update-now {\n  color: #fff !important;\n  background: #1c1f28 !important;\n  box-shadow: 0 7px 18px #181b2324 !important;\n}\n\n.arkme-update-popover-actions .arkme-update-now:hover {\n  background: #11131b !important;\n  box-shadow: 0 9px 22px #181b232e !important;\n}\n\n.arkme-update-now:disabled {\n  opacity: .46;\n  cursor: default;\n  transform: none;\n}\n\n.arkme-update-capsule {\n  z-index: 10030;\n  box-sizing: border-box;\n  color: #171923;\n  backdrop-filter: blur(20px) saturate(1.2);\n  background: #ffffffed;\n  border: 1px solid #cdd0d8d6;\n  border-radius: 18px;\n  grid-template-columns: minmax(0, 1fr) 28px;\n  align-items: center;\n  gap: 10px;\n  width: 326px;\n  max-width: calc(100vw - 16px);\n  min-height: 52px;\n  padding: 9px 9px 9px 14px;\n  animation: .22s cubic-bezier(.2, .8, .2, 1) arkme-update-capsule-in;\n  display: grid;\n  position: fixed;\n  top: 18px;\n  left: 50%;\n  transform: translateX(-50%);\n  box-shadow: 0 16px 40px #1c1f2724, 0 2px 8px #1c1f270f;\n}\n\n.arkme-native-desktop .arkme-update-capsule {\n  top: 62px;\n}\n\n.arkme-update-capsule-copy {\n  gap: 3px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-update-capsule-copy strong {\n  color: #333741;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 11px;\n  font-weight: 600;\n  overflow: hidden;\n}\n\n.arkme-update-capsule-copy small {\n  color: #93969e;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 9px;\n  overflow: hidden;\n}\n\n.arkme-update-progress {\n  background: #eceef3;\n  border-radius: 999px;\n  height: 4px;\n  overflow: hidden;\n}\n\n.arkme-update-progress span {\n  border-radius: inherit;\n  background: #6779b5;\n  height: 100%;\n  transition: width .65s cubic-bezier(.2, .7, .25, 1);\n  display: block;\n}\n\n.arkme-update-progress.is-indeterminate span {\n  width: 34%;\n  animation: 1.25s ease-in-out infinite arkme-update-indeterminate;\n}\n\n.arkme-update-capsule > b {\n  color: #656a75;\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n  font-size: 10px;\n  font-weight: 500;\n}\n\n.arkme-update-capsule[data-layout=\"progress\"] {\n  grid-template-columns: minmax(0, 1fr) minmax(40px, .8fr) 34px 28px;\n}\n\n.arkme-update-capsule[data-layout=\"action\"] {\n  grid-template-columns: minmax(0, 1fr) auto 28px;\n  width: 306px;\n}\n\n.arkme-update-capsule[data-layout=\"action\"] .arkme-update-capsule-copy small {\n  -webkit-line-clamp: 3;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  -webkit-box-orient: vertical;\n  font-size: 11px;\n  line-height: 1.45;\n  display: -webkit-box;\n}\n\n.arkme-update-capsule[data-layout=\"restarting\"] {\n  grid-template-columns: minmax(0, 1fr);\n  width: 218px;\n  padding-right: 14px;\n}\n\n.arkme-update-capsule.is-restarting .arkme-update-capsule-copy {\n  text-align: center;\n  justify-self: center;\n}\n\n.arkme-update-ready-action {\n  color: #fff;\n  cursor: pointer;\n  width: auto;\n  height: 32px;\n  font: inherit;\n  white-space: nowrap;\n  background: #242731;\n  border: 0;\n  border-radius: 10px;\n  padding: 0 11px;\n  font-size: 10px;\n  font-weight: 550;\n}\n\n.arkme-update-ready-action:hover {\n  background: #151821;\n}\n\n.arkme-update-ready-action:disabled {\n  opacity: .65;\n  cursor: wait;\n}\n\n.arkme-update-ready-action:focus-visible {\n  outline-offset: 2px;\n  outline: 2px solid #6779b5;\n}\n\n.arkme-update-capsule-close {\n  color: #8a8e97;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  display: grid;\n}\n\n.arkme-update-capsule-close:hover {\n  color: #343841;\n  background: #f0f1f3;\n}\n\n@keyframes arkme-update-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes arkme-update-popover-in {\n  from {\n    opacity: 0;\n    transform: translate(-8px, 3px) scale(.985);\n  }\n}\n\n@keyframes arkme-update-capsule-in {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -8px) scale(.98);\n  }\n}\n\n@keyframes arkme-update-indeterminate {\n  from {\n    transform: translateX(-100%);\n  }\n\n  to {\n    transform: translateX(300%);\n  }\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\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-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@media (width >= 1100px) {\n  [data-slot=\"root\"] > div[data-details-collapsed=\"true\"]:has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-directory-visible=\"true\"]) {\n    grid-template-columns: var(--arkme-persistent-sidebar-width, 356px) minmax(0, 1fr) 0 !important;\n  }\n\n  [data-slot=\"root\"] > div[data-details-collapsed=\"true\"]:has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-directory-visible=\"false\"]) {\n    grid-template-columns: 72px minmax(0, 1fr) 0 !important;\n  }\n\n  [data-slot=\"root\"] > div[data-details-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-avatar-only=\"true\"] > :not([role=\"tree\"]) {\n  display: none !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] {\n  padding: 8px 6px 18px !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] > button {\n  justify-content: center !important;\n  gap: 0 !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] > button > :not(:first-child) {\n  display: none !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.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  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-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-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\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] .arkme-update-popover, body[data-ds-dark-theme] .arkme-update-capsule {\n  border-color: var(--dsw-alias-border-l1);\n  background: color-mix(in srgb, var(--dsw-alias-bg-base) 94%, transparent);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-update-popover-heading h2, body[data-ds-dark-theme] .arkme-update-release-notes strong, body[data-ds-dark-theme] .arkme-update-capsule-copy strong {\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-update-popover-heading span, body[data-ds-dark-theme] .arkme-update-popover-summary, body[data-ds-dark-theme] .arkme-update-release-notes small, body[data-ds-dark-theme] .arkme-update-capsule-copy small {\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-update-release-notes, body[data-ds-dark-theme] .arkme-update-release-notes > div + div {\n  border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-update-later, body[data-ds-dark-theme] .arkme-update-progress, body[data-ds-dark-theme] .arkme-update-rail:not(.is-available) {\n  background: var(--dsw-alias-fill-l1);\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-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  .arkme-update-rail.is-downloading svg, .arkme-update-popover, .arkme-update-capsule, .arkme-update-progress.is-indeterminate span {\n    animation: none;\n  }\n\n  .arkme-update-rail, .arkme-update-progress span {\n    transition: 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  overflow-wrap: anywhere;\n  padding: 8px 6px 18px;\n  overflow-y: auto;\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-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-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-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-contact-world-card, .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  background: var(--dsw-alias-bg-base, #fff);\n  grid-template-rows: auto minmax(0, 1fr);\n  height: 100%;\n  min-height: 0;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-profile {\n  border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  padding: 32px clamp(24px, 5vw, 56px);\n}\n\n.arkme-contact-profile-main {\n  grid-template-columns: 72px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 18px;\n  width: min(100%, 760px);\n  margin: 0 auto;\n  display: grid;\n}\n\n.arkme-contact-profile-avatar {\n  border-radius: 50%;\n  place-items: center;\n  width: 72px;\n  height: 72px;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-profile-identity {\n  gap: 8px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-contact-profile-name {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin: 0;\n  font-size: 20px;\n  font-weight: 650;\n  line-height: 28px;\n  display: block;\n  overflow: hidden;\n}\n\n.arkme-contact-profile-fields {\n  gap: 4px;\n  margin: 0;\n  display: grid;\n}\n\n.arkme-contact-profile-fields > div {\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  gap: 4px;\n  font-size: 12px;\n  line-height: 18px;\n  display: flex;\n}\n\n.arkme-contact-profile-fields dt, .arkme-contact-profile-fields dd {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin: 0;\n  overflow: hidden;\n}\n\n.arkme-contact-profile-fields dt {\n  flex: none;\n}\n\n[data-arkme-workspace] .arkme-contact-profile-message {\n  background: var(--dsw-alias-button-primary-fill, #5667cc);\n  cursor: pointer;\n  border-radius: 10px;\n  min-height: 36px;\n  padding: 0 16px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary-inverted, #fff) !important;\n}\n\n.arkme-contact-profile-message:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-contact-profile-error, .arkme-contact-profile-message-error {\n  max-width: 760px;\n  color: var(--dsw-alias-state-error-primary, #b42318);\n  overflow-wrap: anywhere;\n  margin: 0 auto;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-contact-profile-error {\n  background: var(--dsw-alias-state-error-tertiary, #fff1f0);\n  border-radius: 10px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 14px;\n  display: flex;\n}\n\n.arkme-contact-profile-status {\n  max-width: 760px;\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  margin: 0 auto;\n  padding: 24px 0;\n  font-size: 12px;\n}\n\n.arkme-contact-world {\n  min-height: 0;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-detail > .arkme-contact-world {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-subtle, #f7f7f8);\n  padding: 22px clamp(20px, 4vw, 52px) 28px;\n}\n\n.arkme-contact-world-container {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border-radius: 18px;\n  flex-direction: column;\n  width: min(100%, 980px);\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  margin: 0 auto;\n  display: flex;\n  overflow-y: auto;\n  box-shadow: 0 16px 48px #161b230f;\n}\n\n.arkme-contact-world-title {\n  box-sizing: border-box;\n  width: min(100%, 760px);\n  margin: 0 auto;\n  padding: 22px 28px 10px;\n  font-size: 15px;\n  font-weight: 650;\n  line-height: 22px;\n}\n\n.arkme-contact-world-list {\n  box-sizing: border-box;\n  align-content: start;\n  gap: 30px;\n  width: min(100%, 760px);\n  min-height: 0;\n  margin: 0 auto;\n  padding: 28px 28px 42px;\n  display: grid;\n}\n\n.arkme-contact-world-year {\n  gap: 24px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-contact-world-year > h2 {\n  letter-spacing: -.04em;\n  margin: 0;\n  font-size: 28px;\n  font-weight: 750;\n  line-height: 36px;\n}\n\n.arkme-contact-world-entry {\n  gap: 8px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-contact-world-diary {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.arkme-contact-world-entry > .arkme-contact-world-time {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  line-height: 16px;\n  display: flex;\n}\n\n.arkme-contact-world-entry > .arkme-contact-world-time span {\n  font-size: 17px;\n  line-height: 10px;\n}\n\n.arkme-contact-world-card {\n  border: 1px dashed var(--dsw-alias-border-l2, #d9dce2);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border-radius: 14px;\n  gap: 10px;\n  padding: 15px 16px;\n  display: grid;\n}\n\n.arkme-contact-world-card-header {\n  grid-template-columns: 36px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 9px;\n  display: grid;\n}\n\n.arkme-contact-world-author {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  font-size: 13px;\n  font-weight: 600;\n  overflow: hidden;\n}\n\n.arkme-contact-world-time {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  flex: none;\n  font-size: 11px;\n}\n\n.arkme-contact-world-headline {\n  margin: 2px 0 0;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.arkme-contact-world-text {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.arkme-contact-world-images {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 6px;\n  width: 100%;\n  min-width: 0;\n  max-width: 620px;\n  display: grid;\n}\n\n.arkme-contact-world-image {\n  aspect-ratio: 1;\n  object-fit: cover;\n  border-radius: 11px;\n  width: 100%;\n  display: block;\n}\n\n.arkme-contact-world-image-error, .arkme-contact-world-image-loading {\n  aspect-ratio: 1;\n  background: var(--dsw-alias-bg-layer-2, var(--arkme-soft));\n  width: 100%;\n  min-width: 0;\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  border-radius: 11px;\n  place-items: center;\n  display: grid;\n}\n\n.arkme-contact-world-tags {\n  flex-wrap: wrap;\n  gap: 6px;\n  display: flex;\n}\n\n.arkme-contact-world-tag {\n  background: var(--dsw-alias-bg-layer-2, var(--arkme-soft));\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  border-radius: 999px;\n  padding: 2px 7px;\n  font-size: 11px;\n}\n\n.arkme-contact-world-empty {\n  box-sizing: border-box;\n  text-align: center;\n  flex: 1;\n  place-content: center;\n  justify-items: center;\n  min-height: 240px;\n  padding: 36px 20px;\n  display: grid;\n}\n\n.arkme-contact-world-empty img {\n  width: 140px;\n  height: 100px;\n  display: block;\n}\n\n.arkme-contact-world-empty p {\n  color: var(--dsw-alias-label-secondary, #858992);\n  margin: 16px 0 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.arkme-contact-world-error, .arkme-contact-world-status {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  text-align: center;\n  place-self: center;\n  padding: 28px 20px;\n  font-size: 12px;\n}\n\n.arkme-contact-world-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n}\n\n.arkme-contact-world-load-more {\n  cursor: pointer;\n  background: none;\n  border-radius: 9px;\n  place-self: center;\n  min-height: 34px;\n  padding: 0 12px;\n  color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n}\n\n.arkme-contact-world-load-more-status, .arkme-contact-world-load-more-error {\n  min-height: 20px;\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  text-align: center;\n  padding: 8px 16px;\n  font-size: 11px;\n}\n\n.arkme-contact-world-load-more-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n}\n\n.arkme-contact-world-page-empty {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  text-align: center;\n  align-self: center;\n  padding: 28px 20px;\n  font-size: 12px;\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, 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-contact-world-card, 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-contact-detail > .arkme-contact-world {\n  background: var(--dsw-alias-bg-subtle);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-world-container {\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, body[data-ds-dark-theme] .arkme-contact-world-load-more-error {\n  color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-profile-message {\n  background: var(--dsw-alias-button-primary-fill);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-more, body[data-ds-dark-theme] .arkme-contact-world-load-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-profile {\n    padding: 26px 20px;\n  }\n\n  .arkme-contact-profile-main {\n    grid-template-columns: 56px minmax(0, 1fr) auto;\n    gap: 12px;\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-contact-world-title {\n    padding-left: 20px;\n    padding-right: 20px;\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\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-world-extension-activity:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #2631480f) !important;\n}\n\n.arkme-world-extension-activity:active {\n  background: var(--dsw-alias-interactive-bg-active, #2631481a) !important;\n}\n\n.arkme-world-extension-activity:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n  outline-offset: 2px;\n}\n\n@media (width <= 680px) {\n  .arkme-world-extension-activity {\n    grid-template-columns: 48px minmax(0, 1fr) !important;\n    gap: 11px !important;\n    padding: 13px !important;\n  }\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:has( > .arkme-update-rail-slot) {\n  border-top-width: 1px;\n  padding-top: 10px;\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-update-rail-slot {\n  width: 52px;\n  height: 30px;\n  position: relative;\n}\n\nbutton.arkme-update-rail {\n  color: #53648e;\n  cursor: pointer;\n  width: 52px;\n  min-height: 28px;\n  font: inherit;\n  background: #f1f3fa;\n  border: 0;\n  border-radius: 999px;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  padding: 0 7px;\n  transition: transform .16s, background .16s, color .16s, box-shadow .16s;\n  display: flex;\n  box-shadow: inset 0 0 0 1px #5b70ab17;\n}\n\nbutton.arkme-update-rail:hover, button.arkme-update-rail.is-active {\n  transform: translateY(-1px);\n  color: #34476f !important;\n  background: #e9edf8 !important;\n}\n\nbutton.arkme-update-rail.is-available {\n  color: #fff !important;\n  background: #f0524f !important;\n  box-shadow: 0 5px 12px #e03c3933, inset 0 0 0 1px #b2232014 !important;\n}\n\nbutton.arkme-update-rail.is-available:hover, button.arkme-update-rail.is-available.is-active {\n  color: #fff !important;\n  background: #df4542 !important;\n  box-shadow: 0 7px 16px #d736333d, inset 0 0 0 1px #961a181a !important;\n}\n\nbutton.arkme-update-rail.is-error {\n  color: #b54841 !important;\n  background: #fff0ee !important;\n}\n\n.arkme-update-rail span {\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n  font-size: 9px;\n  font-weight: 550;\n  line-height: 1;\n}\n\n.arkme-update-rail svg {\n  flex: none;\n}\n\n.arkme-update-rail.is-ready {\n  gap: 3px;\n  padding: 0 4px;\n}\n\n.arkme-update-rail.is-ready svg {\n  width: 13px;\n  height: 13px;\n}\n\n.arkme-update-rail.is-downloading svg {\n  animation: 1.6s linear infinite arkme-update-spin;\n}\n\n.arkme-update-popover {\n  z-index: 100000;\n  overflow-wrap: anywhere;\n  box-sizing: border-box;\n  color: #171923;\n  backdrop-filter: blur(20px) saturate(1.12);\n  background: #fffffff7;\n  border: 1px solid #cfd1d7e6;\n  border-radius: 20px;\n  width: 356px;\n  max-width: calc(100vw - 16px);\n  max-height: calc(100vh - 16px);\n  padding: 18px;\n  animation: .2s cubic-bezier(.2, .8, .2, 1) arkme-update-popover-in;\n  position: fixed;\n  bottom: 14px;\n  left: 68px;\n  overflow-y: auto;\n  box-shadow: 0 24px 58px #1b1e2629, 0 3px 10px #1b1e260e;\n}\n\n.arkme-update-popover-heading {\n  grid-template-columns: minmax(0, 1fr) 28px;\n  align-items: center;\n  gap: 12px;\n  display: grid;\n}\n\n.arkme-update-popover-heading > div {\n  gap: 4px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-update-popover-heading span {\n  color: #92959d;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 10px;\n  font-weight: 500;\n  overflow: hidden;\n}\n\n.arkme-update-popover-heading h2 {\n  color: #242731;\n  letter-spacing: -.025em;\n  margin: 0;\n  font-size: 17px;\n  font-weight: 600;\n}\n\n.arkme-update-popover-heading > button {\n  color: #93969e;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  display: grid;\n}\n\n.arkme-update-popover-heading > button:hover {\n  color: #3d414a;\n  background: #f1f2f4;\n}\n\n.arkme-update-popover-summary {\n  color: #7d818a;\n  margin: 13px 0 0;\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n.arkme-update-release-notes {\n  border-top: 1px solid #ececef;\n  border-bottom: 1px solid #ececef;\n  margin-top: 14px;\n  padding: 5px 0;\n}\n\n.arkme-update-release-notes > div {\n  grid-template-columns: 28px minmax(0, 1fr);\n  align-items: center;\n  gap: 10px;\n  min-height: 51px;\n  display: grid;\n}\n\n.arkme-update-release-notes > div + div {\n  border-top: 1px solid #f0f0f2;\n}\n\n.arkme-update-release-notes > div > span {\n  color: #a3a6ad;\n  font-variant-numeric: tabular-nums;\n  font-size: 9px;\n}\n\n.arkme-update-release-notes p {\n  gap: 4px;\n  margin: 0;\n  display: grid;\n}\n\n.arkme-update-release-notes strong {\n  color: #3b3f48;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.arkme-update-release-notes small {\n  color: #92959d;\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n.arkme-update-message {\n  color: #747983;\n  margin: 12px 0 0;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.arkme-update-message.is-error {\n  color: #b54841;\n}\n\n.arkme-update-popover-actions {\n  grid-template-columns: 1fr 1.45fr;\n  gap: 9px;\n  margin-top: 16px;\n  display: grid;\n}\n\n.arkme-update-popover-actions button {\n  cursor: pointer;\n  height: 42px;\n  font: inherit;\n  border-radius: 12px;\n  padding: 0;\n  font-size: 12px;\n  font-weight: 500;\n  transition: transform .16s, background .16s, box-shadow .16s;\n  border: 0 !important;\n}\n\n.arkme-update-popover-actions button:hover {\n  transform: translateY(-1px);\n}\n\n.arkme-update-popover-actions .arkme-update-later {\n  color: #666a73 !important;\n  background: #f2f2f4 !important;\n}\n\n.arkme-update-popover-actions .arkme-update-later:hover {\n  background: #ececef !important;\n}\n\n.arkme-update-popover-actions .arkme-update-now {\n  color: #fff !important;\n  background: #1c1f28 !important;\n  box-shadow: 0 7px 18px #181b2324 !important;\n}\n\n.arkme-update-popover-actions .arkme-update-now:hover {\n  background: #11131b !important;\n  box-shadow: 0 9px 22px #181b232e !important;\n}\n\n.arkme-update-now:disabled {\n  opacity: .46;\n  cursor: default;\n  transform: none;\n}\n\n.arkme-update-capsule {\n  z-index: 10030;\n  box-sizing: border-box;\n  color: #171923;\n  backdrop-filter: blur(20px) saturate(1.2);\n  background: #ffffffed;\n  border: 1px solid #cdd0d8d6;\n  border-radius: 18px;\n  grid-template-columns: minmax(0, 1fr) 28px;\n  align-items: center;\n  gap: 10px;\n  width: 326px;\n  max-width: calc(100vw - 16px);\n  min-height: 52px;\n  padding: 9px 9px 9px 14px;\n  animation: .22s cubic-bezier(.2, .8, .2, 1) arkme-update-capsule-in;\n  display: grid;\n  position: fixed;\n  top: 18px;\n  left: 50%;\n  transform: translateX(-50%);\n  box-shadow: 0 16px 40px #1c1f2724, 0 2px 8px #1c1f270f;\n}\n\n.arkme-native-desktop .arkme-update-capsule {\n  top: 62px;\n}\n\n.arkme-update-capsule-copy {\n  gap: 3px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-update-capsule-copy strong {\n  color: #333741;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 11px;\n  font-weight: 600;\n  overflow: hidden;\n}\n\n.arkme-update-capsule-copy small {\n  color: #93969e;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: 9px;\n  overflow: hidden;\n}\n\n.arkme-update-progress {\n  background: #eceef3;\n  border-radius: 999px;\n  height: 4px;\n  overflow: hidden;\n}\n\n.arkme-update-progress span {\n  border-radius: inherit;\n  background: #6779b5;\n  height: 100%;\n  transition: width .65s cubic-bezier(.2, .7, .25, 1);\n  display: block;\n}\n\n.arkme-update-progress.is-indeterminate span {\n  width: 34%;\n  animation: 1.25s ease-in-out infinite arkme-update-indeterminate;\n}\n\n.arkme-update-capsule > b {\n  color: #656a75;\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n  font-size: 10px;\n  font-weight: 500;\n}\n\n.arkme-update-capsule[data-layout=\"progress\"] {\n  grid-template-columns: minmax(0, 1fr) minmax(40px, .8fr) 34px 28px;\n}\n\n.arkme-update-capsule[data-layout=\"action\"] {\n  grid-template-columns: minmax(0, 1fr) auto 28px;\n  width: 306px;\n}\n\n.arkme-update-capsule[data-layout=\"action\"] .arkme-update-capsule-copy small {\n  -webkit-line-clamp: 3;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  -webkit-box-orient: vertical;\n  font-size: 11px;\n  line-height: 1.45;\n  display: -webkit-box;\n}\n\n.arkme-update-capsule[data-layout=\"restarting\"] {\n  grid-template-columns: minmax(0, 1fr);\n  width: 218px;\n  padding-right: 14px;\n}\n\n.arkme-update-capsule.is-restarting .arkme-update-capsule-copy {\n  text-align: center;\n  justify-self: center;\n}\n\n.arkme-update-ready-action {\n  color: #fff;\n  cursor: pointer;\n  width: auto;\n  height: 32px;\n  font: inherit;\n  white-space: nowrap;\n  background: #242731;\n  border: 0;\n  border-radius: 10px;\n  padding: 0 11px;\n  font-size: 10px;\n  font-weight: 550;\n}\n\n.arkme-update-ready-action:hover {\n  background: #151821;\n}\n\n.arkme-update-ready-action:disabled {\n  opacity: .65;\n  cursor: wait;\n}\n\n.arkme-update-ready-action:focus-visible {\n  outline-offset: 2px;\n  outline: 2px solid #6779b5;\n}\n\n.arkme-update-capsule-close {\n  color: #8a8e97;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 9px;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  display: grid;\n}\n\n.arkme-update-capsule-close:hover {\n  color: #343841;\n  background: #f0f1f3;\n}\n\n@keyframes arkme-update-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes arkme-update-popover-in {\n  from {\n    opacity: 0;\n    transform: translate(-8px, 3px) scale(.985);\n  }\n}\n\n@keyframes arkme-update-capsule-in {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -8px) scale(.98);\n  }\n}\n\n@keyframes arkme-update-indeterminate {\n  from {\n    transform: translateX(-100%);\n  }\n\n  to {\n    transform: translateX(300%);\n  }\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\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-redesign-route-chats .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"] {\n  box-shadow: none !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"][data-arkme-composer-focused=\"true\"] {\n  background: color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 97%, #000) !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[data-details-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[data-details-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[data-details-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[data-details-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[data-details-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: 64px !important;\n}\n\n[data-arkme-avatar-only=\"true\"] > :not([role=\"tree\"]) {\n  display: none !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] {\n  padding: 8px 6px 18px !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] > button {\n  justify-content: center !important;\n  gap: 0 !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] > button > :not(:first-child) {\n  display: none !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] > button > span:first-child:has( > span:nth-child(2)) {\n  justify-content: center !important;\n  gap: 0 !important;\n  width: auto !important;\n  min-width: 38px !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] > button > span:first-child > span:nth-child(2) {\n  display: contents !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] > button > span:first-child > span:nth-child(2) > span:first-child {\n  display: none !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] > button > span:first-child > span:nth-child(2) > span:last-child {\n  display: contents !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] > button > span:first-child > span:nth-child(2) > span:last-child > :not([style*=\"min-width: 17px\"]) {\n  display: none !important;\n}\n\n[data-arkme-avatar-only=\"true\"] [role=\"tree\"] > button > span:first-child > span:nth-child(2) > span:last-child > [style*=\"min-width: 17px\"] {\n  top: 3px;\n  right: 3px;\n  position: absolute !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.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  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-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-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\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] .arkme-update-popover, body[data-ds-dark-theme] .arkme-update-capsule {\n  border-color: var(--dsw-alias-border-l1);\n  background: color-mix(in srgb, var(--dsw-alias-bg-base) 94%, transparent);\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-update-popover-heading h2, body[data-ds-dark-theme] .arkme-update-release-notes strong, body[data-ds-dark-theme] .arkme-update-capsule-copy strong {\n  color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-update-popover-heading span, body[data-ds-dark-theme] .arkme-update-popover-summary, body[data-ds-dark-theme] .arkme-update-release-notes small, body[data-ds-dark-theme] .arkme-update-capsule-copy small {\n  color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-update-release-notes, body[data-ds-dark-theme] .arkme-update-release-notes > div + div {\n  border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-update-later, body[data-ds-dark-theme] .arkme-update-progress, body[data-ds-dark-theme] .arkme-update-rail:not(.is-available) {\n  background: var(--dsw-alias-fill-l1);\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-redesign-route-chats .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"] {\n  box-shadow: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"][data-arkme-composer-focused=\"true\"] {\n  background: color-mix(in srgb, var(--dsw-alias-bg-base, #fff) 97%, #000) !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  .arkme-update-rail.is-downloading svg, .arkme-update-popover, .arkme-update-capsule, .arkme-update-progress.is-indeterminate span {\n    animation: none;\n  }\n\n  .arkme-update-rail, .arkme-update-progress span {\n    transition: 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  overflow-wrap: anywhere;\n  padding: 8px 6px 18px;\n  overflow-y: auto;\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-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-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-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-contact-world-card, .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  background: var(--dsw-alias-bg-base, #fff);\n  grid-template-rows: auto minmax(0, 1fr);\n  height: 100%;\n  min-height: 0;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-profile {\n  border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n  padding: 32px clamp(24px, 5vw, 56px);\n}\n\n.arkme-contact-profile-main {\n  grid-template-columns: 72px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 18px;\n  width: min(100%, 760px);\n  margin: 0 auto;\n  display: grid;\n}\n\n.arkme-contact-profile-avatar {\n  border-radius: 50%;\n  place-items: center;\n  width: 72px;\n  height: 72px;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-profile-identity {\n  gap: 8px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-contact-profile-name {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin: 0;\n  font-size: 20px;\n  font-weight: 650;\n  line-height: 28px;\n  display: block;\n  overflow: hidden;\n}\n\n.arkme-contact-profile-fields {\n  gap: 4px;\n  margin: 0;\n  display: grid;\n}\n\n.arkme-contact-profile-fields > div {\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary, #68707c);\n  gap: 4px;\n  font-size: 12px;\n  line-height: 18px;\n  display: flex;\n}\n\n.arkme-contact-profile-fields dt, .arkme-contact-profile-fields dd {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin: 0;\n  overflow: hidden;\n}\n\n.arkme-contact-profile-fields dt {\n  flex: none;\n}\n\n[data-arkme-workspace] .arkme-contact-profile-message {\n  background: var(--dsw-alias-button-primary-fill, #5667cc);\n  cursor: pointer;\n  border-radius: 10px;\n  min-height: 36px;\n  padding: 0 16px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary-inverted, #fff) !important;\n}\n\n.arkme-contact-profile-message:disabled {\n  opacity: .55;\n  cursor: default;\n}\n\n.arkme-contact-profile-error, .arkme-contact-profile-message-error {\n  max-width: 760px;\n  color: var(--dsw-alias-state-error-primary, #b42318);\n  overflow-wrap: anywhere;\n  margin: 0 auto;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.arkme-contact-profile-error {\n  background: var(--dsw-alias-state-error-tertiary, #fff1f0);\n  border-radius: 10px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 14px;\n  display: flex;\n}\n\n.arkme-contact-profile-status {\n  max-width: 760px;\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  margin: 0 auto;\n  padding: 24px 0;\n  font-size: 12px;\n}\n\n.arkme-contact-world {\n  min-height: 0;\n  display: grid;\n  overflow: hidden;\n}\n\n.arkme-contact-detail > .arkme-contact-world {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-subtle, #f7f7f8);\n  padding: 22px clamp(20px, 4vw, 52px) 28px;\n}\n\n.arkme-contact-world-container {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border-radius: 18px;\n  flex-direction: column;\n  width: min(100%, 980px);\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  margin: 0 auto;\n  display: flex;\n  overflow-y: auto;\n  box-shadow: 0 16px 48px #161b230f;\n}\n\n.arkme-contact-world-title {\n  box-sizing: border-box;\n  width: min(100%, 760px);\n  margin: 0 auto;\n  padding: 22px 28px 10px;\n  font-size: 15px;\n  font-weight: 650;\n  line-height: 22px;\n}\n\n.arkme-contact-world-list {\n  box-sizing: border-box;\n  align-content: start;\n  gap: 30px;\n  width: min(100%, 760px);\n  min-height: 0;\n  margin: 0 auto;\n  padding: 28px 28px 42px;\n  display: grid;\n}\n\n.arkme-contact-world-year {\n  gap: 24px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-contact-world-year > h2 {\n  letter-spacing: -.04em;\n  margin: 0;\n  font-size: 28px;\n  font-weight: 750;\n  line-height: 36px;\n}\n\n.arkme-contact-world-entry {\n  gap: 8px;\n  min-width: 0;\n  display: grid;\n}\n\n.arkme-contact-world-diary {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.arkme-contact-world-entry > .arkme-contact-world-time {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  line-height: 16px;\n  display: flex;\n}\n\n.arkme-contact-world-entry > .arkme-contact-world-time span {\n  font-size: 17px;\n  line-height: 10px;\n}\n\n.arkme-contact-world-card {\n  border: 1px dashed var(--dsw-alias-border-l2, #d9dce2);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border-radius: 14px;\n  gap: 10px;\n  padding: 15px 16px;\n  display: grid;\n}\n\n.arkme-contact-world-card-header {\n  grid-template-columns: 36px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 9px;\n  display: grid;\n}\n\n.arkme-contact-world-author {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  font-size: 13px;\n  font-weight: 600;\n  overflow: hidden;\n}\n\n.arkme-contact-world-time {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  flex: none;\n  font-size: 11px;\n}\n\n.arkme-contact-world-headline {\n  margin: 2px 0 0;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.arkme-contact-world-text {\n  color: var(--dsw-alias-label-secondary, #68707c);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.arkme-contact-world-images {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 6px;\n  width: 100%;\n  min-width: 0;\n  max-width: 620px;\n  display: grid;\n}\n\n.arkme-contact-world-image {\n  aspect-ratio: 1;\n  object-fit: cover;\n  border-radius: 11px;\n  width: 100%;\n  display: block;\n}\n\n.arkme-contact-world-image-error, .arkme-contact-world-image-loading {\n  aspect-ratio: 1;\n  background: var(--dsw-alias-bg-layer-2, var(--arkme-soft));\n  width: 100%;\n  min-width: 0;\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  border-radius: 11px;\n  place-items: center;\n  display: grid;\n}\n\n.arkme-contact-world-tags {\n  flex-wrap: wrap;\n  gap: 6px;\n  display: flex;\n}\n\n.arkme-contact-world-tag {\n  background: var(--dsw-alias-bg-layer-2, var(--arkme-soft));\n  color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n  border-radius: 999px;\n  padding: 2px 7px;\n  font-size: 11px;\n}\n\n.arkme-contact-world-empty {\n  box-sizing: border-box;\n  text-align: center;\n  flex: 1;\n  place-content: center;\n  justify-items: center;\n  min-height: 240px;\n  padding: 36px 20px;\n  display: grid;\n}\n\n.arkme-contact-world-empty img {\n  width: 140px;\n  height: 100px;\n  display: block;\n}\n\n.arkme-contact-world-empty p {\n  color: var(--dsw-alias-label-secondary, #858992);\n  margin: 16px 0 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.arkme-contact-world-error, .arkme-contact-world-status {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  text-align: center;\n  place-self: center;\n  padding: 28px 20px;\n  font-size: 12px;\n}\n\n.arkme-contact-world-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n}\n\n.arkme-contact-world-load-more {\n  cursor: pointer;\n  background: none;\n  border-radius: 9px;\n  place-self: center;\n  min-height: 34px;\n  padding: 0 12px;\n  color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n}\n\n.arkme-contact-world-load-more-status, .arkme-contact-world-load-more-error {\n  min-height: 20px;\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  text-align: center;\n  padding: 8px 16px;\n  font-size: 11px;\n}\n\n.arkme-contact-world-load-more-error {\n  color: var(--dsw-alias-state-error-primary, #b42318);\n}\n\n.arkme-contact-world-page-empty {\n  color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n  text-align: center;\n  align-self: center;\n  padding: 28px 20px;\n  font-size: 12px;\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, 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-contact-world-card, 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-contact-detail > .arkme-contact-world {\n  background: var(--dsw-alias-bg-subtle);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-world-container {\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, body[data-ds-dark-theme] .arkme-contact-world-load-more-error {\n  color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-profile-message {\n  background: var(--dsw-alias-button-primary-fill);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-more, body[data-ds-dark-theme] .arkme-contact-world-load-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-profile {\n    padding: 26px 20px;\n  }\n\n  .arkme-contact-profile-main {\n    grid-template-columns: 56px minmax(0, 1fr) auto;\n    gap: 12px;\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-contact-world-title {\n    padding-left: 20px;\n    padding-right: 20px;\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\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-world-extension-activity:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #2631480f) !important;\n}\n\n.arkme-world-extension-activity:active {\n  background: var(--dsw-alias-interactive-bg-active, #2631481a) !important;\n}\n\n.arkme-world-extension-activity:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n  outline-offset: 2px;\n}\n\n@media (width <= 680px) {\n  .arkme-world-extension-activity {\n    grid-template-columns: 48px minmax(0, 1fr) !important;\n    gap: 11px !important;\n    padding: 13px !important;\n  }\n}\n";
 		//#endregion
 		//#region src/client/redesign/styles.ts
 		const REDESIGN_STYLE_ID = "@senguoyun/dsh-arkme/redesign";