@senguoyun/dsh-arkme 0.1.37 → 0.1.39

package/lib/client.js

@@ -769,6 +769,16 @@ window.__ModuleLoader__.load({
 					...options.cursor === void 0 ? {} : { cursor: options.cursor }
 				}, options.signal);
 			}
+			async readSourceAround(sourceRef, itemUid, recordOwnerUserId, options = {}) {
+				if (sourceRef.trim() === "" || itemUid.trim() === "" || !Number.isSafeInteger(recordOwnerUserId) || recordOwnerUserId <= 0) throw new TypeError("Arkme timeline around requires a source, record uid, and record owner");
+				return await this.call("source.timeline-around", {
+					sourceRef,
+					itemUid,
+					recordOwnerUserId,
+					...options.beforeLimit === void 0 ? {} : { beforeLimit: options.beforeLimit },
+					...options.afterLimit === void 0 ? {} : { afterLimit: options.afterLimit }
+				}, options.signal);
+			}
 			async messageReadReceiptSummaries(sourceRef, items, signal) {
 				const normalizedSourceRef = sourceRef.trim();
 				if (normalizedSourceRef === "" || items.length < 1 || items.length > 50) throw new TypeError(`Arkme message read receipts require one source and 1-${String(50)} messages`);
@@ -859,6 +869,27 @@ window.__ModuleLoader__.load({
 					recordUid: options.recordUid ?? crypto.randomUUID()
 				}, options.signal);
 			}
