@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.
- package/lib/client.js +593 -93
- package/lib/client.js.map +1 -1
- package/lib/harness-model-client.js +3 -0
- package/lib/harness-session-client.js +49 -0
- package/lib/index.js +26 -2
- package/lib/persistent-extension.js +1 -1
- package/lib/{persistent-runtime-CXd9RuRR.js → persistent-runtime-DUrok1U3.js} +52 -28
- package/lib/sdk.js +3 -0
- package/lib/types/arkme-service.d.ts +4 -1
- package/lib/types/arkme-service.d.ts.map +1 -1
- package/lib/types/client/ArkmeAvatar.d.ts.map +1 -1
- package/lib/types/client/ArkmeConversationSearch.d.ts.map +1 -1
- package/lib/types/client/ArkmeFileViewer.d.ts.map +1 -1
- package/lib/types/client/ArkmeLongArticleDialog.d.ts +5 -0
- package/lib/types/client/ArkmeLongArticleDialog.d.ts.map +1 -1
- package/lib/types/client/ArkmeNoteDetails.d.ts.map +1 -1
- package/lib/types/client/ArkmePrivateCallMenu.d.ts.map +1 -1
- package/lib/types/client/ArkmeProductNavigation.d.ts.map +1 -1
- package/lib/types/client/ArkmeRichContent.d.ts +3 -0
- package/lib/types/client/ArkmeRichContent.d.ts.map +1 -1
- package/lib/types/client/ArkmeSidebar.d.ts.map +1 -1
- package/lib/types/client/ArkmeTopicDirectoryPopover.d.ts.map +1 -1
- package/lib/types/client/DeepSeekHarnessSurface.d.ts.map +1 -1
- package/lib/types/client/harness-session-client.d.ts.map +1 -1
- package/lib/types/client/harness-session-selection.d.ts +9 -0
- package/lib/types/client/harness-session-selection.d.ts.map +1 -0
- package/lib/types/client/harness-window-drag.d.ts +16 -0
- package/lib/types/client/harness-window-drag.d.ts.map +1 -0
- package/lib/types/harness-embed-route.d.ts.map +1 -1
- package/lib/types/harness-session-restore-script.d.ts +9 -0
- package/lib/types/harness-session-restore-script.d.ts.map +1 -0
- package/lib/types/host-api.d.ts.map +1 -1
- package/lib/types/sdk/index.d.ts +3 -0
- package/lib/types/sdk/index.d.ts.map +1 -1
- package/lib/types/services/chat-service.d.ts.map +1 -1
- package/lib/types/services/file-transfers.d.ts +5 -1
- package/lib/types/services/file-transfers.d.ts.map +1 -1
- package/lib/types/types.d.ts +3 -1
- package/lib/types/types.d.ts.map +1 -1
- 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.
|
|
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
|
-
}, [
|
|
50373
|
+
}, [identity]);
|
|
50355
50374
|
(0, react$1.useEffect)(() => {
|
|
50356
50375
|
setNotice("");
|
|
50357
50376
|
setSaved(false);
|
|
50358
|
-
|
|
50377
|
+
setSaving(false);
|
|
50378
|
+
}, [identity]);
|
|
50359
50379
|
const save = async () => {
|
|
50360
|
-
if (localRef === void 0 && block.originalRef === void 0 ||
|
|
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
|
-
|
|
50409
|
-
|
|
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
|
-
|
|
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 [
|
|
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
|
-
|
|
50545
|
+
setPendingOpenIdentity(void 0);
|
|
50517
50546
|
setOpening(false);
|
|
50518
50547
|
setError("");
|
|
50519
50548
|
return () => openController.current?.abort();
|
|
50520
|
-
}, [
|
|
50521
|
-
const openLocal = async (fileRef) => {
|
|
50522
|
-
if (
|
|
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.
|
|
50529
|
-
|
|
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 (
|
|
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 (
|
|
50538
|
-
|
|
50570
|
+
if (pendingOpenIdentity !== identity || original.localRef === void 0) return;
|
|
50571
|
+
setPendingOpenIdentity(void 0);
|
|
50539
50572
|
openLocal(original.localRef);
|
|
50540
|
-
}, [
|
|
50573
|
+
}, [
|
|
50574
|
+
pendingOpenIdentity,
|
|
50575
|
+
identity,
|
|
50576
|
+
original.localRef
|
|
50577
|
+
]);
|
|
50541
50578
|
(0, react$1.useEffect)(() => {
|
|
50542
|
-
if (
|
|
50543
|
-
|
|
50579
|
+
if (pendingOpenIdentity !== identity || original.reception.state !== "failed") return;
|
|
50580
|
+
setPendingOpenIdentity(void 0);
|
|
50544
50581
|
setError(original.reception.error ?? "文件接收失败,请重试");
|
|
50545
50582
|
}, [
|
|
50546
|
-
|
|
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
|
-
|
|
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
|
-
}, [
|
|
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:
|
|
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:
|
|
50965
|
+
maxHeight: contentMaxHeight,
|
|
50919
50966
|
overflow: "auto",
|
|
50920
50967
|
overflowWrap: "anywhere"
|
|
50921
50968
|
},
|
|
50922
|
-
children:
|
|
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
|
-
|
|
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.
|
|
50978
|
-
"
|
|
50979
|
-
|
|
50980
|
-
|
|
50981
|
-
|
|
50982
|
-
|
|
50983
|
-
|
|
50984
|
-
|
|
50985
|
-
|
|
50986
|
-
|
|
50987
|
-
|
|
50988
|
-
|
|
50989
|
-
|
|
50990
|
-
|
|
50991
|
-
"
|
|
50992
|
-
|
|
50993
|
-
|
|
50994
|
-
|
|
50995
|
-
|
|
50996
|
-
|
|
50997
|
-
|
|
50998
|
-
|
|
50999
|
-
|
|
51000
|
-
|
|
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
|
-
|
|
89372
|
-
|
|
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 (
|
|
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 (
|
|
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.
|
|
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.
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
-
|
|
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:
|
|
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 ? {
|
|
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
|
|
194762
|
-
const
|
|
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:
|
|
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
|
-
|
|
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";
|