@senguoyun/dsh-arkme 0.1.61 → 0.1.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/lib/client.js +593 -93
  2. package/lib/client.js.map +1 -1
  3. package/lib/harness-model-client.js +3 -0
  4. package/lib/harness-session-client.js +49 -0
  5. package/lib/index.js +26 -2
  6. package/lib/persistent-extension.js +1 -1
  7. package/lib/{persistent-runtime-CXd9RuRR.js → persistent-runtime-DUrok1U3.js} +52 -28
  8. package/lib/sdk.js +3 -0
  9. package/lib/types/arkme-service.d.ts +4 -1
  10. package/lib/types/arkme-service.d.ts.map +1 -1
  11. package/lib/types/client/ArkmeAvatar.d.ts.map +1 -1
  12. package/lib/types/client/ArkmeConversationSearch.d.ts.map +1 -1
  13. package/lib/types/client/ArkmeFileViewer.d.ts.map +1 -1
  14. package/lib/types/client/ArkmeLongArticleDialog.d.ts +5 -0
  15. package/lib/types/client/ArkmeLongArticleDialog.d.ts.map +1 -1
  16. package/lib/types/client/ArkmeNoteDetails.d.ts.map +1 -1
  17. package/lib/types/client/ArkmePrivateCallMenu.d.ts.map +1 -1
  18. package/lib/types/client/ArkmeProductNavigation.d.ts.map +1 -1
  19. package/lib/types/client/ArkmeRichContent.d.ts +3 -0
  20. package/lib/types/client/ArkmeRichContent.d.ts.map +1 -1
  21. package/lib/types/client/ArkmeSidebar.d.ts.map +1 -1
  22. package/lib/types/client/ArkmeTopicDirectoryPopover.d.ts.map +1 -1
  23. package/lib/types/client/DeepSeekHarnessSurface.d.ts.map +1 -1
  24. package/lib/types/client/harness-session-client.d.ts.map +1 -1
  25. package/lib/types/client/harness-session-selection.d.ts +9 -0
  26. package/lib/types/client/harness-session-selection.d.ts.map +1 -0
  27. package/lib/types/client/harness-window-drag.d.ts +16 -0
  28. package/lib/types/client/harness-window-drag.d.ts.map +1 -0
  29. package/lib/types/harness-embed-route.d.ts.map +1 -1
  30. package/lib/types/harness-session-restore-script.d.ts +9 -0
  31. package/lib/types/harness-session-restore-script.d.ts.map +1 -0
  32. package/lib/types/host-api.d.ts.map +1 -1
  33. package/lib/types/sdk/index.d.ts +3 -0
  34. package/lib/types/sdk/index.d.ts.map +1 -1
  35. package/lib/types/services/chat-service.d.ts.map +1 -1
  36. package/lib/types/services/file-transfers.d.ts +5 -1
  37. package/lib/types/services/file-transfers.d.ts.map +1 -1
  38. package/lib/types/types.d.ts +3 -1
  39. package/lib/types/types.d.ts.map +1 -1
  40. package/package.json +5 -5
package/lib/client.js CHANGED
@@ -1197,6 +1197,9 @@ window.__ModuleLoader__.load({
1197
1197
  async localFiles(signal) {
1198
1198
  return this.call("files.local.list", void 0, signal);
1199
1199
  }
1200
+ async openLocalFileFolder(fileRef, signal) {
1201
+ return this.call("files.local.open-folder", { fileRef }, signal);
1202
+ }
1200
1203
  async openLocalFile(fileRef, signal) {
1201
1204
  return this.call("files.local.open", { fileRef }, signal);
1202
1205
  }
@@ -5943,7 +5946,7 @@ window.__ModuleLoader__.load({
5943
5946
  qrcode.stringToBytes;
5944
5947
  //#endregion
5945
5948
  //#region package.json
5946
- var version$3 = "0.1.61";
5949
+ var version$3 = "0.1.62";
5947
5950
  //#endregion
5948
5951
  //#region src/client/arkme-billing.css?inline
5949
5952
  var arkme_billing_default = ".arkme-billing-backdrop {\n z-index: 120;\n backdrop-filter: blur(3px);\n background: #181b223d;\n place-items: center;\n padding: 28px;\n display: grid;\n position: fixed;\n inset: 0;\n}\n\n.arkme-billing-recharge-dialog, .arkme-billing-payment-dialog {\n color: #20232c;\n background: #fff;\n border: 1px solid #dedfe3;\n border-radius: 20px;\n width: min(620px, 100%);\n max-height: min(720px, 100vh - 56px);\n overflow-y: auto;\n box-shadow: 0 24px 72px #191c232e;\n}\n\n.arkme-billing-payment-dialog {\n width: min(420px, 100%);\n}\n\n.arkme-billing-dialog-header {\n border-bottom: 1px solid #ececef;\n justify-content: space-between;\n align-items: flex-start;\n gap: 18px;\n min-height: 78px;\n padding: 20px 22px 16px;\n display: flex;\n}\n\n.arkme-billing-dialog-header h2 {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n line-height: 25px;\n}\n\n.arkme-billing-dialog-header p {\n overflow-wrap: anywhere;\n color: #8a8e96;\n margin: 4px 0 0;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-billing-dialog-header > button {\n color: #777c85;\n width: 32px;\n height: 32px;\n font: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 9px;\n flex: none;\n place-items: center;\n font-size: 22px;\n display: grid;\n}\n\n.arkme-billing-dialog-header > button:hover {\n color: #20232c;\n background: #f3f3f5;\n}\n\n.arkme-billing-dialog-body {\n padding: 18px 22px 22px;\n}\n\n.arkme-billing-dialog-balance {\n border-bottom: 1px solid #ececef;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: center;\n column-gap: 12px;\n min-height: 48px;\n padding: 0 2px 16px;\n display: grid;\n}\n\n.arkme-billing-dialog-balance > span {\n color: #8a8e96;\n grid-column: 1;\n font-size: 11px;\n line-height: 16px;\n}\n\n.arkme-billing-dialog-balance > strong {\n grid-column: 1;\n font-size: 22px;\n font-weight: 600;\n line-height: 28px;\n}\n\n.arkme-billing-dialog-balance > button, .arkme-billing-error > button {\n color: #626772;\n height: 30px;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 9px;\n grid-area: 1 / 2 / span 2;\n padding: 0 12px;\n font-size: 11px;\n}\n\n.arkme-billing-products-section, .arkme-billing-payment-section {\n padding-top: 17px;\n}\n\n.arkme-billing-products-section h3, .arkme-billing-payment-section h3 {\n color: #747984;\n margin: 0 0 11px;\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n}\n\n.arkme-billing-product-grid {\n width: 100%;\n}\n\n.arkme-billing-product-grid > button {\n color: #20232c;\n min-width: 0;\n min-height: 62px;\n font: inherit;\n text-align: left;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 11px;\n align-content: center;\n gap: 4px;\n padding: 9px 11px;\n display: grid;\n}\n\n.arkme-billing-product-grid > button:hover {\n background: #f8f8f9;\n border-color: #cfd2d8;\n}\n\n.arkme-billing-product-grid > button.is-selected {\n border-color: #75839e;\n box-shadow: 0 0 0 1px #75839e;\n}\n\n.arkme-billing-product-grid > button > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 12px;\n font-weight: 500;\n line-height: 17px;\n overflow: hidden;\n}\n\n.arkme-billing-product-grid > button > strong {\n font-size: 14px;\n font-weight: 600;\n line-height: 19px;\n}\n\n.arkme-billing-payment-actions {\n flex-wrap: wrap;\n gap: 10px;\n display: flex;\n}\n\n.arkme-billing-payment-actions > button {\n color: #333842;\n min-width: 154px;\n height: 38px;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 10px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n padding: 0 14px;\n font-size: 12px;\n display: inline-flex;\n}\n\n.arkme-billing-payment-actions > button:hover {\n background: #f7f7f8;\n border-color: #cfd3da;\n}\n\n.arkme-billing-payment-actions > button:disabled, .arkme-billing-product-grid > button:disabled {\n opacity: .48;\n cursor: default;\n}\n\n.arkme-billing-platform-icon {\n flex: none;\n width: 18px;\n height: 18px;\n}\n\n.arkme-billing-platform-icon.is-alipay {\n color: #1677ff;\n}\n\n.arkme-billing-platform-icon.is-wechat {\n color: #07c160;\n}\n\n.arkme-billing-state {\n color: #858992;\n margin: 12px 0 2px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-billing-error {\n color: #b54841;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n margin-top: 10px;\n font-size: 12px;\n line-height: 18px;\n display: flex;\n}\n\n.arkme-billing-error.is-purchase {\n justify-content: flex-start;\n}\n\n.arkme-billing-payment-content {\n text-align: center;\n justify-items: center;\n gap: 10px;\n padding: 28px 24px 18px;\n display: grid;\n}\n\n.arkme-billing-payment-content > .arkme-billing-platform-icon {\n width: 38px;\n height: 38px;\n margin-bottom: 4px;\n}\n\n.arkme-billing-payment-content > img {\n border-radius: 10px;\n width: 210px;\n height: 210px;\n}\n\n.arkme-billing-payment-content > strong {\n font-size: 14px;\n font-weight: 600;\n line-height: 21px;\n}\n\n.arkme-billing-payment-content > p {\n color: #858992;\n margin: 0;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-billing-payment-content.is-paid > strong {\n color: #16794f;\n font-size: 18px;\n line-height: 25px;\n}\n\n.arkme-billing-payment-content.is-paid > .arkme-billing-error {\n justify-content: center;\n}\n\n.arkme-billing-payment-content.is-crediting > strong {\n color: #335f9e;\n}\n\n.arkme-billing-dialog-actions {\n flex-wrap: wrap;\n justify-content: center;\n gap: 9px;\n padding: 0 22px 20px;\n display: flex;\n}\n\n.arkme-billing-dialog-actions > button, .arkme-billing-primary-action {\n color: #3c424d;\n height: 34px;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 9px;\n padding: 0 14px;\n font-size: 12px;\n}\n\n.arkme-billing-dialog-actions > .arkme-billing-primary-action, .arkme-billing-payment-content > .arkme-billing-primary-action {\n color: #fff;\n background: #20232d;\n border-color: #20232d;\n}\n";
@@ -7360,6 +7363,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
7360
7363
  }
7361
7364
  function ArkmeDefaultAvatarFrame({ children }) {
7362
7365
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
7366
+ "data-arkme-avatar": true,
7363
7367
  style: {
7364
7368
  width: "100%",
7365
7369
  height: "100%",
@@ -7412,6 +7416,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
7412
7416
  const imageUrl = useArkmeAvatarImage(normalizedRef, lazy ? container : void 0);
7413
7417
  const styles = avatarStyles(size);
7414
7418
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
7419
+ "data-arkme-avatar": true,
7415
7420
  ref: container,
7416
7421
  style: styles.avatar,
7417
7422
  "aria-label": label,
@@ -7481,6 +7486,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
7481
7486
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
7482
7487
  "aria-hidden": true,
7483
7488
  "data-arkme-group-avatar-count": layoutCount,
7489
+ "data-arkme-avatar": true,
7484
7490
  style: {
7485
7491
  width: size,
7486
7492
  height: size,
@@ -7597,6 +7603,7 @@ body[data-ds-dark-theme] .arkme-bot-identity {
7597
7603
  }, [slotsKey, visible]);
7598
7604
  const styles = avatarStyles(size);
7599
7605
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
7606
+ "data-arkme-avatar": true,
7600
7607
  ref: container,
7601
7608
  "aria-hidden": true,
7602
7609
  style: {
@@ -50163,6 +50170,17 @@ html body {
50163
50170
  }
50164
50171
  };
50165
50172
  }
50173
+ const filePanelActionStyle = {
50174
+ flex: "1 1 auto",
50175
+ padding: "10px 16px",
50176
+ border: 0,
50177
+ borderRadius: 999,
50178
+ background: "var(--dsw-alias-interactive-bg-hover)",
50179
+ color: "var(--dsw-alias-label-primary)",
50180
+ fontSize: 14,
50181
+ whiteSpace: "nowrap",
50182
+ cursor: "pointer"
50183
+ };
50166
50184
  const primaryActionStyle = {
50167
50185
  padding: "10px 24px",
50168
50186
  border: 0,
@@ -50349,15 +50367,17 @@ html body {
50349
50367
  const [saved, setSaved] = (0, react$1.useState)(false);
50350
50368
  const saveController = (0, react$1.useRef)();
50351
50369
  const { localRef } = original;
50370
+ const identity = block.fileAssetUid ?? block.localFileRef ?? block.originalRef ?? block.mediaRef;
50352
50371
  (0, react$1.useEffect)(() => () => {
50353
50372
  saveController.current?.abort();
50354
- }, [block.mediaRef, block.localFileRef]);
50373
+ }, [identity]);
50355
50374
  (0, react$1.useEffect)(() => {
50356
50375
  setNotice("");
50357
50376
  setSaved(false);
50358
- }, [block.mediaRef, block.localFileRef]);
50377
+ setSaving(false);
50378
+ }, [identity]);
50359
50379
  const save = async () => {
50360
- if (localRef === void 0 && block.originalRef === void 0 || saving) return;
50380
+ if (localRef === void 0 && block.originalRef === void 0 || saveController.current !== void 0 && !saveController.current.signal.aborted) return;
50361
50381
  const controller = new AbortController();
50362
50382
  saveController.current = controller;
50363
50383
  setSaving(true);
@@ -50395,18 +50415,23 @@ html body {
50395
50415
  if (handle !== void 0) {
50396
50416
  const response = await fetch(arkmeLocalFileUrl(saveRef), { signal: controller.signal });
50397
50417
  if (!response.ok) throw new Error("原文件已不可用,请重新接收");
50418
+ controller.signal.throwIfAborted();
50398
50419
  const writable = await handle.createWritable();
50399
50420
  try {
50421
+ controller.signal.throwIfAborted();
50400
50422
  const data = await response.blob();
50401
50423
  controller.signal.throwIfAborted();
50402
50424
  await writable.write(data);
50425
+ controller.signal.throwIfAborted();
50403
50426
  await writable.close();
50404
50427
  } catch (error) {
50405
50428
  await writable.abort().catch(() => {});
50406
50429
  throw error;
50407
50430
  }
50408
- setNotice("保存成功");
50409
- setSaved(true);
50431
+ if (!controller.signal.aborted) {
50432
+ setNotice("保存成功");
50433
+ setSaved(true);
50434
+ }
50410
50435
  } else {
50411
50436
  const link = document.createElement("a");
50412
50437
  link.href = arkmeLocalFileUrl(saveRef, true);
@@ -50419,7 +50444,10 @@ html body {
50419
50444
  } catch (error) {
50420
50445
  if (!controller.signal.aborted && !(error instanceof DOMException && error.name === "AbortError")) setNotice(error instanceof Error ? error.message : "保存失败,请重试");
50421
50446
  } finally {
50422
- setSaving(false);
50447
+ if (saveController.current === controller) {
50448
+ saveController.current = void 0;
50449
+ setSaving(false);
50450
+ }
50423
50451
  }
50424
50452
  };
50425
50453
  return {
@@ -50508,42 +50536,52 @@ html body {
50508
50536
  };
50509
50537
  }
50510
50538
  function useArkmeNativeFileOpen(block, original, onOpened) {
50511
- const [waitingForReception, setWaitingForReception] = (0, react$1.useState)(false);
50539
+ const [pendingOpenIdentity, setPendingOpenIdentity] = (0, react$1.useState)();
50512
50540
  const [opening, setOpening] = (0, react$1.useState)(false);
50513
50541
  const [error, setError] = (0, react$1.useState)("");
50514
50542
  const openController = (0, react$1.useRef)();
50543
+ const identity = block.fileAssetUid ?? block.localFileRef ?? block.originalRef ?? block.mediaRef;
50515
50544
  (0, react$1.useEffect)(() => {
50516
- setWaitingForReception(false);
50545
+ setPendingOpenIdentity(void 0);
50517
50546
  setOpening(false);
50518
50547
  setError("");
50519
50548
  return () => openController.current?.abort();
50520
- }, [block.localFileRef ?? block.originalRef ?? block.mediaRef]);
50521
- const openLocal = async (fileRef) => {
50522
- if (opening) return;
50549
+ }, [identity]);
50550
+ const openLocal = async (fileRef, target = "file") => {
50551
+ if (openController.current !== void 0 && !openController.current.signal.aborted) return;
50523
50552
  const controller = new AbortController();
50524
50553
  openController.current = controller;
50525
50554
  setOpening(true);
50526
50555
  setError("");
50527
50556
  try {
50528
- await sdk.openLocalFile(fileRef, controller.signal);
50529
- if (!controller.signal.aborted) onOpened();
50557
+ if (target === "folder") await sdk.openLocalFileFolder(fileRef, controller.signal);
50558
+ else await sdk.openLocalFile(fileRef, controller.signal);
50559
+ if (!controller.signal.aborted && target === "file") onOpened();
50530
50560
  } catch (reason) {
50531
- if (!controller.signal.aborted) setError(reason instanceof Error ? reason.message : "文件打开失败,请重试");
50561
+ if (!controller.signal.aborted) setError(reason instanceof Error ? reason.message : target === "folder" ? "文件夹打开失败,请重试" : "文件打开失败,请重试");
50532
50562
  } finally {
50533
- if (!controller.signal.aborted) setOpening(false);
50563
+ if (openController.current === controller) {
50564
+ openController.current = void 0;
50565
+ if (!controller.signal.aborted) setOpening(false);
50566
+ }
50534
50567
  }
50535
50568
  };
50536
50569
  (0, react$1.useEffect)(() => {
50537
- if (!waitingForReception || original.localRef === void 0) return;
50538
- setWaitingForReception(false);
50570
+ if (pendingOpenIdentity !== identity || original.localRef === void 0) return;
50571
+ setPendingOpenIdentity(void 0);
50539
50572
  openLocal(original.localRef);
50540
- }, [waitingForReception, original.localRef]);
50573
+ }, [
50574
+ pendingOpenIdentity,
50575
+ identity,
50576
+ original.localRef
50577
+ ]);
50541
50578
  (0, react$1.useEffect)(() => {
50542
- if (!waitingForReception || original.reception.state !== "failed") return;
50543
- setWaitingForReception(false);
50579
+ if (pendingOpenIdentity !== identity || original.reception.state !== "failed") return;
50580
+ setPendingOpenIdentity(void 0);
50544
50581
  setError(original.reception.error ?? "文件接收失败,请重试");
50545
50582
  }, [
50546
- waitingForReception,
50583
+ pendingOpenIdentity,
50584
+ identity,
50547
50585
  original.reception.state,
50548
50586
  original.reception.error
50549
50587
  ]);
@@ -50557,13 +50595,16 @@ html body {
50557
50595
  setError("原文件不可用");
50558
50596
  return;
50559
50597
  }
50560
- setWaitingForReception(true);
50598
+ setPendingOpenIdentity(identity);
50561
50599
  original.receive();
50562
50600
  };
50563
50601
  return {
50564
50602
  opening,
50565
50603
  error,
50566
- open
50604
+ open,
50605
+ openFolder: () => {
50606
+ if (original.localRef !== void 0) openLocal(original.localRef, "folder");
50607
+ }
50567
50608
  };
50568
50609
  }
50569
50610
  function FileDownloadAction({ block, original, download, showStatus = true, hideAfterSave = true }) {
@@ -50718,23 +50759,27 @@ html body {
50718
50759
  const nativeOpen = useArkmeNativeFileOpen(block, original, onClose);
50719
50760
  const { notice: actionNotice, showNotice: showActionNotice, clearNotice: clearActionNotice } = useArkmeFileActionNotice();
50720
50761
  const panel = (0, react$1.useRef)(null);
50721
- const [text, setText] = (0, react$1.useState)("");
50762
+ const [text, setText] = (0, react$1.useState)();
50722
50763
  const [error, setError] = (0, react$1.useState)("");
50723
- const [openRequested, setOpenRequested] = (0, react$1.useState)(openLocalFile);
50764
+ const [openRequested, setOpenRequested] = (0, react$1.useState)(openLocalFile ? 1 : 0);
50765
+ const fileIdentity = block.fileAssetUid ?? block.localFileRef ?? block.originalRef ?? block.mediaRef;
50724
50766
  const url = original.localRef === void 0 ? void 0 : arkmeLocalFileUrl(original.localRef);
50725
50767
  const textFile = canPreviewTextFile(block);
50726
50768
  const visualKind = arkmeBrowserVisualKind(block.mimeType, block.fileName);
50727
50769
  const browserPreview = !forceDownload && arkmeCanPreviewFile(block);
50728
50770
  const receptionNoun = forceDownload && (block.kind === "image" || block.kind === "video") ? block.kind === "image" ? "图片" : "视频" : "文件";
50729
- const showContent = url !== void 0 && browserPreview && (openRequested || block.kind === "image" || block.kind === "video");
50771
+ const showContent = url !== void 0 && browserPreview && (openRequested > 0 || block.kind === "image" || block.kind === "video");
50730
50772
  const systemFile = !browserPreview;
50773
+ const filePanel = block.kind === "file";
50774
+ const openBusy = original.reception.state === "receiving" && original.localRef === void 0 || systemFile && nativeOpen.opening;
50775
+ const unavailable = original.localRef === void 0 && block.originalRef === void 0;
50731
50776
  const index = Math.max(0, blocks.findIndex((value) => value.mediaRef === block.mediaRef));
50732
50777
  const previousDisabled = navigation === void 0 ? onSelect === void 0 || index <= 0 : navigation.previous === void 0;
50733
50778
  const nextDisabled = navigation === void 0 ? onSelect === void 0 || index >= blocks.length - 1 : navigation.next === void 0;
50734
50779
  (0, react$1.useEffect)(() => {
50735
- setOpenRequested(openLocalFile);
50780
+ setOpenRequested(openLocalFile ? 1 : 0);
50736
50781
  setError("");
50737
- }, [block.mediaRef, openLocalFile]);
50782
+ }, [fileIdentity, openLocalFile]);
50738
50783
  (0, react$1.useEffect)(() => {
50739
50784
  clearActionNotice();
50740
50785
  }, [block.mediaRef, clearActionNotice]);
@@ -50746,7 +50791,7 @@ html body {
50746
50791
  };
50747
50792
  }, []);
50748
50793
  (0, react$1.useEffect)(() => {
50749
- setText("");
50794
+ setText(void 0);
50750
50795
  setError("");
50751
50796
  if (url === void 0 || !textFile || !showContent) return;
50752
50797
  const controller = new AbortController();
@@ -50755,22 +50800,24 @@ html body {
50755
50800
  const value = await response.text();
50756
50801
  if (!controller.signal.aborted) setText(value);
50757
50802
  }).catch(() => {
50758
- if (!controller.signal.aborted) setError("文件预览失败,请下载后打开");
50803
+ if (!controller.signal.aborted) setError("文件预览失败,请重试或另存为后打开");
50759
50804
  });
50760
50805
  return () => controller.abort();
50761
50806
  }, [
50762
50807
  url,
50763
50808
  textFile,
50764
- showContent
50809
+ showContent,
50810
+ openRequested
50765
50811
  ]);
50766
50812
  const preview = () => {
50767
- setOpenRequested(browserPreview);
50813
+ setOpenRequested((value) => browserPreview ? value + 1 : 0);
50768
50814
  setError("");
50769
50815
  if (original.localRef === void 0) original.receive();
50770
50816
  };
50817
+ const contentMaxHeight = filePanel ? "calc(65vh - 56px)" : "65vh";
50771
50818
  const mediaStyle = {
50772
50819
  width: "100%",
50773
- maxHeight: "65vh",
50820
+ maxHeight: contentMaxHeight,
50774
50821
  objectFit: "contain"
50775
50822
  };
50776
50823
  return (0, react_dom$1.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -50883,7 +50930,7 @@ html body {
50883
50930
  reception: original.reception,
50884
50931
  fileName: block.fileName,
50885
50932
  noun: receptionNoun
50886
- }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
50933
+ }) : !filePanel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
50887
50934
  type: "button",
50888
50935
  onClick: systemFile ? nativeOpen.open : preview,
50889
50936
  disabled: nativeOpen.opening || original.localRef === void 0 && block.originalRef === void 0,
@@ -50915,11 +50962,14 @@ html body {
50915
50962
  controls: true
50916
50963
  }) : textFile ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
50917
50964
  style: {
50918
- maxHeight: "65vh",
50965
+ maxHeight: contentMaxHeight,
50919
50966
  overflow: "auto",
50920
50967
  overflowWrap: "anywhere"
50921
50968
  },
50922
- children: /\.(md|markdown)$/i.test(block.fileName) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
50969
+ children: text === void 0 ? !error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
50970
+ role: "status",
50971
+ children: "正在加载文件..."
50972
+ }) : /\.(md|markdown)$/i.test(block.fileName) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
50923
50973
  text,
50924
50974
  ...markdownLabelProps
50925
50975
  }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
@@ -50927,10 +50977,86 @@ html body {
50927
50977
  children: text
50928
50978
  })
50929
50979
  }) : null,
50930
- error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
50980
+ filePanel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
50981
+ style: { marginTop: 16 },
50982
+ children: [
50983
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
50984
+ role: "group",
50985
+ "aria-label": "文件操作",
50986
+ style: {
50987
+ display: "flex",
50988
+ flexWrap: "wrap",
50989
+ gap: 8
50990
+ },
50991
+ children: [
50992
+ !showContent && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
50993
+ type: "button",
50994
+ "aria-label": "打开文件",
50995
+ disabled: openBusy || unavailable,
50996
+ onClick: systemFile ? nativeOpen.open : preview,
50997
+ style: {
50998
+ ...filePanelActionStyle,
50999
+ opacity: openBusy || unavailable ? .5 : 1,
51000
+ cursor: openBusy ? "progress" : unavailable ? "default" : "pointer"
51001
+ },
51002
+ children: "打开"
51003
+ }),
51004
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
51005
+ type: "button",
51006
+ "aria-label": "另存为文件",
51007
+ disabled: download.saving || unavailable,
51008
+ onClick: () => {
51009
+ download.save();
51010
+ },
51011
+ style: {
51012
+ ...filePanelActionStyle,
51013
+ opacity: download.saving || unavailable ? .5 : 1,
51014
+ cursor: download.saving ? "progress" : unavailable ? "default" : "pointer"
51015
+ },
51016
+ children: "另存为"
51017
+ }),
51018
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
51019
+ type: "button",
51020
+ "aria-label": "打开文件夹",
51021
+ disabled: nativeOpen.opening || original.localRef === void 0,
51022
+ onClick: nativeOpen.openFolder,
51023
+ title: original.localRef === void 0 ? "请先打开或另存为文件" : "打开 Arkme 已接收文件所在的文件夹",
51024
+ style: {
51025
+ ...filePanelActionStyle,
51026
+ opacity: nativeOpen.opening || original.localRef === void 0 ? .5 : 1,
51027
+ cursor: nativeOpen.opening ? "progress" : original.localRef === void 0 ? "default" : "pointer"
51028
+ },
51029
+ children: "打开文件夹"
51030
+ })
51031
+ ]
51032
+ }),
51033
+ nativeOpen.opening && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
51034
+ role: "status",
51035
+ children: "正在打开…"
51036
+ }),
51037
+ showContent && nativeOpen.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
51038
+ role: "alert",
51039
+ children: nativeOpen.error
51040
+ }),
51041
+ download.saving && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
51042
+ role: "status",
51043
+ children: "正在保存..."
51044
+ }),
51045
+ download.notice && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
51046
+ role: "status",
51047
+ children: download.notice
51048
+ })
51049
+ ]
51050
+ }),
51051
+ error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
50931
51052
  role: "alert",
50932
51053
  children: error
50933
- }),
51054
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
51055
+ type: "button",
51056
+ onClick: preview,
51057
+ style: filePanelActionStyle,
51058
+ children: "重试预览"
51059
+ })] }),
50934
51060
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeFileActionToast, {
50935
51061
  notice: actionNotice,
50936
51062
  style: {
@@ -50974,31 +51100,33 @@ html body {
50974
51100
  else onSelect?.(blocks[index + 1]);
50975
51101
  }
50976
51102
  }),
50977
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
50978
- "aria-hidden": true,
50979
- style: fileActionWideGapStyle
50980
- }),
50981
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageCopyAction, {
50982
- block,
50983
- sources: {
50984
- localOriginalRef: original.localRef ?? block.localFileRef,
50985
- remoteOriginalRef: block.originalRef,
50986
- previewUrl: block.mediaRef === "" || block.mediaRef === block.localFileRef ? void 0 : `/arkme-self/api/media?ref=${encodeURIComponent(block.mediaRef)}`
50987
- },
50988
- onNotice: showActionNotice
50989
- }),
50990
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
50991
- "aria-hidden": true,
50992
- style: {
50993
- width: 12,
50994
- flex: "none"
50995
- }
50996
- }),
50997
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileDownloadAction, {
50998
- block,
50999
- original,
51000
- download
51001
- })
51103
+ !filePanel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
51104
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
51105
+ "aria-hidden": true,
51106
+ style: fileActionWideGapStyle
51107
+ }),
51108
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageCopyAction, {
51109
+ block,
51110
+ sources: {
51111
+ localOriginalRef: original.localRef ?? block.localFileRef,
51112
+ remoteOriginalRef: block.originalRef,
51113
+ previewUrl: block.mediaRef === "" || block.mediaRef === block.localFileRef ? void 0 : `/arkme-self/api/media?ref=${encodeURIComponent(block.mediaRef)}`
51114
+ },
51115
+ onNotice: showActionNotice
51116
+ }),
51117
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
51118
+ "aria-hidden": true,
51119
+ style: {
51120
+ width: 12,
51121
+ flex: "none"
51122
+ }
51123
+ }),
51124
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileDownloadAction, {
51125
+ block,
51126
+ original,
51127
+ download
51128
+ })
51129
+ ] })
51002
51130
  ]
51003
51131
  })
51004
51132
  ]
@@ -74233,6 +74361,83 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
74233
74361
  function errorMessage$12(error) {
74234
74362
  return error instanceof Error && error.message.trim() !== "" ? error.message : "长文操作失败,请重试";
74235
74363
  }
74364
+ /** Forwarded content is a read-only snapshot, not an editable source record. */
74365
+ function ArkmeLongArticleSnapshotDialog({ item, onClose }) {
74366
+ (0, react$1.useEffect)(() => {
74367
+ const onKeyDown = (event) => {
74368
+ if (event.key === "Escape") {
74369
+ event.stopPropagation();
74370
+ onClose();
74371
+ }
74372
+ };
74373
+ window.addEventListener("keydown", onKeyDown, true);
74374
+ return () => {
74375
+ window.removeEventListener("keydown", onKeyDown, true);
74376
+ };
74377
+ }, [onClose]);
74378
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
74379
+ style: styles$60.overlay,
74380
+ role: "dialog",
74381
+ "aria-modal": "true",
74382
+ "aria-label": "转发长文详情",
74383
+ onMouseDown: (event) => {
74384
+ if (event.target === event.currentTarget) onClose();
74385
+ },
74386
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
74387
+ style: styles$60.dialog,
74388
+ "data-arkme-long-article-dialog": "snapshot",
74389
+ children: [
74390
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
74391
+ style: styles$60.header,
74392
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
74393
+ style: styles$60.titleRead,
74394
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
74395
+ text: item.title || "无标题长文",
74396
+ presentation: "preview"
74397
+ })
74398
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
74399
+ autoFocus: true,
74400
+ type: "button",
74401
+ style: styles$60.close,
74402
+ "aria-label": "关闭长文",
74403
+ onClick: onClose,
74404
+ children: "×"
74405
+ })]
74406
+ }),
74407
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
74408
+ style: styles$60.metaRow,
74409
+ children: [item.sendAtMillis > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
74410
+ style: styles$60.meta,
74411
+ children: ["▦ ", formatDate(item.sendAtMillis)]
74412
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
74413
+ style: styles$60.meta,
74414
+ children: [
74415
+ "▤ ",
74416
+ String(item.textContent.length),
74417
+ "字"
74418
+ ]
74419
+ })]
74420
+ }),
74421
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
74422
+ style: styles$60.body,
74423
+ children: item.textFormat === "markdown" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMarkdownBody, {
74424
+ text: item.textContent,
74425
+ textStyle: {
74426
+ fontSize: styles$60.bodyRead?.fontSize,
74427
+ lineHeight: styles$60.bodyRead?.lineHeight
74428
+ }
74429
+ }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
74430
+ style: styles$60.bodyRead,
74431
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
74432
+ text: item.textContent,
74433
+ linkLabelMode: "raw"
74434
+ })
74435
+ })
74436
+ })
74437
+ ]
74438
+ })
74439
+ });
74440
+ }
74236
74441
  function ArkmeLongArticleDialog({ sourceRef, item, onClose, onCreated, onUpdated }) {
74237
74442
  const creating = item === void 0;
74238
74443
  const [detail, setDetail] = (0, react$1.useState)();
@@ -89367,15 +89572,16 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
89367
89572
  const downloading = original.reception.state === "receiving";
89368
89573
  const percent = original.reception.totalBytes > 0 ? Math.min(99, Math.floor(original.reception.receivedBytes / original.reception.totalBytes * 100)) : void 0;
89369
89574
  const downloadLabel = original.localRef !== void 0 ? "" : downloading ? `下载中${percent === void 0 ? "" : ` ${percent}%`}` : original.reception.state === "failed" ? "下载失败" : "未下载";
89370
- (0, react$1.useEffect)(() => () => {
89371
- controller.current?.abort();
89372
- }, [block.mediaRef, block.localFileRef]);
89575
+ (0, react$1.useEffect)(() => {
89576
+ setOpening(false);
89577
+ return () => controller.current?.abort();
89578
+ }, [block.fileAssetUid ?? block.localFileRef ?? block.originalRef ?? block.mediaRef]);
89373
89579
  const showReception = () => {
89374
89580
  if (onOpen !== void 0) onOpen(block);
89375
89581
  else setOpen(true);
89376
89582
  };
89377
89583
  const activate = async () => {
89378
- if (opening) return;
89584
+ if (controller.current !== void 0 && !controller.current.signal.aborted) return;
89379
89585
  if (original.localRef === void 0 || arkmeCanPreviewFile(block)) {
89380
89586
  showReception();
89381
89587
  return;
@@ -89388,7 +89594,10 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
89388
89594
  } catch {
89389
89595
  if (!request.signal.aborted) showReception();
89390
89596
  } finally {
89391
- if (!request.signal.aborted) setOpening(false);
89597
+ if (controller.current === request) {
89598
+ controller.current = void 0;
89599
+ setOpening(false);
89600
+ }
89392
89601
  }
89393
89602
  };
89394
89603
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -89466,6 +89675,35 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
89466
89675
  })]
89467
89676
  });
89468
89677
  }
89678
+ function ArkmeForwardArticleContent({ item }) {
89679
+ const [open, setOpen] = (0, react$1.useState)(false);
89680
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
89681
+ style: {
89682
+ maxWidth: "100%",
89683
+ minWidth: 0,
89684
+ padding: "10px 13px",
89685
+ overflow: "hidden",
89686
+ overflowWrap: "anywhere",
89687
+ wordBreak: "break-word",
89688
+ boxSizing: "border-box",
89689
+ borderRadius: "16px 5px 16px 16px",
89690
+ background: arkmeTheme.messageOwn,
89691
+ border: "1px solid rgba(83,97,145,.045)"
89692
+ },
89693
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArticleCard, {
89694
+ title: item.title,
89695
+ text: item.textContent,
89696
+ onOpen: () => {
89697
+ setOpen(true);
89698
+ }
89699
+ })
89700
+ }), open && typeof document !== "undefined" && (0, react_dom$1.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeLongArticleSnapshotDialog, {
89701
+ item,
89702
+ onClose: () => {
89703
+ setOpen(false);
89704
+ }
89705
+ }), document.body)] });
89706
+ }
89469
89707
  function ArticleCard({ title, text, onOpen }) {
89470
89708
  const heading = title.trim() || text.trim() || "无标题长文";
89471
89709
  const hasTitle = title.trim() !== "";
@@ -90076,7 +90314,7 @@ yoga yokohama you youtube yt yun za zappos zara zero zip zm zone zuerich zw
90076
90314
  if (item.forwardRecords !== void 0) {
90077
90315
  const itemLines = item.forwardRecords.items.flatMap((value) => {
90078
90316
  if (value.segments?.length) return value.segments.map((segment) => `${segment.speakerName}:${segment.textContent || "语音片段"}`);
90079
- const summary = (value.textFormat === "markdown" ? arkmeMarkdownPlainText(value.textContent) : value.textContent) || value.title || value.contentLabel || value.contentBlocks?.[0]?.fileName || "非文本内容";
90317
+ const summary = value.title.trim() || (value.textFormat === "markdown" ? arkmeMarkdownPlainText(value.textContent) : value.textContent) || value.contentLabel || value.contentBlocks?.[0]?.fileName || "非文本内容";
90080
90318
  return [`${value.senderName}:${summary}`];
90081
90319
  });
90082
90320
  const previewLines = (itemLines.length > 0 ? itemLines : item.forwardRecords.summaryLines).slice(0, 3);
@@ -125888,6 +126126,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
125888
126126
  }));
125889
126127
  const renderRecord = (value, index) => {
125890
126128
  const segments = value.segments ?? [];
126129
+ const isArticle = value.templateKind === 8 || value.displayKind === 1;
125891
126130
  const joinedTranscript = segments.map((segment) => segment.textContent).join("").replace(/\s/gu, "");
125892
126131
  const hasDistinctText = value.textContent.trim() !== "" && value.textContent.replace(/\s/gu, "") !== joinedTranscript;
125893
126132
  const snapshot = {
@@ -125906,11 +126145,22 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
125906
126145
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
125907
126146
  style: styles$51.rows,
125908
126147
  children: [
125909
- hasRecordBody && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ForwardDetailRow, {
126148
+ hasRecordBody && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ForwardDetailRow, {
125910
126149
  name: value.senderName,
125911
126150
  avatarRef: value.avatarRef,
125912
126151
  time: `${firstDate !== lastDate ? `${dateLabel$1(value.sendAtMillis)} ` : ""}${timeLabel$5(value.sendAtMillis)}`,
125913
- children: segments.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageContent, {
126152
+ children: [!isArticle && value.title.trim() !== "" && (snapshot.textContent !== "" || (value.contentBlocks?.length ?? 0) > 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
126153
+ style: {
126154
+ margin: "0 0 8px",
126155
+ fontSize: 14,
126156
+ lineHeight: 1.7,
126157
+ overflowWrap: "anywhere"
126158
+ },
126159
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeRichText, {
126160
+ text: value.title,
126161
+ presentation: "preview"
126162
+ })
126163
+ }), isArticle && segments.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeForwardArticleContent, { item: snapshot }) : segments.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeMessageContent, {
125914
126164
  item: snapshot,
125915
126165
  presentation: "detail",
125916
126166
  highlightMentions: true
@@ -125934,7 +126184,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
125934
126184
  },
125935
126185
  presentation: "detail",
125936
126186
  highlightMentions: true
125937
- })] })
126187
+ })] })]
125938
126188
  }),
125939
126189
  segments.map((segment, segmentIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ForwardDetailRow, {
125940
126190
  segment: true,
@@ -127927,6 +128177,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
127927
128177
  if ((ui.notificationActivationRevision ?? 0) > 0) setProfileOpen(false);
127928
128178
  }, [ui.notificationActivationRevision]);
127929
128179
  const activeId = locked ? "conversations" : ui.mode === "login" ? void 0 : ui.calendarOpen === true ? "calendar" : ui.mode === "extensions" ? "extensions" : ui.mode === "world" ? "world" : ui.mode === "calls" ? "calls" : ui.mode === "recordings" ? "recordings" : ui.mode === "source" && ui.productMode === "contacts" ? "contacts" : "conversations";
128180
+ const windowDragMode = !hidden && !locked && activeId === "conversations" && (ui.mode === "source" || ui.mode === "bot" || ui.mode === "arko" || ui.mode === "harness") ? "conversation" : !hidden && !locked && activeId === "extensions" ? "marketplace" : "fallback";
127930
128181
  const conversationUnreadCount = authState.auth?.status === "authenticated" && directory.accountScope === `${authState.auth.environment}:${String(authState.auth.userId)}` ? directory.badgeCount : 0;
127931
128182
  const conversationUnreadLabel = conversationUnreadCount > 99 ? "99+" : String(conversationUnreadCount);
127932
128183
  const navigationItems = items$1;
@@ -127949,6 +128200,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
127949
128200
  };
127950
128201
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
127951
128202
  "data-arkme-owned": "product-navigation",
128203
+ "data-arkme-window-drag-mode": windowDragMode,
127952
128204
  "aria-label": "Arkme 功能导航",
127953
128205
  "aria-hidden": hidden ? true : void 0,
127954
128206
  style: {
@@ -133766,7 +134018,8 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
133766
134018
  const ARKME_CONVERSATION_HEADER_BUTTON_STYLE = {
133767
134019
  width: 28,
133768
134020
  height: 28,
133769
- padding: 6,
134021
+ padding: 2,
134022
+ boxSizing: "border-box",
133770
134023
  border: 0,
133771
134024
  borderRadius: 28,
133772
134025
  background: "transparent",
@@ -134399,7 +134652,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
134399
134652
  });
134400
134653
  }
134401
134654
  function ArkmeConversationMoreIcon() {
134402
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutline16, { size: 15 });
134655
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutline16, { size: 24 });
134403
134656
  }
134404
134657
  function MagicWandIcon() {
134405
134658
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -139377,6 +139630,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
139377
139630
  function ArkmeArkoAvatar({ size = 44 }) {
139378
139631
  const iconSize = size * .68;
139379
139632
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
139633
+ "data-arkme-avatar": true,
139380
139634
  style: {
139381
139635
  width: size,
139382
139636
  height: size,
@@ -143223,6 +143477,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
143223
143477
  style: styles$39.shell,
143224
143478
  children: [
143225
143479
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
143480
+ "data-arkme-window-drag-region": "conversation",
143226
143481
  style: styles$39.header,
143227
143482
  children: [
143228
143483
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -143230,6 +143485,8 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
143230
143485
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeArkoAvatar, { size: 34 })
143231
143486
  }),
143232
143487
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
143488
+ "data-arkme-window-drag-region": "conversation",
143489
+ "data-arkme-window-drag-copy": "",
143233
143490
  style: styles$39.headerCopy,
143234
143491
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
143235
143492
  style: styles$39.headerTitle,
@@ -143877,17 +144134,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
143877
144134
  flex: "none"
143878
144135
  },
143879
144136
  trigger: {
143880
- width: 24,
143881
- height: 24,
143882
- padding: 2,
143883
- display: "inline-flex",
143884
- alignItems: "center",
143885
- justifyContent: "center",
143886
- border: 0,
143887
- borderRadius: 6,
143888
- background: "transparent",
143889
- color: arkmeTheme.secondary,
143890
- cursor: "pointer",
144137
+ ...ARKME_CONVERSATION_HEADER_BUTTON_STYLE,
143891
144138
  appearance: "none"
143892
144139
  },
143893
144140
  triggerIcon: {
@@ -159898,6 +160145,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
159898
160145
  style: styles$32.cardHeader,
159899
160146
  children: [
159900
160147
  item.authorRef === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
160148
+ "data-arkme-avatar": true,
159901
160149
  style: styles$32.avatar,
159902
160150
  children: item.avatarRef === void 0 ? item.avatarFallback?.label ?? item.authorName.slice(0, 1) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorldImage, {
159903
160151
  imageRef: item.avatarRef,
@@ -159912,6 +160160,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
159912
160160
  onOpenAuthor?.(item);
159913
160161
  },
159914
160162
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
160163
+ "data-arkme-avatar": true,
159915
160164
  style: styles$32.avatar,
159916
160165
  children: item.avatarRef === void 0 ? item.avatarFallback?.label ?? item.authorName.slice(0, 1) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorldImage, {
159917
160166
  imageRef: item.avatarRef,
@@ -162229,6 +162478,182 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
162229
162478
  };
162230
162479
  }
162231
162480
  //#endregion
162481
+ //#region src/client/harness-window-drag.ts
162482
+ const SESSION_HEADER = "[data-slot=\"conversation.session.header\"] > header";
162483
+ const OPEN_PANEL = "[data-sidebar-right-panel][data-sidebar-right-open]";
162484
+ const INTERACTIVE = "button,a,input,textarea,select,label,summary,[tabindex],[aria-haspopup],[contenteditable]:not([contenteditable=\"false\"]),[draggable=\"true\"],[role=\"button\"],[role=\"tab\"],[role=\"menu\"],[role=\"menuitem\"],[role=\"dialog\"],[role=\"slider\"],[role=\"separator\"],[role=\"treeitem\"],[role=\"textbox\"],[role=\"combobox\"],[data-dockkit-tab],[data-dockkit-divider],[data-dockkit-float-grip],[data-dockkit-float-resize]";
162485
+ function containsPoint(element, x, y) {
162486
+ const rect = element.getBoundingClientRect();
162487
+ const style = element.ownerDocument.defaultView?.getComputedStyle(element);
162488
+ return rect.width > 0 && rect.height > 0 && style?.visibility !== "hidden" && style?.display !== "none" && x >= rect.left && x < rect.right && y >= rect.top && y < rect.bottom;
162489
+ }
162490
+ /** Read upstream semantic DOM only; no patches, node moves or injected CSS. */
162491
+ function isHarnessWindowDragPoint(doc, target, x, y) {
162492
+ if (target.ownerDocument !== doc || target.closest(INTERACTIVE) || target.closest("[hidden],[aria-hidden=\"true\"]")) return false;
162493
+ for (const child of target.childNodes) {
162494
+ if (child.nodeType !== 3 || !child.textContent?.trim()) continue;
162495
+ const range = doc.createRange();
162496
+ range.selectNodeContents(child);
162497
+ if (typeof range.getClientRects === "function" && Array.from(range.getClientRects()).some((rect) => x >= rect.left && x < rect.right && y >= rect.top && y < rect.bottom)) return false;
162498
+ }
162499
+ const header = target.closest(SESSION_HEADER);
162500
+ if (header && containsPoint(header, x, y)) return true;
162501
+ if (target.closest(OPEN_PANEL)) {
162502
+ const strip = target.closest("[data-dockkit-strip]");
162503
+ if (strip && containsPoint(strip, x, y)) return true;
162504
+ const files = target.closest("[data-files-root]");
162505
+ const pathRow = files?.querySelector("[data-files-path]")?.parentElement;
162506
+ if (pathRow?.parentElement === files && pathRow.contains(target) && pathRow.querySelector("[data-files-reload]") && containsPoint(pathRow, x, y)) return true;
162507
+ return false;
162508
+ }
162509
+ const hero = target.closest("[data-phase=\"hero\"]");
162510
+ const composer = hero?.querySelector("[data-composer-seat]");
162511
+ return !!hero && !!composer && !composer.contains(target) && containsPoint(hero, x, y) && y < composer.getBoundingClientRect().top;
162512
+ }
162513
+ function watchHarnessWindowDrag(surface, frame, bridge = surface.ownerDocument.defaultView?.arkmeDesktop?.windowDrag) {
162514
+ if (!bridge) return () => {};
162515
+ const host = surface.ownerDocument.defaultView;
162516
+ let detach = () => {};
162517
+ let stop = () => {};
162518
+ let sequence = 0;
162519
+ const owner = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
162520
+ function attach() {
162521
+ detach();
162522
+ let doc;
162523
+ try {
162524
+ doc = frame.contentDocument;
162525
+ } catch {
162526
+ return;
162527
+ }
162528
+ if (!doc?.defaultView) return;
162529
+ const native = doc;
162530
+ const view = doc.defaultView;
162531
+ let gesture;
162532
+ let pending = 0;
162533
+ let latest;
162534
+ const visible = () => surface.isConnected && surface.getAttribute("data-arkme-visible") === "true";
162535
+ const flush = () => {
162536
+ view.cancelAnimationFrame(pending);
162537
+ pending = 0;
162538
+ if (gesture && latest && visible()) bridge.send({
162539
+ kind: "move",
162540
+ id: gesture.id,
162541
+ ...latest
162542
+ });
162543
+ latest = void 0;
162544
+ };
162545
+ const end = () => {
162546
+ const previous = gesture;
162547
+ gesture = void 0;
162548
+ view.cancelAnimationFrame(pending);
162549
+ pending = 0;
162550
+ latest = void 0;
162551
+ if (!previous) return;
162552
+ if (native.documentElement.hasPointerCapture?.(previous.pointerId)) native.documentElement.releasePointerCapture(previous.pointerId);
162553
+ bridge.send({
162554
+ kind: "end",
162555
+ id: previous.id
162556
+ });
162557
+ };
162558
+ stop = end;
162559
+ const down = (event) => {
162560
+ if (gesture || !visible() || event.button !== 0 || !event.isPrimary) return;
162561
+ const target = event.target;
162562
+ if (target?.nodeType !== 1 || !isHarnessWindowDragPoint(native, target, event.clientX, event.clientY)) return;
162563
+ if (Array.from(native.querySelectorAll("[role=\"menu\"],[role=\"dialog\"],[aria-modal=\"true\"]")).some((node) => {
162564
+ const rect = node.getBoundingClientRect();
162565
+ return containsPoint(node, rect.left, rect.top);
162566
+ })) return;
162567
+ try {
162568
+ native.documentElement.setPointerCapture(event.pointerId);
162569
+ } catch {
162570
+ return;
162571
+ }
162572
+ gesture = {
162573
+ pointerId: event.pointerId,
162574
+ id: `${owner}-${++sequence}`,
162575
+ x: event.screenX,
162576
+ y: event.screenY,
162577
+ moving: false
162578
+ };
162579
+ bridge.send({
162580
+ kind: "begin",
162581
+ id: gesture.id,
162582
+ x: event.screenX,
162583
+ y: event.screenY
162584
+ });
162585
+ event.preventDefault();
162586
+ event.stopPropagation();
162587
+ };
162588
+ const move = (event) => {
162589
+ if (!gesture || gesture.pointerId !== event.pointerId) return;
162590
+ if (!visible()) {
162591
+ end();
162592
+ return;
162593
+ }
162594
+ if (!gesture.moving && Math.hypot(event.screenX - gesture.x, event.screenY - gesture.y) < 4) return;
162595
+ gesture.moving = true;
162596
+ latest = {
162597
+ x: event.screenX,
162598
+ y: event.screenY
162599
+ };
162600
+ if (!pending) pending = view.requestAnimationFrame(flush);
162601
+ event.preventDefault();
162602
+ event.stopPropagation();
162603
+ };
162604
+ const up = (event) => {
162605
+ if (gesture?.pointerId !== event.pointerId) return;
162606
+ if (gesture.moving) {
162607
+ latest = {
162608
+ x: event.screenX,
162609
+ y: event.screenY
162610
+ };
162611
+ flush();
162612
+ }
162613
+ end();
162614
+ };
162615
+ const key = (event) => {
162616
+ if (event.key === "Escape") end();
162617
+ };
162618
+ native.addEventListener("pointerdown", down, true);
162619
+ native.addEventListener("pointermove", move, true);
162620
+ native.addEventListener("pointerup", up, true);
162621
+ native.addEventListener("pointercancel", end, true);
162622
+ native.addEventListener("lostpointercapture", end, true);
162623
+ native.addEventListener("keydown", key, true);
162624
+ view.addEventListener("pagehide", end);
162625
+ detach = () => {
162626
+ end();
162627
+ native.removeEventListener("pointerdown", down, true);
162628
+ native.removeEventListener("pointermove", move, true);
162629
+ native.removeEventListener("pointerup", up, true);
162630
+ native.removeEventListener("pointercancel", end, true);
162631
+ native.removeEventListener("lostpointercapture", end, true);
162632
+ native.removeEventListener("keydown", key, true);
162633
+ view.removeEventListener("pagehide", end);
162634
+ };
162635
+ }
162636
+ const cancel = () => stop();
162637
+ const visibility = new host.MutationObserver(() => {
162638
+ if (surface.getAttribute("data-arkme-visible") !== "true") stop();
162639
+ });
162640
+ visibility.observe(surface, {
162641
+ attributes: true,
162642
+ attributeFilter: ["data-arkme-visible"]
162643
+ });
162644
+ frame.addEventListener("load", attach);
162645
+ host.addEventListener("blur", cancel);
162646
+ host.addEventListener("resize", cancel);
162647
+ attach();
162648
+ return () => {
162649
+ detach();
162650
+ visibility.disconnect();
162651
+ frame.removeEventListener("load", attach);
162652
+ host.removeEventListener("blur", cancel);
162653
+ host.removeEventListener("resize", cancel);
162654
+ };
162655
+ }
162656
+ //#endregion
162232
162657
  //#region src/client/DeepSeekHarnessSurface.tsx
162233
162658
  const DEEPSEEK_HARNESS_EMBED_QUERY = "arkme-harness-embed";
162234
162659
  const DEEPSEEK_HARNESS_NATIVE_SETTINGS_QUERY = "arkme-harness-native-settings";
@@ -162273,6 +162698,9 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
162273
162698
  const surfaceRef = (0, react$1.useRef)(null);
162274
162699
  const frameRef = (0, react$1.useRef)(null);
162275
162700
  const floating = typeof document !== "undefined" && accountId !== void 0;
162701
+ (0, react$1.useLayoutEffect)(() => {
162702
+ if (surfaceRef.current && frameRef.current) return watchHarnessWindowDrag(surfaceRef.current, frameRef.current);
162703
+ }, [floating]);
162276
162704
  (0, react$1.useLayoutEffect)(() => {
162277
162705
  if (floating && seatRef.current && surfaceRef.current && frameRef.current) return watchHarnessSurfaceViewport(surfaceRef.current, frameRef.current, seatRef.current);
162278
162706
  }, [floating]);
@@ -165348,7 +165776,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
165348
165776
  "aria-label": "搜索聊天记录",
165349
165777
  title: "搜索聊天记录",
165350
165778
  "aria-expanded": open,
165351
- style: button$1,
165779
+ style: ARKME_CONVERSATION_HEADER_BUTTON_STYLE,
165352
165780
  onClick: () => setOpen((value) => !value),
165353
165781
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(f$2, { size: 22 })
165354
165782
  }), open && host.current !== null && (0, react_dom$1.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArkmeConversationSearchPanel, {
@@ -178837,6 +179265,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
178837
179265
  "aria-label": `${bot.name} Bot 对话`,
178838
179266
  children: [
178839
179267
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
179268
+ "data-arkme-window-drag-region": "conversation",
178840
179269
  style: styles$27.header,
178841
179270
  children: [
178842
179271
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -178848,6 +179277,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
178848
179277
  })
178849
179278
  }),
178850
179279
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
179280
+ "data-arkme-window-drag-region": "conversation",
178851
179281
  style: styles$27.title,
178852
179282
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: bot.name }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
178853
179283
  style: styles$27.badge,
@@ -185834,7 +186264,10 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
185834
186264
  style: inline ? styles$18.marketPageTabs : styles$18.tabs,
185835
186265
  role: "tablist",
185836
186266
  "aria-label": "市集页面导航",
185837
- ...inline ? { "data-market-page-tabs": "inline" } : {},
186267
+ ...inline ? {
186268
+ "data-market-page-tabs": "inline",
186269
+ "data-arkme-window-drag-region": "marketplace"
186270
+ } : {},
185838
186271
  children: Object.keys(TAB_LABELS).map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
185839
186272
  type: "button",
185840
186273
  role: "tab",
@@ -185930,6 +186363,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
185930
186363
  ]
185931
186364
  }),
185932
186365
  displayMode === "page" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
186366
+ "data-arkme-window-drag-region": "marketplace",
185933
186367
  style: styles$18.marketPageHeader,
185934
186368
  "data-market-header-layer": "primary",
185935
186369
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
@@ -191730,6 +192164,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
191730
192164
  "data-arkme-directory-compact": compactDirectory ? "true" : void 0,
191731
192165
  children: [
191732
192166
  directory === "send_to_self" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
192167
+ "data-arkme-window-drag-region": "conversation",
191733
192168
  style: styles$13.header,
191734
192169
  children: [
191735
192170
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -191764,6 +192199,8 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
191764
192199
  ]
191765
192200
  }),
191766
192201
  directory === "root" && embeddedProductShell && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
192202
+ "data-arkme-window-drag-region": "conversation",
192203
+ "data-arkme-window-drag-directory": "",
191767
192204
  style: styles$13.conversationToolbar,
191768
192205
  children: [
191769
192206
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -194691,6 +195128,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
194691
195128
  function ArkmeTopicDirectoryPopover({ userId, environment = "prod", selectedSource, trigger = "button", onSelect, onSelectionRefreshed = onSelect, onSelectionInvalidated, onSelfSourcesResolution, onCreateWarning, onCreateTopicReady, retryRevision }) {
194692
195129
  const directory = (0, react$1.useMemo)(() => selfTopicDirectory(userId, environment), [userId, environment]);
194693
195130
  const snapshot = (0, react$1.useSyncExternalStore)(directory.subscribe, directory.getSnapshot, directory.getSnapshot);
195131
+ const resolvedRoots = (0, react$1.useRef)();
194694
195132
  const triggerRef = (0, react$1.useRef)(null);
194695
195133
  const popoverRef = (0, react$1.useRef)(null);
194696
195134
  const createRequestRef = (0, react$1.useRef)();
@@ -194758,15 +195196,22 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
194758
195196
  };
194759
195197
  }, [directory]);
194760
195198
  (0, react$1.useEffect)(() => {
194761
- const aggregateSource = sources.find((source) => source.kind === "send_to_self");
194762
- const defaultCategorySource = sources.find((source) => source.kind === "default_category");
195199
+ const previous = error === "" && resolvedRoots.current?.directory === directory ? resolvedRoots.current : void 0;
195200
+ const aggregateSource = sources.find((source) => source.kind === "send_to_self") ?? previous?.aggregateSource;
195201
+ const defaultCategorySource = sources.find((source) => source.kind === "default_category") ?? previous?.defaultCategorySource;
194763
195202
  if (aggregateSource === void 0 || defaultCategorySource === void 0) {
195203
+ resolvedRoots.current = void 0;
194764
195204
  onSelfSourcesResolution(userId, error ? {
194765
195205
  status: "error",
194766
195206
  message: error
194767
195207
  } : { status: "loading" });
194768
195208
  return;
194769
195209
  }
195210
+ resolvedRoots.current = {
195211
+ directory,
195212
+ aggregateSource,
195213
+ defaultCategorySource
195214
+ };
194770
195215
  onSelfSourcesResolution(userId, {
194771
195216
  status: "ready",
194772
195217
  aggregateSource,
@@ -194779,6 +195224,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
194779
195224
  }, [
194780
195225
  busy,
194781
195226
  complete,
195227
+ directory,
194782
195228
  error,
194783
195229
  onSelfSourcesResolution,
194784
195230
  sources,
@@ -197311,6 +197757,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
197311
197757
  function OpaqueAvatar({ avatarRef, size = 18 }) {
197312
197758
  const src = useArkmeAvatarImage(avatarRef) ?? "";
197313
197759
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
197760
+ "data-arkme-avatar": true,
197314
197761
  style: {
197315
197762
  ...styles$9.avatar,
197316
197763
  width: size,
@@ -200361,7 +200808,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
200361
200808
  boxSizing: "border-box",
200362
200809
  borderBottom: `1px solid ${colors.border}`,
200363
200810
  position: "relative",
200364
- gap: 2
200811
+ gap: 4
200365
200812
  },
200366
200813
  titleGroup: {
200367
200814
  flex: 1,
@@ -203352,6 +203799,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
203352
203799
  generation: composerAsyncScope.generation + 1
203353
203800
  };
203354
203801
  const captureComposerAsyncScope = () => ({ ...composerAsyncScopeRef.current });
203802
+ const renderedComposerAsyncScope = captureComposerAsyncScope();
203355
203803
  const sameComposerAsyncScope = (expected) => {
203356
203804
  const current = composerAsyncScopeRef.current;
203357
203805
  return activeConversationRef.current && current.accountKey === expected.accountKey && current.sourceKey === expected.sourceKey && current.draftKey === expected.draftKey && current.generation === expected.generation && arkmeAuthenticatedAccountKey(arkmeAuthStore.getSnapshot().auth) === expected.accountKey;
@@ -207100,6 +207548,55 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
207100
207548
  showMessageActionStatus,
207101
207549
  source
207102
207550
  ]);
207551
+ const defaultExtensionMentionTargetRef = (0, react$1.useRef)();
207552
+ const defaultExtensionMentionCaretRef = (0, react$1.useRef)();
207553
+ (0, react$1.useLayoutEffect)(() => {
207554
+ const pending = defaultExtensionMentionCaretRef.current;
207555
+ if (pending === void 0) return;
207556
+ if (pending.draftKey !== composerDraftKey) {
207557
+ defaultExtensionMentionCaretRef.current = void 0;
207558
+ return;
207559
+ }
207560
+ if (composerDraft.text !== pending.text) return;
207561
+ defaultExtensionMentionCaretRef.current = void 0;
207562
+ focusEditedComposer(pending.text.length);
207563
+ }, [
207564
+ composerDraft.text,
207565
+ composerDraftKey,
207566
+ focusEditedComposer
207567
+ ]);
207568
+ (0, react$1.useEffect)(() => {
207569
+ if (composerExtensionTarget === void 0) {
207570
+ defaultExtensionMentionTargetRef.current = void 0;
207571
+ return;
207572
+ }
207573
+ if (defaultExtensionMentionTargetRef.current === composerExtensionTarget || source?.kind !== "group_chat" || source.sourceRef !== composerExtensionTarget.sourceRef || !activeConversation || activeRecordReeditComposer !== void 0) return;
207574
+ const item = composerExtensionTarget.item;
207575
+ const member = item.memberRef === void 0 ? void 0 : conversationMemberByRef.get(item.memberRef);
207576
+ if (member === void 0 && !conversationMemberSnapshot.complete && conversationMemberSnapshot.error === void 0) return;
207577
+ defaultExtensionMentionTargetRef.current = composerExtensionTarget;
207578
+ if (item.isMe || member === void 0 || member.isSelf || member.status !== "active" || member.mentionRef === void 0 || member.mentionDisplayName === void 0) return;
207579
+ const current = arkmeComposerDraftStore.get(composerDraftKey);
207580
+ if (current.attachments.length > 0 || current.emojis.length > 0) return;
207581
+ const mention = current.mentions.length === 1 ? current.mentions[0] : void 0;
207582
+ const onlyMention = mention !== void 0 && mention.all !== true && current.text.trim() === current.text.slice(mention.startIndex, mention.startIndex + mention.length).trim();
207583
+ if (current.text.trim() !== "" && !onlyMention) return;
207584
+ insertMemberMentionAt(member, 0, current.text.length);
207585
+ if (composerDraftKey !== void 0) defaultExtensionMentionCaretRef.current = {
207586
+ draftKey: composerDraftKey,
207587
+ text: arkmeComposerDraftStore.get(composerDraftKey).text
207588
+ };
207589
+ }, [
207590
+ activeConversation,
207591
+ activeRecordReeditComposer,
207592
+ composerDraftKey,
207593
+ composerExtensionTarget,
207594
+ conversationMemberByRef,
207595
+ conversationMemberSnapshot.complete,
207596
+ conversationMemberSnapshot.error,
207597
+ insertMemberMentionAt,
207598
+ source
207599
+ ]);
207103
207600
  const closeRecordReedit = (0, react$1.useCallback)(async () => {
207104
207601
  const target = recordReeditComposerRef.current;
207105
207602
  if (target === void 0 || target.busy || preparationJobs.current.has(arkmeRecordReeditPreparationKey(target))) return;
@@ -208346,6 +208843,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
208346
208843
  selfTopicDirectoryOwner,
208347
208844
  !selfWorkspaceSelected && selfTopicMenuOwner,
208348
208845
  authView !== "login" && !arkoContentVisible && !utilityContentVisible && !botConversationVisible && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
208846
+ "data-arkme-window-drag-region": "conversation",
208349
208847
  className: "arkme-conversation-header",
208350
208848
  style: styles$5.header,
208351
208849
  children: [
@@ -208357,6 +208855,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
208357
208855
  })
208358
208856
  }),
208359
208857
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
208858
+ "data-arkme-window-drag-region": "conversation",
208360
208859
  style: styles$5.titleGroup,
208361
208860
  children: [selfWorkspaceSelected ? selfTopicMenuOwner : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
208362
208861
  style: styles$5.titleBlock,
@@ -209601,7 +210100,8 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
209601
210100
  return await uploadFavoriteSticker(file);
209602
210101
  },
209603
210102
  onStickerSent: async () => {
209604
- await loadTimeline();
210103
+ if (!sameComposerAsyncScope(renderedComposerAsyncScope)) return;
210104
+ await loadTimeline(void 0, false, 40, "return-to-latest");
209605
210105
  },
209606
210106
  onError: (message) => {
209607
210107
  setError(message);
@@ -215075,7 +215575,7 @@ body[data-ds-dark-theme] .arkme-mention-all-avatar [data-arkme-theme-image="dark
215075
215575
  }
215076
215576
  //#endregion
215077
215577
  //#region src/client/redesign/arkme-redesign.css?inline
215078
- 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:not([data-arkme-conversation-selector], .arkme-self-topic-create-button, .arkme-dsh-view-options-button), [data-arkme-workspace] input, [data-arkme-workspace] textarea {\n font: inherit;\n}\n\n[data-arkme-workspace] button:not([data-arkme-conversation-selector], .arkme-self-topic-create-button, .arkme-dsh-view-options-button) {\n color: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n}\n\n[data-arkme-workspace] [data-arkme-theme-image=\"dark\"] {\n display: none !important;\n}\n\n.arkme-redesign-root {\n --arkme-native-titlebar: 0px;\n background: #fff;\n width: 100%;\n min-width: 0;\n height: 100%;\n min-height: 0;\n position: relative;\n overflow: hidden;\n}\n\n.arkme-native-desktop .arkme-redesign-root {\n --arkme-native-titlebar: 50px;\n}\n\n.arkme-native-desktop .arkme-redesign-root:before {\n content: \"\";\n z-index: 30;\n pointer-events: none;\n background: #e8e8ea;\n height: 1px;\n position: absolute;\n top: 49px;\n left: 0;\n right: 0;\n}\n\n.arkme-native-desktop [data-arkme-owned=\"persistent-sidebar\"] > [data-arkme-owned=\"product-navigation\"] {\n padding-top: 28px !important;\n}\n\n.arkme-redesign-rail {\n z-index: 8;\n top: calc(26px + var(--arkme-native-titlebar));\n background: #fbfbfc;\n border: 1px solid #e4e4e7;\n border-radius: 22px;\n flex-direction: column;\n width: 72px;\n padding: 10px 8px;\n display: flex;\n position: absolute;\n bottom: 22px;\n left: 24px;\n box-shadow: 0 16px 38px #1e20260e;\n}\n\n.arkme-redesign-rail-primary {\n flex-direction: column;\n gap: 5px;\n display: flex;\n}\n\n.arkme-redesign-rail-primary button {\n color: #3e4149;\n border-radius: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 5px;\n min-height: 57px;\n transition: background .18s, color .18s;\n display: flex;\n position: relative;\n}\n\n.arkme-redesign-rail-primary button span {\n letter-spacing: .01em;\n font-size: 11px;\n font-weight: 400;\n}\n\n.arkme-redesign-rail-primary button:hover {\n background: #f4f4f5;\n}\n\n.arkme-redesign-rail-primary button.is-active {\n color: #151722;\n background: #f1f2f6;\n}\n\n.arkme-redesign-rail-primary button.is-active:before {\n content: \"\";\n background: #9eadff;\n border-radius: 3px;\n width: 3px;\n height: 33px;\n position: absolute;\n left: -9px;\n}\n\n.arkme-redesign-rail-footer {\n border-top: 0 solid #ededee;\n justify-items: center;\n gap: 7px;\n margin-top: auto;\n padding-top: 0;\n display: grid;\n position: relative;\n}\n\n.arkme-redesign-rail-footer > button {\n color: #4b4f58;\n border-radius: 14px;\n place-items: center;\n width: 46px;\n height: 46px;\n display: grid;\n}\n\n.arkme-redesign-rail-footer > button:hover, .arkme-redesign-rail-footer > button.is-active {\n background: #f1f2f5;\n}\n\n.arkme-redesign-rail-footer:empty {\n display: none;\n}\n\n.arkme-conversation-input-card {\n display: contents;\n}\n\nbody:is([data-ds-skin=\"qq2006\"], [data-arkme-skin=\"qq2006\"]) [data-arkme-owned=\"product-surface\"] .arkme-conversation-input-card.arkme-conversation-input-card.arkme-conversation-tools {\n display: flex !important;\n}\n\n.arkme-redesign-profile {\n position: relative;\n}\n\n.arkme-redesign-profile > span {\n width: 32px !important;\n height: 32px !important;\n}\n\n.arkme-redesign-profile-popover {\n z-index: 10000;\n backdrop-filter: blur(20px);\n background: #fffffff5;\n border: 1px solid #d8d9dde6;\n border-radius: 18px;\n width: 264px;\n padding: 10px;\n position: fixed;\n bottom: 14px;\n left: 64px;\n box-shadow: 0 20px 50px #1a1c2326, 0 2px 8px #1a1c230d;\n}\n\n.arkme-redesign-profile-head {\n align-items: center;\n gap: 11px;\n padding: 9px 9px 13px;\n display: flex;\n}\n\nbutton.arkme-redesign-profile-head {\n width: 100%;\n color: inherit;\n font: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n}\n\n.arkme-redesign-profile-head > span {\n text-align: left;\n gap: 4px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-redesign-profile-head strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 14px;\n font-weight: 600;\n overflow: hidden;\n}\n\n.arkme-redesign-profile-head small {\n color: #8b8f98;\n font-size: 11px;\n font-weight: 400;\n}\n\n.arkme-redesign-profile-menu {\n border-top: 1px solid #eeeeef;\n gap: 2px;\n padding-top: 6px;\n display: grid;\n}\n\n.arkme-redesign-profile-menu button {\n width: 100%;\n min-height: 50px;\n box-shadow: none;\n color: #393d46;\n font: inherit;\n text-align: left;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 11px;\n outline: 0;\n grid-template-columns: 28px minmax(0, 1fr) 16px;\n align-items: center;\n gap: 8px;\n padding: 7px 8px;\n display: grid;\n}\n\n.arkme-redesign-profile-menu button:hover {\n background: #f4f4f5;\n}\n\n.arkme-redesign-profile-menu button > span {\n gap: 3px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-redesign-profile-menu strong {\n font-size: 12px;\n font-weight: 500;\n}\n\n.arkme-redesign-profile-menu small {\n color: #92969f;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 10px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.arkme-redesign-profile-menu button > svg:last-child {\n color: #a0a3aa;\n}\n\n.arkme-redesign-native-settings-trigger {\n clip-path: inset(50%);\n width: 1px;\n height: 1px;\n position: absolute;\n overflow: hidden;\n}\n\n.arkme-redesign-chat-panel {\n inset: var(--arkme-native-titlebar) auto 0 96px;\n z-index: 3;\n border-right: 1px solid var(--arkme-line);\n background: #fff;\n flex-direction: column;\n width: 300px;\n min-width: 0;\n padding: 0;\n display: flex;\n position: absolute;\n overflow: hidden;\n}\n\n.arkme-redesign-chat-search {\n text-align: left;\n border-radius: 11px;\n align-items: center;\n gap: 9px;\n width: 100%;\n height: 40px;\n margin: 20px 0 10px;\n padding: 0 12px;\n display: flex;\n color: #9699a1 !important;\n border: 1px solid #e1e2e5 !important;\n font-size: 11px !important;\n}\n\n.arkme-redesign-chat-search:hover {\n background: #f7f7f8;\n}\n\n.arkme-redesign-chat-directory {\n flex: 1;\n min-height: 0;\n margin: 0;\n overflow: hidden;\n}\n\n.arkme-redesign-chat-directory > section {\n background: none !important;\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] {\n --arkme-directory-card-hover: var(--dsw-alias-interactive-bg-hover, #2631480f);\n --arkme-directory-card-selected-hover: color-mix(in srgb, #f1f2f6 94%, var(--dsw-alias-label-primary, #17191c));\n}\n\nbody[data-ds-dark-theme] [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] {\n --arkme-directory-card-selected-hover: color-mix(in srgb, var(--dsw-alias-interactive-bg-active, #ffffff1a) 94%, var(--dsw-alias-label-primary, #eee));\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"] {\n transition: background-color .12s;\n}\n\n@media (hover: hover) {\n [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"]:not(:disabled):not([aria-disabled=\"true\"]):not([aria-selected=\"true\"]):hover {\n background-color: var(--arkme-directory-card-hover) !important;\n }\n\n [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"][aria-selected=\"true\"]:not(:disabled):not([aria-disabled=\"true\"]):hover {\n background-color: var(--arkme-directory-card-selected-hover) !important;\n }\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[data-arkme-home-tour-target=\"harness\"][aria-expanded=\"true\"]:not([aria-selected=\"true\"]) {\n background-color: var(--arkme-directory-card-hover) !important;\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[data-arkme-home-tour-target=\"harness\"][aria-expanded=\"true\"][aria-selected=\"true\"] {\n background-color: var(--arkme-directory-card-selected-hover) !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"] {\n transition: none;\n }\n}\n\n.arkme-redesign-task-section {\n z-index: 3;\n border-bottom: 1px solid #ececef;\n outline: none;\n height: 158px;\n margin: 0 6px 12px;\n position: relative;\n}\n\n.arkme-redesign-task-section-title {\n color: #767b85;\n justify-content: space-between;\n align-items: center;\n height: 28px;\n padding: 0 7px;\n display: flex;\n}\n\n.arkme-redesign-task-section-title strong {\n font-size: 12px;\n font-weight: 500;\n}\n\n.arkme-redesign-task-section-title button {\n border-radius: 7px;\n place-items: center;\n width: 24px;\n height: 24px;\n display: grid;\n}\n\n.arkme-redesign-task-section-title button:hover {\n background: #f3f3f5;\n}\n\n.arkme-redesign-task-list {\n overscroll-behavior: contain;\n scrollbar-gutter: stable;\n background: #fff;\n max-height: 128px;\n padding-bottom: 2px;\n transition: max-height .18s, box-shadow .18s, padding .18s;\n display: grid;\n position: absolute;\n top: 28px;\n left: 0;\n right: 0;\n overflow: hidden auto;\n}\n\n.arkme-redesign-task-section:hover .arkme-redesign-task-list, .arkme-redesign-task-section:focus-within .arkme-redesign-task-list {\n max-height: min(360px, 100vh - 180px);\n padding-bottom: 6px;\n box-shadow: 0 14px 22px #1b1e2512;\n}\n\n.arkme-redesign-task-list > button {\n color: #555a64;\n text-align: left;\n border-radius: 8px;\n grid-template-columns: 16px minmax(0, 1fr);\n align-items: center;\n gap: 4px;\n width: 100%;\n min-width: 0;\n height: 32px;\n padding: 0 8px;\n display: grid;\n}\n\n.arkme-redesign-task-list > button:hover {\n background: #f7f7f8;\n}\n\n.arkme-redesign-task-list > button.is-selected {\n color: #232630;\n background: #f0f1f4;\n}\n\n.arkme-redesign-task-state {\n justify-content: center;\n align-items: center;\n width: 16px;\n height: 20px;\n display: inline-flex;\n}\n\n.arkme-redesign-task-state.is-complete > i {\n background: #39a56b1a;\n border-radius: 50%;\n width: 10px;\n height: 10px;\n display: block;\n position: relative;\n}\n\n.arkme-redesign-task-state.is-complete > i:after {\n content: \"\";\n background: #39a56b;\n border-radius: 50%;\n position: absolute;\n inset: 2px;\n}\n\n.arkme-redesign-task-matrix {\n grid-template-columns: repeat(3, 2px);\n grid-auto-rows: 2px;\n gap: 1px;\n width: 10px;\n height: 10px;\n display: grid;\n}\n\n.arkme-redesign-task-matrix i {\n opacity: .15;\n background: #5d76e8;\n border-radius: 1px;\n animation: 1s infinite arkme-task-dot-chase;\n}\n\n.arkme-redesign-task-matrix i:nth-child(2) {\n animation-delay: .125s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(3) {\n animation-delay: .25s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(4) {\n animation-delay: .375s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(5) {\n animation-delay: .5s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(6) {\n animation-delay: .625s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(7) {\n animation-delay: .75s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(8) {\n animation-delay: .875s;\n}\n\n@keyframes arkme-task-dot-chase {\n 0%, 12.4% {\n opacity: 1;\n }\n\n 12.5%, 24.9% {\n opacity: .6;\n }\n\n 25%, 37.4% {\n opacity: .35;\n }\n\n 37.5%, 100% {\n opacity: .15;\n }\n}\n\n.arkme-redesign-task-copy {\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n min-width: 0;\n display: flex;\n}\n\n.arkme-redesign-task-copy strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n min-width: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n overflow: hidden;\n}\n\n.arkme-redesign-task-copy small {\n color: #9a9da5;\n flex: none;\n font-size: 12px;\n line-height: 20px;\n}\n\n.arkme-redesign-task-first {\n color: #555a64;\n text-align: left;\n border-radius: 8px;\n width: calc(100% - 12px);\n height: 32px;\n margin: 0 6px;\n padding: 0 8px;\n font-size: 14px;\n}\n\n.arkme-redesign-task-first:hover {\n background: #f7f7f8;\n}\n\n.arkme-redesign-content {\n inset: var(--arkme-native-titlebar) 0 0 96px;\n background: #fff;\n min-width: 0;\n min-height: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.arkme-redesign-content.has-panel {\n left: 396px;\n}\n\n.arkme-redesign-content.has-details {\n right: 360px;\n}\n\n.arkme-redesign-content.is-login-takeover {\n left: 0;\n right: 0;\n}\n\n.arkme-redesign-route-surface {\n width: 100%;\n min-width: 0;\n height: 100%;\n min-height: 0;\n overflow: hidden;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-surface {\n background: #fff !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-header {\n border-bottom: 1px solid #ececef !important;\n height: 68px !important;\n padding: 12px 16px 12px 20px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-header h2 {\n font-size: 15px !important;\n font-weight: 600 !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-body {\n padding: 22px 22px 12px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-records {\n gap: 0 !important;\n width: 100% !important;\n}\n\n.arkme-conversation-records-reveal {\n animation: .12s ease-out both arkme-conversation-records-reveal;\n}\n\n@keyframes arkme-conversation-records-reveal {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .arkme-conversation-records-reveal {\n animation: none;\n }\n}\n\n.arkme-redesign-route-chats [data-arkme-content-presentation=\"bubble\"] p {\n font-size: 14px;\n line-height: 1.62;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer {\n padding: 0 24px 20px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer-inner {\n background: #fff !important;\n border: 1px solid #dfe1e6 !important;\n border-radius: 15px !important;\n gap: 8px !important;\n width: 100% !important;\n padding: 12px 13px 9px !important;\n box-shadow: 0 8px 30px #1c1f270b !important;\n}\n\n.arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"] {\n --arkme-primary-composer-idle: #f6f6f6;\n --arkme-primary-composer-focused: #fff;\n background: var(--arkme-primary-composer-idle, #f6f6f6) !important;\n box-shadow: none !important;\n}\n\n.arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"][data-arkme-composer-focused=\"true\"] {\n background: var(--arkme-primary-composer-focused, #fff) !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer textarea {\n min-height: 38px !important;\n padding: 0 !important;\n font-size: 14px !important;\n line-height: 22px !important;\n}\n\n.arkme-redesign-task-conversation {\n font-size: 15px;\n}\n\n.arkme-redesign-task-conversation [data-phase] {\n --dsh-chat-content-width: calc(100% - 64px);\n --dsh-composer-card-max-width: calc(100% - 32px);\n}\n\n.arkme-redesign-task-conversation [data-chat-flow] {\n width: calc(100% - 64px) !important;\n max-width: none !important;\n margin-left: 32px !important;\n margin-right: 32px !important;\n}\n\n.arkme-redesign-task-conversation textarea {\n font-size: 14px !important;\n}\n\n[data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"][data-arkme-directory-visible=\"true\"] [data-arkme-directory-mode=\"conversations\"]), [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-web-locked] [data-arkme-directory-mode=\"web-locked\"]) {\n grid-template-columns: var(--arkme-persistent-sidebar-width, 356px) minmax(0, 1fr) 0 !important;\n}\n\n[data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"][data-arkme-directory-visible=\"false\"]) {\n grid-template-columns: 72px minmax(0, 1fr) 0 !important;\n}\n\n@media (width >= 1100px) {\n [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"] [data-arkme-directory-mode=\"contacts\"]) {\n grid-template-columns: var(--arkme-persistent-sidebar-width, 356px) minmax(0, 1fr) 0 !important;\n }\n\n [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"true\"]:not([data-arkme-web-locked])) {\n grid-template-columns: 0 minmax(0, 1fr) 0 !important;\n }\n}\n\n[data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"]:has( > [data-arkme-directory-mode=\"conversations\"]) > [data-arkme-owned=\"product-navigation\"] {\n flex: 0 0 72px !important;\n width: 72px !important;\n min-width: 72px !important;\n}\n\n[data-arkme-owned=\"persistent-sidebar\"] :is([data-arkme-directory-mode=\"conversations\"], [data-arkme-directory-mode=\"web-locked\"]) {\n min-width: 72px !important;\n}\n\n[data-arkme-directory-compact=\"true\"] > :not([role=\"tree\"]) {\n display: none !important;\n}\n\n[data-arkme-directory-compact=\"true\"] [role=\"tree\"] {\n padding: 8px 6px 18px !important;\n}\n\n[data-arkme-harness-summary] {\n flex-wrap: wrap;\n gap: 2px 8px;\n min-width: 0;\n font-size: 11px;\n line-height: 16px;\n display: flex;\n}\n\n[data-arkme-harness-status] {\n white-space: nowrap;\n align-items: center;\n gap: 4px;\n display: inline-flex;\n}\n\n[data-arkme-harness-status=\"running\"] {\n color: #4279d4;\n}\n\n[data-arkme-harness-status=\"unread\"] {\n color: #278557;\n}\n\n[data-arkme-harness-status=\"pending\"] {\n color: #a96b0a;\n}\n\n[data-arkme-harness-status] > i {\n background: currentColor;\n border-radius: 50%;\n flex: none;\n width: 5px;\n height: 5px;\n}\n\n[data-arkme-harness-status=\"running\"] > i {\n box-sizing: border-box;\n background: none;\n border: 1.5px solid;\n border-right-color: #0000;\n width: 7px;\n height: 7px;\n animation: 1.1s linear infinite arkme-harness-running;\n}\n\n[data-arkme-harness-badge] {\n box-sizing: border-box;\n color: #fff;\n border: 1px solid #fff;\n border-radius: 9px;\n justify-content: center;\n align-items: center;\n min-width: 15px;\n height: 15px;\n padding: 0 3px;\n font-size: 9px;\n font-weight: 600;\n line-height: 13px;\n display: none;\n position: absolute;\n top: -3px;\n right: -3px;\n}\n\n[data-arkme-harness-badge][data-kind=\"running\"] {\n background: #4279d4;\n}\n\n[data-arkme-harness-badge][data-kind=\"unread\"] {\n background: #278557;\n}\n\n[data-arkme-harness-badge][data-kind=\"pending\"] {\n background: #a96b0a;\n}\n\n[data-arkme-harness-badge][data-idle=\"true\"] {\n display: inline-flex;\n}\n\n[data-arkme-directory-compact=\"true\"] [data-arkme-home-tour-target=\"harness\"] {\n justify-content: center;\n gap: 0 !important;\n padding: 7px 6px !important;\n}\n\n[data-arkme-directory-compact=\"true\"] [data-arkme-harness-label] {\n display: none !important;\n}\n\n[data-arkme-directory-compact=\"true\"] [data-arkme-harness-badge] {\n display: inline-flex;\n}\n\n@keyframes arkme-harness-running {\n to {\n transform: rotate(360deg);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n [data-arkme-harness-status=\"running\"] > i {\n animation: none;\n }\n}\n\n.arkme-redesign-feature-page {\n background: #fff;\n flex-direction: column;\n width: 100%;\n min-width: 0;\n height: 100%;\n min-height: 0;\n padding: 30px 48px 36px;\n display: flex;\n overflow: hidden;\n}\n\n.arkme-redesign-feature-page > header {\n flex: none;\n margin: 0 0 22px;\n}\n\n.arkme-redesign-feature-page > header p {\n color: #8d9098;\n margin: 0 0 8px;\n font-size: 11px;\n}\n\n.arkme-redesign-feature-page > header h1 {\n letter-spacing: -.04em;\n margin: 0;\n font-size: 27px;\n font-weight: 600;\n}\n\n.arkme-redesign-feature-page > header span {\n color: #858992;\n margin-top: 10px;\n font-size: 12px;\n display: block;\n}\n\n.arkme-redesign-feature-body {\n flex: 1;\n min-height: 0;\n overflow: hidden;\n}\n\n.arkme-redesign-recordings-page {\n background: #fff;\n padding: 0;\n}\n\n.arkme-redesign-recordings-page > div {\n height: 100% !important;\n}\n\n.arkme-redesign-search-page {\n padding: 66px 0 40px;\n}\n\n.arkme-redesign-search-page > header, .arkme-redesign-search-page > .arkme-redesign-feature-body {\n width: min(980px, 100% - 80px);\n margin-left: auto;\n margin-right: auto;\n}\n\n.arkme-redesign-search-page > header {\n margin-bottom: 28px;\n}\n\n.arkme-redesign-search-page > header h1 {\n font-size: 32px;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body {\n overflow-y: auto;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body > div {\n width: 100% !important;\n padding: 0 !important;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body > div > header {\n display: none !important;\n}\n\n.arkme-redesign-search-page .arkme-search-box {\n box-shadow: 0 8px 28px #1c1f2709;\n color: #646872 !important;\n background: #fff !important;\n border: 1px solid #e1e2e5 !important;\n border-radius: 15px !important;\n gap: 12px !important;\n height: 68px !important;\n padding: 0 20px !important;\n}\n\n.arkme-redesign-search-page input[aria-label=\"搜索\"] {\n font-size: 14px !important;\n}\n\n.arkme-redesign-search-page input[aria-label=\"搜索\"]:not(:focus)::placeholder {\n color: #92959d;\n}\n\n.arkme-redesign-search-page .arkme-search-history, .arkme-redesign-search-page .arkme-search-quick {\n margin: 24px 0 0 !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history > div, .arkme-redesign-search-page .arkme-search-quick > div {\n gap: 0 !important;\n display: grid !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history button, .arkme-redesign-search-page .arkme-search-quick button {\n text-align: left;\n overflow: hidden;\n color: #30333b !important;\n border: 0 !important;\n border-bottom: 1px solid #e6e7e9 !important;\n border-radius: 0 !important;\n justify-content: space-between !important;\n align-items: center !important;\n gap: 14px !important;\n width: 100% !important;\n height: 52px !important;\n padding: 0 6px !important;\n font-size: 12px !important;\n display: flex !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history button span, .arkme-redesign-search-page .arkme-search-quick button span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.arkme-redesign-plugins-page {\n background: #fff;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded > section {\n background: #fff !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded header {\n display: none !important;\n}\n\n.arkme-extension-toolbar {\n align-items: center;\n gap: 12px;\n height: 46px;\n display: flex;\n}\n\n.arkme-extension-toolbar label {\n color: #8e929a;\n border: 1px solid #e1e2e5;\n border-radius: 12px;\n flex: 1;\n align-items: center;\n gap: 10px;\n min-width: 0;\n height: 44px;\n padding: 0 14px;\n display: flex;\n}\n\n.arkme-extension-toolbar input {\n color: #262932;\n background: none;\n border: 0;\n outline: 0;\n flex: 1;\n min-width: 0;\n font-size: 12px;\n}\n\n.arkme-extension-toolbar > button {\n border-radius: 11px;\n height: 38px;\n padding: 0 15px;\n font-size: 11px;\n border: 1px solid #e1e2e5 !important;\n}\n\n.arkme-extension-toolbar > button:hover {\n background: #f6f6f7;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded nav {\n width: 420px;\n height: 38px !important;\n padding: 0 !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded main {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n align-content: start;\n gap: 12px;\n padding: 16px 0 0 !important;\n display: grid !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-card {\n background: #fff !important;\n border: 1px solid #e3e4e7 !important;\n border-radius: 15px !important;\n min-height: 138px !important;\n margin: 0 !important;\n padding: 18px !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-card:hover {\n background: #fafafa !important;\n border-color: #d5d7dc !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-grid-span, .arkme-redesign-plugins-page .arkme-extension-center-embedded main > [role=\"status\"], .arkme-redesign-plugins-page .arkme-extension-center-embedded main > [role=\"alert\"] {\n grid-column: 1 / -1;\n}\n\n@keyframes arkme-icon-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.arkme-icon-spin {\n animation: .8s linear infinite arkme-icon-spin;\n}\n\n@media (prefers-reduced-motion: reduce) {\n [data-arkme-voice] .arkme-icon-spin {\n animation: none;\n }\n}\n\n.arkme-redesign-settings-surface {\n color: #20232c;\n background: none;\n width: 100%;\n height: auto;\n overflow: visible;\n}\n\n.arkme-redesign-settings-shell {\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n padding: 0;\n}\n\n.arkme-redesign-settings-profile {\n align-items: center;\n gap: 16px;\n padding: 0 0 24px;\n display: flex;\n}\n\n.arkme-redesign-settings-profile > div:nth-child(2) {\n min-width: 0;\n}\n\n.arkme-redesign-settings-profile h1 {\n color: #20232c;\n letter-spacing: -.03em;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0 0 6px;\n font-size: 24px;\n font-weight: 600;\n line-height: 30px;\n overflow: hidden;\n}\n\n.arkme-redesign-settings-profile p {\n color: #858992;\n align-items: center;\n gap: 8px;\n margin: 0;\n font-size: 13px;\n line-height: 18px;\n display: flex;\n overflow: hidden;\n}\n\n.arkme-redesign-settings-profile p > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n min-width: 0;\n overflow: hidden;\n}\n\n.arkme-account-profile-qr {\n color: #858992;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 0;\n flex: none;\n justify-content: center;\n align-items: center;\n width: 24px;\n height: 24px;\n margin: 0;\n padding: 2px;\n display: inline-flex;\n}\n\n.arkme-account-profile-qr:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-account-profile-qr svg {\n width: 20px;\n height: 20px;\n display: block;\n}\n\n.arkme-redesign-settings-group {\n background: none;\n border: 0;\n border-bottom: 1px solid #e1e2e5;\n border-radius: 0;\n margin: 0;\n overflow: hidden;\n}\n\n.arkme-redesign-settings-group:last-child {\n border-bottom: 0;\n}\n\n.arkme-redesign-settings-group > h2 {\n color: #8a8e96;\n border-bottom: 1px solid #ededee;\n margin: 0;\n padding: 15px 1px 10px;\n font-size: 12px;\n font-weight: 500;\n line-height: 17px;\n}\n\n.arkme-redesign-settings-group > div {\n padding: 0;\n}\n\n.arkme-redesign-setting-row {\n box-sizing: border-box;\n width: 100%;\n min-height: 54px;\n color: inherit;\n font: inherit;\n text-align: left;\n background: none;\n border: 0;\n border-bottom: 1px solid #ededee;\n grid-template-columns: minmax(0, 1fr) auto 18px;\n align-items: center;\n gap: 10px;\n padding: 9px 1px;\n text-decoration: none;\n display: grid;\n}\n\n.arkme-redesign-setting-row:last-child {\n border-bottom: 0;\n}\n\nbutton.arkme-redesign-setting-row, a.arkme-redesign-setting-row {\n cursor: pointer;\n}\n\nbutton.arkme-redesign-setting-row:hover, a.arkme-redesign-setting-row:hover {\n color: #53617d;\n}\n\n.arkme-redesign-setting-row:disabled {\n opacity: .6;\n cursor: default;\n}\n\n.arkme-redesign-setting-row > strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n overflow: hidden;\n}\n\n.arkme-redesign-setting-row > strong.is-danger {\n color: #b54841;\n}\n\n.arkme-redesign-setting-summary {\n color: #858992;\n text-align: right;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: 360px;\n font-size: 12px;\n line-height: 18px;\n overflow: hidden;\n}\n\n.arkme-redesign-setting-row > svg {\n color: #8d929b;\n}\n\n.arkme-account-info-row {\n box-sizing: border-box;\n width: 100%;\n min-height: 54px;\n color: inherit;\n font: inherit;\n text-align: left;\n background: none;\n border: 0;\n border-bottom: 1px solid #ededee;\n grid-template-columns: 26px minmax(0, 1fr) auto 18px;\n align-items: center;\n gap: 10px;\n padding: 9px 1px;\n display: grid;\n}\n\n.arkme-account-info-row:last-child {\n border-bottom: 0;\n}\n\nbutton.arkme-account-info-row {\n cursor: pointer;\n}\n\n.arkme-account-info-row:disabled {\n opacity: .6;\n cursor: default;\n}\n\n.arkme-account-info-icon {\n color: #6f7580;\n justify-content: center;\n align-items: center;\n width: 26px;\n height: 26px;\n display: inline-flex;\n}\n\n.arkme-account-info-copy {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-account-info-copy > strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n overflow: hidden;\n}\n\n.arkme-account-info-copy > small {\n color: #858992;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 12px;\n line-height: 18px;\n overflow: hidden;\n}\n\n.arkme-account-info-action {\n color: #858992;\n white-space: nowrap;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-account-info-row > svg {\n color: #8d929b;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-profile > div:nth-child(2) {\n flex: 1;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-profile h1 {\n margin: 0;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-group {\n border-bottom: 0;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-row {\n border-bottom: 0;\n grid-template-columns: 26px minmax(0, 1fr) 48px 18px;\n min-height: 54px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-copy {\n grid-template-columns: minmax(70px, 1fr) minmax(0, auto);\n align-items: center;\n gap: 16px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-copy > small {\n text-align: right;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-action {\n text-align: center;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-group:has(.arkme-redesign-balance-row) {\n margin-top: 16px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-balance-main > small {\n color: inherit;\n font-size: 28px;\n font-weight: 600;\n line-height: 38px;\n}\n\n.arkme-account-logout {\n justify-content: center;\n padding-top: 32px;\n display: flex;\n}\n\n.arkme-account-logout > button {\n color: #dc4d43;\n min-width: 128px;\n min-height: 40px;\n font: inherit;\n cursor: pointer;\n background: none;\n border: 1px solid #e1e2e5;\n border-radius: 8px;\n padding: 8px 24px;\n}\n\n.arkme-account-logout > button:disabled {\n cursor: default;\n opacity: .6;\n}\n\n[data-arkme-settings-view=\"general\"] .arkme-redesign-settings-group:last-child {\n border-bottom: 0;\n}\n\n.arkme-about-heading {\n color: inherit;\n font: inherit;\n margin: 0 0 20px;\n font-size: 18px;\n font-weight: 600;\n line-height: 1.5;\n}\n\n.arkme-account-feedback {\n color: #b54841;\n align-items: flex-start;\n gap: 6px;\n margin: 8px 0 14px;\n font-size: 12px;\n line-height: 18px;\n display: flex;\n}\n\n.arkme-account-dialog-backdrop {\n z-index: 50;\n background: #12141a6b;\n justify-content: center;\n align-items: center;\n padding: 18px;\n display: flex;\n position: fixed;\n inset: 0;\n}\n\n.arkme-account-dialog {\n box-sizing: border-box;\n color: #20232c;\n background: #fff;\n border: 1px solid #e1e2e5;\n border-radius: 16px;\n width: min(420px, 100vw - 36px);\n max-height: calc(100vh - 56px);\n overflow: auto;\n box-shadow: 0 18px 52px #11182738;\n}\n\n.arkme-account-dialog > header {\n border-bottom: 1px solid #ededee;\n justify-content: space-between;\n align-items: center;\n height: 58px;\n padding: 0 16px 0 20px;\n display: flex;\n}\n\n.arkme-account-dialog h3 {\n margin: 0;\n font-size: 18px;\n font-weight: 650;\n line-height: 24px;\n}\n\n.arkme-account-dialog > header button {\n color: #8d929b;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 50%;\n width: 34px;\n height: 34px;\n}\n\n.arkme-account-qr-card {\n box-sizing: border-box;\n background: #fff;\n border: 1px solid #ededee;\n border-radius: 14px;\n justify-items: center;\n gap: 7px;\n width: 270px;\n margin: 22px auto 16px;\n padding: 24px 22px 22px;\n display: grid;\n}\n\n.arkme-account-qr-card strong {\n text-align: center;\n overflow-wrap: anywhere;\n min-width: 0;\n max-width: 100%;\n margin-top: 4px;\n font-size: 17px;\n font-weight: 650;\n line-height: 23px;\n}\n\n.arkme-account-qr-card span, .arkme-account-qr-card small {\n color: #858992;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-account-qr-card img {\n width: 180px;\n height: 180px;\n margin-top: 8px;\n}\n\n.arkme-account-form {\n gap: 12px;\n padding: 18px 20px 20px;\n display: grid;\n}\n\n.arkme-account-form label {\n color: #5f6570;\n gap: 7px;\n font-size: 12px;\n line-height: 18px;\n display: grid;\n}\n\n.arkme-account-form input {\n box-sizing: border-box;\n color: #20232c;\n width: 100%;\n height: 42px;\n font: inherit;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 11px;\n outline: none;\n padding: 0 12px;\n}\n\n.arkme-account-form input:focus {\n border-color: #9aa7c2;\n box-shadow: 0 0 0 3px #53617d1f;\n}\n\n.arkme-account-rule {\n color: #858992;\n margin: -2px 0 0;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-account-code-row {\n grid-template-columns: minmax(0, 1fr) 92px;\n gap: 8px;\n display: grid;\n}\n\n.arkme-account-code-row button {\n color: #343944;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 11px;\n}\n\n.arkme-account-code-row button:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-account-dialog-actions {\n justify-content: flex-end;\n gap: 10px;\n padding-top: 6px;\n display: flex;\n}\n\n.arkme-account-dialog > .arkme-account-dialog-actions {\n padding: 6px 20px 20px;\n}\n\n.arkme-account-dialog > .arkme-account-dialog-status {\n margin: 0 20px 16px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card + .arkme-account-dialog-actions {\n justify-content: center;\n padding: 6px 20px 24px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card ~ .arkme-account-dialog-status {\n text-align: center;\n margin: -8px 20px 20px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card ~ .arkme-account-dialog-status:empty {\n display: none;\n}\n\n.arkme-account-dialog-actions button {\n color: #343944;\n min-width: 78px;\n height: 36px;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 10px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n padding: 0 14px;\n display: inline-flex;\n}\n\n.arkme-account-dialog-actions button[type=\"submit\"], .arkme-account-dialog-actions button:last-child {\n color: #fff;\n background: #20232c;\n border-color: #20232c;\n}\n\n.arkme-account-dialog-actions button:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-account-dialog-status {\n color: #13a85b;\n margin: 0;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-account-dialog-status.is-error {\n color: #b54841;\n}\n\n.arkme-redesign-version-row {\n grid-template-columns: minmax(0, 1fr) minmax(150px, auto) auto 18px;\n}\n\n.arkme-redesign-version-row.is-without-action {\n grid-template-columns: minmax(0, 1fr) auto 18px;\n}\n\n.arkme-redesign-version-copy {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-redesign-version-copy > strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n overflow: hidden;\n}\n\n.arkme-redesign-version-copy > small {\n color: #858992;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 11px;\n line-height: 16px;\n overflow: hidden;\n}\n\n.arkme-redesign-version-value {\n color: #858992;\n white-space: nowrap;\n justify-self: end;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-redesign-version-action-slot {\n justify-content: flex-end;\n display: inline-flex;\n}\n\n.arkme-redesign-trailing-slot {\n width: 18px;\n height: 1px;\n}\n\nbutton.arkme-redesign-update-button {\n color: #343944;\n min-width: 72px;\n height: 30px;\n font: inherit;\n white-space: nowrap;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 9px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n padding: 0 11px;\n font-size: 11px;\n display: inline-flex;\n}\n\nbutton.arkme-redesign-update-button:hover {\n background: #f7f7f8;\n border-color: #cfd3da;\n}\n\nbutton.arkme-redesign-update-button:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-redesign-settings-group:has(.arkme-redesign-balance-row) {\n overflow: visible;\n}\n\n.arkme-redesign-balance-row {\n grid-template-columns: max-content max-content minmax(0, 1fr) 18px;\n column-gap: 20px;\n}\n\n.arkme-redesign-balance-row.is-without-reserved {\n grid-template-columns: max-content minmax(0, 1fr) 18px;\n}\n\n.arkme-redesign-balance-main {\n min-width: 0;\n color: inherit;\n font: inherit;\n text-align: left;\n cursor: pointer;\n background: none;\n border: 0;\n gap: 2px;\n padding: 0;\n display: grid;\n}\n\n.arkme-redesign-balance-main > strong {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.arkme-redesign-balance-main > small {\n color: #858992;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-redesign-balance-usage {\n color: #8a8e96;\n white-space: nowrap;\n font-size: 11px;\n line-height: 16px;\n}\n\n.arkme-redesign-reserved-balance {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-redesign-recharge-trigger {\n justify-self: end;\n}\n\n.arkme-redesign-reserved-title {\n align-items: center;\n gap: 5px;\n width: fit-content;\n display: inline-flex;\n position: relative;\n}\n\n.arkme-redesign-reserved-title > strong {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.arkme-redesign-reserved-balance > small {\n color: #858992;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-redesign-reserved-help {\n box-sizing: border-box;\n color: #858992;\n cursor: help;\n border: 1px solid #a6aab2;\n border-radius: 50%;\n place-items: center;\n width: 15px;\n height: 15px;\n font-size: 10px;\n font-weight: 600;\n line-height: 1;\n display: inline-grid;\n}\n\n.arkme-redesign-reserved-help:focus-visible {\n outline-offset: 2px;\n outline: 2px solid #7b8cad;\n}\n\n.arkme-redesign-reserved-title > [role=\"tooltip\"] {\n box-sizing: border-box;\n z-index: 20;\n color: #fff;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n background: #2e323b;\n border-radius: 8px;\n width: 240px;\n padding: 9px 11px;\n font-size: 11px;\n font-weight: 400;\n line-height: 17px;\n transition: opacity .12s, transform .12s, visibility .12s;\n position: absolute;\n bottom: calc(100% + 8px);\n left: calc(100% - 7.5px);\n transform: translate(-50%, 2px);\n box-shadow: 0 6px 18px #181b222e;\n}\n\n.arkme-redesign-reserved-help:hover ~ [role=\"tooltip\"], .arkme-redesign-reserved-help:focus ~ [role=\"tooltip\"] {\n opacity: 1;\n visibility: visible;\n transform: translate(-50%);\n}\n\n.arkme-redesign-settings-error {\n color: #b54841;\n background: #fff3f0;\n border-radius: 10px;\n margin: -8px 0 28px;\n padding: 10px 13px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-remote-settings-dialog-backdrop {\n z-index: 1150;\n box-sizing: border-box;\n backdrop-filter: blur(1.5px);\n background: #16181d47;\n place-items: center;\n padding: 24px;\n display: grid;\n position: fixed;\n inset: 0;\n}\n\n.arkme-remote-settings-dialog {\n color: #20232c;\n background: #fff;\n border: 1px solid #14182014;\n border-radius: 19px;\n flex-direction: column;\n width: min(720px, 100vw - 48px);\n max-height: min(720px, 100vh - 48px);\n display: flex;\n overflow: hidden;\n box-shadow: 0 18px 54px #11141b2e;\n}\n\n.arkme-remote-page-header {\n box-sizing: border-box;\n border-bottom: 1px solid #ededee;\n justify-content: space-between;\n align-items: center;\n gap: 20px;\n min-height: 74px;\n padding: 0 24px 0 28px;\n display: flex;\n}\n\n.arkme-remote-page-header > div {\n min-width: 0;\n}\n\n.arkme-remote-page-header h1 {\n color: #20232c;\n letter-spacing: -.02em;\n margin: 0;\n font-size: 18px;\n font-weight: 620;\n line-height: 25px;\n}\n\n.arkme-remote-page-header p {\n color: #8b9098;\n margin: 3px 0 0;\n font-size: 11px;\n line-height: 17px;\n}\n\n.arkme-remote-settings-close {\n color: #777c85;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 9px;\n flex: none;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n padding: 0;\n display: inline-flex;\n}\n\n.arkme-remote-settings-close:hover {\n color: #20232c;\n background: #f3f3f4;\n}\n\n.arkme-remote-settings-dialog-body {\n overscroll-behavior: contain;\n gap: 28px;\n padding: 24px 28px 28px;\n display: grid;\n overflow-y: auto;\n}\n\n.arkme-remote-section {\n gap: 13px;\n display: grid;\n}\n\n.arkme-remote-section-header {\n justify-content: space-between;\n align-items: flex-end;\n gap: 18px;\n min-height: 34px;\n display: flex;\n}\n\n.arkme-remote-section-header > div:first-child {\n min-width: 0;\n}\n\n.arkme-remote-section-header h2 {\n color: #292c34;\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 21px;\n}\n\n.arkme-remote-section-header p {\n color: #8b9098;\n margin: 2px 0 0;\n font-size: 11px;\n line-height: 17px;\n}\n\n.arkme-remote-section-header > div:last-child {\n align-items: center;\n gap: 8px;\n display: flex;\n}\n\n.arkme-remote-icon-button {\n color: #8a8f97;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 9px;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n padding: 0;\n display: inline-flex;\n}\n\n.arkme-remote-icon-button:hover {\n color: #343944;\n background: #f3f3f4;\n}\n\n.arkme-remote-add-button {\n color: #fff;\n min-height: 32px;\n font: inherit;\n cursor: pointer;\n background: #20232c;\n border: 0;\n border-radius: 9px;\n align-items: center;\n gap: 5px;\n padding: 0 12px;\n font-size: 11px;\n font-weight: 550;\n display: inline-flex;\n}\n\n.arkme-remote-add-button:hover {\n background: #343944;\n}\n\n.arkme-remote-add-button:disabled, .arkme-remote-icon-button:disabled {\n opacity: .45;\n cursor: default;\n}\n\n.arkme-remote-settings-card {\n background: #fff;\n border: 1px solid #e1e2e5;\n border-radius: 16px;\n overflow: hidden;\n}\n\n.arkme-remote-allow-row {\n border-bottom: 1px solid #ededee;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\n min-height: 60px;\n padding: 0 18px;\n display: flex;\n}\n\n.arkme-remote-allow-row > div {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-remote-allow-row strong, .arkme-remote-device-row strong, .arkme-remote-name-row strong {\n color: #343944;\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n}\n\n.arkme-remote-allow-row span, .arkme-remote-device-row span, .arkme-remote-name-row small {\n color: #8b9098;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 10px;\n line-height: 16px;\n overflow: hidden;\n}\n\n.arkme-remote-switch {\n cursor: pointer;\n background: #d7d9dd;\n border: 0;\n border-radius: 999px;\n flex: none;\n width: 40px;\n height: 23px;\n padding: 0;\n transition: background .16s;\n position: relative;\n}\n\n.arkme-remote-switch > span {\n background: #fff;\n border-radius: 50%;\n width: 17px;\n height: 17px;\n transition: transform .16s;\n position: absolute;\n top: 3px;\n left: 3px;\n box-shadow: 0 1px 3px #14182038;\n}\n\n.arkme-remote-switch[aria-checked=\"true\"] {\n background: #3b9cf5;\n}\n\n.arkme-remote-switch[aria-checked=\"true\"] > span {\n transform: translateX(17px);\n}\n\n.arkme-remote-switch:disabled {\n opacity: .5;\n cursor: default;\n}\n\n.arkme-remote-device-row {\n border-bottom: 1px solid #ededee;\n grid-template-columns: 24px minmax(0, 1fr) auto;\n align-items: center;\n gap: 11px;\n min-height: 64px;\n padding: 0 18px;\n display: grid;\n}\n\n.arkme-remote-device-row:last-child {\n border-bottom: 0;\n}\n\n.arkme-remote-device-row > svg {\n color: #68707c;\n}\n\n.arkme-remote-device-row > div {\n gap: 1px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-remote-device-row > button {\n color: #5d626c;\n min-height: 30px;\n font: inherit;\n cursor: pointer;\n background: #f3f3f4;\n border: 0;\n border-radius: 9px;\n padding: 0 10px;\n font-size: 10px;\n}\n\n.arkme-remote-device-row > button:hover {\n color: #b54841;\n background: #fff0ed;\n}\n\n.arkme-remote-device-row > button:disabled {\n opacity: .45;\n cursor: default;\n}\n\n.arkme-remote-empty-row {\n color: #989ca3;\n align-items: center;\n gap: 11px;\n min-height: 52px;\n padding: 0 18px;\n font-size: 11px;\n display: flex;\n}\n\n.arkme-remote-empty-row > svg {\n color: #a2a6ad;\n}\n\n.arkme-remote-name-row {\n color: #727780;\n width: 100%;\n min-height: 62px;\n font: inherit;\n text-align: left;\n cursor: pointer;\n background: none;\n border: 0;\n grid-template-columns: 24px minmax(0, 1fr) 20px;\n align-items: center;\n gap: 11px;\n padding: 0 18px;\n display: grid;\n}\n\n.arkme-remote-name-row:hover {\n background: #fafafb;\n}\n\n.arkme-remote-name-row > span {\n gap: 1px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-remote-name-row small {\n display: block;\n}\n\n.arkme-remote-rename {\n border-top: 1px solid #ededee;\n grid-template-columns: minmax(0, 1fr) auto auto;\n gap: 7px;\n padding: 12px 18px;\n display: grid;\n}\n\n.arkme-remote-rename input {\n box-sizing: border-box;\n color: #20232c;\n min-width: 0;\n height: 34px;\n font: inherit;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 9px;\n outline: 0;\n padding: 0 10px;\n font-size: 12px;\n}\n\n.arkme-remote-rename input:focus {\n border-color: #6eb3f3;\n box-shadow: 0 0 0 3px #3b9cf51f;\n}\n\n.arkme-remote-rename button {\n color: #4f5560;\n min-height: 34px;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #e0e1e4;\n border-radius: 9px;\n padding: 0 11px;\n font-size: 11px;\n}\n\n.arkme-remote-rename button[type=\"submit\"] {\n color: #fff;\n background: #20232c;\n border-color: #20232c;\n}\n\n.arkme-remote-rename button:disabled {\n opacity: .5;\n cursor: default;\n}\n\n.arkme-remote-error {\n margin: -22px 0 0;\n}\n\n.arkme-remote-dialog-backdrop {\n z-index: 1200;\n box-sizing: border-box;\n backdrop-filter: blur(1.5px);\n background: #16181d47;\n place-items: center;\n padding: 24px;\n display: grid;\n position: fixed;\n inset: 0;\n overflow: auto;\n}\n\n.arkme-remote-dialog {\n box-sizing: border-box;\n color: #20232c;\n background: #fff;\n border: 1px solid #14182014;\n border-radius: 19px;\n width: min(440px, 100vw - 32px);\n max-height: calc(100vh - 48px);\n padding: 28px;\n position: relative;\n overflow: auto;\n box-shadow: 0 18px 54px #11141b2e;\n}\n\n.arkme-remote-dialog-close {\n color: #777c85;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 9px;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n padding: 0;\n display: inline-flex;\n position: absolute;\n top: 16px;\n right: 16px;\n}\n\n.arkme-remote-dialog-close:hover {\n color: #20232c;\n background: #f3f3f4;\n}\n\n.arkme-remote-dialog-symbol {\n color: #343944;\n justify-content: center;\n align-items: center;\n gap: 9px;\n height: 38px;\n display: flex;\n}\n\n.arkme-remote-dialog-symbol > span {\n background: #d6d8dc;\n width: 28px;\n height: 1px;\n}\n\n.arkme-remote-dialog > header {\n text-align: center;\n margin: 12px 0 22px;\n}\n\n.arkme-remote-dialog h2 {\n letter-spacing: -.02em;\n margin: 0;\n font-size: 19px;\n font-weight: 620;\n line-height: 27px;\n}\n\n.arkme-remote-dialog header p {\n color: #858992;\n margin: 6px 0 0;\n font-size: 11px;\n line-height: 17px;\n}\n\n.arkme-remote-pairing-tabs {\n box-sizing: border-box;\n background: #f1f1f2;\n border-radius: 11px;\n grid-template-columns: 1fr 1fr;\n gap: 3px;\n height: 38px;\n padding: 3px;\n display: grid;\n}\n\n.arkme-remote-pairing-tabs button {\n color: #737881;\n font: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 8px;\n font-size: 11px;\n}\n\n.arkme-remote-pairing-tabs button[aria-selected=\"true\"] {\n color: #252831;\n background: #fff;\n box-shadow: 0 1px 3px #14182017;\n}\n\n.arkme-remote-pairing-display {\n box-sizing: border-box;\n background: #fff;\n border: 1px solid #e5e6e8;\n border-radius: 16px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n min-height: 308px;\n margin-top: 14px;\n padding: 24px;\n display: flex;\n position: relative;\n}\n\n.arkme-remote-pairing-display > img {\n width: 232px;\n height: 232px;\n image-rendering: pixelated;\n display: block;\n}\n\n.arkme-remote-pairing-display > p {\n color: #8b9098;\n text-align: center;\n margin: 10px 0 0;\n font-size: 10px;\n line-height: 16px;\n}\n\n.arkme-remote-pairing-code {\n color: #20232c;\n letter-spacing: .17em;\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n user-select: all;\n font-size: 33px;\n font-weight: 620;\n line-height: 46px;\n}\n\n.arkme-remote-pairing-tools {\n gap: 4px;\n display: flex;\n position: absolute;\n bottom: 12px;\n right: 12px;\n}\n\n.arkme-remote-pairing-tools button {\n color: #8a8f97;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n width: 30px;\n height: 30px;\n padding: 0;\n display: inline-flex;\n}\n\n.arkme-remote-pairing-tools button:hover {\n color: #343944;\n background: #f3f3f4;\n}\n\n.arkme-remote-pairing-expired {\n text-align: center;\n justify-items: center;\n gap: 7px;\n display: grid;\n}\n\n.arkme-remote-pairing-expired strong {\n font-size: 14px;\n line-height: 20px;\n}\n\n.arkme-remote-pairing-expired p {\n color: #8b9098;\n margin: 0;\n font-size: 11px;\n}\n\n.arkme-remote-pairing-expired button {\n color: #fff;\n min-height: 32px;\n font: inherit;\n cursor: pointer;\n background: #20232c;\n border: 0;\n border-radius: 9px;\n margin-top: 7px;\n padding: 0 12px;\n font-size: 11px;\n}\n\n.arkme-remote-dialog-note {\n color: #858992;\n align-items: flex-start;\n gap: 7px;\n margin: 14px 2px 0;\n font-size: 10px;\n line-height: 16px;\n display: flex;\n}\n\n.arkme-remote-dialog-note > svg {\n color: #5e856d;\n flex: none;\n margin-top: 1px;\n}\n\n.arkme-remote-settings-close:focus-visible, .arkme-remote-icon-button:focus-visible, .arkme-remote-add-button:focus-visible, .arkme-remote-switch:focus-visible, .arkme-remote-device-row > button:focus-visible, .arkme-remote-name-row:focus-visible, .arkme-remote-rename button:focus-visible, .arkme-remote-dialog button:focus-visible {\n outline-offset: 2px;\n outline: 2px solid #3b9cf5;\n}\n\n@media (width <= 520px) {\n .arkme-remote-settings-dialog-backdrop {\n padding: 10px;\n }\n\n .arkme-remote-settings-dialog {\n border-radius: 17px;\n width: calc(100vw - 20px);\n max-height: calc(100vh - 20px);\n }\n\n .arkme-remote-page-header {\n min-height: 68px;\n padding: 0 16px 0 20px;\n }\n\n .arkme-remote-page-header p {\n display: none;\n }\n\n .arkme-remote-settings-dialog-body {\n gap: 24px;\n padding: 20px 18px 22px;\n }\n\n .arkme-remote-section-header p {\n display: none;\n }\n\n .arkme-remote-device-row {\n grid-template-columns: 22px minmax(0, 1fr);\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .arkme-remote-device-row > button {\n grid-column: 2;\n justify-self: start;\n }\n\n .arkme-remote-dialog-backdrop {\n padding: 12px;\n }\n\n .arkme-remote-dialog {\n padding: 24px 20px;\n }\n\n .arkme-remote-pairing-display {\n min-height: 282px;\n padding: 18px;\n }\n\n .arkme-remote-pairing-display > img {\n width: min(224px, 100%);\n height: auto;\n }\n\n .arkme-remote-pairing-code {\n letter-spacing: .12em;\n font-size: 26px;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .arkme-remote-switch, .arkme-remote-switch > span {\n transition: none;\n }\n}\n\n.arkme-redesign-model-settings {\n color: #20232c;\n background: #fff;\n width: 100%;\n height: 100%;\n overflow-y: auto;\n}\n\n.arkme-redesign-model-settings > header {\n width: min(760px, 100% - 96px);\n margin: 0 auto;\n padding: 42px 0 22px;\n}\n\n.arkme-redesign-model-settings > header button {\n color: #525762;\n height: 34px;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #e1e2e5;\n border-radius: 18px;\n align-items: center;\n gap: 4px;\n padding: 0 10px 0 7px;\n font-size: 13px;\n display: inline-flex;\n}\n\n.arkme-redesign-model-settings > header button:hover {\n color: #20232c;\n background: #f6f6f7;\n}\n\n.arkme-redesign-model-settings-body {\n width: min(760px, 100% - 96px);\n margin: 0 auto;\n padding: 0 0 68px;\n}\n\n.arkme-redesign-model-settings-body > * {\n max-width: none !important;\n}\n\n.arkme-redesign-task-start {\n place-items: center;\n width: 100%;\n height: 100%;\n padding: 28px 58px 64px;\n display: grid;\n}\n\n.arkme-redesign-task-start-inner {\n text-align: center;\n width: min(760px, 88%);\n transform: translateY(-12px);\n}\n\n.arkme-redesign-task-greeting {\n justify-content: center;\n align-items: center;\n gap: 12px;\n margin-bottom: 24px;\n display: flex;\n}\n\n.arkme-redesign-task-greeting img {\n object-fit: contain;\n flex: none;\n width: 62px;\n height: 16px;\n display: block;\n}\n\n.arkme-redesign-task-start h1 {\n letter-spacing: -.03em;\n margin: 0;\n font-size: 29px;\n font-weight: 600;\n line-height: 1.15;\n}\n\n.arkme-redesign-hero-input {\n border: 1px solid var(--arkme-focus);\n text-align: left;\n background: #fff;\n border-radius: 17px;\n grid-template-rows: minmax(56px, 1fr) auto;\n min-height: 142px;\n padding: 17px 16px 13px 20px;\n display: grid;\n box-shadow: 0 8px 30px #1c1f270b;\n}\n\n.arkme-redesign-hero-input:focus-within {\n border-color: #aebdff;\n box-shadow: 0 10px 38px #36488c13, 0 0 0 3px #91a4ff12;\n}\n\n.arkme-redesign-hero-input textarea {\n resize: none;\n color: #20232c;\n border: 0;\n outline: 0;\n width: 100%;\n min-height: 58px;\n padding: 0;\n font-size: 15px;\n line-height: 1.6;\n}\n\n.arkme-redesign-hero-input textarea::placeholder {\n color: #a3a6ad;\n}\n\n.arkme-redesign-hero-controls {\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n display: flex;\n}\n\n.arkme-redesign-hero-controls > div {\n align-items: center;\n gap: 7px;\n display: flex;\n}\n\n.arkme-redesign-source-button {\n border-radius: 22px;\n align-items: center;\n gap: 8px;\n height: 36px;\n padding: 0 13px;\n font-size: 13px;\n display: flex;\n border: 1px solid #e2e3e6 !important;\n}\n\n.arkme-redesign-round-tool, .arkme-redesign-send-task {\n border-radius: 50%;\n place-items: center;\n width: 40px;\n height: 40px;\n display: grid;\n border: 1px solid #e2e3e6 !important;\n}\n\n.arkme-redesign-round-tool:hover {\n background: #f5f5f6;\n}\n\n.arkme-redesign-send-task {\n color: #fff !important;\n background: #20232d !important;\n border: 0 !important;\n}\n\n.arkme-redesign-send-task:disabled {\n cursor: default;\n background: #d9dade !important;\n}\n\n.arkme-redesign-task-error {\n color: #b84747;\n text-align: left;\n margin-top: 10px;\n font-size: 12px;\n}\n\n.arkme-redesign-starters {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: calc(100% - 18px);\n margin: 22px auto 0;\n display: grid;\n}\n\n.arkme-redesign-starters > button {\n text-align: left;\n border-right: 1px solid #e7e7e9;\n align-items: center;\n gap: 12px;\n min-width: 0;\n min-height: 48px;\n padding: 4px 18px;\n display: flex;\n}\n\n.arkme-redesign-starters > button:last-child {\n border-right: 0;\n}\n\n.arkme-redesign-starters > button:hover strong {\n color: #5365ad;\n}\n\n.arkme-redesign-starter-icon {\n color: #30333b;\n border: 1px solid #e2e3e6;\n border-radius: 50%;\n flex: none;\n place-items: center;\n width: 38px;\n height: 38px;\n display: grid;\n}\n\n.arkme-redesign-starters > button > span:last-child {\n gap: 4px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-redesign-starters strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 13px;\n font-weight: 500;\n overflow: hidden;\n}\n\n.arkme-redesign-starters small {\n color: #8d919a;\n font-size: 12px;\n}\n\n.arkme-redesign-details {\n z-index: 4;\n top: var(--arkme-native-titlebar);\n background: #fff;\n border-left: 1px solid #e7e7e9;\n width: 360px;\n position: absolute;\n bottom: 0;\n right: 0;\n overflow: hidden;\n}\n\n.arkme-redesign-calendar-overlay {\n z-index: 14;\n inset: var(--arkme-native-titlebar) 0 0;\n pointer-events: none;\n position: absolute;\n}\n\n.arkme-redesign-calendar-overlay > * {\n pointer-events: auto;\n}\n\n.arkme-redesign-overlays {\n z-index: 20;\n pointer-events: none;\n position: absolute;\n inset: 0;\n}\n\n.arkme-redesign-overlays > * {\n pointer-events: auto;\n}\n\n.arkme-workspace-dialog-backdrop {\n z-index: 60;\n backdrop-filter: blur(2px);\n background: #181b2238;\n place-items: center;\n padding: 28px;\n display: grid;\n position: absolute;\n inset: 0;\n}\n\n.arkme-workspace-dialog {\n background: #fff;\n border: 1px solid #dddfe4;\n border-radius: 18px;\n grid-template-rows: auto auto minmax(0, 1fr) auto;\n width: min(640px, 100%);\n height: min(620px, 100%);\n min-height: 420px;\n display: grid;\n overflow: hidden;\n box-shadow: 0 24px 70px #191c232e;\n}\n\n.arkme-workspace-dialog > header {\n justify-content: space-between;\n align-items: flex-start;\n gap: 18px;\n padding: 22px 24px 16px;\n display: flex;\n}\n\n.arkme-workspace-dialog > header span {\n color: #8b8e96;\n font-size: 10px;\n}\n\n.arkme-workspace-dialog > header h2 {\n margin: 5px 0 0;\n font-size: 19px;\n font-weight: 600;\n}\n\n.arkme-workspace-dialog > header > button {\n border-radius: 9px;\n place-items: center;\n width: 32px;\n height: 32px;\n display: grid;\n}\n\n.arkme-workspace-dialog > nav {\n border-top: 1px solid #ececef;\n border-bottom: 1px solid #ececef;\n align-items: center;\n gap: 2px;\n min-height: 42px;\n padding: 0 22px;\n display: flex;\n overflow-x: auto;\n}\n\n.arkme-workspace-dialog > nav > span {\n white-space: nowrap;\n color: #9a9da5;\n align-items: center;\n gap: 2px;\n display: inline-flex;\n}\n\n.arkme-workspace-dialog > nav button {\n color: #666a73;\n border-radius: 8px;\n align-items: center;\n gap: 5px;\n height: 30px;\n padding: 0 7px;\n font-size: 11px;\n display: inline-flex;\n}\n\n.arkme-workspace-directory-list {\n min-height: 0;\n padding: 10px 14px;\n overflow-y: auto;\n}\n\n.arkme-workspace-directory-list > button {\n text-align: left;\n border-radius: 11px;\n grid-template-columns: 34px minmax(0, 1fr) 18px;\n align-items: center;\n gap: 9px;\n width: 100%;\n height: 48px;\n padding: 0 11px;\n display: grid;\n}\n\n.arkme-workspace-directory-list > button:hover {\n background: #f5f5f7;\n}\n\n.arkme-workspace-directory-list > button > span {\n color: #636873;\n border: 1px solid #e5e6e9;\n border-radius: 9px;\n place-items: center;\n width: 32px;\n height: 32px;\n display: grid;\n}\n\n.arkme-workspace-directory-list strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 12px;\n font-weight: 500;\n overflow: hidden;\n}\n\n.arkme-workspace-dialog-status, .arkme-workspace-dialog-error {\n color: #8c9098;\n text-align: center;\n padding: 54px 16px;\n font-size: 12px;\n}\n\n.arkme-workspace-dialog-error {\n color: #b94b4b;\n}\n\n.arkme-workspace-dialog > footer {\n border-top: 1px solid #e8e9ec;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\n min-height: 72px;\n padding: 12px 18px;\n display: flex;\n}\n\n.arkme-workspace-dialog-back {\n color: #696d76;\n align-items: center;\n gap: 6px;\n height: 36px;\n padding: 0 10px;\n font-size: 11px;\n display: inline-flex;\n}\n\n.arkme-workspace-dialog > footer > div {\n align-items: center;\n gap: 12px;\n min-width: 0;\n display: flex;\n}\n\n.arkme-workspace-dialog > footer small {\n white-space: nowrap;\n text-overflow: ellipsis;\n color: #92959d;\n max-width: 280px;\n font-size: 9px;\n overflow: hidden;\n}\n\n.arkme-workspace-dialog > footer > div > button {\n color: #fff;\n background: #20232d;\n border-radius: 10px;\n flex: none;\n height: 38px;\n padding: 0 17px;\n font-size: 11px;\n font-weight: 600;\n}\n\n.arkme-workspace-dialog button:disabled {\n opacity: .48;\n cursor: default;\n}\n\n.arkme-redesign-placeholder {\n color: #858992;\n text-align: center;\n place-content: center;\n justify-items: center;\n width: 100%;\n height: 100%;\n display: grid;\n}\n\n.arkme-redesign-placeholder > span {\n color: #555a64;\n border: 1px solid #e1e2e5;\n border-radius: 14px;\n place-items: center;\n width: 48px;\n height: 48px;\n display: grid;\n}\n\n.arkme-redesign-placeholder h1 {\n color: #3e424b;\n margin: 16px 0 7px;\n font-size: 18px;\n}\n\n.arkme-redesign-placeholder p {\n margin: 0;\n font-size: 12px;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] {\n --arkme-line: var(--dsw-alias-border-l1);\n --arkme-muted: var(--dsw-alias-label-tertiary);\n --arkme-soft: var(--dsw-alias-bg-layer-2);\n --arkme-focus: var(--dsw-alias-state-business-primary);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"], body[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] {\n background: var(--dsw-specific-sidebar-fill) !important;\n color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-brand\"] {\n box-shadow: none;\n background: none !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] [data-arkme-theme-image=\"light\"] {\n display: none !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] [data-arkme-theme-image=\"dark\"] {\n display: block !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] > div {\n border-color: var(--dsw-alias-border-l1) !important;\n background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] {\n background: var(--dsw-alias-bg-base) !important;\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] .arkme-conversation-surface, body[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] .arkme-conversation-composer {\n background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] div:has( > input[aria-label=\"搜索\"]) {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-specific-input-major) !important;\n box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button:hover {\n background: var(--dsw-alias-interactive-bg-hover) !important;\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button[aria-current=\"page\"] {\n background: var(--dsw-alias-interactive-bg-active) !important;\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button[aria-current=\"page\"] > span[aria-hidden=\"true\"] {\n background: var(--dsw-alias-state-business-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"], body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"], body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [aria-label=\"Arkme 会话列表\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] {\n background: var(--dsw-alias-bg-base) !important;\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] label:has( > input[aria-label=\"搜索对话或消息\"]), body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] button[aria-label=\"新任务\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] label:has( > input[aria-label=\"搜索对话或消息\"]), body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] button[aria-label=\"新任务\"] {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-specific-input-major) !important;\n color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [role=\"treeitem\"][aria-selected=\"true\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] [role=\"treeitem\"][aria-selected=\"true\"] {\n background: var(--dsw-alias-interactive-bg-active) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [role=\"status\"][aria-label$=\"个人测试版\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] [role=\"status\"][aria-label$=\"个人测试版\"] {\n background: var(--dsw-alias-bg-layer-2) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] .arkme-conversation-composer {\n background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-recordings-page [aria-label=\"全天候录音操作\"] > div > button, body[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] [aria-label=\"全天候录音操作\"] > div > button {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-alias-button-elevated-fill) !important;\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-recordings-page [aria-label=\"全天候录音操作\"] > div > button:first-child, body[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] [aria-label=\"全天候录音操作\"] > div > button:first-child {\n border-color: var(--dsw-alias-button-primary-fill) !important;\n background: var(--dsw-alias-button-primary-fill) !important;\n color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) {\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"客户端日历\"], body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"当天内容\"] {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-alias-bg-layer-1) !important;\n color: var(--dsw-alias-label-primary) !important;\n box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"客户端日历\"] > span[aria-hidden] {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] > header button, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[aria-label*=\"记录\"] {\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] > div > span {\n color: var(--dsw-alias-label-tertiary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"false\"][aria-label*=\"条记录\"] > span:last-child {\n color: var(--dsw-alias-label-secondary) !important;\n background: none !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"], body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"] > span {\n color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"] > span:last-child {\n color: var(--dsw-alias-label-primary-inverted) !important;\n background: none !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article > div > div:last-child {\n border-color: var(--dsw-alias-border-l1) !important;\n background: var(--dsw-alias-bg-layer-2) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article h3, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article p {\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article time, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article span {\n color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-root, body[data-ds-dark-theme] .arkme-redesign-chat-panel, body[data-ds-dark-theme] .arkme-redesign-content, body[data-ds-dark-theme] .arkme-redesign-feature-page, body[data-ds-dark-theme] .arkme-redesign-recordings-page, body[data-ds-dark-theme] .arkme-redesign-plugins-page, body[data-ds-dark-theme] .arkme-redesign-model-settings, body[data-ds-dark-theme] .arkme-redesign-details {\n background: var(--dsw-alias-bg-base);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-native-desktop .arkme-redesign-root:before {\n background: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail {\n border-color: var(--dsw-alias-border-l2);\n background: var(--dsw-specific-sidebar-fill);\n box-shadow: var(--dsw-shadow-lv2);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button, body[data-ds-dark-theme] .arkme-redesign-profile-menu button, body[data-ds-dark-theme] .arkme-redesign-task-list > button, body[data-ds-dark-theme] .arkme-redesign-task-first, body[data-ds-dark-theme] .arkme-workspace-dialog > nav button, body[data-ds-dark-theme] .arkme-workspace-dialog-back, body[data-ds-dark-theme] .arkme-redesign-placeholder > span {\n color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button:hover, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button:hover, body[data-ds-dark-theme] .arkme-redesign-profile-menu button:hover, body[data-ds-dark-theme] .arkme-redesign-chat-search:hover, body[data-ds-dark-theme] .arkme-redesign-task-section-title button:hover, body[data-ds-dark-theme] .arkme-redesign-task-list > button:hover, body[data-ds-dark-theme] .arkme-redesign-task-first:hover, body[data-ds-dark-theme] .arkme-extension-toolbar > button:hover, body[data-ds-dark-theme] button.arkme-redesign-setting-row:hover, body[data-ds-dark-theme] a.arkme-redesign-setting-row:hover, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button:hover, body[data-ds-dark-theme] .arkme-redesign-round-tool:hover, body[data-ds-dark-theme] .arkme-workspace-directory-list > button:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button.is-active, body[data-ds-dark-theme] .arkme-redesign-task-list > button.is-selected {\n background: var(--dsw-alias-interactive-bg-active);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active:before {\n background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-footer, body[data-ds-dark-theme] .arkme-redesign-profile-menu, body[data-ds-dark-theme] .arkme-redesign-task-section, body[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-header, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-history button, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-quick button, body[data-ds-dark-theme] .arkme-redesign-settings-group h2, body[data-ds-dark-theme] .arkme-redesign-setting-row, body[data-ds-dark-theme] .arkme-account-info-row, body[data-ds-dark-theme] .arkme-redesign-starters > button, body[data-ds-dark-theme] .arkme-redesign-details, body[data-ds-dark-theme] .arkme-workspace-dialog > nav, body[data-ds-dark-theme] .arkme-workspace-dialog > footer {\n border-color: var(--dsw-alias-border-l1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-profile-popover, body[data-ds-dark-theme] .arkme-workspace-dialog {\n border-color: var(--dsw-alias-border-l2);\n background: var(--dsw-specific-menu);\n box-shadow: var(--dsw-shadow-lv3);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-profile-head small, body[data-ds-dark-theme] .arkme-redesign-profile-menu small, body[data-ds-dark-theme] .arkme-redesign-profile-menu button > svg:last-child, body[data-ds-dark-theme] .arkme-redesign-task-section-title, body[data-ds-dark-theme] .arkme-redesign-task-copy small, body[data-ds-dark-theme] .arkme-account-profile-qr, body[data-ds-dark-theme] .arkme-redesign-feature-page > header p, body[data-ds-dark-theme] .arkme-redesign-feature-page > header span, body[data-ds-dark-theme] .arkme-redesign-search-page input[aria-label=\"搜索\"]:not(:focus)::placeholder, body[data-ds-dark-theme] .arkme-redesign-settings-profile p, body[data-ds-dark-theme] .arkme-redesign-settings-group h2, body[data-ds-dark-theme] .arkme-redesign-setting-summary, body[data-ds-dark-theme] .arkme-account-info-copy > small, body[data-ds-dark-theme] .arkme-account-info-action, body[data-ds-dark-theme] .arkme-account-info-row > svg, body[data-ds-dark-theme] .arkme-account-info-icon, body[data-ds-dark-theme] .arkme-redesign-setting-row > svg, body[data-ds-dark-theme] .arkme-redesign-hero-input textarea::placeholder, body[data-ds-dark-theme] .arkme-redesign-starters small, body[data-ds-dark-theme] .arkme-workspace-dialog > header span, body[data-ds-dark-theme] .arkme-workspace-dialog > nav > span, body[data-ds-dark-theme] .arkme-workspace-dialog-status, body[data-ds-dark-theme] .arkme-workspace-dialog > footer small, body[data-ds-dark-theme] .arkme-redesign-placeholder {\n color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-chat-search, body[data-ds-dark-theme] .arkme-extension-toolbar label, body[data-ds-dark-theme] .arkme-extension-toolbar > button, body[data-ds-dark-theme] .arkme-redesign-settings-group, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-source-button, body[data-ds-dark-theme] .arkme-redesign-round-tool, body[data-ds-dark-theme] .arkme-redesign-starter-icon, body[data-ds-dark-theme] .arkme-workspace-directory-list > button > span, body[data-ds-dark-theme] .arkme-redesign-placeholder > span {\n border-color: var(--dsw-alias-border-l2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-chat-search, body[data-ds-dark-theme] .arkme-extension-toolbar label {\n color: var(--dsw-alias-label-tertiary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-extension-toolbar input, body[data-ds-dark-theme] .arkme-redesign-settings-profile h1, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-task-start h1, body[data-ds-dark-theme] .arkme-redesign-hero-input textarea, body[data-ds-dark-theme] .arkme-redesign-starter-icon, body[data-ds-dark-theme] .arkme-redesign-placeholder h1 {\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-list, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card {\n background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-settings-surface, body[data-ds-dark-theme] .arkme-redesign-settings-group {\n color: var(--dsw-alias-label-primary);\n background: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog {\n border-color: var(--dsw-alias-border-l2);\n background: var(--dsw-specific-menu);\n color: var(--dsw-alias-label-primary);\n box-shadow: var(--dsw-shadow-lv3);\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog > header, body[data-ds-dark-theme] .arkme-account-qr-card {\n border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-account-qr-card, body[data-ds-dark-theme] .arkme-account-form input, body[data-ds-dark-theme] .arkme-account-code-row button, body[data-ds-dark-theme] .arkme-account-dialog-actions button {\n background: var(--dsw-alias-bg-layer-1);\n color: var(--dsw-alias-label-primary);\n border-color: var(--dsw-alias-border-l2);\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog-actions button[type=\"submit\"], body[data-ds-dark-theme] .arkme-account-dialog-actions button:last-child {\n border-color: var(--dsw-alias-label-primary);\n background: var(--dsw-alias-label-primary);\n color: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-account-rule, body[data-ds-dark-theme] .arkme-account-qr-card span, body[data-ds-dark-theme] .arkme-account-qr-card small, body[data-ds-dark-theme] .arkme-account-form label {\n color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-surface, body[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-center-embedded > section {\n background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-composer-inner, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-box {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-specific-input-major) !important;\n color: var(--dsw-alias-label-primary) !important;\n box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"] {\n --arkme-primary-composer-idle: #151515;\n --arkme-primary-composer-focused: #000;\n background: var(--arkme-primary-composer-idle, #f6f6f6) !important;\n box-shadow: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"][data-arkme-composer-focused=\"true\"] {\n background: var(--arkme-primary-composer-focused, #fff) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-greeting img {\n filter: invert() hue-rotate(180deg);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-specific-input-major) !important;\n color: var(--dsw-alias-label-primary) !important;\n box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input textarea {\n background: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-source-button, body[data-ds-dark-theme] .arkme-redesign-round-tool, body[data-ds-dark-theme] .arkme-redesign-starter-icon {\n background: var(--dsw-alias-button-elevated-fill) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-history button, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-quick button {\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card {\n border-color: var(--dsw-alias-border-l1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card:hover {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-alias-interactive-bg-hover) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-section:focus-within .arkme-redesign-task-list {\n box-shadow: var(--dsw-shadow-lv2);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-settings-error {\n background: var(--dsw-alias-interactive-bg-hover-danger);\n color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-page-header h1, body[data-ds-dark-theme] .arkme-remote-section-header h2, body[data-ds-dark-theme] .arkme-remote-allow-row strong, body[data-ds-dark-theme] .arkme-remote-device-row strong, body[data-ds-dark-theme] .arkme-remote-name-row strong, body[data-ds-dark-theme] .arkme-remote-dialog, body[data-ds-dark-theme] .arkme-remote-pairing-code {\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-section-header p, body[data-ds-dark-theme] .arkme-remote-page-header p, body[data-ds-dark-theme] .arkme-remote-allow-row span, body[data-ds-dark-theme] .arkme-remote-device-row span, body[data-ds-dark-theme] .arkme-remote-name-row small, body[data-ds-dark-theme] .arkme-remote-dialog header p, body[data-ds-dark-theme] .arkme-remote-pairing-display > p, body[data-ds-dark-theme] .arkme-remote-dialog-note, body[data-ds-dark-theme] .arkme-remote-empty-row {\n color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-card, body[data-ds-dark-theme] .arkme-remote-settings-dialog, body[data-ds-dark-theme] .arkme-remote-dialog, body[data-ds-dark-theme] .arkme-remote-pairing-display, body[data-ds-dark-theme] .arkme-remote-rename input {\n border-color: var(--dsw-alias-border-l2);\n background: var(--dsw-alias-bg-layer-1);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-allow-row, body[data-ds-dark-theme] .arkme-remote-device-row, body[data-ds-dark-theme] .arkme-remote-rename, body[data-ds-dark-theme] .arkme-remote-page-header {\n border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-close, body[data-ds-dark-theme] .arkme-remote-icon-button, body[data-ds-dark-theme] .arkme-remote-dialog-close, body[data-ds-dark-theme] .arkme-remote-pairing-tools button, body[data-ds-dark-theme] .arkme-remote-name-row {\n color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-close:hover, body[data-ds-dark-theme] .arkme-remote-icon-button:hover, body[data-ds-dark-theme] .arkme-remote-dialog-close:hover, body[data-ds-dark-theme] .arkme-remote-pairing-tools button:hover, body[data-ds-dark-theme] .arkme-remote-name-row:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-add-button, body[data-ds-dark-theme] .arkme-remote-rename button[type=\"submit\"], body[data-ds-dark-theme] .arkme-remote-pairing-expired button {\n background: var(--dsw-alias-button-primary-fill);\n color: var(--dsw-alias-label-primary-inverted);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-device-row > button, body[data-ds-dark-theme] .arkme-remote-rename button {\n border-color: var(--dsw-alias-border-l2);\n background: var(--dsw-alias-button-elevated-fill);\n color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-switch[aria-checked=\"true\"] {\n background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs {\n background: var(--dsw-alias-bg-layer-2);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs button {\n color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs button[aria-selected=\"true\"] {\n background: var(--dsw-alias-button-elevated-fill);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-dialog-backdrop, body[data-ds-dark-theme] .arkme-remote-dialog-backdrop {\n background: #07090d8f;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-setting-row > strong.is-danger, body[data-ds-dark-theme] .arkme-redesign-task-error, body[data-ds-dark-theme] .arkme-workspace-dialog-error {\n color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-state.is-complete > i {\n background: var(--dsw-alias-state-success-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-state.is-complete > i:after {\n background: var(--dsw-alias-state-success-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-matrix i, body[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active:before {\n background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input:focus-within {\n border-color: var(--dsw-alias-state-business-primary);\n box-shadow: 0 0 0 3px var(--dsw-alias-state-business-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-starters > button:hover strong {\n color: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-send-task, body[data-ds-dark-theme] .arkme-workspace-dialog > footer > div > button {\n background: var(--dsw-alias-button-primary-fill) !important;\n color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-send-task:disabled {\n background: var(--dsw-alias-button-elevated-fill) !important;\n color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-workspace-dialog-backdrop {\n background: var(--dsw-alias-bg-mask-1);\n}\n\n@media (width <= 1024px) {\n .arkme-redesign-chat-panel {\n width: 264px;\n left: 82px;\n }\n\n .arkme-redesign-content {\n left: 82px;\n }\n\n .arkme-redesign-content.has-panel {\n left: 346px;\n }\n\n .arkme-redesign-rail {\n left: 12px;\n }\n\n .arkme-redesign-starters > button {\n padding: 0 10px;\n }\n\n .arkme-redesign-feature-page {\n padding-left: 30px;\n padding-right: 30px;\n }\n}\n\n@media (width <= 820px) {\n .arkme-redesign-chat-panel {\n display: none;\n }\n\n .arkme-redesign-content.has-panel {\n left: 82px;\n }\n\n .arkme-redesign-task-start {\n padding: 28px;\n }\n\n .arkme-redesign-starters {\n grid-template-columns: 1fr;\n gap: 6px;\n }\n\n .arkme-redesign-starters > button {\n border-right: 0;\n }\n\n .arkme-voiceprint-relationships {\n grid-template-columns: minmax(0, 1fr) !important;\n gap: 28px !important;\n }\n\n .arkme-voiceprint-outbound {\n border-left: 0 !important;\n border-top: 1px solid var(--dsw-alias-border-subtle, #e6e7eb) !important;\n padding-top: 28px !important;\n padding-left: 0 !important;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .arkme-redesign-task-matrix i {\n opacity: .6;\n animation: none;\n }\n}\n\n.arkme-contact-directory, .arkme-directory-detail-pane {\n box-sizing: border-box;\n min-width: 0;\n height: 100%;\n min-height: 0;\n color: var(--dsw-alias-label-primary, #202124);\n font-size: 13px;\n overflow: hidden;\n}\n\n[data-arkme-directory-mode=\"contacts\"] {\n background: var(--dsw-specific-sidebar-fill, #fff) !important;\n border-left-color: var(--dsw-alias-border-l1, #ececef) !important;\n}\n\n.arkme-contact-directory {\n --arkme-contact-directory-header-fill: var(--dsw-specific-sidebar-fill, #fff);\n overflow-wrap: anywhere;\n padding: 0 6px 18px;\n overflow-y: auto;\n}\n\n.arkme-contact-directory-surface {\n min-width: 0;\n height: 100%;\n min-height: 0;\n color: var(--dsw-alias-label-primary, #202124);\n background: var(--dsw-specific-sidebar-fill, #fff);\n flex-direction: column;\n display: flex;\n}\n\n.arkme-contact-directory-surface > .arkme-contact-directory {\n flex: 1;\n height: auto;\n}\n\n.arkme-contact-directory-toolbar {\n -webkit-app-region: no-drag;\n flex: none;\n align-items: center;\n gap: 8px;\n min-width: 0;\n margin: 24px 16px 16px;\n display: flex;\n position: relative;\n}\n\n.arkme-contact-directory-search-field {\n box-sizing: border-box;\n border: 1px solid var(--dsw-alias-border-l2, #e2e3e6);\n background: var(--dsw-specific-input-major, #fff);\n min-width: 0;\n height: 40px;\n color: var(--dsw-alias-label-tertiary, #92959e);\n border-radius: 11px;\n flex: 1;\n align-items: center;\n gap: 8px;\n padding: 0 11px;\n display: flex;\n}\n\n.arkme-contact-directory-search-field > svg {\n flex: none;\n}\n\n.arkme-contact-directory-search-field input {\n width: 100%;\n min-width: 0;\n color: var(--dsw-alias-label-primary, #202124);\n font: inherit;\n background: none;\n border: 0;\n outline: 0;\n padding: 0;\n font-size: 12px;\n}\n\n.arkme-contact-directory-search-field input::placeholder {\n color: var(--dsw-alias-label-tertiary, #92959e);\n}\n\n.arkme-contact-directory-search-field:focus-within {\n outline: 2px solid var(--arkme-focus);\n outline-offset: 2px;\n}\n\n.arkme-contact-directory-search-field button {\n width: 20px;\n height: 28px;\n color: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 6px;\n flex: none;\n place-items: center;\n padding: 0;\n display: grid;\n}\n\n.arkme-contact-directory-search-field button:hover {\n background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-toolbar [aria-label=\"添加联系人、群聊或 Bot\"] {\n background: var(--dsw-specific-input-major, #fff) !important;\n border-color: var(--dsw-alias-border-l2, #e2e3e6) !important;\n color: var(--dsw-alias-label-secondary, #555a64) !important;\n}\n\n.arkme-contact-directory-toolbar button:focus-visible {\n outline: 2px solid var(--arkme-focus);\n outline-offset: 2px;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-surface {\n background: var(--dsw-alias-bg-base);\n}\n\n.arkme-directory-detail-pane {\n overflow: hidden;\n}\n\n.arkme-contact-directory button, .arkme-directory-detail-pane button {\n appearance: none;\n box-sizing: border-box;\n font: inherit;\n color: inherit;\n border: 0;\n margin: 0;\n}\n\n.arkme-contact-directory-section {\n border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n min-width: 0;\n padding: 2px 0 5px;\n}\n\n.arkme-contact-directory-section:first-child {\n padding-top: 10px;\n}\n\n.arkme-contact-directory-section-header {\n text-align: left;\n cursor: pointer;\n background: none;\n border-radius: 10px;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n width: 100%;\n min-width: 0;\n min-height: 42px;\n padding: 0 10px;\n display: flex;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"] {\n z-index: 1;\n position: sticky;\n top: 0;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:before, .arkme-contact-directory-section-header[aria-expanded=\"true\"]:after {\n content: \"\";\n pointer-events: none;\n z-index: -1;\n position: absolute;\n inset: 0;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:before {\n background: var(--arkme-contact-directory-header-fill);\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:after {\n border-radius: inherit;\n}\n\n.arkme-contact-directory-section-title {\n align-items: center;\n gap: 6px;\n min-width: 0;\n display: flex;\n}\n\n.arkme-contact-directory-section-title strong {\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 13px;\n font-weight: 650;\n overflow: hidden;\n}\n\n.arkme-contact-directory-caret {\n width: 14px;\n color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n text-align: center;\n transform-origin: center;\n flex: none;\n font-size: 18px;\n line-height: 1;\n transition: transform .16s;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"] .arkme-contact-directory-caret {\n transform: rotate(90deg);\n}\n\n.arkme-contact-directory-section-header:hover {\n background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:hover:after {\n background: var(--dsw-alias-interactive-bg-hover-solid, var(--arkme-contact-directory-header-fill));\n}\n\n.arkme-contact-directory-section-body {\n min-width: 0;\n padding: 0 0 5px;\n}\n\n.arkme-contact-directory-list {\n gap: 1px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-contact-directory-count {\n color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n font-variant-numeric: tabular-nums;\n flex: none;\n font-size: 11px;\n}\n\n.arkme-contact-directory-row {\n text-align: left;\n cursor: pointer;\n background: none;\n border-radius: 13px;\n align-items: center;\n gap: 10px;\n width: 100%;\n min-width: 0;\n min-height: 52px;\n margin: 1px 0;\n padding: 7px 10px;\n display: flex;\n overflow: hidden;\n}\n\n.arkme-contact-directory-row img {\n object-fit: cover;\n border-radius: 50%;\n flex: none;\n width: 38px;\n height: 38px;\n}\n\n.arkme-contact-directory-row.is-static {\n cursor: default;\n}\n\n.arkme-contact-directory-row.is-selected {\n background: var(--dsw-alias-interactive-bg-active, #eef0f4);\n}\n\n.arkme-contact-directory-row:not(.is-static):hover {\n background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-avatar {\n border-radius: 50%;\n flex: none;\n place-items: center;\n width: 38px;\n height: 38px;\n display: grid;\n overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy {\n flex: 1;\n align-content: center;\n min-width: 0;\n display: grid;\n overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy strong {\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 13px;\n font-weight: 600;\n line-height: 18px;\n overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy small {\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--dsw-alias-label-secondary, #68707c);\n font-size: 11px;\n line-height: 16px;\n overflow: hidden;\n}\n\n.arkme-contact-directory-letter {\n color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n padding: 8px 10px 2px;\n font-size: 11px;\n font-weight: 600;\n line-height: 16px;\n}\n\n.arkme-contact-directory-alphabetical, .arkme-contact-directory-letter-group {\n min-width: 0;\n}\n\n.arkme-contact-directory-status, .arkme-contact-directory-warning {\n color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n overflow-wrap: anywhere;\n margin: 3px 8px;\n padding: 7px 9px;\n font-size: 11px;\n line-height: 16px;\n}\n\n.arkme-contact-directory-warning {\n color: var(--dsw-alias-state-warning-primary, #b45309);\n background: var(--dsw-alias-state-warning-tertiary, #fff7ed);\n border-radius: 9px;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n display: flex;\n}\n\n.arkme-contact-directory-warning button {\n color: inherit;\n cursor: pointer;\n background: none;\n flex: none;\n padding: 2px 4px;\n font-weight: 600;\n}\n\n.arkme-contact-directory-more {\n text-align: center;\n cursor: pointer;\n background: none;\n border-radius: 9px;\n width: calc(100% - 16px);\n min-height: 32px;\n padding: 6px 8px;\n color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n margin: 3px 8px !important;\n}\n\n.arkme-contact-directory-empty {\n color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n text-align: center;\n padding: 14px 12px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-directory-detail-empty {\n background: var(--dsw-alias-bg-base, #fff);\n place-items: center;\n min-width: 0;\n height: 100%;\n min-height: 0;\n display: grid;\n}\n\n.arkme-directory-detail-logo {\n object-fit: contain;\n opacity: .9;\n width: 96px;\n height: 96px;\n}\n\n.arkme-contact-detail, .arkme-contact-profile, .arkme-unmarked-speaker-summary, .arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n overflow-wrap: anywhere;\n min-width: 0;\n}\n\n.arkme-contact-detail {\n box-sizing: border-box;\n background: var(--dsw-alias-bg-base, #fff);\n min-width: 0;\n height: 100%;\n min-height: 0;\n padding: clamp(32px, 6vh, 72px) clamp(20px, 5vw, 60px);\n overflow-y: auto;\n}\n\n.arkme-contact-profile {\n width: min(100%, 600px);\n min-width: 0;\n margin: 0 auto;\n}\n\n.arkme-contact-profile-main {\n grid-template-columns: 72px minmax(0, 1fr);\n align-items: start;\n gap: 24px;\n padding-bottom: 30px;\n display: grid;\n}\n\n.arkme-contact-profile-avatar {\n border-radius: 8px;\n place-items: center;\n width: 72px;\n height: 72px;\n display: grid;\n overflow: hidden;\n}\n\n.arkme-contact-profile-avatar > span, .arkme-contact-profile-avatar > span > span {\n border-radius: 8px !important;\n}\n\n.arkme-contact-profile-identity {\n gap: 10px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-contact-profile-name {\n color: var(--dsw-alias-label-primary, #17191c);\n overflow-wrap: anywhere;\n margin: 0;\n font-size: 22px;\n font-weight: 600;\n line-height: 30px;\n}\n\n.arkme-contact-profile-fields {\n gap: 5px;\n margin: 0;\n display: grid;\n}\n\n.arkme-contact-profile-fields > div {\n grid-template-columns: 48px minmax(0, 1fr);\n gap: 10px;\n min-width: 0;\n font-size: 13px;\n line-height: 20px;\n display: grid;\n}\n\n.arkme-contact-profile-fields dt, .arkme-contact-profile-row dt {\n color: var(--dsw-alias-label-secondary, #68707c);\n}\n\n.arkme-contact-profile-fields dt, .arkme-contact-profile-fields dd, .arkme-contact-profile-row dt, .arkme-contact-profile-row dd {\n overflow-wrap: anywhere;\n min-width: 0;\n margin: 0;\n}\n\n.arkme-contact-profile-fields dd, .arkme-contact-profile-row dd {\n color: var(--dsw-alias-label-primary, #17191c);\n}\n\n.arkme-contact-profile-section {\n border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n padding: 24px 0;\n}\n\n.arkme-contact-profile-section-title {\n color: var(--dsw-alias-label-secondary, #68707c);\n margin: 0 0 16px;\n font-size: 14px;\n font-weight: 500;\n line-height: 22px;\n}\n\n.arkme-contact-profile-row {\n grid-template-columns: 76px minmax(0, 1fr);\n gap: 18px;\n margin: 0;\n font-size: 14px;\n line-height: 22px;\n display: grid;\n}\n\n.arkme-contact-profile-remark {\n justify-content: space-between;\n align-items: flex-start;\n gap: 16px;\n display: flex;\n}\n\n.arkme-contact-profile-remark > span {\n min-width: 0;\n}\n\n.arkme-contact-profile-remark .arkme-contact-remark-edit {\n color: var(--dsw-alias-state-business-primary, #4f5fbf);\n font: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 6px;\n flex: none;\n align-items: center;\n gap: 5px;\n margin: -4px -6px -4px 0;\n padding: 4px 6px;\n font-size: 13px;\n line-height: 22px;\n display: inline-flex;\n}\n\n.arkme-contact-remark-edit:hover {\n background: var(--dsw-alias-interactive-bg-hover, #f3f4f6);\n}\n\n.arkme-contact-remark-backdrop {\n z-index: 10300;\n box-sizing: border-box;\n background: var(--dsw-alias-bg-mask-1, #13161a57);\n backdrop-filter: blur(2px);\n place-items: center;\n padding: 16px;\n font-family: inherit;\n display: grid;\n position: fixed;\n inset: 0;\n}\n\n.arkme-contact-remark-dialog {\n box-sizing: border-box;\n border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n background: var(--dsw-alias-bg-base, #fff);\n width: min(440px, 100%);\n max-height: calc(100dvh - 32px);\n color: var(--dsw-alias-label-primary, #17191c);\n box-shadow: var(--dsw-shadow-lv2, 0 12px 40px #00000029);\n border-radius: 14px;\n margin: 0;\n padding: 24px;\n overflow-y: auto;\n}\n\n.arkme-contact-remark-header {\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n margin-bottom: 24px;\n display: flex;\n}\n\n.arkme-contact-remark-header h2 {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n line-height: 26px;\n}\n\n.arkme-contact-remark-dialog button {\n box-sizing: border-box;\n border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n min-height: 36px;\n font: inherit;\n cursor: pointer;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n font-size: 13px;\n display: inline-flex;\n}\n\n.arkme-contact-remark-dialog .arkme-contact-remark-close {\n width: 30px;\n min-height: 30px;\n color: var(--dsw-alias-label-secondary, #68707c);\n background: none;\n border: 0;\n margin: -4px -4px -4px 0;\n padding: 0;\n}\n\n.arkme-contact-remark-label {\n color: var(--dsw-alias-label-secondary, #68707c);\n margin-bottom: 9px;\n font-size: 13px;\n line-height: 20px;\n display: block;\n}\n\n.arkme-contact-remark-input {\n box-sizing: border-box;\n border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, #f8f9fa));\n width: 100%;\n min-width: 0;\n height: 42px;\n color: var(--dsw-alias-label-primary, #17191c);\n font: inherit;\n border-radius: 8px;\n padding: 0 12px;\n font-size: 14px;\n display: block;\n}\n\n.arkme-contact-remark-input::placeholder {\n color: var(--dsw-alias-label-tertiary, #9097a1);\n}\n\n.arkme-contact-remark-input:focus, .arkme-contact-remark-dialog button:focus-visible, .arkme-contact-remark-edit:focus-visible {\n outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n outline-offset: 2px;\n}\n\n.arkme-contact-remark-footer {\n justify-content: flex-end;\n gap: 10px;\n margin-top: 26px;\n display: flex;\n}\n\n.arkme-contact-remark-cancel {\n background: var(--dsw-alias-button-elevated-fill, var(--dsw-specific-input-major, #f8f9fa));\n min-width: 76px;\n color: var(--dsw-alias-label-primary, #17191c);\n padding: 0 18px;\n}\n\n.arkme-contact-remark-dialog .arkme-contact-remark-confirm {\n background: var(--dsw-alias-state-business-primary, #4f5fbf);\n min-width: 84px;\n color: var(--dsw-alias-label-primary-inverted, #fff);\n border-color: #0000;\n padding: 0 18px;\n}\n\n.arkme-contact-remark-dialog button:hover:not(:disabled) {\n filter: brightness(.96);\n}\n\n.arkme-contact-remark-dialog button:disabled, .arkme-contact-remark-input:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-contact-remark-error {\n color: var(--dsw-alias-state-error-primary, #b42318);\n overflow-wrap: anywhere;\n margin: 10px 0 0;\n font-size: 13px;\n line-height: 20px;\n}\n\n.arkme-contact-profile-actions {\n border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 8px;\n padding: 26px 0 0;\n display: grid;\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action {\n min-width: 0;\n min-height: 78px;\n font: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 8px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n padding: 10px 2px;\n font-size: 14px;\n line-height: 22px;\n display: flex;\n color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action:hover:not(:disabled) {\n background: var(--dsw-alias-interactive-bg-hover, #f3f4f6);\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action:disabled {\n opacity: .5;\n cursor: default;\n}\n\n.arkme-contact-profile-action svg {\n flex: none;\n}\n\n.arkme-contact-profile-error, .arkme-contact-profile-message-error {\n color: var(--dsw-alias-state-error-primary, #b42318);\n overflow-wrap: anywhere;\n font-size: 13px;\n line-height: 20px;\n}\n\n.arkme-contact-profile-message-error {\n text-align: center;\n margin-top: 12px;\n}\n\n.arkme-contact-profile-error {\n background: var(--dsw-alias-state-error-tertiary, #fff1f0);\n border-radius: 8px;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n margin-bottom: 24px;\n padding: 12px 14px;\n display: flex;\n}\n\n.arkme-contact-profile-status {\n color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n padding: 24px 0;\n font-size: 13px;\n}\n\n.arkme-team-detail {\n background: var(--dsw-alias-bg-base, #fff);\n grid-template-rows: auto minmax(0, 1fr);\n min-width: 0;\n height: 100%;\n min-height: 0;\n display: grid;\n overflow: hidden;\n}\n\n.arkme-team-detail-header {\n border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n min-width: 0;\n padding: 32px clamp(24px, 5vw, 56px);\n}\n\n.arkme-team-detail-header-main {\n grid-template-columns: 72px minmax(0, 1fr) auto;\n align-items: center;\n gap: 18px;\n width: min(100%, 760px);\n min-width: 0;\n margin: 0 auto;\n display: grid;\n}\n\n.arkme-team-detail-glyph {\n background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n width: 72px;\n height: 72px;\n color: var(--dsw-alias-state-business-primary, #4f5fbf);\n border-radius: 20px;\n place-items: center;\n font-size: 20px;\n font-weight: 700;\n line-height: 1;\n display: grid;\n}\n\n.arkme-team-detail-summary {\n gap: 7px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-team-detail-header h1 {\n text-overflow: ellipsis;\n white-space: nowrap;\n letter-spacing: -.02em;\n margin: 0;\n font-size: 20px;\n font-weight: 650;\n line-height: 28px;\n overflow: hidden;\n}\n\n.arkme-team-detail-meta {\n flex-wrap: wrap;\n align-items: center;\n gap: 7px;\n min-width: 0;\n display: flex;\n}\n\n.arkme-team-detail-public-id {\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n color: var(--dsw-alias-label-secondary, #68707c);\n font-size: 12px;\n line-height: 20px;\n overflow: hidden;\n}\n\n.arkme-team-role-badge, .arkme-team-member-role {\n background: var(--dsw-alias-bg-layer-2, #f2f3f5);\n color: var(--dsw-alias-label-secondary, #68707c);\n border-radius: 999px;\n flex: none;\n font-size: 11px;\n font-weight: 600;\n line-height: 20px;\n}\n\n.arkme-team-role-badge {\n padding: 0 8px;\n}\n\n.arkme-team-detail-count {\n min-width: 58px;\n color: var(--dsw-alias-label-secondary, #68707c);\n justify-items: end;\n gap: 1px;\n display: grid;\n}\n\n.arkme-team-detail-count strong {\n color: var(--dsw-alias-label-primary, #202124);\n font-variant-numeric: tabular-nums;\n font-size: 21px;\n font-weight: 680;\n line-height: 24px;\n}\n\n.arkme-team-detail-count span {\n font-size: 11px;\n line-height: 16px;\n}\n\n.arkme-team-members {\n box-sizing: border-box;\n background: var(--dsw-alias-bg-subtle, #f7f7f8);\n min-width: 0;\n min-height: 0;\n padding: 22px clamp(24px, 5vw, 56px) 32px;\n overflow-y: auto;\n}\n\n.arkme-team-members-container {\n width: min(100%, 760px);\n min-width: 0;\n margin: 0 auto;\n}\n\n.arkme-team-members h2 {\n margin: 0 0 13px;\n font-size: 15px;\n font-weight: 650;\n line-height: 22px;\n}\n\n.arkme-team-member-list {\n border: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n background: var(--dsw-alias-bg-layer-1, #fff);\n border-radius: 14px;\n min-width: 0;\n overflow: hidden;\n box-shadow: 0 8px 24px #161b2309;\n}\n\n.arkme-team-member-row {\n box-sizing: border-box;\n border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n grid-template-columns: 40px minmax(0, 1fr) auto;\n align-items: center;\n gap: 12px;\n min-width: 0;\n min-height: 64px;\n padding: 11px 14px;\n display: grid;\n}\n\n.arkme-team-member-row:not(:has( ~ .arkme-team-member-row)) {\n border-bottom: 0;\n}\n\n.arkme-team-member-avatar {\n border-radius: 50%;\n place-items: center;\n width: 40px;\n height: 40px;\n display: grid;\n overflow: hidden;\n}\n\n.arkme-team-member-copy {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-team-member-copy strong, .arkme-team-member-copy small {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.arkme-team-member-copy strong {\n font-size: 14px;\n font-weight: 620;\n line-height: 20px;\n}\n\n.arkme-team-member-copy small {\n color: var(--dsw-alias-label-secondary, #68707c);\n font-size: 12px;\n line-height: 17px;\n}\n\n.arkme-team-member-role {\n padding: 0 9px;\n}\n\n.arkme-team-role-badge[data-team-role=\"owner\"], .arkme-team-role-badge[data-team-role=\"admin\"], .arkme-team-member-role[data-team-member-role=\"owner\"], .arkme-team-member-role[data-team-member-role=\"admin\"] {\n background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n color: var(--dsw-alias-state-business-primary, #4f5fbf);\n}\n\n.arkme-team-detail-status {\n min-height: 100%;\n color: var(--dsw-alias-label-secondary, #68707c);\n justify-content: center;\n align-items: center;\n gap: 12px;\n display: flex;\n}\n\n.arkme-team-detail-status.is-error, .arkme-team-member-more-error {\n color: var(--dsw-alias-state-error-primary, #b42318);\n}\n\n.arkme-team-detail-status button, .arkme-team-member-more {\n border: 1px solid var(--dsw-alias-border-l2, var(--arkme-line));\n background: var(--dsw-alias-button-elevated-fill, #fff);\n cursor: pointer;\n border-radius: 9px;\n min-height: 34px;\n padding: 0 12px;\n}\n\n.arkme-team-member-more {\n width: calc(100% - 24px);\n color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n margin: 12px !important;\n}\n\n.arkme-team-member-more:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-team-member-more-error {\n padding: 12px 14px 0;\n font-size: 12px;\n}\n\n.arkme-contact-world {\n border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n grid-template-columns: 76px minmax(0, 1fr);\n gap: 18px;\n padding: 24px 0;\n display: grid;\n}\n\n.arkme-contact-world-title {\n color: var(--dsw-alias-label-secondary, #68707c);\n margin: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n}\n\n.arkme-contact-world {\n padding-right: 28px;\n position: relative;\n}\n\n.arkme-contact-world-open {\n z-index: 1;\n width: 100%;\n color: var(--dsw-alias-label-secondary, #68707c);\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 4px;\n justify-content: flex-end;\n align-items: center;\n padding: 0;\n display: flex;\n position: absolute;\n inset: 0;\n}\n\n.arkme-contact-world-open:hover {\n background: var(--dsw-alias-bg-hover, #7f7f7f0f);\n}\n\n.arkme-contact-world-open:focus-visible {\n outline: 2px solid var(--dsw-alias-state-business-primary, #4778f5);\n outline-offset: 3px;\n}\n\n.arkme-contact-world-error button {\n z-index: 2;\n position: relative;\n}\n\n.arkme-contact-world-content, .arkme-contact-world-summary {\n min-width: 0;\n}\n\n.arkme-contact-world-preview {\n align-items: flex-start;\n gap: 12px;\n min-width: 0;\n display: flex;\n}\n\n.arkme-contact-world-thumbnail {\n border-radius: 4px;\n flex: none;\n width: 56px;\n height: 56px;\n overflow: hidden;\n}\n\n.arkme-contact-world-image {\n object-fit: cover;\n width: 100%;\n height: 100%;\n display: block;\n}\n\n.arkme-contact-world-image-error, .arkme-contact-world-image-loading {\n background: var(--dsw-alias-bg-layer-2, var(--arkme-soft));\n width: 100%;\n height: 100%;\n color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n text-align: center;\n place-items: center;\n font-size: 11px;\n line-height: 16px;\n display: grid;\n}\n\n.arkme-contact-world-headline, .arkme-contact-world-text {\n -webkit-line-clamp: 2;\n overflow-wrap: anywhere;\n color: var(--dsw-alias-label-primary, #17191c);\n -webkit-box-orient: vertical;\n margin: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.arkme-contact-world-headline {\n -webkit-line-clamp: 1;\n font-weight: 500;\n}\n\n.arkme-contact-world-time {\n color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n margin-top: 5px;\n font-size: 12px;\n line-height: 18px;\n display: block;\n}\n\n.arkme-contact-world-empty, .arkme-contact-world-page-empty, .arkme-contact-world-status {\n color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n font-size: 13px;\n line-height: 22px;\n}\n\n.arkme-contact-world-error {\n color: var(--dsw-alias-state-error-primary, #b42318);\n flex-wrap: wrap;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 22px;\n display: flex;\n}\n\n.arkme-directory-unmarked-speaker-detail {\n background: var(--dsw-alias-bg-base, #fff);\n min-height: 0;\n padding: clamp(28px, 5vw, 60px);\n overflow-y: auto;\n}\n\n.arkme-unmarked-speaker-token-avatar {\n background: var(--dsw-alias-bg-module-platform, var(--dsw-alias-bg-layer-1, #f1f2f3));\n color: var(--dsw-alias-label-secondary, #666c75);\n letter-spacing: -.02em;\n border-radius: 50%;\n flex: none;\n place-items: center;\n font-weight: 650;\n line-height: 1;\n display: grid;\n}\n\n.arkme-unmarked-speaker-summary {\n box-sizing: border-box;\n background: none;\n border: 0;\n gap: 18px;\n width: min(100%, 720px);\n margin: 0 auto;\n padding: 4px 0 24px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-summary h1, .arkme-unmarked-speaker-summary h2, .arkme-unmarked-speaker-audio h2, .arkme-unmarked-speaker-choice h2 {\n letter-spacing: -.02em;\n margin: 0;\n font-size: 20px;\n font-weight: 680;\n line-height: 28px;\n}\n\n.arkme-unmarked-speaker-identity {\n align-items: center;\n gap: 16px;\n min-width: 0;\n padding: 2px 4px;\n display: flex;\n}\n\n.arkme-unmarked-speaker-identity > div {\n gap: 3px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-unmarked-speaker-identity p {\n color: var(--dsw-alias-label-secondary, #737984);\n margin: 0;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-unmarked-speaker-stats {\n min-width: 0;\n color: var(--dsw-alias-label-secondary, #737984);\n flex-wrap: wrap;\n gap: 8px 20px;\n padding: 0 4px;\n font-size: 12px;\n line-height: 19px;\n display: flex;\n}\n\n.arkme-unmarked-speaker-stats span {\n white-space: nowrap;\n position: relative;\n}\n\n.arkme-unmarked-speaker-stats span + span:before {\n content: \"\";\n background: var(--dsw-alias-label-caption, #b3b7bd);\n border-radius: 50%;\n width: 3px;\n height: 3px;\n position: absolute;\n top: 8px;\n left: -11px;\n}\n\n.arkme-unmarked-speaker-stats strong {\n color: var(--dsw-alias-label-primary, #202124);\n font-weight: 650;\n}\n\n.arkme-unmarked-speaker-inference {\n background: var(--dsw-alias-bg-layer-2, #f5f5f6);\n border-radius: 18px;\n grid-template-columns: 40px minmax(0, 1fr);\n align-items: start;\n gap: 12px;\n min-width: 0;\n padding: 18px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-inference-icon, .arkme-unmarked-speaker-action-icon {\n border: 1px solid var(--dsw-alias-border-l1, #e3e4e7);\n background: var(--dsw-alias-bg-layer-1, #fff);\n width: 40px;\n height: 40px;\n color: var(--dsw-alias-label-secondary, #656b75);\n border-radius: 50%;\n place-items: center;\n display: grid;\n}\n\n.arkme-unmarked-speaker-inference-icon svg path, .arkme-unmarked-speaker-action-icon svg path {\n stroke: currentColor;\n stroke-width: 1.5px;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.arkme-unmarked-speaker-inference > div {\n gap: 5px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-unmarked-speaker-inference-label {\n color: var(--dsw-alias-label-secondary, #747983);\n font-size: 11px;\n line-height: 16px;\n}\n\n.arkme-unmarked-speaker-inference strong {\n color: var(--dsw-alias-label-primary, #202124);\n font-size: 14px;\n font-weight: 650;\n line-height: 21px;\n}\n\n.arkme-unmarked-speaker-inference p {\n color: var(--dsw-alias-label-secondary, #686e78);\n margin: 0;\n font-size: 12px;\n line-height: 20px;\n}\n\n.arkme-unmarked-speaker-actions {\n gap: 10px;\n display: grid;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-action {\n border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n background: var(--dsw-alias-bg-layer-1, #fff);\n width: 100%;\n min-height: 62px;\n color: var(--dsw-alias-label-primary, #202124);\n text-align: left;\n cursor: pointer;\n border-radius: 16px;\n grid-template-columns: 42px minmax(0, 1fr);\n align-items: center;\n gap: 12px;\n padding: 10px 46px 10px 14px;\n font-size: 13px;\n font-weight: 650;\n display: grid;\n position: relative;\n}\n\n.arkme-unmarked-speaker-action:after {\n content: \"›\";\n color: var(--dsw-alias-label-caption, #a7abb2);\n font-size: 22px;\n font-weight: 400;\n position: absolute;\n right: 18px;\n}\n\n.arkme-unmarked-speaker-action:hover {\n background: var(--dsw-alias-interactive-bg-hover, #f7f7f8);\n border-color: var(--dsw-alias-border-l2, #d9dade);\n}\n\n.arkme-unmarked-speaker-summary > [role=\"status\"], .arkme-unmarked-speaker-summary > [role=\"alert\"], .arkme-unmarked-speaker-audio > [role=\"status\"], .arkme-unmarked-speaker-audio > [role=\"alert\"], .arkme-unmarked-speaker-choice > [role=\"status\"], .arkme-unmarked-speaker-choice > [role=\"alert\"] {\n color: var(--dsw-alias-label-secondary, #68707c);\n background: var(--dsw-alias-bg-layer-2, #f5f5f6);\n border-radius: 10px;\n padding: 9px 12px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-unmarked-speaker-summary > [role=\"alert\"], .arkme-unmarked-speaker-audio > [role=\"alert\"], .arkme-unmarked-speaker-choice > [role=\"alert\"] {\n color: var(--dsw-alias-state-error-primary, #b42318);\n background: var(--dsw-alias-state-error-tertiary, #fff1f0);\n}\n\n.arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n box-sizing: border-box;\n background: none;\n border: 0;\n gap: 16px;\n width: min(100%, 720px);\n margin: 0 auto;\n padding: 4px 0 28px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-subview-header {\n grid-template-columns: auto 40px minmax(0, 1fr);\n align-items: center;\n gap: 12px;\n min-width: 0;\n padding-bottom: 4px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-subview-header > button {\n min-height: 32px;\n color: var(--dsw-alias-label-secondary, #68707c);\n cursor: pointer;\n background: none;\n border-radius: 9px;\n padding: 0 10px;\n font-size: 11px;\n}\n\n.arkme-unmarked-speaker-subview-header > button:before {\n content: \"‹\";\n vertical-align: -1px;\n margin-right: 4px;\n font-size: 17px;\n}\n\n.arkme-unmarked-speaker-subview-heading {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-unmarked-speaker-subview-heading p {\n color: var(--dsw-alias-label-secondary, #737984);\n margin: 0;\n font-size: 11px;\n line-height: 17px;\n}\n\n.arkme-unmarked-speaker-segment-list {\n gap: 10px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-segment-card {\n border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n background: var(--dsw-alias-bg-layer-1, #fff);\n border-radius: 16px;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: 8px 16px;\n min-width: 0;\n padding: 16px 16px 14px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-segment-meta {\n min-width: 0;\n color: var(--dsw-alias-label-secondary, #757b85);\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 11px;\n line-height: 17px;\n overflow: hidden;\n}\n\n.arkme-unmarked-speaker-segment-transcript {\n min-width: 0;\n color: var(--dsw-alias-label-primary, #292c34);\n white-space: pre-wrap;\n grid-column: 1;\n margin: 0;\n font-size: 13px;\n line-height: 20px;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n background: var(--dsw-alias-bg-layer-2, #f4f4f5);\n width: 38px;\n min-width: 38px;\n height: 38px;\n min-height: 38px;\n color: var(--dsw-alias-label-primary, #292c34);\n cursor: pointer;\n border-radius: 50%;\n grid-area: 1 / 2 / span 2;\n align-self: center;\n place-items: center;\n padding: 0;\n display: inline-grid;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-segment-play:not(:disabled):hover {\n background: var(--dsw-alias-bg-layer-3, #e9eaec);\n}\n\n.arkme-unmarked-speaker-segment-play:disabled {\n opacity: .5;\n cursor: default;\n}\n\n.arkme-unmarked-speaker-choice-meta {\n color: var(--dsw-alias-label-secondary, #737984);\n margin: -4px 0 0;\n padding: 0 4px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-unmarked-speaker-choice-options {\n border: 0;\n gap: 8px;\n min-width: 0;\n margin: 0;\n padding: 0;\n display: grid;\n}\n\n.arkme-unmarked-speaker-choice-options legend {\n color: var(--dsw-alias-label-secondary, #737984);\n margin-bottom: 9px;\n font-size: 11px;\n line-height: 17px;\n}\n\n.arkme-unmarked-speaker-choice-option {\n border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n background: var(--dsw-alias-bg-layer-1, #fff);\n cursor: pointer;\n border-radius: 14px;\n grid-template-columns: 18px minmax(0, 1fr) auto;\n align-items: center;\n gap: 10px;\n min-width: 0;\n min-height: 52px;\n padding: 10px 14px;\n font-size: 13px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-choice-option:has(input:checked) {\n border-color: var(--dsw-alias-state-business-primary, #6677d9);\n background: var(--dsw-alias-interactive-bg-active, #f0f2ff);\n}\n\n.arkme-unmarked-speaker-choice-option input {\n width: 16px;\n height: 16px;\n accent-color: var(--dsw-alias-state-business-primary, #6677d9);\n margin: 0;\n}\n\n.arkme-unmarked-speaker-recommended {\n background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n color: var(--dsw-alias-state-business-primary, #5667cc);\n border-radius: 999px;\n padding: 2px 7px;\n font-size: 10px;\n line-height: 16px;\n}\n\n.arkme-unmarked-speaker-choice-new-name {\n border: 1px solid var(--dsw-alias-border-l1, #dfe1e5);\n background: var(--dsw-specific-input-major, #fff);\n width: 100%;\n min-height: 42px;\n color: var(--dsw-alias-label-primary, #202124);\n border-radius: 12px;\n outline: 0;\n padding: 0 13px;\n font-size: 12px;\n}\n\n.arkme-unmarked-speaker-choice-new-name:focus {\n border-color: var(--dsw-alias-state-business-primary, #6677d9);\n box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsw-alias-state-business-primary, #6677d9) 14%, transparent);\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-confirm {\n background: var(--dsw-alias-button-primary-fill, #202124);\n min-height: 42px;\n color: var(--dsw-alias-label-primary-inverted, #fff);\n cursor: pointer;\n border-radius: 12px;\n padding: 0 16px;\n font-size: 12px;\n font-weight: 650;\n}\n\n.arkme-unmarked-speaker-confirm:disabled {\n opacity: .45;\n cursor: default;\n}\n\n.arkme-unmarked-speaker-summary button:not(.arkme-unmarked-speaker-action), .arkme-unmarked-speaker-audio button:not(.arkme-unmarked-speaker-segment-play), .arkme-unmarked-speaker-choice button:not(.arkme-unmarked-speaker-confirm), .arkme-contact-world-error button, .arkme-contact-profile-error button {\n border: 1px solid var(--dsw-alias-border-l2, var(--arkme-line));\n background: var(--dsw-alias-button-elevated-fill, #fff);\n min-height: 34px;\n color: var(--dsw-alias-label-primary, #202124);\n cursor: pointer;\n border-radius: 9px;\n padding: 0 12px;\n}\n\n.arkme-unmarked-speaker-gone, .arkme-unmarked-speaker-success {\n box-sizing: border-box;\n background: var(--dsw-alias-state-warning-tertiary, #fff7ed);\n width: min(100%, 680px);\n color: var(--dsw-alias-state-warning-primary, #9a3412);\n border-radius: 10px;\n margin: 0 auto;\n padding: 12px 14px;\n}\n\n.arkme-unmarked-speaker-success {\n background: var(--dsw-alias-state-success-tertiary, #ecfdf3);\n color: var(--dsw-alias-state-success-primary, #067647);\n}\n\n.arkme-contact-directory button:focus-visible, .arkme-directory-detail-pane button:focus-visible, [data-arkme-owned=\"product-navigation\"] button:focus-visible {\n outline: 2px solid var(--arkme-focus);\n outline-offset: 2px;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory {\n --arkme-contact-directory-header-fill: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory, body[data-ds-dark-theme] .arkme-directory-detail-pane {\n background: var(--dsw-alias-bg-base);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-row.is-selected, body[data-ds-dark-theme] .arkme-unmarked-speaker-choice {\n background: var(--dsw-alias-interactive-bg-active);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-inference, body[data-ds-dark-theme] .arkme-unmarked-speaker-segment-card, body[data-ds-dark-theme] .arkme-unmarked-speaker-choice-option, body[data-ds-dark-theme] .arkme-unmarked-speaker-action {\n background: var(--dsw-alias-bg-layer-1);\n border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-inference-icon, body[data-ds-dark-theme] .arkme-unmarked-speaker-action-icon, body[data-ds-dark-theme] .arkme-unmarked-speaker-segment-play {\n background: var(--dsw-specific-input-major);\n color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-choice-option:has(input:checked) {\n background: var(--dsw-alias-interactive-bg-active);\n border-color: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-team-detail {\n background: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-team-members {\n background: var(--dsw-alias-bg-subtle);\n}\n\nbody[data-ds-dark-theme] .arkme-team-member-list {\n background: var(--dsw-alias-bg-layer-1);\n box-shadow: none;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-warning, body[data-ds-dark-theme] .arkme-unmarked-speaker-gone, body[data-ds-dark-theme] .arkme-contact-world-image-error, body[data-ds-dark-theme] .arkme-contact-world-image-loading {\n background: var(--dsw-specific-input-major);\n color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-success {\n background: var(--dsw-alias-state-success-tertiary);\n color: var(--dsw-alias-state-success-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-profile-error, body[data-ds-dark-theme] .arkme-contact-profile-message-error, body[data-ds-dark-theme] .arkme-contact-world-error {\n color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-more {\n color: var(--dsw-alias-state-business-primary);\n}\n\n@media (width <= 1024px) {\n [data-arkme-owned=\"persistent-sidebar\"] [data-arkme-directory-mode=\"contacts\"] {\n min-width: 0;\n }\n}\n\n@media (width <= 820px) {\n div:has( > [data-shell-overlay]):has([data-arkme-directory-mode=\"contacts\"]):has([data-arkme-contacts-mobile-view=\"directory\"]) {\n grid-template-columns: minmax(0, 1fr) 0 0 !important;\n }\n\n div:has( > [data-shell-overlay]):has([data-arkme-directory-mode=\"contacts\"]):has([data-arkme-contacts-mobile-view=\"content\"]) {\n grid-template-columns: 0 minmax(0, 1fr) 0 !important;\n }\n\n [data-arkme-owned=\"persistent-sidebar\"][data-arkme-contacts-mobile-view=\"content\"], [data-arkme-owned=\"persistent-workspace\"][data-arkme-contacts-mobile-view=\"directory\"] {\n display: none !important;\n }\n\n [data-arkme-owned=\"persistent-sidebar\"] [data-arkme-directory-mode=\"contacts\"], .arkme-directory-detail-pane {\n min-width: 0;\n }\n}\n\n.arkme-directory-mobile-back {\n display: none;\n}\n\n@media (width <= 820px) {\n .arkme-directory-mobile-back {\n min-height: 42px;\n color: var(--dsw-alias-label-secondary, #68707c);\n cursor: pointer;\n background: none;\n align-items: center;\n gap: 5px;\n padding: 0 14px;\n display: inline-flex;\n }\n\n .arkme-directory-mobile-back:before {\n content: \"‹\";\n font-size: 18px;\n line-height: 1;\n }\n\n .arkme-directory-mobile-back:hover {\n color: var(--dsw-alias-label-primary, #202124);\n }\n\n .arkme-contact-detail {\n padding: 28px 20px;\n }\n\n .arkme-contact-profile-main {\n grid-template-columns: 56px minmax(0, 1fr);\n gap: 18px;\n }\n\n .arkme-contact-profile-avatar {\n width: 56px;\n height: 56px;\n }\n\n .arkme-contact-profile-avatar > span {\n width: 56px !important;\n height: 56px !important;\n }\n\n .arkme-team-detail-header {\n padding: 26px 20px;\n }\n\n .arkme-team-detail-header-main {\n grid-template-columns: 56px minmax(0, 1fr);\n gap: 12px;\n }\n\n .arkme-team-detail-glyph {\n border-radius: 16px;\n width: 56px;\n height: 56px;\n font-size: 18px;\n }\n\n .arkme-team-detail-count {\n justify-items: initial;\n grid-column: 2;\n align-items: baseline;\n gap: 4px;\n min-width: 0;\n display: flex;\n }\n\n .arkme-team-detail-count strong {\n font-size: 14px;\n line-height: 18px;\n }\n\n .arkme-team-detail-count span {\n font-size: 11px;\n }\n\n .arkme-team-members {\n padding: 18px 20px 28px;\n }\n\n .arkme-team-member-list {\n border-radius: 12px;\n }\n\n .arkme-team-member-row {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n .arkme-contact-world, .arkme-contact-profile-row {\n grid-template-columns: 64px minmax(0, 1fr);\n gap: 12px;\n }\n\n .arkme-contact-world-thumbnail {\n width: 44px;\n height: 44px;\n }\n\n .arkme-directory-unmarked-speaker-detail {\n padding: 20px 18px 30px;\n }\n\n .arkme-unmarked-speaker-summary, .arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n gap: 14px;\n }\n\n .arkme-unmarked-speaker-stats {\n gap: 7px 14px;\n }\n\n .arkme-unmarked-speaker-stats span + span:before {\n display: none;\n }\n\n .arkme-unmarked-speaker-inference {\n grid-template-columns: 36px minmax(0, 1fr);\n padding: 15px;\n }\n\n .arkme-unmarked-speaker-inference-icon, .arkme-unmarked-speaker-action-icon {\n width: 36px;\n height: 36px;\n }\n\n .arkme-unmarked-speaker-subview-header {\n grid-template-columns: auto 36px minmax(0, 1fr);\n gap: 9px;\n }\n\n .arkme-unmarked-speaker-segment-card {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .arkme-unmarked-speaker-segment-transcript, [data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n grid-area: auto / 1;\n }\n\n [data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n justify-self: start;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .arkme-contact-directory-caret {\n transition: none;\n }\n\n .arkme-icon-spin {\n animation: none;\n }\n}\n\n.arkme-conversation-surface {\n --arkme-chat-self-bubble: #eef1f8;\n --arkme-chat-other-bubble: #f3f4f6;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-surface {\n --arkme-chat-self-bubble: #2c3142;\n --arkme-chat-other-bubble: #282a31;\n --arkme-audio-control: #8995c5;\n}\n\nbody[data-ds-dark-theme] .arkme-detail-extension-input-bar {\n border-top-color: #363636 !important;\n}\n\nbody[data-ds-dark-theme] .arkme-detail-extension-input-shell {\n background: #2b2b2b !important;\n}\n\n[data-arkme-message-direction]:focus-visible, [data-arkme-note-detail] button:focus-visible {\n outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n outline-offset: 2px;\n}\n\n.arkme-home-tour {\n width: 320px;\n max-width: calc(100vw - 24px);\n color: var(--dsw-alias-label-primary, #17191c);\n pointer-events: auto;\n position: absolute;\n}\n\n.arkme-home-tour-hidden {\n display: none;\n}\n\n.arkme-home-tour-panel {\n box-sizing: border-box;\n border: 1px solid var(--dsw-alias-border-l2, #0000001a);\n background: var(--dsw-alias-bg-base, #fff);\n width: 100%;\n max-height: calc(100dvh - 24px);\n box-shadow: var(--dsw-shadow-lv2, 0 12px 40px #0000002e);\n border-radius: 16px;\n padding: 18px;\n font-family: inherit;\n position: relative;\n overflow-y: auto;\n}\n\n.arkme-home-tour-header {\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n display: flex;\n}\n\n.arkme-home-tour-progress {\n color: var(--dsw-alias-label-secondary, #68707c);\n font-variant-numeric: tabular-nums;\n font-size: 12px;\n line-height: 20px;\n}\n\n.arkme-home-tour-panel h2 {\n color: inherit;\n margin: 8px 0;\n font-size: 18px;\n font-weight: 600;\n line-height: 26px;\n}\n\n.arkme-home-tour-panel p {\n color: var(--dsw-alias-label-secondary, #68707c);\n overflow-wrap: anywhere;\n margin: 0 0 24px;\n font-size: 14px;\n line-height: 22px;\n}\n\n.arkme-home-tour-actions, .arkme-home-tour-navigation {\n align-items: center;\n gap: 8px;\n display: flex;\n}\n\n.arkme-home-tour-actions {\n flex-wrap: wrap;\n justify-content: space-between;\n}\n\n.arkme-home-tour-panel button {\n background: var(--dsw-alias-interactive-bg-hover, #2631480f);\n color: inherit;\n font: inherit;\n white-space: nowrap;\n cursor: pointer;\n border: 0;\n border-radius: 8px;\n padding: 7px 10px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-home-tour-panel button:hover {\n background: var(--dsw-alias-interactive-bg-active, #2631481a);\n}\n\n.arkme-home-tour-panel button:focus-visible {\n outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n outline-offset: 3px;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-close {\n width: 28px;\n height: 28px;\n color: var(--dsw-alias-label-secondary, #68707c);\n background: none;\n padding: 0;\n font-size: 22px;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-skip {\n color: var(--dsw-alias-label-secondary, #68707c);\n background: none;\n padding-left: 0;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-primary {\n background: var(--dsw-alias-button-primary-fill, #17191c);\n color: var(--dsw-alias-label-primary-inverted, #fff);\n}\n\n.arkme-home-tour-panel .arkme-home-tour-primary:hover {\n background: color-mix(in srgb, var(--dsw-alias-button-primary-fill, #17191c) 88%, var(--dsw-alias-bg-base, #fff));\n}\n\n.arkme-home-tour-arrow {\n z-index: 1;\n pointer-events: none;\n width: 12px;\n height: 12px;\n position: absolute;\n}\n\n.arkme-home-tour-arrow:before {\n content: \"\";\n box-sizing: border-box;\n background: var(--dsw-alias-bg-base, #fff);\n border: 0 solid var(--dsw-alias-border-l2, #0000001a);\n position: absolute;\n inset: 0;\n transform: rotate(45deg);\n}\n\n.arkme-home-tour-placement-right .arkme-home-tour-arrow:before {\n border-bottom-width: 1px;\n border-left-width: 1px;\n}\n\n.arkme-home-tour-placement-left .arkme-home-tour-arrow:before {\n border-top-width: 1px;\n border-right-width: 1px;\n}\n\n.arkme-home-tour-placement-bottom .arkme-home-tour-arrow:before {\n border-top-width: 1px;\n border-left-width: 1px;\n}\n\n.arkme-home-tour-placement-top .arkme-home-tour-arrow:before {\n border-bottom-width: 1px;\n border-right-width: 1px;\n}\n\n.arkme-home-tour-placement-right .arkme-home-tour-arrow {\n left: 0;\n transform: translateX(-50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-left .arkme-home-tour-arrow {\n right: 0;\n transform: translateX(50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-bottom .arkme-home-tour-arrow {\n top: 0;\n transform: translateX(-50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-top .arkme-home-tour-arrow {\n bottom: 0;\n transform: translateX(-50%) translateY(50%);\n}\n\n.arkme-conversation-profile-actions {\n grid-template-columns: minmax(0, 1fr);\n}\n\nbody[data-ds-dark-theme] .arkme-peer-membership-disc {\n fill: #171717;\n stroke: #343434;\n}\n\n.arkme-self-topic-sort-option {\n white-space: nowrap;\n flex-direction: column;\n align-items: flex-start;\n gap: 1px;\n min-width: 176px;\n display: flex;\n}\n\n.arkme-self-topic-sort-option-title {\n color: var(--dsw-alias-label-primary, #17191c);\n line-height: 20px;\n}\n\n.arkme-self-topic-sort-option-description {\n color: var(--dsw-alias-label-secondary, #68707c);\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n}\n";
215578
+ 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:not([data-arkme-conversation-selector], .arkme-self-topic-create-button, .arkme-dsh-view-options-button), [data-arkme-workspace] input, [data-arkme-workspace] textarea {\n font: inherit;\n}\n\n[data-arkme-workspace] button:not([data-arkme-conversation-selector], .arkme-self-topic-create-button, .arkme-dsh-view-options-button) {\n color: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n}\n\n[data-arkme-workspace] [data-arkme-theme-image=\"dark\"] {\n display: none !important;\n}\n\n.arkme-redesign-root {\n --arkme-native-titlebar: 0px;\n background: #fff;\n width: 100%;\n min-width: 0;\n height: 100%;\n min-height: 0;\n position: relative;\n overflow: hidden;\n}\n\n.arkme-native-desktop .arkme-redesign-root {\n --arkme-native-titlebar: 50px;\n}\n\n.arkme-native-desktop .arkme-redesign-root:before {\n content: \"\";\n z-index: 30;\n pointer-events: none;\n background: #e8e8ea;\n height: 1px;\n position: absolute;\n top: 49px;\n left: 0;\n right: 0;\n}\n\n.arkme-native-desktop [data-arkme-owned=\"persistent-sidebar\"] > [data-arkme-owned=\"product-navigation\"] {\n padding-top: 28px !important;\n}\n\n.arkme-redesign-rail {\n z-index: 8;\n top: calc(26px + var(--arkme-native-titlebar));\n background: #fbfbfc;\n border: 1px solid #e4e4e7;\n border-radius: 22px;\n flex-direction: column;\n width: 72px;\n padding: 10px 8px;\n display: flex;\n position: absolute;\n bottom: 22px;\n left: 24px;\n box-shadow: 0 16px 38px #1e20260e;\n}\n\n.arkme-redesign-rail-primary {\n flex-direction: column;\n gap: 5px;\n display: flex;\n}\n\n.arkme-redesign-rail-primary button {\n color: #3e4149;\n border-radius: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 5px;\n min-height: 57px;\n transition: background .18s, color .18s;\n display: flex;\n position: relative;\n}\n\n.arkme-redesign-rail-primary button span {\n letter-spacing: .01em;\n font-size: 11px;\n font-weight: 400;\n}\n\n.arkme-redesign-rail-primary button:hover {\n background: #f4f4f5;\n}\n\n.arkme-redesign-rail-primary button.is-active {\n color: #151722;\n background: #f1f2f6;\n}\n\n.arkme-redesign-rail-primary button.is-active:before {\n content: \"\";\n background: #9eadff;\n border-radius: 3px;\n width: 3px;\n height: 33px;\n position: absolute;\n left: -9px;\n}\n\n.arkme-redesign-rail-footer {\n border-top: 0 solid #ededee;\n justify-items: center;\n gap: 7px;\n margin-top: auto;\n padding-top: 0;\n display: grid;\n position: relative;\n}\n\n.arkme-redesign-rail-footer > button {\n color: #4b4f58;\n border-radius: 14px;\n place-items: center;\n width: 46px;\n height: 46px;\n display: grid;\n}\n\n.arkme-redesign-rail-footer > button:hover, .arkme-redesign-rail-footer > button.is-active {\n background: #f1f2f5;\n}\n\n.arkme-redesign-rail-footer:empty {\n display: none;\n}\n\n.arkme-conversation-input-card {\n display: contents;\n}\n\nbody:is([data-ds-skin=\"qq2006\"], [data-arkme-skin=\"qq2006\"]) [data-arkme-owned=\"product-surface\"] .arkme-conversation-input-card.arkme-conversation-input-card.arkme-conversation-tools {\n display: flex !important;\n}\n\n.arkme-redesign-profile {\n position: relative;\n}\n\n.arkme-redesign-profile > span {\n width: 32px !important;\n height: 32px !important;\n}\n\n.arkme-redesign-profile-popover {\n z-index: 10000;\n backdrop-filter: blur(20px);\n background: #fffffff5;\n border: 1px solid #d8d9dde6;\n border-radius: 18px;\n width: 264px;\n padding: 10px;\n position: fixed;\n bottom: 14px;\n left: 64px;\n box-shadow: 0 20px 50px #1a1c2326, 0 2px 8px #1a1c230d;\n}\n\n.arkme-redesign-profile-head {\n align-items: center;\n gap: 11px;\n padding: 9px 9px 13px;\n display: flex;\n}\n\nbutton.arkme-redesign-profile-head {\n width: 100%;\n color: inherit;\n font: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n}\n\n.arkme-redesign-profile-head > span {\n text-align: left;\n gap: 4px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-redesign-profile-head strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 14px;\n font-weight: 600;\n overflow: hidden;\n}\n\n.arkme-redesign-profile-head small {\n color: #8b8f98;\n font-size: 11px;\n font-weight: 400;\n}\n\n.arkme-redesign-profile-menu {\n border-top: 1px solid #eeeeef;\n gap: 2px;\n padding-top: 6px;\n display: grid;\n}\n\n.arkme-redesign-profile-menu button {\n width: 100%;\n min-height: 50px;\n box-shadow: none;\n color: #393d46;\n font: inherit;\n text-align: left;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 11px;\n outline: 0;\n grid-template-columns: 28px minmax(0, 1fr) 16px;\n align-items: center;\n gap: 8px;\n padding: 7px 8px;\n display: grid;\n}\n\n.arkme-redesign-profile-menu button:hover {\n background: #f4f4f5;\n}\n\n.arkme-redesign-profile-menu button > span {\n gap: 3px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-redesign-profile-menu strong {\n font-size: 12px;\n font-weight: 500;\n}\n\n.arkme-redesign-profile-menu small {\n color: #92969f;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 10px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.arkme-redesign-profile-menu button > svg:last-child {\n color: #a0a3aa;\n}\n\n.arkme-redesign-native-settings-trigger {\n clip-path: inset(50%);\n width: 1px;\n height: 1px;\n position: absolute;\n overflow: hidden;\n}\n\n.arkme-redesign-chat-panel {\n inset: var(--arkme-native-titlebar) auto 0 96px;\n z-index: 3;\n border-right: 1px solid var(--arkme-line);\n background: #fff;\n flex-direction: column;\n width: 300px;\n min-width: 0;\n padding: 0;\n display: flex;\n position: absolute;\n overflow: hidden;\n}\n\n.arkme-redesign-chat-search {\n text-align: left;\n border-radius: 11px;\n align-items: center;\n gap: 9px;\n width: 100%;\n height: 40px;\n margin: 20px 0 10px;\n padding: 0 12px;\n display: flex;\n color: #9699a1 !important;\n border: 1px solid #e1e2e5 !important;\n font-size: 11px !important;\n}\n\n.arkme-redesign-chat-search:hover {\n background: #f7f7f8;\n}\n\n.arkme-redesign-chat-directory {\n flex: 1;\n min-height: 0;\n margin: 0;\n overflow: hidden;\n}\n\n.arkme-redesign-chat-directory > section {\n background: none !important;\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] {\n --arkme-directory-card-hover: var(--dsw-alias-interactive-bg-hover, #2631480f);\n --arkme-directory-card-selected-hover: color-mix(in srgb, #f1f2f6 94%, var(--dsw-alias-label-primary, #17191c));\n}\n\nbody[data-ds-dark-theme] [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] {\n --arkme-directory-card-selected-hover: color-mix(in srgb, var(--dsw-alias-interactive-bg-active, #ffffff1a) 94%, var(--dsw-alias-label-primary, #eee));\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"] {\n transition: background-color .12s;\n}\n\n@media (hover: hover) {\n [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"]:not(:disabled):not([aria-disabled=\"true\"]):not([aria-selected=\"true\"]):hover {\n background-color: var(--arkme-directory-card-hover) !important;\n }\n\n [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"][aria-selected=\"true\"]:not(:disabled):not([aria-disabled=\"true\"]):hover {\n background-color: var(--arkme-directory-card-selected-hover) !important;\n }\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[data-arkme-home-tour-target=\"harness\"][aria-expanded=\"true\"]:not([aria-selected=\"true\"]) {\n background-color: var(--arkme-directory-card-hover) !important;\n}\n\n[aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[data-arkme-home-tour-target=\"harness\"][aria-expanded=\"true\"][aria-selected=\"true\"] {\n background-color: var(--arkme-directory-card-selected-hover) !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n [aria-label=\"Arkme 会话列表\"] [role=\"tree\"][aria-label=\"Arkme 会话\"] button[role=\"treeitem\"] {\n transition: none;\n }\n}\n\n.arkme-redesign-task-section {\n z-index: 3;\n border-bottom: 1px solid #ececef;\n outline: none;\n height: 158px;\n margin: 0 6px 12px;\n position: relative;\n}\n\n.arkme-redesign-task-section-title {\n color: #767b85;\n justify-content: space-between;\n align-items: center;\n height: 28px;\n padding: 0 7px;\n display: flex;\n}\n\n.arkme-redesign-task-section-title strong {\n font-size: 12px;\n font-weight: 500;\n}\n\n.arkme-redesign-task-section-title button {\n border-radius: 7px;\n place-items: center;\n width: 24px;\n height: 24px;\n display: grid;\n}\n\n.arkme-redesign-task-section-title button:hover {\n background: #f3f3f5;\n}\n\n.arkme-redesign-task-list {\n overscroll-behavior: contain;\n scrollbar-gutter: stable;\n background: #fff;\n max-height: 128px;\n padding-bottom: 2px;\n transition: max-height .18s, box-shadow .18s, padding .18s;\n display: grid;\n position: absolute;\n top: 28px;\n left: 0;\n right: 0;\n overflow: hidden auto;\n}\n\n.arkme-redesign-task-section:hover .arkme-redesign-task-list, .arkme-redesign-task-section:focus-within .arkme-redesign-task-list {\n max-height: min(360px, 100vh - 180px);\n padding-bottom: 6px;\n box-shadow: 0 14px 22px #1b1e2512;\n}\n\n.arkme-redesign-task-list > button {\n color: #555a64;\n text-align: left;\n border-radius: 8px;\n grid-template-columns: 16px minmax(0, 1fr);\n align-items: center;\n gap: 4px;\n width: 100%;\n min-width: 0;\n height: 32px;\n padding: 0 8px;\n display: grid;\n}\n\n.arkme-redesign-task-list > button:hover {\n background: #f7f7f8;\n}\n\n.arkme-redesign-task-list > button.is-selected {\n color: #232630;\n background: #f0f1f4;\n}\n\n.arkme-redesign-task-state {\n justify-content: center;\n align-items: center;\n width: 16px;\n height: 20px;\n display: inline-flex;\n}\n\n.arkme-redesign-task-state.is-complete > i {\n background: #39a56b1a;\n border-radius: 50%;\n width: 10px;\n height: 10px;\n display: block;\n position: relative;\n}\n\n.arkme-redesign-task-state.is-complete > i:after {\n content: \"\";\n background: #39a56b;\n border-radius: 50%;\n position: absolute;\n inset: 2px;\n}\n\n.arkme-redesign-task-matrix {\n grid-template-columns: repeat(3, 2px);\n grid-auto-rows: 2px;\n gap: 1px;\n width: 10px;\n height: 10px;\n display: grid;\n}\n\n.arkme-redesign-task-matrix i {\n opacity: .15;\n background: #5d76e8;\n border-radius: 1px;\n animation: 1s infinite arkme-task-dot-chase;\n}\n\n.arkme-redesign-task-matrix i:nth-child(2) {\n animation-delay: .125s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(3) {\n animation-delay: .25s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(4) {\n animation-delay: .375s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(5) {\n animation-delay: .5s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(6) {\n animation-delay: .625s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(7) {\n animation-delay: .75s;\n}\n\n.arkme-redesign-task-matrix i:nth-child(8) {\n animation-delay: .875s;\n}\n\n@keyframes arkme-task-dot-chase {\n 0%, 12.4% {\n opacity: 1;\n }\n\n 12.5%, 24.9% {\n opacity: .6;\n }\n\n 25%, 37.4% {\n opacity: .35;\n }\n\n 37.5%, 100% {\n opacity: .15;\n }\n}\n\n.arkme-redesign-task-copy {\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n min-width: 0;\n display: flex;\n}\n\n.arkme-redesign-task-copy strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n min-width: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n overflow: hidden;\n}\n\n.arkme-redesign-task-copy small {\n color: #9a9da5;\n flex: none;\n font-size: 12px;\n line-height: 20px;\n}\n\n.arkme-redesign-task-first {\n color: #555a64;\n text-align: left;\n border-radius: 8px;\n width: calc(100% - 12px);\n height: 32px;\n margin: 0 6px;\n padding: 0 8px;\n font-size: 14px;\n}\n\n.arkme-redesign-task-first:hover {\n background: #f7f7f8;\n}\n\n.arkme-redesign-content {\n inset: var(--arkme-native-titlebar) 0 0 96px;\n background: #fff;\n min-width: 0;\n min-height: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.arkme-redesign-content.has-panel {\n left: 396px;\n}\n\n.arkme-redesign-content.has-details {\n right: 360px;\n}\n\n.arkme-redesign-content.is-login-takeover {\n left: 0;\n right: 0;\n}\n\n.arkme-redesign-route-surface {\n width: 100%;\n min-width: 0;\n height: 100%;\n min-height: 0;\n overflow: hidden;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-surface {\n background: #fff !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-header {\n border-bottom: 1px solid #ececef !important;\n height: 68px !important;\n padding: 12px 16px 12px 20px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-header h2 {\n font-size: 15px !important;\n font-weight: 600 !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-body {\n padding: 22px 22px 12px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-records {\n gap: 0 !important;\n width: 100% !important;\n}\n\n.arkme-conversation-records-reveal {\n animation: .12s ease-out both arkme-conversation-records-reveal;\n}\n\n@keyframes arkme-conversation-records-reveal {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .arkme-conversation-records-reveal {\n animation: none;\n }\n}\n\n.arkme-redesign-route-chats [data-arkme-content-presentation=\"bubble\"] p {\n font-size: 14px;\n line-height: 1.62;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer {\n padding: 0 24px 20px !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer-inner {\n background: #fff !important;\n border: 1px solid #dfe1e6 !important;\n border-radius: 15px !important;\n gap: 8px !important;\n width: 100% !important;\n padding: 12px 13px 9px !important;\n box-shadow: 0 8px 30px #1c1f270b !important;\n}\n\n.arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"] {\n --arkme-primary-composer-idle: #f6f6f6;\n --arkme-primary-composer-focused: #fff;\n background: var(--arkme-primary-composer-idle, #f6f6f6) !important;\n box-shadow: none !important;\n}\n\n.arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"][data-arkme-composer-focused=\"true\"] {\n background: var(--arkme-primary-composer-focused, #fff) !important;\n}\n\n.arkme-redesign-route-chats .arkme-conversation-composer textarea {\n min-height: 38px !important;\n padding: 0 !important;\n font-size: 14px !important;\n line-height: 22px !important;\n}\n\n.arkme-redesign-task-conversation {\n font-size: 15px;\n}\n\n.arkme-redesign-task-conversation [data-phase] {\n --dsh-chat-content-width: calc(100% - 64px);\n --dsh-composer-card-max-width: calc(100% - 32px);\n}\n\n.arkme-redesign-task-conversation [data-chat-flow] {\n width: calc(100% - 64px) !important;\n max-width: none !important;\n margin-left: 32px !important;\n margin-right: 32px !important;\n}\n\n.arkme-redesign-task-conversation textarea {\n font-size: 14px !important;\n}\n\n[data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"][data-arkme-directory-visible=\"true\"] [data-arkme-directory-mode=\"conversations\"]), [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-web-locked] [data-arkme-directory-mode=\"web-locked\"]) {\n grid-template-columns: var(--arkme-persistent-sidebar-width, 356px) minmax(0, 1fr) 0 !important;\n}\n\n[data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"][data-arkme-directory-visible=\"false\"]) {\n grid-template-columns: 72px minmax(0, 1fr) 0 !important;\n}\n\n@media (width >= 1100px) {\n [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"] [data-arkme-directory-mode=\"contacts\"]) {\n grid-template-columns: var(--arkme-persistent-sidebar-width, 356px) minmax(0, 1fr) 0 !important;\n }\n\n [data-slot=\"root\"] > div:is([data-details-collapsed=\"true\"], [data-rightbar-collapsed=\"true\"]):has([data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"true\"]:not([data-arkme-web-locked])) {\n grid-template-columns: 0 minmax(0, 1fr) 0 !important;\n }\n}\n\n[data-arkme-owned=\"persistent-sidebar\"][data-arkme-login-mode=\"false\"]:has( > [data-arkme-directory-mode=\"conversations\"]) > [data-arkme-owned=\"product-navigation\"] {\n flex: 0 0 72px !important;\n width: 72px !important;\n min-width: 72px !important;\n}\n\n[data-arkme-owned=\"persistent-sidebar\"] :is([data-arkme-directory-mode=\"conversations\"], [data-arkme-directory-mode=\"web-locked\"]) {\n min-width: 72px !important;\n}\n\n[data-arkme-directory-compact=\"true\"] > :not([role=\"tree\"]) {\n display: none !important;\n}\n\n[data-arkme-directory-compact=\"true\"] [role=\"tree\"] {\n padding: 8px 6px 18px !important;\n}\n\n[data-arkme-harness-summary] {\n flex-wrap: wrap;\n gap: 2px 8px;\n min-width: 0;\n font-size: 11px;\n line-height: 16px;\n display: flex;\n}\n\n[data-arkme-harness-status] {\n white-space: nowrap;\n align-items: center;\n gap: 4px;\n display: inline-flex;\n}\n\n[data-arkme-harness-status=\"running\"] {\n color: #4279d4;\n}\n\n[data-arkme-harness-status=\"unread\"] {\n color: #278557;\n}\n\n[data-arkme-harness-status=\"pending\"] {\n color: #a96b0a;\n}\n\n[data-arkme-harness-status] > i {\n background: currentColor;\n border-radius: 50%;\n flex: none;\n width: 5px;\n height: 5px;\n}\n\n[data-arkme-harness-status=\"running\"] > i {\n box-sizing: border-box;\n background: none;\n border: 1.5px solid;\n border-right-color: #0000;\n width: 7px;\n height: 7px;\n animation: 1.1s linear infinite arkme-harness-running;\n}\n\n[data-arkme-harness-badge] {\n box-sizing: border-box;\n color: #fff;\n border: 1px solid #fff;\n border-radius: 9px;\n justify-content: center;\n align-items: center;\n min-width: 15px;\n height: 15px;\n padding: 0 3px;\n font-size: 9px;\n font-weight: 600;\n line-height: 13px;\n display: none;\n position: absolute;\n top: -3px;\n right: -3px;\n}\n\n[data-arkme-harness-badge][data-kind=\"running\"] {\n background: #4279d4;\n}\n\n[data-arkme-harness-badge][data-kind=\"unread\"] {\n background: #278557;\n}\n\n[data-arkme-harness-badge][data-kind=\"pending\"] {\n background: #a96b0a;\n}\n\n[data-arkme-harness-badge][data-idle=\"true\"] {\n display: inline-flex;\n}\n\n[data-arkme-directory-compact=\"true\"] [data-arkme-home-tour-target=\"harness\"] {\n justify-content: center;\n gap: 0 !important;\n padding: 7px 6px !important;\n}\n\n[data-arkme-directory-compact=\"true\"] [data-arkme-harness-label] {\n display: none !important;\n}\n\n[data-arkme-directory-compact=\"true\"] [data-arkme-harness-badge] {\n display: inline-flex;\n}\n\n@keyframes arkme-harness-running {\n to {\n transform: rotate(360deg);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n [data-arkme-harness-status=\"running\"] > i {\n animation: none;\n }\n}\n\n.arkme-redesign-feature-page {\n background: #fff;\n flex-direction: column;\n width: 100%;\n min-width: 0;\n height: 100%;\n min-height: 0;\n padding: 30px 48px 36px;\n display: flex;\n overflow: hidden;\n}\n\n.arkme-redesign-feature-page > header {\n flex: none;\n margin: 0 0 22px;\n}\n\n.arkme-redesign-feature-page > header p {\n color: #8d9098;\n margin: 0 0 8px;\n font-size: 11px;\n}\n\n.arkme-redesign-feature-page > header h1 {\n letter-spacing: -.04em;\n margin: 0;\n font-size: 27px;\n font-weight: 600;\n}\n\n.arkme-redesign-feature-page > header span {\n color: #858992;\n margin-top: 10px;\n font-size: 12px;\n display: block;\n}\n\n.arkme-redesign-feature-body {\n flex: 1;\n min-height: 0;\n overflow: hidden;\n}\n\n.arkme-redesign-recordings-page {\n background: #fff;\n padding: 0;\n}\n\n.arkme-redesign-recordings-page > div {\n height: 100% !important;\n}\n\n.arkme-redesign-search-page {\n padding: 66px 0 40px;\n}\n\n.arkme-redesign-search-page > header, .arkme-redesign-search-page > .arkme-redesign-feature-body {\n width: min(980px, 100% - 80px);\n margin-left: auto;\n margin-right: auto;\n}\n\n.arkme-redesign-search-page > header {\n margin-bottom: 28px;\n}\n\n.arkme-redesign-search-page > header h1 {\n font-size: 32px;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body {\n overflow-y: auto;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body > div {\n width: 100% !important;\n padding: 0 !important;\n}\n\n.arkme-redesign-search-page .arkme-redesign-feature-body > div > header {\n display: none !important;\n}\n\n.arkme-redesign-search-page .arkme-search-box {\n box-shadow: 0 8px 28px #1c1f2709;\n color: #646872 !important;\n background: #fff !important;\n border: 1px solid #e1e2e5 !important;\n border-radius: 15px !important;\n gap: 12px !important;\n height: 68px !important;\n padding: 0 20px !important;\n}\n\n.arkme-redesign-search-page input[aria-label=\"搜索\"] {\n font-size: 14px !important;\n}\n\n.arkme-redesign-search-page input[aria-label=\"搜索\"]:not(:focus)::placeholder {\n color: #92959d;\n}\n\n.arkme-redesign-search-page .arkme-search-history, .arkme-redesign-search-page .arkme-search-quick {\n margin: 24px 0 0 !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history > div, .arkme-redesign-search-page .arkme-search-quick > div {\n gap: 0 !important;\n display: grid !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history button, .arkme-redesign-search-page .arkme-search-quick button {\n text-align: left;\n overflow: hidden;\n color: #30333b !important;\n border: 0 !important;\n border-bottom: 1px solid #e6e7e9 !important;\n border-radius: 0 !important;\n justify-content: space-between !important;\n align-items: center !important;\n gap: 14px !important;\n width: 100% !important;\n height: 52px !important;\n padding: 0 6px !important;\n font-size: 12px !important;\n display: flex !important;\n}\n\n.arkme-redesign-search-page .arkme-search-history button span, .arkme-redesign-search-page .arkme-search-quick button span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.arkme-redesign-plugins-page {\n background: #fff;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded > section {\n background: #fff !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded header {\n display: none !important;\n}\n\n.arkme-extension-toolbar {\n align-items: center;\n gap: 12px;\n height: 46px;\n display: flex;\n}\n\n.arkme-extension-toolbar label {\n color: #8e929a;\n border: 1px solid #e1e2e5;\n border-radius: 12px;\n flex: 1;\n align-items: center;\n gap: 10px;\n min-width: 0;\n height: 44px;\n padding: 0 14px;\n display: flex;\n}\n\n.arkme-extension-toolbar input {\n color: #262932;\n background: none;\n border: 0;\n outline: 0;\n flex: 1;\n min-width: 0;\n font-size: 12px;\n}\n\n.arkme-extension-toolbar > button {\n border-radius: 11px;\n height: 38px;\n padding: 0 15px;\n font-size: 11px;\n border: 1px solid #e1e2e5 !important;\n}\n\n.arkme-extension-toolbar > button:hover {\n background: #f6f6f7;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded nav {\n width: 420px;\n height: 38px !important;\n padding: 0 !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-center-embedded main {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n align-content: start;\n gap: 12px;\n padding: 16px 0 0 !important;\n display: grid !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-card {\n background: #fff !important;\n border: 1px solid #e3e4e7 !important;\n border-radius: 15px !important;\n min-height: 138px !important;\n margin: 0 !important;\n padding: 18px !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-card:hover {\n background: #fafafa !important;\n border-color: #d5d7dc !important;\n}\n\n.arkme-redesign-plugins-page .arkme-extension-grid-span, .arkme-redesign-plugins-page .arkme-extension-center-embedded main > [role=\"status\"], .arkme-redesign-plugins-page .arkme-extension-center-embedded main > [role=\"alert\"] {\n grid-column: 1 / -1;\n}\n\n@keyframes arkme-icon-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.arkme-icon-spin {\n animation: .8s linear infinite arkme-icon-spin;\n}\n\n@media (prefers-reduced-motion: reduce) {\n [data-arkme-voice] .arkme-icon-spin {\n animation: none;\n }\n}\n\n.arkme-redesign-settings-surface {\n color: #20232c;\n background: none;\n width: 100%;\n height: auto;\n overflow: visible;\n}\n\n.arkme-redesign-settings-shell {\n box-sizing: border-box;\n width: 100%;\n margin: 0;\n padding: 0;\n}\n\n.arkme-redesign-settings-profile {\n align-items: center;\n gap: 16px;\n padding: 0 0 24px;\n display: flex;\n}\n\n.arkme-redesign-settings-profile > div:nth-child(2) {\n min-width: 0;\n}\n\n.arkme-redesign-settings-profile h1 {\n color: #20232c;\n letter-spacing: -.03em;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0 0 6px;\n font-size: 24px;\n font-weight: 600;\n line-height: 30px;\n overflow: hidden;\n}\n\n.arkme-redesign-settings-profile p {\n color: #858992;\n align-items: center;\n gap: 8px;\n margin: 0;\n font-size: 13px;\n line-height: 18px;\n display: flex;\n overflow: hidden;\n}\n\n.arkme-redesign-settings-profile p > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n min-width: 0;\n overflow: hidden;\n}\n\n.arkme-account-profile-qr {\n color: #858992;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 0;\n flex: none;\n justify-content: center;\n align-items: center;\n width: 24px;\n height: 24px;\n margin: 0;\n padding: 2px;\n display: inline-flex;\n}\n\n.arkme-account-profile-qr:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-account-profile-qr svg {\n width: 20px;\n height: 20px;\n display: block;\n}\n\n.arkme-redesign-settings-group {\n background: none;\n border: 0;\n border-bottom: 1px solid #e1e2e5;\n border-radius: 0;\n margin: 0;\n overflow: hidden;\n}\n\n.arkme-redesign-settings-group:last-child {\n border-bottom: 0;\n}\n\n.arkme-redesign-settings-group > h2 {\n color: #8a8e96;\n border-bottom: 1px solid #ededee;\n margin: 0;\n padding: 15px 1px 10px;\n font-size: 12px;\n font-weight: 500;\n line-height: 17px;\n}\n\n.arkme-redesign-settings-group > div {\n padding: 0;\n}\n\n.arkme-redesign-setting-row {\n box-sizing: border-box;\n width: 100%;\n min-height: 54px;\n color: inherit;\n font: inherit;\n text-align: left;\n background: none;\n border: 0;\n border-bottom: 1px solid #ededee;\n grid-template-columns: minmax(0, 1fr) auto 18px;\n align-items: center;\n gap: 10px;\n padding: 9px 1px;\n text-decoration: none;\n display: grid;\n}\n\n.arkme-redesign-setting-row:last-child {\n border-bottom: 0;\n}\n\nbutton.arkme-redesign-setting-row, a.arkme-redesign-setting-row {\n cursor: pointer;\n}\n\nbutton.arkme-redesign-setting-row:hover, a.arkme-redesign-setting-row:hover {\n color: #53617d;\n}\n\n.arkme-redesign-setting-row:disabled {\n opacity: .6;\n cursor: default;\n}\n\n.arkme-redesign-setting-row > strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n overflow: hidden;\n}\n\n.arkme-redesign-setting-row > strong.is-danger {\n color: #b54841;\n}\n\n.arkme-redesign-setting-summary {\n color: #858992;\n text-align: right;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: 360px;\n font-size: 12px;\n line-height: 18px;\n overflow: hidden;\n}\n\n.arkme-redesign-setting-row > svg {\n color: #8d929b;\n}\n\n.arkme-account-info-row {\n box-sizing: border-box;\n width: 100%;\n min-height: 54px;\n color: inherit;\n font: inherit;\n text-align: left;\n background: none;\n border: 0;\n border-bottom: 1px solid #ededee;\n grid-template-columns: 26px minmax(0, 1fr) auto 18px;\n align-items: center;\n gap: 10px;\n padding: 9px 1px;\n display: grid;\n}\n\n.arkme-account-info-row:last-child {\n border-bottom: 0;\n}\n\nbutton.arkme-account-info-row {\n cursor: pointer;\n}\n\n.arkme-account-info-row:disabled {\n opacity: .6;\n cursor: default;\n}\n\n.arkme-account-info-icon {\n color: #6f7580;\n justify-content: center;\n align-items: center;\n width: 26px;\n height: 26px;\n display: inline-flex;\n}\n\n.arkme-account-info-copy {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-account-info-copy > strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n overflow: hidden;\n}\n\n.arkme-account-info-copy > small {\n color: #858992;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 12px;\n line-height: 18px;\n overflow: hidden;\n}\n\n.arkme-account-info-action {\n color: #858992;\n white-space: nowrap;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-account-info-row > svg {\n color: #8d929b;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-profile > div:nth-child(2) {\n flex: 1;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-profile h1 {\n margin: 0;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-group {\n border-bottom: 0;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-row {\n border-bottom: 0;\n grid-template-columns: 26px minmax(0, 1fr) 48px 18px;\n min-height: 54px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-copy {\n grid-template-columns: minmax(70px, 1fr) minmax(0, auto);\n align-items: center;\n gap: 16px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-copy > small {\n text-align: right;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-account-info-action {\n text-align: center;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-settings-group:has(.arkme-redesign-balance-row) {\n margin-top: 16px;\n}\n\n[data-arkme-settings-view=\"account\"] .arkme-redesign-balance-main > small {\n color: inherit;\n font-size: 28px;\n font-weight: 600;\n line-height: 38px;\n}\n\n.arkme-account-logout {\n justify-content: center;\n padding-top: 32px;\n display: flex;\n}\n\n.arkme-account-logout > button {\n color: #dc4d43;\n min-width: 128px;\n min-height: 40px;\n font: inherit;\n cursor: pointer;\n background: none;\n border: 1px solid #e1e2e5;\n border-radius: 8px;\n padding: 8px 24px;\n}\n\n.arkme-account-logout > button:disabled {\n cursor: default;\n opacity: .6;\n}\n\n[data-arkme-settings-view=\"general\"] .arkme-redesign-settings-group:last-child {\n border-bottom: 0;\n}\n\n.arkme-about-heading {\n color: inherit;\n font: inherit;\n margin: 0 0 20px;\n font-size: 18px;\n font-weight: 600;\n line-height: 1.5;\n}\n\n.arkme-account-feedback {\n color: #b54841;\n align-items: flex-start;\n gap: 6px;\n margin: 8px 0 14px;\n font-size: 12px;\n line-height: 18px;\n display: flex;\n}\n\n.arkme-account-dialog-backdrop {\n z-index: 50;\n background: #12141a6b;\n justify-content: center;\n align-items: center;\n padding: 18px;\n display: flex;\n position: fixed;\n inset: 0;\n}\n\n.arkme-account-dialog {\n box-sizing: border-box;\n color: #20232c;\n background: #fff;\n border: 1px solid #e1e2e5;\n border-radius: 16px;\n width: min(420px, 100vw - 36px);\n max-height: calc(100vh - 56px);\n overflow: auto;\n box-shadow: 0 18px 52px #11182738;\n}\n\n.arkme-account-dialog > header {\n border-bottom: 1px solid #ededee;\n justify-content: space-between;\n align-items: center;\n height: 58px;\n padding: 0 16px 0 20px;\n display: flex;\n}\n\n.arkme-account-dialog h3 {\n margin: 0;\n font-size: 18px;\n font-weight: 650;\n line-height: 24px;\n}\n\n.arkme-account-dialog > header button {\n color: #8d929b;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 50%;\n width: 34px;\n height: 34px;\n}\n\n.arkme-account-qr-card {\n box-sizing: border-box;\n background: #fff;\n border: 1px solid #ededee;\n border-radius: 14px;\n justify-items: center;\n gap: 7px;\n width: 270px;\n margin: 22px auto 16px;\n padding: 24px 22px 22px;\n display: grid;\n}\n\n.arkme-account-qr-card strong {\n text-align: center;\n overflow-wrap: anywhere;\n min-width: 0;\n max-width: 100%;\n margin-top: 4px;\n font-size: 17px;\n font-weight: 650;\n line-height: 23px;\n}\n\n.arkme-account-qr-card span, .arkme-account-qr-card small {\n color: #858992;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-account-qr-card img {\n width: 180px;\n height: 180px;\n margin-top: 8px;\n}\n\n.arkme-account-form {\n gap: 12px;\n padding: 18px 20px 20px;\n display: grid;\n}\n\n.arkme-account-form label {\n color: #5f6570;\n gap: 7px;\n font-size: 12px;\n line-height: 18px;\n display: grid;\n}\n\n.arkme-account-form input {\n box-sizing: border-box;\n color: #20232c;\n width: 100%;\n height: 42px;\n font: inherit;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 11px;\n outline: none;\n padding: 0 12px;\n}\n\n.arkme-account-form input:focus {\n border-color: #9aa7c2;\n box-shadow: 0 0 0 3px #53617d1f;\n}\n\n.arkme-account-rule {\n color: #858992;\n margin: -2px 0 0;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-account-code-row {\n grid-template-columns: minmax(0, 1fr) 92px;\n gap: 8px;\n display: grid;\n}\n\n.arkme-account-code-row button {\n color: #343944;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 11px;\n}\n\n.arkme-account-code-row button:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-account-dialog-actions {\n justify-content: flex-end;\n gap: 10px;\n padding-top: 6px;\n display: flex;\n}\n\n.arkme-account-dialog > .arkme-account-dialog-actions {\n padding: 6px 20px 20px;\n}\n\n.arkme-account-dialog > .arkme-account-dialog-status {\n margin: 0 20px 16px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card + .arkme-account-dialog-actions {\n justify-content: center;\n padding: 6px 20px 24px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card ~ .arkme-account-dialog-status {\n text-align: center;\n margin: -8px 20px 20px;\n}\n\n.arkme-account-dialog > .arkme-account-qr-card ~ .arkme-account-dialog-status:empty {\n display: none;\n}\n\n.arkme-account-dialog-actions button {\n color: #343944;\n min-width: 78px;\n height: 36px;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 10px;\n justify-content: center;\n align-items: center;\n gap: 6px;\n padding: 0 14px;\n display: inline-flex;\n}\n\n.arkme-account-dialog-actions button[type=\"submit\"], .arkme-account-dialog-actions button:last-child {\n color: #fff;\n background: #20232c;\n border-color: #20232c;\n}\n\n.arkme-account-dialog-actions button:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-account-dialog-status {\n color: #13a85b;\n margin: 0;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-account-dialog-status.is-error {\n color: #b54841;\n}\n\n.arkme-redesign-version-row {\n grid-template-columns: minmax(0, 1fr) minmax(150px, auto) auto 18px;\n}\n\n.arkme-redesign-version-row.is-without-action {\n grid-template-columns: minmax(0, 1fr) auto 18px;\n}\n\n.arkme-redesign-version-copy {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-redesign-version-copy > strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n overflow: hidden;\n}\n\n.arkme-redesign-version-copy > small {\n color: #858992;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 11px;\n line-height: 16px;\n overflow: hidden;\n}\n\n.arkme-redesign-version-value {\n color: #858992;\n white-space: nowrap;\n justify-self: end;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-redesign-version-action-slot {\n justify-content: flex-end;\n display: inline-flex;\n}\n\n.arkme-redesign-trailing-slot {\n width: 18px;\n height: 1px;\n}\n\nbutton.arkme-redesign-update-button {\n color: #343944;\n min-width: 72px;\n height: 30px;\n font: inherit;\n white-space: nowrap;\n cursor: pointer;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 9px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n padding: 0 11px;\n font-size: 11px;\n display: inline-flex;\n}\n\nbutton.arkme-redesign-update-button:hover {\n background: #f7f7f8;\n border-color: #cfd3da;\n}\n\nbutton.arkme-redesign-update-button:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-redesign-settings-group:has(.arkme-redesign-balance-row) {\n overflow: visible;\n}\n\n.arkme-redesign-balance-row {\n grid-template-columns: max-content max-content minmax(0, 1fr) 18px;\n column-gap: 20px;\n}\n\n.arkme-redesign-balance-row.is-without-reserved {\n grid-template-columns: max-content minmax(0, 1fr) 18px;\n}\n\n.arkme-redesign-balance-main {\n min-width: 0;\n color: inherit;\n font: inherit;\n text-align: left;\n cursor: pointer;\n background: none;\n border: 0;\n gap: 2px;\n padding: 0;\n display: grid;\n}\n\n.arkme-redesign-balance-main > strong {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.arkme-redesign-balance-main > small {\n color: #858992;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-redesign-balance-usage {\n color: #8a8e96;\n white-space: nowrap;\n font-size: 11px;\n line-height: 16px;\n}\n\n.arkme-redesign-reserved-balance {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-redesign-recharge-trigger {\n justify-self: end;\n}\n\n.arkme-redesign-reserved-title {\n align-items: center;\n gap: 5px;\n width: fit-content;\n display: inline-flex;\n position: relative;\n}\n\n.arkme-redesign-reserved-title > strong {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.arkme-redesign-reserved-balance > small {\n color: #858992;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-redesign-reserved-help {\n box-sizing: border-box;\n color: #858992;\n cursor: help;\n border: 1px solid #a6aab2;\n border-radius: 50%;\n place-items: center;\n width: 15px;\n height: 15px;\n font-size: 10px;\n font-weight: 600;\n line-height: 1;\n display: inline-grid;\n}\n\n.arkme-redesign-reserved-help:focus-visible {\n outline-offset: 2px;\n outline: 2px solid #7b8cad;\n}\n\n.arkme-redesign-reserved-title > [role=\"tooltip\"] {\n box-sizing: border-box;\n z-index: 20;\n color: #fff;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n background: #2e323b;\n border-radius: 8px;\n width: 240px;\n padding: 9px 11px;\n font-size: 11px;\n font-weight: 400;\n line-height: 17px;\n transition: opacity .12s, transform .12s, visibility .12s;\n position: absolute;\n bottom: calc(100% + 8px);\n left: calc(100% - 7.5px);\n transform: translate(-50%, 2px);\n box-shadow: 0 6px 18px #181b222e;\n}\n\n.arkme-redesign-reserved-help:hover ~ [role=\"tooltip\"], .arkme-redesign-reserved-help:focus ~ [role=\"tooltip\"] {\n opacity: 1;\n visibility: visible;\n transform: translate(-50%);\n}\n\n.arkme-redesign-settings-error {\n color: #b54841;\n background: #fff3f0;\n border-radius: 10px;\n margin: -8px 0 28px;\n padding: 10px 13px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-remote-settings-dialog-backdrop {\n z-index: 1150;\n box-sizing: border-box;\n backdrop-filter: blur(1.5px);\n background: #16181d47;\n place-items: center;\n padding: 24px;\n display: grid;\n position: fixed;\n inset: 0;\n}\n\n.arkme-remote-settings-dialog {\n color: #20232c;\n background: #fff;\n border: 1px solid #14182014;\n border-radius: 19px;\n flex-direction: column;\n width: min(720px, 100vw - 48px);\n max-height: min(720px, 100vh - 48px);\n display: flex;\n overflow: hidden;\n box-shadow: 0 18px 54px #11141b2e;\n}\n\n.arkme-remote-page-header {\n box-sizing: border-box;\n border-bottom: 1px solid #ededee;\n justify-content: space-between;\n align-items: center;\n gap: 20px;\n min-height: 74px;\n padding: 0 24px 0 28px;\n display: flex;\n}\n\n.arkme-remote-page-header > div {\n min-width: 0;\n}\n\n.arkme-remote-page-header h1 {\n color: #20232c;\n letter-spacing: -.02em;\n margin: 0;\n font-size: 18px;\n font-weight: 620;\n line-height: 25px;\n}\n\n.arkme-remote-page-header p {\n color: #8b9098;\n margin: 3px 0 0;\n font-size: 11px;\n line-height: 17px;\n}\n\n.arkme-remote-settings-close {\n color: #777c85;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 9px;\n flex: none;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n padding: 0;\n display: inline-flex;\n}\n\n.arkme-remote-settings-close:hover {\n color: #20232c;\n background: #f3f3f4;\n}\n\n.arkme-remote-settings-dialog-body {\n overscroll-behavior: contain;\n gap: 28px;\n padding: 24px 28px 28px;\n display: grid;\n overflow-y: auto;\n}\n\n.arkme-remote-section {\n gap: 13px;\n display: grid;\n}\n\n.arkme-remote-section-header {\n justify-content: space-between;\n align-items: flex-end;\n gap: 18px;\n min-height: 34px;\n display: flex;\n}\n\n.arkme-remote-section-header > div:first-child {\n min-width: 0;\n}\n\n.arkme-remote-section-header h2 {\n color: #292c34;\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 21px;\n}\n\n.arkme-remote-section-header p {\n color: #8b9098;\n margin: 2px 0 0;\n font-size: 11px;\n line-height: 17px;\n}\n\n.arkme-remote-section-header > div:last-child {\n align-items: center;\n gap: 8px;\n display: flex;\n}\n\n.arkme-remote-icon-button {\n color: #8a8f97;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 9px;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n padding: 0;\n display: inline-flex;\n}\n\n.arkme-remote-icon-button:hover {\n color: #343944;\n background: #f3f3f4;\n}\n\n.arkme-remote-add-button {\n color: #fff;\n min-height: 32px;\n font: inherit;\n cursor: pointer;\n background: #20232c;\n border: 0;\n border-radius: 9px;\n align-items: center;\n gap: 5px;\n padding: 0 12px;\n font-size: 11px;\n font-weight: 550;\n display: inline-flex;\n}\n\n.arkme-remote-add-button:hover {\n background: #343944;\n}\n\n.arkme-remote-add-button:disabled, .arkme-remote-icon-button:disabled {\n opacity: .45;\n cursor: default;\n}\n\n.arkme-remote-settings-card {\n background: #fff;\n border: 1px solid #e1e2e5;\n border-radius: 16px;\n overflow: hidden;\n}\n\n.arkme-remote-allow-row {\n border-bottom: 1px solid #ededee;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\n min-height: 60px;\n padding: 0 18px;\n display: flex;\n}\n\n.arkme-remote-allow-row > div {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-remote-allow-row strong, .arkme-remote-device-row strong, .arkme-remote-name-row strong {\n color: #343944;\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n}\n\n.arkme-remote-allow-row span, .arkme-remote-device-row span, .arkme-remote-name-row small {\n color: #8b9098;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 10px;\n line-height: 16px;\n overflow: hidden;\n}\n\n.arkme-remote-switch {\n cursor: pointer;\n background: #d7d9dd;\n border: 0;\n border-radius: 999px;\n flex: none;\n width: 40px;\n height: 23px;\n padding: 0;\n transition: background .16s;\n position: relative;\n}\n\n.arkme-remote-switch > span {\n background: #fff;\n border-radius: 50%;\n width: 17px;\n height: 17px;\n transition: transform .16s;\n position: absolute;\n top: 3px;\n left: 3px;\n box-shadow: 0 1px 3px #14182038;\n}\n\n.arkme-remote-switch[aria-checked=\"true\"] {\n background: #3b9cf5;\n}\n\n.arkme-remote-switch[aria-checked=\"true\"] > span {\n transform: translateX(17px);\n}\n\n.arkme-remote-switch:disabled {\n opacity: .5;\n cursor: default;\n}\n\n.arkme-remote-device-row {\n border-bottom: 1px solid #ededee;\n grid-template-columns: 24px minmax(0, 1fr) auto;\n align-items: center;\n gap: 11px;\n min-height: 64px;\n padding: 0 18px;\n display: grid;\n}\n\n.arkme-remote-device-row:last-child {\n border-bottom: 0;\n}\n\n.arkme-remote-device-row > svg {\n color: #68707c;\n}\n\n.arkme-remote-device-row > div {\n gap: 1px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-remote-device-row > button {\n color: #5d626c;\n min-height: 30px;\n font: inherit;\n cursor: pointer;\n background: #f3f3f4;\n border: 0;\n border-radius: 9px;\n padding: 0 10px;\n font-size: 10px;\n}\n\n.arkme-remote-device-row > button:hover {\n color: #b54841;\n background: #fff0ed;\n}\n\n.arkme-remote-device-row > button:disabled {\n opacity: .45;\n cursor: default;\n}\n\n.arkme-remote-empty-row {\n color: #989ca3;\n align-items: center;\n gap: 11px;\n min-height: 52px;\n padding: 0 18px;\n font-size: 11px;\n display: flex;\n}\n\n.arkme-remote-empty-row > svg {\n color: #a2a6ad;\n}\n\n.arkme-remote-name-row {\n color: #727780;\n width: 100%;\n min-height: 62px;\n font: inherit;\n text-align: left;\n cursor: pointer;\n background: none;\n border: 0;\n grid-template-columns: 24px minmax(0, 1fr) 20px;\n align-items: center;\n gap: 11px;\n padding: 0 18px;\n display: grid;\n}\n\n.arkme-remote-name-row:hover {\n background: #fafafb;\n}\n\n.arkme-remote-name-row > span {\n gap: 1px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-remote-name-row small {\n display: block;\n}\n\n.arkme-remote-rename {\n border-top: 1px solid #ededee;\n grid-template-columns: minmax(0, 1fr) auto auto;\n gap: 7px;\n padding: 12px 18px;\n display: grid;\n}\n\n.arkme-remote-rename input {\n box-sizing: border-box;\n color: #20232c;\n min-width: 0;\n height: 34px;\n font: inherit;\n background: #fff;\n border: 1px solid #dfe1e5;\n border-radius: 9px;\n outline: 0;\n padding: 0 10px;\n font-size: 12px;\n}\n\n.arkme-remote-rename input:focus {\n border-color: #6eb3f3;\n box-shadow: 0 0 0 3px #3b9cf51f;\n}\n\n.arkme-remote-rename button {\n color: #4f5560;\n min-height: 34px;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #e0e1e4;\n border-radius: 9px;\n padding: 0 11px;\n font-size: 11px;\n}\n\n.arkme-remote-rename button[type=\"submit\"] {\n color: #fff;\n background: #20232c;\n border-color: #20232c;\n}\n\n.arkme-remote-rename button:disabled {\n opacity: .5;\n cursor: default;\n}\n\n.arkme-remote-error {\n margin: -22px 0 0;\n}\n\n.arkme-remote-dialog-backdrop {\n z-index: 1200;\n box-sizing: border-box;\n backdrop-filter: blur(1.5px);\n background: #16181d47;\n place-items: center;\n padding: 24px;\n display: grid;\n position: fixed;\n inset: 0;\n overflow: auto;\n}\n\n.arkme-remote-dialog {\n box-sizing: border-box;\n color: #20232c;\n background: #fff;\n border: 1px solid #14182014;\n border-radius: 19px;\n width: min(440px, 100vw - 32px);\n max-height: calc(100vh - 48px);\n padding: 28px;\n position: relative;\n overflow: auto;\n box-shadow: 0 18px 54px #11141b2e;\n}\n\n.arkme-remote-dialog-close {\n color: #777c85;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 9px;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n padding: 0;\n display: inline-flex;\n position: absolute;\n top: 16px;\n right: 16px;\n}\n\n.arkme-remote-dialog-close:hover {\n color: #20232c;\n background: #f3f3f4;\n}\n\n.arkme-remote-dialog-symbol {\n color: #343944;\n justify-content: center;\n align-items: center;\n gap: 9px;\n height: 38px;\n display: flex;\n}\n\n.arkme-remote-dialog-symbol > span {\n background: #d6d8dc;\n width: 28px;\n height: 1px;\n}\n\n.arkme-remote-dialog > header {\n text-align: center;\n margin: 12px 0 22px;\n}\n\n.arkme-remote-dialog h2 {\n letter-spacing: -.02em;\n margin: 0;\n font-size: 19px;\n font-weight: 620;\n line-height: 27px;\n}\n\n.arkme-remote-dialog header p {\n color: #858992;\n margin: 6px 0 0;\n font-size: 11px;\n line-height: 17px;\n}\n\n.arkme-remote-pairing-tabs {\n box-sizing: border-box;\n background: #f1f1f2;\n border-radius: 11px;\n grid-template-columns: 1fr 1fr;\n gap: 3px;\n height: 38px;\n padding: 3px;\n display: grid;\n}\n\n.arkme-remote-pairing-tabs button {\n color: #737881;\n font: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 8px;\n font-size: 11px;\n}\n\n.arkme-remote-pairing-tabs button[aria-selected=\"true\"] {\n color: #252831;\n background: #fff;\n box-shadow: 0 1px 3px #14182017;\n}\n\n.arkme-remote-pairing-display {\n box-sizing: border-box;\n background: #fff;\n border: 1px solid #e5e6e8;\n border-radius: 16px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n min-height: 308px;\n margin-top: 14px;\n padding: 24px;\n display: flex;\n position: relative;\n}\n\n.arkme-remote-pairing-display > img {\n width: 232px;\n height: 232px;\n image-rendering: pixelated;\n display: block;\n}\n\n.arkme-remote-pairing-display > p {\n color: #8b9098;\n text-align: center;\n margin: 10px 0 0;\n font-size: 10px;\n line-height: 16px;\n}\n\n.arkme-remote-pairing-code {\n color: #20232c;\n letter-spacing: .17em;\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n user-select: all;\n font-size: 33px;\n font-weight: 620;\n line-height: 46px;\n}\n\n.arkme-remote-pairing-tools {\n gap: 4px;\n display: flex;\n position: absolute;\n bottom: 12px;\n right: 12px;\n}\n\n.arkme-remote-pairing-tools button {\n color: #8a8f97;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n width: 30px;\n height: 30px;\n padding: 0;\n display: inline-flex;\n}\n\n.arkme-remote-pairing-tools button:hover {\n color: #343944;\n background: #f3f3f4;\n}\n\n.arkme-remote-pairing-expired {\n text-align: center;\n justify-items: center;\n gap: 7px;\n display: grid;\n}\n\n.arkme-remote-pairing-expired strong {\n font-size: 14px;\n line-height: 20px;\n}\n\n.arkme-remote-pairing-expired p {\n color: #8b9098;\n margin: 0;\n font-size: 11px;\n}\n\n.arkme-remote-pairing-expired button {\n color: #fff;\n min-height: 32px;\n font: inherit;\n cursor: pointer;\n background: #20232c;\n border: 0;\n border-radius: 9px;\n margin-top: 7px;\n padding: 0 12px;\n font-size: 11px;\n}\n\n.arkme-remote-dialog-note {\n color: #858992;\n align-items: flex-start;\n gap: 7px;\n margin: 14px 2px 0;\n font-size: 10px;\n line-height: 16px;\n display: flex;\n}\n\n.arkme-remote-dialog-note > svg {\n color: #5e856d;\n flex: none;\n margin-top: 1px;\n}\n\n.arkme-remote-settings-close:focus-visible, .arkme-remote-icon-button:focus-visible, .arkme-remote-add-button:focus-visible, .arkme-remote-switch:focus-visible, .arkme-remote-device-row > button:focus-visible, .arkme-remote-name-row:focus-visible, .arkme-remote-rename button:focus-visible, .arkme-remote-dialog button:focus-visible {\n outline-offset: 2px;\n outline: 2px solid #3b9cf5;\n}\n\n@media (width <= 520px) {\n .arkme-remote-settings-dialog-backdrop {\n padding: 10px;\n }\n\n .arkme-remote-settings-dialog {\n border-radius: 17px;\n width: calc(100vw - 20px);\n max-height: calc(100vh - 20px);\n }\n\n .arkme-remote-page-header {\n min-height: 68px;\n padding: 0 16px 0 20px;\n }\n\n .arkme-remote-page-header p {\n display: none;\n }\n\n .arkme-remote-settings-dialog-body {\n gap: 24px;\n padding: 20px 18px 22px;\n }\n\n .arkme-remote-section-header p {\n display: none;\n }\n\n .arkme-remote-device-row {\n grid-template-columns: 22px minmax(0, 1fr);\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .arkme-remote-device-row > button {\n grid-column: 2;\n justify-self: start;\n }\n\n .arkme-remote-dialog-backdrop {\n padding: 12px;\n }\n\n .arkme-remote-dialog {\n padding: 24px 20px;\n }\n\n .arkme-remote-pairing-display {\n min-height: 282px;\n padding: 18px;\n }\n\n .arkme-remote-pairing-display > img {\n width: min(224px, 100%);\n height: auto;\n }\n\n .arkme-remote-pairing-code {\n letter-spacing: .12em;\n font-size: 26px;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .arkme-remote-switch, .arkme-remote-switch > span {\n transition: none;\n }\n}\n\n.arkme-redesign-model-settings {\n color: #20232c;\n background: #fff;\n width: 100%;\n height: 100%;\n overflow-y: auto;\n}\n\n.arkme-redesign-model-settings > header {\n width: min(760px, 100% - 96px);\n margin: 0 auto;\n padding: 42px 0 22px;\n}\n\n.arkme-redesign-model-settings > header button {\n color: #525762;\n height: 34px;\n font: inherit;\n cursor: pointer;\n background: #fff;\n border: 1px solid #e1e2e5;\n border-radius: 18px;\n align-items: center;\n gap: 4px;\n padding: 0 10px 0 7px;\n font-size: 13px;\n display: inline-flex;\n}\n\n.arkme-redesign-model-settings > header button:hover {\n color: #20232c;\n background: #f6f6f7;\n}\n\n.arkme-redesign-model-settings-body {\n width: min(760px, 100% - 96px);\n margin: 0 auto;\n padding: 0 0 68px;\n}\n\n.arkme-redesign-model-settings-body > * {\n max-width: none !important;\n}\n\n.arkme-redesign-task-start {\n place-items: center;\n width: 100%;\n height: 100%;\n padding: 28px 58px 64px;\n display: grid;\n}\n\n.arkme-redesign-task-start-inner {\n text-align: center;\n width: min(760px, 88%);\n transform: translateY(-12px);\n}\n\n.arkme-redesign-task-greeting {\n justify-content: center;\n align-items: center;\n gap: 12px;\n margin-bottom: 24px;\n display: flex;\n}\n\n.arkme-redesign-task-greeting img {\n object-fit: contain;\n flex: none;\n width: 62px;\n height: 16px;\n display: block;\n}\n\n.arkme-redesign-task-start h1 {\n letter-spacing: -.03em;\n margin: 0;\n font-size: 29px;\n font-weight: 600;\n line-height: 1.15;\n}\n\n.arkme-redesign-hero-input {\n border: 1px solid var(--arkme-focus);\n text-align: left;\n background: #fff;\n border-radius: 17px;\n grid-template-rows: minmax(56px, 1fr) auto;\n min-height: 142px;\n padding: 17px 16px 13px 20px;\n display: grid;\n box-shadow: 0 8px 30px #1c1f270b;\n}\n\n.arkme-redesign-hero-input:focus-within {\n border-color: #aebdff;\n box-shadow: 0 10px 38px #36488c13, 0 0 0 3px #91a4ff12;\n}\n\n.arkme-redesign-hero-input textarea {\n resize: none;\n color: #20232c;\n border: 0;\n outline: 0;\n width: 100%;\n min-height: 58px;\n padding: 0;\n font-size: 15px;\n line-height: 1.6;\n}\n\n.arkme-redesign-hero-input textarea::placeholder {\n color: #a3a6ad;\n}\n\n.arkme-redesign-hero-controls {\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n display: flex;\n}\n\n.arkme-redesign-hero-controls > div {\n align-items: center;\n gap: 7px;\n display: flex;\n}\n\n.arkme-redesign-source-button {\n border-radius: 22px;\n align-items: center;\n gap: 8px;\n height: 36px;\n padding: 0 13px;\n font-size: 13px;\n display: flex;\n border: 1px solid #e2e3e6 !important;\n}\n\n.arkme-redesign-round-tool, .arkme-redesign-send-task {\n border-radius: 50%;\n place-items: center;\n width: 40px;\n height: 40px;\n display: grid;\n border: 1px solid #e2e3e6 !important;\n}\n\n.arkme-redesign-round-tool:hover {\n background: #f5f5f6;\n}\n\n.arkme-redesign-send-task {\n color: #fff !important;\n background: #20232d !important;\n border: 0 !important;\n}\n\n.arkme-redesign-send-task:disabled {\n cursor: default;\n background: #d9dade !important;\n}\n\n.arkme-redesign-task-error {\n color: #b84747;\n text-align: left;\n margin-top: 10px;\n font-size: 12px;\n}\n\n.arkme-redesign-starters {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: calc(100% - 18px);\n margin: 22px auto 0;\n display: grid;\n}\n\n.arkme-redesign-starters > button {\n text-align: left;\n border-right: 1px solid #e7e7e9;\n align-items: center;\n gap: 12px;\n min-width: 0;\n min-height: 48px;\n padding: 4px 18px;\n display: flex;\n}\n\n.arkme-redesign-starters > button:last-child {\n border-right: 0;\n}\n\n.arkme-redesign-starters > button:hover strong {\n color: #5365ad;\n}\n\n.arkme-redesign-starter-icon {\n color: #30333b;\n border: 1px solid #e2e3e6;\n border-radius: 50%;\n flex: none;\n place-items: center;\n width: 38px;\n height: 38px;\n display: grid;\n}\n\n.arkme-redesign-starters > button > span:last-child {\n gap: 4px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-redesign-starters strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 13px;\n font-weight: 500;\n overflow: hidden;\n}\n\n.arkme-redesign-starters small {\n color: #8d919a;\n font-size: 12px;\n}\n\n.arkme-redesign-details {\n z-index: 4;\n top: var(--arkme-native-titlebar);\n background: #fff;\n border-left: 1px solid #e7e7e9;\n width: 360px;\n position: absolute;\n bottom: 0;\n right: 0;\n overflow: hidden;\n}\n\n.arkme-redesign-calendar-overlay {\n z-index: 14;\n inset: var(--arkme-native-titlebar) 0 0;\n pointer-events: none;\n position: absolute;\n}\n\n.arkme-redesign-calendar-overlay > * {\n pointer-events: auto;\n}\n\n.arkme-redesign-overlays {\n z-index: 20;\n pointer-events: none;\n position: absolute;\n inset: 0;\n}\n\n.arkme-redesign-overlays > * {\n pointer-events: auto;\n}\n\n.arkme-workspace-dialog-backdrop {\n z-index: 60;\n backdrop-filter: blur(2px);\n background: #181b2238;\n place-items: center;\n padding: 28px;\n display: grid;\n position: absolute;\n inset: 0;\n}\n\n.arkme-workspace-dialog {\n background: #fff;\n border: 1px solid #dddfe4;\n border-radius: 18px;\n grid-template-rows: auto auto minmax(0, 1fr) auto;\n width: min(640px, 100%);\n height: min(620px, 100%);\n min-height: 420px;\n display: grid;\n overflow: hidden;\n box-shadow: 0 24px 70px #191c232e;\n}\n\n.arkme-workspace-dialog > header {\n justify-content: space-between;\n align-items: flex-start;\n gap: 18px;\n padding: 22px 24px 16px;\n display: flex;\n}\n\n.arkme-workspace-dialog > header span {\n color: #8b8e96;\n font-size: 10px;\n}\n\n.arkme-workspace-dialog > header h2 {\n margin: 5px 0 0;\n font-size: 19px;\n font-weight: 600;\n}\n\n.arkme-workspace-dialog > header > button {\n border-radius: 9px;\n place-items: center;\n width: 32px;\n height: 32px;\n display: grid;\n}\n\n.arkme-workspace-dialog > nav {\n border-top: 1px solid #ececef;\n border-bottom: 1px solid #ececef;\n align-items: center;\n gap: 2px;\n min-height: 42px;\n padding: 0 22px;\n display: flex;\n overflow-x: auto;\n}\n\n.arkme-workspace-dialog > nav > span {\n white-space: nowrap;\n color: #9a9da5;\n align-items: center;\n gap: 2px;\n display: inline-flex;\n}\n\n.arkme-workspace-dialog > nav button {\n color: #666a73;\n border-radius: 8px;\n align-items: center;\n gap: 5px;\n height: 30px;\n padding: 0 7px;\n font-size: 11px;\n display: inline-flex;\n}\n\n.arkme-workspace-directory-list {\n min-height: 0;\n padding: 10px 14px;\n overflow-y: auto;\n}\n\n.arkme-workspace-directory-list > button {\n text-align: left;\n border-radius: 11px;\n grid-template-columns: 34px minmax(0, 1fr) 18px;\n align-items: center;\n gap: 9px;\n width: 100%;\n height: 48px;\n padding: 0 11px;\n display: grid;\n}\n\n.arkme-workspace-directory-list > button:hover {\n background: #f5f5f7;\n}\n\n.arkme-workspace-directory-list > button > span {\n color: #636873;\n border: 1px solid #e5e6e9;\n border-radius: 9px;\n place-items: center;\n width: 32px;\n height: 32px;\n display: grid;\n}\n\n.arkme-workspace-directory-list strong {\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 12px;\n font-weight: 500;\n overflow: hidden;\n}\n\n.arkme-workspace-dialog-status, .arkme-workspace-dialog-error {\n color: #8c9098;\n text-align: center;\n padding: 54px 16px;\n font-size: 12px;\n}\n\n.arkme-workspace-dialog-error {\n color: #b94b4b;\n}\n\n.arkme-workspace-dialog > footer {\n border-top: 1px solid #e8e9ec;\n justify-content: space-between;\n align-items: center;\n gap: 18px;\n min-height: 72px;\n padding: 12px 18px;\n display: flex;\n}\n\n.arkme-workspace-dialog-back {\n color: #696d76;\n align-items: center;\n gap: 6px;\n height: 36px;\n padding: 0 10px;\n font-size: 11px;\n display: inline-flex;\n}\n\n.arkme-workspace-dialog > footer > div {\n align-items: center;\n gap: 12px;\n min-width: 0;\n display: flex;\n}\n\n.arkme-workspace-dialog > footer small {\n white-space: nowrap;\n text-overflow: ellipsis;\n color: #92959d;\n max-width: 280px;\n font-size: 9px;\n overflow: hidden;\n}\n\n.arkme-workspace-dialog > footer > div > button {\n color: #fff;\n background: #20232d;\n border-radius: 10px;\n flex: none;\n height: 38px;\n padding: 0 17px;\n font-size: 11px;\n font-weight: 600;\n}\n\n.arkme-workspace-dialog button:disabled {\n opacity: .48;\n cursor: default;\n}\n\n.arkme-redesign-placeholder {\n color: #858992;\n text-align: center;\n place-content: center;\n justify-items: center;\n width: 100%;\n height: 100%;\n display: grid;\n}\n\n.arkme-redesign-placeholder > span {\n color: #555a64;\n border: 1px solid #e1e2e5;\n border-radius: 14px;\n place-items: center;\n width: 48px;\n height: 48px;\n display: grid;\n}\n\n.arkme-redesign-placeholder h1 {\n color: #3e424b;\n margin: 16px 0 7px;\n font-size: 18px;\n}\n\n.arkme-redesign-placeholder p {\n margin: 0;\n font-size: 12px;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] {\n --arkme-line: var(--dsw-alias-border-l1);\n --arkme-muted: var(--dsw-alias-label-tertiary);\n --arkme-soft: var(--dsw-alias-bg-layer-2);\n --arkme-focus: var(--dsw-alias-state-business-primary);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"], body[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] {\n background: var(--dsw-specific-sidebar-fill) !important;\n color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-brand\"] {\n box-shadow: none;\n background: none !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] [data-arkme-theme-image=\"light\"] {\n display: none !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-workspace] [data-arkme-theme-image=\"dark\"] {\n display: block !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] > div {\n border-color: var(--dsw-alias-border-l1) !important;\n background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] {\n background: var(--dsw-alias-bg-base) !important;\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] .arkme-conversation-surface, body[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] .arkme-conversation-composer {\n background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"persistent-workspace\"] div:has( > input[aria-label=\"搜索\"]) {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-specific-input-major) !important;\n box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button:hover {\n background: var(--dsw-alias-interactive-bg-hover) !important;\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button[aria-current=\"page\"] {\n background: var(--dsw-alias-interactive-bg-active) !important;\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-navigation\"] button[aria-current=\"page\"] > span[aria-hidden=\"true\"] {\n background: var(--dsw-alias-state-business-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"], body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"], body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [aria-label=\"Arkme 会话列表\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] {\n background: var(--dsw-alias-bg-base) !important;\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] label:has( > input[aria-label=\"搜索对话或消息\"]), body[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] button[aria-label=\"新任务\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] label:has( > input[aria-label=\"搜索对话或消息\"]), body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] button[aria-label=\"新任务\"] {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-specific-input-major) !important;\n color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [role=\"treeitem\"][aria-selected=\"true\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] [role=\"treeitem\"][aria-selected=\"true\"] {\n background: var(--dsw-alias-interactive-bg-active) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"directory-pane\"] [role=\"status\"][aria-label$=\"个人测试版\"], body[data-ds-dark-theme] [data-arkme-owned=\"persistent-sidebar\"] [aria-label=\"Arkme 会话列表\"] [role=\"status\"][aria-label$=\"个人测试版\"] {\n background: var(--dsw-alias-bg-layer-2) !important;\n}\n\nbody[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] .arkme-conversation-composer {\n background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-recordings-page [aria-label=\"全天候录音操作\"] > div > button, body[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] [aria-label=\"全天候录音操作\"] > div > button {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-alias-button-elevated-fill) !important;\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-recordings-page [aria-label=\"全天候录音操作\"] > div > button:first-child, body[data-ds-dark-theme] [data-arkme-owned=\"product-surface\"] [aria-label=\"全天候录音操作\"] > div > button:first-child {\n border-color: var(--dsw-alias-button-primary-fill) !important;\n background: var(--dsw-alias-button-primary-fill) !important;\n color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) {\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"客户端日历\"], body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"当天内容\"] {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-alias-bg-layer-1) !important;\n color: var(--dsw-alias-label-primary) !important;\n box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) > div > section[aria-label=\"客户端日历\"] > span[aria-hidden] {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] > header button, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[aria-label*=\"记录\"] {\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] > div > span {\n color: var(--dsw-alias-label-tertiary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"false\"][aria-label*=\"条记录\"] > span:last-child {\n color: var(--dsw-alias-label-secondary) !important;\n background: none !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"], body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"] > span {\n color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"客户端日历\"] button[data-selected=\"true\"] > span:last-child {\n color: var(--dsw-alias-label-primary-inverted) !important;\n background: none !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article > div > div:last-child {\n border-color: var(--dsw-alias-border-l1) !important;\n background: var(--dsw-alias-bg-layer-2) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article h3, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article p {\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article time, body[data-ds-dark-theme] [aria-label=\"客户端日历\"]:has( > button[aria-label=\"关闭日历\"]) section[aria-label=\"当天内容\"] article span {\n color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-root, body[data-ds-dark-theme] .arkme-redesign-chat-panel, body[data-ds-dark-theme] .arkme-redesign-content, body[data-ds-dark-theme] .arkme-redesign-feature-page, body[data-ds-dark-theme] .arkme-redesign-recordings-page, body[data-ds-dark-theme] .arkme-redesign-plugins-page, body[data-ds-dark-theme] .arkme-redesign-model-settings, body[data-ds-dark-theme] .arkme-redesign-details {\n background: var(--dsw-alias-bg-base);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-native-desktop .arkme-redesign-root:before {\n background: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail {\n border-color: var(--dsw-alias-border-l2);\n background: var(--dsw-specific-sidebar-fill);\n box-shadow: var(--dsw-shadow-lv2);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button, body[data-ds-dark-theme] .arkme-redesign-profile-menu button, body[data-ds-dark-theme] .arkme-redesign-task-list > button, body[data-ds-dark-theme] .arkme-redesign-task-first, body[data-ds-dark-theme] .arkme-workspace-dialog > nav button, body[data-ds-dark-theme] .arkme-workspace-dialog-back, body[data-ds-dark-theme] .arkme-redesign-placeholder > span {\n color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button:hover, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button:hover, body[data-ds-dark-theme] .arkme-redesign-profile-menu button:hover, body[data-ds-dark-theme] .arkme-redesign-chat-search:hover, body[data-ds-dark-theme] .arkme-redesign-task-section-title button:hover, body[data-ds-dark-theme] .arkme-redesign-task-list > button:hover, body[data-ds-dark-theme] .arkme-redesign-task-first:hover, body[data-ds-dark-theme] .arkme-extension-toolbar > button:hover, body[data-ds-dark-theme] button.arkme-redesign-setting-row:hover, body[data-ds-dark-theme] a.arkme-redesign-setting-row:hover, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button:hover, body[data-ds-dark-theme] .arkme-redesign-round-tool:hover, body[data-ds-dark-theme] .arkme-workspace-directory-list > button:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active, body[data-ds-dark-theme] .arkme-redesign-rail-footer > button.is-active, body[data-ds-dark-theme] .arkme-redesign-task-list > button.is-selected {\n background: var(--dsw-alias-interactive-bg-active);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active:before {\n background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-rail-footer, body[data-ds-dark-theme] .arkme-redesign-profile-menu, body[data-ds-dark-theme] .arkme-redesign-task-section, body[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-header, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-history button, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-quick button, body[data-ds-dark-theme] .arkme-redesign-settings-group h2, body[data-ds-dark-theme] .arkme-redesign-setting-row, body[data-ds-dark-theme] .arkme-account-info-row, body[data-ds-dark-theme] .arkme-redesign-starters > button, body[data-ds-dark-theme] .arkme-redesign-details, body[data-ds-dark-theme] .arkme-workspace-dialog > nav, body[data-ds-dark-theme] .arkme-workspace-dialog > footer {\n border-color: var(--dsw-alias-border-l1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-profile-popover, body[data-ds-dark-theme] .arkme-workspace-dialog {\n border-color: var(--dsw-alias-border-l2);\n background: var(--dsw-specific-menu);\n box-shadow: var(--dsw-shadow-lv3);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-profile-head small, body[data-ds-dark-theme] .arkme-redesign-profile-menu small, body[data-ds-dark-theme] .arkme-redesign-profile-menu button > svg:last-child, body[data-ds-dark-theme] .arkme-redesign-task-section-title, body[data-ds-dark-theme] .arkme-redesign-task-copy small, body[data-ds-dark-theme] .arkme-account-profile-qr, body[data-ds-dark-theme] .arkme-redesign-feature-page > header p, body[data-ds-dark-theme] .arkme-redesign-feature-page > header span, body[data-ds-dark-theme] .arkme-redesign-search-page input[aria-label=\"搜索\"]:not(:focus)::placeholder, body[data-ds-dark-theme] .arkme-redesign-settings-profile p, body[data-ds-dark-theme] .arkme-redesign-settings-group h2, body[data-ds-dark-theme] .arkme-redesign-setting-summary, body[data-ds-dark-theme] .arkme-account-info-copy > small, body[data-ds-dark-theme] .arkme-account-info-action, body[data-ds-dark-theme] .arkme-account-info-row > svg, body[data-ds-dark-theme] .arkme-account-info-icon, body[data-ds-dark-theme] .arkme-redesign-setting-row > svg, body[data-ds-dark-theme] .arkme-redesign-hero-input textarea::placeholder, body[data-ds-dark-theme] .arkme-redesign-starters small, body[data-ds-dark-theme] .arkme-workspace-dialog > header span, body[data-ds-dark-theme] .arkme-workspace-dialog > nav > span, body[data-ds-dark-theme] .arkme-workspace-dialog-status, body[data-ds-dark-theme] .arkme-workspace-dialog > footer small, body[data-ds-dark-theme] .arkme-redesign-placeholder {\n color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-chat-search, body[data-ds-dark-theme] .arkme-extension-toolbar label, body[data-ds-dark-theme] .arkme-extension-toolbar > button, body[data-ds-dark-theme] .arkme-redesign-settings-group, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-source-button, body[data-ds-dark-theme] .arkme-redesign-round-tool, body[data-ds-dark-theme] .arkme-redesign-starter-icon, body[data-ds-dark-theme] .arkme-workspace-directory-list > button > span, body[data-ds-dark-theme] .arkme-redesign-placeholder > span {\n border-color: var(--dsw-alias-border-l2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-chat-search, body[data-ds-dark-theme] .arkme-extension-toolbar label {\n color: var(--dsw-alias-label-tertiary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-extension-toolbar input, body[data-ds-dark-theme] .arkme-redesign-settings-profile h1, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-task-start h1, body[data-ds-dark-theme] .arkme-redesign-hero-input textarea, body[data-ds-dark-theme] .arkme-redesign-starter-icon, body[data-ds-dark-theme] .arkme-redesign-placeholder h1 {\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-list, body[data-ds-dark-theme] .arkme-redesign-model-settings > header button, body[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card {\n background: var(--dsw-alias-bg-layer-1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-settings-surface, body[data-ds-dark-theme] .arkme-redesign-settings-group {\n color: var(--dsw-alias-label-primary);\n background: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog {\n border-color: var(--dsw-alias-border-l2);\n background: var(--dsw-specific-menu);\n color: var(--dsw-alias-label-primary);\n box-shadow: var(--dsw-shadow-lv3);\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog > header, body[data-ds-dark-theme] .arkme-account-qr-card {\n border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-account-qr-card, body[data-ds-dark-theme] .arkme-account-form input, body[data-ds-dark-theme] .arkme-account-code-row button, body[data-ds-dark-theme] .arkme-account-dialog-actions button {\n background: var(--dsw-alias-bg-layer-1);\n color: var(--dsw-alias-label-primary);\n border-color: var(--dsw-alias-border-l2);\n}\n\nbody[data-ds-dark-theme] .arkme-account-dialog-actions button[type=\"submit\"], body[data-ds-dark-theme] .arkme-account-dialog-actions button:last-child {\n border-color: var(--dsw-alias-label-primary);\n background: var(--dsw-alias-label-primary);\n color: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-account-rule, body[data-ds-dark-theme] .arkme-account-qr-card span, body[data-ds-dark-theme] .arkme-account-qr-card small, body[data-ds-dark-theme] .arkme-account-form label {\n color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-surface, body[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-center-embedded > section {\n background: var(--dsw-alias-bg-base) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-route-chats .arkme-conversation-composer-inner, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-box {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-specific-input-major) !important;\n color: var(--dsw-alias-label-primary) !important;\n box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"] {\n --arkme-primary-composer-idle: #151515;\n --arkme-primary-composer-focused: #000;\n background: var(--arkme-primary-composer-idle, #f6f6f6) !important;\n box-shadow: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-composer-inner[data-arkme-primary-composer=\"true\"][data-arkme-composer-focused=\"true\"] {\n background: var(--arkme-primary-composer-focused, #fff) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-greeting img {\n filter: invert() hue-rotate(180deg);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-specific-input-major) !important;\n color: var(--dsw-alias-label-primary) !important;\n box-shadow: var(--dsw-shadow-lv2) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input textarea {\n background: none !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-source-button, body[data-ds-dark-theme] .arkme-redesign-round-tool, body[data-ds-dark-theme] .arkme-redesign-starter-icon {\n background: var(--dsw-alias-button-elevated-fill) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-history button, body[data-ds-dark-theme] .arkme-redesign-search-page .arkme-search-quick button {\n color: var(--dsw-alias-label-primary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card {\n border-color: var(--dsw-alias-border-l1) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-plugins-page .arkme-extension-card:hover {\n border-color: var(--dsw-alias-border-l2) !important;\n background: var(--dsw-alias-interactive-bg-hover) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-section:focus-within .arkme-redesign-task-list {\n box-shadow: var(--dsw-shadow-lv2);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-settings-error {\n background: var(--dsw-alias-interactive-bg-hover-danger);\n color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-page-header h1, body[data-ds-dark-theme] .arkme-remote-section-header h2, body[data-ds-dark-theme] .arkme-remote-allow-row strong, body[data-ds-dark-theme] .arkme-remote-device-row strong, body[data-ds-dark-theme] .arkme-remote-name-row strong, body[data-ds-dark-theme] .arkme-remote-dialog, body[data-ds-dark-theme] .arkme-remote-pairing-code {\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-section-header p, body[data-ds-dark-theme] .arkme-remote-page-header p, body[data-ds-dark-theme] .arkme-remote-allow-row span, body[data-ds-dark-theme] .arkme-remote-device-row span, body[data-ds-dark-theme] .arkme-remote-name-row small, body[data-ds-dark-theme] .arkme-remote-dialog header p, body[data-ds-dark-theme] .arkme-remote-pairing-display > p, body[data-ds-dark-theme] .arkme-remote-dialog-note, body[data-ds-dark-theme] .arkme-remote-empty-row {\n color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-card, body[data-ds-dark-theme] .arkme-remote-settings-dialog, body[data-ds-dark-theme] .arkme-remote-dialog, body[data-ds-dark-theme] .arkme-remote-pairing-display, body[data-ds-dark-theme] .arkme-remote-rename input {\n border-color: var(--dsw-alias-border-l2);\n background: var(--dsw-alias-bg-layer-1);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-allow-row, body[data-ds-dark-theme] .arkme-remote-device-row, body[data-ds-dark-theme] .arkme-remote-rename, body[data-ds-dark-theme] .arkme-remote-page-header {\n border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-close, body[data-ds-dark-theme] .arkme-remote-icon-button, body[data-ds-dark-theme] .arkme-remote-dialog-close, body[data-ds-dark-theme] .arkme-remote-pairing-tools button, body[data-ds-dark-theme] .arkme-remote-name-row {\n color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-close:hover, body[data-ds-dark-theme] .arkme-remote-icon-button:hover, body[data-ds-dark-theme] .arkme-remote-dialog-close:hover, body[data-ds-dark-theme] .arkme-remote-pairing-tools button:hover, body[data-ds-dark-theme] .arkme-remote-name-row:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-add-button, body[data-ds-dark-theme] .arkme-remote-rename button[type=\"submit\"], body[data-ds-dark-theme] .arkme-remote-pairing-expired button {\n background: var(--dsw-alias-button-primary-fill);\n color: var(--dsw-alias-label-primary-inverted);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-device-row > button, body[data-ds-dark-theme] .arkme-remote-rename button {\n border-color: var(--dsw-alias-border-l2);\n background: var(--dsw-alias-button-elevated-fill);\n color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-switch[aria-checked=\"true\"] {\n background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs {\n background: var(--dsw-alias-bg-layer-2);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs button {\n color: var(--dsw-alias-label-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-pairing-tabs button[aria-selected=\"true\"] {\n background: var(--dsw-alias-button-elevated-fill);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-remote-settings-dialog-backdrop, body[data-ds-dark-theme] .arkme-remote-dialog-backdrop {\n background: #07090d8f;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-setting-row > strong.is-danger, body[data-ds-dark-theme] .arkme-redesign-task-error, body[data-ds-dark-theme] .arkme-workspace-dialog-error {\n color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-state.is-complete > i {\n background: var(--dsw-alias-state-success-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-state.is-complete > i:after {\n background: var(--dsw-alias-state-success-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-task-matrix i, body[data-ds-dark-theme] .arkme-redesign-rail-primary button.is-active:before {\n background: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-hero-input:focus-within {\n border-color: var(--dsw-alias-state-business-primary);\n box-shadow: 0 0 0 3px var(--dsw-alias-state-business-tertiary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-starters > button:hover strong {\n color: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-send-task, body[data-ds-dark-theme] .arkme-workspace-dialog > footer > div > button {\n background: var(--dsw-alias-button-primary-fill) !important;\n color: var(--dsw-alias-label-primary-inverted) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-redesign-send-task:disabled {\n background: var(--dsw-alias-button-elevated-fill) !important;\n color: var(--dsw-alias-label-secondary) !important;\n}\n\nbody[data-ds-dark-theme] .arkme-workspace-dialog-backdrop {\n background: var(--dsw-alias-bg-mask-1);\n}\n\n@media (width <= 1024px) {\n .arkme-redesign-chat-panel {\n width: 264px;\n left: 82px;\n }\n\n .arkme-redesign-content {\n left: 82px;\n }\n\n .arkme-redesign-content.has-panel {\n left: 346px;\n }\n\n .arkme-redesign-rail {\n left: 12px;\n }\n\n .arkme-redesign-starters > button {\n padding: 0 10px;\n }\n\n .arkme-redesign-feature-page {\n padding-left: 30px;\n padding-right: 30px;\n }\n}\n\n@media (width <= 820px) {\n .arkme-redesign-chat-panel {\n display: none;\n }\n\n .arkme-redesign-content.has-panel {\n left: 82px;\n }\n\n .arkme-redesign-task-start {\n padding: 28px;\n }\n\n .arkme-redesign-starters {\n grid-template-columns: 1fr;\n gap: 6px;\n }\n\n .arkme-redesign-starters > button {\n border-right: 0;\n }\n\n .arkme-voiceprint-relationships {\n grid-template-columns: minmax(0, 1fr) !important;\n gap: 28px !important;\n }\n\n .arkme-voiceprint-outbound {\n border-left: 0 !important;\n border-top: 1px solid var(--dsw-alias-border-subtle, #e6e7eb) !important;\n padding-top: 28px !important;\n padding-left: 0 !important;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .arkme-redesign-task-matrix i {\n opacity: .6;\n animation: none;\n }\n}\n\n.arkme-contact-directory, .arkme-directory-detail-pane {\n box-sizing: border-box;\n min-width: 0;\n height: 100%;\n min-height: 0;\n color: var(--dsw-alias-label-primary, #202124);\n font-size: 13px;\n overflow: hidden;\n}\n\n[data-arkme-directory-mode=\"contacts\"] {\n background: var(--dsw-specific-sidebar-fill, #fff) !important;\n border-left-color: var(--dsw-alias-border-l1, #ececef) !important;\n}\n\n.arkme-contact-directory {\n --arkme-contact-directory-header-fill: var(--dsw-specific-sidebar-fill, #fff);\n overflow-wrap: anywhere;\n padding: 0 6px 18px;\n overflow-y: auto;\n}\n\n.arkme-contact-directory-surface {\n min-width: 0;\n height: 100%;\n min-height: 0;\n color: var(--dsw-alias-label-primary, #202124);\n background: var(--dsw-specific-sidebar-fill, #fff);\n flex-direction: column;\n display: flex;\n}\n\n.arkme-contact-directory-surface > .arkme-contact-directory {\n flex: 1;\n height: auto;\n}\n\n.arkme-contact-directory-toolbar {\n -webkit-app-region: no-drag;\n flex: none;\n align-items: center;\n gap: 8px;\n min-width: 0;\n margin: 24px 16px 16px;\n display: flex;\n position: relative;\n}\n\n.arkme-contact-directory-search-field {\n box-sizing: border-box;\n border: 1px solid var(--dsw-alias-border-l2, #e2e3e6);\n background: var(--dsw-specific-input-major, #fff);\n min-width: 0;\n height: 40px;\n color: var(--dsw-alias-label-tertiary, #92959e);\n border-radius: 11px;\n flex: 1;\n align-items: center;\n gap: 8px;\n padding: 0 11px;\n display: flex;\n}\n\n.arkme-contact-directory-search-field > svg {\n flex: none;\n}\n\n.arkme-contact-directory-search-field input {\n width: 100%;\n min-width: 0;\n color: var(--dsw-alias-label-primary, #202124);\n font: inherit;\n background: none;\n border: 0;\n outline: 0;\n padding: 0;\n font-size: 12px;\n}\n\n.arkme-contact-directory-search-field input::placeholder {\n color: var(--dsw-alias-label-tertiary, #92959e);\n}\n\n.arkme-contact-directory-search-field:focus-within {\n outline: 2px solid var(--arkme-focus);\n outline-offset: 2px;\n}\n\n.arkme-contact-directory-search-field button {\n width: 20px;\n height: 28px;\n color: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 6px;\n flex: none;\n place-items: center;\n padding: 0;\n display: grid;\n}\n\n.arkme-contact-directory-search-field button:hover {\n background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-toolbar [aria-label=\"添加联系人、群聊或 Bot\"] {\n background: var(--dsw-specific-input-major, #fff) !important;\n border-color: var(--dsw-alias-border-l2, #e2e3e6) !important;\n color: var(--dsw-alias-label-secondary, #555a64) !important;\n}\n\n.arkme-contact-directory-toolbar button:focus-visible {\n outline: 2px solid var(--arkme-focus);\n outline-offset: 2px;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-surface {\n background: var(--dsw-alias-bg-base);\n}\n\n.arkme-directory-detail-pane {\n overflow: hidden;\n}\n\n.arkme-contact-directory button, .arkme-directory-detail-pane button {\n appearance: none;\n box-sizing: border-box;\n font: inherit;\n color: inherit;\n border: 0;\n margin: 0;\n}\n\n.arkme-contact-directory-section {\n border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n min-width: 0;\n padding: 2px 0 5px;\n}\n\n.arkme-contact-directory-section:first-child {\n padding-top: 10px;\n}\n\n.arkme-contact-directory-section-header {\n text-align: left;\n cursor: pointer;\n background: none;\n border-radius: 10px;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n width: 100%;\n min-width: 0;\n min-height: 42px;\n padding: 0 10px;\n display: flex;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"] {\n z-index: 1;\n position: sticky;\n top: 0;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:before, .arkme-contact-directory-section-header[aria-expanded=\"true\"]:after {\n content: \"\";\n pointer-events: none;\n z-index: -1;\n position: absolute;\n inset: 0;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:before {\n background: var(--arkme-contact-directory-header-fill);\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:after {\n border-radius: inherit;\n}\n\n.arkme-contact-directory-section-title {\n align-items: center;\n gap: 6px;\n min-width: 0;\n display: flex;\n}\n\n.arkme-contact-directory-section-title strong {\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 13px;\n font-weight: 650;\n overflow: hidden;\n}\n\n.arkme-contact-directory-caret {\n width: 14px;\n color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n text-align: center;\n transform-origin: center;\n flex: none;\n font-size: 18px;\n line-height: 1;\n transition: transform .16s;\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"] .arkme-contact-directory-caret {\n transform: rotate(90deg);\n}\n\n.arkme-contact-directory-section-header:hover {\n background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-section-header[aria-expanded=\"true\"]:hover:after {\n background: var(--dsw-alias-interactive-bg-hover-solid, var(--arkme-contact-directory-header-fill));\n}\n\n.arkme-contact-directory-section-body {\n min-width: 0;\n padding: 0 0 5px;\n}\n\n.arkme-contact-directory-list {\n gap: 1px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-contact-directory-count {\n color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n font-variant-numeric: tabular-nums;\n flex: none;\n font-size: 11px;\n}\n\n.arkme-contact-directory-row {\n text-align: left;\n cursor: pointer;\n background: none;\n border-radius: 13px;\n align-items: center;\n gap: 10px;\n width: 100%;\n min-width: 0;\n min-height: 52px;\n margin: 1px 0;\n padding: 7px 10px;\n display: flex;\n overflow: hidden;\n}\n\n.arkme-contact-directory-row img {\n object-fit: cover;\n border-radius: 50%;\n flex: none;\n width: 38px;\n height: 38px;\n}\n\n.arkme-contact-directory-row.is-static {\n cursor: default;\n}\n\n.arkme-contact-directory-row.is-selected {\n background: var(--dsw-alias-interactive-bg-active, #eef0f4);\n}\n\n.arkme-contact-directory-row:not(.is-static):hover {\n background: var(--dsw-alias-interactive-bg-hover, #f6f6f7);\n}\n\n.arkme-contact-directory-avatar {\n border-radius: 50%;\n flex: none;\n place-items: center;\n width: 38px;\n height: 38px;\n display: grid;\n overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy {\n flex: 1;\n align-content: center;\n min-width: 0;\n display: grid;\n overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy strong {\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 13px;\n font-weight: 600;\n line-height: 18px;\n overflow: hidden;\n}\n\n.arkme-contact-directory-row-copy small {\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--dsw-alias-label-secondary, #68707c);\n font-size: 11px;\n line-height: 16px;\n overflow: hidden;\n}\n\n.arkme-contact-directory-letter {\n color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n padding: 8px 10px 2px;\n font-size: 11px;\n font-weight: 600;\n line-height: 16px;\n}\n\n.arkme-contact-directory-alphabetical, .arkme-contact-directory-letter-group {\n min-width: 0;\n}\n\n.arkme-contact-directory-status, .arkme-contact-directory-warning {\n color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n overflow-wrap: anywhere;\n margin: 3px 8px;\n padding: 7px 9px;\n font-size: 11px;\n line-height: 16px;\n}\n\n.arkme-contact-directory-warning {\n color: var(--dsw-alias-state-warning-primary, #b45309);\n background: var(--dsw-alias-state-warning-tertiary, #fff7ed);\n border-radius: 9px;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n display: flex;\n}\n\n.arkme-contact-directory-warning button {\n color: inherit;\n cursor: pointer;\n background: none;\n flex: none;\n padding: 2px 4px;\n font-weight: 600;\n}\n\n.arkme-contact-directory-more {\n text-align: center;\n cursor: pointer;\n background: none;\n border-radius: 9px;\n width: calc(100% - 16px);\n min-height: 32px;\n padding: 6px 8px;\n color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n margin: 3px 8px !important;\n}\n\n.arkme-contact-directory-empty {\n color: var(--dsw-alias-label-tertiary, var(--arkme-muted));\n text-align: center;\n padding: 14px 12px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-directory-detail-empty {\n background: var(--dsw-alias-bg-base, #fff);\n place-items: center;\n min-width: 0;\n height: 100%;\n min-height: 0;\n display: grid;\n}\n\n.arkme-directory-detail-logo {\n object-fit: contain;\n opacity: .9;\n width: 96px;\n height: 96px;\n}\n\n.arkme-contact-detail, .arkme-contact-profile, .arkme-unmarked-speaker-summary, .arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n overflow-wrap: anywhere;\n min-width: 0;\n}\n\n.arkme-contact-detail {\n box-sizing: border-box;\n background: var(--dsw-alias-bg-base, #fff);\n min-width: 0;\n height: 100%;\n min-height: 0;\n padding: clamp(32px, 6vh, 72px) clamp(20px, 5vw, 60px);\n overflow-y: auto;\n}\n\n.arkme-contact-profile {\n width: min(100%, 600px);\n min-width: 0;\n margin: 0 auto;\n}\n\n.arkme-contact-profile-main {\n grid-template-columns: 72px minmax(0, 1fr);\n align-items: start;\n gap: 24px;\n padding-bottom: 30px;\n display: grid;\n}\n\n[data-arkme-avatar], [data-arkme-avatar] *, .arkme-contact-profile-avatar {\n corner-shape: round;\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: 10px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-contact-profile-name {\n color: var(--dsw-alias-label-primary, #17191c);\n overflow-wrap: anywhere;\n margin: 0;\n font-size: 22px;\n font-weight: 600;\n line-height: 30px;\n}\n\n.arkme-contact-profile-fields {\n gap: 5px;\n margin: 0;\n display: grid;\n}\n\n.arkme-contact-profile-fields > div {\n grid-template-columns: 48px minmax(0, 1fr);\n gap: 10px;\n min-width: 0;\n font-size: 13px;\n line-height: 20px;\n display: grid;\n}\n\n.arkme-contact-profile-fields dt, .arkme-contact-profile-row dt {\n color: var(--dsw-alias-label-secondary, #68707c);\n}\n\n.arkme-contact-profile-fields dt, .arkme-contact-profile-fields dd, .arkme-contact-profile-row dt, .arkme-contact-profile-row dd {\n overflow-wrap: anywhere;\n min-width: 0;\n margin: 0;\n}\n\n.arkme-contact-profile-fields dd, .arkme-contact-profile-row dd {\n color: var(--dsw-alias-label-primary, #17191c);\n}\n\n.arkme-contact-profile-section {\n border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n padding: 24px 0;\n}\n\n.arkme-contact-profile-section-title {\n color: var(--dsw-alias-label-secondary, #68707c);\n margin: 0 0 16px;\n font-size: 14px;\n font-weight: 500;\n line-height: 22px;\n}\n\n.arkme-contact-profile-row {\n grid-template-columns: 76px minmax(0, 1fr);\n gap: 18px;\n margin: 0;\n font-size: 14px;\n line-height: 22px;\n display: grid;\n}\n\n.arkme-contact-profile-remark {\n justify-content: space-between;\n align-items: flex-start;\n gap: 16px;\n display: flex;\n}\n\n.arkme-contact-profile-remark > span {\n min-width: 0;\n}\n\n.arkme-contact-profile-remark .arkme-contact-remark-edit {\n color: var(--dsw-alias-state-business-primary, #4f5fbf);\n font: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 6px;\n flex: none;\n align-items: center;\n gap: 5px;\n margin: -4px -6px -4px 0;\n padding: 4px 6px;\n font-size: 13px;\n line-height: 22px;\n display: inline-flex;\n}\n\n.arkme-contact-remark-edit:hover {\n background: var(--dsw-alias-interactive-bg-hover, #f3f4f6);\n}\n\n.arkme-contact-remark-backdrop {\n z-index: 10300;\n box-sizing: border-box;\n background: var(--dsw-alias-bg-mask-1, #13161a57);\n backdrop-filter: blur(2px);\n place-items: center;\n padding: 16px;\n font-family: inherit;\n display: grid;\n position: fixed;\n inset: 0;\n}\n\n.arkme-contact-remark-dialog {\n box-sizing: border-box;\n border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n background: var(--dsw-alias-bg-base, #fff);\n width: min(440px, 100%);\n max-height: calc(100dvh - 32px);\n color: var(--dsw-alias-label-primary, #17191c);\n box-shadow: var(--dsw-shadow-lv2, 0 12px 40px #00000029);\n border-radius: 14px;\n margin: 0;\n padding: 24px;\n overflow-y: auto;\n}\n\n.arkme-contact-remark-header {\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n margin-bottom: 24px;\n display: flex;\n}\n\n.arkme-contact-remark-header h2 {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n line-height: 26px;\n}\n\n.arkme-contact-remark-dialog button {\n box-sizing: border-box;\n border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n min-height: 36px;\n font: inherit;\n cursor: pointer;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n font-size: 13px;\n display: inline-flex;\n}\n\n.arkme-contact-remark-dialog .arkme-contact-remark-close {\n width: 30px;\n min-height: 30px;\n color: var(--dsw-alias-label-secondary, #68707c);\n background: none;\n border: 0;\n margin: -4px -4px -4px 0;\n padding: 0;\n}\n\n.arkme-contact-remark-label {\n color: var(--dsw-alias-label-secondary, #68707c);\n margin-bottom: 9px;\n font-size: 13px;\n line-height: 20px;\n display: block;\n}\n\n.arkme-contact-remark-input {\n box-sizing: border-box;\n border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, #f8f9fa));\n width: 100%;\n min-width: 0;\n height: 42px;\n color: var(--dsw-alias-label-primary, #17191c);\n font: inherit;\n border-radius: 8px;\n padding: 0 12px;\n font-size: 14px;\n display: block;\n}\n\n.arkme-contact-remark-input::placeholder {\n color: var(--dsw-alias-label-tertiary, #9097a1);\n}\n\n.arkme-contact-remark-input:focus, .arkme-contact-remark-dialog button:focus-visible, .arkme-contact-remark-edit:focus-visible {\n outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n outline-offset: 2px;\n}\n\n.arkme-contact-remark-footer {\n justify-content: flex-end;\n gap: 10px;\n margin-top: 26px;\n display: flex;\n}\n\n.arkme-contact-remark-cancel {\n background: var(--dsw-alias-button-elevated-fill, var(--dsw-specific-input-major, #f8f9fa));\n min-width: 76px;\n color: var(--dsw-alias-label-primary, #17191c);\n padding: 0 18px;\n}\n\n.arkme-contact-remark-dialog .arkme-contact-remark-confirm {\n background: var(--dsw-alias-state-business-primary, #4f5fbf);\n min-width: 84px;\n color: var(--dsw-alias-label-primary-inverted, #fff);\n border-color: #0000;\n padding: 0 18px;\n}\n\n.arkme-contact-remark-dialog button:hover:not(:disabled) {\n filter: brightness(.96);\n}\n\n.arkme-contact-remark-dialog button:disabled, .arkme-contact-remark-input:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-contact-remark-error {\n color: var(--dsw-alias-state-error-primary, #b42318);\n overflow-wrap: anywhere;\n margin: 10px 0 0;\n font-size: 13px;\n line-height: 20px;\n}\n\n.arkme-contact-profile-actions {\n border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 8px;\n padding: 26px 0 0;\n display: grid;\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action {\n min-width: 0;\n min-height: 78px;\n font: inherit;\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 8px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n padding: 10px 2px;\n font-size: 14px;\n line-height: 22px;\n display: flex;\n color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action:hover:not(:disabled) {\n background: var(--dsw-alias-interactive-bg-hover, #f3f4f6);\n}\n\n.arkme-contact-profile-actions .arkme-contact-profile-action:disabled {\n opacity: .5;\n cursor: default;\n}\n\n.arkme-contact-profile-action svg {\n flex: none;\n}\n\n.arkme-contact-profile-error, .arkme-contact-profile-message-error {\n color: var(--dsw-alias-state-error-primary, #b42318);\n overflow-wrap: anywhere;\n font-size: 13px;\n line-height: 20px;\n}\n\n.arkme-contact-profile-message-error {\n text-align: center;\n margin-top: 12px;\n}\n\n.arkme-contact-profile-error {\n background: var(--dsw-alias-state-error-tertiary, #fff1f0);\n border-radius: 8px;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n margin-bottom: 24px;\n padding: 12px 14px;\n display: flex;\n}\n\n.arkme-contact-profile-status {\n color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n padding: 24px 0;\n font-size: 13px;\n}\n\n.arkme-team-detail {\n background: var(--dsw-alias-bg-base, #fff);\n grid-template-rows: auto minmax(0, 1fr);\n min-width: 0;\n height: 100%;\n min-height: 0;\n display: grid;\n overflow: hidden;\n}\n\n.arkme-team-detail-header {\n border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n min-width: 0;\n padding: 32px clamp(24px, 5vw, 56px);\n}\n\n.arkme-team-detail-header-main {\n grid-template-columns: 72px minmax(0, 1fr) auto;\n align-items: center;\n gap: 18px;\n width: min(100%, 760px);\n min-width: 0;\n margin: 0 auto;\n display: grid;\n}\n\n.arkme-team-detail-glyph {\n background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n width: 72px;\n height: 72px;\n color: var(--dsw-alias-state-business-primary, #4f5fbf);\n border-radius: 20px;\n place-items: center;\n font-size: 20px;\n font-weight: 700;\n line-height: 1;\n display: grid;\n}\n\n.arkme-team-detail-summary {\n gap: 7px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-team-detail-header h1 {\n text-overflow: ellipsis;\n white-space: nowrap;\n letter-spacing: -.02em;\n margin: 0;\n font-size: 20px;\n font-weight: 650;\n line-height: 28px;\n overflow: hidden;\n}\n\n.arkme-team-detail-meta {\n flex-wrap: wrap;\n align-items: center;\n gap: 7px;\n min-width: 0;\n display: flex;\n}\n\n.arkme-team-detail-public-id {\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n color: var(--dsw-alias-label-secondary, #68707c);\n font-size: 12px;\n line-height: 20px;\n overflow: hidden;\n}\n\n.arkme-team-role-badge, .arkme-team-member-role {\n background: var(--dsw-alias-bg-layer-2, #f2f3f5);\n color: var(--dsw-alias-label-secondary, #68707c);\n border-radius: 999px;\n flex: none;\n font-size: 11px;\n font-weight: 600;\n line-height: 20px;\n}\n\n.arkme-team-role-badge {\n padding: 0 8px;\n}\n\n.arkme-team-detail-count {\n min-width: 58px;\n color: var(--dsw-alias-label-secondary, #68707c);\n justify-items: end;\n gap: 1px;\n display: grid;\n}\n\n.arkme-team-detail-count strong {\n color: var(--dsw-alias-label-primary, #202124);\n font-variant-numeric: tabular-nums;\n font-size: 21px;\n font-weight: 680;\n line-height: 24px;\n}\n\n.arkme-team-detail-count span {\n font-size: 11px;\n line-height: 16px;\n}\n\n.arkme-team-members {\n box-sizing: border-box;\n background: var(--dsw-alias-bg-subtle, #f7f7f8);\n min-width: 0;\n min-height: 0;\n padding: 22px clamp(24px, 5vw, 56px) 32px;\n overflow-y: auto;\n}\n\n.arkme-team-members-container {\n width: min(100%, 760px);\n min-width: 0;\n margin: 0 auto;\n}\n\n.arkme-team-members h2 {\n margin: 0 0 13px;\n font-size: 15px;\n font-weight: 650;\n line-height: 22px;\n}\n\n.arkme-team-member-list {\n border: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n background: var(--dsw-alias-bg-layer-1, #fff);\n border-radius: 14px;\n min-width: 0;\n overflow: hidden;\n box-shadow: 0 8px 24px #161b2309;\n}\n\n.arkme-team-member-row {\n box-sizing: border-box;\n border-bottom: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n grid-template-columns: 40px minmax(0, 1fr) auto;\n align-items: center;\n gap: 12px;\n min-width: 0;\n min-height: 64px;\n padding: 11px 14px;\n display: grid;\n}\n\n.arkme-team-member-row:not(:has( ~ .arkme-team-member-row)) {\n border-bottom: 0;\n}\n\n.arkme-team-member-avatar {\n border-radius: 50%;\n place-items: center;\n width: 40px;\n height: 40px;\n display: grid;\n overflow: hidden;\n}\n\n.arkme-team-member-copy {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-team-member-copy strong, .arkme-team-member-copy small {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.arkme-team-member-copy strong {\n font-size: 14px;\n font-weight: 620;\n line-height: 20px;\n}\n\n.arkme-team-member-copy small {\n color: var(--dsw-alias-label-secondary, #68707c);\n font-size: 12px;\n line-height: 17px;\n}\n\n.arkme-team-member-role {\n padding: 0 9px;\n}\n\n.arkme-team-role-badge[data-team-role=\"owner\"], .arkme-team-role-badge[data-team-role=\"admin\"], .arkme-team-member-role[data-team-member-role=\"owner\"], .arkme-team-member-role[data-team-member-role=\"admin\"] {\n background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n color: var(--dsw-alias-state-business-primary, #4f5fbf);\n}\n\n.arkme-team-detail-status {\n min-height: 100%;\n color: var(--dsw-alias-label-secondary, #68707c);\n justify-content: center;\n align-items: center;\n gap: 12px;\n display: flex;\n}\n\n.arkme-team-detail-status.is-error, .arkme-team-member-more-error {\n color: var(--dsw-alias-state-error-primary, #b42318);\n}\n\n.arkme-team-detail-status button, .arkme-team-member-more {\n border: 1px solid var(--dsw-alias-border-l2, var(--arkme-line));\n background: var(--dsw-alias-button-elevated-fill, #fff);\n cursor: pointer;\n border-radius: 9px;\n min-height: 34px;\n padding: 0 12px;\n}\n\n.arkme-team-member-more {\n width: calc(100% - 24px);\n color: var(--dsw-alias-state-business-primary, #4f5fbf) !important;\n margin: 12px !important;\n}\n\n.arkme-team-member-more:disabled {\n opacity: .55;\n cursor: default;\n}\n\n.arkme-team-member-more-error {\n padding: 12px 14px 0;\n font-size: 12px;\n}\n\n.arkme-contact-world {\n border-top: 1px solid var(--dsw-alias-border-l1, var(--arkme-line));\n grid-template-columns: 76px minmax(0, 1fr);\n gap: 18px;\n padding: 24px 0;\n display: grid;\n}\n\n.arkme-contact-world-title {\n color: var(--dsw-alias-label-secondary, #68707c);\n margin: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n}\n\n.arkme-contact-world {\n padding-right: 28px;\n position: relative;\n}\n\n.arkme-contact-world-open {\n z-index: 1;\n width: 100%;\n color: var(--dsw-alias-label-secondary, #68707c);\n cursor: pointer;\n background: none;\n border: 0;\n border-radius: 4px;\n justify-content: flex-end;\n align-items: center;\n padding: 0;\n display: flex;\n position: absolute;\n inset: 0;\n}\n\n.arkme-contact-world-open:hover {\n background: var(--dsw-alias-bg-hover, #7f7f7f0f);\n}\n\n.arkme-contact-world-open:focus-visible {\n outline: 2px solid var(--dsw-alias-state-business-primary, #4778f5);\n outline-offset: 3px;\n}\n\n.arkme-contact-world-error button {\n z-index: 2;\n position: relative;\n}\n\n.arkme-contact-world-content, .arkme-contact-world-summary {\n min-width: 0;\n}\n\n.arkme-contact-world-preview {\n align-items: flex-start;\n gap: 12px;\n min-width: 0;\n display: flex;\n}\n\n.arkme-contact-world-thumbnail {\n border-radius: 4px;\n flex: none;\n width: 56px;\n height: 56px;\n overflow: hidden;\n}\n\n.arkme-contact-world-image {\n object-fit: cover;\n width: 100%;\n height: 100%;\n display: block;\n}\n\n.arkme-contact-world-image-error, .arkme-contact-world-image-loading {\n background: var(--dsw-alias-bg-layer-2, var(--arkme-soft));\n width: 100%;\n height: 100%;\n color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n text-align: center;\n place-items: center;\n font-size: 11px;\n line-height: 16px;\n display: grid;\n}\n\n.arkme-contact-world-headline, .arkme-contact-world-text {\n -webkit-line-clamp: 2;\n overflow-wrap: anywhere;\n color: var(--dsw-alias-label-primary, #17191c);\n -webkit-box-orient: vertical;\n margin: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.arkme-contact-world-headline {\n -webkit-line-clamp: 1;\n font-weight: 500;\n}\n\n.arkme-contact-world-time {\n color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n margin-top: 5px;\n font-size: 12px;\n line-height: 18px;\n display: block;\n}\n\n.arkme-contact-world-empty, .arkme-contact-world-page-empty, .arkme-contact-world-status {\n color: var(--dsw-alias-label-secondary, var(--arkme-muted));\n font-size: 13px;\n line-height: 22px;\n}\n\n.arkme-contact-world-error {\n color: var(--dsw-alias-state-error-primary, #b42318);\n flex-wrap: wrap;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 22px;\n display: flex;\n}\n\n.arkme-directory-unmarked-speaker-detail {\n background: var(--dsw-alias-bg-base, #fff);\n min-height: 0;\n padding: clamp(28px, 5vw, 60px);\n overflow-y: auto;\n}\n\n.arkme-unmarked-speaker-token-avatar {\n background: var(--dsw-alias-bg-module-platform, var(--dsw-alias-bg-layer-1, #f1f2f3));\n color: var(--dsw-alias-label-secondary, #666c75);\n letter-spacing: -.02em;\n border-radius: 50%;\n flex: none;\n place-items: center;\n font-weight: 650;\n line-height: 1;\n display: grid;\n}\n\n.arkme-unmarked-speaker-summary {\n box-sizing: border-box;\n background: none;\n border: 0;\n gap: 18px;\n width: min(100%, 720px);\n margin: 0 auto;\n padding: 4px 0 24px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-summary h1, .arkme-unmarked-speaker-summary h2, .arkme-unmarked-speaker-audio h2, .arkme-unmarked-speaker-choice h2 {\n letter-spacing: -.02em;\n margin: 0;\n font-size: 20px;\n font-weight: 680;\n line-height: 28px;\n}\n\n.arkme-unmarked-speaker-identity {\n align-items: center;\n gap: 16px;\n min-width: 0;\n padding: 2px 4px;\n display: flex;\n}\n\n.arkme-unmarked-speaker-identity > div {\n gap: 3px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-unmarked-speaker-identity p {\n color: var(--dsw-alias-label-secondary, #737984);\n margin: 0;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-unmarked-speaker-stats {\n min-width: 0;\n color: var(--dsw-alias-label-secondary, #737984);\n flex-wrap: wrap;\n gap: 8px 20px;\n padding: 0 4px;\n font-size: 12px;\n line-height: 19px;\n display: flex;\n}\n\n.arkme-unmarked-speaker-stats span {\n white-space: nowrap;\n position: relative;\n}\n\n.arkme-unmarked-speaker-stats span + span:before {\n content: \"\";\n background: var(--dsw-alias-label-caption, #b3b7bd);\n border-radius: 50%;\n width: 3px;\n height: 3px;\n position: absolute;\n top: 8px;\n left: -11px;\n}\n\n.arkme-unmarked-speaker-stats strong {\n color: var(--dsw-alias-label-primary, #202124);\n font-weight: 650;\n}\n\n.arkme-unmarked-speaker-inference {\n background: var(--dsw-alias-bg-layer-2, #f5f5f6);\n border-radius: 18px;\n grid-template-columns: 40px minmax(0, 1fr);\n align-items: start;\n gap: 12px;\n min-width: 0;\n padding: 18px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-inference-icon, .arkme-unmarked-speaker-action-icon {\n border: 1px solid var(--dsw-alias-border-l1, #e3e4e7);\n background: var(--dsw-alias-bg-layer-1, #fff);\n width: 40px;\n height: 40px;\n color: var(--dsw-alias-label-secondary, #656b75);\n border-radius: 50%;\n place-items: center;\n display: grid;\n}\n\n.arkme-unmarked-speaker-inference-icon svg path, .arkme-unmarked-speaker-action-icon svg path {\n stroke: currentColor;\n stroke-width: 1.5px;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.arkme-unmarked-speaker-inference > div {\n gap: 5px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-unmarked-speaker-inference-label {\n color: var(--dsw-alias-label-secondary, #747983);\n font-size: 11px;\n line-height: 16px;\n}\n\n.arkme-unmarked-speaker-inference strong {\n color: var(--dsw-alias-label-primary, #202124);\n font-size: 14px;\n font-weight: 650;\n line-height: 21px;\n}\n\n.arkme-unmarked-speaker-inference p {\n color: var(--dsw-alias-label-secondary, #686e78);\n margin: 0;\n font-size: 12px;\n line-height: 20px;\n}\n\n.arkme-unmarked-speaker-actions {\n gap: 10px;\n display: grid;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-action {\n border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n background: var(--dsw-alias-bg-layer-1, #fff);\n width: 100%;\n min-height: 62px;\n color: var(--dsw-alias-label-primary, #202124);\n text-align: left;\n cursor: pointer;\n border-radius: 16px;\n grid-template-columns: 42px minmax(0, 1fr);\n align-items: center;\n gap: 12px;\n padding: 10px 46px 10px 14px;\n font-size: 13px;\n font-weight: 650;\n display: grid;\n position: relative;\n}\n\n.arkme-unmarked-speaker-action:after {\n content: \"›\";\n color: var(--dsw-alias-label-caption, #a7abb2);\n font-size: 22px;\n font-weight: 400;\n position: absolute;\n right: 18px;\n}\n\n.arkme-unmarked-speaker-action:hover {\n background: var(--dsw-alias-interactive-bg-hover, #f7f7f8);\n border-color: var(--dsw-alias-border-l2, #d9dade);\n}\n\n.arkme-unmarked-speaker-summary > [role=\"status\"], .arkme-unmarked-speaker-summary > [role=\"alert\"], .arkme-unmarked-speaker-audio > [role=\"status\"], .arkme-unmarked-speaker-audio > [role=\"alert\"], .arkme-unmarked-speaker-choice > [role=\"status\"], .arkme-unmarked-speaker-choice > [role=\"alert\"] {\n color: var(--dsw-alias-label-secondary, #68707c);\n background: var(--dsw-alias-bg-layer-2, #f5f5f6);\n border-radius: 10px;\n padding: 9px 12px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-unmarked-speaker-summary > [role=\"alert\"], .arkme-unmarked-speaker-audio > [role=\"alert\"], .arkme-unmarked-speaker-choice > [role=\"alert\"] {\n color: var(--dsw-alias-state-error-primary, #b42318);\n background: var(--dsw-alias-state-error-tertiary, #fff1f0);\n}\n\n.arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n box-sizing: border-box;\n background: none;\n border: 0;\n gap: 16px;\n width: min(100%, 720px);\n margin: 0 auto;\n padding: 4px 0 28px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-subview-header {\n grid-template-columns: auto 40px minmax(0, 1fr);\n align-items: center;\n gap: 12px;\n min-width: 0;\n padding-bottom: 4px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-subview-header > button {\n min-height: 32px;\n color: var(--dsw-alias-label-secondary, #68707c);\n cursor: pointer;\n background: none;\n border-radius: 9px;\n padding: 0 10px;\n font-size: 11px;\n}\n\n.arkme-unmarked-speaker-subview-header > button:before {\n content: \"‹\";\n vertical-align: -1px;\n margin-right: 4px;\n font-size: 17px;\n}\n\n.arkme-unmarked-speaker-subview-heading {\n gap: 2px;\n min-width: 0;\n display: grid;\n}\n\n.arkme-unmarked-speaker-subview-heading p {\n color: var(--dsw-alias-label-secondary, #737984);\n margin: 0;\n font-size: 11px;\n line-height: 17px;\n}\n\n.arkme-unmarked-speaker-segment-list {\n gap: 10px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-segment-card {\n border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n background: var(--dsw-alias-bg-layer-1, #fff);\n border-radius: 16px;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: 8px 16px;\n min-width: 0;\n padding: 16px 16px 14px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-segment-meta {\n min-width: 0;\n color: var(--dsw-alias-label-secondary, #757b85);\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 11px;\n line-height: 17px;\n overflow: hidden;\n}\n\n.arkme-unmarked-speaker-segment-transcript {\n min-width: 0;\n color: var(--dsw-alias-label-primary, #292c34);\n white-space: pre-wrap;\n grid-column: 1;\n margin: 0;\n font-size: 13px;\n line-height: 20px;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n background: var(--dsw-alias-bg-layer-2, #f4f4f5);\n width: 38px;\n min-width: 38px;\n height: 38px;\n min-height: 38px;\n color: var(--dsw-alias-label-primary, #292c34);\n cursor: pointer;\n border-radius: 50%;\n grid-area: 1 / 2 / span 2;\n align-self: center;\n place-items: center;\n padding: 0;\n display: inline-grid;\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-segment-play:not(:disabled):hover {\n background: var(--dsw-alias-bg-layer-3, #e9eaec);\n}\n\n.arkme-unmarked-speaker-segment-play:disabled {\n opacity: .5;\n cursor: default;\n}\n\n.arkme-unmarked-speaker-choice-meta {\n color: var(--dsw-alias-label-secondary, #737984);\n margin: -4px 0 0;\n padding: 0 4px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-unmarked-speaker-choice-options {\n border: 0;\n gap: 8px;\n min-width: 0;\n margin: 0;\n padding: 0;\n display: grid;\n}\n\n.arkme-unmarked-speaker-choice-options legend {\n color: var(--dsw-alias-label-secondary, #737984);\n margin-bottom: 9px;\n font-size: 11px;\n line-height: 17px;\n}\n\n.arkme-unmarked-speaker-choice-option {\n border: 1px solid var(--dsw-alias-border-l1, #e5e6e8);\n background: var(--dsw-alias-bg-layer-1, #fff);\n cursor: pointer;\n border-radius: 14px;\n grid-template-columns: 18px minmax(0, 1fr) auto;\n align-items: center;\n gap: 10px;\n min-width: 0;\n min-height: 52px;\n padding: 10px 14px;\n font-size: 13px;\n display: grid;\n}\n\n.arkme-unmarked-speaker-choice-option:has(input:checked) {\n border-color: var(--dsw-alias-state-business-primary, #6677d9);\n background: var(--dsw-alias-interactive-bg-active, #f0f2ff);\n}\n\n.arkme-unmarked-speaker-choice-option input {\n width: 16px;\n height: 16px;\n accent-color: var(--dsw-alias-state-business-primary, #6677d9);\n margin: 0;\n}\n\n.arkme-unmarked-speaker-recommended {\n background: var(--dsw-alias-state-business-tertiary, #eef0ff);\n color: var(--dsw-alias-state-business-primary, #5667cc);\n border-radius: 999px;\n padding: 2px 7px;\n font-size: 10px;\n line-height: 16px;\n}\n\n.arkme-unmarked-speaker-choice-new-name {\n border: 1px solid var(--dsw-alias-border-l1, #dfe1e5);\n background: var(--dsw-specific-input-major, #fff);\n width: 100%;\n min-height: 42px;\n color: var(--dsw-alias-label-primary, #202124);\n border-radius: 12px;\n outline: 0;\n padding: 0 13px;\n font-size: 12px;\n}\n\n.arkme-unmarked-speaker-choice-new-name:focus {\n border-color: var(--dsw-alias-state-business-primary, #6677d9);\n box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsw-alias-state-business-primary, #6677d9) 14%, transparent);\n}\n\n[data-arkme-workspace] .arkme-unmarked-speaker-confirm {\n background: var(--dsw-alias-button-primary-fill, #202124);\n min-height: 42px;\n color: var(--dsw-alias-label-primary-inverted, #fff);\n cursor: pointer;\n border-radius: 12px;\n padding: 0 16px;\n font-size: 12px;\n font-weight: 650;\n}\n\n.arkme-unmarked-speaker-confirm:disabled {\n opacity: .45;\n cursor: default;\n}\n\n.arkme-unmarked-speaker-summary button:not(.arkme-unmarked-speaker-action), .arkme-unmarked-speaker-audio button:not(.arkme-unmarked-speaker-segment-play), .arkme-unmarked-speaker-choice button:not(.arkme-unmarked-speaker-confirm), .arkme-contact-world-error button, .arkme-contact-profile-error button {\n border: 1px solid var(--dsw-alias-border-l2, var(--arkme-line));\n background: var(--dsw-alias-button-elevated-fill, #fff);\n min-height: 34px;\n color: var(--dsw-alias-label-primary, #202124);\n cursor: pointer;\n border-radius: 9px;\n padding: 0 12px;\n}\n\n.arkme-unmarked-speaker-gone, .arkme-unmarked-speaker-success {\n box-sizing: border-box;\n background: var(--dsw-alias-state-warning-tertiary, #fff7ed);\n width: min(100%, 680px);\n color: var(--dsw-alias-state-warning-primary, #9a3412);\n border-radius: 10px;\n margin: 0 auto;\n padding: 12px 14px;\n}\n\n.arkme-unmarked-speaker-success {\n background: var(--dsw-alias-state-success-tertiary, #ecfdf3);\n color: var(--dsw-alias-state-success-primary, #067647);\n}\n\n.arkme-contact-directory button:focus-visible, .arkme-directory-detail-pane button:focus-visible, [data-arkme-owned=\"product-navigation\"] button:focus-visible {\n outline: 2px solid var(--arkme-focus);\n outline-offset: 2px;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory {\n --arkme-contact-directory-header-fill: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory, body[data-ds-dark-theme] .arkme-directory-detail-pane {\n background: var(--dsw-alias-bg-base);\n color: var(--dsw-alias-label-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-row.is-selected, body[data-ds-dark-theme] .arkme-unmarked-speaker-choice {\n background: var(--dsw-alias-interactive-bg-active);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-inference, body[data-ds-dark-theme] .arkme-unmarked-speaker-segment-card, body[data-ds-dark-theme] .arkme-unmarked-speaker-choice-option, body[data-ds-dark-theme] .arkme-unmarked-speaker-action {\n background: var(--dsw-alias-bg-layer-1);\n border-color: var(--dsw-alias-border-l1);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-inference-icon, body[data-ds-dark-theme] .arkme-unmarked-speaker-action-icon, body[data-ds-dark-theme] .arkme-unmarked-speaker-segment-play {\n background: var(--dsw-specific-input-major);\n color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-choice-option:has(input:checked) {\n background: var(--dsw-alias-interactive-bg-active);\n border-color: var(--dsw-alias-state-business-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-team-detail {\n background: var(--dsw-alias-bg-base);\n}\n\nbody[data-ds-dark-theme] .arkme-team-members {\n background: var(--dsw-alias-bg-subtle);\n}\n\nbody[data-ds-dark-theme] .arkme-team-member-list {\n background: var(--dsw-alias-bg-layer-1);\n box-shadow: none;\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-warning, body[data-ds-dark-theme] .arkme-unmarked-speaker-gone, body[data-ds-dark-theme] .arkme-contact-world-image-error, body[data-ds-dark-theme] .arkme-contact-world-image-loading {\n background: var(--dsw-specific-input-major);\n color: var(--dsw-alias-label-secondary);\n}\n\nbody[data-ds-dark-theme] .arkme-unmarked-speaker-success {\n background: var(--dsw-alias-state-success-tertiary);\n color: var(--dsw-alias-state-success-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-profile-error, body[data-ds-dark-theme] .arkme-contact-profile-message-error, body[data-ds-dark-theme] .arkme-contact-world-error {\n color: var(--dsw-alias-state-error-primary);\n}\n\nbody[data-ds-dark-theme] .arkme-contact-directory-more {\n color: var(--dsw-alias-state-business-primary);\n}\n\n@media (width <= 1024px) {\n [data-arkme-owned=\"persistent-sidebar\"] [data-arkme-directory-mode=\"contacts\"] {\n min-width: 0;\n }\n}\n\n@media (width <= 820px) {\n div:has( > [data-shell-overlay]):has([data-arkme-directory-mode=\"contacts\"]):has([data-arkme-contacts-mobile-view=\"directory\"]) {\n grid-template-columns: minmax(0, 1fr) 0 0 !important;\n }\n\n div:has( > [data-shell-overlay]):has([data-arkme-directory-mode=\"contacts\"]):has([data-arkme-contacts-mobile-view=\"content\"]) {\n grid-template-columns: 0 minmax(0, 1fr) 0 !important;\n }\n\n [data-arkme-owned=\"persistent-sidebar\"][data-arkme-contacts-mobile-view=\"content\"], [data-arkme-owned=\"persistent-workspace\"][data-arkme-contacts-mobile-view=\"directory\"] {\n display: none !important;\n }\n\n [data-arkme-owned=\"persistent-sidebar\"] [data-arkme-directory-mode=\"contacts\"], .arkme-directory-detail-pane {\n min-width: 0;\n }\n}\n\n.arkme-directory-mobile-back {\n display: none;\n}\n\n@media (width <= 820px) {\n .arkme-directory-mobile-back {\n min-height: 42px;\n color: var(--dsw-alias-label-secondary, #68707c);\n cursor: pointer;\n background: none;\n align-items: center;\n gap: 5px;\n padding: 0 14px;\n display: inline-flex;\n }\n\n .arkme-directory-mobile-back:before {\n content: \"‹\";\n font-size: 18px;\n line-height: 1;\n }\n\n .arkme-directory-mobile-back:hover {\n color: var(--dsw-alias-label-primary, #202124);\n }\n\n .arkme-contact-detail {\n padding: 28px 20px;\n }\n\n .arkme-contact-profile-main {\n grid-template-columns: 56px minmax(0, 1fr);\n gap: 18px;\n }\n\n .arkme-contact-profile-avatar {\n width: 56px;\n height: 56px;\n }\n\n .arkme-contact-profile-avatar > span {\n width: 56px !important;\n height: 56px !important;\n }\n\n .arkme-team-detail-header {\n padding: 26px 20px;\n }\n\n .arkme-team-detail-header-main {\n grid-template-columns: 56px minmax(0, 1fr);\n gap: 12px;\n }\n\n .arkme-team-detail-glyph {\n border-radius: 16px;\n width: 56px;\n height: 56px;\n font-size: 18px;\n }\n\n .arkme-team-detail-count {\n justify-items: initial;\n grid-column: 2;\n align-items: baseline;\n gap: 4px;\n min-width: 0;\n display: flex;\n }\n\n .arkme-team-detail-count strong {\n font-size: 14px;\n line-height: 18px;\n }\n\n .arkme-team-detail-count span {\n font-size: 11px;\n }\n\n .arkme-team-members {\n padding: 18px 20px 28px;\n }\n\n .arkme-team-member-list {\n border-radius: 12px;\n }\n\n .arkme-team-member-row {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n .arkme-contact-world, .arkme-contact-profile-row {\n grid-template-columns: 64px minmax(0, 1fr);\n gap: 12px;\n }\n\n .arkme-contact-world-thumbnail {\n width: 44px;\n height: 44px;\n }\n\n .arkme-directory-unmarked-speaker-detail {\n padding: 20px 18px 30px;\n }\n\n .arkme-unmarked-speaker-summary, .arkme-unmarked-speaker-audio, .arkme-unmarked-speaker-choice {\n gap: 14px;\n }\n\n .arkme-unmarked-speaker-stats {\n gap: 7px 14px;\n }\n\n .arkme-unmarked-speaker-stats span + span:before {\n display: none;\n }\n\n .arkme-unmarked-speaker-inference {\n grid-template-columns: 36px minmax(0, 1fr);\n padding: 15px;\n }\n\n .arkme-unmarked-speaker-inference-icon, .arkme-unmarked-speaker-action-icon {\n width: 36px;\n height: 36px;\n }\n\n .arkme-unmarked-speaker-subview-header {\n grid-template-columns: auto 36px minmax(0, 1fr);\n gap: 9px;\n }\n\n .arkme-unmarked-speaker-segment-card {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .arkme-unmarked-speaker-segment-transcript, [data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n grid-area: auto / 1;\n }\n\n [data-arkme-workspace] .arkme-unmarked-speaker-segment-play {\n justify-self: start;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .arkme-contact-directory-caret {\n transition: none;\n }\n\n .arkme-icon-spin {\n animation: none;\n }\n}\n\n.arkme-conversation-surface {\n --arkme-chat-self-bubble: #eef1f8;\n --arkme-chat-other-bubble: #f3f4f6;\n}\n\nbody[data-ds-dark-theme] .arkme-conversation-surface {\n --arkme-chat-self-bubble: #2c3142;\n --arkme-chat-other-bubble: #282a31;\n --arkme-audio-control: #8995c5;\n}\n\nbody[data-ds-dark-theme] .arkme-detail-extension-input-bar {\n border-top-color: #363636 !important;\n}\n\nbody[data-ds-dark-theme] .arkme-detail-extension-input-shell {\n background: #2b2b2b !important;\n}\n\n[data-arkme-message-direction]:focus-visible, [data-arkme-note-detail] button:focus-visible {\n outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n outline-offset: 2px;\n}\n\n.arkme-home-tour {\n width: 320px;\n max-width: calc(100vw - 24px);\n color: var(--dsw-alias-label-primary, #17191c);\n pointer-events: auto;\n position: absolute;\n}\n\n.arkme-home-tour-hidden {\n display: none;\n}\n\n.arkme-home-tour-panel {\n box-sizing: border-box;\n border: 1px solid var(--dsw-alias-border-l2, #0000001a);\n background: var(--dsw-alias-bg-base, #fff);\n width: 100%;\n max-height: calc(100dvh - 24px);\n box-shadow: var(--dsw-shadow-lv2, 0 12px 40px #0000002e);\n border-radius: 16px;\n padding: 18px;\n font-family: inherit;\n position: relative;\n overflow-y: auto;\n}\n\n.arkme-home-tour-header {\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n display: flex;\n}\n\n.arkme-home-tour-progress {\n color: var(--dsw-alias-label-secondary, #68707c);\n font-variant-numeric: tabular-nums;\n font-size: 12px;\n line-height: 20px;\n}\n\n.arkme-home-tour-panel h2 {\n color: inherit;\n margin: 8px 0;\n font-size: 18px;\n font-weight: 600;\n line-height: 26px;\n}\n\n.arkme-home-tour-panel p {\n color: var(--dsw-alias-label-secondary, #68707c);\n overflow-wrap: anywhere;\n margin: 0 0 24px;\n font-size: 14px;\n line-height: 22px;\n}\n\n.arkme-home-tour-actions, .arkme-home-tour-navigation {\n align-items: center;\n gap: 8px;\n display: flex;\n}\n\n.arkme-home-tour-actions {\n flex-wrap: wrap;\n justify-content: space-between;\n}\n\n.arkme-home-tour-panel button {\n background: var(--dsw-alias-interactive-bg-hover, #2631480f);\n color: inherit;\n font: inherit;\n white-space: nowrap;\n cursor: pointer;\n border: 0;\n border-radius: 8px;\n padding: 7px 10px;\n font-size: 12px;\n line-height: 18px;\n}\n\n.arkme-home-tour-panel button:hover {\n background: var(--dsw-alias-interactive-bg-active, #2631481a);\n}\n\n.arkme-home-tour-panel button:focus-visible {\n outline: 2px solid var(--dsw-alias-state-business-primary, #8295e8);\n outline-offset: 3px;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-close {\n width: 28px;\n height: 28px;\n color: var(--dsw-alias-label-secondary, #68707c);\n background: none;\n padding: 0;\n font-size: 22px;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-skip {\n color: var(--dsw-alias-label-secondary, #68707c);\n background: none;\n padding-left: 0;\n}\n\n.arkme-home-tour-panel .arkme-home-tour-primary {\n background: var(--dsw-alias-button-primary-fill, #17191c);\n color: var(--dsw-alias-label-primary-inverted, #fff);\n}\n\n.arkme-home-tour-panel .arkme-home-tour-primary:hover {\n background: color-mix(in srgb, var(--dsw-alias-button-primary-fill, #17191c) 88%, var(--dsw-alias-bg-base, #fff));\n}\n\n.arkme-home-tour-arrow {\n z-index: 1;\n pointer-events: none;\n width: 12px;\n height: 12px;\n position: absolute;\n}\n\n.arkme-home-tour-arrow:before {\n content: \"\";\n box-sizing: border-box;\n background: var(--dsw-alias-bg-base, #fff);\n border: 0 solid var(--dsw-alias-border-l2, #0000001a);\n position: absolute;\n inset: 0;\n transform: rotate(45deg);\n}\n\n.arkme-home-tour-placement-right .arkme-home-tour-arrow:before {\n border-bottom-width: 1px;\n border-left-width: 1px;\n}\n\n.arkme-home-tour-placement-left .arkme-home-tour-arrow:before {\n border-top-width: 1px;\n border-right-width: 1px;\n}\n\n.arkme-home-tour-placement-bottom .arkme-home-tour-arrow:before {\n border-top-width: 1px;\n border-left-width: 1px;\n}\n\n.arkme-home-tour-placement-top .arkme-home-tour-arrow:before {\n border-bottom-width: 1px;\n border-right-width: 1px;\n}\n\n.arkme-home-tour-placement-right .arkme-home-tour-arrow {\n left: 0;\n transform: translateX(-50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-left .arkme-home-tour-arrow {\n right: 0;\n transform: translateX(50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-bottom .arkme-home-tour-arrow {\n top: 0;\n transform: translateX(-50%) translateY(-50%);\n}\n\n.arkme-home-tour-placement-top .arkme-home-tour-arrow {\n bottom: 0;\n transform: translateX(-50%) translateY(50%);\n}\n\n.arkme-conversation-profile-actions {\n grid-template-columns: minmax(0, 1fr);\n}\n\nbody[data-ds-dark-theme] .arkme-peer-membership-disc {\n fill: #171717;\n stroke: #343434;\n}\n\n.arkme-self-topic-sort-option {\n white-space: nowrap;\n flex-direction: column;\n align-items: flex-start;\n gap: 1px;\n min-width: 176px;\n display: flex;\n}\n\n.arkme-self-topic-sort-option-title {\n color: var(--dsw-alias-label-primary, #17191c);\n line-height: 20px;\n}\n\n.arkme-self-topic-sort-option-description {\n color: var(--dsw-alias-label-secondary, #68707c);\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n}\n";
215079
215579
  //#endregion
215080
215580
  //#region src/client/redesign/styles.ts
215081
215581
  const REDESIGN_STYLE_ID = "@senguoyun/dsh-arkme/redesign";