+			async sourceMessageExtensionContext(sourceRef, messageActionRef, signal) {
+				if (sourceRef.trim() === "" || messageActionRef.trim() === "") throw new TypeError("Arkme source message extension requires a source and action reference");
+				return await this.call("source.message-extension.context", {
+					sourceRef,
+					messageActionRef
+				}, signal);
+			}
+			async extendSourceMessage(sourceRef, messageActionRef, textContent, options = {}) {
+				const fileRefs = [...new Set((options.fileRefs ?? []).map((value) => value.trim()).filter((value) => value !== ""))];
+				if (sourceRef.trim() === "" || messageActionRef.trim() === "" || textContent.trim() === "" && fileRefs.length === 0) throw new TypeError("Arkme source message extension requires a target and text or attachments");
+				if (fileRefs.length > 9) throw new TypeError("Arkme source message extension accepts at most 9 attachments");
+				return await this.call("source.message-extension.extend", {
+					sourceRef,
+					messageActionRef,
+					textContent,
+					recordUid: options.recordUid ?? crypto.randomUUID(),
+					relationUid: options.relationUid ?? crypto.randomUUID(),
+					...options.parentRecordUid?.trim() ? { parentRecordUid: options.parentRecordUid.trim() } : {},
+					fileRefs
+				}, options.signal);
+			}
 			async resolveLinkMetadata(url, signal) {
 				const normalizedUrl = url.trim();
 				if (normalizedUrl === "" || normalizedUrl.length > 2048) throw new TypeError("Arkme link metadata URL must not be empty");
@@ -2074,9 +2105,13 @@ window.__ModuleLoader__.load({
 			isRestored(key) {
 				return key !== void 0 && this.restoredKeys.has(key);
 			}
-			beginFileSend(key) {
+			beginFileSend(key, submissionScope = "file-send") {
 				const draft = this.get(key);
-				const fingerprint = JSON.stringify([serializeArkmeComposerDraft(draft), draft.attachments.map(arkmeAttachmentId)]);
+				const fingerprint = JSON.stringify([
+					submissionScope,
+					serializeArkmeComposerDraft(draft),
+					draft.attachments.map(arkmeAttachmentId)
+				]);
 				const current = draft.fileSendIdentity;
 				const uuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
 				if (current?.fingerprint === fingerprint && uuid.test(current.recordUid) && uuid.test(current.relationUid)) return current;
@@ -5117,7 +5152,7 @@ window.__ModuleLoader__.load({
 		qrcode.stringToBytes;
 		//#endregion
 		//#region package.json
-		var version = "0.1.37";
+		var version = "0.1.39";
 		//#endregion
 		//#region src/client/arkme-billing.ts
 		function createBillingClientRequestId(source = globalThis.crypto) {
@@ -6056,6 +6091,7 @@ window.__ModuleLoader__.load({
 			messageOther: "var(--arkme-chat-other-bubble, var(--dsw-specific-bubble, var(--dsw-alias-bg-layer-2, #f3f4f6)))",
 			memberRecordOther: "var(--arkme-member-record-other-bubble, var(--dsw-specific-bubble-highlight, var(--dsw-alias-bg-layer-3, #e1e5ee)))",
 			subtle: "var(--dsw-alias-bg-module-platform, var(--dsw-alias-bg-layer-1, #f5f6f8))",
+			extensionSource: "var(--dsw-alias-fill-secondary, var(--dsw-alias-bg-module-platform, #f2f2f2))",
 			elevated: "var(--dsw-alias-button-elevated-fill, var(--dsw-alias-bg-layer-2, #ffffff))",
 			primaryAction: "var(--dsw-alias-button-primary-fill, #17191c)",
 			onPrimaryAction: "var(--dsw-alias-label-primary-inverted, #ffffff)",
@@ -8805,7 +8841,7 @@ window.__ModuleLoader__.load({
 					selectedBot: bot
 				});
 			}
-			showConversationTarget(source, itemUid, sendAtMillis) {
+			showConversationTarget(source, itemUid, sendAtMillis, recordOwnerUserId) {
 				this.leaveContacts();
 				const normalizedItemUid = itemUid.trim();
 				if (normalizedItemUid === "") throw new TypeError("会话消息定位标识不能为空");
@@ -8821,7 +8857,8 @@ window.__ModuleLoader__.load({
 					conversationTarget: {
 						revision: ++this.conversationTargetRevision,
 						itemUid: normalizedItemUid,
-						sendAtMillis: Number.isFinite(sendAtMillis) ? sendAtMillis : 0
+						sendAtMillis: Number.isFinite(sendAtMillis) ? sendAtMillis : 0,
+						...recordOwnerUserId !== void 0 && Number.isSafeInteger(recordOwnerUserId) && recordOwnerUserId > 0 ? { recordOwnerUserId } : {}
 					}
 				});
 			}
@@ -8831,7 +8868,7 @@ window.__ModuleLoader__.load({
 				this.publish(rest);
 			}
 			publish(next) {
-				const sameView = next.authRevision === this.state.authRevision && next.mode === this.state.mode && next.productMode === this.state.productMode && next.calendarOpen === this.state.calendarOpen && next.notificationActivationRevision === this.state.notificationActivationRevision && next.conversationTarget?.revision === this.state.conversationTarget?.revision && next.conversationTarget?.itemUid === this.state.conversationTarget?.itemUid && next.conversationTarget?.sendAtMillis === this.state.conversationTarget?.sendAtMillis && next.recordingTarget?.dateStamp === this.state.recordingTarget?.dateStamp && next.recordingTarget?.startAtMillis === this.state.recordingTarget?.startAtMillis && next.extensionShareRef === this.state.extensionShareRef && next.extensionShareAction === this.state.extensionShareAction && next.extensionDetailId === this.state.extensionDetailId && next.extensionAuthorFilter?.ownerUserId === this.state.extensionAuthorFilter?.ownerUserId && next.extensionAuthorFilter?.ownerName === this.state.extensionAuthorFilter?.ownerName && next.webLoginDialogOpen === this.state.webLoginDialogOpen && sameWorldTarget(next.worldTarget, this.state.worldTarget) && sameSelectedSource(next.selectedSource, this.state.selectedSource) && sameBot(next.selectedBot, this.state.selectedBot);
+				const sameView = next.authRevision === this.state.authRevision && next.mode === this.state.mode && next.productMode === this.state.productMode && next.calendarOpen === this.state.calendarOpen && next.notificationActivationRevision === this.state.notificationActivationRevision && next.conversationTarget?.revision === this.state.conversationTarget?.revision && next.conversationTarget?.itemUid === this.state.conversationTarget?.itemUid && next.conversationTarget?.sendAtMillis === this.state.conversationTarget?.sendAtMillis && next.conversationTarget?.recordOwnerUserId === this.state.conversationTarget?.recordOwnerUserId && next.recordingTarget?.dateStamp === this.state.recordingTarget?.dateStamp && next.recordingTarget?.startAtMillis === this.state.recordingTarget?.startAtMillis && next.extensionShareRef === this.state.extensionShareRef && next.extensionShareAction === this.state.extensionShareAction && next.extensionDetailId === this.state.extensionDetailId && next.extensionAuthorFilter?.ownerUserId === this.state.extensionAuthorFilter?.ownerUserId && next.extensionAuthorFilter?.ownerName === this.state.extensionAuthorFilter?.ownerName && next.webLoginDialogOpen === this.state.webLoginDialogOpen && sameWorldTarget(next.worldTarget, this.state.worldTarget) && sameSelectedSource(next.selectedSource, this.state.selectedSource) && sameBot(next.selectedBot, this.state.selectedBot);
 				if (sameView && next.chatRevision === this.state.chatRevision && next.recordRevision === this.state.recordRevision) return;
 				this.state = next;
 				if (!sameView) this.viewState = viewStateOf(next);
@@ -35083,7 +35120,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				height
 			};
 		}
-		function ArkmeMediaPreview({ blocks, selected, onSelect, onClose, openLocalFile = true, forceDownload = false }) {
+		function ArkmeMediaPreview({ blocks, selected, onSelect, onClose, previewUrl, openLocalFile = true, forceDownload = false }) {
 			const index = Math.max(0, blocks.findIndex((block) => block.mediaRef === selected.mediaRef));
 			const viewportRef = (0, react.useRef)(null);
 			const dragOriginRef = (0, react.useRef)(void 0);
@@ -35091,7 +35128,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			const [imageMode, setImageMode] = (0, react.useState)("contained");
 			const [imageDragging, setImageDragging] = (0, react.useState)(false);
 			const original = useArkmeOriginal(selected, selected.kind === "image");
-			const originalUrl = original.localRef === void 0 ? mediaUrl$1(selected) : arkmeLocalFileUrl(original.localRef);
+			const originalUrl = previewUrl ?? (original.localRef === void 0 ? mediaUrl$1(selected) : arkmeLocalFileUrl(original.localRef));
 			(0, react.useEffect)(() => {
 				setImageMode("contained");
 				setImageDragging(false);
@@ -35596,9 +35633,11 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			] });
 		}
 		function ArkmeAttachmentDraftTile({ asset, previewUrl, onRemove, onOpen, disabled = false }) {
-			const visualPreview = previewUrl !== void 0 && (asset.fileKind === 1 || asset.fileKind === 3);
+			const [failedPreviewUrl, setFailedPreviewUrl] = (0, react.useState)();
+			const visualPreview = previewUrl !== void 0 && failedPreviewUrl !== previewUrl && (asset.fileKind === 1 || asset.fileKind === 3);
+			const imagePreviewFailed = asset.fileKind === 1 && previewUrl !== void 0 && failedPreviewUrl === previewUrl;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				"data-arkme-attachment-tile": visualPreview ? asset.fileKind === 1 ? "image-preview" : "video-preview" : "file-icon",
+				"data-arkme-attachment-tile": visualPreview ? asset.fileKind === 1 ? "image-preview" : "video-preview" : imagePreviewFailed ? "image-error" : "file-icon",
 				title: asset.fileName,
 				"aria-label": `附件 ${asset.fileName}`,
 				style: {
@@ -35616,7 +35655,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					type: "button",
 					"aria-label": `预览 ${asset.fileName}`,
 					onClick: onOpen,
-					disabled: onOpen === void 0,
+					disabled: onOpen === void 0 || imagePreviewFailed,
 					style: {
 						border: 0,
 						padding: 0,
@@ -35625,11 +35664,14 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 						display: "grid",
 						placeItems: "center",
 						background: "transparent",
-						cursor: "pointer"
+						cursor: imagePreviewFailed ? "default" : "pointer"
 					},
 					children: visualPreview && asset.fileKind === 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 						src: previewUrl,
 						alt: asset.fileName,
+						onError: () => {
+							setFailedPreviewUrl(previewUrl);
+						},
 						style: {
 							width: "100%",
 							height: "100%",
@@ -35642,6 +35684,9 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 						playsInline: true,
 						preload: "metadata",
 						"aria-label": asset.fileName,
+						onError: () => {
+							setFailedPreviewUrl(previewUrl);
+						},
 						style: {
 							width: "100%",
 							height: "100%",
@@ -35661,7 +35706,18 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 							textShadow: "0 1px 4px rgba(0,0,0,.55)"
 						},
 						children: "▶"
-					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFileIcon, {
+					})] }) : imagePreviewFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						role: "status",
+						"aria-label": `${asset.fileName} 图片预览失败`,
+						style: {
+							maxWidth: 42,
+							color: "var(--dsw-alias-label-tertiary, #7f8792)",
+							fontSize: 9,
+							lineHeight: "12px",
+							textAlign: "center"
+						},
+						children: "图片预览失败"
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFileIcon, {
 						fileName: asset.fileName,
 						...asset.mimeType === void 0 ? {} : { mimeType: asset.mimeType },
 						size: 32
@@ -60603,6 +60659,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					const id = arkmeAttachmentId(attachment);
 					const metadata = arkmeAttachmentMetadata(attachment);
 					const canMove = !disabled && attachments.length > 1;
+					const previewUrl = attachment.previewUrl ?? (attachment.localFile === void 0 ? void 0 : arkmeLocalFileUrl(attachment.localFile.fileRef));
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						role: "listitem",
 						tabIndex: canMove ? 0 : -1,
@@ -60651,10 +60708,8 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeAttachmentDraftTile, {
 							asset: metadata,
 							disabled,
-							...attachment.localFile === void 0 ? attachment.previewUrl === void 0 ? {} : { previewUrl: attachment.previewUrl } : {
-								previewUrl: arkmeLocalFileUrl(attachment.localFile.fileRef),
-								onOpen: () => onPreview(attachment)
-							},
+							...previewUrl === void 0 ? {} : { previewUrl },
+							...attachment.localFile === void 0 ? {} : { onOpen: () => onPreview(attachment) },
 							onRemove: () => {
 								if (!disabled) onRemove(attachment);
 							}
@@ -87093,7 +87148,20 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 		function arkmeConversationTimelineContentEqual(left, right) {
 			if (left === right) return true;
 			if (left === void 0 || right === void 0) return false;
-			return left.hasMore === right.hasMore && JSON.stringify(left.nextCursor) === JSON.stringify(right.nextCursor) && JSON.stringify(left.items) === JSON.stringify(right.items) && JSON.stringify(left.aiPolishNotices) === JSON.stringify(right.aiPolishNotices) && JSON.stringify(left.aiPolishSettings) === JSON.stringify(right.aiPolishSettings);
+			return (left.mode ?? "latest") === (right.mode ?? "latest") && JSON.stringify(left.aroundSequenceRange) === JSON.stringify(right.aroundSequenceRange) && left.hasMore === right.hasMore && left.newerHasMore === right.newerHasMore && JSON.stringify(left.nextCursor) === JSON.stringify(right.nextCursor) && JSON.stringify(left.newerCursor) === JSON.stringify(right.newerCursor) && JSON.stringify(left.items) === JSON.stringify(right.items) && JSON.stringify(left.aiPolishNotices) === JSON.stringify(right.aiPolishNotices) && JSON.stringify(left.aiPolishSettings) === JSON.stringify(right.aiPolishSettings);
+		}
+		function arkmeConversationTimelineSequenceRange(items, previous) {
+			const sequences = items.flatMap((item) => item.sequence === void 0 ? [] : [item.sequence]);
+			if (sequences.length === 0) return previous;
+			return {
+				minimumSequence: Math.min(previous?.minimumSequence ?? Number.POSITIVE_INFINITY, ...sequences),
+				maximumSequence: Math.max(previous?.maximumSequence ?? Number.NEGATIVE_INFINITY, ...sequences)
+			};
+		}
+		function arkmeConversationTimelineDeltaItems(mode, aroundSequenceRange, currentItems, deltaItems) {
+			if (mode === "latest") return [...deltaItems];
+			const existingIds = new Set(currentItems.map((item) => item.itemUid));
+			return deltaItems.filter((item) => existingIds.has(item.itemUid) || item.sequence !== void 0 && aroundSequenceRange !== void 0 && item.sequence >= aroundSequenceRange.minimumSequence && item.sequence <= aroundSequenceRange.maximumSequence);
 		}
 		function arkmeConversationTimelineExpired(snapshot, nowMillis) {
 			if (snapshot?.fetchedAtMillis === void 0) return true;
@@ -87137,9 +87205,15 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			}
 			storeTimeline(conversationKey, snapshot) {
 				const previous = this.timelines.get(conversationKey);
-				const latestSequence = snapshot.latestSequence === void 0 && previous?.latestSequence === void 0 ? void 0 : Math.max(snapshot.latestSequence ?? 0, previous?.latestSequence ?? 0);
+				const computedLatestSequence = latestTimelineSequence(snapshot.items);
+				const mode = snapshot.mode ?? previous?.mode ?? "latest";
+				const { aroundSequenceRange: snapshotAroundSequenceRange, ...snapshotWithoutAroundSequenceRange } = snapshot;
+				const nextAroundSequenceRange = mode === "around" ? snapshotAroundSequenceRange ?? previous?.aroundSequenceRange : void 0;
+				const latestSequence = snapshot.latestSequence === void 0 && previous?.latestSequence === void 0 && computedLatestSequence === 0 ? void 0 : Math.max(snapshot.latestSequence ?? 0, previous?.latestSequence ?? 0, computedLatestSequence);
 				const next = {
-					...snapshot,
+					...snapshotWithoutAroundSequenceRange,
+					mode,
+					...nextAroundSequenceRange === void 0 ? {} : { aroundSequenceRange: nextAroundSequenceRange },
 					...snapshot.fetchedAtMillis === void 0 && previous?.fetchedAtMillis !== void 0 ? { fetchedAtMillis: previous.fetchedAtMillis } : {},
 					...snapshot.recordRevision === void 0 && previous?.recordRevision !== void 0 ? { recordRevision: previous.recordRevision } : {},
 					...latestSequence === void 0 ? {} : { latestSequence }
@@ -89293,6 +89367,190 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				fontSize: 11,
 				lineHeight: "18px"
 			},
+			extensionFooter: {
+				flex: "none",
+				padding: 0,
+				color: arkmeTheme.tertiary,
+				fontSize: 11,
+				lineHeight: "18px"
+			},
+			extensionComposer: {
+				display: "flex",
+				flexDirection: "column"
+			},
+			extensionAttachmentPreview: { padding: "8px 16px" },
+			extensionInputBar: {
+				padding: "12px 16px",
+				borderTop: "0.5px solid #e6e6e6"
+			},
+			extensionInputWrap: {
+				minHeight: 44,
+				maxHeight: 100,
+				display: "flex",
+				alignItems: "flex-end",
+				gap: 8,
+				padding: "8px 8px 8px 12px",
+				boxSizing: "border-box",
+				border: 0,
+				borderRadius: 12,
+				background: "#f6f6f6"
+			},
+			extensionInput: {
+				flex: 1,
+				minWidth: 0,
+				minHeight: 28,
+				maxHeight: 84,
+				boxSizing: "border-box",
+				fieldSizing: "content",
+				overflowY: "auto",
+				resize: "none",
+				border: 0,
+				outline: 0,
+				padding: "4px 0 3px",
+				background: "transparent",
+				color: arkmeTheme.text,
+				font: "inherit",
+				fontSize: 14,
+				lineHeight: "20px"
+			},
+			extensionTool: {
+				width: 18,
+				height: 28,
+				flex: "none",
+				display: "grid",
+				placeItems: "center",
+				padding: 0,
+				border: 0,
+				borderRadius: 6,
+				background: "transparent",
+				color: arkmeTheme.tertiary,
+				cursor: "pointer"
+			},
+			extensionSend: {
+				width: 28,
+				height: 28,
+				flex: "none",
+				display: "grid",
+				placeItems: "center",
+				padding: 0,
+				border: 0,
+				borderRadius: 999,
+				background: arkmeTheme.text,
+				color: arkmeTheme.base,
+				cursor: "pointer",
+				fontSize: 16
+			},
+			extensionParent: {
+				margin: "12px 0 16px",
+				paddingLeft: 10,
+				borderLeftWidth: 1,
+				borderLeftStyle: "solid",
+				borderLeftColor: arkmeTheme.border,
+				color: arkmeTheme.tertiary,
+				fontSize: 13,
+				lineHeight: "20px",
+				overflow: "hidden"
+			},
+			extensionParentText: {
+				display: "-webkit-box",
+				WebkitBoxOrient: "vertical",
+				WebkitLineClamp: 2,
+				overflow: "hidden",
+				overflowWrap: "anywhere"
+			},
+			extensionContext: { marginTop: 28 },
+			extensionContextTitle: {
+				marginBottom: 18,
+				color: arkmeTheme.secondary,
+				fontSize: 13,
+				lineHeight: "20px",
+				fontWeight: 500
+			},
+			extensionContextList: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 10
+			},
+			extensionContextRow: {
+				display: "flex",
+				alignItems: "flex-start",
+				gap: 10,
+				minWidth: 0,
+				padding: "6px 8px",
+				boxSizing: "border-box",
+				borderRadius: 12,
+				background: "transparent",
+				cursor: "pointer",
+				outline: 0
+			},
+			extensionContextRowSelected: { background: arkmeTheme.subtle },
+			extensionContextBody: {
+				flex: 1,
+				minWidth: 0
+			},
+			extensionContextHead: {
+				display: "flex",
+				alignItems: "baseline",
+				gap: 8,
+				marginBottom: 4
+			},
+			extensionContextName: {
+				flex: 1,
+				minWidth: 0,
+				color: arkmeTheme.secondary,
+				fontSize: 13,
+				lineHeight: "20px",
+				fontWeight: 500,
+				overflowWrap: "anywhere"
+			},
+			extensionContextTime: {
+				flex: "none",
+				color: arkmeTheme.tertiary,
+				fontSize: 11,
+				lineHeight: "18px"
+			},
+			extensionContextMedia: {
+				marginTop: 5,
+				color: arkmeTheme.tertiary,
+				fontSize: 11,
+				lineHeight: "18px",
+				overflowWrap: "anywhere"
+			},
+			extensionContextStatus: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				color: arkmeTheme.tertiary,
+				fontSize: 12,
+				lineHeight: "20px"
+			},
+			extensionContextRetry: {
+				padding: 0,
+				border: 0,
+				background: "transparent",
+				color: arkmeTheme.accent,
+				cursor: "pointer",
+				font: "inherit"
+			},
+			extensionContextAvatarImage: {
+				width: "100%",
+				height: "100%",
+				objectFit: "cover",
+				display: "block"
+			},
+			extensionContextAvatarFallback: {
+				width: 36,
+				height: 36,
+				flex: "none",
+				display: "grid",
+				placeItems: "center",
+				borderRadius: 999,
+				overflow: "hidden",
+				background: arkmeTheme.layer2,
+				color: arkmeTheme.secondary,
+				fontSize: 13,
+				fontWeight: 600
+			},
 			notice: {
 				margin: "12px 0 0",
 				fontSize: 12,
@@ -89403,28 +89661,519 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 						style: styles$9.body,
 						children
 					}),
-					footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
-						style: styles$9.footer,
+					footer !== void 0 && footer !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+						style: typeof footer === "string" ? styles$9.footer : styles$9.extensionFooter,
 						children: footer
 					})
 				]
 			});
 		}
+		function clipboardFiles(data) {
+			const itemFiles = Array.from(data.items).flatMap((item) => {
+				if (item.kind !== "file") return [];
+				const file = item.getAsFile();
+				return file === null ? [] : [file];
+			});
+			return itemFiles.length > 0 ? itemFiles : Array.from(data.files);
+		}
+		async function removeDetailExtensionAttachments(attachments) {
+			for (const attachment of attachments) releaseArkmeComposerAttachment(attachment);
+			const sdk = createArkmeSdk();
+			await Promise.allSettled(attachments.flatMap((attachment) => attachment.localFile === void 0 ? [] : [sdk.removeLocalFile(attachment.localFile.fileRef)]));
+		}
+		function removeDetailExtensionAttachmentsAfter(attachments, pendingSend) {
+			if (attachments.length === 0) return;
+			if (pendingSend === void 0) {
+				removeDetailExtensionAttachments(attachments);
+				return;
+			}
+			pendingSend.catch(() => void 0).then(async () => {
+				await removeDetailExtensionAttachments(attachments);
+			});
+		}
+		function DetailExtensionComposer({ sourceRef, messageActionRef, parentRecordUid, targetKey, onSent, onError }) {
+			const [text, setText] = (0, react.useState)("");
+			const [attachments, setAttachments] = (0, react.useState)([]);
+			const [preparing, setPreparing] = (0, react.useState)(false);
+			const [sending, setSending] = (0, react.useState)(false);
+			const [draftPreview, setDraftPreview] = (0, react.useState)();
+			const fileInputRef = (0, react.useRef)(null);
+			const stageAbortRef = (0, react.useRef)();
+			const sendAbortRef = (0, react.useRef)();
+			const sendPromiseRef = (0, react.useRef)();
+			const generationRef = (0, react.useRef)(0);
+			const attachmentsRef = (0, react.useRef)([]);
+			const submissionRef = (0, react.useRef)();
+			attachmentsRef.current = attachments;
+			(0, react.useEffect)(() => {
+				generationRef.current += 1;
+				stageAbortRef.current?.abort();
+				attachmentsRef.current = [];
+				sendAbortRef.current = void 0;
+				sendPromiseRef.current = void 0;
+				submissionRef.current = void 0;
+				setText("");
+				setAttachments([]);
+				setPreparing(false);
+				setSending(false);
+				setDraftPreview(void 0);
+				return () => {
+					generationRef.current += 1;
+					stageAbortRef.current?.abort();
+					const pending = attachmentsRef.current;
+					const pendingSend = sendPromiseRef.current;
+					attachmentsRef.current = [];
+					sendAbortRef.current?.abort();
+					sendAbortRef.current = void 0;
+					sendPromiseRef.current = void 0;
+					removeDetailExtensionAttachmentsAfter(pending, pendingSend);
+				};
+			}, [targetKey]);
+			const selectFiles = async (files) => {
+				if (files === null || files.length === 0 || preparing || sending) return;
+				const controller = new AbortController();
+				stageAbortRef.current?.abort();
+				stageAbortRef.current = controller;
+				setPreparing(true);
+				const next = [];
+				let appended = false;
+				try {
+					const sdk = createArkmeSdk();
+					const policy = await sdk.fileCapabilities(controller.signal);
+					const selected = Array.from(files);
+					const failures = [];
+					for (const file of selected) {
+						controller.signal.throwIfAborted();
+						if (attachments.length + next.length >= policy.maxAttachments) {
+							failures.push(`最多添加 ${String(policy.maxAttachments)} 个附件：${file.name}`);
+							continue;
+						}
+						const limit = file.type.startsWith("image/") ? policy.maxImageBytes : policy.maxFileBytes;
+						if (file.size <= 0 || file.size > limit) {
+							failures.push(`${file.name} 为空或超过 ${String(Math.floor(limit / 1024 / 1024))} MiB`);
+							continue;
+						}
+						try {
+							const localFile = await sdk.stageFile(file, { signal: controller.signal });
+							const previewUrl = localFile.fileKind === 1 && typeof URL.createObjectURL === "function" ? URL.createObjectURL(file) : void 0;
+							next.push({
+								localFile,
+								...previewUrl === void 0 ? {} : { previewUrl }
+							});
+						} catch (caught) {
+							if (controller.signal.aborted) throw caught;
+							failures.push(caught instanceof Error ? `${file.name}：${caught.message}` : `${file.name}：附件准备失败`);
+						}
+					}
+					if (!controller.signal.aborted && next.length > 0) {
+						const combined = [...attachmentsRef.current, ...next];
+						attachmentsRef.current = combined;
+						appended = true;
+						setAttachments(combined);
+					}
+					if (failures.length > 0) onError(failures.join("；"));
+				} catch (caught) {
+					if (!controller.signal.aborted) onError(caught instanceof Error ? caught.message : "附件准备失败");
+				} finally {
+					if (stageAbortRef.current === controller) {
+						stageAbortRef.current = void 0;
+						setPreparing(false);
+					}
+					if (fileInputRef.current !== null) fileInputRef.current.value = "";
+					if (!appended && next.length > 0) removeDetailExtensionAttachments(next);
+				}
+			};
+			const send = async () => {
+				const normalizedText = text.trim();
+				const fileRefs = attachments.flatMap((attachment) => attachment.localFile === void 0 ? [] : [attachment.localFile.fileRef]);
+				if (sending || preparing || normalizedText === "" && fileRefs.length === 0) return;
+				const fingerprint = JSON.stringify([
+					parentRecordUid ?? "",
+					normalizedText,
+					fileRefs
+				]);
+				const recordUid = submissionRef.current?.fingerprint === fingerprint ? submissionRef.current.recordUid : crypto.randomUUID();
+				const relationUid = submissionRef.current?.fingerprint === fingerprint ? submissionRef.current.relationUid : crypto.randomUUID();
+				submissionRef.current = {
+					fingerprint,
+					recordUid,
+					relationUid
+				};
+				const generation = generationRef.current;
+				const controller = new AbortController();
+				sendAbortRef.current = controller;
+				setSending(true);
+				const request = callArkme("source.message-extension.extend", {
+					sourceRef,
+					messageActionRef,
+					textContent: normalizedText,
+					recordUid,
+					relationUid,
+					...parentRecordUid === void 0 ? {} : { parentRecordUid },
+					fileRefs
+				}, controller.signal);
+				sendPromiseRef.current = request;
+				try {
+					const result = await request;
+					if (generationRef.current !== generation || controller.signal.aborted) return;
+					submissionRef.current = void 0;
+					attachmentsRef.current = [];
+					for (const attachment of attachments) releaseArkmeComposerAttachment(attachment);
+					setText("");
+					setAttachments([]);
+					setDraftPreview(void 0);
+					onSent(result);
+					const sdk = createArkmeSdk();
+					Promise.all(fileRefs.map(async (fileRef) => {
+						await sdk.removeLocalFile(fileRef);
+					})).catch(() => {});
+				} catch (caught) {
+					if (generationRef.current === generation && !controller.signal.aborted) onError(caught instanceof Error ? caught.message : "延展发送失败，请重试");
+				} finally {
+					if (sendPromiseRef.current === request) sendPromiseRef.current = void 0;
+					if (sendAbortRef.current === controller) sendAbortRef.current = void 0;
+					if (generationRef.current === generation) setSending(false);
+				}
+			};
+			const disabled = preparing || sending;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: styles$9.extensionComposer,
+				onDragOver: (event) => {
+					if (!disabled && Array.from(event.dataTransfer.types).includes("Files")) {
+						event.preventDefault();
+						event.dataTransfer.dropEffect = "copy";
+					}
+				},
+				onDrop: (event) => {
+					if (!disabled && event.dataTransfer.files.length > 0) {
+						event.preventDefault();
+						selectFiles(event.dataTransfer.files);
+					}
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						ref: fileInputRef,
+						type: "file",
+						multiple: true,
+						hidden: true,
+						"data-arkme-detail-extension-file-input": "true",
+						onChange: (event) => selectFiles(event.currentTarget.files)
+					}),
+					attachments.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: styles$9.extensionAttachmentPreview,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeAttachmentStrip, {
+							attachments,
+							disabled,
+							onMove: (from, to) => {
+								setAttachments((current) => {
+									const next = [...current];
+									const [item] = next.splice(from, 1);
+									if (item !== void 0) next.splice(to, 0, item);
+									attachmentsRef.current = next;
+									return next;
+								});
+							},
+							onRemove: (attachment) => {
+								const fileRef = attachment.localFile?.fileRef;
+								releaseArkmeComposerAttachment(attachment);
+								if (draftPreview === attachment) setDraftPreview(void 0);
+								setAttachments((current) => {
+									const next = current.filter((item) => item !== attachment);
+									attachmentsRef.current = next;
+									return next;
+								});
+								if (fileRef !== void 0) createArkmeSdk().removeLocalFile(fileRef).catch((caught) => {
+									onError(caught instanceof Error ? caught.message : "附件移除失败");
+								});
+							},
+							onPreview: (attachment) => {
+								setDraftPreview(attachment);
+							}
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "arkme-detail-extension-input-bar",
+						style: styles$9.extensionInputBar,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "arkme-detail-extension-input-shell",
+							style: styles$9.extensionInputWrap,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: {
+										...styles$9.extensionTool,
+										opacity: disabled ? .4 : 1
+									},
+									"aria-label": "添加延展附件",
+									disabled,
+									onClick: () => {
+										fileInputRef.current?.click();
+									},
+									children: preparing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFilePreparingIndicator, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(o$6, { size: 18 })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+									rows: 1,
+									style: styles$9.extensionInput,
+									"aria-label": "延展此快记",
+									placeholder: "延展此快记...",
+									value: text,
+									disabled,
+									onChange: (event) => {
+										setText(event.target.value);
+									},
+									onPaste: (event) => {
+										const files = clipboardFiles(event.clipboardData);
+										if (files.length > 0) {
+											event.preventDefault();
+											selectFiles(files);
+										}
+									},
+									onKeyDown: (event) => {
+										if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+											event.preventDefault();
+											send();
+										}
+									}
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: {
+										...styles$9.extensionSend,
+										opacity: normalizedSendOpacity(text, attachments.length, disabled)
+									},
+									"aria-label": "发送延展",
+									disabled: disabled || text.trim() === "" && attachments.length === 0,
+									onClick: () => {
+										send();
+									},
+									children: "↑"
+								})
+							]
+						})
+					}),
+					draftPreview?.localFile !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMediaPreview, {
+						selected: localFileBlock(draftPreview.localFile),
+						blocks: attachments.flatMap((attachment) => attachment.localFile === void 0 ? [] : [localFileBlock(attachment.localFile)]),
+						...draftPreview.previewUrl === void 0 ? {} : { previewUrl: draftPreview.previewUrl },
+						onSelect: (block) => {
+							const attachment = attachments.find((item) => item.localFile?.fileRef === block.localFileRef);
+							if (attachment !== void 0) setDraftPreview(attachment);
+						},
+						onClose: () => {
+							setDraftPreview(void 0);
+						},
+						openLocalFile: false
+					})
+				]
+			});
+		}
+		function normalizedSendOpacity(text, attachmentCount, disabled) {
+			return disabled || text.trim() === "" && attachmentCount === 0 ? .35 : 1;
+		}
 		function arkmeTimelineDetailSenderText(item) {
 			return item.agentSource === void 0 ? item.senderName : `${item.senderName} · ${item.agentSource.label}`;
 		}
+		function detailExtensionSenderName(item) {
+			return item.senderDisplayName.trim() || (item.sourceKind === "agent_message" ? "Agent" : "未知用户");
+		}
+		function detailExtensionTimelineItem$1(item) {
+			const avatar = item.senderAvatarUrl?.trim() ?? "";
+			return {
+				itemUid: item.recordUid,
+				senderName: detailExtensionSenderName(item),
+				isMe: false,
+				sendAtMillis: item.sendAtMillis,
+				title: item.title,
+				textContent: item.textContent,
+				status: 1,
+				templateKind: item.templateKind,
+				displayKind: item.displayKind,
+				...avatar !== "" && !/^(https?:|data:|blob:)/iu.test(avatar) ? { avatarRef: avatar } : {}
+			};
+		}
+		function DetailExtensionAvatar({ item, size = 32 }) {
+			const name = detailExtensionSenderName(item);
+			const avatar = item.senderAvatarUrl?.trim() ?? "";
+			if (/^(https?:|data:|blob:)/iu.test(avatar)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					...styles$9.extensionContextAvatarFallback,
+					width: size,
+					height: size
+				},
+				"aria-hidden": true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					src: avatar,
+					alt: "",
+					draggable: false,
+					style: styles$9.extensionContextAvatarImage
+				})
+			});
+			if (avatar !== "") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
+				avatarRef: avatar,
+				size,
+				label: "延展作者头像"
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					...styles$9.extensionContextAvatarFallback,
+					width: size,
+					height: size
+				},
+				"aria-hidden": true,
+				children: [...name][0] ?? "?"
+			});
+		}
+		function orderedDetailExtensions(extensions, rootRecordUid) {
+			const newestFirst = [...extensions].sort((left, right) => right.sendAtMillis - left.sendAtMillis);
+			const direct = newestFirst.filter((item) => item.parentRecordUid === rootRecordUid || item.parentRecordUid === void 0 && item.level <= 2);
+			const directUids = new Set(direct.map((item) => item.recordUid));
+			const result = [];
+			const used = /* @__PURE__ */ new Set();
+			for (const item of direct) {
+				result.push({
+					item,
+					nested: false
+				});
+				used.add(item.recordUid);
+				for (const child of newestFirst.filter((candidate) => candidate.parentRecordUid === item.recordUid)) {
+					result.push({
+						item: child,
+						nested: true
+					});
+					used.add(child.recordUid);
+				}
+			}
+			for (const item of newestFirst) {
+				if (used.has(item.recordUid)) continue;
+				result.push({
+					item,
+					nested: !directUids.has(item.recordUid) && item.level > 2
+				});
+			}
+			return result;
+		}
+		function DetailExtensionParent({ parent }) {
+			const text = parent.textContent.trim() || parent.title.trim();
+			const attachmentText = (parent.contentBlocks ?? []).map((block) => block.fileName.trim()).filter(Boolean).join("、");
+			const preview = text || attachmentText;
+			if (preview === "") return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: styles$9.extensionParent,
+				"data-arkme-detail-extension-parent": parent.itemUid,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: styles$9.extensionParentText,
+					children: preview
+				})
+			});
+		}
+		function DetailExtensionContext({ state, optimistic, selectedRecordUid, sourceRef, shareWebsite, onMessageCopyLinkOpen, onRetry, onSelect }) {
+			const context = state.kind === "success" ? state.context : void 0;
+			const byUid = /* @__PURE__ */ new Map();
+			for (const item of optimistic) byUid.set(item.recordUid, item);
+			for (const item of context?.extensions ?? []) byUid.set(item.recordUid, item);
+			const extensions = [...byUid.values()];
+			const extensionCount = Math.max(context?.extensionCount ?? 0, extensions.length);
+			if (state.kind === "loading" && extensions.length === 0) return null;
+			if (state.kind === "error" && extensions.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: styles$9.extensionContext,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					role: "alert",
+					style: styles$9.extensionContextStatus,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: state.message }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: styles$9.extensionContextRetry,
+						onClick: onRetry,
+						children: "重试"
+					})]
+				})
+			});
+			if (extensionCount === 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				style: styles$9.extensionContext,
+				"aria-label": "快记延展列表",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: styles$9.extensionContextTitle,
+					"data-arkme-note-extension-count": "true",
+					children: [
+						"共",
+						extensionCount,
+						"条延展"
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: styles$9.extensionContextList,
+					children: orderedDetailExtensions(extensions, context?.parentRecordUid ?? "").map(({ item: extension, nested }) => {
+						const timelineItem = detailExtensionTimelineItem$1(extension);
+						const mediaLabel = extension.mediaItems.map((media) => media.fileName.trim()).filter(Boolean).join("、");
+						const selected = extension.recordUid === selectedRecordUid;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								...styles$9.extensionContextRow,
+								...selected ? styles$9.extensionContextRowSelected : {},
+								...nested ? { marginLeft: 30 } : {}
+							},
+							role: "button",
+							tabIndex: 0,
+							"aria-pressed": selected,
+							"data-arkme-note-extension-item": extension.recordUid,
+							onClick: () => {
+								onSelect(extension);
+							},
+							onKeyDown: (event) => {
+								if (event.key === "Enter" || event.key === " ") {
+									event.preventDefault();
+									onSelect(extension);
+								}
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailExtensionAvatar, {
+								item: extension,
+								size: nested ? 28 : 32
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: styles$9.extensionContextBody,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: styles$9.extensionContextHead,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: styles$9.extensionContextName,
+											children: detailExtensionSenderName(extension)
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: styles$9.extensionContextTime,
+											children: [dateLabel(extension.sendAtMillis), timeLabel$1(extension.sendAtMillis)].filter(Boolean).join(" ")
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageContent, {
+										presentation: "detail",
+										item: timelineItem,
+										...sourceRef === void 0 ? {} : { sourceRef },
+										...shareWebsite === void 0 ? {} : { shareWebsite },
+										...onMessageCopyLinkOpen === void 0 ? {} : { onMessageCopyLinkOpen }
+									}),
+									mediaLabel !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: styles$9.extensionContextMedia,
+										children: mediaLabel
+									})
+								]
+							})]
+						}, extension.recordUid);
+					})
+				})]
+			});
+		}
 		function relatedQuickNoteErrorMessage(error, fallback) {
 			return error instanceof Error && error.message.trim() !== "" ? error.message : fallback;
 		}
 		function relatedQuickNoteReferenceExpired$1(error) {
 			return error instanceof ArkmeClientError && error.body.code === "related-quick-note-ref-expired";
 		}
-		function ArkmeTimelineDetailDrawer({ item, sourceRef, showOriginal, onClose, onToggleOriginal, shareWebsite, onMessageCopyLinkOpen }) {
+		function ArkmeTimelineDetailDrawer({ item, sourceRef, showOriginal, onClose, onToggleOriginal, shareWebsite, onMessageCopyLinkOpen, onExtensionSent, onToast }) {
 			const [relatedView, setRelatedView] = (0, react.useState)("source-detail");
 			const [relatedState, setRelatedState] = (0, react.useState)({ kind: "idle" });
 			const [relatedDetailState, setRelatedDetailState] = (0, react.useState)({ kind: "idle" });
 			const listAbortRef = (0, react.useRef)();
 			const detailAbortRef = (0, react.useRef)();
+			const extensionAbortRef = (0, react.useRef)();
+			const [extensionState, setExtensionState] = (0, react.useState)({ kind: "idle" });
+			const [optimisticExtensions, setOptimisticExtensions] = (0, react.useState)([]);
+			const [selectedExtensionRecordUid, setSelectedExtensionRecordUid] = (0, react.useState)();
 			const bodyRef = (0, react.useRef)(null);
 			const scrollTopByViewRef = (0, react.useRef)({
 				"source-detail": 0,
@@ -89459,6 +90208,32 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					});
 				});
 			}, [messageActionRef, normalizedSourceRef]);
+			const loadExtensionContext = (0, react.useCallback)(() => {
+				extensionAbortRef.current?.abort();
+				if (normalizedSourceRef === "" || messageActionRef === "") {
+					setExtensionState({ kind: "idle" });
+					return;
+				}
+				const controller = new AbortController();
+				extensionAbortRef.current = controller;
+				setExtensionState((current) => current.kind === "success" ? current : { kind: "loading" });
+				callArkme("source.message-extension.context", {
+					sourceRef: normalizedSourceRef,
+					messageActionRef
+				}, controller.signal).then((context) => {
+					if (controller.signal.aborted || extensionAbortRef.current !== controller) return;
+					setExtensionState({
+						kind: "success",
+						context
+					});
+				}).catch((error) => {
+					if (controller.signal.aborted || extensionAbortRef.current !== controller) return;
+					setExtensionState({
+						kind: "error",
+						message: relatedQuickNoteErrorMessage(error, "延展加载失败")
+					});
+				});
+			}, [messageActionRef, normalizedSourceRef]);
 			const loadRelatedDetail = (0, react.useCallback)((relatedItem) => {
 				detailAbortRef.current?.abort();
 				if (normalizedSourceRef === "") return;
@@ -89493,20 +90268,30 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			(0, react.useEffect)(() => {
 				listAbortRef.current?.abort();
 				detailAbortRef.current?.abort();
+				extensionAbortRef.current?.abort();
 				setRelatedView("source-detail");
 				setRelatedState({ kind: "idle" });
 				setRelatedDetailState({ kind: "idle" });
+				setExtensionState({ kind: "idle" });
+				setOptimisticExtensions([]);
+				setSelectedExtensionRecordUid(void 0);
 				scrollTopByViewRef.current = {
 					"source-detail": 0,
 					"related-list": 0,
 					"related-detail": 0
 				};
 				loadRelated();
+				loadExtensionContext();
 				return () => {
 					listAbortRef.current?.abort();
 					detailAbortRef.current?.abort();
+					extensionAbortRef.current?.abort();
 				};
-			}, [item.itemUid, loadRelated]);
+			}, [
+				item.itemUid,
+				loadExtensionContext,
+				loadRelated
+			]);
 			(0, react.useEffect)(() => {
 				if (bodyRef.current !== null) bodyRef.current.scrollTop = scrollTopByViewRef.current[relatedView];
 			}, [relatedView]);
@@ -89517,6 +90302,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			const closeDrawer = () => {
 				listAbortRef.current?.abort();
 				detailAbortRef.current?.abort();
+				extensionAbortRef.current?.abort();
 				onClose();
 			};
 			const backRelated = () => {
@@ -89525,6 +90311,20 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			};
 			const textContent = showOriginal && item.aiPolish?.originalText !== void 0 ? item.aiPolish.originalText : item.aiPolish?.state === "polished" && item.aiPolish.polishedText !== void 0 ? item.aiPolish.polishedText : item.textContent;
 			const canToggle = item.aiPolish?.state === "polished" && item.aiPolish.originalText !== void 0 && item.aiPolish.polishedText !== void 0;
+			const extensionFooter = normalizedSourceRef === "" || messageActionRef === "" ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailExtensionComposer, {
+				sourceRef: normalizedSourceRef,
+				messageActionRef,
+				...selectedExtensionRecordUid === void 0 ? {} : { parentRecordUid: selectedExtensionRecordUid },
+				targetKey: `${normalizedSourceRef}:${item.itemUid}:${selectedExtensionRecordUid ?? item.itemUid}`,
+				onError: (message) => {
+					onToast?.(message);
+				},
+				onSent: (result) => {
+					setOptimisticExtensions((current) => [result.extension, ...current.filter((item) => item.recordUid !== result.recordUid)]);
+					onExtensionSent?.(result);
+					loadExtensionContext();
+				}
+			});
 			if (relatedView === "related-list") {
 				const total = relatedState.kind === "success" ? relatedState.list.total : 0;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoteDetailShell, {
@@ -89534,6 +90334,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					onBack: backRelated,
 					backLabel: "返回快记详情",
 					bodyRef,
+					footer: extensionFooter,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRelatedQuickNotesList, {
 						state: relatedState,
 						onRetry: loadRelated,
@@ -89542,7 +90343,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 							loadRelatedDetail(relatedItem);
 						}
 					}) })
-				}, "related-list");
+				});
 			}
 			if (relatedView === "related-detail") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoteDetailShell, {
 				title: "相关快记详情",
@@ -89551,6 +90352,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				onBack: backRelated,
 				backLabel: "返回相关快记列表",
 				bodyRef,
+				footer: extensionFooter,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRelatedQuickNoteDetail, {
 					state: relatedDetailState,
 					onRetry: loadRelatedDetail,
@@ -89558,12 +90360,13 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					...shareWebsite === void 0 ? {} : { shareWebsite },
 					...onMessageCopyLinkOpen === void 0 ? {} : { onMessageCopyLinkOpen }
 				})
-			}, "related-detail");
+			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(NoteDetailShell, {
 				title: "快记详情",
 				label: "快记详情",
 				onClose: closeDrawer,
 				bodyRef,
+				footer: extensionFooter,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: {
@@ -89608,15 +90411,28 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 							...onMessageCopyLinkOpen === void 0 ? {} : { onMessageCopyLinkOpen }
 						})
 					}),
+					item.extensionParent !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailExtensionParent, { parent: item.extensionParent }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRelatedQuickNotesCard, {
 						state: relatedState,
 						onOpen: () => {
 							navigateRelated("related-list");
 						},
 						onRetry: loadRelated
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailExtensionContext, {
+						state: extensionState,
+						optimistic: optimisticExtensions,
+						...selectedExtensionRecordUid === void 0 ? {} : { selectedRecordUid: selectedExtensionRecordUid },
+						...sourceRef === void 0 ? {} : { sourceRef },
+						...shareWebsite === void 0 ? {} : { shareWebsite },
+						...onMessageCopyLinkOpen === void 0 ? {} : { onMessageCopyLinkOpen },
+						onRetry: loadExtensionContext,
+						onSelect: (extension) => {
+							setSelectedExtensionRecordUid(extension.recordUid);
+						}
 					})
 				]
-			}, "source-detail");
+			});
 		}
 		function ForwardDetailRow({ name, time, avatarRef, segment = false, children }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -91727,14 +92543,23 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			row: {
 				width: "100%",
 				minWidth: 0,
-				display: "flex"
+				display: "flex",
+				background: "transparent",
+				transition: "background-color .3s ease"
 			},
 			rowSearchTarget: {
-				borderRadius: 14,
-				outline: "2px solid rgba(10,132,255,.42)",
-				outlineOffset: 5,
-				background: "rgba(10,132,255,.07)",
-				transition: "outline-color .3s ease, background-color .3s ease"
+				position: "relative",
+				isolation: "isolate"
+			},
+			rowSearchTargetBackdrop: {
+				position: "absolute",
+				top: -6,
+				right: -6,
+				bottom: 12,
+				left: -6,
+				zIndex: -1,
+				background: arkmeTheme.active,
+				pointerEvents: "none"
 			},
 			rowMe: { justifyContent: "flex-end" },
 			rowOther: { justifyContent: "flex-start" },
@@ -91822,6 +92647,32 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				gap: 7
 			},
 			messageBodyMe: { alignItems: "flex-end" },
+			extensionMessageGroup: {
+				width: "100%",
+				minWidth: 0,
+				display: "flex",
+				flexDirection: "column",
+				alignItems: "flex-start",
+				gap: 0
+			},
+			extensionMessageGroupMe: { alignItems: "flex-end" },
+			extensionChildLine: {
+				width: "100%",
+				minWidth: 0,
+				display: "flex",
+				alignItems: "flex-start",
+				gap: 10
+			},
+			extensionChildLineMe: { flexDirection: "row-reverse" },
+			extensionChildBody: {
+				minWidth: 0,
+				flex: 1,
+				display: "flex",
+				flexDirection: "column",
+				alignItems: "flex-start",
+				gap: 7
+			},
+			extensionChildBodyMe: { alignItems: "flex-end" },
 			forwardMessageBody: { flex: 1 },
 			sharedRecordingMessageBody: {
 				width: "100%",
@@ -91938,6 +92789,49 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				background: arkmeTheme.messageOther,
 				"--arkme-bubble-fade": arkmeTheme.messageOther
 			},
+			extensionParentPreview: {
+				maxWidth: "min(600px, 100%)",
+				minWidth: 30,
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				padding: 8,
+				boxSizing: "border-box",
+				overflow: "hidden",
+				borderRadius: "12px 12px 0 0",
+				background: `linear-gradient(180deg, ${arkmeTheme.subtle} 0%, transparent 68.06%)`,
+				color: arkmeTheme.tertiary,
+				fontSize: 12,
+				lineHeight: "16px"
+			},
+			extensionParentPreviewMe: { marginRight: 54 },
+			extensionParentPreviewOther: { marginLeft: 54 },
+			extensionParentText: {
+				minWidth: 0,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			extensionParentMedia: {
+				display: "flex",
+				flex: "none",
+				gap: 4
+			},
+			extensionParentImage: {
+				width: 32,
+				height: 32,
+				display: "block",
+				objectFit: "cover",
+				borderRadius: 5,
+				background: arkmeTheme.subtle
+			},
+			extensionParentFile: {
+				maxWidth: 120,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap",
+				color: arkmeTheme.secondary
+			},
 			forwardBubble: {
 				width: 354,
 				maxWidth: "100%",
@@ -92049,6 +92943,88 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				...arkmeConversationComposerLayout.composer,
 				background: "#fff"
 			},
+			composerDestinationHint: {
+				minHeight: 18,
+				margin: "0 0 5px 6px",
+				display: "flex",
+				alignItems: "center",
+				gap: 0,
+				color: arkmeTheme.tertiary,
+				fontSize: 11,
+				lineHeight: "18px"
+			},
+			composerDestinationHintIcon: {
+				marginRight: 6,
+				fontSize: 14,
+				lineHeight: "18px"
+			},
+			composerDestinationHintName: {
+				color: arkmeTheme.secondary,
+				fontWeight: 500
+			},
+			composerExtensionTarget: {
+				margin: 0,
+				padding: 8,
+				display: "flex",
+				alignItems: "flex-start",
+				gap: 10,
+				borderRadius: "12px 12px 0 0",
+				border: `1px solid ${colors.border}`,
+				borderBottom: 0,
+				background: arkmeTheme.extensionSource,
+				boxShadow: `inset 0 -1px 0 ${colors.border}`
+			},
+			composerExtensionTargetBody: {
+				flex: 1,
+				minWidth: 0
+			},
+			composerExtensionTargetText: {
+				overflow: "hidden",
+				color: arkmeTheme.tertiary,
+				fontSize: 12,
+				lineHeight: "18px",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			composerExtensionTargetFiles: {
+				marginTop: 5,
+				display: "flex",
+				gap: 5,
+				overflow: "hidden",
+				color: arkmeTheme.tertiary,
+				fontSize: 10,
+				lineHeight: "14px"
+			},
+			composerExtensionTargetFile: {
+				width: 42,
+				height: 34,
+				display: "grid",
+				placeItems: "center",
+				overflow: "hidden",
+				borderRadius: 5,
+				background: arkmeTheme.elevated,
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			composerExtensionTargetImage: {
+				width: "100%",
+				height: "100%",
+				display: "block",
+				objectFit: "cover"
+			},
+			composerExtensionTargetCancel: {
+				flex: "none",
+				width: 24,
+				height: 24,
+				padding: 0,
+				border: 0,
+				borderRadius: 6,
+				background: "transparent",
+				color: arkmeTheme.tertiary,
+				cursor: "pointer",
+				fontSize: 18,
+				lineHeight: "22px"
+			},
 			selectBar: {
 				position: "absolute",
 				left: 0,
@@ -92731,7 +93707,16 @@ 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"
+			},
+			composerInnerExtension: {
+				borderTop: 0,
+				borderRadius: "0 0 15px 15px"
 			},
 			composerStack: {
 				width: "100%",
@@ -92923,19 +93908,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,
@@ -93084,6 +94074,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 		const ARKME_MESSAGE_ACTION_MENU_LABELS = [
 			"复制",
 			"复制链接",
+			"延展",
 			"多选",
 			"转发"
 		];
@@ -93305,6 +94296,35 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			}
 			return [...map.values()].sort((a, b) => a.sendAtMillis - b.sendAtMillis || a.itemUid.localeCompare(b.itemUid));
 		}
+		function detailExtensionTimelineItem(parent, result) {
+			const extension = result.extension;
+			const avatarRef = extension.senderAvatarUrl?.trim() ?? "";
+			return {
+				itemUid: result.recordUid,
+				senderName: extension.senderDisplayName.trim() || "我",
+				isMe: true,
+				sendAtMillis: extension.sendAtMillis,
+				title: extension.title,
+				textContent: extension.textContent,
+				status: result.status,
+				...result.sequence === void 0 ? {} : { sequence: result.sequence },
+				...avatarRef === "" ? {} : { avatarRef },
+				templateKind: extension.templateKind,
+				displayKind: extension.displayKind,
+				extensionParentRecordUid: result.parentRecordUid,
+				extensionParent: {
+					itemUid: parent.itemUid,
+					senderName: parent.senderName,
+					title: parent.title,
+					textContent: parent.textContent,
+					...parent.contentBlocks === void 0 ? {} : { contentBlocks: parent.contentBlocks }
+				},
+				awaitingTimelineProjection: true
+			};
+		}
+		function extensionConversationPreview(extension) {
+			return extension.textContent.trim() || extension.title.trim() || extension.mediaItems.map((item) => item.fileName.trim()).find(Boolean) || "非文本内容";
+		}
 		const ARKME_CONFIRMED_SEND_RETENTION_MILLIS = ARKME_CONVERSATION_TIMELINE_FRESH_MILLIS * 4;
 		/**
 		* Retains only bounded Host-confirmed sends while an eventually-consistent
@@ -93574,6 +94594,53 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				]
 			});
 		}
+		function ArkmeExtensionParentPreview({ parent, isMe, onSelect }) {
+			const text = parent.textContent.trim() || parent.title.trim();
+			const blocks = [...parent.contentBlocks ?? []].sort((left, right) => left.sortOrder - right.sortOrder);
+			const visuals = blocks.filter((block) => block.kind === "image" || block.kind === "video").slice(0, 3);
+			const firstFile = blocks.find((block) => block.kind !== "image" && block.kind !== "video");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-arkme-extension-parent-preview": parent.itemUid,
+				style: {
+					...styles$6.extensionParentPreview,
+					...isMe ? styles$6.extensionParentPreviewMe : styles$6.extensionParentPreviewOther,
+					...onSelect === void 0 ? {} : { cursor: "pointer" }
+				},
+				title: text || firstFile?.fileName,
+				role: onSelect === void 0 ? void 0 : "button",
+				tabIndex: onSelect === void 0 ? void 0 : 0,
+				onClick: onSelect,
+				onKeyDown: onSelect === void 0 ? void 0 : (event) => {
+					if (event.key === "Enter" || event.key === " ") {
+						event.preventDefault();
+						onSelect();
+					}
+				},
+				children: [
+					text !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: styles$6.extensionParentText,
+						children: text
+					}),
+					visuals.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: styles$6.extensionParentMedia,
+						"aria-label": "原消息附件",
+						children: visuals.map((block) => block.kind === "image" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+							src: block.localFileRef === void 0 ? `/arkme-self/api/media?ref=${encodeURIComponent(block.mediaRef)}` : createArkmeSdk().localFileUrl(block.localFileRef),
+							alt: block.fileName,
+							draggable: false,
+							style: styles$6.extensionParentImage
+						}, block.mediaRef) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: styles$6.extensionParentFile,
+							children: block.fileName || "视频"
+						}, block.mediaRef))
+					}),
+					text === "" && visuals.length === 0 && firstFile !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: styles$6.extensionParentFile,
+						children: firstFile.fileName || "附件"
+					}) : null
+				]
+			});
+		}
 		function normalizedEpochMillis(value) {
 			return value > 0 && value < 1e11 ? value * 1e3 : value;
 		}
@@ -93751,6 +94818,66 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				size: kind === "forward" ? 18 : 16
 			});
 		}
+		function ArkmeDesktopExtensionIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": true,
+				"data-arkme-message-extension-icon": "desktop",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "8",
+						cy: "2",
+						r: "1.5",
+						stroke: "currentColor",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "13",
+						cy: "6",
+						r: "1.5",
+						stroke: "currentColor",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "1.5",
+						cy: "10.5",
+						r: "1",
+						stroke: "currentColor",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "14.5",
+						cy: "14.5",
+						r: "1",
+						stroke: "currentColor",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "8",
+						cy: "10",
+						r: "2.5",
+						stroke: "currentColor",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M8 3.5V7.5",
+						stroke: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M12 7L10 8.5M13.5 14L10 11.5M2.5 10.5H5.5",
+						stroke: "currentColor"
+					})
+				]
+			});
+		}
 		function ArkmeForwardLinearIcon({ size = 18 }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeSelectActionIcon, {
 				kind: "forward",
@@ -94290,6 +95417,11 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			const attachments = composerDraft.attachments;
 			const [composerInputFocused, setComposerInputFocused] = (0, react.useState)(false);
 			const [composerShowsInputTime, setComposerShowsInputTime] = (0, react.useState)(arkmeComposerShowsInputTime);
+			const [composerExtensionTarget, setComposerExtensionTarget] = (0, react.useState)();
+			const activeComposerExtensionTarget = composerExtensionTarget?.sourceRef === source?.sourceRef ? composerExtensionTarget : void 0;
+			(0, react.useEffect)(() => {
+				if (composerExtensionTarget !== void 0 && composerExtensionTarget.sourceRef !== source?.sourceRef) setComposerExtensionTarget(void 0);
+			}, [composerExtensionTarget, source?.sourceRef]);
 			const backgroundSoundAvailabilityRef = (0, react.useRef)({
 				supported: backgroundSoundSupported,
 				eligibilityReason: backgroundSoundEligibilityReason
@@ -94350,6 +95482,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			const panelRef = (0, react.useRef)(null);
 			const bodyRef = (0, react.useRef)(null);
 			const sentinelRef = (0, react.useRef)(null);
+			const newerSentinelRef = (0, react.useRef)(null);
 			const composerRef = (0, react.useRef)(null);
 			const textareaRef = (0, react.useRef)(null);
 			const fileInputRef = (0, react.useRef)(null);
@@ -94438,13 +95571,17 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			]);
 			const [timelineView, setTimelineView] = (0, react.useState)({
 				sourceKey: "",
+				mode: "latest",
+				aroundSequenceRange: void 0,
 				items: [],
 				aiPolishNotices: [],
 				aiPolishSettings: void 0,
 				nextCursor: void 0,
-				hasMore: false
+				hasMore: false,
+				newerCursor: void 0,
+				newerHasMore: false
 			});
-			const { sourceKey: timelineStateKey, items, aiPolishNotices, aiPolishSettings, nextCursor, hasMore } = timelineView;
+			const { sourceKey: timelineStateKey, mode: timelineMode, aroundSequenceRange, items, aiPolishNotices, aiPolishSettings, nextCursor, hasMore, newerCursor, newerHasMore } = timelineView;
 			const aiPolishSettingsRef = (0, react.useRef)(aiPolishSettings);
 			const aiPolishNoticesRef = (0, react.useRef)(aiPolishNotices);
 			aiPolishSettingsRef.current = aiPolishSettings;
@@ -94525,11 +95662,16 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			const [compactNavigation, setCompactNavigation] = (0, react.useState)(false);
 			const [submitBusy, setSubmitBusy] = (0, react.useState)(false);
 			const [loadingOlder, setLoadingOlder] = (0, react.useState)(false);
+			const [loadingNewer, setLoadingNewer] = (0, react.useState)(false);
+			const newerSentinelArmedRef = (0, react.useRef)(true);
 			const [highlightedTargetUid, setHighlightedTargetUid] = (0, react.useState)("");
 			const conversationTargetPagingRef = (0, react.useRef)({
 				revision: 0,
-				pages: 0
+				pages: 0,
+				aroundRequested: false
 			});
+			const conversationTargetLocatedRevisionRef = (0, react.useRef)(0);
+			const conversationTargetAbortRef = (0, react.useRef)();
 			const [error, setError] = (0, react.useState)(initialAuth?.status === "binding-required" ? t("error.binding.required") : "");
 			const [agreed, setAgreed] = (0, react.useState)(true);
 			const [loginMode, setLoginMode] = (0, react.useState)(initialAuth?.status === "binding-required" ? "phone" : "jiwo");
@@ -94757,6 +95899,18 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					document.removeEventListener("keydown", closeMessageMenuFromKeyboard);
 				};
 			}, [messageMenu]);
+			(0, react.useEffect)(() => {
+				if (highlightedTargetUid === "" || typeof document === "undefined") return;
+				const clearHighlightedTargetFromOutside = (event) => {
+					if (event.button !== 0) return;
+					if (event.target?.closest?.("[data-arkme-message-item-uid]")?.getAttribute("data-arkme-message-item-uid") === highlightedTargetUid) return;
+					setHighlightedTargetUid("");
+				};
+				document.addEventListener("pointerdown", clearHighlightedTargetFromOutside, true);
+				return () => {
+					document.removeEventListener("pointerdown", clearHighlightedTargetFromOutside, true);
+				};
+			}, [highlightedTargetUid]);
 			const qrRequestStartedRef = (0, react.useRef)(false);
 			const qrFlowRevisionRef = (0, react.useRef)(0);
 			const currentJiwoAttemptRef = (0, react.useRef)();
@@ -94765,9 +95919,10 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			const confirmedSendRetention = (0, react.useMemo)(() => new ArkmeConfirmedSendRetentionOwner(), [authenticatedAccountKey]);
 			const cacheAccountKeyRef = (0, react.useRef)();
 			const timelineGenerationRef = (0, react.useRef)(0);
-			const timelineRequestAbortRef = (0, react.useRef)();
-			const timelineRequestKeyRef = (0, react.useRef)("");
+			const timelineWindowRevisionRef = (0, react.useRef)(0);
+			const timelineRequestsRef = (0, react.useRef)(/* @__PURE__ */ new Map());
 			const pendingViewportRestoreRef = (0, react.useRef)();
+			const pendingConversationTargetLocateRef = (0, react.useRef)();
 			const interwovenRequestRef = (0, react.useRef)();
 			const interwovenGenerationRef = (0, react.useRef)(0);
 			const detailRequestRef = (0, react.useRef)();
@@ -94785,9 +95940,13 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			(0, react.useEffect)(() => {
 				if (activeConversation) return;
 				timelineGenerationRef.current += 1;
-				timelineRequestAbortRef.current?.abort();
-				timelineRequestAbortRef.current = void 0;
-				timelineRequestKeyRef.current = "";
+				timelineWindowRevisionRef.current += 1;
+				for (const request of timelineRequestsRef.current.values()) request.controller.abort();
+				timelineRequestsRef.current.clear();
+				conversationTargetAbortRef.current?.abort();
+				conversationTargetAbortRef.current = void 0;
+				pendingConversationTargetLocateRef.current = void 0;
+				setHighlightedTargetUid("");
 				interwovenGenerationRef.current += 1;
 				interwovenRequestRef.current?.abort();
 				interwovenRequestRef.current = void 0;
@@ -95241,19 +96400,28 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					arkmeChatDirectory.refreshRoot({ force: true }).catch(() => void 0);
 				}
 			}, [source]);
-			const loadTimeline = (0, react.useCallback)(async (cursor, preserve = false, limit = 40) => {
+			const loadTimeline = (0, react.useCallback)(async (cursor, preserve = false, limit = 40, intent = cursor === void 0 ? "latest" : "pagination") => {
 				if (source === void 0) return;
 				const sourceRef = source.sourceRef;
 				const sourceKey = arkmeSourceIdentityKey(source);
 				const generation = timelineGenerationRef.current;
+				if (intent === "background" && (conversationCacheRef.current.getTimeline(sourceKey)?.mode === "around" || conversationTargetAbortRef.current !== void 0 && !conversationTargetAbortRef.current.signal.aborted)) return;
+				const direction = cursor === void 0 ? "initial" : (cursor.afterSequence ?? 0) > 0 ? "newer" : "older";
 				const requestKey = `${sourceKey}:${cursor === void 0 ? "initial" : JSON.stringify(cursor)}`;
-				const activeController = timelineRequestAbortRef.current;
-				if (activeController !== void 0 && !activeController.signal.aborted && timelineRequestKeyRef.current === requestKey) return;
+				const activeRequest = timelineRequestsRef.current.get(direction);
+				if (activeRequest !== void 0 && !activeRequest.controller.signal.aborted && activeRequest.requestKey === requestKey) return;
+				if (intent === "latest") {
+					timelineWindowRevisionRef.current += 1;
+					for (const [activeDirection, request] of timelineRequestsRef.current) if (activeDirection !== direction) request.controller.abort();
+				}
+				const windowRevision = timelineWindowRevisionRef.current;
 				const hadCachedTimeline = conversationCacheRef.current.getTimeline(sourceKey) !== void 0;
 				const controller = new AbortController();
-				timelineRequestAbortRef.current?.abort();
-				timelineRequestAbortRef.current = controller;
-				timelineRequestKeyRef.current = requestKey;
+				activeRequest?.controller.abort();
+				timelineRequestsRef.current.set(direction, {
+					controller,
+					requestKey
+				});
 				let page;
 				try {
 					page = await retryArkmeRead(() => callArkme("source.timeline", {
@@ -95265,23 +96433,28 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					if (isArkmeRequestAbort(caught, controller.signal)) return;
 					throw caught;
 				} finally {
-					if (timelineRequestAbortRef.current === controller) {
-						timelineRequestAbortRef.current = void 0;
-						timelineRequestKeyRef.current = "";
-					}
+					if (timelineRequestsRef.current.get(direction)?.controller === controller) timelineRequestsRef.current.delete(direction);
 				}
-				if (generation !== timelineGenerationRef.current) return;
+				if (generation !== timelineGenerationRef.current || windowRevision !== timelineWindowRevisionRef.current) return;
 				const cached = conversationCacheRef.current.getTimeline(sourceKey);
+				const loadingNewerPage = (cursor?.afterSequence ?? 0) > 0;
+				const cachedItemUids = new Set((cached?.items ?? []).map((item) => item.itemUid));
+				const newerPageStartItemUid = loadingNewerPage ? mergeItems([], page.items.filter((item) => !cachedItemUids.has(item.itemUid)))[0]?.itemUid : void 0;
+				const nextAroundSequenceRange = !(cursor === void 0 || loadingNewerPage && !page.hasMore) && (cached?.mode ?? "latest") === "around" ? arkmeConversationTimelineSequenceRange(page.items, cached?.aroundSequenceRange) : void 0;
 				const nextAiPolishSettings = cursor === void 0 ? page.aiPolishSettings : cached?.aiPolishSettings;
-				const authoritativeItems = mergeItems([], page.items);
+				const authoritativeItems = mergeItems(cursor === void 0 ? (cached?.items ?? []).filter((item) => item.awaitingTimelineProjection === true && !page.items.some((projected) => projected.itemUid === item.itemUid)) : [], page.items);
 				const snapshot = {
+					mode: cursor === void 0 ? "latest" : loadingNewerPage && !page.hasMore ? "latest" : cached?.mode ?? "latest",
+					...nextAroundSequenceRange === void 0 ? {} : { aroundSequenceRange: nextAroundSequenceRange },
 					items: cursor === void 0 ? confirmedSendRetention.merge(sourceKey, authoritativeItems) : mergeItems(cached?.items ?? [], page.items),
 					aiPolishNotices: cursor === void 0 ? page.aiPolishNotices ?? [] : cached?.aiPolishNotices ?? [],
-					hasMore: page.hasMore,
+					hasMore: loadingNewerPage ? cached?.hasMore ?? false : page.hasMore,
+					newerHasMore: loadingNewerPage ? page.hasMore : cursor === void 0 ? false : cached?.newerHasMore ?? false,
 					fetchedAtMillis: Date.now(),
 					...sourceIsChat ? { latestSequence: Math.max(source.latestSequence ?? 0, ...page.items.map((item) => item.sequence ?? 0)) } : { recordRevision: sourceProjectionRevision },
 					...nextAiPolishSettings === void 0 ? {} : { aiPolishSettings: nextAiPolishSettings },
-					...page.nextCursor === void 0 ? {} : { nextCursor: page.nextCursor }
+					...loadingNewerPage ? cached?.nextCursor === void 0 ? {} : { nextCursor: cached.nextCursor } : page.nextCursor === void 0 ? {} : { nextCursor: page.nextCursor },
+					...loadingNewerPage ? page.nextCursor === void 0 ? {} : { newerCursor: page.nextCursor } : cursor === void 0 || cached?.newerCursor === void 0 ? {} : { newerCursor: cached.newerCursor }
 				};
 				const contentChanged = !arkmeConversationTimelineContentEqual(cached, snapshot);
 				const releasedMoments = conversationCacheRef.current.storeTimeline(sourceKey, snapshot);
@@ -95290,15 +96463,20 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					const body = bodyRef.current;
 					pendingViewportRestoreRef.current = {
 						sourceKey,
-						viewport: preserve || hadCachedTimeline ? body === null ? conversationCacheRef.current.getViewport(sourceKey) : arkmeConversationViewport(body) : void 0
+						viewport: preserve || hadCachedTimeline ? body === null ? conversationCacheRef.current.getViewport(sourceKey) : arkmeConversationViewport(body) : void 0,
+						...newerPageStartItemUid === void 0 ? {} : { newerPageStartAnchorId: `message:${newerPageStartItemUid}` }
 					};
 					if (contentChanged) setTimelineView({
 						sourceKey,
+						mode: snapshot.mode ?? "latest",
+						aroundSequenceRange: snapshot.aroundSequenceRange,
 						items: snapshot.items,
 						aiPolishNotices: snapshot.aiPolishNotices,
 						aiPolishSettings: snapshot.aiPolishSettings,
 						nextCursor: snapshot.nextCursor,
-						hasMore: snapshot.hasMore
+						hasMore: snapshot.hasMore,
+						newerCursor: snapshot.newerCursor,
+						newerHasMore: snapshot.newerHasMore ?? false
 					});
 					if (releasedMomentsChanged && releasedMoments !== void 0) setInterwovenMoments(releasedMoments);
 				}
@@ -95353,25 +96531,130 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				const target = ui.conversationTarget;
 				if (!activeConversation || !authenticated || source === void 0 || target === void 0 || timelineStateKey !== conversationKey) return;
 				if (conversationTargetPagingRef.current.revision !== target.revision) {
+					conversationTargetAbortRef.current?.abort();
+					conversationTargetAbortRef.current = void 0;
 					conversationTargetPagingRef.current = {
 						revision: target.revision,
-						pages: 0
+						pages: 0,
+						aroundRequested: false
 					};
+					newerSentinelArmedRef.current = true;
+					if (pendingConversationTargetLocateRef.current?.revision !== target.revision) pendingConversationTargetLocateRef.current = void 0;
 					setHighlightedTargetUid("");
 				}
+				if (conversationTargetLocatedRevisionRef.current === target.revision) return;
 				if (items.some((item) => item.itemUid === target.itemUid)) {
-					const body = bodyRef.current;
-					(body === null ? void 0 : [...body.querySelectorAll("[data-arkme-conversation-row]")].find((element) => element.dataset.arkmeConversationRow === target.itemUid))?.scrollIntoView({
-						behavior: "smooth",
-						block: "center"
+					if (pendingConversationTargetLocateRef.current?.revision === target.revision) return;
+					let animationFrame = 0;
+					let remainingRenderAttempts = 3;
+					const locateRenderedTarget = () => {
+						const body = bodyRef.current;
+						const row = body === null ? void 0 : [...body.querySelectorAll("[data-arkme-message-item-uid]")].find((element) => element.dataset.arkmeMessageItemUid === target.itemUid);
+						if (body === null || row === void 0) {
+							if (remainingRenderAttempts > 0) {
+								remainingRenderAttempts -= 1;
+								animationFrame = requestAnimationFrame(locateRenderedTarget);
+								return;
+							}
+							if (messageActionStatusTimerRef.current !== void 0) window.clearTimeout(messageActionStatusTimerRef.current);
+							setMessageActionStatus("已加载对应快记，但暂时无法定位到它");
+							messageActionStatusTimerRef.current = window.setTimeout(() => {
+								setMessageActionStatus("");
+								messageActionStatusTimerRef.current = void 0;
+							}, MESSAGE_ACTION_NOTICE_MS);
+							arkmeUi.consumeConversationTarget(target.revision);
+							return;
+						}
+						const bodyRect = body.getBoundingClientRect();
+						const rowRect = row.getBoundingClientRect();
+						const rowHeight = rowRect.height || rowRect.bottom - rowRect.top;
+						const centeredTop = body.scrollTop + rowRect.top - bodyRect.top - (body.clientHeight - rowHeight) / 2;
+						const maximumTop = Math.max(0, body.scrollHeight - body.clientHeight);
+						body.scrollTo({
+							top: Math.max(0, Math.min(maximumTop, centeredTop)),
+							behavior: "smooth"
+						});
+						setHighlightedTargetUid(target.itemUid);
+						conversationTargetLocatedRevisionRef.current = target.revision;
+						arkmeUi.consumeConversationTarget(target.revision);
+					};
+					locateRenderedTarget();
+					return () => {
+						if (animationFrame !== 0) cancelAnimationFrame(animationFrame);
+					};
+				}
+				if ((source.kind === "private_chat" || source.kind === "group_chat") && (target.recordOwnerUserId ?? 0) > 0 && !conversationTargetPagingRef.current.aroundRequested) {
+					conversationTargetPagingRef.current.aroundRequested = true;
+					const generation = timelineGenerationRef.current;
+					for (const request of timelineRequestsRef.current.values()) request.controller.abort();
+					timelineRequestsRef.current.clear();
+					const windowRevision = ++timelineWindowRevisionRef.current;
+					const controller = new AbortController();
+					conversationTargetAbortRef.current?.abort();
+					conversationTargetAbortRef.current = controller;
+					retryArkmeRead(() => callArkme("source.timeline-around", {
+						sourceRef: source.sourceRef,
+						itemUid: target.itemUid,
+						recordOwnerUserId: target.recordOwnerUserId,
+						beforeLimit: 20,
+						afterLimit: 20
+					}, controller.signal), { signal: controller.signal }).then((page) => {
+						if (controller.signal.aborted || generation !== timelineGenerationRef.current || windowRevision !== timelineWindowRevisionRef.current || arkmeUi.getSnapshot().conversationTarget?.revision !== target.revision) return;
+						if (!page.items.some((item) => item.itemUid === target.itemUid)) throw new Error("未找到要定位的快记");
+						timelineRequestsRef.current.get("initial")?.controller.abort();
+						timelineRequestsRef.current.delete("initial");
+						timelineWindowRevisionRef.current += 1;
+						const cached = conversationCacheRef.current.getTimeline(conversationKey);
+						const nextAroundSequenceRange = arkmeConversationTimelineSequenceRange(page.items);
+						const snapshot = {
+							mode: "around",
+							...nextAroundSequenceRange === void 0 ? {} : { aroundSequenceRange: nextAroundSequenceRange },
+							items: page.items,
+							aiPolishNotices: cached?.aiPolishNotices ?? [],
+							hasMore: page.olderHasMore,
+							newerHasMore: page.newerHasMore,
+							fetchedAtMillis: Date.now(),
+							...sourceIsChat ? { latestSequence: Math.max(page.latestKnownSequence ?? 0, ...page.items.map((item) => item.sequence ?? 0)) } : { recordRevision: sourceProjectionRevision },
+							...cached?.aiPolishSettings === void 0 ? {} : { aiPolishSettings: cached.aiPolishSettings },
+							...page.olderCursor === void 0 ? {} : { nextCursor: page.olderCursor },
+							...page.newerCursor === void 0 ? {} : { newerCursor: page.newerCursor }
+						};
+						conversationCacheRef.current.storeTimeline(conversationKey, snapshot);
+						pendingViewportRestoreRef.current = void 0;
+						pendingConversationTargetLocateRef.current = {
+							sourceKey: conversationKey,
+							itemUid: target.itemUid,
+							revision: target.revision
+						};
+						setTimelineView({
+							sourceKey: conversationKey,
+							mode: "around",
+							aroundSequenceRange: snapshot.aroundSequenceRange,
+							items: snapshot.items,
+							aiPolishNotices: snapshot.aiPolishNotices,
+							aiPolishSettings: snapshot.aiPolishSettings,
+							nextCursor: snapshot.nextCursor,
+							hasMore: snapshot.hasMore,
+							newerCursor: snapshot.newerCursor,
+							newerHasMore: snapshot.newerHasMore ?? false
+						});
+					}).catch((caught) => {
+						if (isArkmeRequestAbort(caught, controller.signal)) return;
+						if (pendingConversationTargetLocateRef.current?.revision === target.revision) pendingConversationTargetLocateRef.current = void 0;
+						const message = errorMessage$2(caught) || "暂时无法定位这条快记";
+						if (messageActionStatusTimerRef.current !== void 0) window.clearTimeout(messageActionStatusTimerRef.current);
+						setMessageActionStatus(message);
+						messageActionStatusTimerRef.current = window.setTimeout(() => {
+							setMessageActionStatus("");
+							messageActionStatusTimerRef.current = void 0;
+						}, MESSAGE_ACTION_NOTICE_MS);
+						arkmeUi.consumeConversationTarget(target.revision);
+					}).finally(() => {
+						if (conversationTargetAbortRef.current === controller) conversationTargetAbortRef.current = void 0;
 					});
-					setHighlightedTargetUid(target.itemUid);
-					window.setTimeout(() => {
-						setHighlightedTargetUid((current) => current === target.itemUid ? "" : current);
-					}, 2400);
-					arkmeUi.consumeConversationTarget(target.revision);
 					return;
 				}
+				if ((target.recordOwnerUserId ?? 0) > 0) return;
 				if (loadingOlder) return;
 				if (!hasMore || nextCursor === void 0 || conversationTargetPagingRef.current.pages >= 80) {
 					setError("已打开对应会话，但暂未能在当前历史中定位该条消息");
@@ -95396,6 +96679,8 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				loadingOlder,
 				nextCursor,
 				source,
+				sourceIsChat,
+				sourceProjectionRevision,
 				timelineStateKey,
 				ui.conversationTarget
 			]);
@@ -95408,9 +96693,14 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			]);
 			(0, react.useLayoutEffect)(() => {
 				timelineGenerationRef.current += 1;
-				timelineRequestAbortRef.current?.abort();
-				timelineRequestAbortRef.current = void 0;
-				timelineRequestKeyRef.current = "";
+				timelineWindowRevisionRef.current += 1;
+				newerSentinelArmedRef.current = true;
+				for (const request of timelineRequestsRef.current.values()) request.controller.abort();
+				timelineRequestsRef.current.clear();
+				conversationTargetAbortRef.current?.abort();
+				conversationTargetAbortRef.current = void 0;
+				pendingConversationTargetLocateRef.current = void 0;
+				setHighlightedTargetUid("");
 				const accountChanged = cacheAccountKeyRef.current !== authenticatedAccountKey;
 				if (!accountChanged && timelineStateKey !== "" && bodyRef.current !== null) conversationCacheRef.current.storeViewport(timelineStateKey, arkmeConversationViewport(bodyRef.current));
 				if (accountChanged) {
@@ -95426,11 +96716,15 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				else pendingViewportRestoreRef.current = void 0;
 				setTimelineView({
 					sourceKey: sourceKey ?? "",
+					mode: cachedTimeline?.mode ?? "latest",
+					aroundSequenceRange: cachedTimeline?.aroundSequenceRange,
 					items: cachedTimeline?.items ?? [],
 					aiPolishNotices: cachedTimeline?.aiPolishNotices ?? [],
 					aiPolishSettings: cachedTimeline?.aiPolishSettings,
 					nextCursor: cachedTimeline?.nextCursor,
-					hasMore: cachedTimeline?.hasMore ?? false
+					hasMore: cachedTimeline?.hasMore ?? false,
+					newerCursor: cachedTimeline?.newerCursor,
+					newerHasMore: cachedTimeline?.newerHasMore ?? false
 				});
 				setTimelineLoadingKey(sourceKey !== void 0 && cachedTimeline === void 0 ? sourceKey : "");
 				setTimelineSkeletonKey("");
@@ -95513,6 +96807,11 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				const generation = timelineGenerationRef.current;
 				const cachedTimeline = conversationCacheRef.current.getTimeline(conversationKey);
 				const hasCachedTimeline = cachedTimeline !== void 0;
+				if (cachedTimeline?.mode === "around") {
+					setTimelineLoadingKey((current) => current === conversationKey ? "" : current);
+					setTimelineSkeletonKey((current) => current === conversationKey ? "" : current);
+					return;
+				}
 				const authoritativeLatestSequence = Math.max(source.latestSequence ?? 0, chatDelta.latestSequence ?? 0);
 				const realtimeCoversLatest = sourceIsChat && arkmeRealtimeDeltaCoversTimelineGap(cachedTimeline, chatDelta.items, authoritativeLatestSequence);
 				if (!(sourceIsChat ? !realtimeCoversLatest && arkmeShouldRefreshChatTimeline(cachedTimeline, Date.now(), authoritativeLatestSequence) : arkmeShouldRefreshRecordTimeline(cachedTimeline, Date.now(), sourceProjectionRevision))) {
@@ -95521,7 +96820,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					acknowledgeRead(cachedTimeline?.items ?? []);
 					return;
 				}
-				loadTimeline().catch((caught) => {
+				loadTimeline(void 0, false, 40, "background").catch((caught) => {
 					arkmeChatDirectory.rejectOptimisticRead(source.sourceRef, source.sourceKey, source.latestSequence ?? 0);
 					if (generation === timelineGenerationRef.current) {
 						setTimelineLoadingKey((current) => current === conversationKey ? "" : current);
@@ -95545,21 +96844,29 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				if (!authenticated || source === void 0 || timelineStateKey !== conversationKey) return;
 				if (conversationCacheRef.current.getTimeline(conversationKey) === void 0) return;
 				conversationCacheRef.current.storeTimeline(conversationKey, {
+					mode: timelineMode,
+					...aroundSequenceRange === void 0 ? {} : { aroundSequenceRange },
 					items,
 					aiPolishNotices,
 					hasMore,
 					...aiPolishSettings === void 0 ? {} : { aiPolishSettings },
-					...nextCursor === void 0 ? {} : { nextCursor }
+					...nextCursor === void 0 ? {} : { nextCursor },
+					...newerCursor === void 0 ? {} : { newerCursor },
+					newerHasMore
 				});
 			}, [
 				aiPolishNotices,
 				aiPolishSettings,
+				aroundSequenceRange,
 				authenticated,
 				conversationKey,
 				hasMore,
 				items,
+				newerCursor,
+				newerHasMore,
 				nextCursor,
 				source,
+				timelineMode,
 				timelineStateKey
 			]);
 			(0, react.useEffect)(() => {
@@ -95638,8 +96945,10 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			(0, react.useEffect)(() => {
 				if (!activeConversation || !authenticated || source === void 0) return;
 				const deltaItems = chatDelta.items;
-				if (deltaItems.length === 0) return;
-				const nextItems = mergeItems(items, deltaItems);
+				const existingIds = new Set(items.map((item) => item.itemUid));
+				const applicableDeltaItems = arkmeConversationTimelineDeltaItems(timelineMode, aroundSequenceRange, items, deltaItems);
+				if (applicableDeltaItems.length === 0) return;
+				const nextItems = mergeItems(items, applicableDeltaItems);
 				if (JSON.stringify(nextItems) === JSON.stringify(items)) return;
 				const body = bodyRef.current;
 				const viewport = body === null ? void 0 : arkmeConversationViewport(body);
@@ -95647,11 +96956,10 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					sourceKey: conversationKey,
 					viewport
 				};
-				const existingIds = new Set(items.map((item) => item.itemUid));
-				const incomingCount = deltaItems.filter((item) => !existingIds.has(item.itemUid)).length;
+				const incomingCount = applicableDeltaItems.filter((item) => !existingIds.has(item.itemUid)).length;
 				setTimelineView((current) => {
 					if (current.sourceKey !== conversationKey) return current;
-					const mergedItems = mergeItems(current.items, deltaItems);
+					const mergedItems = mergeItems(current.items, applicableDeltaItems);
 					return sameStateValue(current.items, mergedItems) ? current : {
 						...current,
 						items: mergedItems
@@ -95659,15 +96967,17 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				});
 				if (viewport?.stickToBottom === false && incomingCount > 0) setNewMessageCount((current) => current + incomingCount);
 				else setNewMessageCount(0);
-				acknowledgeRead(deltaItems);
+				acknowledgeRead(applicableDeltaItems);
 			}, [
 				acknowledgeRead,
 				activeConversation,
+				aroundSequenceRange,
 				authenticated,
 				chatDelta,
 				conversationKey,
 				items,
-				source
+				source,
+				timelineMode
 			]);
 			(0, react.useEffect)(() => {
 				if (!activeConversation || !authenticated || source?.kind !== "group_chat") return;
@@ -95759,6 +97069,38 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				loadingOlder,
 				nextCursor
 			]);
+			(0, react.useEffect)(() => {
+				const root = bodyRef.current;
+				const sentinel = newerSentinelRef.current;
+				if (!authenticated || root === null || sentinel === null || !newerHasMore || newerCursor === void 0) return;
+				const observer = new IntersectionObserver((entries) => {
+					if (entries[0]?.isIntersecting !== true) {
+						newerSentinelArmedRef.current = true;
+						return;
+					}
+					if (!newerSentinelArmedRef.current || loadingNewer) return;
+					newerSentinelArmedRef.current = false;
+					setLoadingNewer(true);
+					loadTimeline(newerCursor, true).catch((caught) => {
+						setError(errorMessage$2(caught));
+					}).finally(() => {
+						setLoadingNewer(false);
+					});
+				}, {
+					root,
+					rootMargin: "0px 0px 120px"
+				});
+				observer.observe(sentinel);
+				return () => {
+					observer.disconnect();
+				};
+			}, [
+				authenticated,
+				loadTimeline,
+				loadingNewer,
+				newerCursor,
+				newerHasMore
+			]);
 			(0, react.useEffect)(() => {
 				if (smsCountdown <= 0) return;
 				const timer = setTimeout(() => {
@@ -96061,6 +97403,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			const send = async () => {
 				if (source === void 0 || composerDraftKey === void 0) return;
 				const targetSource = source;
+				const extensionTarget = activeComposerExtensionTarget;
 				const targetDraftKey = composerDraftKey;
 				const targetUserId = authenticatedUserId;
 				const targetAccountKey = authenticatedAccountKey;
@@ -96085,8 +97428,15 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 					state: "failed",
 					message: errorMessage$2(caught) || "位置采集失败，请稍后重试"
 				})) : Promise.resolve({ state: "disabled" });
-				const { recordUid, relationUid } = arkmeComposerDraftStore.beginFileSend(targetDraftKey);
+				const { recordUid, relationUid } = arkmeComposerDraftStore.beginFileSend(targetDraftKey, extensionTarget === void 0 ? void 0 : JSON.stringify([
+					"source-message-extension",
+					targetSource.sourceRef,
+					arkmeTimelineMessageActionRef(extensionTarget.item)
+				]));
 				const pendingDraft = arkmeComposerDraftStore.take(targetDraftKey);
+				const pendingAttachments = [...pendingDraft.attachments];
+				const pendingAssets = pendingAttachments.flatMap((attachment) => attachment.asset === void 0 ? [] : [attachment.asset]);
+				const pendingFileRefs = pendingAttachments.flatMap((attachment) => attachment.localFile === void 0 ? [] : [attachment.localFile.fileRef]);
 				pendingComposerFocusDraftKeyRef.current = targetDraftKey;
 				let inputCapture;
 				try {
@@ -96120,11 +97470,19 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 						state: "polishing",
 						originalText: textContent
 					} } : {},
+					...extensionTarget === void 0 ? {} : {
+						extensionParentRecordUid: extensionTarget.item.itemUid,
+						extensionParent: {
+							itemUid: extensionTarget.item.itemUid,
+							senderName: extensionTarget.item.senderName,
+							title: extensionTarget.item.title,
+							textContent: extensionTarget.item.textContent,
+							...extensionTarget.item.contentBlocks === void 0 ? {} : { contentBlocks: extensionTarget.item.contentBlocks }
+						},
+						contentBlocks: pendingAttachments.flatMap((attachment, index) => attachment.localFile === void 0 ? [] : [localFileBlock(attachment.localFile, index)])
+					},
 					displayKind: 0
 				};
-				const pendingAttachments = [...pendingDraft.attachments];
-				const pendingAssets = pendingAttachments.flatMap((attachment) => attachment.asset === void 0 ? [] : [attachment.asset]);
-				const pendingFileRefs = pendingAttachments.flatMap((attachment) => attachment.localFile === void 0 ? [] : [attachment.localFile.fileRef]);
 				if (sameTargetComposer()) pendingViewportRestoreRef.current = {
 					sourceKey: arkmeSourceIdentityKey(targetSource),
 					viewport: void 0
@@ -96151,11 +97509,52 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 						length: mention.length
 					}];
 				});
-				if (pendingFileRefs.length === 0 && sameTargetComposer()) setItems((current) => mergeItems(current, [optimistic]));
+				if ((extensionTarget !== void 0 || pendingFileRefs.length === 0) && sameTargetComposer()) setItems((current) => mergeItems(current, [optimistic]));
 				if (sameTargetComposer()) setError("");
 				let durableFileSendUncertain = false;
 				let stagedBackgroundFileRefs = [];
 				try {
+					if (extensionTarget !== void 0) {
+						if (pendingAssets.length > 0) throw new Error("请重新添加本地附件后再延展");
+						const result = await callArkme("source.message-extension.extend", {
+							sourceRef: targetSource.sourceRef,
+							messageActionRef: arkmeTimelineMessageActionRef(extensionTarget.item),
+							textContent,
+							recordUid,
+							relationUid,
+							fileRefs: pendingFileRefs
+						});
+						if (!sameTargetAccount()) throw new Error("账号已切换，本次延展结果已丢弃");
+						const applyExtensionResult = (current) => applySourceSendResult(current, recordUid, {
+							sourceRef: targetSource.sourceRef,
+							itemUid: result.recordUid,
+							status: result.status,
+							localState: result.localState,
+							...result.sequence === void 0 ? {} : { sequence: result.sequence }
+						}).map((item) => item.itemUid === result.recordUid ? {
+							...item,
+							awaitingTimelineProjection: true
+						} : item);
+						if (sameTargetComposer()) setItems(applyExtensionResult);
+						const targetSourceKey = arkmeSourceIdentityKey(targetSource);
+						const cachedTimeline = conversationCacheRef.current.getTimeline(targetSourceKey);
+						if (cachedTimeline !== void 0) conversationCacheRef.current.storeTimeline(targetSourceKey, {
+							...cachedTimeline,
+							items: applyExtensionResult(mergeItems(cachedTimeline.items, [optimistic])),
+							...result.sequence === void 0 ? {} : { latestSequence: Math.max(cachedTimeline.latestSequence ?? 0, result.sequence) }
+						});
+						if (result.sequence !== void 0) arkmeChatDirectory.upsert({
+							...targetSource,
+							latestPreview: textContent || "非文本内容",
+							activeAtMillis: now,
+							latestSequence: result.sequence
+						}, targetSource.sourceKey);
+						await Promise.allSettled(pendingFileRefs.map((fileRef) => callArkme("files.local.remove", { fileRef })));
+						releaseArkmeComposerDraft(pendingDraft);
+						if (sameTargetComposer()) setComposerExtensionTarget((current) => current?.sourceRef === extensionTarget.sourceRef && current.item.itemUid === extensionTarget.item.itemUid ? void 0 : current);
+						arkmeUi.chatChanged();
+						return;
+					}
 					if (pendingFileRefs.length > 0 && pendingAssets.length > 0) throw new Error("旧版附件与本地附件不能混合发送，请重新添加旧版附件");
 					const sdk = createArkmeSdk();
 					const allCapturedSegments = [...inputCapture.backgroundSound.segments];
@@ -96433,6 +97832,59 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			};
 			const detailItem = items.find((item) => item.itemUid === detailItemUid);
 			const detailSharedRecording = detailItem === void 0 ? void 0 : arkmeRelatedRecordingItemFromSharedRecording(detailItem);
+			const acceptDetailExtension = (0, react.useCallback)((result) => {
+				const targetSource = source;
+				const targetSourceKey = targetSource === void 0 ? "" : arkmeSourceIdentityKey(targetSource);
+				const parent = items.find((item) => item.itemUid === detailItemUid);
+				if (targetSource === void 0 || parent === void 0 || result.parentRecordUid !== parent.itemUid || activeSourceKeyRef.current !== targetSourceKey) return;
+				const projected = detailExtensionTimelineItem(parent, result);
+				const applyProjection = (current) => mergeItems(current, [projected]);
+				pendingViewportRestoreRef.current = {
+					sourceKey: targetSourceKey,
+					viewport: void 0
+				};
+				setItems(applyProjection);
+				const cachedTimeline = conversationCacheRef.current.getTimeline(targetSourceKey);
+				const projectedAiPolishSettings = cachedTimeline?.aiPolishSettings ?? aiPolishSettings;
+				const projectedNextCursor = cachedTimeline?.nextCursor ?? nextCursor;
+				const projectedNewerCursor = cachedTimeline?.newerCursor ?? newerCursor;
+				conversationCacheRef.current.storeTimeline(targetSourceKey, {
+					items: applyProjection(cachedTimeline?.items ?? items),
+					aiPolishNotices: cachedTimeline?.aiPolishNotices ?? aiPolishNotices,
+					hasMore: cachedTimeline?.hasMore ?? hasMore,
+					...projectedAiPolishSettings === void 0 ? {} : { aiPolishSettings: projectedAiPolishSettings },
+					...projectedNextCursor === void 0 ? {} : { nextCursor: projectedNextCursor },
+					...projectedNewerCursor === void 0 ? {} : { newerCursor: projectedNewerCursor },
+					newerHasMore: cachedTimeline?.newerHasMore ?? newerHasMore,
+					latestSequence: Math.max(cachedTimeline?.latestSequence ?? 0, result.sequence ?? 0),
+					fetchedAtMillis: cachedTimeline?.fetchedAtMillis ?? Date.now(),
+					...!sourceIsChat ? { recordRevision: cachedTimeline?.recordRevision ?? sourceProjectionRevision } : {}
+				});
+				const latestPreview = extensionConversationPreview(result.extension);
+				if (result.sequence !== void 0 && isArkmeChatDirectorySource(targetSource)) arkmeChatDirectory.upsert({
+					...targetSource,
+					latestPreview,
+					activeAtMillis: result.extension.sendAtMillis,
+					latestSequence: result.sequence
+				}, targetSource.sourceKey);
+				arkmeUi.chatChanged();
+				loadTimeline(void 0, true).catch((caught) => {
+					if (activeSourceKeyRef.current === targetSourceKey) setError(errorMessage$2(caught));
+				});
+			}, [
+				aiPolishNotices,
+				aiPolishSettings,
+				detailItemUid,
+				hasMore,
+				items,
+				loadTimeline,
+				newerCursor,
+				newerHasMore,
+				nextCursor,
+				source,
+				sourceIsChat,
+				sourceProjectionRevision
+			]);
 			const activateSource = (0, react.useCallback)((nextSource) => {
 				if (isArkmeChatDirectorySource(nextSource)) arkmeChatDirectory.upsert(nextSource);
 				arkmeUi.selectSource(nextSource);
@@ -96832,6 +98284,27 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				interwovenMoments,
 				visibleConversationJoinEvents
 			]);
+			(0, react.useLayoutEffect)(() => {
+				const pending = pendingConversationTargetLocateRef.current;
+				const body = bodyRef.current;
+				if (pending === void 0 || body === null || pending.sourceKey !== timelineStateKey) return;
+				const row = [...body.querySelectorAll("[data-arkme-message-item-uid]")].find((element) => element.dataset.arkmeMessageItemUid === pending.itemUid);
+				if (row === void 0) return;
+				const bodyRect = body.getBoundingClientRect();
+				const rowRect = row.getBoundingClientRect();
+				const rowHeight = rowRect.height || rowRect.bottom - rowRect.top;
+				const centeredTop = body.scrollTop + rowRect.top - bodyRect.top - (body.clientHeight - rowHeight) / 2;
+				const maximumTop = Math.max(0, body.scrollHeight - body.clientHeight);
+				pendingConversationTargetLocateRef.current = void 0;
+				pendingViewportRestoreRef.current = void 0;
+				body.scrollTo({
+					top: Math.max(0, Math.min(maximumTop, centeredTop)),
+					behavior: "auto"
+				});
+				setHighlightedTargetUid(pending.itemUid);
+				conversationTargetLocatedRevisionRef.current = pending.revision;
+				arkmeUi.consumeConversationTarget(pending.revision);
+			}, [displayRows, timelineStateKey]);
 			const activeSelectMode = selectMode?.sourceKey === conversationKey ? selectMode : void 0;
 			const selectedMessageItems = (0, react.useMemo)(() => activeSelectMode === void 0 ? [] : arkmeSelectedTimelineItems(displayItems, activeSelectMode.selectedIds), [activeSelectMode, displayItems]);
 			const selectedMessageCount = activeSelectMode?.selectedIds.size ?? 0;
@@ -96877,6 +98350,19 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			const closeMessageMenu = (0, react.useCallback)(() => {
 				setMessageMenu(void 0);
 			}, []);
+			const startMessageExtension = (0, react.useCallback)((item) => {
+				const actionRef = arkmeTimelineMessageActionRef(item);
+				closeMessageMenu();
+				if (source === void 0 || actionRef === "") return;
+				setComposerExtensionTarget({
+					sourceRef: source.sourceRef,
+					item
+				});
+				setDrawer(void 0);
+				requestAnimationFrame(() => {
+					textareaRef.current?.focus();
+				});
+			}, [closeMessageMenu, source]);
 			const closeMessageSnapshot = (0, react.useCallback)(() => {
 				snapshotRequestRef.current?.abort();
 				snapshotRequestRef.current = void 0;
@@ -97394,11 +98880,13 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 				const body = bodyRef.current;
 				if (pending === void 0 || body === null || pending.sourceKey !== timelineStateKey) return;
 				const anchorOffset = arkmeConversationAnchorOffset(body, pending.viewport?.anchorId);
-				body.scrollTop = arkmeConversationRestoredScrollTop(pending.viewport, {
+				const newerPageStartOffset = arkmeConversationAnchorOffset(body, pending.newerPageStartAnchorId);
+				const maximumScrollTop = Math.max(0, body.scrollHeight - body.clientHeight);
+				body.scrollTop = pending.newerPageStartAnchorId === void 0 ? arkmeConversationRestoredScrollTop(pending.viewport, {
 					currentScrollTop: body.scrollTop,
 					scrollHeight: body.scrollHeight,
 					...anchorOffset === void 0 ? {} : { anchorOffset }
-				});
+				}) : Math.max(0, Math.min(maximumScrollTop, newerPageStartOffset === void 0 ? pending.viewport?.scrollTop ?? body.scrollTop : body.scrollTop + newerPageStartOffset));
 				conversationCacheRef.current.storeViewport(pending.sourceKey, arkmeConversationViewport(body));
 				pendingViewportRestoreRef.current = void 0;
 			}, [
@@ -97429,6 +98917,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 			const utilityContentVisible = authView === "content" && (ui.mode === "recordings" || ui.mode === "world" || ui.mode === "search" || ui.mode === "extensions" || ui.mode === "voiceprint" || ui.mode === "calls");
 			const conversationOverlayHost = panelRef.current;
 			const composerPlaceholder = arkmeComposerPlaceholderText(arkmeComposerPlaceholderTargetForSource(selectedSource, conversationMembers.length));
+			const effectiveComposerPlaceholder = activeComposerExtensionTarget === void 0 ? composerPlaceholder : `发送到「${source?.displayName ?? ""}」…`;
 			const localNotificationBlockingOverlayOpen = addMenuOpen || longArticleCreating || groupMembersOpen || drawer !== void 0 || selectedMoment !== void 0 || relatedMenuOpen || relatedPanelOpen || relatedDetail !== void 0 || memberMenu !== void 0 || messageMenu !== void 0 || snapshot !== void 0 || messageReportItem !== void 0 || memberProfile !== void 0 || memberRecords !== void 0 || forwardTargetPicker !== void 0;
 			(0, react.useLayoutEffect)(() => {
 				const target = notificationActivation.source;
@@ -97918,6 +99407,14 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 												const isForwardMessageCard = item.forwardRecords !== void 0;
 												const isSharedRecordingCard = item.sharedRecording !== void 0;
 												const isStructuredMessageCard = isForwardMessageCard || isSharedRecordingCard;
+												const isExtensionMessage = !isSharedRecordingCard && item.extensionParent !== void 0;
+												const messageAvatar = showMessageAvatars && !isSharedRecordingCard ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageAvatar, {
+													...avatarRef === void 0 ? {} : { avatarRef },
+													...messageMember === void 0 ? {} : { member: messageMember },
+													profileEnabled: source?.kind === "group_chat",
+													onOpen: openMemberProfile,
+													onContextMenu: openMemberMenu
+												}) : null;
 												const selectionAnchor = arkmeMessageSelectionAnchor(item);
 												return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [startsDay && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
 													style: styles$6.date,
@@ -97939,41 +99436,40 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 														event.stopPropagation();
 														toggleSelectedMessage(item);
 													},
-													children: [activeSelectMode !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageSelectionControl, {
-														anchor: selectionAnchor,
-														checked: selectedForAction,
-														disabled: !canUseMessageAction,
-														onToggle: () => {
-															toggleSelectedMessage(item);
-														}
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														style: {
-															...styles$6.messageLine,
-															...activeSelectMode !== void 0 && selectionAnchor === "avatar" ? styles$6.messageLineSelectAvatarMode : {},
-															...item.isMe && !isSharedRecordingCard ? styles$6.messageLineMe : {},
-															...isForwardMessageCard ? styles$6.forwardMessageLine : {},
-															...isSharedRecordingCard ? styles$6.sharedRecordingMessageLine : {},
-															...activeSelectMode !== void 0 && selectionAnchor === "card-center" ? styles$6.messageLineSelectCardCenterMode : {}
-														},
-														children: [showMessageAvatars && !isSharedRecordingCard && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageAvatar, {
-															...avatarRef === void 0 ? {} : { avatarRef },
-															...messageMember === void 0 ? {} : { member: messageMember },
-															profileEnabled: source?.kind === "group_chat",
-															onOpen: openMemberProfile,
-															onContextMenu: openMemberMenu
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													children: [
+														highlightedTargetUid === item.itemUid && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															"aria-hidden": "true",
+															"data-arkme-highlight-backdrop": "true",
+															style: styles$6.rowSearchTargetBackdrop
+														}),
+														activeSelectMode !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageSelectionControl, {
+															anchor: selectionAnchor,
+															checked: selectedForAction,
+															disabled: !canUseMessageAction,
+															onToggle: () => {
+																toggleSelectedMessage(item);
+															}
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 															style: {
-																...styles$6.messageBody,
-																...item.isMe && !isSharedRecordingCard ? styles$6.messageBodyMe : {},
-																...isForwardMessageCard ? styles$6.forwardMessageBody : {},
-																...isSharedRecordingCard ? styles$6.sharedRecordingMessageBody : {}
+																...styles$6.messageLine,
+																...activeSelectMode !== void 0 && selectionAnchor === "avatar" ? styles$6.messageLineSelectAvatarMode : {},
+																...item.isMe && !isSharedRecordingCard ? styles$6.messageLineMe : {},
+																...isForwardMessageCard ? styles$6.forwardMessageLine : {},
+																...isSharedRecordingCard ? styles$6.sharedRecordingMessageLine : {},
+																...activeSelectMode !== void 0 && selectionAnchor === "card-center" ? styles$6.messageLineSelectCardCenterMode : {}
 															},
-															children: [
-																!isSharedRecordingCard && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeTimelineMessageHeader, {
+															children: [!isExtensionMessage && messageAvatar, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																style: {
+																	...styles$6.messageBody,
+																	...item.isMe && !isSharedRecordingCard ? styles$6.messageBodyMe : {},
+																	...isForwardMessageCard ? styles$6.forwardMessageBody : {},
+																	...isSharedRecordingCard ? styles$6.sharedRecordingMessageBody : {}
+																},
+																children: [!isSharedRecordingCard && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeTimelineMessageHeader, {
 																	item,
 																	...selfProfile === void 0 ? {} : { profile: selfProfile }
-																}),
-																(() => {
+																}), (() => {
 																	const messageBubble = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 																		role: "button",
 																		tabIndex: 0,
@@ -98075,23 +99571,55 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 																			}, task.taskRef))
 																		]
 																	});
-																	return isSharedRecordingCard ? messageBubble : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageReadReceiptLine, {
+																	const messageContentLine = isSharedRecordingCard ? messageBubble : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageReadReceiptLine, {
 																		source,
 																		item,
 																		wide: isStructuredMessageCard,
 																		children: messageBubble
 																	}, `read-receipt:${conversationOverlayKey}`);
-																})(),
-																selfTopicSource !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeTimelineSelfTopicBadge, {
-																	topic: selfTopicSource,
-																	onSelect: activateSelfSource
-																})
-															]
-														})]
-													})]
+																	const topicBadge = selfTopicSource === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeTimelineSelfTopicBadge, {
+																		topic: selfTopicSource,
+																		onSelect: activateSelfSource
+																	});
+																	if (!isExtensionMessage || item.extensionParent === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [messageContentLine, topicBadge] });
+																	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																		"data-arkme-extension-message-cluster": "true",
+																		style: {
+																			...styles$6.extensionMessageGroup,
+																			...item.isMe ? styles$6.extensionMessageGroupMe : {}
+																		},
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeExtensionParentPreview, {
+																			parent: item.extensionParent,
+																			isMe: item.isMe,
+																			onSelect: () => {
+																				arkmeUi.showConversationTarget(source, item.extensionParent?.itemUid ?? "", item.extensionParent?.sendAtMillis ?? 0, item.extensionParent?.recordOwnerUserId);
+																			}
+																		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																			"data-arkme-extension-child-line": "true",
+																			style: {
+																				...styles$6.extensionChildLine,
+																				...item.isMe ? styles$6.extensionChildLineMe : {}
+																			},
+																			children: [messageAvatar, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																				style: {
+																					...styles$6.extensionChildBody,
+																					...item.isMe ? styles$6.extensionChildBodyMe : {}
+																				},
+																				children: [messageContentLine, topicBadge]
+																			})]
+																		})]
+																	});
+																})()]
+															})]
+														})
+													]
 												})] }, row.id);
 											})
 										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											ref: newerSentinelRef,
+											style: styles$6.sentinel
+										}),
 										newMessageCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 											type: "button",
 											style: styles$6.newMessages,
@@ -98253,285 +99781,345 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 									},
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										style: styles$6.composerStack,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											ref: composerRef,
-											className: "arkme-conversation-composer-inner",
-											style: styles$6.composerInner,
-											children: [
-												addMenuOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													ref: addMenuRef,
-													style: styles$6.addMenu,
-													role: "menu",
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-															type: "button",
-															role: "menuitem",
-															style: styles$6.addMenuItem,
-															onClick: () => {
-																setAddMenuOpen(false);
-																fileInputRef.current?.click();
-															},
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																"aria-hidden": true,
-																children: "📎"
-															}), "添加照片和文件"]
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: styles$6.menuDivider }),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-															type: "button",
-															role: "menuitem",
-															style: styles$6.addMenuItem,
-															onClick: () => {
-																setLongArticleCreating(true);
-																setAddMenuOpen(false);
-															},
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																"aria-hidden": true,
-																children: "✎"
-															}), "写长文"]
-														})
-													]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-													ref: fileInputRef,
-													type: "file",
-													multiple: true,
-													hidden: true,
-													onChange: (event) => {
-														selectFiles(event.currentTarget.files);
-													}
-												}),
-												attachments.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeAttachmentStrip, {
-													attachments,
-													disabled: preparingFiles,
-													onMove: (from, to) => arkmeComposerDraftStore.moveAttachment(composerDraftKey, from, to),
-													onPreview: (attachment) => {
-														if (attachment.localFile !== void 0) setDraftPreview(localFileBlock(attachment.localFile));
+										children: [
+											activeComposerExtensionTarget !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												style: styles$6.composerDestinationHint,
+												"data-arkme-composer-destination-hint": "true",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: styles$6.composerDestinationHintIcon,
+														"aria-hidden": true,
+														children: "💡"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "正在给 " }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: styles$6.composerDestinationHintName,
+														children: arkmeSourceDestinationLabel(source)
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: " 发消息" })
+												]
+											}),
+											activeComposerExtensionTarget !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												style: styles$6.composerExtensionTarget,
+												"data-arkme-composer-extension-target": "true",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													style: styles$6.composerExtensionTargetBody,
+													children: [(activeComposerExtensionTarget.item.textContent.trim() || activeComposerExtensionTarget.item.title.trim()) !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														style: styles$6.composerExtensionTargetText,
+														children: activeComposerExtensionTarget.item.textContent.trim() || activeComposerExtensionTarget.item.title.trim()
+													}), (activeComposerExtensionTarget.item.contentBlocks?.length ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														style: styles$6.composerExtensionTargetFiles,
+														children: activeComposerExtensionTarget.item.contentBlocks?.slice(0, 3).map((block, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															style: styles$6.composerExtensionTargetFile,
+															title: block.fileName || "附件",
+															children: block.kind === "image" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+																style: styles$6.composerExtensionTargetImage,
+																src: createArkmeSdk().mediaUrl(block.mediaRef),
+																alt: block.fileName || "图片附件"
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																hidden: true,
+																children: block.fileName || "附件"
+															})] }) : block.fileName || "附件"
+														}, `${block.mediaRef}:${String(index)}`))
+													})]
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													style: styles$6.composerExtensionTargetCancel,
+													"aria-label": "取消延展",
+													onClick: () => {
+														setComposerExtensionTarget(void 0);
+														textareaRef.current?.focus();
 													},
-													onRemove: (attachment) => {
-														arkmeComposerDraftStore.removeAttachment(composerDraftKey, arkmeAttachmentId(attachment));
-														if (attachment.localFile !== void 0) callArkme("files.local.remove", { fileRef: attachment.localFile.fileRef }).catch((caught) => setError(errorMessage$2(caught)));
-													}
-												}),
-												activeConversation && draftPreview !== void 0 && typeof document !== "undefined" && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMediaPreview, {
-													selected: draftPreview,
-													blocks: attachments.flatMap((attachment) => attachment.localFile === void 0 ? [] : [localFileBlock(attachment.localFile)]),
-													onSelect: setDraftPreview,
-													onClose: () => setDraftPreview(void 0),
-													openLocalFile: false
-												}), document.body),
-												mentionTrigger !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													style: styles$6.mentionSuggestions,
-													role: "listbox",
-													"aria-label": "选择要 @ 的对象",
-													children: mentionCandidates.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-														style: styles$6.mentionSuggestionsEmpty,
-														children: "暂无可 @ 的对象"
-													}) : mentionCandidates.map((member, index) => {
-														const primary = arkmeMentionCandidatePrimaryText(member);
-														const secondary = member.kind === "bot" ? (member.secondaryName ?? "Bot").trim() : "";
-														return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-															type: "button",
-															role: "option",
-															"aria-selected": index === mentionCandidateIndex,
-															style: {
-																...styles$6.mentionSuggestionRow,
-																...index === mentionCandidateIndex ? styles$6.mentionSuggestionRowActive : {}
-															},
-															onMouseEnter: () => {
-																setMentionCandidateIndex(index);
-															},
-															onMouseDown: (event) => {
-																event.preventDefault();
-																insertMentionCandidate(member);
-															},
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																style: styles$6.mentionSuggestionAvatar,
-																"aria-hidden": true,
-																children: member.kind === "bot" ? member.avatarRef === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	style: styles$6.mentionSuggestionBotAvatar,
-																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(t$5, {
-																		size: 14,
-																		weight: "fill"
-																	})
-																}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
-																	avatarRef: member.avatarRef,
-																	size: 28,
-																	label: member.displayName
-																}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
-																	...member.kind === "member" && member.avatarRef !== void 0 ? { avatarRef: member.avatarRef } : {},
-																	size: 28,
-																	label: member.displayName
-																})
-															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																style: styles$6.mentionSuggestionText,
+													children: "×"
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												ref: composerRef,
+												className: "arkme-conversation-composer-inner",
+												"data-arkme-primary-composer": "true",
+												"data-arkme-composer-focused": composerInputFocused ? "true" : "false",
+												style: {
+													...styles$6.composerInner,
+													...composerInputFocused ? styles$6.composerInnerFocused : {},
+													...activeComposerExtensionTarget === void 0 ? {} : styles$6.composerInnerExtension
+												},
+												children: [
+													addMenuOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														ref: addMenuRef,
+														style: styles$6.addMenu,
+														role: "menu",
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																type: "button",
+																role: "menuitem",
+																style: styles$6.addMenuItem,
+																onClick: () => {
+																	setAddMenuOpen(false);
+																	fileInputRef.current?.click();
+																},
 																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	style: styles$6.mentionSuggestionName,
-																	children: primary
-																}), secondary !== "" && secondary !== member.displayName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	style: styles$6.mentionSuggestionSecondary,
-																	children: secondary
-																}) : null]
-															})]
-														}, member.kind === "all" ? "all" : member.kind === "bot" ? `bot:${member.botRef}` : `member:${member.mentionRef}`);
-													})
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichComposerInput, {
-													className: "arkme-conversation-textarea",
-													ref: textareaRef,
-													style: styles$6.textarea,
-													value: draft,
-													mentions: composerDraft.mentions,
-													emojis: composerDraft.emojis,
-													maxLength: 2e4,
-													placeholder: composerPlaceholder,
-													ariaLabel: composerPlaceholder,
-													disabled: preparingFiles,
-													onTextChange: updateComposerText,
-													onFocus: () => {
-														setComposerInputFocused(true);
-													},
-													onBlur: () => {
-														setComposerInputFocused(false);
-													},
-													onSelectionChange: updateMentionTrigger,
-													onPaste: (event) => {
-														const files = arkmeClipboardFiles(event.clipboardData);
-														if (files.length === 0) return;
-														event.preventDefault();
-														selectFiles(files);
-													},
-													onKeyDown: (event) => {
-														if (mentionTrigger !== void 0) {
-															if (event.key === "Escape") {
-																event.preventDefault();
-																setMentionTrigger(void 0);
-																return;
-															}
-															if (event.key === "ArrowDown" && mentionCandidates.length > 0) {
-																event.preventDefault();
-																setMentionCandidateIndex((index) => (index + 1) % mentionCandidates.length);
-																return;
-															}
-															if (event.key === "ArrowUp" && mentionCandidates.length > 0) {
-																event.preventDefault();
-																setMentionCandidateIndex((index) => (index + mentionCandidates.length - 1) % mentionCandidates.length);
-																return;
-															}
-															if ((event.key === "Enter" || event.key === "Tab") && mentionCandidates.length > 0) {
-																event.preventDefault();
-																const selectedCandidate = mentionCandidates[Math.min(mentionCandidateIndex, mentionCandidates.length - 1)];
-																if (selectedCandidate !== void 0) insertMentionCandidate(selectedCandidate);
-																return;
-															}
+																	"aria-hidden": true,
+																	children: "📎"
+																}), "添加照片和文件"]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: styles$6.menuDivider }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																type: "button",
+																role: "menuitem",
+																style: styles$6.addMenuItem,
+																onClick: () => {
+																	setLongArticleCreating(true);
+																	setAddMenuOpen(false);
+																},
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	"aria-hidden": true,
+																	children: "✎"
+																}), "写长文"]
+															})
+														]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														ref: fileInputRef,
+														type: "file",
+														multiple: true,
+														hidden: true,
+														onChange: (event) => {
+															selectFiles(event.currentTarget.files);
 														}
-														if (!event.nativeEvent.isComposing && (event.key === "Backspace" || event.key === "Delete")) {
-															const caret = arkmeComposerDraftStore.deleteMentionAtSelection(composerDraftKey, textareaRef.current?.selectionStart ?? draft.length, textareaRef.current?.selectionEnd ?? draft.length, event.key === "Backspace" ? "backward" : "forward");
-															if (caret !== void 0) {
-																event.preventDefault();
-																requestAnimationFrame(() => {
-																	textareaRef.current?.focus();
-																	textareaRef.current?.setSelectionRange(caret, caret);
-																});
-																return;
-															}
+													}),
+													attachments.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeAttachmentStrip, {
+														attachments,
+														disabled: preparingFiles,
+														onMove: (from, to) => arkmeComposerDraftStore.moveAttachment(composerDraftKey, from, to),
+														onPreview: (attachment) => {
+															if (attachment.localFile !== void 0) setDraftPreview(localFileBlock(attachment.localFile));
+														},
+														onRemove: (attachment) => {
+															arkmeComposerDraftStore.removeAttachment(composerDraftKey, arkmeAttachmentId(attachment));
+															if (attachment.localFile !== void 0) callArkme("files.local.remove", { fileRef: attachment.localFile.fileRef }).catch((caught) => setError(errorMessage$2(caught)));
 														}
-														if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+													}),
+													activeConversation && draftPreview !== void 0 && typeof document !== "undefined" && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMediaPreview, {
+														selected: draftPreview,
+														blocks: attachments.flatMap((attachment) => attachment.localFile === void 0 ? [] : [localFileBlock(attachment.localFile)]),
+														onSelect: setDraftPreview,
+														onClose: () => setDraftPreview(void 0),
+														openLocalFile: false
+													}), document.body),
+													mentionTrigger !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														style: styles$6.mentionSuggestions,
+														role: "listbox",
+														"aria-label": "选择要 @ 的对象",
+														children: mentionCandidates.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															style: styles$6.mentionSuggestionsEmpty,
+															children: "暂无可 @ 的对象"
+														}) : mentionCandidates.map((member, index) => {
+															const primary = arkmeMentionCandidatePrimaryText(member);
+															const secondary = member.kind === "bot" ? (member.secondaryName ?? "Bot").trim() : "";
+															return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																type: "button",
+																role: "option",
+																"aria-selected": index === mentionCandidateIndex,
+																style: {
+																	...styles$6.mentionSuggestionRow,
+																	...index === mentionCandidateIndex ? styles$6.mentionSuggestionRowActive : {}
+																},
+																onMouseEnter: () => {
+																	setMentionCandidateIndex(index);
+																},
+																onMouseDown: (event) => {
+																	event.preventDefault();
+																	insertMentionCandidate(member);
+																},
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	style: styles$6.mentionSuggestionAvatar,
+																	"aria-hidden": true,
+																	children: member.kind === "bot" ? member.avatarRef === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		style: styles$6.mentionSuggestionBotAvatar,
+																		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(t$5, {
+																			size: 14,
+																			weight: "fill"
+																		})
+																	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
+																		avatarRef: member.avatarRef,
+																		size: 28,
+																		label: member.displayName
+																	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeUserAvatar, {
+																		...member.kind === "member" && member.avatarRef !== void 0 ? { avatarRef: member.avatarRef } : {},
+																		size: 28,
+																		label: member.displayName
+																	})
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	style: styles$6.mentionSuggestionText,
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		style: styles$6.mentionSuggestionName,
+																		children: primary
+																	}), secondary !== "" && secondary !== member.displayName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		style: styles$6.mentionSuggestionSecondary,
+																		children: secondary
+																	}) : null]
+																})]
+															}, member.kind === "all" ? "all" : member.kind === "bot" ? `bot:${member.botRef}` : `member:${member.mentionRef}`);
+														})
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichComposerInput, {
+														className: "arkme-conversation-textarea",
+														ref: textareaRef,
+														style: styles$6.textarea,
+														value: draft,
+														mentions: composerDraft.mentions,
+														emojis: composerDraft.emojis,
+														maxLength: 2e4,
+														placeholder: effectiveComposerPlaceholder,
+														ariaLabel: effectiveComposerPlaceholder,
+														disabled: preparingFiles,
+														onTextChange: updateComposerText,
+														onFocus: () => {
+															setComposerInputFocused(true);
+														},
+														onBlur: () => {
+															setComposerInputFocused(false);
+														},
+														onSelectionChange: updateMentionTrigger,
+														onPaste: (event) => {
+															const files = arkmeClipboardFiles(event.clipboardData);
+															if (files.length === 0) return;
 															event.preventDefault();
-															if (canSend) send();
-														}
-													}
-												}, composerDraftKey),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													style: styles$6.tools,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														style: styles$6.toolGroup,
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															ref: addMenuTriggerRef,
-															type: "button",
-															style: styles$6.plus,
-															"aria-label": "添加内容",
-															"aria-haspopup": "menu",
-															"aria-expanded": addMenuOpen,
-															disabled: preparingFiles,
-															onClick: () => {
-																setAddMenuOpen((value) => !value);
-															},
-															children: preparingFiles ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFilePreparingIndicator, {}) : "+"
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeEmojiPicker, {
-															disabled: preparingFiles,
-															scopeKey: composerDraftKey,
-															...source?.kind === "private_chat" || source?.kind === "group_chat" ? { sourceRef: source.sourceRef } : {},
-															getCaretGeometry: () => textareaRef.current?.getCaretGeometry(),
-															getEditorGeometry: () => textareaRef.current?.getEditorGeometry(),
-															onSelect: insertEmoji,
-															onUploadSticker: async (file) => {
-																if (composerDraftKey === void 0) throw new Error("请先选择聊天");
-																return await uploadFavoriteSticker(file);
-															},
-															onStickerSent: async () => {
-																await loadTimeline();
-															},
-															onError: (message) => {
-																setError(message);
+															selectFiles(files);
+														},
+														onKeyDown: (event) => {
+															if (mentionTrigger !== void 0) {
+																if (event.key === "Escape") {
+																	event.preventDefault();
+																	setMentionTrigger(void 0);
+																	return;
+																}
+																if (event.key === "ArrowDown" && mentionCandidates.length > 0) {
+																	event.preventDefault();
+																	setMentionCandidateIndex((index) => (index + 1) % mentionCandidates.length);
+																	return;
+																}
+																if (event.key === "ArrowUp" && mentionCandidates.length > 0) {
+																	event.preventDefault();
+																	setMentionCandidateIndex((index) => (index + mentionCandidates.length - 1) % mentionCandidates.length);
+																	return;
+																}
+																if ((event.key === "Enter" || event.key === "Tab") && mentionCandidates.length > 0) {
+																	event.preventDefault();
+																	const selectedCandidate = mentionCandidates[Math.min(mentionCandidateIndex, mentionCandidates.length - 1)];
+																	if (selectedCandidate !== void 0) insertMentionCandidate(selectedCandidate);
+																	return;
+																}
 															}
-														}, `emoji-picker:${conversationOverlayKey}`)]
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														style: styles$6.composerSendArea,
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeComposerInputStats, {
-															active: activeConversation,
-															visible: composerStatsVisible,
-															textLength: composerTextLength,
-															...composerInputStartedAtMillis === void 0 ? {} : { startedAtMillis: composerInputStartedAtMillis },
-															showsInputTime: composerShowsInputTime,
-															onToggle: () => {
-																const next = !composerShowsInputTime;
-																setComposerShowsInputTime(next);
-																setArkmeComposerShowsInputTime(next);
-																textareaRef.current?.focus();
+															if (!event.nativeEvent.isComposing && (event.key === "Backspace" || event.key === "Delete")) {
+																const caret = arkmeComposerDraftStore.deleteMentionAtSelection(composerDraftKey, textareaRef.current?.selectionStart ?? draft.length, textareaRef.current?.selectionEnd ?? draft.length, event.key === "Backspace" ? "backward" : "forward");
+																if (caret !== void 0) {
+																	event.preventDefault();
+																	requestAnimationFrame(() => {
+																		textareaRef.current?.focus();
+																		textareaRef.current?.setSelectionRange(caret, caret);
+																	});
+																	return;
+																}
 															}
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															type: "button",
-															style: {
-																...styles$6.send,
-																opacity: canSend ? 1 : .4
-															},
-															disabled: !canSend,
-															"aria-label": "发送消息",
-															onMouseDown: (event) => {
+															if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
 																event.preventDefault();
-															},
-															onMouseEnter: (event) => {
-																if (!event.currentTarget.disabled) event.currentTarget.style.background = "#262936";
-															},
-															onMouseLeave: (event) => {
-																event.currentTarget.style.background = "#171923";
-															},
-															onClick: () => {
-																send();
-															},
-															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-																viewBox: "0 0 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",
-																	fill: "currentColor"
+																if (canSend) send();
+															}
+														}
+													}, composerDraftKey),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														style: styles$6.tools,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															style: styles$6.toolGroup,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																ref: addMenuTriggerRef,
+																type: "button",
+																style: styles$6.plus,
+																"aria-label": "添加内容",
+																"aria-haspopup": "menu",
+																"aria-expanded": addMenuOpen,
+																disabled: preparingFiles,
+																onClick: () => {
+																	setAddMenuOpen((value) => !value);
+																},
+																children: preparingFiles ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFilePreparingIndicator, {}) : "+"
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeEmojiPicker, {
+																disabled: preparingFiles,
+																scopeKey: composerDraftKey,
+																...source?.kind === "private_chat" || source?.kind === "group_chat" ? { sourceRef: source.sourceRef } : {},
+																getCaretGeometry: () => textareaRef.current?.getCaretGeometry(),
+																getEditorGeometry: () => textareaRef.current?.getEditorGeometry(),
+																onSelect: insertEmoji,
+																onUploadSticker: async (file) => {
+																	if (composerDraftKey === void 0) throw new Error("请先选择聊天");
+																	return await uploadFavoriteSticker(file);
+																},
+																onStickerSent: async () => {
+																	await loadTimeline();
+																},
+																onError: (message) => {
+																	setError(message);
+																}
+															}, `emoji-picker:${conversationOverlayKey}`)]
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															style: styles$6.composerSendArea,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeComposerInputStats, {
+																active: activeConversation,
+																visible: composerStatsVisible,
+																textLength: composerTextLength,
+																...composerInputStartedAtMillis === void 0 ? {} : { startedAtMillis: composerInputStartedAtMillis },
+																showsInputTime: composerShowsInputTime,
+																onToggle: () => {
+																	const next = !composerShowsInputTime;
+																	setComposerShowsInputTime(next);
+																	setArkmeComposerShowsInputTime(next);
+																	textareaRef.current?.focus();
+																}
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																style: {
+																	...styles$6.send,
+																	...canSend ? {} : styles$6.sendDisabled
+																},
+																disabled: !canSend,
+																"aria-label": "发送消息",
+																onMouseDown: (event) => {
+																	event.preventDefault();
+																},
+																onMouseEnter: (event) => {
+																	if (!event.currentTarget.disabled) event.currentTarget.style.background = "#08A437";
+																},
+																onMouseLeave: (event) => {
+																	if (!event.currentTarget.disabled) event.currentTarget.style.background = "#09B83E";
+																},
+																onClick: () => {
+																	send();
+																},
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+																	viewBox: "9.7 6.1 16 16",
+																	width: "16",
+																	height: "16",
+																	"aria-hidden": true,
+																	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+																		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"
+																	})
 																})
-															})
+															})]
 														})]
-													})]
-												}),
-												arkmeSourceSupportsRecordInputCapture(source?.kind) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeBackgroundSoundWaveform, {
-													owner: recordInputCaptureOwner,
-													draftKey: composerDraftKey
-												})
-											]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											style: styles$6.composerHint,
-											children: "Enter发送 / Shift+Enter换行"
-										})]
+													}),
+													arkmeSourceSupportsRecordInputCapture(source?.kind) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeBackgroundSoundWaveform, {
+														owner: recordInputCaptureOwner,
+														draftKey: composerDraftKey
+													})
+												]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												style: styles$6.composerHint,
+												children: "Enter发送 / Shift+Enter换行"
+											})
+										]
 									})
 								})
 							] }),
@@ -98781,6 +100369,26 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 											children: ARKME_MESSAGE_ACTION_MENU_LABELS[1]
 										})]
 									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										role: "menuitem",
+										style: {
+											...styles$6.messageActionMenuItem,
+											opacity: arkmeTimelineMessageActionRef(messageMenuItem) === "" ? .45 : 1
+										},
+										disabled: arkmeTimelineMessageActionRef(messageMenuItem) === "",
+										onClick: () => {
+											startMessageExtension(messageMenuItem);
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: styles$6.messageActionMenuIcon,
+											"aria-hidden": true,
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeDesktopExtensionIcon, {})
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: styles$6.messageActionMenuText,
+											children: ARKME_MESSAGE_ACTION_MENU_LABELS[2]
+										})]
+									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
 										role: "menuitem",
@@ -98798,7 +100406,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageActionIcon, { kind: "select" })
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											style: styles$6.messageActionMenuText,
-											children: ARKME_MESSAGE_ACTION_MENU_LABELS[2]
+											children: ARKME_MESSAGE_ACTION_MENU_LABELS[3]
 										})]
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -98818,7 +100426,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageActionIcon, { kind: "forward" })
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											style: styles$6.messageActionMenuText,
-											children: ARKME_MESSAGE_ACTION_MENU_LABELS[3]
+											children: ARKME_MESSAGE_ACTION_MENU_LABELS[4]
 										})]
 									}),
 									arkmeCanReportTimelineMessage(source, messageMenuItem) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -98948,7 +100556,9 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
 									setShowOriginal((value) => !value);
 								},
 								shareWebsite,
-								onMessageCopyLinkOpen: openMessageCopyLinkDetail
+								onMessageCopyLinkOpen: openMessageCopyLinkDetail,
+								onExtensionSent: acceptDetailExtension,
+								onToast: showMessageActionStatus
 							}, detailItem.itemUid),
 							activeConversation && drawer === "copyLink" && copyLinkDetail !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								style: styles$6.forwardDrawerDismiss,
@@ -130582,12 +132192,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 +132253,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 +132281,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 +132324,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 +132351,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 +132474,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 +132547,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 +132705,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\nbody[data-ds-dark-theme] .arkme-detail-extension-input-bar {\n  border-top-color: #363636 !important;\n}\n\nbody[data-ds-dark-theme] .arkme-detail-extension-input-shell {\n  background: #2b2b2b !important;\n}\n\n[data-arkme-message-direction]:focus-visible, [data-arkme-note-detail] button:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n  outline-offset: 2px;\n}\n\n.arkme-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";