/* ===== 基础样式 ===== */
._btn_18xm1_2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-weight: 500;
  white-space: nowrap;
  transition: background 0.2s ease, opacity 0.2s ease, color 0.2s ease;
}

._btn_18xm1_2:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== 大小 ===== */

._sizeLg_18xm1_22 {
  padding: 8px 18px;
  font-size: 14px;
  border-radius: 7px;
}

._sizeMd_18xm1_28 {
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 6px;
}

._sizeSm_18xm1_34 {
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 5px;
}

._sizeIcon_18xm1_40 {
  padding: 5px;
  border-radius: 5px;
}

/* ===== 变体 ===== */

/* primary: 紫粉渐变，白色文字（默认） */
._variantPrimary_18xm1_48 {
  background: linear-gradient(
    135deg,
    var(--gradient-primary-start),
    var(--gradient-primary-end)
  );
  color: white;
  border: none;
}

._variantPrimary_18xm1_48:hover:not(:disabled) {
  opacity: 0.9;
}

/* secondary: 透明背景 + 边框 */
._variantSecondary_18xm1_63 {
  background: transparent;
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

._variantSecondary_18xm1_63:hover:not(:disabled) {
  background: var(--hover-bg);
}

/* ghost: 无背景无边框，图标按钮 */
._variantGhost_18xm1_74 {
  background: none;
  border: none;
  color: var(--text-tertiary);
}

._variantGhost_18xm1_74:hover:not(:disabled) {
  background: var(--hover-bg);
  color: var(--text-primary);
}

/* danger: 红色文字，悬停时红色半透明背景 */
._variantDanger_18xm1_86 {
  background: transparent;
  border: none;
  color: var(--color-error);
}

._variantDanger_18xm1_86:hover:not(:disabled) {
  background: var(--color-error-light);
}

/* link: 文字链接样式，下划线 */
._variantLink_18xm1_97 {
  background: none;
  border: none;
  padding: 0;
  color: var(--color-primary);
  font-size: 13px;
  text-decoration: underline;
}

._variantLink_18xm1_97:hover:not(:disabled) {
  opacity: 0.7;
}

/* send: 粉紫渐变（MessageInput 专用） */
._variantSend_18xm1_111 {
  background: linear-gradient(to bottom right, var(--gradient-primary-start), var(--gradient-primary-end));
  color: white;
  border: none;
  border-radius: 0.75rem;
}

._variantSend_18xm1_111:hover:not(:disabled) {
  background: linear-gradient(to bottom right, var(--gradient-primary-start-dark), var(--gradient-primary-end-dark));
}

/* stop: 沿方形边框旋转的加载弧线（MessageInput 停止按钮） */
@property --stopAngle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes _stopBorderRun_18xm1_1 {
  to {
    --stopAngle: 360deg;
  }
}

._variantStop_18xm1_135 {
  position: relative;
  background: var(--color-error-light);
  color: var(--color-error);
  border: none;
  overflow: visible;
}

._variantStop_18xm1_135::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(
    from var(--stopAngle),
    transparent 0%,
    transparent 40%,
    rgba(249, 115, 22, 0.08) 55%,
    rgba(249, 115, 22, 0.28) 70%,
    rgba(249, 115, 22, 0.08) 85%,
    transparent 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: _stopBorderRun_18xm1_1 1.4s linear infinite;
  pointer-events: none;
}

._variantStop_18xm1_135:hover:not(:disabled) {
  background: var(--color-error-medium);
}

@media (prefers-reduced-motion: reduce) {
  ._variantStop_18xm1_135::after {
    animation: none;
    opacity: 0;
  }
}

/* ===== 宽度 ===== */
._fullWidth_18xm1_177 {
  width: 100%;
}

/* ===== 可访问性：焦点样式 ===== */
._btn_18xm1_2:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
._overlay_1sdp3_1 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--overlay-bg);
}

._surface_1sdp3_11 {
  width: 90vw;
  max-height: 90vh;
  max-height: 90dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--border-default, var(--border));
  border-radius: var(--radius-2xl, 12px);
  background: var(--bg-primary);
  box-shadow: var(--shadow-lg);
}

._surface--sm_1sdp3_24 {
  max-width: 400px;
}

._surface--md_1sdp3_28 {
  max-width: 520px;
}

._surface--lg_1sdp3_32 {
  max-width: 720px;
}

._surface--xl_1sdp3_36 {
  max-width: 960px;
}

._header_1sdp3_40,
._footer_1sdp3_41 {
  flex-shrink: 0;
}

._body_1sdp3_45 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

@media (max-width: 640px) {
  ._overlay_1sdp3_1 {
    align-items: center;
    padding: 16px;
    background: transparent;
  }

  ._surface_1sdp3_11 {
    width: 100%;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    border-radius: var(--radius-2xl, 12px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  }
}._confirmOverlay_1bkkl_1 {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  z-index: 2000;
  animation: _fadeIn_1bkkl_1 0.15s ease;
}

@keyframes _fadeIn_1bkkl_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

._confirmDialog_1bkkl_13 {
  border-radius: 12px;
  max-width: 400px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
}

._confirmContent_1bkkl_19 {
  padding: 24px;
}

._confirmTitle_1bkkl_23 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 8px;
}

._confirmMessage_1bkkl_30 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0 0 20px;
}

._confirmActions_1bkkl_37 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

@keyframes _spin_1bkkl_47 {
  to { transform: rotate(360deg); }
}

._spin_1bkkl_47 {
  animation: _spin_1bkkl_47 1s linear infinite;
}

@media (max-width: 640px) {
  ._confirmOverlay_1bkkl_1 {
    background: transparent;
    backdrop-filter: none;
  }
}
._toastContainer_tqh7d_1 {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 3000;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}

._toast_tqh7d_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  pointer-events: auto;
  animation: _slideIn_tqh7d_1 0.2s ease;
  max-width: 360px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}

._toastError_tqh7d_26 {
  background: var(--color-error);
  color: white;
}

._toastSuccess_tqh7d_31 {
  background: var(--color-success, #22c55e);
  color: white;
}

._toastInfo_tqh7d_36 {
  background: var(--color-primary, #6366f1);
  color: white;
}

._toastIcon_tqh7d_41 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

._toastMessage_tqh7d_47 {
  flex: 1;
  min-width: 0;
  word-break: break-word;
}

._toastAction_tqh7d_53 {
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.25);
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  transition: background 0.15s;
  white-space: nowrap;
}

._toastAction_tqh7d_53:hover {
  background: rgba(255, 255, 255, 0.4);
}

@keyframes _slideIn_tqh7d_1 {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility:not(.debug),
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
    pointer-events: none;
}

.xterm .xterm-accessibility-tree:not(.debug) *::selection {
  color: transparent;
}

.xterm .xterm-accessibility-tree {
  font-family: monospace;
  user-select: text;
  white-space: pre;
}

.xterm .xterm-accessibility-tree > div {
  transform-origin: left;
  width: fit-content;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    /* Dim should not apply to background, so the opacity of the foreground color is applied
     * explicitly in the generated class and reset to 1 here */
    opacity: 1 !important;
}

.xterm-underline-1 { text-decoration: underline; }
.xterm-underline-2 { text-decoration: double underline; }
.xterm-underline-3 { text-decoration: wavy underline; }
.xterm-underline-4 { text-decoration: dotted underline; }
.xterm-underline-5 { text-decoration: dashed underline; }

.xterm-overline {
    text-decoration: overline;
}

.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
	z-index: 7;
}

.xterm-decoration-overview-ruler {
    z-index: 8;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}



/* Derived from vs/base/browser/ui/scrollbar/media/scrollbar.css */

/* xterm.js customization: Override xterm's cursor style */
.xterm .xterm-scrollable-element > .scrollbar {
    cursor: default;
}

/* Arrows */
.xterm .xterm-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.xterm .xterm-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.xterm .xterm-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.xterm .xterm-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.xterm .xterm-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.xterm .xterm-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset;
}
.xterm .xterm-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}
.xterm .xterm-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.xterm .xterm-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}
/* TerminalPane — inline pane (no floating shell)
 *
 * Layout responsibility belongs to the parent container (SplitChatLayout).
 * This component just fills 100% of whatever box it's given.
 */

._pane_6iaq4_7 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--bg-primary);
}

/* ── Title bar ── */

._titleBar_6iaq4_18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  background: var(--bg-secondary, #2d2d2d);
  color: var(--text-primary, #d4d4d4);
  font-size: 12px;
  flex-shrink: 0;
  user-select: none;
}

._titleBarAgent_6iaq4_30 {
  background: #1a3a5c;
}

._titleBarAgentFade_6iaq4_34 {
  animation: _fadeToDefault_6iaq4_1 2s ease-out forwards;
}

@keyframes _fadeToDefault_6iaq4_1 {
  from { background: #1a3a5c; }
  to { background: var(--bg-secondary); }
}

._titleBarUser_6iaq4_43 {
  background: #1a4a2c;
}

._titleBarUserFade_6iaq4_47 {
  animation: _fadeUserToDefault_6iaq4_1 2s ease-out forwards;
}

@keyframes _fadeUserToDefault_6iaq4_1 {
  from { background: #1a4a2c; }
  to { background: var(--bg-secondary); }
}

._titleLeft_6iaq4_56 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

._ownerIcon_6iaq4_63 {
  flex-shrink: 0;
}

._commandName_6iaq4_67 {
  font-family: var(--font-mono, monospace);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._statusBadge_6iaq4_74 {
  font-size: 10px;
  padding: 1px 5px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.08);
}

._statusBadgeRunning_6iaq4_81 {
  background: rgba(13, 148, 85, 0.2);
  color: #0dbc79;
}

._statusBadgeExited_6iaq4_86 {
  background: rgba(128, 128, 128, 0.2);
  color: #999;
}

._titleRight_6iaq4_91 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

._titleButton_6iaq4_102 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: var(--text-tertiary, #999);
  cursor: pointer;
  padding: 0;
  transition:
    background 0.16s ease,
    color 0.16s ease,
    transform 0.16s ease;
}

._titleButton_6iaq4_102:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  transform: translateY(-1px);
}

._titleButton_6iaq4_102:active {
  transform: translateY(0);
}

._titleButton_6iaq4_102:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent-color, #0dbc79) 70%, transparent);
  outline-offset: 2px;
}

._stopButton_6iaq4_136:hover {
  background: rgba(255, 91, 91, 0.16);
  color: #ff7777;
}

._restartButton_6iaq4_141:hover {
  background: rgba(13, 188, 121, 0.16);
  color: #0dbc79;
}

._stopIcon_6iaq4_146 {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: currentColor;
}

._closeIcon_6iaq4_153 {
  position: relative;
  width: 12px;
  height: 12px;
}

._closeIcon_6iaq4_153::before,
._closeIcon_6iaq4_153::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 1px;
  width: 10px;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
}

._closeIcon_6iaq4_153::before {
  transform: rotate(45deg);
}

._closeIcon_6iaq4_153::after {
  transform: rotate(-45deg);
}

._restartIcon_6iaq4_179 {
  font-size: 15px;
  line-height: 1;
  transform: translateY(-0.5px);
}

/* ── Terminal container ── */

._terminalContainer_6iaq4_187 {
  flex: 1;
  min-height: 0;
  position: relative;
  padding: 4px;
  overflow: hidden;
}

._terminalContainer_6iaq4_187 .xterm {
  height: 100%;
}

._terminalContainer_6iaq4_187 .xterm-viewport {
  overflow-y: auto;
  background-color: var(--terminal-bg, transparent);
}

._terminalContainer_6iaq4_187 .xterm [class*='xterm-dom-renderer-owner-'] {
  overflow: hidden;
}

/* ── Mobile control keys ── */

._mobileControlBar_6iaq4_210 {
  display: none;
}

._mobileControlButton_6iaq4_214 {
  border: 1px solid var(--border-default, rgba(255, 255, 255, 0.1));
  border-radius: 7px;
  background: var(--bg-secondary, #2d2d2d);
  color: var(--text-primary, #d4d4d4);
  flex: 0 0 auto;
  font-family: var(--font-mono, monospace);
  font-size: 12px;
  font-weight: 600;
  min-width: 38px;
  height: 32px;
  padding: 0 8px;
  touch-action: manipulation;
}

._mobileControlButton_6iaq4_214:active {
  background: var(--list-item-active-bg, rgba(255, 255, 255, 0.12));
  transform: translateY(1px);
}

._mobileControlButton_6iaq4_214:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent-color, #0dbc79) 70%, transparent);
  outline-offset: 2px;
}

@media (max-width: 767px) {
  ._mobileControlBar_6iaq4_210 {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding: 6px 8px;
    border-top: 1px solid var(--border-default, rgba(255, 255, 255, 0.08));
    background: var(--bg-primary);
    flex-shrink: 0;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  ._mobileControlBar_6iaq4_210::-webkit-scrollbar {
    display: none;
  }
}

/* ── Exit footer ── */

._exitFooter_6iaq4_260 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 10px;
  background: var(--bg-secondary, #2d2d2d);
  border-top: 1px solid var(--border-default, rgba(255, 255, 255, 0.08));
  flex-shrink: 0;
}

._exitFooterText_6iaq4_270 {
  color: var(--text-tertiary, #999);
  font-size: 11px;
}

._restartFooterButton_6iaq4_275 {
  padding: 2px 10px;
  border: 1px solid var(--border-strong, #555);
  border-radius: 4px;
  background: transparent;
  color: var(--text-primary, #d4d4d4);
  cursor: pointer;
  font-size: 11px;
}

._restartFooterButton_6iaq4_275:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #888;
}

/* ── New terminal button ── */

._newButton_6iaq4_292:hover {
  background: rgba(13, 188, 121, 0.16);
  color: #0dbc79;
}

/* ── Terminal tabs ── */

._tabs_6iaq4_299 {
  display: flex;
  align-items: center;
  gap: 1px;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

._tabs_6iaq4_299::-webkit-scrollbar {
  display: none;
}

._tab_6iaq4_299 {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 140px;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: var(--text-secondary, #999);
  cursor: pointer;
  padding: 3px 6px;
  font-size: 11px;
  font-family: var(--font-mono, monospace);
  transition: background 0.12s ease, color 0.12s ease;
  flex-shrink: 0;
}

._tab_6iaq4_299:hover {
  background: var(--list-item-hover-bg, rgba(255, 255, 255, 0.06));
  color: var(--text-primary, #d4d4d4);
}

._tabActive_6iaq4_336 {
  background: var(--list-item-active-bg, rgba(255, 255, 255, 0.08));
  color: var(--text-primary, #d4d4d4);
}

._tabDot_6iaq4_341 {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

._tabDotActive_6iaq4_348 {
  background: #0dbc79;
}

._tabDotExited_6iaq4_352 {
  background: #666;
}

._tabLabel_6iaq4_356 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._tabClose_6iaq4_362 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity 0.12s, background 0.12s;
}

._tabClose_6iaq4_362:hover {
  opacity: 1;
  background: var(--list-item-hover-bg, rgba(255, 255, 255, 0.1));
}
._container_2grar_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 0;
  position: relative;
  background: var(--bg-elevated, #1e1e1e);
}

._closeButton_2grar_11 {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-tertiary, #999);
  cursor: pointer;
  font-size: 13px;
  transition: background 0.15s ease, color 0.15s ease;
}

._closeButton_2grar_11:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-primary, #d4d4d4);
}

._content_2grar_34 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px;
}

._icon_2grar_42 {
  color: var(--text-tertiary, #555);
  opacity: 0.6;
}

._title_2grar_47 {
  margin: 0;
  font-size: 13px;
  color: var(--text-tertiary, #999);
}

._createButton_2grar_53 {
  padding: 8px 20px;
  border: 1px solid rgba(13, 188, 121, 0.4);
  border-radius: 8px;
  background: rgba(13, 188, 121, 0.08);
  color: #0dbc79;
  cursor: pointer;
  font-size: 13px;
  transition: background 0.15s ease, border-color 0.15s ease;
}

._createButton_2grar_53:hover {
  background: rgba(13, 188, 121, 0.16);
  border-color: rgba(13, 188, 121, 0.6);
}
/* SplitChatLayout — 消息列表 + 终端分屏布局
 *
 * Desktop: [ Messages | Terminal ]  (horizontal, side by side)
 * Mobile:  [ Terminal / Messages ]  (vertical, stacked)
 */

._container_1sl8s_7 {
  flex: 1;
  display: flex;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

/* ── Horizontal split (desktop, default) ── */

._horizontal_1sl8s_17 {
  flex-direction: row;
}

._messages_1sl8s_21 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

._terminal_1sl8s_28 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  border-left: 1px solid var(--border-default, rgba(255, 255, 255, 0.08));
}

/* ── Vertical split (mobile) ── */

._vertical_1sl8s_38 {
  flex-direction: column;
}

/* Terminal on top, messages below */
._vertical_1sl8s_38 ._messages_1sl8s_21 {
  order: 2;
}

._vertical_1sl8s_38 ._splitter_1sl8s_47 {
  order: 1;
}

._vertical_1sl8s_38 ._terminal_1sl8s_28 {
  order: 0;
  border-left: none;
  border-bottom: 1px solid var(--border-default, rgba(255, 255, 255, 0.08));
}

/* ── Splitter handle ── */

._splitter_1sl8s_47 {
  flex-shrink: 0;
  position: relative;
  background: transparent;
  transition: background 0.15s ease;
}

._splitter_1sl8s_47:hover {
  background: rgba(255, 255, 255, 0.08);
}

._splitter_1sl8s_47:focus-visible {
  outline: 2px solid var(--accent-color, #0dbc79);
  outline-offset: -1px;
}

/* Horizontal splitter (between left and right) */
._splitterHorizontal_1sl8s_76 {
  width: 4px;
  cursor: col-resize;
}

._splitterHorizontal_1sl8s_76::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 32px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.12);
  transition: background 0.15s;
}

._splitterHorizontal_1sl8s_76:hover::after {
  background: rgba(255, 255, 255, 0.25);
}

/* Vertical splitter (between top and bottom) */
._splitterVertical_1sl8s_99 {
  height: 4px;
  cursor: row-resize;
}

._splitterVertical_1sl8s_99::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 2px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.12);
  transition: background 0.15s;
}

._splitterVertical_1sl8s_99:hover::after {
  background: rgba(255, 255, 255, 0.25);
}
._overlay_kek73_1 {
  position: fixed;
  inset: 0;
  z-index: 999;
}

._menu_kek73_7 {
  position: fixed;
  min-width: 140px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  box-shadow: var(--shadow-lg);
  padding: 4px;
  z-index: 1000;
  animation: _contextMenuIn_kek73_1 0.12s ease;
}

._item_kek73_19 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: var(--text-primary);
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
  /* 菜单按钮文字不能被选中，否则 iOS 在菜单出现后会自动高亮。 */
  -webkit-user-select: none;
  user-select: none;
}

._item_kek73_19:hover,
._item_kek73_19._highlighted_kek73_39 {
  background: var(--hover-bg);
}

._item_kek73_19._danger_kek73_43 {
  color: var(--color-error);
}

._item_kek73_19._danger_kek73_43:hover,
._item_kek73_19._danger_kek73_43._highlighted_kek73_39 {
  background: var(--color-error-light);
}

._separator_kek73_52 {
  height: 1px;
  margin: 4px 8px;
  background: var(--border-color);
}

@keyframes _contextMenuIn_kek73_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._content_142f6_1 {
  z-index: 10000;
  max-width: 280px;
  padding: 6px 8px;
  border-radius: 7px;
  background: rgba(24, 24, 27, 0.96);
  color: #fff;
  font-size: 12px;
  line-height: 1.45;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  user-select: none;
  word-break: break-word;
  animation: _tooltipIn_142f6_1 120ms ease-out both;
}

._scrollable_142f6_16 {
  max-height: 200px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

._arrow_142f6_22 {
  fill: rgba(24, 24, 27, 0.96);
}

@keyframes _tooltipIn_142f6_1 {
  from {
    opacity: 0;
    transform: translateY(2px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* SessionTabs — 群聊线程标签栏
 *
 * 设计文档 §6.2 视觉规格：
 * - 第二层（线程级），浅灰背景
 * - Tab: 12.5px 字号，active 紫色下划线 + 粗体
 * - 状态点：streaming 紫色脉冲，paused 琥珀色
 * - 未读：通过 completed 绿色点表达（已读则无点）
 * - 关闭按钮：hover 时出现，active tab 始终 50% 透明
 * - 新建按钮：实心紫色背景
 * - 横向滚动：隐藏滚动条 + 左右渐变遮罩
 */

._wrapper_mapxo_13 {
  position: relative;
  z-index: 1;
  background: var(--bg-secondary);
  box-shadow: 0 1px 3px rgb(0 0 0 / 6%);
  display: flex;
  align-items: center;
}

/* ── 滚动容器 ─────────────────────────────────────── */

._tabs_mapxo_24 {
  display: flex;
  align-items: center;
  padding: 0 12px;
  gap: 2px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 1;
  min-width: 0;
}

._tabs_mapxo_24::-webkit-scrollbar {
  display: none;
}

/* ── 渐变遮罩指示器 ─────────────────────────────── */

._wrapper_mapxo_13::before,
._wrapper_mapxo_13::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 24px;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 200ms;
}

._wrapper_mapxo_13::before {
  left: 0;
  background: linear-gradient(to right, var(--bg-secondary), transparent);
}

._wrapper_mapxo_13::after {
  right: 0;
  background: linear-gradient(to left, var(--bg-secondary), transparent);
}

._canScrollLeft_mapxo_65::before {
  opacity: 1;
}

._canScrollRight_mapxo_69::after {
  opacity: 1;
}

/* ── Tab 按钮 ────────────────────────────────────── */

._tab_mapxo_24 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 12.5px;
  color: var(--text-secondary);
  cursor: pointer;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  transition: color 120ms, background-color 120ms, border-color 120ms;
  white-space: nowrap;
  position: relative;
  user-select: none;
  line-height: 1.4;
}

._tab_mapxo_24:hover {
  color: var(--text-primary);
  background: var(--hover-bg);
}

._tabActive_mapxo_99 {
  color: var(--purple-500);
  border-bottom-color: var(--purple-500);
  font-weight: 600;
}

/* ── 状态点 ──────────────────────────────────────── */

._statusDot_mapxo_107 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

._statusDotStreaming_mapxo_114 {
  background: var(--purple-500);
  animation: _tab-dot-pulse_mapxo_1 1.5s ease-in-out infinite;
}

._statusDotCompleted_mapxo_119 {
  background: var(--color-success);
}

._statusDotPaused_mapxo_123 {
  background: var(--color-warning);
}

@keyframes _tab-dot-pulse_mapxo_1 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* ── 活跃 tab streaming 扫光下划线 ──────────────────── */

._tabStreamingActive_mapxo_134 {
  border-bottom-color: transparent;
}

._tabStreamingActive_mapxo_134::after {
  content: '';
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 0;
  height: 2px;
  border-radius: 1px;
  background: linear-gradient(90deg, transparent, var(--purple-500), transparent);
  background-size: 200% 100%;
  animation: _underline-sweep_mapxo_1 2s ease-in-out infinite alternate;
}

@keyframes _underline-sweep_mapxo_1 {
  0% { background-position: 100% 0; }
  100% { background-position: 0% 0; }
}

@media (prefers-reduced-motion: reduce) {
  ._tabStreamingActive_mapxo_134::after {
    animation: none;
    background: var(--purple-500);
    background-size: auto;
  }
}

/* ── 默认线程 Tab ────────────────────────────────── */

._tabDefault_mapxo_166 {
  font-weight: 500;
}

._tabActive_mapxo_99._tabDefault_mapxo_166 {
  font-weight: 600;
}

/* ── Tab 标题文本 ────────────────────────────────── */

._tabTitle_mapxo_176 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}

/* ── 默认标签 ────────────────────────────────────── */

._defaultIcon_mapxo_185 {
  flex-shrink: 0;
  color: var(--text-tertiary);
}

/* ── 内联编辑输入框 ──────────────────────────────── */

._tabInput_mapxo_192 {
  box-sizing: border-box;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  background: var(--bg-primary);
  border: 1px solid var(--purple-500);
  border-radius: var(--radius-sm);
  padding: 0 4px;
  outline: none;
  min-width: 60px;
  max-width: 180px;
  height: 1.4em;
  line-height: inherit;
}

._tabInput_mapxo_192:focus-visible {
  border-color: var(--purple-500);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--purple-500) 30%, transparent);
}

/* ── 关闭按钮 ────────────────────────────────────── */

._tabClose_mapxo_216 {
  width: 14px;
  height: 14px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
  opacity: 0;
  transition: all 120ms;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

._tab_mapxo_24:hover ._tabClose_mapxo_216 {
  opacity: 1;
}

/* 活跃 tab 的关闭按钮始终 50% 可见 */
._tabCloseActive_mapxo_238 {
  opacity: 0.5;
}

._tabClose_mapxo_216:hover {
  background: var(--bg-tertiary);
  color: var(--red-500);
}

/* ── 新建线程按钮 ────────────────────────────────── */

._newBtn_mapxo_249 {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  border: 1px solid var(--gray-300);
  background: transparent;
  color: var(--gray-500);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  transition: all 150ms ease;
  flex-shrink: 0;
  padding: 0;
}

._newBtn_mapxo_249:hover {
  border-color: var(--purple-500);
  color: var(--purple-500);
  background: color-mix(in srgb, var(--purple-500) 8%, transparent);
}

._newBtn_mapxo_249:focus-visible {
  outline: none;
  border-color: var(--purple-500);
  color: var(--purple-500);
  background: color-mix(in srgb, var(--purple-500) 8%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--purple-500) 18%, transparent);
}
._container_1polg_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* ── Search bar ── */

._searchBar_1polg_10 {
  display: flex;
  align-items: center;
  padding: 6px;
  flex-shrink: 0;
  position: relative;
}

._searchIcon_1polg_18 {
  position: absolute;
  left: 16px;
  color: var(--text-muted, var(--gray-500));
  flex-shrink: 0;
  pointer-events: none;
}

._searchInput_1polg_26 {
  flex: 1;
  min-width: 0;
  height: 30px;
  border: 1px solid var(--border-color, rgba(0, 0, 0, 0.06));
  border-radius: 7px;
  background: var(--bg-tertiary, rgba(0, 0, 0, 0.03));
  color: var(--text-primary);
  font-size: 12.5px;
  outline: none;
  padding: 0 10px 0 32px;
  transition: border-color 0.15s, background-color 0.15s;
}

._searchInput_1polg_26:focus {
  border-color: color-mix(in srgb, var(--purple-500, #7c8cff) 40%, transparent);
  background: var(--bg-primary, transparent);
}

._searchInput_1polg_26::placeholder {
  color: var(--text-muted, var(--gray-500));
}

._searchClear_1polg_49 {
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-muted, var(--gray-500));
  background: transparent;
  border: none;
  padding: 0;
  flex-shrink: 0;
  transition: color 0.12s ease;
}

._searchClear_1polg_49:hover {
  color: var(--text-primary);
}

/* ── Session list ── */

._list_1polg_72 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 2px -0 8px 0;
  scrollbar-color: transparent transparent;
}

._list_1polg_72:hover,
._list_1polg_72:focus-within {
  scrollbar-color: var(--scrollbar-thumb) transparent;
}

._list_1polg_72::-webkit-scrollbar-thumb {
  background: transparent;
}

._list_1polg_72:hover::-webkit-scrollbar-thumb,
._list_1polg_72:focus-within::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}

/* ── Session item ── */

._item_1polg_96 {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 48px;
  padding: 7px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.1s ease;
  margin-bottom: 1px;
}

._item_1polg_96:hover {
  background: var(--hover-bg, rgba(0, 0, 0, 0.035));
}

._itemActive_1polg_119 {
  background: color-mix(in srgb, var(--purple-500, #7c8cff) 10%, transparent);
}

._itemActive_1polg_119:hover {
  background: color-mix(in srgb, var(--purple-500, #7c8cff) 14%, transparent);
}

._itemTitle_1polg_127 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.35;
}

._itemTitleText_1polg_137 {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._itemActive_1polg_119 ._itemTitleText_1polg_137 {
  color: var(--purple-600, var(--purple-500, #7c8cff));
}

._itemPreview_1polg_149 {
  font-size: 11.5px;
  color: var(--text-muted, var(--gray-500));
  margin-top: 1px;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

._itemPreviewText_1polg_162 {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._itemTime_1polg_170 {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--text-muted, var(--gray-500));
  opacity: 0.7;
}

/* ── Empty / no-results state ── */

._emptyState_1polg_179 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 20px;
  text-align: center;
}

._emptyText_1polg_189 {
  margin: 0;
  font-size: 12.5px;
  color: var(--text-muted, var(--gray-500));
}

._newSessionBtn_1polg_195,
._clearSearchBtn_1polg_196 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 7px;
  border: 1px solid var(--border-color, rgba(0, 0, 0, 0.08));
  background: var(--bg-tertiary, rgba(0, 0, 0, 0.03));
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.12s ease;
}

._newSessionBtn_1polg_195:hover,
._clearSearchBtn_1polg_196:hover {
  background: var(--hover-bg, rgba(0, 0, 0, 0.06));
}

/* ── Status dot ── */

._itemStatusDot_1polg_218 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

._dotStreaming_1polg_225 {
  background: var(--purple-500);
  animation: _session-dot-pulse_1polg_1 1.5s ease-in-out infinite;
}

._dotCompleted_1polg_230 {
  background: var(--color-success);
}

._dotPaused_1polg_234 {
  background: var(--color-warning);
}

@keyframes _session-dot-pulse_1polg_1 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
/* GroupEmptyState — 安静的起步引导 */

._container_kw9ug_3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  user-select: none;
}

._icon_kw9ug_12 {
  color: var(--text-tertiary);
  opacity: 0.5;
  margin-bottom: 16px;
}

._title_kw9ug_18 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 8px;
}

._hint_kw9ug_25 {
  font-size: 12px;
  color: var(--text-tertiary);
  max-width: 280px;
  text-align: center;
  line-height: 1.5;
}
._image_xuo2k_1 {
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

._fallback_xuo2k_7 {
  border-radius: 50%;
  color: white;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  user-select: none;
}
/* EmptySessionGuide — 空 Session 引导态 */

._container_o81re_3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
  user-select: none;
}

/* 图标容器 — 紫色轻量背景，区别于系统消息 */
._iconBox_o81re_14 {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: var(--color-primary-light, rgba(168, 85, 247, 0.06));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary, #a855f7);
  box-shadow: var(--shadow-xs, 0 1px 2px rgba(0,0,0,0.04));
}

/* 标题区 */
._info_o81re_27 {
  text-align: center;
}

._threadTitle_o81re_31 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 4px;
}

._groupName_o81re_38 {
  font-size: 13px;
  color: var(--text-secondary);
}

/* 成员行 */
._memberRow_o81re_44 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 4px;
}

._memberAvatars_o81re_51 {
  display: flex;
}

._memberAvatar_o81re_51 {
  margin-left: -4px;
  border-radius: var(--radius-md, 6px);
  border: 2px solid var(--bg-primary);
}

._memberAvatar_o81re_51:first-child {
  margin-left: 0;
}

._memberCount_o81re_65 {
  font-size: 11px;
  color: var(--text-tertiary);
  margin-left: 6px;
}

/* 引导文案 */
._hint_o81re_72 {
  font-size: 13px;
  color: var(--text-tertiary);
  margin-top: 4px;
}
._message_1o41d_1 {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  animation: _messageSlideIn_1o41d_1 0.3s ease-out;
}

._message_1o41d_1._fullWidth_1o41d_8 {
  width: 100%;
}

._message_1o41d_1._user_1o41d_12 {
  align-self: flex-end;
  align-items: flex-end;
}

._message_1o41d_1._agent_1o41d_17 {
  align-self: flex-start;
  align-items: flex-start;
}

._message_1o41d_1._agent_1o41d_17._collapsedMessage_1o41d_22 {
  width: 100%;
  max-width: 100%;
}

._virtualSliceMessage_1o41d_27 {
  width: 100%;
  max-width: 100%;
  animation: none;
}

._virtualSliceFragment_1o41d_33 {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex-direction: column;
  overflow-x: clip;
  overflow-y: visible;
}

._virtualSliceHeader_1o41d_44 {
  margin-top: 10px;
  margin-bottom: 2px;
}

._virtualSliceContent_1o41d_49,
._virtualSliceContainer_1o41d_50 {
  margin: 0;
}

._virtualSliceFooter_1o41d_54 {
  margin-top: 2px;
  margin-bottom: 10px;
}

._virtualCollabShell_1o41d_59 ._contentCol_1o41d_59 {
  box-sizing: border-box;
  width: calc(100% - 32px);
  margin: 2px 16px;
  padding-left: 10px;
  border-left: 2px solid var(--color-primary);
}

._virtualCollabBodySlice_1o41d_67 ._contentCol_1o41d_59 {
  box-sizing: border-box;
  width: calc(100% - 32px);
  margin: 0 16px 2px;
  padding-left: 10px;
  border-left: 2px solid var(--color-primary);
}

._virtualCollabShell_1o41d_59 + ._virtualCollabBodySlice_1o41d_67 ._contentCol_1o41d_59 {
  margin-top: -2px;
}

._virtualCollabBodySlice_1o41d_67 ._blockStack_1o41d_79 {
  gap: 6px;
}

._virtualCollabBodyContent_1o41d_83 {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  overflow-y: visible;
  padding: 0;
  color: var(--text-primary);
  font-size: 0.875rem;
  line-height: 1.6;
}

._virtualCollabShell_1o41d_59[data-container-type='handoff'] ._contentCol_1o41d_59 {
  border-left-color: var(--color-info);
}

/* ── Agent 消息壳布局 ── */

/* 群聊：上头像 + 下内容，竖向排列 */
._groupLayout_1o41d_103 {
  flex-direction: column;
  gap: 4px;
  max-width: 100%;
  align-items: flex-start;
}

/* 单聊：无头像列，contentCol 占满宽度 */
._agentShellCompact_1o41d_111 {
  flex-direction: column;
  align-items: flex-start;
}

._avatarCol_1o41d_116 {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 4px;
  transition: opacity 0.15s ease;
}

._avatarCol_1o41d_116:hover {
  opacity: 0.75;
}

/* 头像行：头像 + 名称 水平排列 */
._senderHeader_1o41d_130 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._contentCol_1o41d_59 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}

._delegatedMessageContent_1o41d_145 {
  align-items: flex-end;
}

._delegatedMessageContent_1o41d_145 > ._virtualSliceUserBubble_1o41d_149 {
  max-width: min(560px, 100%);
}

/* 消息进入动画 */
@keyframes _messageSlideIn_1o41d_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._senderLabel_1o41d_165 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 4px;
  transition: opacity 0.15s ease;
}

._senderLabel_1o41d_165:hover {
  opacity: 0.75;
}

._senderName_1o41d_182 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}

._bubble_1o41d_188 {
  padding: 10px 14px;
  border-radius: 12px;
  max-width: 100%;
  transition: box-shadow 0.2s ease;
  position: relative;
}

._bubble_1o41d_188:hover {
  box-shadow: var(--shadow-md);
}

._bubble_1o41d_188 mark,
._textBubble_1o41d_201 mark,
._content_1o41d_59 mark {
  padding: 0 2px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--color-warning) 42%, transparent);
  color: inherit;
}

._bubble_1o41d_188 mark[data-active-search-match='true'],
._textBubble_1o41d_201 mark[data-active-search-match='true'],
._content_1o41d_59 mark[data-active-search-match='true'] {
  background: color-mix(in srgb, var(--color-primary) 48%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary) 52%, transparent);
}

._activeSearchMatch_1o41d_216 {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 54%, transparent);
}

._activeSearchMatchFocused_1o41d_220 {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 80%, transparent);
  outline-offset: 2px;
}

._message_1o41d_1._user_1o41d_12 ._bubble_1o41d_188 {
  background: linear-gradient(to bottom right, var(--user-bubble-from), var(--user-bubble-to));
  color: var(--user-bubble-text);
  border: 1px solid var(--user-bubble-border);
  border-bottom-right-radius: 4px;
}

._message_1o41d_1._agent_1o41d_17 ._bubble_1o41d_188 {
  background: var(--bg-secondary);
  color: var(--text-primary);
  border-bottom-left-radius: 4px;
  border: 1px solid var(--border-default);
  padding: 12px 16px;
  padding-bottom: 10px;
}

._message_1o41d_1._agent_1o41d_17 ._bubble_1o41d_188._hasUsage_1o41d_241 {
  padding-bottom: 20px;
}

._message_1o41d_1._agent_1o41d_17 ._bubble_1o41d_188._embeddedBubble_1o41d_245._hasUsage_1o41d_241 {
  padding-bottom: 10px;
}

/* ── Block 级渲染：Agent 消息的 TextBubble / TextSection ── */

._textBubble_1o41d_201 {
  padding: 12px 16px;
  border-radius: 12px;
  border-bottom-left-radius: 4px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-default);
  max-width: 100%;
  margin: 4px 0;
  transition: box-shadow 0.2s ease;
}

._textBubble_1o41d_201:hover {
  box-shadow: var(--shadow-md);
}

._textSection_1o41d_267 {
  padding: 2px 0;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

._textSection_1o41d_267:hover {
  box-shadow: none;
}

._embeddedBubble_1o41d_245 {
  padding: 12px 16px;
  width: fit-content;
  max-width: 100%;
}

._virtualSliceBubble_1o41d_286 {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  overflow-y: visible;
  /* 允许用户选择气泡内文字；
     长按菜单由 useLongPress 处理，回调中会清除浏览器选区 */
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: none;
  touch-action: manipulation;
}

._virtualSliceAgentBubble_1o41d_300 {
  background: var(--bg-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-default);
  border-bottom-left-radius: 4px;
  padding: 12px 16px 10px;
}

._virtualSliceAgentBubble_1o41d_300:not(._virtualSliceBubbleContinued_1o41d_308):not(._virtualSliceBubbleContinues_1o41d_308) {
  width: fit-content;
}

._emptyAgentBubble_1o41d_312 {
  padding: 7px 10px;
  background: transparent;
  border-color: color-mix(in srgb, var(--border-default) 65%, transparent);
  box-shadow: none;
}

._emptyAgentBubble_1o41d_312:hover {
  box-shadow: none;
}

._emptyAgentContent_1o41d_323 {
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 18px;
}

._virtualSliceAgentBubble_1o41d_300._virtualSliceBubbleContinued_1o41d_308 {
  padding-top: 0;
}

._virtualSliceUserBubble_1o41d_149 {
  width: fit-content;
  align-self: flex-end;
  background: linear-gradient(to bottom right, var(--user-bubble-from), var(--user-bubble-to));
  color: var(--user-bubble-text);
  border: 1px solid var(--user-bubble-border);
  border-bottom-right-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
}

._virtualSliceBubbleContinued_1o41d_308 {
  margin-top: -1px;
  border-top-color: transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._virtualSliceBubbleContinues_1o41d_308 {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._virtualCollabShellBubble_1o41d_359 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 0;
  width: 100%;
  min-width: 0;
  border-radius: var(--radius-sm);
  border: none;
  background: transparent;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 18px;
  box-shadow: none;
}

._virtualCollabShellBubble_1o41d_359:hover {
  box-shadow: none;
}

._virtualCollabShellToggle_1o41d_380 {
  appearance: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

._virtualCollabShellToggle_1o41d_380:hover {
  background: var(--bg-hover);
  margin: 0 -6px;
  padding: 5px 6px;
  box-shadow: none;
}

._virtualCollabShellToggle_1o41d_380:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

._virtualContainerChevron_1o41d_399 {
  display: inline-flex;
  width: 12px;
  flex: 0 0 12px;
  justify-content: center;
  color: var(--text-tertiary);
  font-size: 11px;
}

._virtualCollabShellIcon_1o41d_408 {
  display: inline-flex;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
}

._virtualCollabShellTitle_1o41d_418 {
  display: inline-flex;
  flex: 1;
  min-width: 0;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  color: var(--text-secondary);
  white-space: nowrap;
}

._virtualCollabShellParticipants_1o41d_429 {
  display: inline-flex;
  flex-shrink: 0;
  min-width: 0;
  align-items: center;
  gap: 4px;
}

._virtualCollabShellParticipants_1o41d_429 strong {
  color: var(--text-primary);
  font-weight: 600;
}

._virtualCollabShellAction_1o41d_442 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._virtualCollabShellArrow_1o41d_451 {
  color: var(--text-tertiary);
}

._virtualCollabShellMeta_1o41d_455 {
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 18px;
  white-space: nowrap;
}

._virtualSliceBlockStack_1o41d_463 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._virtualSliceBlockItem_1o41d_469 {
  min-width: 0;
}

._virtualStreamingTail_1o41d_473 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 8px;
  height: 18px;
  vertical-align: middle;
}

._embeddedBubbleContent_1o41d_483 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._pendingPlaceholder_1o41d_489 {
  display: flex;
  align-items: center;
  padding: 6px 0;
}

._blockMetrics_1o41d_495 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 4px;
  font-size: 0.7rem;
  color: var(--text-tertiary);
  opacity: 0.8;
  margin: 2px 0;
}

._content_1o41d_59 {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.5;
  font-size: 14px;
}

._blockStack_1o41d_79 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._blockItem_1o41d_520 {
  min-width: 0;
}

/* 消息折叠相关样式 */
._messageFooter_1o41d_525 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  padding: 0 4px;
  user-select: none;
  -webkit-user-select: none;
}

._groupMetaFooter_1o41d_535 {
  justify-content: space-between;
  gap: 12px;
}

._runtimeStatus_1o41d_540 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  padding: 2px 4px;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.4;
}

._runtimeStatusSwitching_1o41d_552 {
  color: color-mix(in srgb, var(--color-warning) 72%, var(--text-secondary) 28%);
}

._runtimeStatusIconSpinning_1o41d_556 {
  flex-shrink: 0;
  animation: _spin_1o41d_1 1.4s linear infinite;
}

._messageFooterActions_1o41d_561 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  min-width: 0;
}

._message_1o41d_1._user_1o41d_12 ._messageFooter_1o41d_525 {
  flex-direction: row-reverse;
}

/* 用户消息：默认显示操作按钮（重发、复制），避免 footer 内容被隐藏 */
._message_1o41d_1._user_1o41d_12 ._messageFooterActions_1o41d_561 {
  opacity: 1;
  pointer-events: auto;
}

._timestamp_1o41d_579 {
  margin-left: auto;
  font-size: 11px;
  color: var(--text-tertiary);
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
}

._groupMetaFooter_1o41d_535 ._timestamp_1o41d_579 {
  margin-left: 0;
}

._copyButton_1o41d_592 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: 12px;
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    opacity 0.2s ease;
  opacity: 0.6;
}

._copyButton_1o41d_592:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
  opacity: 1;
}

._copyButton_1o41d_592:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._errorBlock_1o41d_622 {
  margin-top: 8px;
  padding: 8px;
  border: 1px solid var(--color-error-strong);
  border-radius: 6px;
  background: var(--color-error-faint);
}

._errorHeader_1o41d_630 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  color: var(--color-error);
}

._errorType_1o41d_638 {
  font-size: 12px;
  font-weight: 500;
}

._errorMessage_1o41d_643 {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.5;
}

._errorDetails_1o41d_649 {
  margin-top: 8px;
  font-size: 11px;
  color: var(--text-tertiary);
}

._errorDetailsSummary_1o41d_655 {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  cursor: pointer;
  user-select: none;
}

._errorDetailsSummaryRow_1o41d_663 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._errorDetailsCopyButton_1o41d_670 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  user-select: none;
  font-size: 11px;
}

._errorDetailsCopyButton_1o41d_670:hover {
  background: var(--color-bg-secondary);
}

._errorDetailsCopyButton_1o41d_670:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._errorDetailsContent_1o41d_693 {
  margin: 6px 0 0;
  padding: 8px;
  max-height: 220px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 4px;
  background: var(--color-bg-secondary);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
}

._messageMetrics_1o41d_705 {
  position: absolute;
  bottom: 4px;
  right: 8px;
  font-size: 0.7rem;
  color: var(--text-tertiary);
  opacity: 0.8;
  z-index: 1;
  padding: 1px 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

._embeddedMessageMetrics_1o41d_720 {
  position: static;
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}

._embeddedMessageMetrics_1o41d_720 ._fallbackTransitionBanner_1o41d_733 {
  align-self: center;
}

._messageMetricsPrimary_1o41d_737 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 0 1 auto;
}

._embeddedMessageMetricsPrimary_1o41d_745 {
  padding-top: 10px;
  justify-content: center;
}

._messageMetricsMeta_1o41d_750 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  min-width: 0;
  flex: 1;
  flex-wrap: nowrap;
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: 11px;
}

._embeddedMessageMetrics_1o41d_720 ._messageMetricsMeta_1o41d_750 {
  justify-content: flex-start;
}

._messageMetricsMeta_1o41d_750 > * {
  display: inline-flex;
  align-items: center;
}

._messageMetricsMeta_1o41d_750 > * + *::before {
  content: '·';
  margin: 0 6px;
  color: color-mix(in srgb, var(--text-tertiary) 72%, transparent);
}

._metricsStreaming_1o41d_778 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--text-secondary) 82%, var(--text-tertiary) 18%);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.01em;
}

._fallbackTransitionBanner_1o41d_733 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid color-mix(in srgb, var(--color-warning) 26%, transparent);
  border-radius: 999px;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--color-warning-light) 72%, var(--bg-primary) 28%),
      color-mix(in srgb, var(--color-warning-light) 42%, var(--bg-primary) 58%));
  color: color-mix(in srgb, var(--color-warning) 72%, var(--text-secondary) 28%);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--color-warning) 8%, transparent);
  animation: _fallbackBannerIn_1o41d_1 180ms ease-out;
}

._fallbackTransitionIcon_1o41d_810 {
  flex-shrink: 0;
  animation: _spin_1o41d_1 1.4s linear infinite;
}

._fallbackTransitionText_1o41d_815 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes _fallbackBannerIn_1o41d_1 {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._tokenUsage_1o41d_832 {
  cursor: help;
  font-variant-numeric: tabular-nums;
  min-width: 3.5em;
  text-align: right;
  white-space: nowrap;
  flex-shrink: 0;
}

._duration_1o41d_841 {
  color: inherit;
  opacity: 0.68;
  font-variant-numeric: tabular-nums;
  min-width: 3.2em;
  text-align: right;
  white-space: nowrap;
  flex-shrink: 0;
}

._modelLabel_1o41d_851 {
  cursor: help;
  color: inherit;
  opacity: 0.9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

._modelLabelFallback_1o41d_861 {
  color: var(--color-warning);
  background: var(--color-warning-light);
  padding: 0 3px;
  border-radius: 3px;
}

._bubble_1o41d_188:hover ._messageMetrics_1o41d_705 {
  opacity: 1;
}

/* ── 系统消息（如 /compact 状态） ── */
._message_1o41d_1._system_1o41d_873 {
  align-self: center;
  align-items: center;
  max-width: 90%;
  margin-bottom: 10px;
  animation: none;
}

._systemBubble_1o41d_881 {
  padding: 6px 16px;
  border-radius: 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-default);
  font-size: 13px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 6px;
}

._systemContent_1o41d_893 {
  color: var(--text-secondary);
  white-space: pre-wrap;
  word-break: break-word;
}

/* 加载旋转动画（用于 /compact 等异步系统消息） */
._loadingSpinner_1o41d_900 {
  animation: _spin_1o41d_1 1s linear infinite;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

@keyframes _spin_1o41d_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* 监督者标签 — 用户消息 footer */
._supervisorTag_1o41d_916 {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  color: var(--text-tertiary);
  opacity: 0.7;
}

/* ── 响应式：≤768px ────────────────────────────────── */
@media (max-width: 768px) {
  ._message_1o41d_1 {
    max-width: 100%;
  }

  ._message_1o41d_1._fullWidth_1o41d_8 {
    width: 100%;
  }

  ._message_1o41d_1._agent_1o41d_17._collapsedMessage_1o41d_22 {
    width: 100%;
    max-width: 100%;
  }

  ._groupLayout_1o41d_103 {
    max-width: 100%;
  }

  ._groupMetaFooter_1o41d_535 {
    flex-wrap: nowrap;
  }

  ._embeddedMessageMetrics_1o41d_720 {
    position: static;
    padding: 0;
    background: transparent;
  }
}

._memoryWriteButton_1o41d_955:disabled {
  opacity: 0.45;
  cursor: default;
}

._savedMessageHighlight_1o41d_960 {
  animation: _savedMessagePulse_1o41d_1 1.8s ease-out;
}

@keyframes _savedMessagePulse_1o41d_1 {
  0% {
    background: color-mix(in srgb, var(--color-primary) 16%, transparent);
  }
  100% {
    background: transparent;
  }
}

/* ── 用户消息发送状态指示器 ── */

._statusArea_1o41d_975 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex-shrink: 0;
}

._statusDot_1o41d_983 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

._dot_1o41d_992 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--text-tertiary);
  opacity: 0.5;
}

._dotSending_1o41d_1000 {
  animation: _dotPulse_1o41d_1 1.2s ease-in-out infinite;
}

._dotError_1o41d_1004 {
  color: var(--color-error);
  cursor: help;
}

._retryButton_1o41d_1009 {
  color: var(--color-error) !important;
  opacity: 0.8;
}

._retryButton_1o41d_1009:hover {
  opacity: 1;
  background: color-mix(in srgb, var(--color-error) 10%, transparent) !important;
}

._recallButton_1o41d_1019 {
  opacity: 0.6;
}

._recallButton_1o41d_1019:hover {
  opacity: 1;
}

@keyframes _dotPulse_1o41d_1 {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.3);
  }
}


._guidanceStatus_1o41d_1039 {
  font-size: 11px;
  line-height: 1.4;
  color: var(--accent-color, #0a84ff);
  white-space: nowrap;
}
.markdown-body {
  --base-size-16: 1rem;
  --base-size-24: 1.5rem;
  --base-size-4: 0.25rem;
  --base-size-40: 2.5rem;
  --base-size-8: 0.5rem;
  --base-text-weight-medium: 500;
  --base-text-weight-normal: 400;
  --base-text-weight-semibold: 600;
  --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --fgColor-accent: Highlight;
}
@media (prefers-color-scheme: dark) {
  .markdown-body, [data-theme="dark"] {
    /*dark */
    color-scheme: dark;
    --fgColor-accent: #4493f8;
    --bgColor-attention-muted: #bb800926;
    --bgColor-default: #0d1117;
    --bgColor-muted: #151b23;
    --bgColor-neutral-muted: #656c7633;
    --borderColor-accent-emphasis: #1f6feb;
    --borderColor-attention-emphasis: #9e6a03;
    --borderColor-danger-emphasis: #da3633;
    --borderColor-default: #3d444d;
    --borderColor-done-emphasis: #8957e5;
    --borderColor-success-emphasis: #238636;
    --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-comment: #9198a1;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-markup-bold: #f0f6fc;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-italic: #f0f6fc;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
    --color-prettylights-syntax-variable: #ffa657;
    --fgColor-attention: #d29922;
    --fgColor-danger: #f85149;
    --fgColor-default: #f0f6fc;
    --fgColor-done: #ab7df8;
    --fgColor-muted: #9198a1;
    --fgColor-success: #3fb950;
    --borderColor-muted: #3d444db3;
    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
    --focus-outlineColor: var(--borderColor-accent-emphasis);
    --borderColor-neutral-muted: var(--borderColor-muted);
  }
}
@media (prefers-color-scheme: light) {
  .markdown-body, [data-theme="light"] {
    /*light */
    color-scheme: light;
    --fgColor-danger: #d1242f;
    --bgColor-attention-muted: #fff8c5;
    --bgColor-muted: #f6f8fa;
    --bgColor-neutral-muted: #818b981f;
    --borderColor-accent-emphasis: #0969da;
    --borderColor-attention-emphasis: #9a6700;
    --borderColor-danger-emphasis: #cf222e;
    --borderColor-default: #d1d9e0;
    --borderColor-done-emphasis: #8250df;
    --borderColor-success-emphasis: #1a7f37;
    --color-prettylights-syntax-brackethighlighter-angle: #59636e;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-comment: #59636e;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-prettylights-syntax-entity: #6639ba;
    --color-prettylights-syntax-entity-tag: #0550ae;
    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
    --color-prettylights-syntax-variable: #953800;
    --fgColor-accent: #0969da;
    --fgColor-attention: #9a6700;
    --fgColor-done: #8250df;
    --fgColor-muted: #59636e;
    --fgColor-success: #1a7f37;
    --bgColor-default: #ffffff;
    --borderColor-muted: #d1d9e0b3;
    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
    --color-prettylights-syntax-markup-bold: #1f2328;
    --color-prettylights-syntax-markup-italic: #1f2328;
    --color-prettylights-syntax-storage-modifier-import: #1f2328;
    --fgColor-default: #1f2328;
    --focus-outlineColor: var(--borderColor-accent-emphasis);
    --borderColor-neutral-muted: var(--borderColor-muted);
  }
}

.markdown-body {
  /** CSS default easing. Use for hover state changes and micro-interactions. */
  /** Accelerating motion. Use for elements exiting the viewport (moving off-screen). */
  /** Smooth acceleration and deceleration. Use for elements moving or morphing within the viewport. */
  /** Decelerating motion. Use for elements entering the viewport or appearing on screen. */
  /** Constant motion with no acceleration. Use for continuous animations like progress bars or loaders. */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  font-weight: var(--base-text-weight-normal, 400);
  color: var(--fgColor-default);
  background-color: var(--bgColor-default);
  font-family: var(--fontStack-sansSerif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji");
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

.markdown-body a {
  text-decoration: underline;
  text-underline-offset: .2rem;
}

.markdown-body .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}

.markdown-body h1:hover .anchor .octicon-link:before,
.markdown-body h2:hover .anchor .octicon-link:before,
.markdown-body h3:hover .anchor .octicon-link:before,
.markdown-body h4:hover .anchor .octicon-link:before,
.markdown-body h5:hover .anchor .octicon-link:before,
.markdown-body h6:hover .anchor .octicon-link:before {
  width: 16px;
  height: 16px;
  content: ' ';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
}

.markdown-body details,
.markdown-body figcaption,
.markdown-body figure {
  display: block;
}

.markdown-body summary {
  display: list-item;
}

.markdown-body [hidden] {
  display: none !important;
}

.markdown-body a {
  background-color: rgba(0,0,0,0);
  color: var(--fgColor-accent);
  text-decoration: none;
}

.markdown-body abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.markdown-body b,
.markdown-body strong {
  font-weight: var(--base-text-weight-semibold, 600);
}

.markdown-body dfn {
  font-style: italic;
}

.markdown-body h1 {
  margin: .67em 0;
  font-weight: var(--base-text-weight-semibold, 600);
  padding-bottom: .3em;
  font-size: 2em;
  border-bottom: 1px solid var(--borderColor-muted);
}

.markdown-body mark {
  background-color: var(--bgColor-attention-muted);
  color: var(--fgColor-default);
}

.markdown-body small {
  font-size: 90%;
}

.markdown-body sub,
.markdown-body sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.markdown-body sub {
  bottom: -0.25em;
}

.markdown-body sup {
  top: -0.5em;
}

.markdown-body img {
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre,
.markdown-body samp {
  font-family: monospace;
  font-size: 1em;
}

.markdown-body figure {
  margin: 1em var(--base-size-40);
}

.markdown-body hr {
  box-sizing: content-box;
  overflow: hidden;
  background: rgba(0,0,0,0);
  border-bottom: 1px solid var(--borderColor-muted);
  height: .25em;
  padding: 0;
  margin: var(--base-size-24) 0;
  background-color: var(--borderColor-default);
  border: 0;
}

.markdown-body input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.markdown-body [type=button],
.markdown-body [type=reset],
.markdown-body [type=submit] {
  -webkit-appearance: button;
  appearance: button;
}

.markdown-body [type=checkbox],
.markdown-body [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.markdown-body [type=number]::-webkit-inner-spin-button,
.markdown-body [type=number]::-webkit-outer-spin-button {
  height: auto;
}

.markdown-body [type=search]::-webkit-search-cancel-button,
.markdown-body [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

.markdown-body ::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

.markdown-body ::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}

.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body ::placeholder {
  color: var(--fgColor-muted);
  opacity: 1;
}

.markdown-body hr::before {
  display: table;
  content: "";
}

.markdown-body hr::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
  overflow: auto;
  font-variant: tabular-nums;
}

.markdown-body td,
.markdown-body th {
  padding: 0;
}

.markdown-body details summary {
  cursor: pointer;
}

.markdown-body a:focus,
.markdown-body [role=button]:focus,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=checkbox]:focus {
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: -2px;
  box-shadow: none;
}

.markdown-body a:focus:not(:focus-visible),
.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body input[type=radio]:focus:not(:focus-visible),
.markdown-body input[type=checkbox]:focus:not(:focus-visible) {
  outline: solid 1px rgba(0,0,0,0);
}

.markdown-body a:focus-visible,
.markdown-body [role=button]:focus-visible,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus-visible {
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: -2px;
  box-shadow: none;
}

.markdown-body a:not([class]):focus,
.markdown-body a:not([class]):focus-visible,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus,
.markdown-body input[type=checkbox]:focus-visible {
  outline-offset: 0;
}

.markdown-body kbd {
  display: inline-block;
  padding: var(--base-size-4);
  font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
  line-height: 10px;
  color: var(--fgColor-default);
  vertical-align: middle;
  background-color: var(--bgColor-muted);
  border: solid 1px var(--borderColor-neutral-muted);
  border-bottom-color: var(--borderColor-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted);
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: var(--base-size-24);
  margin-bottom: var(--base-size-16);
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 1.25;
}

.markdown-body h2 {
  font-weight: var(--base-text-weight-semibold, 600);
  padding-bottom: .3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--borderColor-muted);
}

.markdown-body h3 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 1.25em;
}

.markdown-body h4 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 1em;
}

.markdown-body h5 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: .875em;
}

.markdown-body h6 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: .85em;
  color: var(--fgColor-muted);
}

.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}

.markdown-body blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--fgColor-muted);
  border-left: .25em solid var(--borderColor-default);
}

.markdown-body ul,
.markdown-body ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}

.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}

.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
  list-style-type: lower-alpha;
}

.markdown-body dd {
  margin-left: 0;
}

.markdown-body tt,
.markdown-body code,
.markdown-body samp {
  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
  font-size: 12px;
}

.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
  font-size: 12px;
  word-wrap: normal;
}

.markdown-body .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}

.markdown-body input::-webkit-outer-spin-button,
.markdown-body input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.markdown-body .mr-2 {
  margin-right: var(--base-size-8, 8px) !important;
}

.markdown-body::before {
  display: table;
  content: "";
}

.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body>*:first-child {
  margin-top: 0 !important;
}

.markdown-body>*:last-child {
  margin-bottom: 0 !important;
}

.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.markdown-body .absent {
  color: var(--fgColor-danger);
}

.markdown-body .anchor {
  float: left;
  padding-right: var(--base-size-4);
  margin-left: -20px;
  line-height: 1;
}

.markdown-body .anchor:focus {
  outline: none;
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
  margin-top: 0;
  margin-bottom: var(--base-size-16);
}

.markdown-body blockquote>:first-child {
  margin-top: 0;
}

.markdown-body blockquote>:last-child {
  margin-bottom: 0;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: var(--fgColor-default);
  vertical-align: middle;
  visibility: hidden;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}

.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
  padding: 0 .2em;
  font-size: inherit;
}

.markdown-body summary h1,
.markdown-body summary h2,
.markdown-body summary h3,
.markdown-body summary h4,
.markdown-body summary h5,
.markdown-body summary h6 {
  display: inline-block;
}

.markdown-body summary h1 .anchor,
.markdown-body summary h2 .anchor,
.markdown-body summary h3 .anchor,
.markdown-body summary h4 .anchor,
.markdown-body summary h5 .anchor,
.markdown-body summary h6 .anchor {
  margin-left: -40px;
}

.markdown-body summary h1,
.markdown-body summary h2 {
  padding-bottom: 0;
  border-bottom: 0;
}

.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}

.markdown-body ol[type="a s"] {
  list-style-type: lower-alpha;
}

.markdown-body ol[type="A s"] {
  list-style-type: upper-alpha;
}

.markdown-body ol[type="i s"] {
  list-style-type: lower-roman;
}

.markdown-body ol[type="I s"] {
  list-style-type: upper-roman;
}

.markdown-body ol[type="1"] {
  list-style-type: decimal;
}

.markdown-body div>ol:not([type]) {
  list-style-type: decimal;
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body li>p {
  margin-top: var(--base-size-16);
}

.markdown-body li+li {
  margin-top: .25em;
}

.markdown-body dl {
  padding: 0;
}

.markdown-body dl dt {
  padding: 0;
  margin-top: var(--base-size-16);
  font-size: 1em;
  font-style: italic;
  font-weight: var(--base-text-weight-semibold, 600);
}

.markdown-body dl dd {
  padding: 0 var(--base-size-16);
  margin-bottom: var(--base-size-16);
}

.markdown-body table th {
  font-weight: var(--base-text-weight-semibold, 600);
}

.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid var(--borderColor-default);
}

.markdown-body table td>:last-child {
  margin-bottom: 0;
}

.markdown-body table tr {
  background-color: var(--bgColor-default);
  border-top: 1px solid var(--borderColor-muted);
}

.markdown-body table tr:nth-child(2n) {
  background-color: var(--bgColor-muted);
}

.markdown-body table img {
  background-color: rgba(0,0,0,0);
}

.markdown-body img[align=right] {
  padding-left: 20px;
}

.markdown-body img[align=left] {
  padding-right: 20px;
}

.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: rgba(0,0,0,0);
}

.markdown-body span.frame {
  display: block;
  overflow: hidden;
}

.markdown-body span.frame>span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--borderColor-default);
}

.markdown-body span.frame span img {
  display: block;
  float: left;
}

.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--fgColor-default);
}

.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}

.markdown-body span.align-center>span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}

.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}

.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}

.markdown-body span.align-right>span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}

.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}

.markdown-body span.float-left span {
  margin: 13px 0 0;
}

.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}

.markdown-body span.float-right>span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body code,
.markdown-body tt {
  padding: .2em .4em;
  margin: 0;
  font-size: 85%;
  white-space: break-spaces;
  background-color: var(--bgColor-neutral-muted);
  border-radius: 6px;
}

.markdown-body code br,
.markdown-body tt br {
  display: none;
}

.markdown-body del code {
  text-decoration: inherit;
}

.markdown-body samp {
  font-size: 85%;
}

.markdown-body pre code {
  font-size: 100%;
}

.markdown-body pre>code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: rgba(0,0,0,0);
  border: 0;
}

.markdown-body .highlight {
  margin-bottom: var(--base-size-16);
}

.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

.markdown-body .highlight pre,
.markdown-body pre {
  padding: var(--base-size-16);
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  color: var(--fgColor-default);
  background-color: var(--bgColor-muted);
  border-radius: 6px;
}

.markdown-body pre code,
.markdown-body pre tt {
  display: inline;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: rgba(0,0,0,0);
  border: 0;
}

.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}

.markdown-body .csv-data .blob-num {
  padding: 10px var(--base-size-8) 9px;
  text-align: right;
  background: var(--bgColor-default);
  border: 0;
}

.markdown-body .csv-data tr {
  border-top: 0;
}

.markdown-body .csv-data th {
  font-weight: var(--base-text-weight-semibold, 600);
  background: var(--bgColor-muted);
  border-top: 0;
}

.markdown-body [data-footnote-ref]::before {
  content: "[";
}

.markdown-body [data-footnote-ref]::after {
  content: "]";
}

.markdown-body .footnotes {
  font-size: 12px;
  color: var(--fgColor-muted);
  border-top: 1px solid var(--borderColor-default);
}

.markdown-body .footnotes ol {
  padding-left: var(--base-size-16);
}

.markdown-body .footnotes ol ul {
  display: inline-block;
  padding-left: var(--base-size-16);
  margin-top: var(--base-size-16);
}

.markdown-body .footnotes li {
  position: relative;
}

.markdown-body .footnotes li:target::before {
  position: absolute;
  top: calc(var(--base-size-8)*-1);
  right: calc(var(--base-size-8)*-1);
  bottom: calc(var(--base-size-8)*-1);
  left: calc(var(--base-size-24)*-1);
  pointer-events: none;
  content: "";
  border: 2px solid var(--borderColor-accent-emphasis);
  border-radius: 6px;
}

.markdown-body .footnotes li:target {
  color: var(--fgColor-default);
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}

.markdown-body .pl-c {
  color: var(--color-prettylights-syntax-comment);
}

.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: var(--color-prettylights-syntax-constant);
}

.markdown-body .pl-e,
.markdown-body .pl-en {
  color: var(--color-prettylights-syntax-entity);
}

.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
  color: var(--color-prettylights-syntax-storage-modifier-import);
}

.markdown-body .pl-ent {
  color: var(--color-prettylights-syntax-entity-tag);
}

.markdown-body .pl-k {
  color: var(--color-prettylights-syntax-keyword);
}

.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
  color: var(--color-prettylights-syntax-string);
}

.markdown-body .pl-v,
.markdown-body .pl-smw {
  color: var(--color-prettylights-syntax-variable);
}

.markdown-body .pl-bu {
  color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
}

.markdown-body .pl-ii {
  color: var(--color-prettylights-syntax-invalid-illegal-text);
  background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
}

.markdown-body .pl-c2 {
  color: var(--color-prettylights-syntax-carriage-return-text);
  background-color: var(--color-prettylights-syntax-carriage-return-bg);
}

.markdown-body .pl-sr .pl-cce {
  font-weight: bold;
  color: var(--color-prettylights-syntax-string-regexp);
}

.markdown-body .pl-ml {
  color: var(--color-prettylights-syntax-markup-list);
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: bold;
  color: var(--color-prettylights-syntax-markup-heading);
}

.markdown-body .pl-mi {
  font-style: italic;
  color: var(--color-prettylights-syntax-markup-italic);
}

.markdown-body .pl-mb {
  font-weight: bold;
  color: var(--color-prettylights-syntax-markup-bold);
}

.markdown-body .pl-md {
  color: var(--color-prettylights-syntax-markup-deleted-text);
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}

.markdown-body .pl-mi1 {
  color: var(--color-prettylights-syntax-markup-inserted-text);
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}

.markdown-body .pl-mc {
  color: var(--color-prettylights-syntax-markup-changed-text);
  background-color: var(--color-prettylights-syntax-markup-changed-bg);
}

.markdown-body .pl-mi2 {
  color: var(--color-prettylights-syntax-markup-ignored-text);
  background-color: var(--color-prettylights-syntax-markup-ignored-bg);
}

.markdown-body .pl-mdr {
  font-weight: bold;
  color: var(--color-prettylights-syntax-meta-diff-range);
}

.markdown-body .pl-ba {
  color: var(--color-prettylights-syntax-brackethighlighter-angle);
}

.markdown-body .pl-sg {
  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}

.markdown-body .pl-corl {
  text-decoration: underline;
  color: var(--color-prettylights-syntax-constant-other-reference-link);
}

.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
.markdown-body button:focus:not(:focus-visible),
.markdown-body summary:focus:not(:focus-visible),
.markdown-body a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

.markdown-body [tabindex="0"]:focus:not(:focus-visible),
.markdown-body details-dialog:focus:not(:focus-visible) {
  outline: none;
}

.markdown-body g-emoji {
  display: inline-block;
  min-width: 1ch;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 1em;
  font-style: normal !important;
  font-weight: var(--base-text-weight-normal, 400);
  line-height: 1;
  vertical-align: -0.075em;
}

.markdown-body g-emoji img {
  width: 1em;
  height: 1em;
}

.markdown-body a:has(>p,>div,>pre,>blockquote) {
  display: block;
}

.markdown-body a:has(>p,>div,>pre,>blockquote):not(:has(.snippet-clipboard-content,>pre)) {
  width: fit-content;
}

.markdown-body a:has(>p,>div,>pre,>blockquote):has(.snippet-clipboard-content,>pre):focus-visible {
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: 2px;
}

.markdown-body .task-list-item {
  list-style-type: none;
}

.markdown-body .task-list-item label {
  font-weight: var(--base-text-weight-normal, 400);
}

.markdown-body .task-list-item.enabled label {
  cursor: pointer;
}

.markdown-body .task-list-item+.task-list-item {
  margin-top: var(--base-size-4);
}

.markdown-body .task-list-item .handle {
  display: none;
}

.markdown-body .task-list-item-checkbox {
  margin: 0 .2em .25em -1.4em;
  vertical-align: middle;
}

.markdown-body ul:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}

.markdown-body ol:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}

.markdown-body .contains-task-list:hover .task-list-item-convert-container,
.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
  display: block;
  width: auto;
  height: 24px;
  overflow: visible;
  clip-path: none;
}

.markdown-body ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}

.markdown-body .markdown-alert {
  padding: var(--base-size-8) var(--base-size-16);
  margin-bottom: var(--base-size-16);
  color: inherit;
  border-left: .25em solid var(--borderColor-default);
}

.markdown-body .markdown-alert>:first-child {
  margin-top: 0;
}

.markdown-body .markdown-alert>:last-child {
  margin-bottom: 0;
}

.markdown-body .markdown-alert .markdown-alert-title {
  display: flex;
  font-weight: var(--base-text-weight-medium, 500);
  align-items: center;
  line-height: 1;
}

.markdown-body .markdown-alert.markdown-alert-note {
  border-left-color: var(--borderColor-accent-emphasis);
}

.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--fgColor-accent);
}

.markdown-body .markdown-alert.markdown-alert-important {
  border-left-color: var(--borderColor-done-emphasis);
}

.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--fgColor-done);
}

.markdown-body .markdown-alert.markdown-alert-warning {
  border-left-color: var(--borderColor-attention-emphasis);
}

.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--fgColor-attention);
}

.markdown-body .markdown-alert.markdown-alert-tip {
  border-left-color: var(--borderColor-success-emphasis);
}

.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--fgColor-success);
}

.markdown-body .markdown-alert.markdown-alert-caution {
  border-left-color: var(--borderColor-danger-emphasis);
}

.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--fgColor-danger);
}

.markdown-body>*:first-child>.heading-element:first-child {
  margin-top: 0 !important;
}

.markdown-body .highlight pre:has(+.zeroclipboard-container) {
  min-height: 52px;
}

._backdrop_awn9x_1 {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: var(--overlay-bg-strong);
  backdrop-filter: blur(8px);
}

._modal_awn9x_13 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: min(96vw, 1440px);
  max-height: calc(100vh - 3rem);
  width: fit-content;
}

._toolbar_awn9x_22 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0.625rem 0.75rem;
  background: var(--bg-primary);
  border: 1px solid var(--border);
  border-radius: 0.875rem;
  box-shadow: var(--shadow-lg);
}

._titleGroup_awn9x_37 {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

._actions_awn9x_46 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

._title_awn9x_37 {
  display: block;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._hint_awn9x_63 {
  color: var(--text-secondary);
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._closeButton_awn9x_71,
._actionButton_awn9x_72 {
  flex-shrink: 0;
}

._linkAction_awn9x_76 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  text-decoration: none;
}

._linkAction_awn9x_76:hover {
  color: var(--text-primary);
}

._zoomLabel_awn9x_88 {
  min-width: 3.5rem;
  padding: 0.125rem 0.5rem;
  color: var(--text-secondary);
  font-size: 0.75rem;
  text-align: right;
  background: var(--bg-secondary);
  border-radius: 9999px;
}

._surface_awn9x_98 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: var(--bg-primary);
  border: 1px solid var(--border);
  border-radius: 1rem;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

._image_awn9x_111 {
  display: block;
  max-width: min(92vw, 1400px);
  max-height: calc(100vh - 10rem);
  width: auto;
  height: auto;
  object-fit: contain;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  user-select: none;
  transform-origin: center center;
}

._separator_awn9x_124 {
  width: 1px;
  height: 1.25rem;
  background: var(--border);
  margin: 0 0.25rem;
  flex-shrink: 0;
}

._loading_awn9x_132 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--text-secondary);
  z-index: 1;
}

._loadingSpinner_awn9x_143 {
  animation: _spin_awn9x_1 1s linear infinite;
}

._error_awn9x_147 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 200px;
  color: var(--text-secondary);
  z-index: 1;
}

._errorIcon_awn9x_160 {
  opacity: 0.5;
}

._errorText_awn9x_164 {
  font-size: 0.875rem;
}

@keyframes _spin_awn9x_1 {
  to {
    transform: rotate(360deg);
  }
}
._markdownBody_1wu4t_1 {
  background: transparent !important;
  font-size: 0.875rem;
  color: var(--text-primary);
  white-space-collapse: collapse;
}

._blockWrapper_1wu4t_8 {
  position: relative;
}

._markdownBody_1wu4t_1 :where(h1, h2, h3, h4, h5, h6) {
  color: var(--text-primary);
  border-bottom-color: var(--border);
}

._markdownBody_1wu4t_1 blockquote {
  color: var(--text-secondary);
  border-left-color: var(--border);
}

._markdownBody_1wu4t_1 hr {
  background-color: var(--border);
}

._markdownBody_1wu4t_1 table tr {
  background-color: transparent;
  border-color: var(--border);
}

._markdownBody_1wu4t_1 table tr:nth-child(2n) {
  background-color: var(--bg-secondary);
}

._markdownBody_1wu4t_1 table td,
._markdownBody_1wu4t_1 table th {
  border-color: var(--border);
}

._frontmatterTable_1wu4t_40 {
  display: table;
  width: 100%;
  margin: 0 0 1rem;
  font-size: 0.8125rem;
}

._frontmatterTable_1wu4t_40 th {
  color: var(--text-secondary);
  font-weight: 600;
  white-space: nowrap;
}

._frontmatterTable_1wu4t_40 td:first-child {
  width: 28%;
  color: var(--text-secondary);
  font-family: var(--font-mono, monospace);
  white-space: nowrap;
}

._frontmatterTable_1wu4t_40 td:last-child {
  color: var(--text-primary);
  word-break: break-word;
}

._markdownBody_1wu4t_1 a {
  color: var(--accent-purple);
}

._inlinePathCode_1wu4t_69 {
  cursor: pointer;
  text-decoration: none;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

._inlinePathCode_1wu4t_69:hover,
._inlinePathCode_1wu4t_69:focus-visible {
  color: var(--accent-purple);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--accent-purple) 60%, transparent);
  outline: none;
}

._inlineImage_1wu4t_83 {
  max-width: 100%;
  max-height: 320px;
  object-fit: contain;
  border-radius: 6px;
  cursor: zoom-in;
  transition: opacity 0.2s ease;
}

._inlineImage_1wu4t_83:hover {
  opacity: 0.95;
}

._brokenImage_1wu4t_96 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  min-width: 120px;
  max-width: 100%;
  background: var(--bg-tertiary);
  border-radius: 6px;
  color: var(--text-tertiary);
}

._markdownBody_1wu4t_1 pre:has(._codeBlock_1wu4t_108) {
  background: var(--bg-secondary) !important;
}

._codeBlock_1wu4t_108 {
  position: relative;
}

._copyButton_1wu4t_116 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 0.375rem;
  font-size: 0.75rem;
  color: var(--text-secondary);
  cursor: pointer;
  opacity: 0;
 user-select: none;
  transition: opacity 0.2s;
  z-index: 1;
}

._previewButton_1wu4t_136 {
  right: 5rem;
}

._blockCopyButton_1wu4t_141 {
  top: 0;
}

._codeBlock_1wu4t_108:hover ._copyButton_1wu4t_116,
._codeBlock_1wu4t_108:focus-within ._copyButton_1wu4t_116 {
  opacity: 1;
}

._blockWrapper_1wu4t_8:hover ._blockCopyButton_1wu4t_141,
._blockWrapper_1wu4t_8:focus-within ._blockCopyButton_1wu4t_141 {
  opacity: 1;
}

._copyButton_1wu4t_116:hover {
  background: var(--backdrop-blur);
  color: var(--text-primary);
}

._mermaidContainer_1wu4t_160 {
  margin: 0 0;
  padding: 0;
  background: var(--bg-secondary);
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  text-wrap: initial;
  height: 100%;
  cursor: grab;
  touch-action: none;
}

._mermaidContainer_1wu4t_160:active {
  cursor: grabbing;
}

._mermaidContainer_1wu4t_160 svg {
  max-width: none;
  height: auto;
  display: block;
  transform-origin: 0 0;
  transition: none;
}

._mermaidBlock_1wu4t_185 {
  position: relative;
  margin: 0;
}

._mermaidViewport_1wu4t_190 {
  border-radius: 0.5rem;
  overflow: hidden;
}

._mermaidSource_1wu4t_195 {
  height: 100%;
  overflow: auto;
}

._mermaidError_1wu4t_200 {
  margin: 0 0;
  padding: 1em;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  color: var(--text-secondary);
  font-family: monospace;
  font-size: 0.875rem;
}

._colorValue_1wu4t_211 {
  position: relative;
  cursor: help;
}

._colorPreview_1wu4t_216 {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  border: 1px solid var(--border-color);
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  box-shadow: var(--shadow-sm);
}

._colorValue_1wu4t_211:hover ._colorPreview_1wu4t_216 {
  opacity: 1;
}
._container_hajav_1 {
  position: relative;
  padding: 0;
}

._toggleButton_hajav_6 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 2;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text-secondary);
  opacity: 0;
  transition: opacity 0.15s ease;
}

._container_hajav_1:hover ._toggleButton_hajav_6 {
  opacity: 1;
}

._toggleButton_hajav_6:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._viewport_hajav_27 {
  border-radius: 0.5rem;
  overflow: hidden;
}

._panel_hajav_32 {
  height: 100%;
}
._container_1o1st_1 {
  font-family: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 12px;
  line-height: 1.5;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  overflow: hidden;
  background: var(--bg-primary);
}

._containerFullHeight_1o1st_11 ._body_1o1st_11 {
  max-height: none;
}

._header_1o1st_15 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-color);
  font-size: 11px;
  color: var(--text-secondary);
}

._headerHint_1o1st_26 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-tertiary);
}

._stats_1o1st_34 {
  display: flex;
  gap: 12px;
  margin-left: auto;
}

._stat_1o1st_34 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._statAdd_1o1st_46 {
  color: #2ea043;
}

._statDel_1o1st_50 {
  color: #cf222e;
}

._statPlaceholder_1o1st_54 {
  color: var(--text-tertiary);
}

._body_1o1st_11 {
  overflow-x: auto;
}

._line_1o1st_62 {
  display: flex;
  min-height: 20px;
  min-width: max-content;
}

._lineNum_1o1st_68 {
  flex-shrink: 0;
  width: 48px;
  padding: 0 8px;
  text-align: right;
  color: var(--text-tertiary);
  background: var(--bg-secondary);
  user-select: none;
  border-right: 1px solid var(--border-color);
}

._lineContent_1o1st_79 {
  flex: 1;
  padding: 0 12px;
  white-space: pre;
  min-width: 0;
}

._marker_1o1st_86 {
  display: inline-block;
  width: 16px;
  margin-left: -4px;
  user-select: none;
}

._lineAdd_1o1st_93 {
  background: rgba(46, 160, 67, 0.12);
}

._lineAdd_1o1st_93 ._lineNum_1o1st_68 {
  background: rgba(46, 160, 67, 0.08);
  color: #2ea043;
}

._lineAdd_1o1st_93 ._lineContent_1o1st_79 {
  color: #1a7f37;
}

._lineDel_1o1st_106 {
  background: rgba(248, 81, 73, 0.12);
}

._lineDel_1o1st_106 ._lineNum_1o1st_68 {
  background: rgba(248, 81, 73, 0.08);
  color: #cf222e;
}

._lineDel_1o1st_106 ._lineContent_1o1st_79 {
  color: #a40e26;
}

._lineHunk_1o1st_119 {
  background: rgba(84, 130, 185, 0.08);
  color: var(--text-tertiary);
}

._lineHunk_1o1st_119 ._lineNum_1o1st_68 {
  background: rgba(84, 130, 185, 0.05);
}

._lineCollapsed_1o1st_128 {
  background: var(--bg-secondary);
  color: var(--text-tertiary);
}

._lineCollapsed_1o1st_128 ._lineContent_1o1st_79 {
  color: var(--text-tertiary);
}

._linePlaceholder_1o1st_137 {
  background: var(--bg-primary);
}

._placeholderText_1o1st_141 {
  display: inline-block;
  width: min(420px, 55vw);
  height: 10px;
  border-radius: 999px;
  background: var(--bg-secondary);
  opacity: 0.7;
}

._lineNormal_1o1st_150 ._lineContent_1o1st_79 {
  color: var(--text-secondary);
}
._chip_1e7dd_1 {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  padding: 3px 8px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-primary) 8%, var(--bg-primary));
  color: var(--color-primary);
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

._chip_1e7dd_1:hover,
._chip_1e7dd_1:focus-visible {
  background: color-mix(in srgb, var(--color-primary) 14%, var(--bg-primary));
  border-color: color-mix(in srgb, var(--color-primary) 40%, transparent);
  outline: none;
}

._chip_1e7dd_1:active {
  transform: translateY(1px);
}
._container_q3znu_1 {
  margin-top: 8px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background: var(--bg-primary);
  min-width: 0;
  overflow: hidden;
}

._header_q3znu_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border-color);
}

._title_q3znu_19 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}

._summary_q3znu_25 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--text-tertiary);
}

._list_q3znu_33,
._singleItem_q3znu_34 {
  display: block;
}

._item_q3znu_38:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}

._rowGroup_q3znu_42 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  min-width: 0;
}

._row_q3znu_42,
._rowButton_q3znu_51 {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 0;
  background: transparent;
  border: 0;
  text-align: left;
}

._row_q3znu_42 {
  padding-left: 12px;
  padding-right: 12px;
}

._rowButton_q3znu_51 {
  min-width: 0;
}

._rowButton_q3znu_51 {
  cursor: pointer;
}

._statusIcon_q3znu_76,
._chevron_q3znu_77 {
  flex-shrink: 0;
}

._chevron_q3znu_77 {
  color: var(--text-tertiary);
}

._executor_q3znu_85 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 42%;
  font-size: 12px;
  color: var(--text-secondary);
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._taskSummary_q3znu_99 {
  min-width: 0;
  flex: 1;
  font-size: 12px;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._jumpButton_q3znu_109 {
  /* Layout only. Visual chip behavior lives in TaskIdJumpChip. */
  flex-shrink: 0;
  min-width: 0;
  max-width: min(160px, 36%);
}

._content_q3znu_116 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease;
}

._contentOpen_q3znu_122 {
  max-height: 300px;
  overflow-y: auto;
}

._contentInner_q3znu_127 {
  padding: 0 12px 12px 34px;
}

._singleItem_q3znu_34 ._contentOpen_q3znu_122 {
  max-height: 300px;
  overflow-y: auto;
  padding: 0 12px 12px 34px;
}

._taskDetail_q3znu_137 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  margin: 0 0 8px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}

._taskDetail_q3znu_137 > span {
  color: var(--text-tertiary);
}

._taskDetail_q3znu_137 p {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._emptyResult_q3znu_157,
._emptyList_q3znu_158 {
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.5;
}

._emptyList_q3znu_158 {
  padding: 12px;
}

._errorText_q3znu_168 {
  color: var(--color-error);
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
}
._container_1mjp2_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._artifactButton_1mjp2_7 {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 6px;
  max-width: 100%;
  padding: 4px 7px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}

._artifactButton_1mjp2_7:hover {
  border-color: var(--color-primary);
  color: var(--text-primary);
}

._artifactButton_1mjp2_7 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._container_14is6_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--border-color));
  border-radius: 7px;
  background: color-mix(in srgb, var(--color-primary) 4%, var(--bg-primary));
}

._hero_14is6_12,
._agent_14is6_13 {
  display: flex;
  align-items: center;
}

._hero_14is6_12 {
  justify-content: space-between;
  gap: 12px;
}

._agent_14is6_13 {
  gap: 8px;
  min-width: 0;
}

._heroText_14is6_28 {
  min-width: 0;
}

._title_14is6_32 {
  overflow: hidden;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._meta_14is6_42 {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.35;
}

._spinning_14is6_52 {
  flex-shrink: 0;
  color: var(--color-primary);
  animation: _spin_14is6_52 1s linear infinite;
}

._successIcon_14is6_58 {
  flex-shrink: 0;
  color: var(--color-success);
}

._failedIcon_14is6_63 {
  flex-shrink: 0;
  color: var(--color-error);
}

._taskBlock_14is6_68 {
  padding: 8px 10px;
  border-left: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  border-radius: 0 5px 5px 0;
  background: color-mix(in srgb, var(--bg-secondary) 74%, transparent);
}

._label_14is6_75 {
  color: var(--text-tertiary);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-transform: uppercase;
}

._taskText_14is6_84 {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._taskIdRow_14is6_93 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._result_14is6_99 {
  padding-top: 2px;
  color: var(--text-secondary);
  font-size: 12px;
}

._error_14is6_105 {
  color: var(--color-error);
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
}

@keyframes _spin_14is6_52 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
._container_17zcn_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 20%, var(--border-color));
  border-radius: 7px;
  background: color-mix(in srgb, var(--color-primary) 4%, var(--bg-primary));
}

._hero_17zcn_12,
._heroTitle_17zcn_13,
._personRow_17zcn_14,
._responseSummary_17zcn_15,
._taskRow_17zcn_16,
._metaRow_17zcn_17 {
  display: flex;
  align-items: center;
}

._hero_17zcn_12 {
  justify-content: space-between;
  gap: 12px;
}

._heroTitle_17zcn_13 {
  gap: 8px;
  min-width: 0;
  color: var(--text-primary);
}

._title_17zcn_33 {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

._meta_17zcn_17,
._metaRow_17zcn_17 {
  margin-top: 2px;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.35;
}

._metaRow_17zcn_17 {
  gap: 6px;
}

._field_17zcn_52 {
  padding: 8px 10px;
  border-left: 2px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
  border-radius: 0 5px 5px 0;
  background: color-mix(in srgb, var(--bg-secondary) 74%, transparent);
}

._label_17zcn_59 {
  color: var(--text-tertiary);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-transform: uppercase;
}

._fieldContent_17zcn_68 {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._peopleGrid_17zcn_77,
._taskList_17zcn_78,
._responseList_17zcn_79 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._personRow_17zcn_14 {
  gap: 7px;
  min-width: 0;
  padding: 6px 8px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 62%, transparent);
}

._personName_17zcn_93 {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._statusPill_17zcn_103 {
  flex-shrink: 0;
  padding: 1px 6px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1.4;
}

._statusPending_17zcn_112 {
  color: color-mix(in srgb, var(--color-primary) 82%, var(--text-primary));
  border-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

._statusSuccess_17zcn_118 {
  color: color-mix(in srgb, var(--color-success) 88%, var(--text-primary));
  border-color: color-mix(in srgb, var(--color-success) 20%, transparent);
  background: color-mix(in srgb, var(--color-success) 8%, transparent);
}

._statusError_17zcn_124 {
  color: var(--color-error);
  border-color: color-mix(in srgb, var(--color-error) 20%, transparent);
  background: color-mix(in srgb, var(--color-error) 8%, transparent);
}

._responseItem_17zcn_130 {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--border-color) 80%, transparent);
  border-radius: 6px;
  background: var(--bg-primary);
}

._responseSummary_17zcn_15 {
  gap: 7px;
  padding: 8px 9px;
  cursor: pointer;
  list-style: none;
}

._responseSummary_17zcn_15::-webkit-details-marker {
  display: none;
}

._responseContent_17zcn_148 {
  max-height: min(280px, 42vh);
  overflow-y: auto;
  padding: 0 10px 10px 34px;
  color: var(--text-secondary);
  font-size: 12px;
}

._taskRow_17zcn_16 {
  gap: 8px;
  padding: 8px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 68%, transparent);
}

._taskMain_17zcn_163 {
  min-width: 0;
  flex: 1;
}

._taskTitle_17zcn_168 {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._taskChip_17zcn_177 {
  max-width: min(150px, 32%);
}

._spinning_17zcn_181,
._statusErrorIcon_17zcn_182,
._statusSuccessIcon_17zcn_183 {
  flex-shrink: 0;
}

._spinning_17zcn_181 {
  color: var(--color-primary);
  animation: _spin_17zcn_181 1s linear infinite;
}

._statusErrorIcon_17zcn_182 {
  color: var(--color-error);
}

._statusSuccessIcon_17zcn_183 {
  color: var(--color-success);
}

._error_17zcn_200,
._empty_17zcn_201 {
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
}

._error_17zcn_200 {
  color: var(--color-error);
}

@keyframes _spin_17zcn_181 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
._card_asz4r_1 {
  margin: 8px 0;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background: var(--bg-secondary);
  overflow: hidden;
}

._embedded_asz4r_9 {
  margin: 0;
  border-color: var(--border-default);
  background: color-mix(in srgb, var(--bg-secondary) 72%, var(--bg-primary) 28%);
  box-shadow: none;
}

._toolHead_asz4r_16 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  overflow: hidden;
  background: var(--color-bg-secondary);
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  user-select: none;
  transition: background 0.15s ease;
}

._toolHead_asz4r_16:hover {
  background: var(--hover-bg);
}

._collapsed_asz4r_36 ._toolHead_asz4r_16 {
  border-bottom: none;
}

._toolIcon_asz4r_40 {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._toolName_asz4r_45 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  flex-shrink: 0;
}

._argSummaryWrap_asz4r_52 {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

._argSummary_asz4r_52 {
  /* 文件预览按钮随文本收缩，避免整段标题空白都触发打开文件。 */
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-tertiary);
  overflow: hidden;
  white-space: nowrap;
  margin-left: 4px;
  padding: 0 12px 0 0;
  border: none;
  border-bottom: 1px dashed transparent;
  background: transparent;
  font-family: inherit;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 2px;
}

._argSummaryPath_asz4r_84 {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._argSummaryCounts_asz4r_92 {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  gap: 5px;
  flex-shrink: 0;
  white-space: nowrap;
  margin-left: 8px;
}

._argSummaryClickable_asz4r_102 {
  color: var(--color-primary);
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    outline-color 0.15s ease;
}

._argSummaryClickable_asz4r_102:hover,
._argSummaryClickable_asz4r_102:focus-visible {
  border-bottom-color: var(--color-primary);
}

._argSummaryClickable_asz4r_102:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 2px;
}

._copyFilePathButton_asz4r_120 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin-left: 2px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition:
    color 0.15s ease,
    background 0.15s ease,
    opacity 0.15s ease;
}

._argSummaryWrap_asz4r_52:hover ._copyFilePathButton_asz4r_120,
._copyFilePathButton_asz4r_120:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

._copyFilePathButton_asz4r_120:hover {
  color: var(--color-primary);
  background: var(--hover-bg);
}

._copyFilePathButton_asz4r_120:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 1px;
}

@media (hover: none), (any-pointer: coarse) {
  ._copyFilePathButton_asz4r_120 {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    opacity: 1;
    pointer-events: auto;
  }
}

._argLineCount_asz4r_168 {
  color: color-mix(in srgb, var(--color-success) 74%, var(--text-tertiary));
  padding: 0;
  font-weight: 600;
  line-height: 1;
}

._argLineRemoved_asz4r_175 {
  color: color-mix(in srgb, var(--color-error) 72%, var(--text-tertiary));
  padding: 0;
  font-weight: 600;
  line-height: 1;
}

._spacer_asz4r_182 {
  flex: 1;
}

._duration_asz4r_186 {
  font-size: 0.85em;
  color: var(--text-tertiary);
  margin-left: 8px;
  flex-shrink: 0;
  white-space: nowrap;
}

._status_asz4r_194 {
  font-size: 12px;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  margin-left: 6px;
}

._pending_asz4r_204 ._status_asz4r_194 {
  color: var(--text-tertiary);
}

._success_asz4r_208 ._status_asz4r_194 {
  color: var(--color-success);
}

._error_asz4r_212 {
  border-color: var(--color-error-strong);
}

._error_asz4r_212 ._status_asz4r_194 {
  color: var(--color-error);
}

._body_asz4r_220 {
  padding: 10px 12px 12px 12px;
}

._loadingDetail_asz4r_224 {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding-left: 9px;
  border-left: 2px solid color-mix(in srgb, var(--color-primary) 32%, var(--border-color));
}

._loadingTitle_asz4r_232 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
}

._loadingStatus_asz4r_241 {
  display: grid;
  gap: 7px;
}

._loadingFacts_asz4r_246 {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 4px 10px;
  min-width: 0;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

._loadingFacts_asz4r_246 dt {
  color: var(--text-tertiary);
}

._loadingFacts_asz4r_246 dd {
  min-width: 0;
  margin: 0;
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}

._loadingHint_asz4r_267 {
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.45;
}

._label_asz4r_273 {
  font-size: 10px;
  color: var(--text-tertiary);
  margin-bottom: 4px;
}

._result_asz4r_279 {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.45;
}

._resultIcon_asz4r_285 {
  display: inline;
  margin-right: 4px;
  vertical-align: -2px;
  flex-shrink: 0;
}

._errorResult_asz4r_292 {
  max-height: min(120px, 20vh);
  min-width: 0;
  overflow: auto;
  padding: 5px 8px;
  border-left: 2px solid color-mix(in srgb, var(--color-error) 45%, transparent);
  border-radius: 4px;
  color: color-mix(in srgb, var(--color-error) 78%, var(--text-secondary));
  background: color-mix(in srgb, var(--color-error) 4%, var(--bg-primary));
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  overscroll-behavior: contain;
}

._sqlTableWrap_asz4r_307 {
  margin-top: 8px;
  max-height: min(240px, 40vh);
  overflow: auto;
  border-radius: 4px;
  border: 1px solid var(--border-color);
}

._sqlTable_asz4r_307 {
  border-collapse: collapse;
  font-size: 12px;
  width: 100%;
}

._sqlTable_asz4r_307 th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--color-bg-secondary);
  color: var(--text-secondary);
  font-weight: 600;
  padding: 6px 10px;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid var(--border-color);
}

._sqlTable_asz4r_307 td {
  padding: 5px 10px;
  color: var(--text-secondary);
  border-bottom: 1px solid color-mix(in srgb, var(--border-color) 50%, transparent);
  white-space: nowrap;
}

._sqlTable_asz4r_307 tbody tr:hover td {
  background: var(--hover-bg);
}

._diffSection_asz4r_345 {
  margin-top: 8px;
  max-height: min(160px, 30vh);
  overflow: auto;
}

._readFileContent_asz4r_351 {
  max-height: min(160px, 30vh);
  overflow: auto;
  border-radius: 6px;
}

._shellOutput_asz4r_357 {
  margin-top: 8px;
  max-height: min(200px, 60vh);
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--border-color) 76%, transparent);
  border-radius: 4px;
  background: color-mix(in srgb, var(--color-bg-secondary) 82%, var(--bg-primary));
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-all;
}

/* ═══════════════════════════════════════════
   所有带滚动区域：默认隐藏滚动条，hover 显示
   ═══════════════════════════════════════════ */
._sqlTableWrap_asz4r_307,
._diffSection_asz4r_345,
._readFileContent_asz4r_351,
._shellOutput_asz4r_357,
._shellCommandText_asz4r_378,
._patchDiffPanel_asz4r_379 {
  scrollbar-color: transparent transparent;
}

._sqlTableWrap_asz4r_307::-webkit-scrollbar,
._diffSection_asz4r_345::-webkit-scrollbar,
._readFileContent_asz4r_351::-webkit-scrollbar,
._shellOutput_asz4r_357::-webkit-scrollbar,
._shellCommandText_asz4r_378::-webkit-scrollbar,
._patchDiffPanel_asz4r_379::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

._sqlTableWrap_asz4r_307::-webkit-scrollbar-track,
._diffSection_asz4r_345::-webkit-scrollbar-track,
._readFileContent_asz4r_351::-webkit-scrollbar-track,
._shellOutput_asz4r_357::-webkit-scrollbar-track,
._shellCommandText_asz4r_378::-webkit-scrollbar-track,
._patchDiffPanel_asz4r_379::-webkit-scrollbar-track {
  background: transparent;
}

._sqlTableWrap_asz4r_307::-webkit-scrollbar-thumb,
._diffSection_asz4r_345::-webkit-scrollbar-thumb,
._readFileContent_asz4r_351::-webkit-scrollbar-thumb,
._shellOutput_asz4r_357::-webkit-scrollbar-thumb,
._shellCommandText_asz4r_378::-webkit-scrollbar-thumb,
._patchDiffPanel_asz4r_379::-webkit-scrollbar-thumb {
  background: transparent;
}

._sqlTableWrap_asz4r_307:hover,
._diffSection_asz4r_345:hover,
._readFileContent_asz4r_351:hover,
._shellOutput_asz4r_357:hover,
._shellCommandText_asz4r_378:hover,
._patchDiffPanel_asz4r_379:hover {
  scrollbar-color: auto;
}

._sqlTableWrap_asz4r_307:hover::-webkit-scrollbar-thumb,
._diffSection_asz4r_345:hover::-webkit-scrollbar-thumb,
._readFileContent_asz4r_351:hover::-webkit-scrollbar-thumb,
._shellOutput_asz4r_357:hover::-webkit-scrollbar-thumb,
._shellCommandText_asz4r_378:hover::-webkit-scrollbar-thumb,
._patchDiffPanel_asz4r_379:hover::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text-tertiary) 30%, transparent);
  border-radius: 3px;
}

/* SyntaxHighlighter 内部 div（内联 overflow-x:auto）—— 同样默认隐藏 */
._shellOutput_asz4r_357 div::-webkit-scrollbar,
._shellCommandText_asz4r_378 div::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

._shellOutput_asz4r_357 div::-webkit-scrollbar-track,
._shellCommandText_asz4r_378 div::-webkit-scrollbar-track {
  background: transparent;
}

._shellOutput_asz4r_357 div::-webkit-scrollbar-thumb,
._shellCommandText_asz4r_378 div::-webkit-scrollbar-thumb {
  background: transparent;
}

/* SyntaxHighlighter 内部 div：hover 外层时显示 */
._shellOutput_asz4r_357:hover div::-webkit-scrollbar-thumb,
._shellCommandText_asz4r_378:hover div::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text-tertiary) 30%, transparent);
  border-radius: 3px;
}

._shellCommand_asz4r_378 {
  margin-top: 8px;
}

._shellCommandHeader_asz4r_458 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}

._copyBtn_asz4r_466 {
  padding: 0;
  border: 0;
  background: none;
  color: var(--text-tertiary);
  font-size: 10px;
  cursor: pointer;
  white-space: nowrap;
}

._copyBtn_asz4r_466:hover {
  color: var(--color-link);
}

._shellCommandText_asz4r_378 {
  margin: 0;
  max-height: min(120px, 24vh);
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--border-color) 76%, transparent);
  border-radius: 4px;
  background: color-mix(in srgb, var(--color-bg-secondary) 82%, var(--bg-primary));
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.5;
  padding: 6px 10px;
  white-space: pre-wrap;
  word-break: break-all;
}

._stderrOutput_asz4r_496 {
  background: color-mix(in srgb, var(--color-error) 8%, transparent);
}

._shellExpandLink_asz4r_500 {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-link);
  font: inherit;
  cursor: pointer;
}

._shellExpandLink_asz4r_500:hover {
  text-decoration: underline;
}

._actions_asz4r_514 {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
}

._action_asz4r_514 {
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--text-tertiary);
  font-size: 11px;
  border-bottom: 1px dashed transparent;
  cursor: pointer;
  transition:
    color 0.15s ease,
    border-color 0.15s ease;
}

._action_asz4r_514:hover {
  color: var(--text-secondary);
  border-bottom-color: var(--text-tertiary);
}

._action_asz4r_514:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 2px;
}

/* file_patch 可点击文件 chips */
._fileChips_asz4r_545 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

._fileChip_asz4r_545 {
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.045);
  border-radius: 999px;
  padding: 4px 8px;
  color: var(--text-secondary);
  font-size: 11px;
  font-family: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
}

._fileChip_asz4r_545:hover {
  color: var(--color-primary);
  border-color: color-mix(in srgb, var(--color-primary) 30%, transparent);
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

._fileChip_asz4r_545:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 2px;
}

._patchSummaryList_asz4r_582 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
}

._patchSummaryItem_asz4r_589 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

._patchSummaryRow_asz4r_596 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--border-color) 70%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--color-bg-secondary) 75%, transparent);
  color: var(--text-secondary);
  padding: 7px 9px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}

._patchSummaryRow_asz4r_596:hover {
  border-color: color-mix(in srgb, var(--color-primary) 28%, var(--border-color));
  background: color-mix(in srgb, var(--color-primary) 7%, var(--color-bg-secondary));
}

._patchSummaryRow_asz4r_596:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 2px;
}

._patchFileButton_asz4r_626 {
  min-width: 0;
  /* 网格首列会拉伸子项；文件预览仅由路径文字本身触发。 */
  justify-self: start;
  max-width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  overflow: hidden;
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 11px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  cursor: pointer;
}

._patchFileButton_asz4r_626:hover,
._patchFileButton_asz4r_626:focus-visible {
  color: var(--color-primary);
}

._patchFileButton_asz4r_626:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 2px;
}

._patchMeta_asz4r_655 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--text-tertiary);
  font-size: 11px;
  white-space: nowrap;
}

._patchAdd_asz4r_665 {
  color: var(--color-success);
  font-variant-numeric: tabular-nums;
  font-weight: 650;
}

._patchRemove_asz4r_671 {
  color: var(--color-error);
  font-variant-numeric: tabular-nums;
  font-weight: 650;
}

._patchErrorBadge_asz4r_677 {
  padding: 1px 5px;
  border-radius: 4px;
  color: color-mix(in srgb, var(--color-error) 78%, var(--text-secondary));
  background: color-mix(in srgb, var(--color-error) 7%, transparent);
  font-size: 10px;
  font-weight: 600;
}

._patchErrorDetail_asz4r_686 {
  min-width: 0;
  overflow: hidden;
  margin: -2px 9px 0;
  padding-left: 8px;
  border-left: 2px solid color-mix(in srgb, var(--color-error) 25%, transparent);
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._patchErrorDetailExpanded_asz4r_699 {
  overflow: visible;
  text-overflow: clip;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._patchActionHint_asz4r_706 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--text-tertiary);
  font-size: 11px;
  white-space: nowrap;
  opacity: 0.7;
  transition: opacity 0.15s ease;
}

._patchSummaryRow_asz4r_596:hover ._patchActionHint_asz4r_706 {
  opacity: 1;
}

._patchDiffPanel_asz4r_379 {
  max-height: min(180px, 34vh);
  overflow: auto;
  padding-left: 8px;
  border-left: 2px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
}

._taskIdList_asz4r_728 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

._taskWaitPending_asz4r_735 {
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--border-color));
  border-radius: 6px;
  background: color-mix(in srgb, var(--color-primary) 5%, var(--bg-primary));
}

._taskWaitPendingTitle_asz4r_743 {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 500;
}

._taskWaitPendingHint_asz4r_752 {
  margin-top: 4px;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.45;
}

._spinning_asz4r_759 {
  animation: _spin_asz4r_759 1s linear infinite;
  flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
  ._spinning_asz4r_759 {
    animation: none;
  }
}

._trailingSpinner_asz4r_770 {
  color: var(--text-tertiary);
  margin-left: 6px;
}

._collapseIcon_asz4r_775 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
  flex-shrink: 0;
  margin-left: auto;
}

@media (max-width: 768px) {
  ._argSummaryPath_asz4r_84 {
    text-overflow: clip;
  }

  ._collapseIcon_asz4r_775 {
    margin-left: 0;
  }
}

@keyframes _spin_asz4r_759 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ───────── pty_* 展开面板 ───────── */
._ptyDetail_asz4r_804 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, var(--border-color) 72%, transparent);
  border-radius: 6px;
  background: color-mix(in srgb, var(--color-bg-secondary) 62%, var(--bg-primary));
}

._ptyHeroRow_asz4r_815 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

._ptyHeroMain_asz4r_823 {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

._ptyHeroIcon_asz4r_830 {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._ptyCommand_asz4r_835 {
  min-width: 0;
  overflow: hidden;
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._ptyStatusPill_asz4r_846 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 2px 7px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1.3;
  white-space: nowrap;
}

._ptyStatusRunning_asz4r_858 {
  color: color-mix(in srgb, var(--color-success) 88%, var(--text-primary));
  border-color: color-mix(in srgb, var(--color-success) 25%, transparent);
  background: color-mix(in srgb, var(--color-success) 12%, transparent);
}

._ptyStatusExited_asz4r_864 {
  color: var(--text-tertiary);
  border-color: var(--border-color);
  background: color-mix(in srgb, var(--bg-tertiary) 60%, transparent);
}

._ptyStatusKilling_asz4r_870 {
  color: var(--color-error);
  border-color: color-mix(in srgb, var(--color-error) 24%, transparent);
  background: color-mix(in srgb, var(--color-error) 10%, transparent);
}

._ptyStatusCreating_asz4r_876 {
  color: color-mix(in srgb, var(--color-primary) 82%, var(--text-primary));
  border-color: color-mix(in srgb, var(--color-primary) 24%, transparent);
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

._ptyFieldGrid_asz4r_882 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 12px;
}

._ptyField_asz4r_882 {
  display: flex;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.45;
}

._ptyFieldIcon_asz4r_898 {
  color: var(--text-tertiary);
  flex-shrink: 0;
  align-self: center;
}

._ptyFieldLabel_asz4r_904 {
  color: var(--text-tertiary);
  flex-shrink: 0;
  font-size: 11px;
  min-width: 46px;
}

._ptyFieldValue_asz4r_911 {
  min-width: 0;
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._ptyField_success_asz4r_919 ._ptyFieldValue_asz4r_911 {
  color: color-mix(in srgb, var(--color-success) 90%, var(--text-primary));
}

._ptyField_error_asz4r_923 ._ptyFieldValue_asz4r_911 {
  color: var(--color-error);
}

._ptyMono_asz4r_927 {
  padding: 1px 5px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--bg-tertiary) 70%, transparent);
  color: var(--text-secondary);
  font-family: var(--font-mono);
  font-size: 11px;
  word-break: break-all;
}

._ptyMetricStrip_asz4r_937 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.45;
}

._ptyMetricStrip_asz4r_937 strong {
  color: var(--text-secondary);
  font-weight: 500;
}

._ptyWarning_asz4r_951 {
  color: var(--color-error);
}

._ptyOutput_asz4r_955,
._ptyInput_asz4r_956 {
  margin: 0;
  max-height: min(180px, 34vh);
  overflow: auto;
  padding: 7px 9px;
  border: 1px solid color-mix(in srgb, var(--border-color) 70%, transparent);
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-primary) 55%, transparent);
  color: var(--text-secondary);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}

._ptyInput_asz4r_956 {
  border-left: 2px solid color-mix(in srgb, var(--color-primary) 38%, transparent);
}

._ptyKeyChain_asz4r_976 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

._ptyKeyChip_asz4r_982 {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid color-mix(in srgb, var(--border-color) 70%, transparent);
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-primary) 52%, transparent);
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 11px;
}

._ptyActionsRow_asz4r_994 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

._ptyPrimaryAction_asz4r_1001 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--border-color));
  border-radius: 5px;
  background: color-mix(in srgb, var(--color-primary) 7%, var(--bg-primary));
  color: var(--color-primary);
  font-size: 11px;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

._ptyPrimaryAction_asz4r_1001:hover {
  border-color: color-mix(in srgb, var(--color-primary) 44%, var(--border-color));
  background: color-mix(in srgb, var(--color-primary) 12%, var(--bg-primary));
}

._ptyPrimaryAction_asz4r_1001:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 2px;
}

._ptySessionList_asz4r_1025 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._ptySessionItem_asz4r_1034 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  align-items: center;
  padding: 7px 9px;
  border: 1px solid color-mix(in srgb, var(--border-color) 62%, transparent);
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-primary) 50%, transparent);
}

._ptySessionMain_asz4r_1045 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

._ptySessionMeta_asz4r_1052 {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--text-tertiary);
  font-size: 11px;
}

._ptyEmpty_asz4r_1061 {
  margin: 0;
  color: var(--text-tertiary);
  font-size: 12px;
}

@media (max-width: 768px) {
  ._ptyFieldGrid_asz4r_882 {
    grid-template-columns: 1fr;
  }

  ._ptyHeroRow_asz4r_815,
  ._ptySessionItem_asz4r_1034 {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  ._ptyActionsRow_asz4r_994 {
    justify-content: flex-start;
  }
}

/* ───────── cron_job_* 展开面板 ───────── */
._cronDetail_asz4r_1084 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--border-color) 70%, transparent);
  border-radius: 6px;
  background: color-mix(in srgb, var(--color-bg-secondary) 60%, transparent);
}

._cronFieldRow_asz4r_1095 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-secondary);
  flex-wrap: wrap;
}

._cronFieldIcon_asz4r_1105 {
  color: var(--text-tertiary);
  flex-shrink: 0;
  align-self: center;
}

._cronFieldLabel_asz4r_1111 {
  font-size: 11px;
  color: var(--text-tertiary);
  flex-shrink: 0;
  min-width: 48px;
}

._cronFieldValue_asz4r_1118 {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
  color: var(--text-primary);
}

._cronFieldTone_success_asz4r_1127 ._cronFieldValue_asz4r_1118 {
  color: color-mix(in srgb, var(--color-success) 90%, var(--text-primary));
}

._cronFieldTone_error_asz4r_1131 ._cronFieldValue_asz4r_1118 {
  color: var(--color-error);
}

._cronScheduleHuman_asz4r_1135 {
  color: var(--text-primary);
}

._cronScheduleRaw_asz4r_1139 {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-tertiary);
  padding: 1px 6px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--bg-tertiary) 70%, transparent);
}

._cronMono_asz4r_1148 {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-primary);
  padding: 1px 6px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--bg-tertiary) 70%, transparent);
  word-break: break-all;
}

._cronMessage_asz4r_1158 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 2px;
  padding-top: 8px;
  border-top: 1px dashed color-mix(in srgb, var(--border-color) 60%, transparent);
}

._cronMessageBody_asz4r_1168 {
  flex: 1 1 100%;
  margin: 0;
  padding: 6px 10px;
  border-left: 2px solid color-mix(in srgb, var(--color-primary) 40%, transparent);
  background: color-mix(in srgb, var(--bg-tertiary) 50%, transparent);
  border-radius: 0 4px 4px 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}

._cronEmpty_asz4r_1182 {
  margin: 0;
  font-size: 12px;
  color: var(--text-tertiary);
}

._cronListHeader_asz4r_1188 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._cronList_asz4r_1188 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._cronListItem_asz4r_1203 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 7px 9px;
  border: 1px solid color-mix(in srgb, var(--border-color) 60%, transparent);
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-primary) 50%, transparent);
}

._cronListItemMain_asz4r_1213 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._cronTaskName_asz4r_1220 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

._cronStatusBadge_asz4r_1230 {
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 999px;
  white-space: nowrap;
  border: 1px solid transparent;
}

._cronStatusEnabled_asz4r_1238 {
  color: color-mix(in srgb, var(--color-success) 90%, var(--text-primary));
  background: color-mix(in srgb, var(--color-success) 12%, transparent);
  border-color: color-mix(in srgb, var(--color-success) 25%, transparent);
}

._cronStatusDisabled_asz4r_1244 {
  color: var(--text-tertiary);
  background: color-mix(in srgb, var(--bg-tertiary) 60%, transparent);
  border-color: var(--border-color);
}

._cronListItemMeta_asz4r_1250 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 11px;
  color: var(--text-tertiary);
}

._cronListItemId_asz4r_1259 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 2px;
}

._cronChangeList_asz4r_1266 {
  list-style: none;
  margin: 4px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._cronChangeRow_asz4r_1275 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 6px 8px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-primary) 50%, transparent);
  border-left: 2px solid color-mix(in srgb, var(--color-primary) 35%, transparent);
}

._cronChangeValue_asz4r_1285 {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--text-primary);
}

/* image_generate 结果区域 */
._generatedImage_asz4r_1295 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  padding: 4px 0;
}

._generatedImageThumb_asz4r_1303 {
  max-width: 200px;
  max-height: 160px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  object-fit: contain;
}

._brokenImage_asz4r_1311 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 80px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background: var(--bg-tertiary);
  color: var(--text-tertiary);
}

._generatedImageLabel_asz4r_1323 {
  font-size: 12px;
  color: var(--text-secondary);
}

._generatedImagePath_asz4r_1328 {
  display: block;
  margin-top: 4px;
  border: 0;
  background: none;
  padding: 0;
  color: var(--text-tertiary);
  font-family: var(--font-mono);
  font-size: 11px;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.15s ease;
}

._generatedImagePath_asz4r_1328:hover {
  color: var(--color-primary);
}

._generatedImagePath_asz4r_1328:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 2px;
}

/* Tooltip 内完整参数文本 */
._tooltipContent_asz4r_1355 {
  display: block;
  max-height: 120px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-all;
}

/* 弹窗内纯文本 */
._modalPre_asz4r_1364 {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', Menlo, monospace;
  font-size: 12px;
  line-height: 1.6;
  color: var(--text-secondary);
}
._container_1ekwn_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 20%, var(--border-color));
  border-radius: 7px;
  background: color-mix(in srgb, var(--color-primary) 4%, var(--bg-primary));
}

._hero_1ekwn_12,
._identity_1ekwn_13,
._sectionTitle_1ekwn_14,
._field_1ekwn_15,
._resourceItem_1ekwn_16 {
  display: flex;
  align-items: center;
}

._hero_1ekwn_12 {
  justify-content: space-between;
  gap: 12px;
}

._identity_1ekwn_13 {
  gap: 9px;
  min-width: 0;
}

._skillIcon_1ekwn_31 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, var(--color-primary) 22%, transparent);
  border-radius: 6px;
  color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 9%, transparent);
}

._heroText_1ekwn_44 {
  min-width: 0;
}

._skillName_1ekwn_48 {
  overflow: hidden;
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._stateText_1ekwn_59,
._hint_1ekwn_60,
._fieldLabel_1ekwn_61,
._sectionTitle_1ekwn_14,
._resourceItem_1ekwn_16 {
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.4;
}

._stateText_1ekwn_59 {
  margin-top: 1px;
}

._hint_1ekwn_60 {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}

._field_1ekwn_15 {
  gap: 9px;
  min-width: 0;
  padding: 7px 9px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 70%, transparent);
}

._fieldLabel_1ekwn_61 {
  flex-shrink: 0;
}

._path_1ekwn_91 {
  min-width: 0;
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._section_1ekwn_14 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._sectionTitle_1ekwn_14 {
  gap: 5px;
  font-weight: 600;
}

._chipList_1ekwn_111 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

._chip_1ekwn_111 {
  padding: 2px 6px;
  border: 1px solid color-mix(in srgb, var(--border-color) 82%, transparent);
  border-radius: 4px;
  color: var(--text-secondary);
  background: color-mix(in srgb, var(--bg-secondary) 68%, transparent);
  font-size: 10px;
  line-height: 1.4;
}

._resourceGrid_1ekwn_127 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

._resourceItem_1ekwn_16 {
  gap: 6px;
  min-width: 0;
  padding: 6px 8px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 60%, transparent);
}

._spinning_1ekwn_141,
._failedIcon_1ekwn_142,
._successIcon_1ekwn_143 {
  flex-shrink: 0;
}

._spinning_1ekwn_141 {
  color: var(--color-primary);
  animation: _spin_1ekwn_141 1s linear infinite;
}

._failedIcon_1ekwn_142 {
  color: var(--color-error);
}

._successIcon_1ekwn_143 {
  color: var(--color-success);
}

._error_1ekwn_160 {
  padding: 8px 10px;
  border-left: 2px solid color-mix(in srgb, var(--color-error) 50%, transparent);
  color: var(--color-error);
  background: color-mix(in srgb, var(--color-error) 6%, transparent);
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 520px) {
  ._resourceGrid_1ekwn_127 {
    grid-template-columns: 1fr;
  }
}

@keyframes _spin_1ekwn_141 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
._container_s0bgr_1,
._compactContainer_s0bgr_2 {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 8px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--border-color));
  border-radius: 7px;
  background: color-mix(in srgb, var(--color-primary) 3%, var(--bg-primary));
}

._compactContainer_s0bgr_2 {
  gap: 6px;
}

._hero_s0bgr_17,
._heroMain_s0bgr_18,
._field_s0bgr_19,
._metaRow_s0bgr_20 {
  display: flex;
  align-items: center;
}

._hero_s0bgr_17 {
  justify-content: space-between;
  gap: 12px;
}

._heroMain_s0bgr_18 {
  gap: 8px;
  min-width: 0;
  color: var(--text-primary);
}

._title_s0bgr_36 {
  overflow: hidden;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._meta_s0bgr_20,
._label_s0bgr_47,
._metaRow_s0bgr_20 {
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.4;
}

._meta_s0bgr_20 {
  overflow: hidden;
  margin-top: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._field_s0bgr_19 {
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

._label_s0bgr_47 {
  flex-shrink: 0;
  min-width: 52px;
}

._fieldValue_s0bgr_72 {
  min-width: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

._codeValue_s0bgr_80 {
  color: var(--text-secondary);
  font-size: 11px;
  overflow-wrap: anywhere;
}

._metaRow_s0bgr_20 {
  flex-wrap: wrap;
  gap: 6px;
}

._metaRow_s0bgr_20 > span {
  padding: 2px 6px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-secondary) 72%, transparent);
}

._json_s0bgr_97 {
  max-height: 180px;
  overflow: auto;
  margin: 0;
  padding: 7px 9px;
  border-radius: 5px;
  color: var(--text-secondary);
  background: color-mix(in srgb, var(--bg-secondary) 68%, transparent);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  overscroll-behavior: contain;
}

._controlSummary_s0bgr_113 {
  display: -webkit-box;
  max-width: 68ch;
  overflow: hidden;
  margin-top: 2px;
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

._spinning_s0bgr_125,
._errorIcon_s0bgr_126,
._successIcon_s0bgr_127 {
  flex-shrink: 0;
}

._spinning_s0bgr_125 {
  color: var(--color-primary);
  animation: _spin_s0bgr_125 1s linear infinite;
}

._errorIcon_s0bgr_126 {
  color: var(--color-error);
}

._successIcon_s0bgr_127 {
  color: var(--color-success);
}

._error_s0bgr_126 {
  padding: 7px 9px;
  border-left: 2px solid color-mix(in srgb, var(--color-error) 50%, transparent);
  color: var(--color-error);
  background: color-mix(in srgb, var(--color-error) 6%, transparent);
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
  ._spinning_s0bgr_125 {
    animation: none;
  }
}

@keyframes _spin_s0bgr_125 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
._attachment_1mn1l_1 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: min(320px, 100%);
  padding: 8px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin: 4px 0;
}

._attachment_1mn1l_1:hover {
  background: var(--hover-bg);
  border-color: var(--color-primary);
}

._icon_1mn1l_20 {
  color: var(--text-secondary);
  flex-shrink: 0;
}

._info_1mn1l_25 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._filename_1mn1l_32 {
  font-size: 13px;
  color: var(--text-primary);
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._size_1mn1l_41 {
  font-size: 11px;
  color: var(--text-tertiary);
}

._imageAttachment_1mn1l_46 {
  display: flex;
  flex-direction: column;
  max-width: 280px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease;
  margin: 4px 0;
}

._imageAttachment_1mn1l_46:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

._thumbnail_1mn1l_64 {
  display: block;
  width: 100%;
  max-height: 200px;
  object-fit: cover;
  border-bottom: 1px solid var(--border-color);
}

._brokenImage_1mn1l_72 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-tertiary);
}

._imageInfo_1mn1l_83 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 6px 10px;
}

._cleanedUp_1mn1l_91 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: min(320px, 100%);
  padding: 8px 12px;
  background: var(--bg-tertiary);
  border: 1px dashed var(--border-color);
  border-radius: 6px;
  margin: 4px 0;
}

._cleanedUpIcon_1mn1l_103 {
  color: var(--text-tertiary);
  flex-shrink: 0;
}
._header_6frnf_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
}

._title_6frnf_9 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._actions_6frnf_19 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

._iconBtn_6frnf_26 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
}

._iconBtn_6frnf_26:hover {
  color: var(--text-primary);
  background: var(--hover-bg);
}

._body_6frnf_46 {
  padding: 16px;
}


._header_aptxi_1 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  height: 32px;
  cursor: pointer;
  user-select: none;
  transition: background 0.2s ease;
}

._header_aptxi_1:hover {
  background: var(--hover-bg);
}

._header_aptxi_1[data-collapsible='false'] {
  cursor: default;
}

._header_aptxi_1[data-collapsible='false']:hover {
  background: transparent;
}

._chevron_aptxi_24 {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._content_aptxi_29 {
  padding: 0 12px 12px 12px;
  border-top: 1px solid var(--border-color);
}._container_cqqs2_1 {
  margin: 8px 0;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background: var(--bg-secondary);
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

._embedded_cqqs2_9 {
  margin: 0;
  border-color: var(--border-default);
  background: color-mix(in srgb, var(--bg-secondary) 72%, var(--bg-primary) 28%);
  box-shadow: none;
}

._streaming_cqqs2_16 ._title_cqqs2_16 {
  color: var(--text-secondary);
}

._collapse_cqqs2_20 {
  /* Collapse 组件不需要额外样式，header 和 content 由 Collapse 提供 */
}

._icon_cqqs2_24 {
  width: 14px;
  height: 14px;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._title_cqqs2_16 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  flex-shrink: 0;
}

._spacer_cqqs2_38 {
  flex: 1;
}

._duration_cqqs2_42 {
  font-size: 0.85em;
  color: var(--text-tertiary);
  margin-left: 8px;
  flex-shrink: 0;
  white-space: nowrap;
}

._summary_cqqs2_50 {
  flex: 0 1 auto;
  min-width: 0;
  font-size: 11px;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
}

._text_cqqs2_61 {
  font-size: 12px;
  font-family: system-ui;
  color: color-mix(in srgb, var(--text-secondary) 86%, var(--text-primary));
  padding: 0;
  overflow-x: auto;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.5;
  max-height: 260px;
  overflow-y: auto;
}._tabs_yuwji_1 {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: var(--bg-secondary);
}

._header_yuwji_8 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  height: 40px;
  background: var(--bg-primary);
  border-bottom: 1px solid var(--border-color);
}

._tabNav_yuwji_18 {
  flex: 1;
  display: flex;
  gap: 4px;
  overflow-x: auto;
}

._tabButton_yuwji_25 {
  flex-shrink: 0;
  padding: 6px 12px;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  font-size: 13px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

._tabButton_yuwji_25:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._tabButton_yuwji_25:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}

._tabButton_yuwji_25._pending_yuwji_47 {
  position: relative;
}

._thinkingDot_yuwji_51 {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 6px;
  background: var(--accent-color);
  border-radius: 50%;
  animation: _pulse_yuwji_1 1.5s ease-in-out infinite;
}

@keyframes _pulse_yuwji_1 {
  0%, 100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

._tabButton_yuwji_25._active_yuwji_72 {
  background: var(--hover-bg);
  color: var(--accent-color);
  font-weight: 500;
  border-bottom: 2px solid var(--accent-color);
}

._toggleButton_yuwji_79 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

._toggleButton_yuwji_79:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._tabContent_yuwji_100 {
  max-height: 200px;
  overflow-y: auto;
  padding: 12px;
  background: var(--color-primary-light);
  animation: _fadeIn_yuwji_1 0.2s ease-in;
}

@keyframes _fadeIn_yuwji_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._pill_13sl6_1 {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.4;
}

._pill--success_13sl6_13 {
  background: var(--color-success-light);
  color: var(--color-success);
}

._pill--error_13sl6_18 {
  background: var(--color-error-light);
  color: var(--color-error);
}

._pill--running_13sl6_23 {
  background: var(--color-info-light);
  color: var(--color-info);
}

._pill--idle_13sl6_28 {
  background: var(--color-neutral-light);
  color: var(--color-neutral);
}

._pill--info_13sl6_33 {
  background: var(--color-primary-light);
  color: var(--color-primary);
}
._collab_gvso7_1 {
  margin: 2px 16px;
  padding-left: 10px;
  border-left: 2px solid var(--color-primary);
}

._collab--compact_gvso7_7 {
  margin: 0 16px 4px;
  padding-left: 8px;
}

._collab--compact_gvso7_7._collab--broadcast_gvso7_12 {
  margin: 0;
  padding-left: 0;
  border-left: 0;
}

/* ===== 类型强调色 ===== */
._collab--task_gvso7_19 {
  border-left-color: var(--color-primary);
}

._collab--handoff_gvso7_23 {
  border-left-color: var(--color-info);
}

._collab--broadcast_gvso7_12 {
  border-left-color: color-mix(in srgb, var(--color-primary) 42%, var(--border-default));
}

._collab--broadcast_gvso7_12 ._body_gvso7_31 {
  overflow: hidden;
}

._collab--supervisor_gvso7_35 {
  border-left-color: var(--color-warning);
}

/* ===== Header ===== */
._header_gvso7_40 {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 0;
  cursor: pointer;
  user-select: none;
  border-radius: var(--radius-sm);
}

._header_gvso7_40::before {
  content: '';
  position: absolute;
  inset: 0 -6px;
  z-index: -1;
  border-radius: inherit;
  background: transparent;
}

._header_gvso7_40:hover::before {
  background: var(--bg-hover);
}

._header_gvso7_40:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._collab--compact_gvso7_7 ._header_gvso7_40 {
  min-height: 24px;
  padding: 2px 0;
}

._header--broadcastResponse_gvso7_76 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 10px 0;
}

._header--broadcastResponse_gvso7_76:hover {
  background: transparent;
}

._header--broadcastResponse_gvso7_76:hover::before {
  background: transparent;
}

._header--broadcastResponse_gvso7_76 ._icon_gvso7_92 {
  display: none;
}

._header--broadcastResponse_gvso7_76 ._title_gvso7_96 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

._header--broadcastResponse_gvso7_76 ._participants_gvso7_105 {
  min-width: 0;
}

._header--broadcastResponse_gvso7_76 ._action_gvso7_109 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

._header--broadcastResponse_gvso7_76 ._action_gvso7_109:empty {
  display: none;
}

._header--broadcastResponse_gvso7_76 ._meta_gvso7_121 {
  align-self: end;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 16px;
}

._header--broadcastResponse_gvso7_76:hover ._meta_gvso7_121 {
  color: var(--color-primary);
}

._header--broadcastResponse_gvso7_76[aria-expanded='false'] {
  align-items: center;
  min-height: 38px;
  padding: 6px 0;
}

._header--broadcastResponse_gvso7_76[aria-expanded='false']:hover {
  padding: 6px 0;
}

._header--broadcastResponse_gvso7_76 ._chevron_gvso7_142 {
  align-self: center;
  color: var(--text-tertiary);
}

._header--broadcastResponse_gvso7_76:hover ._chevron_gvso7_142 {
  color: var(--text-secondary);
}

/* ===== 类型图标 ===== */
._icon_gvso7_92 {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--text-tertiary);
  margin-top: 1px;
}

._icon--task_gvso7_163 {
  color: var(--color-primary);
}

._icon--handoff_gvso7_167 {
  color: var(--color-info);
}

._icon--broadcast_gvso7_171 {
  color: var(--color-primary);
}

._icon--supervisor_gvso7_175 {
  color: var(--color-warning);
}

/* ===== 标题区（参与者 + 动作文案） ===== */
._title_gvso7_96 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
}

._participants_gvso7_105 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  min-width: 0;
}

._action_gvso7_109 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._title_gvso7_96 strong {
  color: var(--text-primary);
  font-weight: 600;
}

._meta_gvso7_121 {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--text-tertiary);
  white-space: nowrap;
  line-height: 18px;
}

@media (max-width: 768px) {
  ._meta_gvso7_121 {
    max-width: 4em;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* ===== 展开箭头 ===== */
._chevron_gvso7_142 {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--text-tertiary);
  transition: transform 0.18s ease;
  margin-top: 1px;
}

._chevron--open_gvso7_243 {
  transform: rotate(90deg);
}

/* ===== Body 折叠区 ===== */
._body_gvso7_31 {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  opacity: 1;
  transition: opacity 0.16s ease;
}

._body--closed_gvso7_256 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
/* ===== anchor ===== */

._anchor_14gy0_3 {
  scroll-margin-top: 12px;
}

._anchor_14gy0_3.task-block-navigation-target {
  animation: _taskBlockNavigationPulse_14gy0_1 1.6s ease-out;
}

@keyframes _taskBlockNavigationPulse_14gy0_1 {
  0% {
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 28%, transparent);
  }

  100% {
    background: transparent;
    box-shadow: 0 0 0 0 transparent;
  }
}

/* ===== 动画 ===== */

._activityBar_14gy0_25 {
  height: 1.5px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--color-primary) 50%,
    transparent 100%
  );
  background-size: 200% 100%;
  animation: _progressSweep_14gy0_1 1.8s ease-in-out infinite;
  margin-bottom: 8px;
  border-radius: 1px;
  opacity: 0.12;
}

@keyframes _progressSweep_14gy0_1 {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

/* ===== process ===== */

._processSection_14gy0_51 {
  margin-top: 4px;
}

._processContent_14gy0_55 {
  padding: 0 0 2px 0;
  overscroll-behavior: contain;
}

._processItem_14gy0_60 {
  min-height: 1px;
}
/* HandoffCard — 信号条风格
 *
 * 一条水平线穿过，两端 agent chip，中间圆形传输图标。
 * reason 浮在中间图标下方。
 */

._signal_t0d1d_7 {
  position: relative;
  display: flex;
  align-items: center;
  margin: 8px 32px;
  height: 32px;
}

/* 背景水平线 */
._line_t0d1d_16 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: var(--border-default);
  transform: translateY(-50%);
}

/* Agent chip — 头像 + 名字 */
._chip_t0d1d_27 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px 2px 4px;
  border-radius: var(--radius-full);
  background: var(--bg-primary);
  z-index: 1;
  flex-shrink: 0;
}

._chipTo_t0d1d_38 {
  margin-left: auto;
}

._chipName_t0d1d_42 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-primary);
}

/* 中间传输图标 */
._transferIcon_t0d1d_49 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  border-radius: var(--radius-full);
  background: var(--bg-primary);
  border: 1px solid var(--border-default);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  color: var(--text-tertiary);
}

/* Reason 浮在中间下方 */
._reason_t0d1d_67 {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  font-size: 10px;
  color: var(--text-tertiary);
  white-space: nowrap;
  margin-top: 2px;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* BroadcastCard — 广播咨询列装折叠布局
 *
 * 外壳由 CollaborationShell 提供。这里仅定义广播问题、状态汇总、
 * Agent 回应列表与单项详情的内部布局。
 */

._broadcastBody_hxbvf_7 {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  min-height: 0;
  max-height: inherit;
  overflow: hidden;
}

._headerTitle_hxbvf_16 {
  min-width: 0;
  overflow: hidden;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._questionPanel_hxbvf_27 {
  padding: 2px 0 10px;
}

._questionMeta_hxbvf_31 {
  margin: 0;
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._responseList_hxbvf_42 {
  display: grid;
  min-height: 0;
  max-height: calc(520px - 34px);
  overflow: hidden auto;
  overscroll-behavior: contain;
  border-top: 1px solid var(--border-default);
}

._responseItem_hxbvf_51 {
  min-width: 0;
  overflow: hidden;
}

._responseItem_hxbvf_51 + ._responseItem_hxbvf_51 {
  border-top: 1px solid var(--border-default);
}

._responseItemExpanded_hxbvf_60 {
  background: transparent;
}

._responseIdentity_hxbvf_64 {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

._responseHeaderLine_hxbvf_71 {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

._agentName_hxbvf_78 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}

._preview_hxbvf_89 {
  color: var(--text-tertiary);
  opacity: 0.7;
  font-size: 12px;
  line-height: 17px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._doneMark_hxbvf_100 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

._statusPill_hxbvf_109 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  min-height: 18px;
  padding: 1px 6px;
  border-radius: var(--radius-full);
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  white-space: nowrap;
}

._status_pending_hxbvf_123,
._status_thinking_hxbvf_124 {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

._status_streaming_hxbvf_129 {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

._status_done_hxbvf_134 {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

._status_failed_hxbvf_139 {
  background: var(--color-error-light);
  color: var(--color-error);
}

._status_cancelled_hxbvf_144 {
  background: var(--color-warning-light);
  color: var(--color-warning);
}

._statusDot_hxbvf_149 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--text-tertiary);
}

._dot_pending_hxbvf_157,
._dot_thinking_hxbvf_158 {
  background: var(--text-tertiary);
}

._dot_streaming_hxbvf_162 {
  background: var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary-light);
  animation: _dotPulse_hxbvf_1 1.5s ease-in-out infinite;
}

._dot_done_hxbvf_168 {
  background: var(--color-success);
  box-shadow: 0 0 0 2px var(--color-success-light);
}

._dot_failed_hxbvf_173 {
  background: var(--color-error);
  box-shadow: 0 0 0 2px var(--color-error-light);
}

._dot_cancelled_hxbvf_178 {
  background: var(--color-warning);
  box-shadow: 0 0 0 2px var(--color-warning-light);
}

._responseDetail_hxbvf_183 {
  margin: 0 0 12px 38px;
  padding-top: 10px;
  border-top: 1px solid var(--border-default);
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.6;
  max-height: min(240px, 42vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 6px;
}

._responseBlocksViewport_hxbvf_196 {
  padding: 0;
}

._responseBlockItem_hxbvf_200 {
  min-height: 1px;
}

._placeholder_hxbvf_204 {
  color: var(--text-tertiary);
  font-size: 12px;
  font-style: italic;
}

._errorText_hxbvf_210 {
  color: var(--color-error);
  font-size: 12px;
}

._cancelledText_hxbvf_215 {
  color: var(--color-warning);
  font-size: 12px;
  font-style: italic;
  display: block;
  padding-top: 6px;
}

@keyframes _dotPulse_hxbvf_1 {
  0%,
  100% {
    opacity: 0.5;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}

@media (max-width: 640px) {
  ._responseAction_hxbvf_237 {
    margin-top: 0;
  }

  ._responseHeaderLine_hxbvf_71 {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  ._responseDetail_hxbvf_183 {
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._dot_streaming_hxbvf_162 {
    animation: none !important;
    opacity: 1;
  }
}
._guidanceBlock_1ea80_1 {
  position: relative;
  margin: 6px 0;
  padding: 9px 10px 9px 14px;
  border: 1px solid color-mix(in srgb, var(--accent-color, #0a84ff) 16%, transparent);
  border-left: 2px solid var(--accent-color, #0a84ff);
  border-radius: 10px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--accent-color, #0a84ff) 8%, transparent), transparent 72%),
    color-mix(in srgb, var(--bg-secondary, #f7f8fa) 88%, transparent);
  color: var(--text-secondary, #5f6368);
}

._header_1ea80_14 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1.4;
}

._title_1ea80_23 {
  letter-spacing: 0.02em;
  font-weight: 600;
  color: var(--text-primary, #202124);
}

._status_1ea80_29 {
  padding: 1px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent-color, #0a84ff) 9%, transparent);
  color: var(--text-tertiary, #7d858c);
}

._content_1ea80_36 {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--text-primary, #202124);
  white-space: pre-wrap;
}

._cancelButton_1ea80_44 {
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--accent-color, #0a84ff);
  font: inherit;
  cursor: pointer;
}

._cancelButton_1ea80_44:hover {
  text-decoration: underline;
}

._settled_1ea80_58 {
  border-color: color-mix(in srgb, var(--text-tertiary, #9aa0a6) 14%, transparent);
  border-left-color: color-mix(in srgb, var(--text-tertiary, #9aa0a6) 72%, transparent);
  background: color-mix(in srgb, var(--text-tertiary, #9aa0a6) 5%, transparent);
}

._settled_1ea80_58 ._status_1ea80_29 {
  background: color-mix(in srgb, var(--text-tertiary, #9aa0a6) 8%, transparent);
}
._root_y60pb_1 {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

._root_y60pb_1[data-has-input='false'] ._name_y60pb_7,
._root_y60pb_1[data-invocation-kind='skill'] ._name_y60pb_7 {
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

._label_y60pb_15 {
  position: relative;
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 2px 4px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: inherit;
  cursor: pointer;
  line-height: 1.25;
  vertical-align: baseline;
  transition: border-color 140ms ease;
}

._chip_y60pb_33 {
  display: contents;
}

._label_y60pb_15:hover,
._label_y60pb_15:focus-visible {
  border-color: color-mix(in srgb, currentColor 24%, transparent);
}

._label_y60pb_15:focus-visible {
  outline: 2px solid color-mix(in srgb, currentColor 45%, transparent);
  outline-offset: 2px;
}

._label_y60pb_15[data-active-search-match='true'] {
  box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 55%, transparent);
}

._name_y60pb_7 {
  min-width: 0;
  overflow: hidden;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._input_y60pb_61 {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

@media (max-width: 768px) {
  ._label_y60pb_15 {
    padding: 0;
    border-color: transparent;
    background: transparent;
  }

  ._label_y60pb_15::before {
    position: absolute;
    inset: -9px 0;
    content: '';
  }

  ._label_y60pb_15:hover,
  ._label_y60pb_15:focus-visible {
    border-color: transparent;
    background: transparent;
  }

  ._chip_y60pb_33 {
    display: flex;
    width: 100%;
    min-width: 0;
    height: 26px;
    align-items: center;
    gap: 5px;
    padding: 0 7px 0 6px;
    border: 1px solid color-mix(in srgb, #666b76 18%, transparent);
    border-radius: 5px;
    background: transparent;
    color: #666b76;
  }

  ._root_y60pb_1[data-has-input='false'] ._chip_y60pb_33,
  ._root_y60pb_1[data-invocation-kind='skill'] ._chip_y60pb_33 {
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 26px;
  }

  ._name_y60pb_7 {
    font-weight: 500;
  }

  ._input_y60pb_61 {
    color: #30343b;
    font-size: 15px;
    font-weight: 400;
  }
}
._container_1hq28_1 {
  display: flex;
  justify-content: center;
  padding: 14px 0 8px;
}

._inline_1hq28_7 {
  display: inline-flex;
  align-items: center;
}

._status_1hq28_12 {
  display: inline-flex;
  align-items: center;
}

._dots_1hq28_17 {
  display: flex;
  gap: 6px;
  align-items: center;
}

._inline_1hq28_7 ._dots_1hq28_17 {
  gap: 3px;
}

._status_1hq28_12 ._dots_1hq28_17 {
  gap: 4px;
}

._dot_1hq28_17 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--text-tertiary);
  animation: _pulse_1hq28_1 1.4s ease-in-out infinite;
}

._inline_1hq28_7 ._dot_1hq28_17 {
  width: 4px;
  height: 4px;
}

._status_1hq28_12 ._dot_1hq28_17 {
  width: 5px;
  height: 5px;
  background: color-mix(in srgb, var(--color-primary) 62%, var(--text-tertiary) 38%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary) 10%, transparent);
  animation-duration: 1.1s;
}

._dot_1hq28_17:nth-child(2) {
  animation-delay: 0.2s;
}

._dot_1hq28_17:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes _pulse_1hq28_1 {
  0%, 80%, 100% {
    opacity: 0.28;
    transform: translateY(0) scale(0.82);
  }
  40% {
    opacity: 1;
    transform: translateY(-1px) scale(1);
  }
}
._title_e97vj_1 {
  margin: 0;
  padding: 20px 20px 16px;
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 600;
}

._body_e97vj_9 {
  padding: 0 20px;
}

._field_e97vj_13 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
  color: var(--text-secondary);
  font-size: 12px;
}

._input_e97vj_22,
._textarea_e97vj_23 {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font: inherit;
  outline: none;
}

._input_e97vj_22 {
  height: 36px;
  padding: 0 10px;
}

._textarea_e97vj_23 {
  min-height: 140px;
  max-height: 42vh;
  padding: 10px;
  line-height: 1.5;
  resize: vertical;
}

._input_e97vj_22:focus,
._textarea_e97vj_23:focus {
  border-color: var(--accent);
}

._hint_e97vj_52 {
  margin: 4px 0 16px;
  color: var(--text-tertiary);
  font-size: 12px;
}

._actions_e97vj_58 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 20px 20px;
}._root_1qzn4_1 {
  box-sizing: border-box;
  width: min(100%, 560px);
  margin-top: 4px;
}

._trigger_1qzn4_7 {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-height: 32px;
  min-width: 0;
  padding: 5px 8px;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font: inherit;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}

._trigger_1qzn4_7:hover {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--border-default));
  background: var(--hover-bg);
}

._trigger_1qzn4_7:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._provider_1qzn4_39 {
  flex-shrink: 0;
  font-weight: 600;
  color: var(--text-primary);
}

._separator_1qzn4_45 {
  flex-shrink: 0;
  color: var(--text-tertiary);
}

._resource_1qzn4_50 {
  min-width: 0;
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._secondary_1qzn4_58,
._count_1qzn4_59 {
  flex-shrink: 0;
  color: var(--text-tertiary);
  white-space: nowrap;
}

._secondary_1qzn4_58::before {
  margin-right: 5px;
  content: '·';
}

._count_1qzn4_59 {
  padding: 0 4px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
  color: var(--text-secondary);
}

._chevron_1qzn4_77,
._chevronExpanded_1qzn4_78 {
  flex-shrink: 0;
  margin-left: auto;
  transition: transform 0.15s ease;
}

._chevronExpanded_1qzn4_78 {
  transform: rotate(180deg);
}

._panel_1qzn4_88 {
  box-sizing: border-box;
  width: 100%;
  max-height: 320px;
  margin-top: 4px;
  overflow-y: auto;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  background: var(--bg-secondary);
  color: var(--text-primary);
}

._source_1qzn4_100 {
  padding: 10px;
}

._source_1qzn4_100 + ._source_1qzn4_100 {
  border-top: 1px solid var(--border-default);
}

._sourceHeader_1qzn4_108 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 600;
}

._sourceKind_1qzn4_118 {
  min-width: 0;
  margin-left: auto;
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._resourceUri_1qzn4_129 {
  margin-bottom: 8px;
  overflow-wrap: anywhere;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 16px;
}

._factRow_1qzn4_137,
._fragmentRow_1qzn4_138 {
  display: grid;
  grid-template-columns: minmax(90px, 0.35fr) minmax(0, 1fr);
  gap: 10px;
  padding: 5px 0;
  border-top: 1px solid color-mix(in srgb, var(--border-default) 62%, transparent);
}

._detailLabel_1qzn4_146 {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 17px;
}

._detailLabel_1qzn4_146 svg {
  flex-shrink: 0;
  margin-top: 2px;
}

._detailValue_1qzn4_161 {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 17px;
}

._fragmentContent_1qzn4_168 {
  min-width: 0;
  max-height: 120px;
  margin: 0;
  overflow: auto;
  color: var(--text-secondary);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 16px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._locatorValue_1qzn4_181 {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
}

._locatorValue_1qzn4_181 code {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--text-secondary);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 17px;
}

._copyButton_1qzn4_197 {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
}

._copyButton_1qzn4_197:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

@media (max-width: 768px) {
  ._root_1qzn4_1 {
    width: 100%;
  }

  ._trigger_1qzn4_7 {
    min-height: 40px;
  }

  ._secondary_1qzn4_58 {
    display: none;
  }

  ._panel_1qzn4_88 {
    max-height: min(44vh, 320px);
  }

  ._factRow_1qzn4_137,
  ._fragmentRow_1qzn4_138 {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}
._contextMarker_q1ref_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  margin: 8px 0;
}

._markerLine_q1ref_9 {
  flex: 1;
  height: 1px;
  background: var(--border-color);
  opacity: 0.5;
}

._markerText_q1ref_16 {
  font-size: 12px;
  color: var(--text-tertiary);
  white-space: nowrap;
}
/* DelegateCard — 委托代答脚注 */

._card_1fyr1_3 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  column-gap: 8px;
  row-gap: 4px;
  width: min(560px, calc(100% - 12px));
  margin: 0 0 2px auto;
  padding: 5px 2px 5px 12px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--text-tertiary);
  animation: _fadeIn_1fyr1_1 0.2s ease-out;
}

._card_1fyr1_3._intercepted_1fyr1_18 {
  color: var(--color-warning, #f59e0b);
}

._summary_1fyr1_22 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-tertiary);
}

._identityCopy_1fyr1_29 {
  display: flex;
  min-width: 0;
  align-items: baseline;
  justify-content: flex-end;
  gap: 5px;
}

._identityMeta_1fyr1_37 {
  color: var(--text-tertiary);
  font-size: 10px;
  line-height: 1.2;
  opacity: 0.72;
  white-space: nowrap;
}

._warnIcon_1fyr1_45 {
  flex-shrink: 0;
}

._lowConfidenceDot_1fyr1_49 {
  white-space: nowrap;
  opacity: 0.65;
  flex-shrink: 0;
}

._reason_1fyr1_55 {
  grid-column: 1 / -1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.55;
  text-align: right;
}

._reasonLabel_1fyr1_64 {
  margin-right: 5px;
  opacity: 0.78;
}

@keyframes _fadeIn_1fyr1_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._frame_19bw3_1 {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

._container_19bw3_9 {
  flex: 1;
  overflow-y: auto;
  position: relative;
  min-height: 0;
  padding-right: 0;
  outline: none;
  transition: opacity 0.15s ease-out;
}

._containerSwitching_19bw3_19 {
  /* Hide the message content during session switch to mask the intermediate
     scrollTop states (bottom → top → bottom) caused by Virtuoso re-measuring
     rows with new data. The transition on .container makes the fade-in
     gradual so any residual scrollTop correction during Virtuoso's async
     row measurement is masked by the fade. */
  opacity: 0;
  scrollbar-width: none; /* Firefox */
  transition: none; /* fade out instantly; only fade-in is visible */
}
._containerSwitching_19bw3_19::-webkit-scrollbar {
  display: none; /* Chromium / Electron */
}

._loadMoreButton_19bw3_33 {
  display: block;
  margin: 12px auto;
  padding: 8px 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  color: var(--text-primary);
  font-size: 13px;
  cursor: pointer;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

._loadMoreButton_19bw3_33:hover {
  background: var(--hover-bg);
}

._loadMoreButton_19bw3_33:focus-visible,
._searchButton_19bw3_54:focus-visible,
._newMessageHint_19bw3_55:focus-visible,
._scrollToBottom_19bw3_56:focus-visible,
._quoteSelectionToolbarBtn_19bw3_57:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

._messageWrapper_19bw3_62 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}

._bottomAnchor_19bw3_69 {
  height: 1px;
  overflow-anchor: none;
}

._virtualListItem_19bw3_74 {
  box-sizing: border-box;
  width: 100%;
  min-height: 1px;
  padding: 0 16px;
}

._virtualBottomReserve_19bw3_81 {
  width: 100%;
  pointer-events: none;
  overflow-anchor: none;
}

._virtualListItemMessageStart_19bw3_87 {
  padding-top: 0;
}

._virtualListItemMessageContinuation_19bw3_91 {
  padding-top: 0;
  padding-bottom: 0;
}

._virtualListItemFirst_19bw3_96 {
  padding-top: 16px;
}

._virtualListItemLast_19bw3_100 {
  padding-bottom: 16px;
}

._searchBar_19bw3_104 {
  position: sticky;
  top: 8px;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 6px;
  width: min(520px, calc(100% - 32px));
  margin: 8px auto 0;
  padding: 6px;
  border: 1px solid var(--border-default);
  border-radius: 10px;
  background: var(--bg-primary);
  box-shadow: var(--shadow-md);
}

._searchInput_19bw3_120 {
  flex: 1;
  min-width: 0;
  height: 28px;
  padding: 0 8px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-primary);
  font-size: 13px;
  outline: none;
}

._searchInput_19bw3_120:focus {
  background: var(--bg-secondary);
}

._searchInput_19bw3_120:focus-visible {
  box-shadow: var(--focus-ring);
}

._searchCount_19bw3_141 {
  min-width: 64px;
  color: var(--text-tertiary);
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}

._searchButton_19bw3_54 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
}

._searchButton_19bw3_54:hover:not(:disabled) {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._searchButton_19bw3_54:disabled {
  opacity: 0.35;
  cursor: default;
}

._contextStatusRow_19bw3_173 {
  margin: -4px 0 0;
  padding: 0 4px;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

._maintenanceRow_19bw3_182 {
  display: contents;
}

._loadingMore_19bw3_186,
._noMoreMessages_19bw3_187,
._centerState_19bw3_188 {
  text-align: center;
  padding: 12px;
  color: var(--text-secondary);
  font-size: 12px;
}

._centerState_19bw3_188 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

._switchingPlaceholder_19bw3_202 {
  width: 100%;
  pointer-events: none;
}

._newMessageHint_19bw3_55 {
  position: absolute;
  left: 50%;
  bottom: 16px;
  z-index: 10;
  transform: translateX(-50%);
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 16px;
  border: 1px solid var(--border-color);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 13px;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  transition: background 0.2s ease;
}

._newMessageHint_19bw3_55:hover {
  background: var(--hover-bg);
}

._scrollToBottom_19bw3_56 {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  margin: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  background: var(--bg-secondary);
  color: var(--text-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-sm);
  transition:
    background 0.2s ease,
    transform 0.2s ease;
}

._scrollToBottom_19bw3_56:hover {
  background: var(--hover-bg);
  transform: scale(1.05);
}

._quoteSelectionToolbar_19bw3_57:focus-within {
  outline: none;
  box-shadow: var(--focus-ring);
}

._quoteSelectionToolbar_19bw3_57 {
  position: fixed;
  z-index: 30;
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--border-color);
  border-radius: 999px;
  background: var(--bg-primary);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  animation: _quoteToolbarPop_19bw3_1 0.18s ease-out;
}

@keyframes _quoteToolbarPop_19bw3_1 {
  from {
    opacity: 0;
    transform: translateY(4px) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

._quoteSelectionToolbarBtn_19bw3_57 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 28px;
  padding: 0 10px;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  transition:
    background 0.12s ease,
    color 0.12s ease;
}

._quoteSelectionToolbarBtn_19bw3_57:first-child {
  padding-left: 12px;
}

._quoteSelectionToolbarBtn_19bw3_57:last-child {
  padding-right: 12px;
}

._quoteSelectionToolbarBtn_19bw3_57:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._quoteSelectionToolbarBtn_19bw3_57:active {
  transform: scale(0.95);
}

._quoteSelectionToolbarBtnSend_19bw3_325:hover {
  color: var(--accent-blue, #3b82f6);
}

._quoteSelectionToolbarBtnOpen_19bw3_329:hover {
  color: var(--accent-blue, #3b82f6);
}

._quoteSelectionToolbarDivider_19bw3_333 {
  width: 1px;
  flex-shrink: 0;
  margin: 5px 0;
  background: var(--border-color);
}

/* 消息进入动画 */
._messageEnter_19bw3_341 {
  animation: _messageSlideIn_19bw3_1 0.3s ease-out;
}

@keyframes _messageSlideIn_19bw3_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 淡入动画 */
._fadeIn_19bw3_357 {
  animation: _fadeIn_19bw3_357 0.2s ease-out;
}

@keyframes _fadeIn_19bw3_357 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Queued message preview — separated from the virtual list */
._queuedPreviewArea_19bw3_371 {
  flex-shrink: 0;
  padding: 0 16px 8px;
  max-height: 200px;
  overflow-y: auto;
}
._row_1nn16_1 {
  display: flex;
  justify-content: center;
  padding: 4px 16px 16px;
}

._card_1nn16_7 {
  display: flex;
  gap: 10px;
  width: min(560px, 100%);
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--border-color));
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface) 94%, var(--color-primary) 6%);
  box-shadow: var(--shadow-sm);
  animation: _slideIn_1nn16_1 160ms ease-out;
}

._iconWrap_1nn16_19 {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
}

._body_1nn16_29 {
  min-width: 0;
  flex: 1;
}

._title_1nn16_34 {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

._description_1nn16_41 {
  margin-top: 2px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 20px;
}

._actions_1nn16_48 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

._primaryButton_1nn16_57,
._secondaryButton_1nn16_58 {
  height: 28px;
  padding: 0 10px;
  border-radius: 7px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

._primaryButton_1nn16_57 {
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
  color: white;
  font-weight: 500;
}

._primaryButton_1nn16_57:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

._secondaryButton_1nn16_58 {
  border: 1px solid var(--border-color);
  background: var(--surface);
  color: var(--text-secondary);
}

._secondaryButton_1nn16_58:hover {
  color: var(--text-primary);
  background: var(--hover-bg);
}

._textButton_1nn16_91 {
  border: none;
  background: none;
  color: var(--text-tertiary);
  font-size: 11px;
  padding: 0;
  height: auto;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 2px;
  transition: color 120ms ease, text-decoration-color 120ms ease;
}

._textButton_1nn16_91:hover {
  color: var(--text-secondary);
  text-decoration-color: var(--text-secondary);
  background: none;
}

._spin_1nn16_111 {
  animation: _spin_1nn16_111 900ms linear infinite;
}

@keyframes _spin_1nn16_111 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes _slideIn_1nn16_1 {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._container_1m048_1 {
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  flex-shrink: 0;
  color: white;
  font-weight: 700;
  align-items: center;
  justify-items: center;
  user-select: none;
  box-sizing: border-box;
}

._image_1m048_14 {
  border-radius: 8px;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}

._grid2_1m048_21 {
  grid-template-columns: 1fr 1fr;
}

._grid4_1m048_25 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

._overflow_1m048_30 {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
}
/* ChatHeaderBar — 紧凑头像 + 名称 */

._wrapper_19o3p_3 {
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  flex-shrink: 0;
}

/* 第一层（群级/单聊）：紧凑头像 + 名称 */
._headerTop_19o3p_11 {
  box-sizing: border-box;
  height: 42px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  border-bottom: 1px solid var(--border-default);
}

/* ── 左侧头像 ────────────────────────────────────────── */
._avatarCol_19o3p_23 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  transition: box-shadow 0.15s ease;
}

._avatarCol_19o3p_23:hover {
  box-shadow: 0 0 0 2px var(--color-primary);
}

._avatarCol_19o3p_23:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._groupIcon_19o3p_45 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── 右侧信息区 ──────────────────────────────────────── */
._infoCol_19o3p_56 {
  flex: 1;
  min-width: 0;
}

/* ── 上行：名称 ──────────────────────────────────────── */
._nameRow_19o3p_62 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  justify-content: space-between;
}

/* 标题 + 上下文状态容器 */
._titleWrap_19o3p_71 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
}

._headerTitleGroup_19o3p_79 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

._title_19o3p_71 {
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  text-align: left;
}

._title_19o3p_71:hover {
  color: var(--color-primary);
}

._title_19o3p_71:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

._sessionTitle_19o3p_111 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._contextHealthPill_19o3p_120 {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 999px;
  background: var(--bg-tertiary);
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}

._contextHealthPillWarning_19o3p_133 {
  background: color-mix(in srgb, var(--color-warning, #eab308) 14%, transparent);
  color: var(--color-warning, #eab308);
}

._contextHealthPillFailed_19o3p_138 {
  background: color-mix(in srgb, var(--color-danger, #ef4444) 12%, transparent);
  color: var(--color-danger, #ef4444);
}

._contextHealthPillLoading_19o3p_143 {
  gap: 4px;
  background: color-mix(in srgb, var(--color-primary, #7c3aed) 12%, transparent);
  color: var(--color-primary, #7c3aed);
}

._contextHealthPillSuccess_19o3p_149 {
  background: color-mix(in srgb, var(--color-success, #22c55e) 12%, transparent);
  color: var(--color-success, #22c55e);
}

._contextHealthSpinner_19o3p_154 {
  animation: _spin_19o3p_1 1s linear infinite;
  flex-shrink: 0;
}

@keyframes _spin_19o3p_1 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

._contextHealthTooltip_19o3p_169 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 180px;
}

._contextHealthTooltipTitle_19o3p_176 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 2px;
}

._contextInspectorButton_19o3p_183 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  color: var(--text-tertiary);
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease;
}

._contextInspectorButton_19o3p_183:hover {
  color: var(--text-primary);
  background: var(--bg-secondary);
}

._contextInspectorButton_19o3p_183:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._contextInspectorButtonActive_19o3p_209 {
  color: var(--color-primary, #0dbc79);
  background: color-mix(in srgb, var(--color-primary, #0dbc79) 12%, transparent);
}

._contextInspectorIcon_19o3p_214 {
  position: relative;
  display: inline-flex;
}

._contextInspectorStatusDot_19o3p_219 {
  position: absolute;
  top: -3px;
  right: -4px;
  width: 5px;
  height: 5px;
  border: 1px solid var(--bg-primary);
  border-radius: 50%;
  background: var(--color-success, #22c55e);
}

/* ── 汉堡按钮（仅 ≤768px 显示） ──────────────────────── */
._hamburgerBtn_19o3p_231 {
  display: none; /* 桌面端不显示 */
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 9px;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease;
}

._hamburgerBtn_19o3p_231:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

@media (max-width: 768px) {
  ._headerTop_19o3p_11 {
    height: 48px;
    gap: 12px;
    padding: 6px 12px;
  }

  ._hamburgerBtn_19o3p_231 {
    display: flex;
  }

  ._avatarCol_19o3p_23 {
    margin-left: 2px;
  }
}

/* ── 新建线程按钮（单线程群 header 右上角） ─────────── */
._newThreadBtn_19o3p_268 {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid var(--gray-300);
  background: transparent;
  color: var(--gray-500);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  transition: border-color 150ms ease, color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

._newThreadBtn_19o3p_268:hover {
  border-color: var(--purple-500);
  color: var(--purple-500);
  background: color-mix(in srgb, var(--purple-500) 8%, transparent);
}

._newThreadBtn_19o3p_268:focus-visible {
  outline: 2px solid var(--purple-500);
  outline-offset: 2px;
  border-color: var(--purple-500);
  color: var(--purple-500);
  background: color-mix(in srgb, var(--purple-500) 8%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--purple-500) 18%, transparent);
}
._dropdown_137oz_1 {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  max-height: 280px;
  overflow-y: auto;
  box-shadow: var(--shadow-md);
  isolation: isolate;
  z-index: 1100;
}

._dropdownInline_137oz_12 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin-bottom: 8px;
}

._dropdownPortal_137oz_20 {
  position: fixed;
  margin: 0;
  transform: translateY(calc(-100% - 8px));
}

._item_137oz_26 {
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.2s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._item_137oz_26:hover {
  background: var(--hover-bg);
}

._item_137oz_26._active_137oz_40 {
  background: var(--hover-bg);
  border-left: 3px solid var(--color-primary);
  padding-left: 9px;
}

._name_137oz_46 {
  font-size: 14px;
  color: var(--text-primary);
  font-weight: 500;
}

._commandHeading_137oz_52 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

._typeBadge_137oz_59 {
  flex-shrink: 0;
  padding: 1px 5px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: var(--bg-tertiary, var(--hover-bg));
  color: var(--text-tertiary, var(--text-secondary));
  font-size: 10px;
  line-height: 15px;
  font-weight: 500;
  white-space: nowrap;
}

._sectionLabel_137oz_72 {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 7px 12px 4px;
  background: var(--bg-secondary);
  color: var(--text-tertiary, var(--text-secondary));
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

._browserHeader_137oz_85 {
  position: sticky;
  top: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 8px;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-color);
}

._backButton_137oz_98 {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--border-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}

._backButton_137oz_98:hover,
._backButton_137oz_98:focus-visible {
  color: var(--text-primary);
  background: var(--hover-bg);
}

._browserTitle_137oz_120 {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

._browserChevron_137oz_127 {
  flex-shrink: 0;
  color: var(--text-tertiary, var(--text-secondary));
}

._filterInput_137oz_132 {
  min-width: 0;
  width: 100%;
  height: 28px;
  padding: 4px 8px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background: var(--bg-primary);
  color: var(--text-primary);
  font: inherit;
  font-size: 12px;
  outline: none;
}

._filterInput_137oz_132:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary-subtle);
}

._emptyState_137oz_151 {
  padding: 20px 12px;
  color: var(--text-secondary);
  font-size: 12px;
  text-align: center;
}

._description_137oz_158 {
  font-size: 11px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._commandInfo_137oz_166 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  flex: 1;
}

._shortcut_137oz_174 {
  font-size: 11px;
  color: var(--text-tertiary, var(--text-secondary));
  background: var(--bg-tertiary, var(--hover-bg));
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 1px 5px;
  white-space: nowrap;
  flex-shrink: 0;
}

._defaultSwitch_137oz_185 {
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px;
  flex-shrink: 0;
}

._defaultSwitch_137oz_185:hover ._defaultLabel_137oz_197 {
  color: var(--text-primary);
}

._defaultLabel_137oz_197 {
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
}

._switchTrack_137oz_207 {
  width: 28px;
  height: 16px;
  border-radius: 999px;
  background: var(--bg-tertiary, var(--hover-bg));
  border: 1px solid var(--border-color);
  display: inline-flex;
  align-items: center;
  padding: 1px;
  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}

._switchTrackOn_137oz_221 {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

._switchThumb_137oz_226 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--bg-primary);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
  transform: translateX(0);
  transition: transform 0.2s ease;
}

._switchTrackOn_137oz_221 ._switchThumb_137oz_226 {
  transform: translateX(12px);
}

._agentInfo_137oz_240 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

._agentDesc_137oz_247 {
  font-size: 11px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}

/* @all 选项特殊样式 — 更有视觉权重 */
._allItem_137oz_257 {
  background: var(--color-primary-subtle);
  border-radius: 6px;
  margin: 4px;
  padding: 6px 10px;
}

._allItem_137oz_257:hover {
  background: var(--color-primary-muted);
}

._allItem_137oz_257 ._name_137oz_46 {
  color: var(--color-primary);
  font-weight: 600;
}

._allIcon_137oz_273 {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}

._hint_137oz_283 {
  padding: 6px 12px;
  font-size: 11px;
  color: var(--text-tertiary, var(--text-secondary));
  border-top: 1px solid var(--border-color);
  text-align: center;
}
._picker_1n3e1_1 {
  position: fixed;
  width: min(440px, calc(100vw - 32px));
  max-height: 300px;
  display: flex;
  flex-direction: column;
  background: color-mix(in srgb, var(--bg-secondary) 96%, transparent);
  border: 1px solid color-mix(in srgb, var(--border-color) 72%, transparent);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.06);
  z-index: 1100;
  overflow: hidden;
  transform: translateY(calc(-100% - 8px));
  backdrop-filter: blur(12px);
}

._picker_1n3e1_1:has(._editor_1n3e1_17) {
  max-height: min(420px, calc(100dvh - 24px));
}

._header_1n3e1_21 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--border-color) 72%, transparent);
}

._title_1n3e1_29 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}

._textButton_1n3e1_35 {
  height: 28px;
  padding: 0 8px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 12px;
  cursor: pointer;
}

._textButton_1n3e1_35:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._list_1n3e1_51 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 6px;
}

._itemRow_1n3e1_58 {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 9px;
}

._item_1n3e1_58 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  width: auto;
  flex: 1;
  min-width: 0;
  padding: 7px 8px 7px 12px;
  border: none;
  border-radius: 9px;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

._itemRow_1n3e1_58:hover,
._itemRow_1n3e1_58:has(._item_1n3e1_58:focus-visible),
._itemRowActive_1n3e1_84 {
  background: color-mix(in srgb, var(--color-primary) 9%, var(--hover-bg));
}

._item_1n3e1_58:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
  outline-offset: 1px;
}

._itemActive_1n3e1_93 ._itemPreview_1n3e1_93 {
  font-weight: 500;
}

._itemText_1n3e1_97 {
  min-width: 0;
  flex: 1;
  overflow: hidden;
}

._itemPreview_1n3e1_93 {
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._shortcut_1n3e1_112 {
  flex: 0 0 38px;
  padding: 1px 5px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-tertiary, var(--hover-bg)) 76%, transparent);
  color: var(--text-tertiary, var(--text-secondary));
  font-size: 10px;
  line-height: 16px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  text-align: center;
  white-space: nowrap;
}

._moreButton_1n3e1_125 {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-tertiary, var(--text-secondary));
  opacity: 0;
  cursor: pointer;
  flex-shrink: 0;
}

._fillButton_1n3e1_140 {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-tertiary, var(--text-secondary));
  opacity: 0;
  cursor: pointer;
  flex-shrink: 0;
}

._fillButton_1n3e1_140:hover,
._fillButton_1n3e1_140:focus-visible {
  background: var(--bg-tertiary, var(--hover-bg));
  color: var(--text-primary);
}

._fillButton_1n3e1_140:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
  outline-offset: 1px;
}

._itemRow_1n3e1_58:hover ._fillButton_1n3e1_140,
._itemRowActive_1n3e1_84 ._fillButton_1n3e1_140,
._fillButton_1n3e1_140:focus-visible {
  opacity: 1;
}

@media (hover: none) {
  ._fillButton_1n3e1_140 {
    opacity: 1;
  }
}

._itemRow_1n3e1_58:hover ._moreButton_1n3e1_125,
._itemRowActive_1n3e1_84 ._moreButton_1n3e1_125,
._moreButton_1n3e1_125:focus-visible {
  opacity: 1;
}

._moreButton_1n3e1_125:hover {
  background: var(--bg-tertiary, var(--hover-bg));
  color: var(--text-primary);
}

._itemMenu_1n3e1_189 {
  position: fixed;
  min-width: 96px;
  padding: 4px;
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  box-shadow: var(--shadow-md);
  z-index: 1200;
}

._itemMenu_1n3e1_189 button {
  width: 100%;
  border: none;
  background: transparent;
  color: var(--text-primary);
  text-align: left;
  padding: 7px 8px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
}

._itemMenu_1n3e1_189 button:hover {
  background: var(--hover-bg);
}

._itemMenu_1n3e1_189 ._dangerAction_1n3e1_216 {
  color: var(--color-danger, #ef4444);
}

._footer_1n3e1_220 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 10px 8px 12px;
  border-top: 1px solid color-mix(in srgb, var(--border-color) 66%, transparent);
  color: var(--text-tertiary, var(--text-secondary));
  font-size: 11px;
  white-space: nowrap;
}

._footer_1n3e1_220 > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

._manageButton_1n3e1_239 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 7px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 11px;
  white-space: nowrap;
  cursor: pointer;
}

._manageButton_1n3e1_239:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._state_1n3e1_259,
._emptyState_1n3e1_260 {
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
}

._emptyTitle_1n3e1_270 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 6px;
}

._emptyDescription_1n3e1_277 {
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 16px;
}

._editor_1n3e1_17 {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._field_1n3e1_290 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  color: var(--text-secondary);
}

._field_1n3e1_290 input,
._field_1n3e1_290 textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: var(--bg-primary);
  color: var(--text-primary);
  padding: 8px 10px;
  font-size: 13px;
  outline: none;
}

._field_1n3e1_290 input:focus,
._field_1n3e1_290 textarea:focus {
  border-color: var(--color-primary);
}

._field_1n3e1_290 textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.5;
}

._editorActions_1n3e1_322 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

._editorHint_1n3e1_328 {
  margin-top: -6px;
  color: var(--text-tertiary, var(--text-secondary));
  font-size: 11px;
}

._primaryAction_1n3e1_334,
._secondaryAction_1n3e1_335 {
  height: 30px;
  border-radius: 7px;
  padding: 0 12px;
  font-size: 12px;
  cursor: pointer;
}

._primaryAction_1n3e1_334 {
  border: none;
  background: var(--color-primary);
  color: white;
}

._primaryAction_1n3e1_334:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryAction_1n3e1_335 {
  border: 1px solid var(--border-color);
  background: transparent;
  color: var(--text-secondary);
}

._secondaryAction_1n3e1_335:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

/* ---- scope badge (list item) ---- */

._scopeBadge_1n3e1_367 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
  color: var(--color-primary);
  font-size: 10px;
  line-height: 16px;
  white-space: nowrap;
}

/* ---- scope checkbox (editor) ---- */

._scopeCheckbox_1n3e1_383 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--text-secondary);
  cursor: pointer;
  user-select: none;
}

._scopeCheckbox_1n3e1_383 input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: var(--color-primary);
  cursor: pointer;
}

@media (max-width: 768px) {
  ._picker_1n3e1_1 {
    left: 8px !important;
    width: calc(100vw - 16px) !important;
    max-height: min(304px, 52dvh);
    border-radius: 14px;
    background: var(--bg-secondary);
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.2), 0 3px 10px rgba(15, 23, 42, 0.08);
    transform: translateY(calc(-100% - 10px));
  }

  ._picker_1n3e1_1:has(._editor_1n3e1_17) {
    max-height: min(304px, calc(100dvh - 24px));
  }

  ._header_1n3e1_21 {
    flex-shrink: 0;
  }

  ._editor_1n3e1_17 {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  ._list_1n3e1_51 {
    padding: 4px 6px;
    overscroll-behavior: contain;
  }

  ._itemRow_1n3e1_58 {
    min-height: 48px;
    gap: 2px;
    border-radius: 10px;
  }

  ._item_1n3e1_58 {
    min-height: 48px;
    padding: 4px 6px 4px 14px;
    border-radius: 10px;
  }

  ._itemPreview_1n3e1_93 {
    font-size: 14px;
    line-height: 1.35;
  }

  ._shortcut_1n3e1_112 {
    display: none;
  }

  ._fillButton_1n3e1_140,
  ._moreButton_1n3e1_125 {
    width: 44px;
    height: 44px;
    opacity: 1;
    border-radius: 8px;
    touch-action: manipulation;
  }

  ._fillButton_1n3e1_140 {
    margin-left: 2px;
  }

  ._moreButton_1n3e1_125 {
    margin-right: 2px;
  }

  ._footer_1n3e1_220 {
    box-sizing: border-box;
    height: 48px;
    min-height: 48px;
    padding: 0 8px;
    background: var(--bg-secondary);
    justify-content: flex-end;
  }

  ._footer_1n3e1_220 > span:first-child {
    display: none;
  }

  ._manageButton_1n3e1_239 {
    height: 44px;
    padding: 0 10px;
    font-size: 12px;
  }

  ._textButton_1n3e1_35,
  ._itemMenu_1n3e1_189 button,
  ._primaryAction_1n3e1_334,
  ._secondaryAction_1n3e1_335 {
    min-height: 44px;
  }

  ._primaryAction_1n3e1_334,
  ._secondaryAction_1n3e1_335 {
    height: 44px;
  }

}
._attachmentItem_1cs73_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  transition: background 0.2s ease;
  min-width: 0;
}

._imagePreview_1cs73_13 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
  border: 1px solid var(--border-color);
}

._attachmentItem_1cs73_1:hover {
  background: var(--hover-bg);
}

._fileIcon_1cs73_26 {
  color: var(--text-secondary);
  flex-shrink: 0;
}

._fileInfo_1cs73_31 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._fileName_1cs73_39 {
  font-size: 13px;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._fileSize_1cs73_47 {
  font-size: 11px;
  color: var(--text-tertiary);
}

._removeButton_1cs73_52 {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--text-tertiary);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

._removeButton_1cs73_52:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._attachmentList_1cs73_71 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 8px;
}

._uploadArea_1cs73_78 {
  border: 2px dashed var(--border-color);
  border-radius: 8px;
  padding: 16px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  background: var(--bg-secondary);
}

._uploadArea_1cs73_78:hover {
  border-color: var(--accent-color);
  background: var(--hover-bg);
}

._uploadArea_1cs73_78._dragOver_1cs73_93 {
  border-color: var(--accent-color);
  background: var(--active-bg);
}

._uploadIcon_1cs73_98 {
  color: var(--text-tertiary);
  margin-bottom: 8px;
}

._uploadText_1cs73_103 {
  font-size: 13px;
  color: var(--text-secondary);
  margin-bottom: 4px;
}

._uploadHint_1cs73_109 {
  font-size: 11px;
  color: var(--text-tertiary);
}

._hiddenInput_1cs73_114 {
  display: none;
}
._container_1ucdp_1 {
  border-top: 1px solid var(--border);
  background: var(--surface);
  backdrop-filter: var(--backdrop-blur);
}

._containerDropdownOpen_1ucdp_7 {
  background: var(--bg-primary);
  backdrop-filter: none;
}

._wrapper_1ucdp_12 {
  padding: 1rem;
}

._inputWrapper_1ucdp_16 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "input input"
    "left actions";
  align-items: end;
  gap: 0.5rem;
  padding: 0.75rem;
  background: var(--surface);
  backdrop-filter: var(--backdrop-blur);
  border-radius: 1rem;
  border: 1px solid var(--border);
  transition: border-color 0.2s ease, background 0.2s ease;
}

._inputWrapper_1ucdp_16:focus-within {
  border-color: color-mix(in srgb, var(--color-primary) 28%, var(--border));
}

._inputWrapperMultiline_1ucdp_37 {
  gap: 0.625rem;
}

._inputWrapperDropdownOpen_1ucdp_41 {
  background: var(--bg-secondary);
  backdrop-filter: none;
}

._textarea_1ucdp_46 {
  grid-area: input;
  background: transparent;
  border: none;
  outline: none;
  resize: none;
  color: var(--text-primary);
  font-family: system-ui;
  font-size: 0.875rem;
  line-height: 1.625;
  min-height: 2.5rem;
  max-height: 200px;
  padding: 0.45rem 0;
  min-width: 0;
}

._inputWrapper_1ucdp_16 ._textarea_1ucdp_46 {
  padding: 0.25rem 0;
}

._textarea_1ucdp_46::placeholder {
  color: var(--text-secondary);
}

._icon_1ucdp_70 {
  width: 1.25rem;
  height: 1.25rem;
}

._footer_1ucdp_75 {
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin-top: 0.5rem;
  text-align: center;
}

._attachButton_1ucdp_82 {
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  color: var(--text-secondary);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, color 0.2s ease;
}

._buttonGroup_1ucdp_95 {
  grid-area: actions;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
}

._leftButtonGroup_1ucdp_103 {
  grid-area: left;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.25rem;
}

._commandButton_1ucdp_111 {
  height: 2rem;
  padding: 0 0.75rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
  background: color-mix(in srgb, var(--bg-secondary) 58%, transparent);
  color: var(--text-secondary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

._commandButton_1ucdp_111:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._commandButtonActive_1ucdp_135 {
  background: var(--color-info-light);
  border-color: color-mix(in srgb, var(--blue-500) 22%, var(--border));
  color: var(--blue-500);
}

._commandButtonLabel_1ucdp_141 {
  line-height: 1;
}

._commandSlash_1ucdp_145 {
  font-size: 0.9375rem;
  font-weight: 650;
  line-height: 1;
}

._quickReplyButton_1ucdp_151 {
  height: 2rem;
  padding: 0 0.75rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
  background: color-mix(in srgb, var(--bg-secondary) 58%, transparent);
  color: var(--text-secondary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

._quickReplyButton_1ucdp_151:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._quickReplyButtonActive_1ucdp_175 {
  background: color-mix(in srgb, var(--green-500, #4ade80) 10%, transparent);
  border-color: color-mix(in srgb, var(--green-500, #4ade80) 22%, var(--border));
  color: var(--green-500, #4ade80);
}

._quickReplyButtonLabel_1ucdp_181 {
  line-height: 1;
}

._attachButton_1ucdp_82:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._dragOver_1ucdp_190 {
  border-color: var(--color-primary);
  background: var(--hover-bg);
}

._pasteHighlight_1ucdp_195 {
  border-color: color-mix(in srgb, var(--color-primary) 36%, var(--border));
}

._attachmentSection_1ucdp_199 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._contextDraft_1ucdp_206 {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
  margin-bottom: 0.5rem;
  padding: 0.4rem 0.55rem;
  border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--border));
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--color-primary) 7%, var(--surface));
  color: var(--text-secondary);
  font-size: 0.75rem;
}

._contextDraftText_1ucdp_220 {
  min-width: 0;
  overflow: hidden;
  color: var(--text-primary);
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._contextDraftHint_1ucdp_229 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._contextDraftRemove_1ucdp_235 {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  border: 0;
  border-radius: 0.35rem;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
}

._contextDraftRemove_1ucdp_235:hover,
._contextDraftRemove_1ucdp_235:focus-visible {
  background: var(--hover-bg);
  color: var(--text-primary);
}

/* ── 响应式：≤768px 输入区微调 ─────────────────────── */
@media (max-width: 768px) {
  ._wrapper_1ucdp_12 {
    padding: 0.5rem;
  }

  ._inputWrapper_1ucdp_16 {
    padding: 0.5rem;
  }

  ._inputWrapperMultiline_1ucdp_37 {
    padding-top: 0.75rem;
  }

  ._textarea_1ucdp_46 {
    padding: 0.4rem 0;
    font-size: 16px; /* 防止 iOS Safari 自动缩放 */
  }

  ._commandButton_1ucdp_111 {
    width: 2rem;
    padding: 0;
  }

  ._commandButtonLabel_1ucdp_141 {
    display: none;
  }

  ._quickReplyButton_1ucdp_151 {
    width: 2rem;
    padding: 0;
  }

  ._quickReplyButtonLabel_1ucdp_181 {
    display: none;
  }

  ._attachmentSection_1ucdp_199 {
    margin-bottom: 0.5rem;
  }
}
._inputWrapper_hetsf_1 {
  position: relative;
  flex-shrink: 0;
}
._container_gj1mt_1 {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--bg-primary);
  overflow: hidden;
}

._mainShell_gj1mt_11 {
  position: relative;
  flex: 1;
  display: flex;
  min-height: 0;
  overflow: hidden;
}

._conversationPane_gj1mt_19 {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

._footerWrapper_gj1mt_27 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  min-width: 0;
}

._messageListWrapper_gj1mt_34 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

._messageAreaRow_gj1mt_41 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

._notification_gj1mt_49 {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 13px;
  box-shadow: var(--shadow-md);
  z-index: 1000;
  animation: _fadeIn_gj1mt_1 0.2s ease;
}

._mobileTerminalDialogOverlay_gj1mt_65 {
  padding: 0;
  background: var(--overlay-bg);
}

._mobileTerminalDialogSurface_gj1mt_70 {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-width: none;
  max-height: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

._mobileTerminalDialogBody_gj1mt_81 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

@keyframes _fadeIn_gj1mt_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
/* ========== 容器 ========== */
._wrapper_16bmi_2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  position: relative;
}

/* ========== 主控件（只读展示） ========== */
._control_16bmi_11 {
  display: flex;
  align-items: center;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg, 8px);
  transition: border-color var(--duration-fast, 0.15s) ease,
              box-shadow var(--duration-fast, 0.15s) ease;
  cursor: pointer;
  user-select: none;
}

._control_16bmi_11:hover {
  border-color: var(--border-strong);
}

._controlOpen_16bmi_27 {
  border-color: var(--color-primary);
  background: var(--bg-primary);
  box-shadow: var(--focus-ring);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* ---- Open (向上翻转) — trigger top radius 清零 ---- */
._controlOpenUp_16bmi_36 {
  border-color: var(--color-primary);
  background: var(--bg-primary);
  box-shadow: var(--focus-ring);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--radius-lg, 8px);
  border-bottom-right-radius: var(--radius-lg, 8px);
}

._controlDisabled_16bmi_46 {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* ========== 展示文本 ========== */
._display_16bmi_53 {
  flex: 1;
  padding: var(--space-2, 8px) 0 var(--space-2, 8px) var(--space-3, 12px);
  color: var(--text-primary);
  font-size: var(--font-md, 14px);
  font-family: inherit;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._displayPlaceholder_16bmi_65 {
  color: var(--text-tertiary);
}

/* ========== 右侧指示器 ========== */
._indicators_16bmi_70 {
  display: flex;
  align-items: center;
  gap: 2px;
  padding-right: var(--space-2, 8px);
  flex-shrink: 0;
}

._clearBtn_16bmi_78 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: var(--text-tertiary);
  font-size: 10px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

._clearBtn_16bmi_78:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._chevronWrap_16bmi_99 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  flex-shrink: 0;
}

._chevron_16bmi_99 {
  transition: transform 0.2s ease;
  color: var(--text-tertiary);
}

._chevronUp_16bmi_114 {
  transform: rotate(180deg);
}

/* ========== 加载旋转 ========== */
._spinner_16bmi_119 {
  display: inline-block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid var(--border);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: _spin_16bmi_119 0.6s linear infinite;
}

@keyframes _spin_16bmi_119 {
  to {
    transform: rotate(360deg);
  }
}

/* ========== 下拉面板 ========== */
._dropdown_16bmi_137 {
  background: var(--bg-primary);
  border: 1px solid var(--color-primary);
  border-top: 1px solid var(--border);
  border-bottom-left-radius: var(--radius-lg, 8px);
  border-bottom-right-radius: var(--radius-lg, 8px);
  box-shadow: var(--focus-ring);
  animation: _slideDown_16bmi_1 0.15s ease;
  overflow: hidden;
}

/* ---- 向上翻转 ---- */
._dropdownUp_16bmi_149 {
  border-bottom: 1px solid var(--color-primary);
  border-top: 1px solid var(--border);
  border-top-left-radius: var(--radius-lg, 8px);
  border-top-right-radius: var(--radius-lg, 8px);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  animation: _slideUp_16bmi_1 0.12s ease;
}

@keyframes _slideDown_16bmi_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _slideUp_16bmi_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ========== 搜索框 ========== */
._searchBox_16bmi_182 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-secondary);
}

._searchIcon_16bmi_191 {
  flex-shrink: 0;
  color: var(--text-tertiary);
}

._searchInput_16bmi_196 {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: var(--text-primary);
  font-size: var(--font-sm, 13px);
  font-family: inherit;
  min-width: 0;
}

._searchInput_16bmi_196::placeholder {
  color: var(--text-tertiary);
}

/* ========== 选项列表 ========== */
._optionList_16bmi_212 {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  margin: 0;
  padding: 4px 0;
}

/* ========== 选项 ========== */
._option_16bmi_212 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  cursor: pointer;
  font-size: var(--font-sm, 13px);
  color: var(--text-primary);
  transition: background 0.1s ease;
  gap: 8px;
}

._option_16bmi_212:hover,
._optionHighlighted_16bmi_235 {
  background: var(--hover-bg);
}

._optionSelected_16bmi_239 {
  color: var(--color-primary);
  font-weight: 500;
}

._optionText_16bmi_244 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._checkIcon_16bmi_252 {
  flex-shrink: 0;
  color: var(--color-primary);
}

/* ========== Create 选项 ========== */
._optionCreate_16bmi_258 {
  color: var(--text-secondary);
}

._optionCreate_16bmi_258 ._optionText_16bmi_244 {
  font-style: italic;
}

._createIcon_16bmi_266 {
  flex-shrink: 0;
  color: var(--color-primary);
}

._createLabel_16bmi_271 {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--text-tertiary);
  background: var(--bg-secondary);
  padding: 1px 6px;
  border-radius: 4px;
}

/* ========== 高亮匹配 ========== */
._highlight_16bmi_281 {
  background: transparent;
  color: var(--color-primary);
  font-weight: 600;
  border-radius: 2px;
  padding: 0 1px;
}

/* ========== 空状态 ========== */
._emptyState_16bmi_290 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-size: var(--font-sm, 13px);
  color: var(--text-tertiary);
  justify-content: center;
}
/* ========== Wrapper ========== */
._wrapper_186v4_2 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

/* ========== Trigger（主控件） ========== */
._control_186v4_11 {
  display: flex;
  align-items: center;
  background: var(--bg-secondary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md, 6px);
  cursor: pointer;
  user-select: none;
  outline: none;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;

  /* md 默认 */
  height: 36px;
  padding-right: var(--space-2, 8px);
}

/* ---- Hover ---- */
._control_186v4_11:hover {
  background-color: var(--bg-tertiary);
  border-color: var(--border-strong);
}

/* ---- Focus ---- */
._control_186v4_11:focus-visible {
  background-color: var(--bg-primary);
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-muted);
}

/* ---- Open (向下) ---- */
._controlOpen_186v4_44 {
  border-color: var(--color-primary);
  background-color: var(--bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-muted);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* ---- Open (向上翻转) — trigger top radius 清零 ---- */
._controlOpenUp_186v4_53 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--radius-md, 6px);
  border-bottom-right-radius: var(--radius-md, 6px);
}

/* ---- Disabled ---- */
._controlDisabled_186v4_61 {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ---- Error ---- */
._controlError_186v4_67 {
  border-color: var(--color-error);
}
._controlError_186v4_67:focus-visible {
  border-color: var(--color-error);
  box-shadow: 0 0 0 3px var(--color-error-light);
}

/* ========== Display Text ========== */
._display_186v4_76 {
  flex: 1;
  padding: 0 0 0 var(--space-3, 12px);
  color: var(--text-primary);
  font-size: var(--font-md, 14px);
  font-family: inherit;
  line-height: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._displayPlaceholder_186v4_89 {
  color: var(--text-tertiary);
}

/* ========== Chevron ========== */
._chevronWrap_186v4_94 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  flex-shrink: 0;
}

._chevron_186v4_94 {
  color: var(--text-tertiary);
  transition: transform 0.2s ease, color 0.15s ease;
}

._control_186v4_11:hover ._chevron_186v4_94 {
  color: var(--text-secondary);
}

._control_186v4_11:focus-visible ._chevron_186v4_94,
._controlOpen_186v4_44 ._chevron_186v4_94 {
  color: var(--color-primary);
}

._controlDisabled_186v4_61 ._chevron_186v4_94 {
  opacity: 0.5;
}

._controlError_186v4_67 ._chevron_186v4_94 {
  color: var(--color-error);
}

._chevronUp_186v4_126 {
  transform: rotate(180deg);
}

/* ========== Error Text ========== */
._error_186v4_131 {
  font-size: var(--font-sm, 12px);
  color: var(--color-error);
}

/* ========== Size Variants ========== */

/* sm — 消息输入区 */
._controlSm_186v4_139 {
  height: 28px;
  border-radius: var(--radius-sm, 4px);
}
._controlSm_186v4_139 ._display_186v4_76 {
  font-size: var(--font-sm, 12px);
  padding-left: var(--space-2, 8px);
}

/* lg — 预留 */
._controlLg_186v4_149 {
  height: 42px;
}
._controlLg_186v4_149 ._display_186v4_76 {
  font-size: var(--font-md, 16px);
}

/* ========== Dropdown Portal ========== */
._dropdown_186v4_157 {
  background: var(--bg-primary);
  border: 1px solid var(--color-primary);
  border-top: 1px solid var(--border-default);
  border-bottom-left-radius: var(--radius-md, 6px);
  border-bottom-right-radius: var(--radius-md, 6px);
  box-shadow: 0 0 0 3px var(--color-primary-muted);
  animation: _slideDown_186v4_1 0.12s ease;
  overflow: hidden;
}

/* ---- 向上翻转 ---- */
._dropdownUp_186v4_169 {
  border-bottom: 1px solid var(--color-primary);
  border-top: 1px solid var(--border-default);
  border-top-left-radius: var(--radius-md, 6px);
  border-top-right-radius: var(--radius-md, 6px);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  animation: _slideUp_186v4_1 0.12s ease;
}

@keyframes _slideDown_186v4_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _slideUp_186v4_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  ._dropdown_186v4_157 {
    animation: none;
  }
  ._chevron_186v4_94 {
    transition: none;
  }
  ._control_186v4_11 {
    transition: none;
  }
}

._dropdownSm_186v4_214 {
  border-bottom-left-radius: var(--radius-sm, 4px);
  border-bottom-right-radius: var(--radius-sm, 4px);
}

/* ========== Option List ========== */
._optionList_186v4_220 {
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  margin: 0;
  padding: 4px 0;
}

/* ========== Group ========== */
._group_186v4_230 {
  list-style: none;
}

._groupHeader_186v4_234 {
  padding: 8px 12px 4px;
  font-size: var(--font-sm, 12px);
  font-weight: 600;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  user-select: none;
}

._groupItems_186v4_244 {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ========== Option ========== */
._option_186v4_220 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  cursor: pointer;
  font-size: var(--font-md, 14px);
  color: var(--text-primary);
  transition: background-color 0.08s ease;
  gap: 8px;
}

._option_186v4_220:hover,
._optionHighlighted_186v4_264 {
  background-color: var(--hover-bg);
}

._optionSelected_186v4_268 {
  color: var(--color-primary);
  font-weight: 500;
}

._optionDisabled_186v4_273 {
  opacity: 0.45;
  cursor: not-allowed;
}
._optionDisabled_186v4_273:hover {
  background-color: transparent;
}

._optionText_186v4_281 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._checkIcon_186v4_289 {
  flex-shrink: 0;
  color: var(--color-primary);
}
._header_1x8yc_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid var(--border-color);
}

._header_1x8yc_1 h2 {
  margin: 0;
  font-size: 18px;
}

._form_1x8yc_14 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._field_1x8yc_21 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._field_1x8yc_21 label {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

._labelRow_1x8yc_33 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._field_1x8yc_21 input,
._field_1x8yc_21 textarea {
  padding: 10px 12px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.6;
  transition: all 0.2s ease;
}

._field_1x8yc_21 textarea {
  min-height: 80px;
  resize: vertical;
}

._field_1x8yc_21 textarea:focus {
  outline: none;
  border-color: var(--color-primary-medium);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

._field_1x8yc_21 textarea:hover:not(:focus) {
  border-color: var(--text-tertiary);
}

._actions_1x8yc_67 {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-top: 1px solid var(--border-color);
}

._actionButtons_1x8yc_76 {
  display: flex;
  gap: 8px;
}

._optimizeBtn_1x8yc_81 {
  background: var(--color-primary-light);
  border: 1px solid var(--color-primary-light);
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

._optimizeBtn_1x8yc_81:hover:not(:disabled) {
  background: var(--color-primary-medium);
  border-color: var(--color-primary-medium);
}

._optimizeBtn_1x8yc_81:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* 通道引导 — 邀请感 */
._channelWarning_1x8yc_102 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(139, 92, 246, 0.08) 100%);
  border: 1px solid rgba(99, 102, 241, 0.15);
  border-radius: 8px;
  color: var(--text-primary);
}

._channelWarning_1x8yc_102 svg {
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 2px;
}

._channelWarningText_1x8yc_119 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
}

._channelWarningText_1x8yc_119 strong {
  color: var(--text-primary);
  font-weight: 500;
}

._channelWarningText_1x8yc_119 span {
  color: var(--text-secondary);
  font-size: 12px;
}



._spinning_1x8yc_139 {
  animation: _spin_1x8yc_139 1s linear infinite;
}

/* 内联错误提示条 */
._inlineError_1x8yc_144 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  background: var(--color-error-faint);
  border: 1px solid var(--color-error-strong);
  border-radius: 6px;
  color: var(--color-error);
  font-size: 13px;
  line-height: 1.4;
}

._inlineError_1x8yc_144 svg {
  flex-shrink: 0;
}

._dismissError_1x8yc_161 {
  margin-left: auto;
  padding: 2px;
  background: none;
  border: none;
  color: var(--color-error);
  cursor: pointer;
  opacity: 0.7;
  display: flex;
  align-items: center;
}

._dismissError_1x8yc_161:hover {
  opacity: 1;
}

@keyframes _spin_1x8yc_139 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
/* ========== Content body ========== */

._content_18xfq_3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 20px 24px;
  overflow: hidden;
}

/* ========== Header ========== */

._header_18xfq_14 {
  padding: 14px 24px;
  border-bottom: 1px solid var(--border-default);
}

._dialogTitle_18xfq_19 {
  margin: 0;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--text-primary);
}

/* ========== Footer ========== */

._footer_18xfq_29 {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 24px 16px;
  border-top: 1px solid var(--border-default);
}

/* ========== Loading skeleton ========== */

._loadingState_18xfq_40 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._skeletonItem_18xfq_46 {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  background: var(--bg-secondary);
}

._skeletonCheck_18xfq_55 {
  width: 18px;
  height: 18px;
  border-radius: var(--radius-sm, 4px);
  background: var(--bg-tertiary);
  flex-shrink: 0;
}

._skeletonText_18xfq_63 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._skeletonBar_18xfq_70 {
  height: 12px;
  border-radius: var(--radius-sm, 4px);
  background: var(--bg-tertiary);
}

._skeletonShort_18xfq_76 { width: 40%; }
._skeletonLong_18xfq_77 { width: 80%; }

/* ========== Empty state ========== */

._emptyState_18xfq_81 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  padding: 48px 24px;
}

._emptyTitle_18xfq_90 {
  font-size: 14px;
  color: var(--text-secondary);
  margin-bottom: 8px;
}

._emptyHint_18xfq_96 {
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1.6;
}

._errorBanner_18xfq_102 {
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid var(--color-error-strong);
  border-radius: var(--radius-lg, 8px);
  background: var(--color-error-light);
  color: var(--color-error);
  font-size: 12px;
  line-height: 1.5;
}

/* ========== Config hint ========== */

._configHint_18xfq_115 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  background: var(--bg-secondary);
  border-radius: var(--radius-lg, 8px);
  border: 1px solid var(--border-default);
  font-size: 12px;
  line-height: 1.6;
  color: var(--text-tertiary);
  margin-bottom: 16px;
}

._infoIcon_18xfq_129 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  opacity: 0.6;
}

/* ========== Search ========== */

._searchBox_18xfq_139 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  margin-bottom: 12px;
}

._searchBox_18xfq_139:focus-within {
  border-color: var(--color-primary);
}

._searchBox_18xfq_139 svg {
  width: 14px;
  height: 14px;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._searchBox_18xfq_139 input {
  flex: 1;
  background: none;
  border: none;
  color: var(--text-primary);
  font-size: 13px;
  font-family: inherit;
  outline: none;
}

._searchBox_18xfq_139 input::placeholder {
  color: var(--text-tertiary);
}

/* ========== Selected bar ========== */

._selectedBar_18xfq_177 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 2px;
}

._selectedCount_18xfq_185 {
  font-size: 12px;
  color: var(--text-secondary);
  font-weight: 500;
}

._selectedCount_18xfq_185 strong {
  color: var(--color-primary);
  font-weight: 650;
}

._clearBtn_18xfq_196 {
  background: none;
  border: none;
  color: var(--text-tertiary);
  font-size: 12px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: var(--radius-sm, 4px);
  transition: color 0.15s, background 0.15s;
}

._clearBtn_18xfq_196:hover {
  background: var(--bg-hover);
  color: var(--text-secondary);
}

/* ========== Skill list ========== */

._skillList_18xfq_214 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  overflow-y: auto;
  padding-right: 4px;
}

._skillList_18xfq_214::-webkit-scrollbar { width: 6px; }
._skillList_18xfq_214::-webkit-scrollbar-track { background: transparent; }
._skillList_18xfq_214::-webkit-scrollbar-thumb { background: var(--border-default); border-radius: 3px; }

._skillItem_18xfq_227 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  background: var(--bg-secondary);
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  min-width: 0;
}

._skillItem_18xfq_227:hover {
  border-color: var(--border-strong, var(--border-default));
  background: var(--bg-hover, var(--bg-secondary));
}

._skillItem_18xfq_227:focus-within {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._checked_18xfq_250 {
  border-color: var(--color-primary);
}

._checked_18xfq_250:hover {
  background: var(--bg-secondary);
}

._skillCheck_18xfq_258 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--border-strong, var(--border-default));
  border-radius: var(--radius-sm, 4px);
  background: var(--bg-primary);
  margin-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, border-color 0.15s;
}

._skillCheck_18xfq_258._checked_18xfq_250,
._checked_18xfq_250 ._skillCheck_18xfq_258 {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

._skillCheck_18xfq_258 svg {
  width: 12px;
  height: 12px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.1s;
}

._skillCheck_18xfq_258._checked_18xfq_250 svg,
._checked_18xfq_250 ._skillCheck_18xfq_258 svg {
  opacity: 1;
}

._skillInfo_18xfq_291 {
  flex: 1;
  min-width: 0;
}

._skillName_18xfq_296 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._skillDesc_18xfq_306 {
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ========== Origin tags ========== */

._originTags_18xfq_319 {
  display: flex;
  gap: 4px;
  margin-top: 6px;
  flex-wrap: wrap;
}

._originTag_18xfq_319 {
  font-size: 10px;
  font-weight: 500;
  padding: 1px 6px;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

._originGroup_18xfq_336 {
  background: var(--color-primary-soft, rgba(107, 140, 255, 0.12));
  color: var(--color-primary);
  border: 1px solid rgba(107, 140, 255, 0.2);
}

._originAgent_18xfq_342 {
  background: var(--bg-tertiary, var(--bg-secondary));
  color: var(--text-secondary);
  border: 1px solid var(--border-default);
}

._hiddenInput_18xfq_348 {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

._noResults_18xfq_354 {
  text-align: center;
  padding: 24px;
  color: var(--text-tertiary);
  font-size: 13px;
}

._errorText_18xfq_361 {
  margin: 12px 0 0;
  color: var(--danger-color, #ef4444);
  font-size: 12px;
}

/* ========== Mobile ========== */

@media (max-width: 640px) {
  ._content_18xfq_3 {
    padding: 16px 16px;
  }

  ._header_18xfq_14 {
    padding: 12px 16px;
  }

  ._footer_18xfq_29 {
    padding: 10px 16px 14px;
  }
}

/* ========== Tab bar (unified dialog) ========== */

._tabBar_18xfq_385 {
  display: flex;
  gap: 4px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--border-default);
  padding-bottom: 0;
}

._tabButton_18xfq_393 {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--text-tertiary);
  font-size: 13px;
  font-weight: 500;
  padding: 8px 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.15s, border-color 0.15s;
}

._tabButton_18xfq_393:hover {
  color: var(--text-secondary);
}

._tabActive_18xfq_412 {
  color: var(--text-primary);
  border-bottom-color: var(--color-primary);
}

._tabBadge_18xfq_417 {
  font-size: 10px;
  font-weight: 600;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 99px;
  background: var(--color-primary-soft, rgba(107, 140, 255, 0.12));
  color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ========== Disabled tools (warning variant) ========== */

._toolDisabled_18xfq_433 {
  background: var(--color-error-light);
}

._toolDisabled_18xfq_433:hover {
  background: var(--color-error-medium);
}

/* Compact tool list — grouped rows, no gap between items */
._toolList_18xfq_442 {
  gap: 0;
}

._toolGroup_18xfq_446 {
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md, 6px);
  margin-bottom: 8px;
}

._toolItem_18xfq_452 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  background: var(--bg-secondary);
  cursor: pointer;
  transition: background 0.15s;
  min-height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid var(--border-subtle, rgba(0,0,0,0.04));
}

._toolItem_18xfq_452:last-child {
  border-bottom: none;
}

._toolItem_18xfq_452:hover {
  background: var(--bg-hover, var(--bg-secondary));
}

._toolItem_18xfq_452:focus-within {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}

._toolCheckIcon_18xfq_483 {
  width: 12px;
  height: 12px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.1s;
}

._skillCheck_18xfq_258._checked_18xfq_250 ._toolCheckIcon_18xfq_483 {
  opacity: 1;
}

._toolGroupHeader_18xfq_495 {
  font-size: 11px;
  font-weight: 650;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 8px 4px 4px;
}

._selectedWarning_18xfq_504 {
  color: var(--color-error);
}

._selectedWarning_18xfq_504 strong {
  color: var(--color-error);
}

._warningBanner_18xfq_512 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid var(--color-error-strong);
  border-radius: var(--radius-lg, 8px);
  background: var(--color-error-light);
  color: var(--color-error);
  font-size: 12px;
  line-height: 1.5;
}
._root_1hvpo_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

._menuAnchor_1hvpo_8 {
  position: relative;
}

._avatarButton_1hvpo_12 {
  position: relative;
  width: 72px;
  height: 72px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._groupButton_1hvpo_27 {
  border-radius: 12px;
}

._avatarButton_1hvpo_12:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}

._overlay_1hvpo_36 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  opacity: 0;
  color: white;
  background: rgb(0 0 0 / 52%);
  font-size: 12px;
  font-weight: 600;
  transition: opacity 120ms ease;
}

._avatarButton_1hvpo_12:hover ._overlay_1hvpo_36,
._avatarButton_1hvpo_12:focus-visible ._overlay_1hvpo_36 {
  opacity: 1;
}

._mobileAction_1hvpo_57 {
  display: none;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  color: var(--color-primary);
  font-size: 13px;
  cursor: pointer;
}

._disabledAction_1hvpo_68 {
  cursor: not-allowed;
  opacity: 0.5;
}

._fileInput_1hvpo_73 {
  display: none;
}

._error_1hvpo_77 {
  min-height: 18px;
  color: var(--color-error);
  font-size: 12px;
  text-align: center;
}

._menu_1hvpo_8 {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  z-index: 20;
  min-width: 180px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-secondary);
  box-shadow: 0 12px 32px rgb(0 0 0 / 20%);
  transform: translateX(-50%);
}

._menuItem_1hvpo_98 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: 7px;
  color: var(--text-primary);
  background: transparent;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}

._menuItem_1hvpo_98:hover,
._menuItem_1hvpo_98:focus-visible {
  background: var(--hover-bg);
  outline: none;
}

._dangerItem_1hvpo_120 {
  color: var(--color-error);
}

._backdrop_1hvpo_124 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(0 0 0 / 48%);
}

._dialog_1hvpo_134 {
  width: min(320px, calc(100vw - 32px));
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--bg-primary);
  box-shadow: 0 20px 60px rgb(0 0 0 / 24%);
}

._dialog_1hvpo_134 h3 {
  margin: 0 0 16px;
  color: var(--text-primary);
  font-size: 16px;
}

._previewWrap_1hvpo_149 {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}

._previewImage_1hvpo_155 {
  width: 160px;
  height: 160px;
  object-fit: cover;
}

._previewAgent_1hvpo_161 {
  border-radius: 50%;
}

._previewGroup_1hvpo_165 {
  border-radius: 20px;
}

._dialogActions_1hvpo_169 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

._primaryButton_1hvpo_175,
._secondaryButton_1hvpo_176 {
  min-height: 36px;
  border-radius: 8px;
  padding: 0 14px;
  font-size: 13px;
  cursor: pointer;
}

._primaryButton_1hvpo_175 {
  border: 1px solid var(--color-primary);
  color: white;
  background: var(--color-primary);
}

._secondaryButton_1hvpo_176 {
  border: 1px solid var(--border);
  color: var(--text-primary);
  background: var(--bg-secondary);
}

._primaryButton_1hvpo_175:disabled,
._secondaryButton_1hvpo_176:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

@media (hover: none) and (pointer: coarse) {
  ._overlay_1hvpo_36 {
    display: none;
  }

  ._mobileAction_1hvpo_57 {
    display: inline-flex;
  }
}
._surface_e49wf_1 {
  width: 420px;
  max-width: 90vw;
  max-height: 85vh;
}

/* ========== Header ========== */

._header_e49wf_9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-4, 16px) var(--space-5, 20px);
  border-bottom: 1px solid var(--border-default);
}

._header_e49wf_9 h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
}

/* ========== Form Body: flex column, footer 吸底 ========== */

._formBody_e49wf_26 {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* ========== 群名称输入 ========== */

._titleField_e49wf_34 {
  padding: var(--space-4, 16px) var(--space-5, 20px) var(--space-3, 12px);
  flex-shrink: 0;
}

._titleLabel_e49wf_39 {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-tertiary);
  margin-bottom: 6px;
}

._titleInput_e49wf_47 {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
  outline: none;
  transition: border-color 0.15s;
}

._titleInput_e49wf_47:focus {
  border-color: var(--color-primary);
}

._titleInput_e49wf_47::placeholder {
  color: var(--text-tertiary);
  font-weight: 400;
}

/* ========== 分隔线 ========== */

._divider_e49wf_71 {
  height: 1px;
  background: var(--border-default);
  margin: 0 var(--space-5, 20px);
  flex-shrink: 0;
}

/* ========== 搜索 + 列表 ========== */

._body_e49wf_80 {
  padding: var(--space-3, 12px) var(--space-5, 20px);
  display: flex;
  flex-direction: column;
  gap: var(--space-2, 8px);
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

._searchRow_e49wf_90 {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
  padding: 0 var(--space-3, 12px);
  height: 36px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  transition: border-color 0.15s;
  flex-shrink: 0;
}

._searchRow_e49wf_90:focus-within {
  border-color: var(--color-primary);
}

._searchIcon_e49wf_107 {
  flex-shrink: 0;
  color: var(--text-tertiary);
}

._searchRow_e49wf_90 input {
  flex: 1;
  border: none;
  background: transparent;
  color: var(--text-primary);
  font-size: 13px;
  outline: none;
}

._searchRow_e49wf_90 input::placeholder {
  color: var(--text-tertiary);
}

._selectedBadge_e49wf_125 {
  background: var(--color-primary-light);
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 600;
  padding: 1px 7px;
  border-radius: var(--radius-full, 9999px);
  flex-shrink: 0;
}

/* ========== Agent 列表 ========== */

._agentList_e49wf_137 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
  padding: 2px 0;
}

._agentItem_e49wf_145 {
  display: flex;
  align-items: center;
  gap: var(--space-3, 12px);
  padding: var(--space-2, 8px) var(--space-3, 12px);
  border-radius: var(--radius-lg, 8px);
  cursor: pointer;
  transition: background 0.15s;
  border-left: 3px solid transparent;
}

._agentItem_e49wf_145:hover {
  background: var(--hover-bg);
}

._agentItem_e49wf_145._selected_e49wf_125 {
  background: var(--color-primary-light);
  border-left-color: var(--color-primary);
}

._agentInfo_e49wf_165 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

._agentName_e49wf_172 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
}

._agentDesc_e49wf_178 {
  font-size: 11px;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ========== 自定义圆形 checkbox ========== */

._checkCircle_e49wf_188 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--border-strong, #4b5563);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

._agentItem_e49wf_145._selected_e49wf_125 ._checkCircle_e49wf_188 {
  border-color: var(--color-primary);
  background: var(--color-primary);
}

._checkCircle_e49wf_188 svg {
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s ease;
}

._agentItem_e49wf_145._selected_e49wf_125 ._checkCircle_e49wf_188 svg {
  opacity: 1;
  transform: scale(1);
}

/* ========== Footer: 常驻底部 ========== */

._footer_e49wf_218 {
  border-top: 1px solid var(--border-default);
  padding: var(--space-3, 12px) var(--space-5, 20px) var(--space-4, 16px);
}

._hint_e49wf_223 {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-bottom: var(--space-3, 12px);
  display: flex;
  align-items: center;
  gap: 6px;
}

._hintIcon_e49wf_232 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

._hintReady_e49wf_238 {
  color: var(--green-500, #22c55e);
}

._hintReady_e49wf_238 ._hintIcon_e49wf_232 {
  color: var(--green-500, #22c55e);
}

._footerActions_e49wf_246 {
  display: flex;
  gap: var(--space-2, 8px);
  justify-content: flex-end;
}

._avatarSection_e49wf_252 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: var(--space-4, 16px) var(--space-5, 20px);
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
}

._avatarCopy_e49wf_261 {
  min-width: 0;
}

._avatarTitle_e49wf_265 {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._avatarHint_e49wf_274 {
  margin-top: 4px;
  color: var(--text-tertiary);
  font-size: 12px;
}
/* ========== Overlay ========== */

._overlay_1dxxc_3 {
  position: fixed;
  inset: 0;
  background: var(--overlay-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  overflow: hidden;
  animation: _fadeIn_1dxxc_1 0.15s ease;
}

@keyframes _fadeIn_1dxxc_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ========== Dialog shell ========== */

._dialog_1dxxc_22 {
  background: var(--bg-primary);
  border-radius: var(--radius-2xl, 16px);
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0,0,0,0.5));
  width: 600px;
  max-width: 90vw;
  max-height: 85vh;
  max-height: 85dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ========== Header with tabs ========== */

._header_1dxxc_38 {
  display: flex;
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
}

._tab_1dxxc_44 {
  flex: 1;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
}

._tab_1dxxc_44:hover {
  color: var(--text-primary);
}

._tabActive_1dxxc_61 {
  color: var(--text-primary);
  border-bottom-color: var(--color-primary);
}

/* ========== Content area ========== */

._content_1dxxc_68 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 16px 20px;
  overflow-y: auto;
}

._field_1dxxc_77 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}

._label_1dxxc_84 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}

._hint_1dxxc_90 {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-tertiary);
}

._errorText_1dxxc_97 {
  margin: 8px 0 0;
  color: var(--danger-color, #ef4444);
  font-size: 12px;
}

._checkboxLabel_1dxxc_103 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--text-secondary);
}

._policyEditor_1dxxc_111 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._policyEntry_1dxxc_117 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  background: var(--bg-secondary);
}

._policyEntryHeader_1dxxc_127 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._editor_1dxxc_134 {
  flex: 1;
  min-height: 120px;
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-family: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', monospace;
  font-size: 13px;
  line-height: 1.6;
  resize: none;
  outline: none;
  transition: border-color 0.15s;
}

._editor_1dxxc_134:focus {
  border-color: var(--color-primary);
}

._editor_1dxxc_134::placeholder {
  color: var(--text-tertiary);
  font-style: italic;
  font-family: inherit;
}

/* ========== Responsive: mobile ========== */

@media (max-width: 640px) {
  ._dialog_1dxxc_22 {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    border-radius: 0;
    border: none;
  }

  ._content_1dxxc_68 {
    padding: 12px 12px;
  }

  ._editor_1dxxc_134 {
    min-height: 200px;
    font-size: 14px;
  }

  ._footer_1dxxc_184 {
    padding: 10px 12px 12px;
  }
}

/* ========== Responsive: desktop ========== */

@media (min-width: 641px) {
  ._dialog_1dxxc_22 {
    /* Give editor area comfortable vertical space on desktop */
    height: 70vh;
    height: 70dvh;
  }

  ._editor_1dxxc_134 {
    min-height: 280px;
  }
}

/* ========== Footer ========== */

._footer_1dxxc_184 {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 20px 16px;
  border-top: 1px solid var(--border-default);
}
/* ========== Overlay ========== */

._overlay_bbsex_3 {
  position: fixed;
  inset: 0;
  background: var(--overlay-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  overflow: hidden;
  animation: _fadeIn_bbsex_1 0.15s ease;
}

@keyframes _fadeIn_bbsex_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ========== Dialog shell ========== */

._dialog_bbsex_22 {
  background: var(--bg-primary);
  border-radius: var(--radius-2xl, 16px);
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0,0,0,0.5));
  width: 600px;
  max-width: 90vw;
  max-height: 85vh;
  max-height: 85dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._header_bbsex_36 {
  display: flex;
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
}

._dialogTitle_bbsex_42 {
  margin: 0;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--text-primary);
}

._eyebrow_bbsex_51 {
  margin: 0;
  padding: 10px 20px 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-tertiary);
}

._content_bbsex_59 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 16px 20px;
  overflow-y: auto;
}

._label_bbsex_68 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}

._hint_bbsex_74 {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-tertiary);
}

._emptyText_bbsex_81 {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-tertiary);
}

._errorText_bbsex_88 {
  margin: 8px 0 0;
  color: var(--danger-color, #ef4444);
  font-size: 12px;
}

._checkboxLabel_bbsex_94 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--text-secondary);
}

._segmentedGroup_bbsex_102 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
}

._segmentedGroup_bbsex_102 ._label_bbsex_68 {
  grid-column: 1 / -1;
  padding: 0;
}

._segmentedOption_bbsex_116 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 13px;
  cursor: pointer;
}

._segmentedOptionActive_bbsex_130 {
  border-color: var(--color-primary);
  background: var(--bg-primary);
  color: var(--text-primary);
  font-weight: 600;
}

._segmentedOption_bbsex_116 input {
  margin: 0;
}

._policyEditor_bbsex_141 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._policyEntry_bbsex_147 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  background: var(--bg-secondary);
}

._policyEntryHeader_bbsex_157 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._reasoningSection_bbsex_164 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  background: var(--bg-secondary);
}

._segmentedControl_bbsex_174 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

._segmentBtn_bbsex_180 {
  min-height: 32px;
  padding: 5px 8px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md, 6px);
  background: var(--bg-primary);
  color: var(--text-secondary);
  font-size: 12px;
  cursor: pointer;
}

._segmentActive_bbsex_191 {
  border-color: var(--color-primary);
  background: var(--color-primary-soft, var(--bg-primary));
  color: var(--color-primary);
  font-weight: 600;
}

._footer_bbsex_198 {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 20px 16px;
  border-top: 1px solid var(--border-default);
}

@media (max-width: 640px) {
  ._dialog_bbsex_22 {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    border-radius: 0;
    border: none;
  }

  ._content_bbsex_59 {
    padding: 12px 12px;
  }

  ._footer_bbsex_198 {
    padding: 10px 12px 12px;
  }
}

@media (min-width: 641px) {
  ._dialog_bbsex_22 {
    height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._overlay_bbsex_3 {
    animation: none;
  }
}
._nav_1r94k_1 {
  width: 168px;
  background: color-mix(in srgb, var(--bg-secondary) 82%, var(--bg-primary));
  border-right: 1px solid var(--border);
  padding: 10px 8px;
  overflow-y: auto;
}

._group_1r94k_9 {
  margin-bottom: 5px;
}

._groupTitle_1r94k_13 {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: color-mix(in srgb, var(--text-secondary) 82%, transparent);
  padding: 4px 10px 3px;
  letter-spacing: 0.24px;
  line-height: 1.1;
}

._divider_1r94k_23 {
  height: 1px;
  background: color-mix(in srgb, var(--border) 54%, transparent);
  margin: 5px 8px 4px;
}

/* 导航项基础样式 */
._item_1r94k_30 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  min-height: 29px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.16s ease, color 0.16s ease;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.2;
  margin-bottom: 1px;
  position: relative;
}

/* hover 状态 */
._item_1r94k_30:hover {
  background: color-mix(in srgb, var(--hover-bg) 72%, transparent);
  color: var(--text-primary);
}

/* active 状态 - 背景 + 颜色 */
._itemActive_1r94k_53 {
  background: color-mix(in srgb, var(--accent-color-light) 74%, transparent);
  color: var(--accent-color);
  font-weight: 500;
}

._itemActive_1r94k_53::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 14px;
  background: var(--accent-color);
  border-radius: 999px;
}

/* 图标样式调整 */
._item_1r94k_30 svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  opacity: 0.72;
}

._item_1r94k_30 span {
  padding-left: 2px;
}

._item_1r94k_30:hover svg,
._itemActive_1r94k_53 svg {
  opacity: 1;
}

/* ── 移动端：水平滚动 tab strip ── */
@media (max-width: 768px) {
  ._nav_1r94k_1 {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    padding: 8px 12px;
    overflow-x: auto;
    overflow-y: hidden;
    border-right: none;
    border-bottom: 1px solid var(--border);
    -webkit-overflow-scrolling: touch;
  }

  ._group_1r94k_9 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    margin-bottom: 0;
  }

  ._groupTitle_1r94k_13 {
    display: none;
  }

  ._divider_1r94k_23 {
    width: 1px;
    height: 20px;
    margin: 0 6px;
  }

  ._item_1r94k_30 {
    white-space: nowrap;
    padding: 6px 10px;
    font-size: 13px;
    gap: 6px;
    flex-shrink: 0;
  }

  ._item_1r94k_30::before,
  ._item_1r94k_30:hover::before {
    display: none;
  }

  ._itemActive_1r94k_53 {
    border-radius: 6px;
  }
}._header_kplji_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 24px 14px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}

._titleRow_kplji_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

._title_kplji_10 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

._descriptionRow_kplji_24 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

._description_kplji_24 {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.45;
}

._descriptionActions_kplji_40 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

._headerActions_kplji_46 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

@media (max-width: 720px) {
  ._descriptionRow_kplji_24 {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
}
._switch_okn2o_1 {
  position: relative;
  flex: 0 0 auto;
  display: inline-block;
  width: 44px;
  height: 24px;
  background: var(--gray-400);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.2s ease;
  padding: 0;
}

._switch_okn2o_1:hover:not(._disabled_okn2o_15) {
  opacity: 0.8;
}

._switch_okn2o_1._checked_okn2o_19 {
  background: var(--green-500);
}

._switch_okn2o_1._disabled_okn2o_15 {
  opacity: 0.5;
  cursor: not-allowed;
}

._slider_okn2o_28 {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
}

._switch_okn2o_1._checked_okn2o_19 ._slider_okn2o_28 {
  transform: translateX(20px);
}

@media (max-width: 720px) {
  ._switch_okn2o_1 {
    width: 40px;
    height: 22px;
    border-radius: 11px;
  }

  ._slider_okn2o_28 {
    width: 18px;
    height: 18px;
  }

  ._switch_okn2o_1._checked_okn2o_19 ._slider_okn2o_28 {
    transform: translateX(18px);
  }
}
._field_1nad4_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}

._field_1nad4_1:last-child {
  margin-bottom: 0;
}

._row_1nad4_12 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._label_1nad4_18 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

._row_1nad4_12 ._label_1nad4_18 {
  margin-bottom: 0;
}

._hint_1nad4_28,
._error_1nad4_29 {
  font-size: 12px;
  line-height: 1.4;
  margin-top: -2px;
}

._hint_1nad4_28 {
  color: var(--text-tertiary);
}

._error_1nad4_29 {
  color: var(--error);
}/* ChannelPanel — 渠道管理 + 多模态配置 */

._panel_7bv1e_3 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ── 视图切换 Tab（渠道 / 多模态） ── */

._viewTabs_7bv1e_11 {
  display: flex;
  gap: 0;
  padding: 0 24px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

._viewTabs_7bv1e_11::-webkit-scrollbar {
  display: none;
}

._viewTab_7bv1e_11 {
  padding: 10px 20px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--text-tertiary);
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  flex-shrink: 0;
}

._viewTab_7bv1e_11:hover {
  color: var(--text-secondary);
}

._viewTabActive_7bv1e_46 {
  color: var(--accent-color);
  border-bottom-color: var(--accent-color);
}

._viewTabDisabled_7bv1e_51 {
  opacity: 0.45;
  cursor: not-allowed;
}

/* ── 渠道列表 ── */

._list_7bv1e_58 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._empty_7bv1e_67 {
  color: var(--text-tertiary);
  font-size: 14px;
  text-align: center;
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

._item_7bv1e_78 {
  display: flex;
  flex-direction: column;
  padding: 12px 14px;
  background: var(--bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--border);
  transition: all 0.2s ease;
}

._item_7bv1e_78:hover {
  border-color: var(--accent-color);
  background: var(--hover-bg);
}

._item_7bv1e_78._isDefault_7bv1e_93 {
  border-color: var(--accent-color);
}

._itemInfo_7bv1e_97 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}

._itemName_7bv1e_105 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  color: var(--text-primary);
}

._defaultBadge_7bv1e_114 {
  font-size: 11px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 12px;
  background: var(--accent-color);
  color: white;
}

._itemMeta_7bv1e_123 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--text-secondary);
}

._metaTag_7bv1e_131 {
  font-size: 11px;
  font-weight: 500;
  padding: 1px 6px;
  border-radius: 4px;
  background: var(--bg-primary);
  color: var(--text-secondary);
  border: 1px solid var(--border);
}

._metaSep_7bv1e_141 {
  color: var(--text-tertiary);
  font-size: 12px;
}

._metaModel_7bv1e_146 {
  font-size: 12px;
  color: var(--text-secondary);
  font-family: 'SF Mono', 'Menlo', monospace;
}

._itemUrl_7bv1e_152 {
  font-size: 11px;
  color: var(--text-tertiary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}


/* ── 渠道卡片底部操作 ── */

._itemFooter_7bv1e_164 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--border);
}

._footerActions_7bv1e_174 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

/* ── 渠道编辑表单 ── */

._formWrapper_7bv1e_183 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
}

._formTitle_7bv1e_189 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 16px 0;
}

._field_7bv1e_196 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}

._label_7bv1e_203 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

._input_7bv1e_209 {
  padding: 10px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 14px;
  font-family: inherit;
  transition: all 0.2s ease;
}

._input_7bv1e_209:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
}

._formFooter_7bv1e_226 {
  display: flex;
  gap: 10px;
  padding: 14px 24px;
  border-top: 1px solid var(--border);
  justify-content: flex-end;
}

._fetchError_7bv1e_234 {
  font-size: 12px;
  color: var(--error);
  margin-top: -4px;
}

._loadingHint_7bv1e_240 {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-top: -4px;
}

/* ── 多模态配置区（图片分析 / 图片生成 / 视频 / 语音） ── */

._badge_7bv1e_248 {
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 4px;
  font-weight: 600;
  line-height: 1.4;
}

._badgeOn_7bv1e_256 {
  background: rgba(34, 197, 94, 0.12);
  color: var(--success-color, #22c55e);
}

._badgeOff_7bv1e_261 {
  background: var(--bg-tertiary, #ececed);
  color: var(--text-tertiary);
}

._comingSoon_7bv1e_266 {
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 4px;
  background: var(--bg-tertiary, #ececed);
  color: var(--text-tertiary);
  font-weight: 400;
}

/* ── 多模态 Tab 内容区 ── */

._mmTabContent_7bv1e_277 {
  flex: 1;
  overflow-y: auto;
  padding: 24px 32px;
}

/* ── 能力卡片 ── */

._capabilityCard_7bv1e_285 {
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  background: var(--bg-primary);
}

._cardHeader_7bv1e_292 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border);
  cursor: pointer;
  user-select: none;
  transition: background 0.15s;
}

._cardHeader_7bv1e_292:hover {
  background: var(--bg-tertiary);
}

._cardHeaderDisabled_7bv1e_308 {
  opacity: 0.55;
}

._cardIcon_7bv1e_312 {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-color-light, rgba(124, 92, 252, 0.10));
  color: var(--accent-color);
  flex-shrink: 0;
}

._cardHeaderInfo_7bv1e_324 {
  flex: 1;
  min-width: 0;
}

._cardTitle_7bv1e_329 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

._cardSummary_7bv1e_335 {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._cardSummaryWarning_7bv1e_344 {
  color: var(--warning-color, #f0a030);
}

._switchLabel_7bv1e_348 {
  flex-shrink: 0;
}

/* ── 多模态字段区 ── */

._cardBody_7bv1e_354 {
  padding: 18px 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

._mmField_7bv1e_361 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

._mmLabel_7bv1e_367 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
}

._mmInput_7bv1e_373 {
  padding: 9px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 13px;
  font-family: inherit;
  transition: all 0.15s;
  width: 100%;
}

._mmInput_7bv1e_373:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
  box-shadow: 0 0 0 3px rgba(124, 92, 252, 0.06);
}

._mmHint_7bv1e_392 {
  font-size: 11.5px;
  color: var(--text-tertiary);
  line-height: 1.4;
}

._withUnit_7bv1e_398 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._withUnit_7bv1e_398 ._mmInput_7bv1e_373 {
  flex: 1;
}

._unit_7bv1e_408 {
  font-size: 12px;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

/* ── 多模态底部提示 ── */

._mmTip_7bv1e_416 {
  margin-top: 16px;
  padding: 14px 16px;
  background: var(--bg-secondary);
  border-radius: 8px;
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1.5;
}

/* ── 多模态保存状态 ── */

._mmSaveStatus_7bv1e_428 {
  font-size: 11px;
  color: var(--text-tertiary);
  margin-left: auto;
  flex-shrink: 0;
}

/* ── 备用模型 ── */

._fallbackSection_7bv1e_437 {
  grid-column: 1 / -1;
  margin-top: 4px;
}

._fallbackHeader_7bv1e_442 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 8px 10px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  cursor: pointer;
  color: var(--text-secondary);
  font-size: 12.5px;
  font-family: inherit;
  transition: all 0.15s;
}

._fallbackHeader_7bv1e_442:hover {
  background: var(--bg-tertiary, var(--bg-secondary));
  border-color: var(--accent-color);
}

._fallbackChevron_7bv1e_463 {
  transition: transform 0.15s;
  flex-shrink: 0;
}

._fallbackChevronOpen_7bv1e_468 {
  transform: rotate(90deg);
}

._fallbackTitle_7bv1e_472 {
  font-weight: 500;
  color: var(--text-secondary);
}

._fallbackCount_7bv1e_477 {
  margin-left: auto;
  background: var(--accent-color-light, rgba(124, 92, 252, 0.10));
  color: var(--accent-color);
  font-size: 11px;
  font-weight: 600;
  padding: 1px 7px;
  border-radius: 10px;
}

._fallbackBody_7bv1e_487 {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._fallbackItem_7bv1e_494 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
}

._fallbackIndex_7bv1e_504 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-tertiary);
  min-width: 16px;
  text-align: center;
  flex-shrink: 0;
}

._fallbackFields_7bv1e_513 {
  flex: 1;
  display: flex;
  gap: 8px;
  min-width: 0;
}

._fallbackFields_7bv1e_513 > * {
  flex: 1;
  min-width: 0;
}

._fallbackRemove_7bv1e_525 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  border-radius: 6px;
  color: var(--text-tertiary);
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.15s;
}

._fallbackRemove_7bv1e_525:hover {
  background: var(--danger-color-light, rgba(239, 68, 68, 0.1));
  color: var(--danger-color, #ef4444);
}

._fallbackAdd_7bv1e_545 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  padding: 7px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  background: transparent;
  color: var(--accent-color);
  font-size: 12px;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.15s;
}

._fallbackAdd_7bv1e_545:hover {
  background: var(--accent-color-light, rgba(124, 92, 252, 0.06));
  border-color: var(--accent-color);
}

._fallbackHint_7bv1e_567 {
  font-size: 11.5px;
  color: var(--text-tertiary);
  line-height: 1.4;
}

/* ── Context Token Limit 滑条 ── */

._sliderContainer_7bv1e_575 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._sliderHeader_7bv1e_581 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._sliderRangeLabel_7bv1e_588 {
  font-size: 11px;
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._sliderValue_7bv1e_594 {
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-color);
  font-variant-numeric: tabular-nums;
}

._slider_7bv1e_575 {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: var(--bg-tertiary);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

._slider_7bv1e_575::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--accent-color);
  cursor: pointer;
  transition: all 0.2s ease;
}

._slider_7bv1e_575::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 0 0 4px var(--accent-color-light);
}

._slider_7bv1e_575::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--accent-color);
  cursor: pointer;
  border: none;
}
._panel_32o36_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
}

._content_32o36_8 {
  flex: 1;
  overflow-y: auto;
  padding: 20px 24px 24px;
}

._tabs_32o36_14 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  margin-bottom: 22px;
  border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
  border-radius: 11px;
  background: color-mix(in srgb, var(--bg-secondary) 84%, var(--bg-primary));
}

._tab_32o36_14 {
  min-height: 32px;
  padding: 0 14px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

._tab_32o36_14:hover {
  color: var(--text-primary);
  background: color-mix(in srgb, var(--hover-bg) 70%, transparent);
}

._tabActive_32o36_43 {
  color: var(--text-primary);
  background: var(--bg-primary);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--shadow-color, #000) 10%, transparent);
}

._sectionPanel_32o36_49 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

._sectionGroup_32o36_55 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._sectionTitle_32o36_61 {
  margin: 0;
  padding: 0 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--text-tertiary);
}

._rows_32o36_70 {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--bg-primary) 94%, var(--bg-secondary));
}

._settingRow_32o36_77 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 68px;
  padding: 14px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--border) 68%, transparent);
}

._settingRow_32o36_77:last-child {
  border-bottom: none;
}

._settingText_32o36_91 {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._settingTitle_32o36_99 {
  font-size: 14px;
  font-weight: 550;
  line-height: 1.35;
  color: var(--text-primary);
}

._settingDescription_32o36_106 {
  max-width: 560px;
  font-size: 12px;
  line-height: 1.55;
  color: var(--text-tertiary);
}

._settingAction_32o36_113 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 132px;
  flex-shrink: 0;
}

._selectControl_32o36_121 {
  min-width: 152px;
}

._selectControlWide_32o36_125 {
  min-width: 184px;
}

._notice_32o36_129 {
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--accent-color) 24%, var(--border));
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color-light) 38%, transparent);
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

._inlineMeta_32o36_139 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.4;
}

._footer_32o36_149 {
  display: flex;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid var(--border);
  justify-content: flex-end;
}

@media (max-width: 768px) {
  ._content_32o36_8 {
    padding: 16px;
  }

  ._tabs_32o36_14 {
    display: flex;
    overflow-x: auto;
    width: 100%;
  }

  ._tab_32o36_14 {
    flex: 1 0 auto;
  }

  ._settingRow_32o36_77 {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  ._settingAction_32o36_113 {
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
  }

  ._selectControl_32o36_121 {
    width: 100%;
  }

  ._selectControlWide_32o36_125 {
    width: 100%;
  }
}
._drawerOverlay_1anj1_1 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--overlay-bg);
  z-index: 1000;
  display: flex;
  justify-content: flex-end;
}

._drawer_1anj1_1 {
  width: 360px;
  max-width: 90vw;
  height: 100%;
  background: var(--bg-primary);
  box-shadow: -4px 0 24px var(--shadow-lg);
  display: flex;
  flex-direction: column;
  animation: _slideIn_1anj1_1 0.3s ease-out;
}

@keyframes _slideIn_1anj1_1 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

._drawerHeader_1anj1_33 {
  padding: 20px;
  border-bottom: 1px solid var(--border);
}

._drawerTitle_1anj1_38 {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 8px 0;
}

._drawerSubtitle_1anj1_44 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 4px;
}

._drawerDesc_1anj1_51 {
  font-size: 0.75rem;
  color: var(--text-secondary);
}

._drawerWarning_1anj1_56 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 12px 20px;
  padding: 10px 12px;
  background: var(--accent-color-light);
  color: var(--text-secondary);
  border-radius: 6px;
  font-size: 0.8125rem;
}

._drawerSearch_1anj1_68 {
  padding: 12px 20px;
  border-bottom: 1px solid var(--border);
}

._searchInput_1anj1_73 {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 0.875rem;
  transition: all 0.2s ease;
}

._searchInput_1anj1_73:focus {
  outline: none;
  border-color: var(--accent-color);
}

._selectAllRow_1anj1_89 {
  padding: 8px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border);
}

._filteredCount_1anj1_97 {
  font-size: 0.75rem;
  color: var(--text-secondary);
}

._selectAllBtn_1anj1_102 {
  padding: 4px 8px;
  border: 1px solid var(--border);
  border-radius: 4px;
  background: transparent;
  color: var(--accent-color);
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

._selectAllBtn_1anj1_102:hover {
  background: var(--bg-secondary);
}

._drawerList_1anj1_117 {
  flex: 1;
  overflow-y: auto;
  padding: 12px 20px;
}

._drawerItem_1anj1_123 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 6px;
  cursor: pointer;
  margin-bottom: 4px;
  transition: background 0.2s ease;
}

._drawerItem_1anj1_123:hover {
  background: var(--bg-secondary);
}

._drawerItem_1anj1_123 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid var(--border);
  border-radius: 4px;
  background: var(--bg-secondary);
  cursor: pointer;
  margin-top: 2px;
  transition: all 0.2s ease;
  position: relative;
}

._drawerItem_1anj1_123 input[type="checkbox"]:checked {
  background: var(--accent-color);
  border-color: var(--accent-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}

._drawerItemInfo_1anj1_161 {
  flex: 1;
  min-width: 0;
}

._drawerItemName_1anj1_166 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
  display: block;
}

._drawerItemDesc_1anj1_173 {
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin-top: 2px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._drawerEmpty_1anj1_183 {
  text-align: center;
  padding: 20px;
  color: var(--text-secondary);
  font-size: 0.875rem;
}

._drawerFooter_1anj1_190 {
  padding: 16px 20px;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._selectedCount_1anj1_198 {
  font-size: 0.875rem;
  color: var(--text-secondary);
}

._drawerButtons_1anj1_203 {
  display: flex;
  gap: 8px;
}
/* McpPanel 使用 settings-common 公共样式 + Toggle 自定义 */

._panel_1bqgw_3 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* List view - header now uses SettingsPanelHeader */
._list_1bqgw_10 {
  flex: 1;
  overflow-y: auto;
  padding: 18px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._empty_1bqgw_19 {
  color: var(--text-tertiary);
  font-size: 14px;
  text-align: center;
  padding: 32px 0;
}

._item_1bqgw_26 {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  gap: 16px;
  padding: 18px 20px;
  background: var(--bg-secondary);
  border-radius: 14px;
  border: 1px solid var(--border);
  box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

._item_1bqgw_26:hover {
  border-color: var(--accent-color);
  background: var(--hover-bg);
  box-shadow: 0 8px 24px rgb(15 23 42 / 8%);
}

._itemInfo_1bqgw_48 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  flex: 1;
}

._itemHeader_1bqgw_56 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

._itemTitleBlock_1bqgw_64 {
  min-width: 0;
}

._itemFooter_1bqgw_68 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

._itemName_1bqgw_76 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: var(--text-primary);
}

._itemMeta_1bqgw_83 {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._itemActions_1bqgw_93 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
  width: 100%;
}

/* Toggle switch */
._toggleLabel_1bqgw_103 {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

._toggleInput_1bqgw_111 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

._toggleTrack_1bqgw_118 {
  display: inline-block;
  width: 32px;
  height: 18px;
  background: var(--bg-tertiary);
  border-radius: 9px;
  transition: background 0.2s ease;
  position: relative;
}

._toggleTrack_1bqgw_118::after {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 14px;
  height: 14px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
}

._toggleInput_1bqgw_111:checked + ._toggleTrack_1bqgw_118 {
  background: var(--accent-color);
}

._toggleInput_1bqgw_111:checked + ._toggleTrack_1bqgw_118::after {
  transform: translateX(14px);
}

/* Form view */
._formWrapper_1bqgw_149 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
}

._formTitle_1bqgw_155 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 16px 0;
}

._field_1bqgw_162 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}

._label_1bqgw_169 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

._input_1bqgw_175 {
  padding: 10px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 14px;
  font-family: inherit;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

._input_1bqgw_175:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
  box-shadow: var(--focus-ring);
}

._formFooter_1bqgw_196 {
  display: flex;
  gap: 10px;
  padding: 14px 24px;
  border-top: 1px solid var(--border);
  justify-content: flex-end;
}

._headerSection_1bqgw_204 {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}

._headerSectionTop_1bqgw_210 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

._sectionTitle_1bqgw_218 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}

._sectionDescription_1bqgw_225 {
  margin: 4px 0 0;
  max-width: 640px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-secondary);
}

._headerActions_1bqgw_233 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

._headersEmpty_1bqgw_240 {
  padding: 12px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  color: var(--text-tertiary);
  font-size: 13px;
}

._headersList_1bqgw_248 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._headerRow_1bqgw_254 {
  display: grid;
  grid-template-columns: minmax(80px, 0.55fr) minmax(140px, 1fr) minmax(180px, 1.35fr) auto;
  align-items: end;
  gap: 10px;
  padding: 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
}

._headerField_1bqgw_265 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

._headerEnabledLabel_1bqgw_272 {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 13px;
}

._headerRowActions_1bqgw_281 {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

._testHint_1bqgw_289 {
  margin: 12px 0 0;
  color: var(--text-tertiary);
  font-size: 12px;
}

._testSuccess_1bqgw_295,
._testError_1bqgw_296 {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.45;
}

._testSuccess_1bqgw_295 {
  color: var(--success-color, #15803d);
  background: color-mix(in srgb, var(--success-color, #16a34a) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--success-color, #16a34a) 28%, var(--border));
}

._testError_1bqgw_296 {
  color: var(--danger-color, #b91c1c);
  background: color-mix(in srgb, var(--danger-color, #dc2626) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--danger-color, #dc2626) 28%, var(--border));
}

._statusRow_1bqgw_316 {
  width: fit-content;
  min-height: 40px;
  min-width: 0;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--bg-primary);
  border: 1px solid var(--border);
  border-radius: 10px;
  cursor: pointer;
  font-size: 13px;
  font-family: inherit;
  transition:
    border-color 0.2s ease,
    background 0.2s ease;
}

._statusRow_1bqgw_316:hover {
  border-color: var(--accent-color);
  background: var(--accent-color-light);
}

._statusRowWarning_1bqgw_340 {
  border-color: color-mix(in srgb, var(--warning-color, #f59e0b) 45%, var(--border));
  background: color-mix(in srgb, var(--warning-color, #f59e0b) 8%, var(--bg-primary));
}

._statusIcon_1bqgw_345 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--text-secondary);
}

._statusText_1bqgw_352 {
  color: var(--accent-color);
  font-weight: 600;
}

._statusText_1bqgw_352:hover {
  text-decoration: none;
}

._disabledBadge_1bqgw_361 {
  flex-shrink: 0;
  padding: 3px 8px;
  background: color-mix(in srgb, var(--warning-color, #f59e0b) 16%, transparent);
  color: var(--warning-color, #b45309);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

._statusArrow_1bqgw_372 {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

@media (max-width: 720px) {
  ._list_1bqgw_10 {
    padding: 16px;
  }

  ._item_1bqgw_26 {
    padding: 16px;
  }

  ._itemFooter_1bqgw_68 {
    align-items: flex-start;
    flex-direction: column;
  }

  ._itemActions_1bqgw_93 {
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-left: 0;
  }

  ._statusRow_1bqgw_316 {
    width: 100%;
    justify-content: flex-start;
  }

  ._headerRow_1bqgw_254 {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  ._headerRowActions_1bqgw_281 {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* Env vars editor — same row layout as headers but without the enabled checkbox column */
._envVarRow_1bqgw_415 {
  display: grid;
  grid-template-columns: minmax(120px, 0.6fr) minmax(160px, 1fr) auto;
  align-items: end;
  gap: 10px;
  padding: 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
}

._inputWarning_1bqgw_426 {
  border-color: var(--warning-color, #f59e0b);
}

._fieldHint_1bqgw_430 {
  grid-column: 1 / -1;
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--warning-color, #b45309);
  line-height: 1.4;
}
._container_u1wgv_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
  text-align: center;
}

._icon_u1wgv_9 {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: var(--bg-secondary);
  color: var(--text-tertiary);
  margin-bottom: 16px;
}

._title_u1wgv_21 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 8px;
}

._description_u1wgv_28 {
  font-size: 14px;
  color: var(--text-secondary);
  max-width: 280px;
  line-height: 1.5;
  margin-bottom: 16px;
}._badge_xhqi1_1 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  border: 1px solid;
}

._badge--sm_xhqi1_12 {
  padding: 2px 6px;
  font-size: 10px;
}

._badge--md_xhqi1_17 {
  padding: 4px 10px;
  font-size: 12px;
}

._dot_xhqi1_22 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

._label_xhqi1_29 {
  line-height: 1;
}._card_103rp_1 {
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  transition: all 0.2s ease;
}

._card_103rp_1:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-sm);
}

._header_103rp_14 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

._avatar_103rp_21 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._name_103rp_29 {
  font-weight: 600;
  font-size: 15px;
  color: var(--text-primary);
}

._description_103rp_35 {
  font-size: 13px;
  color: var(--text-secondary);
  margin-bottom: 12px;
  line-height: 1.4;
  /* 限制两行 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._meta_103rp_47 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

._metaItem_103rp_55 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--text-tertiary);
}

._metaSeparator_103rp_63 {
  color: var(--text-tertiary);
  font-size: 12px;
}

._statusLabel_103rp_68 {
  font-size: 11px;
  font-weight: 500;
}

._footer_103rp_73 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}

._updateTime_103rp_81 {
  font-size: 11px;
  color: var(--text-tertiary);
}

._actions_103rp_86 {
  display: flex;
  gap: 6px;
}._container_gx6xl_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._header_gx6xl_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}

._title_gx6xl_16 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  flex-shrink: 0;
}

._headerActions_gx6xl_24 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._searchBox_gx6xl_30 {
  position: relative;
  display: flex;
  align-items: center;
}

._searchIcon_gx6xl_36 {
  position: absolute;
  left: 8px;
  color: var(--text-tertiary);
  pointer-events: none;
}

._searchInput_gx6xl_43 {
  width: 160px;
  padding: 5px 8px 5px 26px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text-primary);
  font-size: 12px;
  transition: all 0.2s ease;
}

._searchInput_gx6xl_43:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
}

._searchInput_gx6xl_43::placeholder {
  color: var(--text-tertiary);
}

._list_gx6xl_64 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._noResults_gx6xl_73 {
  text-align: center;
  padding: 32px 0;
  color: var(--text-tertiary);
  font-size: 13px;
}
._tabBar_52t2v_1 {
  display: flex;
  padding: 0 24px;
  gap: 4px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-primary);
  flex-shrink: 0;
}

._tab_52t2v_1 {
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: -1px;
}

._tab_52t2v_1:hover {
  color: var(--text-primary);
}

._tabActive_52t2v_27 {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

._tabContent_52t2v_32 {
  flex: 1;
  overflow-y: auto;
}._bar_zvgqy_1 {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 12px 24px;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}

._item_zvgqy_11 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._label_zvgqy_17 {
  font-size: 12px;
  color: var(--text-tertiary);
}

._value_zvgqy_22 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
}

._modelValue_zvgqy_28 {
  /* 模型字段突出显示 */
  font-weight: 600;
}._panel_141gr_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* List view - header now uses SettingsPanelHeader */
._list_141gr_8 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._empty_141gr_17 {
  color: var(--text-tertiary);
  font-size: 14px;
  text-align: center;
  padding: 32px 0;
}

._item_141gr_24 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  background: var(--bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--border);
  transition: all 0.2s ease;
}

._item_141gr_24:hover {
  border-color: var(--accent-color);
  background: var(--hover-bg);
}

._itemInfo_141gr_40 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1;
}

._itemName_141gr_48 {
  font-weight: 500;
  font-size: 14px;
  color: var(--text-primary);
}

._itemHeader_141gr_54 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._itemMeta_141gr_60 {
  font-size: 12px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._itemActions_141gr_68 {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
  margin-left: 12px;
}

/* Form Header with Tabs */
._formHeaderNew_141gr_76 {
  flex-shrink: 0;
  border-bottom: 1px solid var(--border);
}

._formHeaderTop_141gr_81 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
}

._formTitle_141gr_88 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

/* Tab Bar */
._tabBar_141gr_96 {
  display: flex;
  padding: 0 24px;
  gap: 4px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-primary);
}

._tab_141gr_96 {
  /* 覆盖 Button 基础样式 */
  padding: 10px 16px !important;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  background: transparent !important;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0 !important;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: -1px;
}

._tab_141gr_96:hover {
  color: var(--text-primary);
  background: var(--hover-bg) !important;
}

._tabActive_141gr_124 {
  color: var(--accent-color);
  border-bottom-color: var(--accent-color);
}

/* Form Content */
._formContent_141gr_130 {
  flex: 1;
  overflow-y: auto;
}

._tabPanel_141gr_135 {
  padding: 20px 24px;
}

._identityHeader_141gr_139 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}

._identityHeaderCopy_141gr_148 {
  min-width: 0;
}

._identityHeaderTitle_141gr_152 {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 600;
}

._identityHeaderHint_141gr_158 {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 13px;
}

/* Form Fields */
._field_141gr_165 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}

._fieldHeader_141gr_172 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._label_141gr_178 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

._selectedCount_141gr_184 {
  font-size: 12px;
  color: var(--text-tertiary);
}

._input_141gr_189,
._textarea_141gr_190 {
  padding: 10px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 14px;
  font-family: inherit;
  transition: all 0.2s ease;
}

._input_141gr_189:focus,
._textarea_141gr_190:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
}

._input_141gr_189::placeholder,
._textarea_141gr_190::placeholder {
  color: var(--text-tertiary);
}

._textarea_141gr_190 {
  resize: vertical;
  width: 100%;
  box-sizing: border-box;
  min-height: 100px;
}

._optimizeBtn_141gr_220 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-color-light) !important;
  border: 1px solid var(--accent-color-medium);
  border-radius: 6px !important;
  padding: 4px 8px !important;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}

._optimizeBtn_141gr_220:hover:not(:disabled) {
  background: var(--accent-color-medium);
}

._optimizeBtn_141gr_220:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._fieldHint_141gr_242 {
  font-size: 12px;
  color: var(--text-tertiary);
}

/* Advanced Config - Collapsible */
._advancedSection_141gr_248 {
  margin-top: 16px;
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
}

._advancedHeader_141gr_255 {
  width: 100%;
  display: flex !important;
  align-items: center;
  gap: 8px;
  padding: 12px 14px !important;
  background: var(--bg-secondary) !important;
  border: none;
  border-radius: 0 !important;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  transition: background-color 0.2s;
}

._advancedHeader_141gr_255:hover {
  background: var(--bg-hover);
}

._advancedIcon_141gr_275 {
  display: inline-flex;
  align-items: center;
  transition: transform 0.2s;
}

._advancedSummary_141gr_281 {
  margin-left: auto;
  font-size: 12px;
  color: var(--text-tertiary);
  font-weight: 400;
}

._advancedContent_141gr_288 {
  padding: 16px 14px;
  background: var(--bg-primary);
  border-top: 1px solid var(--border);
}

._checkboxLabel_141gr_294 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

/* 自定义 checkbox 样式 */
._checkboxLabel_141gr_294 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid var(--border);
  border-radius: 4px;
  background: var(--bg-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

._checkboxLabel_141gr_294 input[type="checkbox"]:hover {
  border-color: var(--accent-color);
}

._checkboxLabel_141gr_294 input[type="checkbox"]:checked {
  background: var(--accent-color);
  border-color: var(--accent-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

._sliderRow_141gr_328 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._slider_141gr_328 {
  flex: 1;
  height: 4px;
  cursor: pointer;
}

._numberInput_141gr_340 {
  width: 70px;
  padding: 6px 10px;
  font-size: 13px;
  text-align: center;
}

/* Segmented Control */
._segmentedControl_141gr_348 {
  display: flex;
  gap: 0;
  background: var(--bg-secondary);
  border-radius: 8px;
  padding: 3px;
  border: 1px solid var(--border);
}

._segmentBtn_141gr_357 {
  flex: 1;
  padding: 6px 12px;
  font-size: 13px;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s ease;
  font-weight: 500;
}

._segmentBtn_141gr_357:hover {
  color: var(--text-primary);
  background: var(--bg-tertiary);
}

._segmentActive_141gr_375 {
  background: var(--accent-color);
  color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

._segmentActive_141gr_375:hover {
  background: var(--accent-color);
  color: white;
}

/* Checkbox List */
._emptyState_141gr_387 {
  font-size: 13px;
  color: var(--text-tertiary);
  padding: 16px;
  text-align: center;
  background: var(--bg-secondary);
  border-radius: 8px;
}

._checkboxList_141gr_396 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._checkboxItem_141gr_402 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg-secondary);
  transition: all 0.2s ease;
}

._checkboxItem_141gr_402:hover {
  border-color: var(--accent-color);
  background: var(--bg-primary);
}

/* 自定义 checkbox 样式 */
._checkboxItem_141gr_402 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid var(--border);
  border-radius: 4px;
  background: var(--bg-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  margin-top: 2px;
  flex-shrink: 0;
}

._checkboxItem_141gr_402 input[type="checkbox"]:hover {
  border-color: var(--accent-color);
}

._checkboxItem_141gr_402 input[type="checkbox"]:checked {
  background: var(--accent-color);
  border-color: var(--accent-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

._checkboxItemInfo_141gr_448 {
  flex: 1;
  min-width: 0;
}

._checkboxItemName_141gr_453 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  display: block;
}

._checkboxItemMeta_141gr_460 {
  font-size: 12px;
  color: var(--text-secondary);
  margin-top: 2px;
  display: block;
}

._checkboxItemDesc_141gr_467 {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-top: 2px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Search Input */
._searchInput_141gr_478 {
  width: 100%;
  padding: 10px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 13px;
  margin-bottom: 12px;
  transition: all 0.2s ease;
}

._searchInput_141gr_478:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
}

/* Selected Skills Chips */
._selectedSkills_141gr_497 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

._skillChip_141gr_504 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px 4px 12px;
  background: var(--accent-color-light);
  border: 1px solid var(--accent-color-medium);
  border-radius: 16px;
  font-size: 12px;
}

._skillChipName_141gr_515 {
  color: var(--accent-color);
  font-weight: 500;
}

._skillChipRemove_141gr_520 {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px;
  border: none;
  background: transparent !important;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  border-radius: 50% !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

._skillChipRemove_141gr_520:hover {
  background: var(--accent-color-medium) !important;
  color: var(--accent-color);
}

/* Skill List */
._skillList_141gr_544 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 280px;
  overflow-y: auto;
}

/* Channels Tab */
._channelListBlock_141gr_553 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._channelCard_141gr_559 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  min-width: 0;
}

._channelOrder_141gr_570 {
  width: 24px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  text-align: center;
}

._channelRow_141gr_579 {
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(160px, 1.4fr);
  gap: 10px;
  align-items: center;
}

@media (max-width: 480px) {
  ._channelRow_141gr_579 {
    grid-template-columns: 1fr;
  }
}

._channelRemoveBtn_141gr_594 {
  min-width: 32px;
  padding: 0 10px !important;
  font-size: 18px;
  line-height: 1;
}

._channelOptions_141gr_601 {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Workspace Tab */
._workspaceHeader_141gr_611 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

._workspaceTabNav_141gr_617 {
  margin-bottom: 12px;
}

._workspaceEditor_141gr_621 {
  width: 100%;
  min-height: 300px;
  padding: 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-primary);
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
  font-size: 13px;
  line-height: 1.6;
  resize: vertical;
  transition: all 0.2s ease;
}

._workspaceEditor_141gr_621:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
}

/* Form Footer */
._formFooter_141gr_643 {
  display: flex;
  gap: 10px;
  padding: 14px 24px;
  border-top: 1px solid var(--border);
  justify-content: flex-end;
  flex-shrink: 0;
  background: var(--bg-primary);
}

._spinning_141gr_653 {
  animation: _spin_141gr_653 1s linear infinite;
}

@keyframes _spin_141gr_653 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ─── Tool Limit Section ─── */
._toolLimitSection_141gr_663 {
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 16px;
}

._toolLimitHeader_141gr_670 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  background: var(--bg-secondary);
  border: none;
  border-radius: 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  transition: background-color 0.2s;
}

._toolLimitHeader_141gr_670:hover {
  background: var(--bg-hover);
}

._toolLimitIcon_141gr_690 {
  display: inline-flex;
  transition: transform 0.2s;
  font-size: 10px;
  color: var(--text-tertiary);
}

._toolLimitIconOpen_141gr_697 {
  transform: rotate(90deg);
}

._toolLimitTitle_141gr_701 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._toolLimitTitle_141gr_701 svg {
  opacity: 0.5;
}

._toolLimitSummary_141gr_711 {
  margin-left: auto;
  font-size: 12px;
  color: var(--text-tertiary);
  font-weight: 400;
  white-space: nowrap;
}

._toolLimitSummaryHasItems_141gr_719 {
  color: var(--danger);
  font-weight: 500;
}

._toolLimitContent_141gr_724 {
  padding: 14px;
  background: var(--bg-primary);
  border-top: 1px solid var(--border);
}

._toolLimitContentHidden_141gr_730 {
  display: none;
}

._toolGroup_141gr_734 {
  margin-bottom: 10px;
}

._toolGroup_141gr_734:last-of-type {
  margin-bottom: 0;
}

._toolGroupHeader_141gr_742 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 10px 4px;
}

._toolItem_141gr_751 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s, opacity 0.2s;
  font-size: 13px;
}

._toolItem_141gr_751:hover {
  background: var(--bg-secondary);
}

._toolItemDisabled_141gr_766 {
  opacity: 0.45;
}

._toolItemDisabled_141gr_766:hover {
  opacity: 0.65;
}

._toolItem_141gr_751 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid var(--border-light, var(--border));
  border-radius: 4px;
  background: var(--bg-secondary);
  cursor: pointer;
  transition: all 0.15s;
  flex-shrink: 0;
}

._toolItem_141gr_751 input[type="checkbox"]:checked {
  background: var(--accent-color);
  border-color: var(--accent-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}

._toolItemDisabled_141gr_766 input[type="checkbox"] {
  border-color: var(--border);
}

._toolName_141gr_800 {
  font-weight: 500;
  color: var(--text-primary);
  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
  font-size: 12px;
}

._toolItemDisabled_141gr_766 ._toolName_141gr_800 {
  color: var(--text-tertiary);
}

._toolDesc_141gr_811 {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-left: auto;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._disabledTag_141gr_821 {
  font-size: 11px;
  color: var(--danger);
  background: var(--danger-light, rgba(239, 68, 68, 0.08));
  padding: 1px 6px;
  border-radius: 3px;
  font-weight: 500;
  margin-left: auto;
  display: none;
}

._toolItemDisabled_141gr_766 ._disabledTag_141gr_821 {
  display: inline;
}

._toolItemDisabled_141gr_766 ._toolDesc_141gr_811 {
  display: none;
}

._toolLimitHint_141gr_840 {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-top: 12px;
  line-height: 1.6;
}

._toolLimitWarning_141gr_847 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  background: var(--warning-light, rgba(245, 158, 11, 0.08));
  border: 1px solid rgba(245, 158, 11, 0.15);
  border-radius: 6px;
  font-size: 12px;
  color: var(--warning, #f59e0b);
  line-height: 1.5;
  margin-top: 10px;
}

._toolLimitWarning_141gr_847 svg {
  flex-shrink: 0;
  margin-top: 1px;
}

._toolLimitDanger_141gr_866 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  background: var(--danger-light, rgba(239, 68, 68, 0.08));
  border: 1px solid var(--danger-medium, rgba(239, 68, 68, 0.15));
  border-radius: 6px;
  font-size: 12px;
  color: var(--danger);
  line-height: 1.5;
  margin-top: 10px;
}

._toolLimitDanger_141gr_866 svg {
  flex-shrink: 0;
  margin-top: 1px;
}

._inlineError_141gr_885 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  background: var(--color-error-faint);
  border: 1px solid var(--color-error-strong);
  border-radius: 6px;
  color: var(--color-error);
  font-size: 13px;
  line-height: 1.4;
  margin-top: 6px;
}

._inlineError_141gr_885 svg {
  flex-shrink: 0;
}._tabPanel_91bp4_1 {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  padding: 20px 24px;
}

._workspaceHeader_91bp4_9 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

._workspaceFileTabs_91bp4_15 {
  display: flex;
  gap: 4px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

._fileTab_91bp4_22 {
  /* secondary 变体在未选中时是透明背景+边框，颜色足够清晰 */
}

._workspaceEditor_91bp4_26 {
  flex: 1;
  width: 100%;
  min-height: 300px;
  padding: 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-primary);
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
  font-size: 13px;
  line-height: 1.6;
  resize: vertical;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

._workspaceEditor_91bp4_26:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
}
._header_1uz3s_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
._tabBar_r5g4g_1 {
  display: flex;
  gap: 4px;
  padding: 0 24px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-primary);
}

._tab_r5g4g_1 {
  padding: 10px 16px;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: -1px;
  transition: all 0.2s ease;
}

._tab_r5g4g_1:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._tabActive_r5g4g_28 {
  border-bottom-color: var(--accent-color);
  color: var(--accent-color);
}

._installedView_r5g4g_33 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._toolbar_r5g4g_42 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}

._toolbar_r5g4g_42 ._input_r5g4g_50 {
  flex: 1 1 auto;
  min-width: 0;
}

._searchPlaceholder_r5g4g_55 {
  flex: 1;
  min-width: 180px;
  padding: 9px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-tertiary);
  font-size: 13px;
}

._toolbarActions_r5g4g_66,
._cardActions_r5g4g_67,
._detailActions_r5g4g_68 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

._toolbarActions_r5g4g_66 {
  flex: 0 0 auto;
  flex-wrap: nowrap;
}

._secondaryButton_r5g4g_80,
._primarySoftButton_r5g4g_81,
._iconButton_r5g4g_82 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 7px 10px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.2s ease;
  white-space: nowrap;
}

._secondaryButton_r5g4g_80:hover:not(:disabled),
._primarySoftButton_r5g4g_81:hover:not(:disabled),
._iconButton_r5g4g_82:hover:not(:disabled) {
  border-color: var(--accent-color);
  color: var(--text-primary);
  background: var(--hover-bg);
}

._secondaryButton_r5g4g_80:disabled,
._primarySoftButton_r5g4g_81:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

._primarySoftButton_r5g4g_81 {
  border-color: var(--accent-color);
  background: var(--accent-color-light);
  color: var(--accent-color);
}

._iconButton_r5g4g_82 {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 999px;
  flex-shrink: 0;
}

._skillCard_r5g4g_127 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-secondary);
  transition: all 0.2s ease;
}

._skillCard_r5g4g_127:hover {
  border-color: var(--accent-color);
  background: var(--hover-bg);
}

._skillHeader_r5g4g_143 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

._skillTitleBlock_r5g4g_150 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._skillIcon_r5g4g_157 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--bg-primary);
  border: 1px solid var(--border);
  flex-shrink: 0;
}

._skillTitleText_r5g4g_169 {
  min-width: 0;
}

._skillName_r5g4g_173 {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._sourceBadge_r5g4g_182,
._warningBadge_r5g4g_183,
._toolBadge_r5g4g_184 {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: 4px;
  padding: 2px 6px;
  border-radius: 999px;
  background: var(--bg-primary);
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.4;
}

._warningBadge_r5g4g_183 {
  margin-top: 0;
  color: var(--warning-color, #b7791f);
  background: var(--warning-bg, rgba(245, 158, 11, 0.12));
}

._globalSwitchLabel_r5g4g_203 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 12px;
  white-space: nowrap;
}

._skillDescription_r5g4g_212 {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

._skillMetaRow_r5g4g_218 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-tertiary);
  font-size: 12px;
}

._emptyState_r5g4g_226,
._placeholderPanel_r5g4g_227 {
  color: var(--text-tertiary);
  font-size: 14px;
  text-align: center;
  padding: 40px 0;
}

._placeholderPanel_r5g4g_227 {
  flex: 1;
  padding: 56px 24px;
}

._placeholderTitle_r5g4g_239 {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
}

._placeholderDesc_r5g4g_246 {
  color: var(--text-secondary);
  font-size: 13px;
}

._drawerOverlay_r5g4g_251 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.32);
  display: flex;
  justify-content: flex-end;
}

._detailDrawer_r5g4g_260 {
  width: min(440px, 92vw);
  height: 100%;
  background: var(--bg-primary);
  border-left: 1px solid var(--border);
  box-shadow: -16px 0 40px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  overflow-y: auto;
}

._detailHeader_r5g4g_273 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}

._detailTitle_r5g4g_281 {
  margin: 0 0 6px;
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 600;
}

._detailDescription_r5g4g_288 {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

._detailWarning_r5g4g_294 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--warning-bg, rgba(245, 158, 11, 0.12));
  color: var(--warning-color, #b7791f);
  font-size: 12px;
}

._detailSection_r5g4g_305 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-secondary);
}

._detailSectionTitle_r5g4g_315 {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 600;
}

._detailRow_r5g4g_321 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--text-secondary);
  font-size: 12px;
}

._detailRow_r5g4g_321 strong {
  color: var(--text-primary);
  font-weight: 500;
  text-align: right;
}

._toolList_r5g4g_335 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

._toolBadge_r5g4g_184 {
  margin-top: 0;
}

._locationBox_r5g4g_345 {
  padding: 8px;
  border-radius: 8px;
  background: var(--bg-primary);
  color: var(--text-tertiary);
  font-family: var(--font-mono, monospace);
  font-size: 12px;
  overflow-wrap: anywhere;
}

._sourceUrl_r5g4g_355 {
  margin-top: 4px;
  color: var(--text-tertiary);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._statusPill_r5g4g_364 {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 999px;
  background: var(--bg-primary);
  border: 1px solid var(--border);
  color: var(--text-secondary);
  font-size: 11px;
}

._sourcesHeader_r5g4g_375 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 4px;
}

._sourcesTitle_r5g4g_383 {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 600;
}

._sourcesDesc_r5g4g_389 {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 13px;
}

._dialogOverlay_r5g4g_395 {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.32);
}

._dialog_r5g4g_395 {
  width: min(420px, 92vw);
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--bg-primary);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

._dialogTitle_r5g4g_414 {
  margin: 0 0 16px;
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 600;
}

._dialogBody_r5g4g_421 {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

._field_r5g4g_427 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}

._fieldCompact_r5g4g_434 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._fieldLabel_r5g4g_440 {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
}

._input_r5g4g_50 {
  padding: 9px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 13px;
}

._textarea_r5g4g_455 {
  min-height: 128px;
  padding: 9px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.5;
  font-family: var(--font-mono, 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace);
  resize: vertical;
}

._input_r5g4g_50:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
}

._textarea_r5g4g_455:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
}

._formHint_r5g4g_480 {
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.5;
}

._formError_r5g4g_486 {
  margin-top: 10px;
  color: var(--danger-color, #dc2626);
  font-size: 12px;
}

._trustedKeyList_r5g4g_492 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._trustedKeyItem_r5g4g_498 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-secondary);
}

._trustedKeyHeader_r5g4g_508 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 600;
}

._trustedKeyGrid_r5g4g_518 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: 10px;
}

._iconButton_r5g4g_82 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-primary);
  color: var(--text-secondary);
  cursor: pointer;
}

._iconButton_r5g4g_82:hover {
  color: var(--danger-color, #dc2626);
  border-color: rgba(220, 38, 38, 0.35);
}

._emptyInline_r5g4g_542 {
  padding: 10px;
  border: 1px dashed var(--border);
  border-radius: 10px;
  color: var(--text-tertiary);
  font-size: 12px;
}

._dialogActions_r5g4g_550 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
}

._discoverToolbar_r5g4g_557 {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 4px;
}

._discoverToolbar_r5g4g_557 ._input_r5g4g_50 {
  flex: 1;
}

._statusBar_r5g4g_568,
._statusBarWarning_r5g4g_569,
._statusBarError_r5g4g_570 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 12px;
}

._statusBarWarning_r5g4g_569 {
  border-color: rgba(245, 158, 11, 0.35);
  background: var(--warning-bg, rgba(245, 158, 11, 0.12));
  color: var(--warning-color, #b7791f);
}

._statusBarError_r5g4g_570 {
  border-color: rgba(220, 38, 38, 0.3);
  background: rgba(220, 38, 38, 0.08);
  color: var(--danger-color, #dc2626);
}

._inlineButton_r5g4g_595 {
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
}

._loadMoreContainer_r5g4g_605 {
  display: flex;
  justify-content: center;
  padding: 16px 0 8px;
}
._panel_1s5v1_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

._body_1s5v1_8 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

._bodyPadded_1s5v1_14 {
  padding: 24px;
}

._footer_1s5v1_18 {
  display: flex;
  gap: 10px;
  padding: 14px 24px;
  border-top: 1px solid var(--border);
  justify-content: flex-end;
  flex-shrink: 0;
}._panel_1s1tm_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._content_1s1tm_7 {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}

._section_1s1tm_13 {
  margin-bottom: 32px;
}

._engineList_1s1tm_17 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}

._engineItem_1s1tm_24 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  transition: all 0.2s ease;
}

._engineItem_1s1tm_24:hover {
  border-color: var(--accent-color);
  background: var(--hover-bg);
}

._engineInfo_1s1tm_40 {
  flex: 1;
}

._engineName_1s1tm_44 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 4px;
}

._engineUrl_1s1tm_53 {
  font-size: 13px;
  color: var(--text-secondary);
  font-family: monospace;
}

._badge_1s1tm_59 {
  font-size: 11px;
  padding: 2px 6px;
  background: var(--accent-color);
  color: white;
  border-radius: 4px;
}

._engineActions_1s1tm_67 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._defaultBadge_1s1tm_73 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: var(--accent-color);
  font-weight: 500;
}

._checkboxField_1s1tm_82 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._checkboxField_1s1tm_82 input {
  cursor: pointer;
}

._editorBackdrop_1s1tm_93 {
  position: fixed;
  inset: 0;
  background: var(--overlay-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

._editorModal_1s1tm_103 {
  background: var(--bg-primary);
  border-radius: 12px;
  width: 500px;
  max-width: 90vw;
  height: auto;
  overflow: hidden;
}

._editorTitle_1s1tm_112 {
  margin: 0;
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 600;
}

._editorBody_1s1tm_119 {
  padding: 24px;
  overflow: visible;
}

._field_1s1tm_124 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

._field_1s1tm_124 span {
  font-size: 14px;
  color: var(--text-secondary);
}

._field_1s1tm_124 input {
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 14px;
  transition: all 0.2s ease;
}

._field_1s1tm_124 input:focus {
  outline: none;
  border-color: var(--accent-color);
}

._hint_1s1tm_151 {
  font-size: 12px;
  color: var(--text-tertiary);
}

._editorActions_1s1tm_156 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
}
._panel_jq92a_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._content_jq92a_7 {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._summaryCard_jq92a_16 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--bg-primary);
}

._summaryHeader_jq92a_26 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

._summaryTitle_jq92a_33 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
}

._summaryDescription_jq92a_39 {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-secondary);
}

._statusBadge_jq92a_46 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

._status-enabled_jq92a_57 {
  background: color-mix(in srgb, var(--color-success) 14%, transparent);
  color: var(--color-success);
}

._status-disabled_jq92a_62 {
  background: color-mix(in srgb, var(--text-secondary) 12%, transparent);
  color: var(--text-secondary);
}

._status-enabling_jq92a_67,
._status-restoring_jq92a_68,
._status-rotating_jq92a_69,
._status-stopping_jq92a_70 {
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
  color: var(--accent-color);
}

._status-error_jq92a_75 {
  background: color-mix(in srgb, var(--color-danger) 12%, transparent);
  color: var(--color-danger);
}

._metaGrid_jq92a_80 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

._metaItem_jq92a_86 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._metaLabel_jq92a_92 {
  font-size: 12px;
  color: var(--text-secondary);
}

._metaValue_jq92a_97 {
  font-size: 13px;
  color: var(--text-primary);
}

._errorBanner_jq92a_102 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--color-danger) 22%, transparent);
  background: color-mix(in srgb, var(--color-danger) 8%, transparent);
}

._errorTitle_jq92a_112 {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-danger);
}

._errorText_jq92a_118 {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-primary);
}

._configCard_jq92a_124 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--bg-primary);
}

._configText_jq92a_135 {
  min-width: 0;
}

._configTitle_jq92a_139 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

._configDescription_jq92a_145,
._configError_jq92a_146 {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
}

._configDescription_jq92a_145 {
  color: var(--text-secondary);
}

._configError_jq92a_146 {
  grid-column: 1 / -1;
  color: var(--color-danger);
}

._configControl_jq92a_161 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._numberInput_jq92a_167 {
  width: 88px;
  height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 13px;
  outline: none;
}

._numberInput_jq92a_167:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-color) 18%, transparent);
}

._numberInput_jq92a_167:disabled {
  opacity: 0.7;
}

._inputInvalid_jq92a_188 {
  border-color: var(--color-danger);
}

._switch_jq92a_192 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}

._switch_jq92a_192 input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

._switchTrack_jq92a_206 {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 999px;
  background: var(--border);
  transition: background 0.2s ease;
  flex-shrink: 0;
}

._switchThumb_jq92a_216 {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease;
}

._switch_jq92a_192 input:checked + ._switchTrack_jq92a_206 {
  background: var(--accent-color);
}

._switch_jq92a_192 input:checked + ._switchTrack_jq92a_206 ._switchThumb_jq92a_216 {
  transform: translateX(20px);
}

._switch_jq92a_192 input:disabled + ._switchTrack_jq92a_206 {
  opacity: 0.6;
}

._switchLabel_jq92a_240 {
  min-width: 28px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
}

._activeState_jq92a_247 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

._qrCode_jq92a_254,
._qrPlaceholder_jq92a_255 {
  width: 200px;
  height: 200px;
  border-radius: 12px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

._qrCode_jq92a_254 {
  border: 1px solid var(--border);
}

._qrPlaceholder_jq92a_255 {
  color: var(--text-secondary);
  font-size: 13px;
}

._linkBlock_jq92a_274 {
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

._url_jq92a_283,
._pendingText_jq92a_284 {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg-primary);
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.5;
  word-break: break-all;
}

._url_jq92a_283 {
  user-select: text;
}

._pendingText_jq92a_284 {
  color: var(--text-secondary);
}

._actions_jq92a_305 {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}

._leftGroup_jq92a_312 {
  display: flex;
  gap: 8px;
}

._metaRow_jq92a_317 {
  width: 100%;
  max-width: 520px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  color: var(--text-secondary);
}

._sectionLabel_jq92a_327 {
  width: 100%;
  max-width: 520px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

._addressList_jq92a_338,
._clientList_jq92a_339 {
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._addressItem_jq92a_347,
._clientItem_jq92a_348 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg-primary);
  font-size: 13px;
}

._addressItem_jq92a_347:hover,
._clientItem_jq92a_348:hover {
  background: var(--bg-tertiary, var(--bg-secondary));
}

._addressItem_jq92a_347 {
  justify-content: space-between;
}

._clientItem_jq92a_348 {
  justify-content: flex-start;
}

._addressRecommended_jq92a_372 {
  border-color: var(--accent-color, #4f46e5);
}

._addressIp_jq92a_376,
._clientIp_jq92a_377 {
  font-family: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 13px;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 6px;
}

._clientIp_jq92a_377 {
  min-width: 0;
  flex: 1;
}

._recommendedBadge_jq92a_391 {
  display: inline-flex;
  align-items: center;
  color: var(--color-warning);
}

._addressLabel_jq92a_397,
._clientTime_jq92a_398 {
  font-size: 12px;
  color: var(--text-secondary);
  white-space: nowrap;
}

@media (max-width: 720px) {
  ._configCard_jq92a_124 {
    grid-template-columns: 1fr;
  }

  ._configControl_jq92a_161 {
    justify-content: flex-start;
  }

  ._metaRow_jq92a_317 {
    flex-direction: column;
  }
}
._section_vcwqq_1 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._trigger_vcwqq_7 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border: none;
  background: none;
  color: var(--text-tertiary);
  font-size: 12.5px;
  font-family: inherit;
  cursor: pointer;
  transition: color 0.15s ease;
}

._trigger_vcwqq_7:hover {
  color: var(--text-primary);
}

._trigger_vcwqq_7:focus-visible,
._categoryButton_vcwqq_28:focus-visible,
._textarea_vcwqq_29:focus-visible,
._contactInput_vcwqq_30:focus-visible {
  outline: 2px solid var(--color-primary, var(--accent-color));
  outline-offset: 2px;
}

._triggerText_vcwqq_35 {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
}

._triggerIcon_vcwqq_42 {
  flex-shrink: 0;
  transition: transform 0.18s ease;
}

._triggerIconOpen_vcwqq_47 {
  transform: rotate(180deg);
}

._inlineHeader_vcwqq_51 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 2px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 600;
}

._form_vcwqq_61 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 8px;
}

._formInline_vcwqq_68 {
  padding-top: 10px;
}

._textarea_vcwqq_29,
._contactInput_vcwqq_30 {
  width: 100%;
  padding: 10px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color, var(--border));
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 13px;
  font-family: inherit;
  transition: background 0.15s ease, border-color 0.15s ease;
}

._textarea_vcwqq_29 {
  min-height: 92px;
  resize: vertical;
  line-height: 1.5;
}

._textarea_vcwqq_29::placeholder,
._contactInput_vcwqq_30::placeholder {
  color: var(--text-tertiary);
}

._textarea_vcwqq_29:focus,
._contactInput_vcwqq_30:focus {
  background: var(--bg-primary);
  border-color: var(--color-primary, var(--accent-color));
}

._textarea_vcwqq_29:disabled,
._contactInput_vcwqq_30:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

._controlsRow_vcwqq_108 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._categoryGroup_vcwqq_115 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._categoryButton_vcwqq_28 {
  padding: 5px 11px;
  border: 1px solid var(--border-color, var(--border));
  border-radius: 999px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 12px;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

._categoryButton_vcwqq_28:hover:not(:disabled) {
  background: var(--hover-bg, var(--bg-hover));
  color: var(--text-primary);
}

._categoryButtonActive_vcwqq_138 {
  border-color: var(--color-primary, var(--accent-color));
  background: var(--color-primary-light, var(--accent-color-light));
  color: var(--color-primary, var(--accent-color));
}

._categoryButton_vcwqq_28:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

._contactToggle_vcwqq_149 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  color: var(--text-secondary);
  font-size: 13px;
  cursor: pointer;
  user-select: none;
}

._contactToggle_vcwqq_149 input {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: var(--color-primary, var(--accent-color));
}

._successMessage_vcwqq_167 {
  color: var(--color-success, var(--success));
  font-size: 13px;
  font-weight: 500;
}

._errorMessage_vcwqq_173 {
  color: var(--color-error, var(--error));
  font-size: 13px;
  font-weight: 500;
}

._hiddenLabel_vcwqq_179 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  ._triggerIcon_vcwqq_42 {
    transition: none;
  }
}

@media (max-width: 720px) {
  ._controlsRow_vcwqq_108 {
    align-items: stretch;
    flex-direction: column;
  }
}
._panel_8d674_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

._content_8d674_9 {
  flex: 1;
  overflow-y: auto;
  padding: 18px 24px 22px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

._identityCard_8d674_18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 20px;
  border: 1px solid var(--border-color, var(--border));
  border-radius: 16px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--surface-elevated, var(--bg-secondary)) 88%, transparent), transparent);
}

._identityMain_8d674_29 {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

._brandMark_8d674_36 {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 13px;
  object-fit: cover;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--text-primary) 14%, transparent);
}

._identityText_8d674_45 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}

._productName_8d674_52 {
  color: var(--text-primary);
  font-size: 20px;
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

._version_8d674_60 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  min-height: 22px;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 2px 0;
  font-size: 12.5px;
  line-height: 1;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-variant-numeric: tabular-nums;
  color: var(--text-tertiary);
  cursor: pointer;
  white-space: nowrap;
 user-select: none;
  transition: color 0.15s ease;
}

._version_8d674_60:hover {
  color: var(--text-primary);
}

._version_8d674_60:focus-visible,
._releaseNotesLink_8d674_87:focus-visible,
._historyToggle_8d674_88:focus-visible,
._sectionHeader_8d674_89:focus-visible {
  outline: 2px solid var(--color-primary, var(--accent-color));
  outline-offset: 2px;
}

._copiedHint_8d674_94 {
  font-size: 11px;
  color: var(--color-success, var(--success));
  font-family: inherit;
}

._updateRow_8d674_100 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 20px;
}

._updateColumn_8d674_107 {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 12px;
}

._updateBelowIdentity_8d674_114 {
  display: flex;
  width: 100%;
}

._updateActions_8d674_119 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  min-width: 220px;
  max-width: 320px;
  flex-shrink: 0;
}

._updateAvailableBlock_8d674_129 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--color-primary, var(--accent-color)) 22%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--color-primary, var(--accent-color)) 7%, transparent);
}

._updateAvailableHeader_8d674_139 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._newVersionLabel_8d674_146 {
  min-width: 0;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  color: var(--text-primary);
}

._updateNotesPreview_8d674_154 {
  width: 100%;
  border-radius: 10px;
  padding: 11px 13px;
  background: var(--surface-elevated, transparent);
  color: var(--text-primary);
}

._updateNotesTitle_8d674_162 {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-primary);
}

._updateNotesList_8d674_169 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding-left: 16px;
  font-size: 12.5px;
  line-height: 1.6;
}

._updateNotesList_8d674_169 li {
  padding-left: 2px;
}

._releaseNotesLink_8d674_87 {
  margin-top: 8px;
  padding: 0;
  border: none;
  background: none;
  color: var(--color-primary, var(--accent-color));
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
}

._releaseNotesLink_8d674_87:hover {
  text-decoration: underline;
}

._metaLine_8d674_198 {
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
}

._metaSuccess_8d674_205 {
  color: var(--color-success, #16a34a);
}

._metaError_8d674_209 {
  max-width: 100%;
  color: var(--color-error, #dc2626);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
}

._releaseDivider_8d674_219 {
  height: 1px;
  background: var(--border-color, var(--border));
  opacity: 0.55;
}

._releaseNotes_8d674_87 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._releaseTitle_8d674_231 {
  font-size: 13px;
  font-weight: 600;
  margin: 2px 0 4px;
  color: var(--text-secondary);
}

._section_8d674_89 {
  border-bottom: 1px solid color-mix(in srgb, var(--border-color, var(--border)) 72%, transparent);
  overflow: hidden;
}

._latestSection_8d674_243 {
  border: 1px solid var(--border-color, var(--border));
  border-radius: 12px;
  background: var(--surface-elevated, transparent);
}

._sectionHeader_8d674_89 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 2px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  font-weight: 560;
  color: var(--text-secondary);
  text-align: left;
  transition: color 0.15s ease, background 0.15s ease;
}

._latestSection_8d674_243 ._sectionHeader_8d674_89 {
  padding: 12px 14px;
  color: var(--text-primary);
  font-weight: 600;
}

._sectionHeader_8d674_89:hover {
  color: var(--text-primary);
}

._latestSection_8d674_243 ._sectionHeader_8d674_89:hover {
  background: var(--hover-bg, var(--bg-hover));
}

._sectionBody_8d674_279 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
}

._sectionBodyOpen_8d674_285 {
  max-height: 2000px;
}

._sectionBody_8d674_279 > * {
  padding: 0 2px 14px;
}

._latestSection_8d674_243 ._sectionBody_8d674_279 > * {
  padding: 0 14px 14px;
}

._historyToggle_8d674_88 {
  width: fit-content;
  margin-top: 4px;
  padding: 4px 0;
  border: none;
  background: none;
  color: var(--text-tertiary);
  font-size: 12px;
  font-family: inherit;
  line-height: 1.5;
  cursor: pointer;
  transition: color 0.15s ease;
}

._historyToggle_8d674_88:hover {
  color: var(--text-primary);
}

._footerArea_8d674_315 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 2px;
}

._techStack_8d674_322 {
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-tertiary);
  opacity: 0.82;
}

._websiteLink_8d674_329 {
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-tertiary);
  opacity: 0.82;
  text-decoration: none;
  transition: color 0.15s ease, opacity 0.15s ease;
}

._websiteLink_8d674_329:hover {
  color: var(--color-primary, var(--accent-color));
  opacity: 1;
}

._spinner_8d674_343 {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid var(--border-color, var(--border));
  border-top-color: var(--color-primary, var(--accent-color));
  border-radius: 50%;
  animation: _spin_8d674_343 0.6s linear infinite;
  flex-shrink: 0;
}

@keyframes _spin_8d674_343 {
  to {
    transform: rotate(360deg);
  }
}

._metaUpdate_8d674_360 {
  color: var(--color-primary, var(--accent-color));
  font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
  ._spinner_8d674_343 {
    animation: none;
  }

  ._sectionBody_8d674_279 {
    transition: none;
  }
}

@media (max-width: 720px) {
  ._identityCard_8d674_18 {
    align-items: stretch;
    flex-direction: column;
  }

  ._updateRow_8d674_100 {
    justify-content: flex-start;
  }

  ._updateBelowIdentity_8d674_114 {
    align-items: stretch;
    flex-direction: column;
  }

  ._updateActions_8d674_119 {
    min-width: 0;
    max-width: none;
    align-items: stretch;
  }

  ._updateAvailableHeader_8d674_139 {
    align-items: flex-start;
    flex-direction: column;
  }

  ._metaLine_8d674_198 {
    text-align: left;
  }
}
._container_1ofmj_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

._progress_1ofmj_8 {
  padding: 12px 24px;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border);
  font-size: 13px;
  color: var(--text-secondary);
  display: flex;
  gap: 8px;
}

._empty_1ofmj_18 {
  flex: 1;
  text-align: center;
  padding: 60px 20px;
  color: var(--text-secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._empty_1ofmj_18 p {
  margin: 0;
}

._hint_1ofmj_33 {
  margin-top: 8px;
  font-size: 13px;
  color: var(--text-tertiary);
}

/* ── Task List ── */

._taskList_1ofmj_41 {
  flex: 1;
  overflow-y: auto;
  padding: 12px 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._taskItem_1ofmj_50 {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 10px;
  transition: all 0.15s ease;
  cursor: pointer;
  gap: 6px;
}

._taskItem_1ofmj_50:hover {
  border-color: var(--accent-color);
  background: var(--hover-bg);
}

._taskItem_1ofmj_50:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}

._taskItem_1ofmj_50._disabled_1ofmj_72 {
  opacity: 0.5;
}

/* ── Task Header: name + switch ── */

._taskHeader_1ofmj_78 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._taskName_1ofmj_85 {
  font-weight: 500;
  font-size: 14px;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

/* ── Task Meta: type tag + cron + target ── */

._taskMeta_1ofmj_97 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--text-secondary);
  flex-wrap: wrap;
}

._typeTag_1ofmj_106 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  background: var(--accent-color-light, rgba(99, 102, 241, 0.1));
  color: var(--accent-color);
}

._target_1ofmj_118 {
  font-size: 11px;
  color: var(--text-tertiary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}

._cronBadge_1ofmj_127 {
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
  font-size: 11px;
  padding: 1px 6px;
  border-radius: 4px;
  background: var(--bg-tertiary, var(--bg-secondary));
  color: var(--text-secondary);
}

._taskMessage_1ofmj_136 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── Task Footer: time + action buttons ── */

._taskFooter_1ofmj_147 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._taskTime_1ofmj_154 {
  font-size: 11px;
  color: var(--text-tertiary);
}

._taskActions_1ofmj_159 {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ── Execution History ── */

._historyHeader_1ofmj_167 {
  padding: 16px 24px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

._backButton_1ofmj_176 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.15s ease;
}

._backButton_1ofmj_176:hover {
  border-color: var(--accent-color);
  color: var(--text-primary);
  background: var(--hover-bg);
}

._historyTitleBlock_1ofmj_197 {
  min-width: 0;
}

._historyLabel_1ofmj_201 {
  margin-bottom: 2px;
  font-size: 12px;
  color: var(--text-tertiary);
}

._historyTitleBlock_1ofmj_197 h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._executionList_1ofmj_217 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._executionItem_1ofmj_226 {
  padding: 14px 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
}

._executionHeader_1ofmj_233 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

._executionSummary_1ofmj_240 {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--text-secondary);
  font-size: 12px;
}

._executionStatus_1ofmj_250 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
}

._executionStatus_1ofmj_250[data-status='success'] {
  background: rgba(34, 197, 94, 0.12);
  color: #22c55e;
}

._executionStatus_1ofmj_250[data-status='failed'] {
  background: rgba(239, 68, 68, 0.12);
  color: #ef4444;
}

._executionStatus_1ofmj_250[data-status='running'] {
  background: rgba(59, 130, 246, 0.12);
  color: #3b82f6;
}

._runningDot_1ofmj_275 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: currentColor;
  animation: _schedulerPulse_1ofmj_1 1s ease-in-out infinite;
}

._executionTime_1ofmj_283,
._executionDuration_1ofmj_284 {
  color: var(--text-tertiary);
}

._expandButton_1ofmj_288 {
  border: none;
  background: transparent;
  color: var(--accent-color);
  font-size: 12px;
  cursor: pointer;
  padding: 2px 0;
  flex-shrink: 0;
}

._expandButton_1ofmj_288:hover {
  color: var(--text-primary);
}

._executionBlock_1ofmj_302 {
  margin-top: 10px;
}

._executionBlockTitle_1ofmj_306 {
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-tertiary);
}

._outputText_1ofmj_313,
._errorText_1ofmj_314 {
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 220px;
  overflow: auto;
}

._outputText_1ofmj_313 {
  background: var(--bg-tertiary, var(--bg-primary));
  color: var(--text-secondary);
}

._errorText_1ofmj_314 {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

@keyframes _schedulerPulse_1ofmj_1 {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

/* ── Dialog ── */

._dialog_1ofmj_351 {
  z-index: 1000;
}

._dialogContent_1ofmj_355 {
  border-radius: 12px;
  width: 90%;
  max-width: 560px;
  max-height: 86vh;
  box-shadow: var(--shadow-2xl);
}

._dialogContent_1ofmj_355 h4 {
  margin: 0;
  padding: 24px 24px 20px;
  font-size: 16px;
  font-weight: 600;
}

._dialogBody_1ofmj_370 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 24px;
}

._taskSummary_1ofmj_377 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid var(--accent-color-light, rgba(99, 102, 241, 0.18));
  border-radius: 10px;
  background: var(--accent-color-light, rgba(99, 102, 241, 0.08));
  color: var(--text-primary);
}

._taskSummary_1ofmj_377 strong {
  font-size: 14px;
  font-weight: 600;
}

._taskSummary_1ofmj_377 span {
  font-size: 12px;
  color: var(--text-secondary);
}

._fieldGroup_1ofmj_399 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._fieldGroup_1ofmj_399 label {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}

._fieldGroupCompact_1ofmj_411 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._fieldGroupCompact_1ofmj_411 label,
._fieldGroupCompact_1ofmj_411 span {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-tertiary);
}

._scheduleGrid_1ofmj_424 {
  display: grid;
  grid-template-columns: 1fr 132px;
  gap: 8px;
}

._targetGrid_1ofmj_430 {
  display: grid;
  grid-template-columns: 132px 1fr;
  gap: 8px;
}

._scheduleHint_1ofmj_436 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--text-tertiary);
}

._legacyNotice_1ofmj_445 {
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(245, 158, 11, 0.1);
  color: var(--text-secondary);
  font-size: 12px;
}

._dialogContent_1ofmj_355 input,
._dialogContent_1ofmj_355 select,
._dialogContent_1ofmj_355 textarea {
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 14px;
  font-family: inherit;
  transition: all 0.15s ease;
}

._dialogContent_1ofmj_355 input:focus,
._dialogContent_1ofmj_355 select:focus,
._dialogContent_1ofmj_355 textarea:focus {
  outline: none;
  border-color: var(--accent-color);
}

._dialogContent_1ofmj_355 textarea {
  min-height: 80px;
  resize: vertical;
}

._dialogActions_1ofmj_478 {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding: 16px 24px 24px;
}

._clearContextRow_1ofmj_485 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 0;
}

._clearContextLabel_1ofmj_492 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 14px;
  color: var(--text-primary);
}

._clearContextHint_1ofmj_500 {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.4;
}
._container_1a6mf_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}

._summaryBar_1a6mf_8 {
  margin: 0 24px 0;
  padding: 16px 18px;
  border: 1px solid color-mix(in srgb, var(--accent-color) 20%, var(--border));
  border-radius: 16px;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--accent-color) 8%, var(--bg-secondary)),
    var(--bg-secondary)
  );
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

._summaryMain_1a6mf_23 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._summaryStatus_1a6mf_30 {
  font-size: 16px;
  font-weight: 650;
  color: var(--text-primary);
}

._summaryStatusEnabled_1a6mf_36 {
  color: var(--accent-color);
}

._summaryMeta_1a6mf_40 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--text-secondary);
}

._summaryMeta_1a6mf_40 span + span::before {
  content: '·';
  margin-right: 12px;
  color: var(--text-tertiary);
}

._summaryActions_1a6mf_55 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
}

._progress_1a6mf_62 {
  margin: 0 24px;
  padding: 12px 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 12px;
  font-size: 14px;
  color: var(--text-secondary);
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

._card_1a6mf_75 {
  margin: 16px 24px 0;
  padding: 20px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._cardHeader_1a6mf_86 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

._cardHeader_1a6mf_86 > :first-child,
._scopeRowHeader_1a6mf_94 > :first-child {
  min-width: 0;
}

._cardHeader_1a6mf_86 > :last-child,
._scopeRowHeader_1a6mf_94 > :last-child {
  flex: 0 0 auto;
}

._cardTitleRow_1a6mf_103 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-primary);
}

._cardTitleRow_1a6mf_103 h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

._cardDescription_1a6mf_116 {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.5;
}

._formGrid_1a6mf_123 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

._formGridMuted_1a6mf_129 {
  opacity: 0.72;
}

._scopeRows_1a6mf_133 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._scopeRow_1a6mf_94 {
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--bg-primary);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._scopeRowHeader_1a6mf_94 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

._scopeRowTitle_1a6mf_156 {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 650;
}

._scopeRowDescription_1a6mf_162 {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

._scopeControls_1a6mf_169 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

._orderHint_1a6mf_175 {
  padding: 10px 12px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color) 7%, var(--bg-primary));
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

._field_1a6mf_184 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._label_1a6mf_190 {
  font-size: 13px;
  color: var(--text-secondary);
}

._timeInput_1a6mf_195 {
  min-width: 180px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-size: 14px;
}

._actionsRow_1a6mf_205 {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

._saveNotice_1a6mf_212 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--accent-color) 24%, var(--border));
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color) 7%, var(--bg-primary));
  color: var(--text-secondary);
  font-size: 13px;
}

._helperText_1a6mf_225 {
  font-size: 12px;
  color: var(--text-tertiary);
}

._empty_1a6mf_230 {
  padding: 20px 0;
  color: var(--text-secondary);
}

._executionList_1a6mf_235 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._executionItem_1a6mf_241 {
  background: var(--bg-primary);
  border: 1px solid var(--border);
  border-radius: 12px;
}

._executionToggle_1a6mf_247 {
  width: 100%;
  padding: 14px;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

._executionHeader_1a6mf_256 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

._executionHeaderLeft_1a6mf_263 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._executionTime_1a6mf_269,
._executionCount_1a6mf_270 {
  font-size: 12px;
  color: var(--text-tertiary);
}

._executionSummary_1a6mf_275 {
  margin-top: 8px;
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.5;
}

._executionDetailList_1a6mf_282 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 14px 14px;
}

._executionDetailItem_1a6mf_289 {
  padding-top: 12px;
  border-top: 1px solid var(--border);
}

._executionDetailHeader_1a6mf_294 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

._executionDetailName_1a6mf_301 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

._executionDetailSummary_1a6mf_307 {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-secondary);
}

._advancedToggle_1a6mf_314 {
  margin-top: 12px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  cursor: pointer;
}

._advancedPanel_1a6mf_327 {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed var(--border);
}

._candidateList_1a6mf_333 {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._candidateTitle_1a6mf_340 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}

._candidateSummary_1a6mf_346 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

._candidateTargetSummary_1a6mf_353 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

._candidateSummaryChip_1a6mf_359 {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid var(--border);
  font-size: 11px;
  color: var(--text-secondary);
  background: var(--bg-primary);
}

._candidateTargetChip_1a6mf_370 {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid var(--border);
  font-size: 11px;
  color: var(--text-tertiary);
  background: var(--bg-secondary);
}

._candidateTarget_topic_1a6mf_381 {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color) 35%, var(--border));
  background: color-mix(in srgb, var(--accent-color) 8%, var(--bg-secondary));
}

._budgetStatusList_1a6mf_387 {
  margin-top: 10px;
}

._budgetChips_1a6mf_391 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

._budgetChip_1a6mf_391 {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid var(--border);
  font-size: 11px;
  color: var(--text-secondary);
  background: var(--bg-secondary);
}

._budgetStatus_healthy_1a6mf_409 {
  color: var(--color-success, #22c55e);
  border-color: color-mix(in srgb, var(--color-success, #22c55e) 35%, var(--border));
}

._budgetStatus_warning_1a6mf_414 {
  color: var(--color-warning, #eab308);
  border-color: color-mix(in srgb, var(--color-warning, #eab308) 45%, var(--border));
  background: var(--color-warning-light, rgba(234, 179, 8, 0.1));
}

._budgetStatus_over_1a6mf_420 {
  color: var(--color-danger, #ef4444);
  border-color: color-mix(in srgb, var(--color-danger, #ef4444) 45%, var(--border));
  background: color-mix(in srgb, var(--color-danger, #ef4444) 10%, var(--bg-secondary));
}

._budgetPolicyNotice_1a6mf_426 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--border);
  font-size: 12px;
  line-height: 1.4;
  color: var(--text-secondary);
}

._budgetPolicyMode_1a6mf_440 {
  font-weight: 600;
  color: var(--text-primary);
}

._budgetPolicy_conservative_1a6mf_445 {
  border-color: color-mix(in srgb, var(--color-warning, #eab308) 35%, var(--border));
  background: var(--color-warning-light, rgba(234, 179, 8, 0.1));
}

._budgetPolicy_overBudget_1a6mf_450 {
  border-color: color-mix(in srgb, var(--color-danger, #ef4444) 35%, var(--border));
  background: color-mix(in srgb, var(--color-danger, #ef4444) 8%, var(--bg-secondary));
}

._observabilitySection_1a6mf_455 {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--bg-secondary) 72%, var(--bg-primary));
}

._observabilityTitle_1a6mf_463 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}

._observabilityBlock_1a6mf_469 {
  margin-top: 8px;
}

._observabilityLabel_1a6mf_473 {
  margin-bottom: 6px;
  font-size: 11px;
  color: var(--text-tertiary);
}

._observabilityChips_1a6mf_479,
._pathList_1a6mf_480 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

._observabilityChip_1a6mf_479,
._observabilityChipStrong_1a6mf_488,
._pathChip_1a6mf_489,
._signalChip_1a6mf_490,
._reviewChip_1a6mf_491,
._decisionChip_1a6mf_492 {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid var(--border);
  font-size: 11px;
  color: var(--text-secondary);
  background: var(--bg-primary);
}

._observabilityChipStrong_1a6mf_488 {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color) 30%, var(--border));
  background: color-mix(in srgb, var(--accent-color) 7%, var(--bg-primary));
}

._pathChip_1a6mf_489 {
  max-width: 100%;
  font-family: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  color: var(--text-tertiary);
}

._signalChip_1a6mf_490 {
  color: var(--color-warning, #eab308);
  border-color: color-mix(in srgb, var(--color-warning, #eab308) 35%, var(--border));
}

._reviewChip_1a6mf_491,
._decision_needs_review_1a6mf_521 {
  color: var(--color-danger, #ef4444);
  border-color: color-mix(in srgb, var(--color-danger, #ef4444) 35%, var(--border));
  background: color-mix(in srgb, var(--color-danger, #ef4444) 7%, var(--bg-primary));
}

._decision_promoted_1a6mf_527,
._decision_merged_1a6mf_528 {
  color: rgb(16, 185, 129);
  border-color: rgba(16, 185, 129, 0.35);
}

._decision_discarded_1a6mf_533,
._decision_deferred_1a6mf_534 {
  color: var(--text-tertiary);
}

._observabilityNotice_1a6mf_538 {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-tertiary);
}

._decisionList_1a6mf_545,
._diagnosticList_1a6mf_546 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

._decisionItem_1a6mf_553,
._diagnosticItem_1a6mf_554 {
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-secondary);
}

._decisionHeader_1a6mf_561 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: flex-start;
}

._decisionText_1a6mf_568 {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-primary);
}

._diagnosticItem_1a6mf_554 {
  display: flex;
  gap: 8px;
  align-items: baseline;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-secondary);
}

._diagnostic_warning_1a6mf_583 {
  border-color: color-mix(in srgb, var(--color-warning, #eab308) 35%, var(--border));
}

._diagnostic_error_1a6mf_587 {
  border-color: color-mix(in srgb, var(--color-danger, #ef4444) 35%, var(--border));
}

._diagnosticCode_1a6mf_591 {
  flex: 0 0 auto;
  font-family: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 11px;
  color: var(--text-tertiary);
}

._candidateItem_1a6mf_598 {
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-secondary);
}

._candidateHeader_1a6mf_605 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: flex-start;
}

._candidateText_1a6mf_612 {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-primary);
}

._candidateDisposition_1a6mf_618 {
  flex: 0 0 auto;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 11px;
  border: 1px solid var(--border);
  color: var(--text-secondary);
}

._candidateDisposition_promoted_1a6mf_627 {
  color: rgb(16, 185, 129);
  border-color: rgba(16, 185, 129, 0.35);
}

._candidateDisposition_deferred_1a6mf_632 {
  color: rgb(245, 158, 11);
  border-color: rgba(245, 158, 11, 0.35);
}

._candidateDisposition_skipped_1a6mf_637,
._candidateDisposition_duplicate_1a6mf_638 {
  color: var(--text-tertiary);
}

._candidateMeta_1a6mf_642,
._candidateReason_1a6mf_643 {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-tertiary);
}

._candidateMeta_1a6mf_642 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._fileChipList_1a6mf_656 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}

._fileChip_1a6mf_656 {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  font-size: 12px;
  color: var(--text-secondary);
  cursor: pointer;
}

._fileChipActive_1a6mf_675 {
  background: var(--bg-primary);
  border-color: var(--accent-color);
  color: var(--text-primary);
}

._fileChipDisabled_1a6mf_681 {
  opacity: 0.5;
  cursor: default;
}

._topicEntry_1a6mf_686 {
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--accent-color) 30%, var(--border));
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-color) 7%, var(--bg-primary));
}

._topicEntryHeader_1a6mf_693 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._topicEntryTitle_1a6mf_699 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}

._topicEntryCount_1a6mf_705 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent-color) 14%, var(--bg-secondary));
  color: var(--accent-color);
  font-size: 11px;
  font-weight: 600;
}

._topicEntryDescription_1a6mf_719 {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-secondary);
}

._topicEntryList_1a6mf_726 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

._topicEntryPath_1a6mf_733 {
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--accent-color) 28%, var(--border));
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-family: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 11px;
}

._diffHeader_1a6mf_743 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

._diffHeaderPath_1a6mf_750 {
  font-size: 12px;
  color: var(--text-secondary);
  font-family: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
}

._diffCloseButton_1a6mf_756 {
  padding: 0 4px;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 16px;
  cursor: pointer;
  line-height: 1;
}

._fileList_1a6mf_766 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._fileItem_1a6mf_772 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 14px;
  background: var(--bg-primary);
  border: 1px solid var(--border);
  border-radius: 12px;
}

._filePath_1a6mf_783 {
  font-size: 14px;
  color: var(--text-primary);
}

._fileSummary_1a6mf_788 {
  margin-top: 4px;
  font-size: 12px;
  color: var(--text-secondary);
}

._diffToggle_1a6mf_794 {
  padding: 0;
  border: none;
  background: transparent;
  color: var(--accent-color);
  font-size: 12px;
  cursor: pointer;
  margin-top: 6px;
}

._diffBlock_1a6mf_804 {
  margin-top: 8px;
  padding: 10px 12px;
  background: var(--bg-primary);
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow-x: auto;
  max-height: 300px;
  overflow-y: auto;
}

._diffContent_1a6mf_815 {
  margin: 0;
  font-family: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 12px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-all;
}

._diffLineAdd_1a6mf_824 {
  color: rgb(16, 185, 129);
}

._diffLineRemove_1a6mf_828 {
  color: rgb(239, 68, 68);
}

._diffLineMeta_1a6mf_832 {
  color: var(--text-tertiary);
  font-weight: 600;
}

._spinningIcon_1a6mf_837 {
  animation: _spin_1a6mf_837 1s linear infinite;
}

._statusInline_1a6mf_841 {
  color: var(--text-tertiary);
  font-size: 12px;
  margin-left: auto;
}

@media (max-width: 900px) {
  ._summaryBar_1a6mf_8 {
    align-items: stretch;
    flex-direction: column;
  }

  ._summaryActions_1a6mf_55 {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  ._summaryBar_1a6mf_8,
  ._progress_1a6mf_62,
  ._card_1a6mf_75 {
    margin-left: 16px;
    margin-right: 16px;
  }

  ._card_1a6mf_75 {
    padding: 16px;
  }

  ._cardHeader_1a6mf_86,
  ._scopeRowHeader_1a6mf_94 {
    align-items: center;
    gap: 12px;
  }

  ._scopeRow_1a6mf_94 {
    padding: 12px;
  }
}

._progressDone_1a6mf_881 {
  color: var(--text-success, #22c55e);
}

@keyframes _spin_1a6mf_837 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

._sourceSection_1a6mf_890 {
  margin-top: 10px;
}

._sourceTitle_1a6mf_894 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}

._sourceText_1a6mf_900 {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-left: 6px;
}

._sourceDate_1a6mf_906 {
  font-size: 11px;
  color: var(--text-tertiary);
  margin-left: 6px;
}

._sourceChips_1a6mf_912 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  align-items: baseline;
}

._sourceChip_1a6mf_912 {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid var(--border);
  font-size: 11px;
  color: var(--text-secondary);
  background: var(--bg-secondary);
}

._sourceChipGroup_1a6mf_931 {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--accent-color) 28%, var(--border));
  background: color-mix(in srgb, var(--accent-color) 7%, var(--bg-secondary));
  font-size: 11px;
  color: var(--accent-color);
}

._sourceChipDetail_1a6mf_942 {
  font-size: 11px;
  color: var(--text-tertiary);
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._wrapper_191f8_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

._input_191f8_8 {
  padding: var(--space-2, 8px) var(--space-3, 12px);
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg, 8px);
  color: var(--text-primary);
  font-size: var(--font-md, 14px);
  font-family: inherit;
  transition: border-color var(--duration-fast, 0.15s) var(--ease-out, ease),
              box-shadow var(--duration-fast, 0.15s) var(--ease-out, ease);
}

._input_191f8_8::placeholder {
  color: var(--text-tertiary);
}

._input_191f8_8:hover {
  border-color: var(--border-strong);
}

._input_191f8_8:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--bg-primary);
  box-shadow: var(--focus-ring);
}

._input_191f8_8:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._input--error_191f8_40 {
  border-color: var(--color-error);
}

._input--error_191f8_40:focus {
  border-color: var(--color-error);
  box-shadow: 0 0 0 3px var(--color-error-light);
}

._error_191f8_49 {
  font-size: var(--font-sm, 12px);
  color: var(--color-error);
}

._helperText_191f8_54 {
  font-size: var(--font-sm, 12px);
  color: var(--text-tertiary);
}
._container_uhhln_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._content_uhhln_7 {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._loading_uhhln_16 {
  color: var(--text-tertiary);
  text-align: center;
  padding: 48px 0;
}

/* ---------------------------------------------------------------------------
 * Hint banner
 * --------------------------------------------------------------------------- */

._hint_uhhln_26 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-md);
  background: var(--bg-secondary);
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.5;
  flex-shrink: 0;
}

/* ---------------------------------------------------------------------------
 * Empty state
 * --------------------------------------------------------------------------- */

._empty_uhhln_43 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  text-align: center;
}

._emptyIcon_uhhln_52 {
  color: var(--text-tertiary);
  opacity: 0.4;
}

._emptyText_uhhln_57 {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.6;
  max-width: 340px;
}

/* ---------------------------------------------------------------------------
 * Channel list
 * --------------------------------------------------------------------------- */

._channelList_uhhln_68 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._channelCard_uhhln_74 {
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color 0.15s;
}

._channelCard_uhhln_74:hover {
  border-color: var(--border-focus);
}

._cardHeader_uhhln_88 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._platformIcon_uhhln_94 {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._platformIconWechat_uhhln_104 {
  background: #07c160;
  color: white;
}

._platformIconWecom_uhhln_109 {
  background: #2b7ce9;
  color: white;
}

._platformIconFeishu_uhhln_114 {
  background: color-mix(in srgb, var(--bg-secondary) 72%, transparent);
  color: inherit;
}

._cardInfo_uhhln_119 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

._platformName_uhhln_127 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}

._targetLabel_uhhln_133 {
  font-size: 12px;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._targetHint_uhhln_141 {
  font-size: 12px;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._createdAt_uhhln_149 {
  font-size: 12px;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ---------------------------------------------------------------------------
 * Status badge
 * --------------------------------------------------------------------------- */

._statusBadge_uhhln_161 {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 10px;
  flex-shrink: 0;
  white-space: nowrap;
}

._status-connected_uhhln_172 {
  color: var(--green-500);
  background: color-mix(in srgb, var(--green-500) 10%, transparent);
}

._status-disconnected_uhhln_177,
._status-idle_uhhln_178 {
  color: var(--text-tertiary);
  background: var(--bg-secondary);
}

._status-connecting_uhhln_183,
._status-reconnecting_uhhln_184 {
  color: var(--purple-500);
  background: color-mix(in srgb, var(--purple-500) 10%, transparent);
}

._status-auth_failed_uhhln_189 {
  color: var(--red-500);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
}

/* ---------------------------------------------------------------------------
 * Card actions
 * --------------------------------------------------------------------------- */

._cardActions_uhhln_198 {
  display: flex;
  gap: 8px;
  padding-top: 4px;
  border-top: 1px solid var(--border-primary);
}

/* ---------------------------------------------------------------------------
 * Edit target card
 * --------------------------------------------------------------------------- */

._editTargetCard_uhhln_209 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--border-primary);
}

/* ---------------------------------------------------------------------------
 * Bind flow
 * --------------------------------------------------------------------------- */

._bindFlow_uhhln_221 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Steps indicator */
._stepsIndicator_uhhln_228 {
  display: flex;
  gap: 4px;
  align-items: center;
}

._stepDot_uhhln_234 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--radius-md);
  font-size: 12px;
  color: var(--text-tertiary);
  background: var(--bg-secondary);
}

._stepDotActive_uhhln_245 {
  color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
  font-weight: 500;
}

._stepNum_uhhln_251 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  background: var(--bg-tertiary);
}

._stepDotActive_uhhln_245 ._stepNum_uhhln_251 {
  background: var(--color-primary);
  color: white;
}

._stepTitle_uhhln_268 {
  font-size: 12px;
}

/* Step content */
._stepContent_uhhln_273 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._field_uhhln_279 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._field_uhhln_279 label {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

._fieldHint_uhhln_291 {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: var(--text-tertiary);
}

._stepActions_uhhln_298 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 8px;
}

/* ---------------------------------------------------------------------------
 * Target kind selection
 * --------------------------------------------------------------------------- */

._targetKind_uhhln_309 {
  display: flex;
  gap: 12px;
}

._kindBtn_uhhln_314 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: var(--text-primary);
  transition: all 0.15s;
}

._kindBtn_uhhln_314:hover {
  border-color: var(--border-focus);
}

._kindBtnActive_uhhln_333 {
  border-color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 5%, transparent);
}

._kindBtn_uhhln_314 > svg {
  margin-top: 2px;
  opacity: 0.3;
}

._kindBtnActive_uhhln_333 > svg {
  opacity: 1;
  color: var(--color-primary);
}

._kindBtn_uhhln_314 div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._kindBtn_uhhln_314 strong {
  font-size: 13px;
  font-weight: 500;
}

._kindBtn_uhhln_314 span {
  font-size: 12px;
  color: var(--text-tertiary);
}

/* ---------------------------------------------------------------------------
 * Summary
 * --------------------------------------------------------------------------- */

._summary_uhhln_368 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  background: var(--bg-secondary);
}

._summaryRow_uhhln_378 {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: 13px;
}

._summaryLabel_uhhln_385 {
  color: var(--text-tertiary);
  min-width: 70px;
  flex-shrink: 0;
}

._mono_uhhln_391 {
  font-family: var(--font-mono);
  font-size: 12px;
}

/* ---------------------------------------------------------------------------
 * Test result
 * --------------------------------------------------------------------------- */

._testResult_uhhln_400 {
  min-height: 48px;
}

._testing_uhhln_404 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 13px;
  padding: 12px;
}

._testSuccess_uhhln_413 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--green-500) 10%, transparent);
  color: var(--green-500);
  font-size: 13px;
}

._testFailed_uhhln_424 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 14px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
  color: var(--red-500);
  font-size: 13px;
}

._testFailed_uhhln_424 p {
  margin: 2px 0 0;
  font-size: 12px;
  opacity: 0.8;
}

/* ---------------------------------------------------------------------------
 * Method choice (scan / manual)
 * --------------------------------------------------------------------------- */

._methodChoice_uhhln_445 {
  display: flex;
  gap: 12px;
}

._methodCard_uhhln_450 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 24px 16px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  background: transparent;
  cursor: pointer;
  font: inherit;
  text-align: center;
  transition: all 0.15s;
}

._methodCard_uhhln_450:hover {
  border-color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 5%, transparent);
}

._methodCardDisabled_uhhln_471,
._methodCardDisabled_uhhln_471:hover,
._methodCard_uhhln_450:disabled,
._methodCard_uhhln_450:disabled:hover {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
  border-color: var(--border-primary);
  background: transparent;
}

._methodIcon_uhhln_482 {
  font-size: 28px;
  line-height: 1;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

._methodTitle_uhhln_491 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}

._methodDesc_uhhln_497 {
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1.5;
}

/* ---------------------------------------------------------------------------
 * QR code section
 * --------------------------------------------------------------------------- */

._qrcodeSection_uhhln_507 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

._qrImage_uhhln_514 {
  padding: 16px;
  background: white;
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
}

._qrHint_uhhln_523 {
  font-size: 13px;
  color: var(--text-secondary);
  text-align: center;
}

._qrLoading_uhhln_529 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 13px;
  padding: 24px 0;
}

._error_uhhln_538 {
  font-size: 13px;
  color: var(--red-500);
  text-align: center;
  padding: 8px 12px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--red-500) 10%, transparent);
}
._state_13w3v_1 {
  border: 1px dashed var(--border-primary, var(--border));
  border-radius: 14px;
  padding: 28px;
  color: var(--text-secondary);
  text-align: center;
  font-size: 14px;
}

._compact_13w3v_10 {
  padding: 18px;
  font-size: 13px;
}

._loading_13w3v_15 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._error_13w3v_22 {
  color: var(--error, var(--danger-color));
}

._spin_13w3v_26 {
  animation: _spin_13w3v_26 1s linear infinite;
}

@keyframes _spin_13w3v_26 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}._panel_9eb8i_1 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  padding: 24px;
  box-sizing: border-box;
  color: var(--text-primary);
}

._trustLine_9eb8i_13 {
  color: var(--text-secondary);
  font-size: 13px;
}

._filters_9eb8i_18 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

._filterGroup_9eb8i_24 {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--border-primary);
  border-radius: 999px;
  background: var(--bg-tertiary, var(--bg-secondary));
}

._filterButton_9eb8i_33 {
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--text-secondary);
  padding: 6px 11px;
  font-size: 13px;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

._filterButton_9eb8i_33:hover {
  background: var(--bg-secondary);
  color: var(--text-primary);
}

._filterButton_9eb8i_33:focus-visible,
._dangerButton_9eb8i_51:focus-visible {
  outline: 2px solid var(--accent-primary);
  outline-offset: 2px;
}

._filterButtonActive_9eb8i_56 {
  background: var(--accent-primary, #2563eb);
  border-color: var(--accent-primary);
  color: var(--accent-foreground, #ffffff);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

._filterButtonActive_9eb8i_56:hover {
  background: var(--accent-primary, #2563eb);
  color: var(--accent-foreground, #ffffff);
}

._metricGrid_9eb8i_68 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

._metricCard_9eb8i_74,
._card_9eb8i_75 {
  border: 1px solid var(--border-primary);
  border-radius: 14px;
  background: var(--bg-secondary);
  padding: 16px;
}

._metricLabel_9eb8i_82,
._cardHint_9eb8i_83 {
  color: var(--text-secondary);
  font-size: 12px;
}

._metricValue_9eb8i_88 {
  margin-top: 8px;
  font-size: 24px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

._sectionGrid_9eb8i_95 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

._cardTitle_9eb8i_101 {
  font-weight: 650;
  margin-bottom: 12px;
}

._list_9eb8i_106 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._row_9eb8i_112 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  font-size: 13px;
}

._row_9eb8i_112 > span:first-child,
._row_9eb8i_112 > div:first-child:not(._sessionCell_9eb8i_121) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._row_9eb8i_112 > span:last-child,
._row_9eb8i_112 > div:last-child {
  white-space: nowrap;
}

._rowMeta_9eb8i_133 {
  color: var(--text-secondary);
}

._sessionCell_9eb8i_121 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

._sessionName_9eb8i_144 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-weight: 550;
}

._numericValue_9eb8i_153 {
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}

._insights_9eb8i_158 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 13px;
}

._activityHeader_9eb8i_166 {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 14px;
}

._activityHeader_9eb8i_166 ._cardTitle_9eb8i_101 {
  margin-bottom: 4px;
}

._activityCard_9eb8i_178 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._activityScroll_9eb8i_184 {
  overflow: hidden;
  padding: 4px 0 4px;
}

._activityHeatMap_9eb8i_189 {
  width: 100%;
  min-width: 0;
  height: auto;
  color: var(--text-secondary);
  font-family: inherit;
}

._activityHeatMap_9eb8i_189 .react-calendar-heatmap {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

._activityHeatMap_9eb8i_189 .react-calendar-heatmap rect {
  rx: 3px;
  stroke: var(--border-primary);
  stroke-width: 1px;
  transition: stroke 120ms ease, stroke-width 120ms ease;
}

._activityHeatMap_9eb8i_189 .react-calendar-heatmap rect:hover {
  stroke: var(--accent-primary, #2563eb);
}

._activityHeatMap_9eb8i_189 .react-calendar-heatmap text {
  fill: var(--text-secondary);
  font-family: inherit;
}

._activityHeatMap_9eb8i_189 .react-calendar-heatmap-month-label {
  transform: translateY(2px);
}

._activityLevel0_9eb8i_224 {
  fill: var(--bg-tertiary, var(--bg-secondary));
}

._activityLevel1_9eb8i_228 {
  fill: rgba(37, 99, 235, 0.28);
}

._activityLevel2_9eb8i_232 {
  fill: rgba(37, 99, 235, 0.48);
}

._activityLevel3_9eb8i_236 {
  fill: rgba(37, 99, 235, 0.68);
}

._activityLevel4_9eb8i_240 {
  fill: var(--accent-primary, #2563eb);
}

._activityLegendCell_9eb8i_244 {
  width: 11px;
  height: 11px;
  border: 1px solid var(--border-primary);
  border-radius: 3px;
  background: var(--bg-tertiary, var(--bg-secondary));
}

._activityLegendCell_9eb8i_244[data-level="1"] {
  background: rgba(37, 99, 235, 0.28);
}

._activityLegendCell_9eb8i_244[data-level="2"] {
  background: rgba(37, 99, 235, 0.48);
}

._activityLegendCell_9eb8i_244[data-level="3"] {
  background: rgba(37, 99, 235, 0.68);
}

._activityLegendCell_9eb8i_244[data-level="4"] {
  background: var(--accent-primary, #2563eb);
}

._activityEmpty_9eb8i_268 {
  border: 1px dashed var(--border-primary);
  border-radius: 12px;
  padding: 18px;
  color: var(--text-secondary);
  font-size: 13px;
  text-align: center;
}

._activityLegend_9eb8i_244,
._activitySummary_9eb8i_278 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 12px;
}

._activityLegend_9eb8i_244 {
  gap: 5px;
}

._activitySummary_9eb8i_278 {
  border-top: 1px solid var(--border-primary);
  padding-top: 12px;
}

._activitySummary_9eb8i_278 > span:not(:last-child)::after {
  content: "·";
  margin-left: 8px;
  color: var(--text-tertiary, var(--text-secondary));
}

._footerActions_9eb8i_302 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--border-primary);
  padding-top: 14px;
}

._dangerButton_9eb8i_51 {
  border: 1px solid var(--danger, #ef4444);
  border-radius: 10px;
  background: transparent;
  color: var(--danger, #ef4444);
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

._dangerButton_9eb8i_51:hover {
  background: color-mix(in srgb, var(--danger, #ef4444) 10%, transparent);
}

._empty_9eb8i_324 {
  border: 1px dashed var(--border-primary);
  border-radius: 14px;
  padding: 28px;
  color: var(--text-secondary);
  text-align: center;
}

@media (max-width: 900px) {
  ._metricGrid_9eb8i_68,
  ._sectionGrid_9eb8i_95 {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 720px) {
  ._panel_9eb8i_1 {
    gap: 14px;
    padding: 16px;
  }

  ._filters_9eb8i_18 {
    gap: 6px;
  }

  ._filterGroup_9eb8i_24 {
    width: 100%;
  }

  ._filterButton_9eb8i_33 {
    flex: 1;
    min-height: 36px;
    padding: 7px 12px;
  }

  ._metricCard_9eb8i_74,
  ._card_9eb8i_75 {
    border-radius: 12px;
    padding: 14px;
  }

  ._metricValue_9eb8i_88 {
    font-size: 22px;
  }

  ._activityHeader_9eb8i_166 {
    flex-direction: column;
    align-items: stretch;
  }

  ._footerActions_9eb8i_302 {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  ._dangerButton_9eb8i_51 {
    min-height: 40px;
    width: 100%;
  }
}

@media (max-width: 420px) {
  ._panel_9eb8i_1 {
    padding: 12px;
  }

  ._row_9eb8i_112 {
    gap: 8px;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._activityCell_9eb8i_399 {
    transition: none;
  }

  ._activityCell_9eb8i_399:hover {
    transform: none;
  }
}

/* 常用话术卡片 */
._phraseCell_9eb8i_409 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

._phraseContent_9eb8i_416 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
}

._phraseMeta_9eb8i_424 {
  color: var(--text-secondary);
  font-size: 12px;
}

._addButton_9eb8i_429 {
  border: 1px solid var(--accent-primary);
  border-radius: 8px;
  background: transparent;
  color: var(--accent-primary);
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 120ms ease, color 120ms ease;
}

._addButton_9eb8i_429:hover {
  background: var(--accent-primary);
  color: var(--accent-foreground, #ffffff);
}

._addButton_9eb8i_429:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._toast_9eb8i_451 {
  position: absolute;
  top: 12px;
  right: 16px;
  background: var(--bg-tertiary, var(--bg-secondary));
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  color: var(--text-primary);
  z-index: 10;
  animation: _toastFadeIn_9eb8i_1 150ms ease;
}

@keyframes _toastFadeIn_9eb8i_1 {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}._panel_7ofhk_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  color: var(--text-primary);
}

._content_7ofhk_9 {
  flex: 1;
  overflow-y: auto;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ─── Loading state ─── */

._loadingState_7ofhk_20 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 60px 0;
  color: var(--text-secondary);
  font-size: 14px;
}

/* ─── Error state ─── */

._errorState_7ofhk_33 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 0;
  color: var(--text-secondary);
  font-size: 14px;
}

/* ─── Total usage ─── */

._totalSection_7ofhk_46 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 10px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
}

._totalLabel_7ofhk_56 {
  font-size: 13px;
  color: var(--text-secondary);
}

._totalValue_7ofhk_61 {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-primary);
}

/* ─── Region cards ─── */

._regionsList_7ofhk_69 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._regionCard_7ofhk_75 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  border-radius: 10px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  transition: border-color 0.15s ease;
}

._regionCard_7ofhk_75 + ._regionCard_7ofhk_75 {
  margin-top: 10px;
}

._regionCard_7ofhk_75:hover {
  border-color: var(--border-hover, var(--border));
}

/* ─── Region header row ─── */

._regionHeader_7ofhk_96 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._regionIcon_7ofhk_102 {
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
}

._regionName_7ofhk_108 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._regionTotal_7ofhk_119 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

/* ─── Safety badge ─── */

._safetyBadge_7ofhk_129 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  flex-shrink: 0;
}

._safetySafe_7ofhk_140 {
  background: color-mix(in srgb, var(--green, #22c55e) 12%, transparent);
  color: var(--green, #22c55e);
}

._safetyCaution_7ofhk_145 {
  background: color-mix(in srgb, var(--yellow, #eab308) 12%, transparent);
  color: var(--yellow, #eab308);
}

._safetyText_7ofhk_150 {
  line-height: 1;
}

/* ─── Region description ─── */

._regionDescription_7ofhk_156 {
  margin: 0;
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.4;
}

/* ─── Region action row ─── */

._regionAction_7ofhk_165 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  flex-wrap: wrap;
}

._daysPrefix_7ofhk_173 {
  font-size: 13px;
  color: var(--text-tertiary, var(--text-secondary));
  white-space: nowrap;
}

/* ─── Days selector ─── */

._daysSelector_7ofhk_181 {
  position: relative;
  display: inline-flex;
  align-items: center;
}

._daysSelect_7ofhk_181 {
  appearance: none;
  -webkit-appearance: none;
  padding: 4px 28px 4px 10px;
  border-radius: 6px;
  border: 1px solid var(--border);
  background: var(--bg-tertiary, var(--bg-primary));
  color: var(--text-primary);
  font-size: 13px;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  transition: border-color 0.15s ease;
}

._daysSelect_7ofhk_181:hover {
  border-color: var(--border-hover, var(--accent, #4f9cf7));
}

._daysSelect_7ofhk_181:focus-visible {
  border-color: var(--accent, #4f9cf7);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent, #4f9cf7) 30%, transparent);
}

._daysSelect_7ofhk_181:disabled {
  opacity: 0.5;
  cursor: default;
}

._daysChevron_7ofhk_216 {
  position: absolute;
  right: 8px;
  pointer-events: none;
  color: var(--text-tertiary, var(--text-secondary));
}

/* ─── Cleanable amount ─── */

._cleanableAmount_7ofhk_225 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
  flex: 1;
  min-width: 60px;
}

/* ─── Orphan cleanup row (conversation_logs 专属) ─── */

._orphanIcon_7ofhk_236 {
  font-size: 13px;
  color: var(--green, #22c55e);
  flex-shrink: 0;
}

._orphanLabel_7ofhk_242 {
  font-size: 13px;
  color: var(--text-tertiary, var(--text-secondary));
  white-space: nowrap;
}

/* ─── Region note ─── */

._regionNote_7ofhk_250 {
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--text-tertiary, var(--text-secondary));
  line-height: 1.4;
}

/* ─── Refresh button ─── */

._refreshLabel_7ofhk_259 {
  font-size: 13px;
}

/* ─── Animation ─── */

._spin_7ofhk_265 {
  animation: _spin_7ofhk_265 1s linear infinite;
}

@keyframes _spin_7ofhk_265 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ─── Dark theme adjustments ─── */

@media (prefers-color-scheme: dark) {
  ._daysSelect_7ofhk_181 {
    /* Ensure dropdown is readable in dark mode */
    background: var(--bg-tertiary, #2a2a2a);
  }
}
/**
 * Settings 公共样式
 * 所有 settings panel 共用的样式变量和类
 */

/* ============================================
   Legacy 变量补充（映射到 Design Tokens）
   ============================================ */

:root {
  /* 颜色层级 */
  --bg-hover: var(--hover-bg);
  --bg-active: var(--active-bg);

  /* Border 统一使用 --border */

  /* Accent 颜色 */
  --accent-color: var(--accent-purple);
  --accent-color-light: var(--color-primary-light);
  --accent-color-medium: var(--color-primary-medium);

  /* 状态颜色 */
  --success: var(--accent-green);
  --error: var(--accent-red);
}

/* --bg-tertiary 由 tokens/semantic.css 定义，无需在此重复 */

/* ============================================
   Panel 基础布局
   ============================================ */

._settings-panel_kzv99_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ============================================
   列表视图样式
   ============================================ */

._settings-header_kzv99_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}

._settings-title_kzv99_1 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

._settings-list_kzv99_1 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._settings-empty_kzv99_1 {
  color: var(--text-tertiary);
  font-size: 14px;
  text-align: center;
  padding: 32px 0;
}

/* ============================================
   列表项样式
   ============================================ */

._settings-item_kzv99_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  background: var(--bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--border);
  transition: all 0.2s ease;
}

._settings-item_kzv99_1:hover {
  border-color: var(--accent-color);
  background: var(--bg-hover);
}

._settings-item_kzv99_1._is-default_kzv99_1 {
  border-color: var(--accent-color);
}

._settings-item-info_kzv99_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1;
}

._settings-item-name_kzv99_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  color: var(--text-primary);
}

._settings-item-meta_kzv99_1 {
  font-size: 12px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}

._settings-item-actions_kzv99_1 {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
  margin-left: 12px;
}

/* ============================================
   默认徽章
   ============================================ */

._settings-badge_kzv99_1 {
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 12px;
  background: var(--accent-color);
  color: white;
}

._settings-badge-success_kzv99_1 {
  background: var(--success);
}

._settings-badge-error_kzv99_1 {
  background: var(--error);
}

/* ============================================
   表单视图样式
   ============================================ */

._settings-form-wrapper_kzv99_1 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
}

._settings-form-title_kzv99_1 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 20px 0;
}

/* ============================================
   表单字段样式
   ============================================ */

._settings-field_kzv99_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}

._settings-field_kzv99_1:last-child {
  margin-bottom: 0;
}

._settings-field-row_kzv99_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._settings-label_kzv99_1 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

._settings-hint_kzv99_1 {
  font-size: 12px;
  color: var(--text-tertiary);
}

/* ============================================
   输入控件样式
   ============================================ */

._settings-input_kzv99_1,
._settings-select_kzv99_1,
._settings-textarea_kzv99_1 {
  padding: 10px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 14px;
  font-family: inherit;
  transition: all 0.2s ease;
}

._settings-input_kzv99_1:focus,
._settings-select_kzv99_1:focus,
._settings-textarea_kzv99_1:focus {
  outline: none;
  border-color: var(--accent-color);
  background: var(--bg-primary);
}

._settings-input_kzv99_1::placeholder,
._settings-textarea_kzv99_1::placeholder {
  color: var(--text-tertiary);
}

._settings-select_kzv99_1 {
  cursor: pointer;
}

._settings-textarea_kzv99_1 {
  resize: vertical;
  width: 100%;
  min-height: 100px;
}

/* ============================================
   Checkbox 自定义样式
   ============================================ */

._settings-checkbox_kzv99_1 {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

._settings-checkbox-input_kzv99_1 {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid var(--border);
  border-radius: 4px;
  background: var(--bg-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

._settings-checkbox-input_kzv99_1:hover {
  border-color: var(--accent-color);
}

._settings-checkbox-input_kzv99_1:checked {
  background: var(--accent-color);
  border-color: var(--accent-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

._settings-checkbox-input_kzv99_1:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--accent-color-light);
}

/* ============================================
   Toggle 开关样式
   ============================================ */

._settings-toggle_kzv99_1 {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  cursor: pointer;
}

._settings-toggle-input_kzv99_1 {
  opacity: 0;
  width: 0;
  height: 0;
}

._settings-toggle-track_kzv99_1 {
  position: absolute;
  inset: 0;
  background: var(--bg-tertiary);
  border-radius: 11px;
  transition: background 0.2s ease;
}

._settings-toggle-track_kzv99_1::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
}

._settings-toggle-input_kzv99_1:checked + ._settings-toggle-track_kzv99_1 {
  background: var(--accent-color);
}

._settings-toggle-input_kzv99_1:checked + ._settings-toggle-track_kzv99_1::after {
  transform: translateX(18px);
}

/* ============================================
   Footer 样式
   ============================================ */

._settings-footer_kzv99_1 {
  display: flex;
  gap: 10px;
  padding: 14px 24px;
  border-top: 1px solid var(--border);
  justify-content: flex-end;
  flex-shrink: 0;
  background: var(--bg-primary);
}

/* ============================================
   错误提示样式
   ============================================ */

._settings-error_kzv99_1 {
  font-size: 12px;
  color: var(--error);
  margin-top: 4px;
}

/* ============================================
   Slider 样式
   ============================================ */

._settings-slider-row_kzv99_1 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._settings-slider_kzv99_1 {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: var(--bg-tertiary);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

._settings-slider_kzv99_1::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--accent-color);
  cursor: pointer;
  transition: all 0.2s ease;
}

._settings-slider_kzv99_1::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 0 0 4px var(--accent-color-light);
}

._settings-slider_kzv99_1::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--accent-color);
  cursor: pointer;
  border: none;
}

._settings-number-input_kzv99_1 {
  width: 70px;
  padding: 6px 10px;
  font-size: 13px;
  text-align: center;
}

/* ============================================
   空状态样式
   ============================================ */

._settings-empty-state_kzv99_1 {
  font-size: 13px;
  color: var(--text-tertiary);
  padding: 16px;
  text-align: center;
  background: var(--bg-secondary);
  border-radius: 8px;
}

/* ============================================
   Section 分组标题样式
   ============================================ */

._settings-section_kzv99_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 0;
}

._settings-section_kzv99_1:first-child {
  padding-top: 0;
}

._settings-section-title_kzv99_1 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  margin: 0;
  letter-spacing: 0.02em;
}

._settings-section_kzv99_1 + ._settings-section_kzv99_1 {
  border-top: 1px solid var(--border);
  margin-top: 8px;
  padding-top: 20px;
}

._backdrop_kzv99_3 {
  backdrop-filter: var(--backdrop-blur);
}

._modal_kzv99_7 {
  border-radius: 12px;
  width: 90%;
  max-width: 960px;
  max-height: 92vh;
  height: clamp(560px, 76vh, 800px);
}

._header_kzv99_15 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 22px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}

._title_kzv99_24 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

._body_kzv99_31 {
  display: flex;
  height: clamp(520px, 72vh, 760px);
  overflow: hidden;
}

._panelContainer_kzv99_37 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._content_kzv99_44 {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}

._section_kzv99_50 {
  margin-bottom: 24px;
}

._section_kzv99_50:last-child {
  margin-bottom: 0;
}

._sectionTitle_kzv99_58 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 16px 0;
}

._field_kzv99_65 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

._field_kzv99_65:last-child {
  margin-bottom: 0;
}

._label_kzv99_76 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

._input_kzv99_82 {
  padding: 10px 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 14px;
  font-family: inherit;
  transition: all 0.2s;
}

._input_kzv99_82:focus {
  outline: none;
  border-color: var(--accent-purple);
  background: var(--surface);
}

._footer_kzv99_99 {
  display: flex;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid var(--border);
  justify-content: flex-end;
}

._slider_kzv99_107 {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: var(--bg-secondary);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

._slider_kzv99_107::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--accent-purple);
  cursor: pointer;
  transition: all 0.2s;
}

._slider_kzv99_107::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}

._slider_kzv99_107::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--accent-purple);
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}

._slider_kzv99_107::-moz-range-thumb:hover {
  transform: scale(1.2);
}

._checkboxField_kzv99_146 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

._checkboxField_kzv99_146 input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

._errorMessage_kzv99_160 {
  font-size: 13px;
  color: var(--error);
  margin-top: -8px;
  margin-bottom: 8px;
}

._mcpServer_kzv99_167 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background: var(--bg-secondary);
  border-radius: 8px;
  margin-bottom: 8px;
}

._mcpServer_kzv99_167 > div {
  display: flex;
  gap: 8px;
}

._mcpForm_kzv99_182 {
  margin-top: 16px;
  padding: 16px;
  background: var(--bg-secondary);
  border-radius: 8px;
}

/* ── 移动端：纵向布局，全屏弹框 ── */

@media (max-width: 768px) {
  ._backdrop_kzv99_3 {
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
  }

  ._modal_kzv99_7 {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    border-radius: 0;
    border: none;
  }

  ._body_kzv99_31 {
    flex-direction: column;
    height: auto;
    flex: 1;
  }
}


._panel_19770_1 {
  position: relative;
  flex: 0 0 300px;
  width: 300px;
  min-width: 268px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--border-default);
  background: var(--bg-primary);
  color: var(--text-primary);
  overflow: hidden;
}

._mobileBackdrop_19770_15 {
  display: none;
}

._tab_19770_19:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._tabsBar_19770_24 {
  flex-shrink: 0;
  box-sizing: border-box;
  height: 42px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border-bottom: 1px solid var(--border-default);
}

._mobileCloseButton_19770_34 {
  display: none;
}

._tabs_19770_24 {
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}

._tab_19770_19 {
  position: relative;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

._tab_19770_19:hover {
  color: var(--text-primary);
  background: var(--bg-secondary);
}

._tabActive_19770_64 {
  color: var(--text-primary);
  background: color-mix(in srgb, var(--color-primary) 4%, transparent);
  font-weight: 650;
}

._tabActive_19770_64::after {
  content: '';
  position: absolute;
  right: 18px;
  bottom: 3px;
  left: 18px;
  height: 2px;
  border-radius: 999px;
  background: var(--color-primary);
}

._body_19770_81 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px;
  scrollbar-color: transparent transparent;
}

._body_19770_81:hover,
._body_19770_81:focus-within {
  scrollbar-color: var(--scrollbar-thumb) transparent;
}

._body_19770_81::-webkit-scrollbar-thumb {
  background: transparent;
}

._body_19770_81:hover::-webkit-scrollbar-thumb,
._body_19770_81:focus-within::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}

._body_19770_81[hidden] {
  display: none;
}

/* ── Current tab panel: flex column with scroll area + fixed footer ── */
._currentPanel_19770_111 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._currentPanel_19770_111[hidden] {
  display: none;
}

._currentScrollArea_19770_123 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 10px 12px;
  scrollbar-color: transparent transparent;
}

._currentScrollArea_19770_123:hover,
._currentScrollArea_19770_123:focus-within {
  scrollbar-color: var(--scrollbar-thumb) transparent;
}

._currentScrollArea_19770_123::-webkit-scrollbar {
  width: 6px;
}

._currentScrollArea_19770_123::-webkit-scrollbar-thumb {
  background: transparent;
}

._currentScrollArea_19770_123:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}

._section_19770_149 {
  padding: 8px 10px;
  border: 1px solid var(--border-default);
  border-radius: 12px;
  background: color-mix(in srgb, var(--bg-secondary) 82%, var(--bg-primary));
}

._currentSection_19770_156 {
  padding: 10px 12px 12px;
  background: var(--bg-primary);
  border-color: color-mix(in srgb, var(--border-default) 58%, transparent);
}

._artifactSection_19770_162 {
  flex: 1 1 160px;
  min-width: 0;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--color-primary) 14%, var(--border-default));
  background:
    radial-gradient(circle at 18px 18px, color-mix(in srgb, var(--color-primary) 7%, transparent), transparent 34px),
    color-mix(in srgb, var(--bg-secondary) 76%, var(--bg-primary));
}

._section_19770_149 + ._section_19770_149 {
  margin-top: 10px;
}

._sectionHeader_19770_179 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--management-action-column-width, 48px);
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

._runStatusHeader_19770_187 {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 32px;
  margin-bottom: 6px;
}

._sectionTitle_19770_193 {
  margin: 0;
  font-size: 12px;
  font-weight: 650;
  color: var(--text-primary);
}

._emptyText_19770_200 {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-secondary);
}

._idleState_19770_207 {
  padding: 2px 0 0;
}

._metricRow_19770_211 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  line-height: 1.5;
}

._metricRow_19770_211 + ._metricRow_19770_211 {
  margin-top: 6px;
}

._metricInlineRow_19770_224 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._metricInlineRow_19770_224 ._metricRow_19770_211 {
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px;
}

._metricInlineRow_19770_224 ._metricRow_19770_211 + ._metricRow_19770_211 {
  margin-top: 0;
}

._metricInlineRow_19770_224 ._metricValue_19770_242 {
  max-width: 100%;
  text-align: left;
}

._metricLabel_19770_247 {
  color: var(--text-tertiary);
  white-space: nowrap;
  flex-shrink: 0;
}

._metricValue_19770_242 {
  min-width: 0;
  text-align: right;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._runTitle_19770_262 {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  color: var(--text-secondary);
  cursor: default;
  outline: none;
}

._runTitle_19770_262:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._runTitleText_19770_279 {
  min-width: 0;
  flex: 1;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._runTitleLabel_19770_290 {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 6px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
  color: var(--color-primary);
  font-size: 10px;
  font-weight: 600;
  vertical-align: 1px;
}

._statusRowRight_19770_302 {
  grid-column: 2;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

._statusRowLeft_19770_311 {
  min-width: 0;
  display: inline-flex;
  align-items: center;
}

._stopButton_19770_317 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 4px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

._stopButton_19770_317:hover {
  color: var(--color-danger, #ef4444);
  background: color-mix(in srgb, var(--color-danger, #ef4444) 8%, transparent);
}

._stopButton_19770_317:active {
  transform: scale(0.92);
}

._stopButton_19770_317:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._statusPill_19770_346 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 0;
  font-size: 11px;
  font-weight: 650;
  color: var(--text-secondary);
  background: transparent;
}

._configBadge_19770_358 {
  display: inline-flex;
  align-items: center;
  justify-self: end;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
  color: var(--text-tertiary);
  background: var(--bg-tertiary);
}

._capabilityList_19770_372 {
  display: grid;
  gap: 2px;
  margin-top: 8px;
}

._capabilityRow_19770_378 {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) var(--management-action-column-width, 48px);
  gap: 4px 6px;
  align-items: center;
  min-width: 0;
  padding: 6px 4px;
  border-radius: 6px;
}

._capabilityRow_19770_378:not(:last-child) {
  padding-bottom: 8px;
}

._capabilityActions_19770_392 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

._capabilityActionsInline_19770_400 {
  grid-column: 2 / -1;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  justify-self: stretch;
  gap: 8px;
  min-width: 0;
}

._capabilityActionColumn_19770_411 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  min-width: 0;
}

._capabilityLink_19770_419 {
  display: inline-flex;
  align-items: center;
  padding: 2px 4px;
  border: none;
  background: transparent;
  color: var(--color-primary);
  font-size: 11px;
  line-height: 1.4;
  cursor: pointer;
  white-space: nowrap;
}

._capabilityLink_19770_419:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

._capabilityLabel_19770_437 {
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 650;
}

._capabilityValue_19770_443 {
  min-width: 0;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.4;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._workspaceFileRow_19770_454 {
  grid-template-columns: minmax(0, 1fr) 56px var(--management-action-column-width, 48px);
}

._workspaceFileRow_19770_454 ._capabilityValue_19770_443 {
  color: var(--text-primary);
  font-size: 12px;
  text-align: left;
}

._workspaceFileRow_19770_454 ._capabilityLabel_19770_437 {
  white-space: nowrap;
}

._capabilityValueFull_19770_468 {
  grid-column: 1 / 3;
  min-width: 0;
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._capabilityMeta_19770_479 {
  justify-self: end;
  color: var(--text-tertiary);
  font-size: 11px;
  white-space: nowrap;
}

._statusDot_19770_486 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
}

._statusPill_running_19770_493 {
  color: var(--color-primary);
  background: transparent;
}

._statusPill_completed_19770_498 {
  color: var(--color-success);
  background: transparent;
}

._statusPill_failed_19770_503 {
  color: var(--color-danger, #ef4444);
  background: transparent;
}

._statusPill_stopped_19770_508 {
  color: var(--color-warning, #f59e0b);
  background: transparent;
}

._statusPill_idle_19770_513 {
  color: var(--text-tertiary);
  background: transparent;
}

._tokenMetric_19770_518 {
  cursor: default;
  outline: none;
}

._tokenMetricRow_19770_523 {
  margin-top: 8px;
}

._tokenMetricRow_19770_523 ._tokenMetric_19770_518 {
  width: 100%;
}

._tokenMetric_19770_518:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._tokenTooltip_19770_537 {
  display: grid;
  gap: 3px;
}

._srOnly_19770_542 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

._hint_19770_554 {
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.45;
  color: var(--text-tertiary);
}

._capabilityHint_19770_561 {
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
  color: var(--text-tertiary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._inlineActions_19770_571 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}


._needsAttention_19770_579 {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--color-warning) 34%, var(--border-default));
  border-radius: 10px;
  background: color-mix(in srgb, var(--color-warning) 7%, var(--bg-primary));
  overflow: hidden;
  min-width: 0;
}

._needsAttentionTitle_19770_589 {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

._blockerList_19770_596 {
  display: grid;
  gap: 6px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

._blockerItem_19770_604 {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding-left: 9px;
  border-left: 2px solid color-mix(in srgb, var(--color-warning) 54%, transparent);
}

._blockerItem_error_19770_612 {
  border-left-color: color-mix(in srgb, var(--color-danger) 62%, transparent);
}

._blockerItem_guidance_19770_616 {
  border-left-color: color-mix(in srgb, var(--color-primary) 58%, transparent);
}

._blockerLabel_19770_620 {
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._blockerDetail_19770_629 {
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ── Fixed footer ───────────────────────────────────────── */
._panelFooter_19770_639 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 8px 12px;
  border-top: 1px solid var(--border-default);
  background: var(--bg-primary);
}

._footerLink_19770_650 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: none;
  background: none;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}

._footerLink_19770_650:hover {
  color: var(--text-primary);
  background: var(--bg-secondary);
}

._footerLink_19770_650:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

._footerLinkSuccess_19770_676 {
  color: var(--color-success);
}

._footerDivider_19770_680 {
  width: 1px;
  height: 14px;
  background: var(--border-default);
  flex-shrink: 0;
}

._sessionTools_19770_687 {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid color-mix(in srgb, var(--border-default) 68%, transparent);
}

._sessionToolsLabel_19770_693 {
  display: block;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
}

._inlineButton_19770_701 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border: 1px solid color-mix(in srgb, var(--border-default) 78%, transparent);
  border-radius: 7px;
  background: color-mix(in srgb, var(--bg-primary) 70%, transparent);
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
  cursor: pointer;
}

._inlineButton_19770_701:hover {
  color: var(--text-primary);
  border-color: color-mix(in srgb, var(--color-primary) 45%, var(--border-default));
  background: color-mix(in srgb, var(--bg-tertiary) 80%, var(--bg-primary));
}

._inlineButtonSuccess_19770_721,
._inlineButtonSuccess_19770_721:hover {
  color: var(--color-success);
  border-color: color-mix(in srgb, var(--color-success) 38%, var(--border-default));
  background: color-mix(in srgb, var(--color-success) 9%, var(--bg-primary));
}

._inlineButton_19770_701:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._linkButton_19770_733 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin: 8px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-primary);
  font-size: 11px;
  line-height: 1.45;
  text-align: left;
  cursor: pointer;
}

._linkButton_19770_733:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

._linkButton_19770_733:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

._ctaButton_19770_759 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0;
  padding: 6px 14px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 550;
  line-height: 1.45;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

._ctaButton_19770_759:hover {
  border-color: var(--color-primary);
  background: var(--bg-tertiary);
}

._ctaButton_19770_759:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._sectionHeaderActions_19770_786 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  gap: 6px;
  min-width: 0;
}

._sectionHeaderLeft_19770_795 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

._headerActionButton_19770_802 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 2px 7px;
  border: 1px solid var(--border-default);
  border-radius: 999px;
  background: var(--bg-primary);
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.4;
  cursor: pointer;
  justify-self: end;
  white-space: nowrap;
}

._headerActionButton_19770_802:hover {
  color: var(--text-primary);
  border-color: var(--color-primary);
  background: var(--bg-tertiary);
}

._headerActionButton_19770_802:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._modelSummary_19770_830 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

._modelSummaryPrimary_19770_837 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

._modelSummaryMeta_19770_848 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.45;
}

._modelSummaryHint_19770_858 {
  margin: 2px 0 0;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.45;
}

._artifactScrollArea_19770_865 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}

._artifactScrollAreaFaded_19770_873 {
  -webkit-mask-image: linear-gradient(to bottom, black 0, black calc(100% - 12px), transparent 100%);
  mask-image: linear-gradient(to bottom, black 0, black calc(100% - 12px), transparent 100%);
}

._artifactTreeStack_19770_878 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
}

._artifactTreeScroll_19770_885 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}

._unscopedArtifacts_19770_893 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 8px;
  border-top: 1px solid var(--border-subtle);
}

._unscopedArtifactsLabel_19770_901 {
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 600;
}

._goalProgressTrack_19770_907 {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--bg-tertiary);
}

._goalProgressFill_19770_914 {
  height: 100%;
  border-radius: inherit;
  background: var(--color-primary);
  transition: width 160ms ease;
}

._goalProgressValue_19770_921 {
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

._goalProgressHeaderMeta_19770_929 {
  min-width: 0;
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 8px;
}

._goalProgressTodoLink_19770_937 {
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-primary);
  font: inherit;
  font-size: 11px;
  line-height: 1.2;
  cursor: pointer;
}

._goalProgressTodoLink_19770_937:hover {
  text-decoration: underline;
}

._goalProgressTodoLink_19770_937:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._readOnlyNotice_19770_958 {
  margin: 8px 0 0;
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.45;
}

._summaryList_19770_968 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._goalTaskList_19770_977 {
  max-height: 184px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
  gap: 4px;
}

._goalTaskItem_19770_985 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  min-height: 24px;
  padding: 1px 0;
}

._goalTaskStatusLabel_19770_994 {
  min-width: 48px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
}

._goalTaskContent_19770_1005 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._goalTaskStatusIcon_19770_1012 {
  position: relative;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border: 1.5px solid color-mix(in srgb, var(--text-tertiary) 78%, transparent);
  border-radius: 999px;
  box-sizing: border-box;
}

._goalTaskTitle_19770_1022 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
}

._goalTaskMeta_19770_1033 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
}

._goalTaskItem_completed_19770_1044 ._goalTaskStatusLabel_19770_994 {
  color: var(--color-success, #22c55e);
}

._goalTaskItem_completed_19770_1044 ._goalTaskStatusIcon_19770_1012 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: var(--color-success, #22c55e);
  background: var(--color-success, #22c55e);
}

._goalTaskItem_completed_19770_1044 ._goalTaskStatusIcon_19770_1012::after {
  content: '';
  width: 5px;
  height: 3px;
  border-left: 1.5px solid var(--bg-primary);
  border-bottom: 1.5px solid var(--bg-primary);
  transform: rotate(-45deg) translate(0.5px, -0.5px);
}

._goalTaskItem_completed_19770_1044 ._goalTaskTitle_19770_1022 {
  color: var(--text-tertiary);
  font-weight: 400;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, var(--text-tertiary) 42%, transparent);
}

._goalTaskItem_pending_19770_1073 ._goalTaskStatusLabel_19770_994 {
  color: var(--text-secondary);
}

._goalTaskItem_pending_19770_1073 ._goalTaskTitle_19770_1022 {
  color: var(--text-primary);
}

._summaryItem_19770_1081 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  min-height: 24px;
}

._memberAvatar_19770_1089 {
  box-shadow: 0 0 0 1px var(--border-default);
}

._summaryMain_19770_1093 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.5;
}

._memberList_19770_1103 {
  max-height: 188px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
  gap: 2px;
  scrollbar-width: none;
}

._memberList_19770_1103::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

._memberList_19770_1103:hover {
  scrollbar-width: thin;
}

._memberList_19770_1103:hover::-webkit-scrollbar {
  width: 4px;
}

._memberList_19770_1103:hover::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text-tertiary) 36%, transparent);
  border-radius: 4px;
}

._memberList_19770_1103:hover::-webkit-scrollbar-track {
  background: transparent;
}

._memberNameButton_19770_1134 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}

._memberNameButton_19770_1134:hover {
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

._memberNameButton_19770_1134:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 6px;
}

._summaryMeta_19770_1161 {
  max-width: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-tertiary);
  font-size: 11px;
}

._actionList_19770_1170 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._actionButton_19770_1179 {
  width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid var(--border-default);
  border-radius: 9px;
  background: var(--bg-primary);
  color: var(--text-secondary);
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}

._actionButton_19770_1179:hover,
._actionButtonActive_19770_1197 {
  color: var(--text-primary);
  border-color: var(--color-primary);
  background: var(--bg-tertiary);
}

._actionButton_19770_1179:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._actionButtonDanger_19770_1208 {
  color: var(--color-danger, #ef4444);
}

._actionButtonDanger_19770_1208:hover {
  border-color: var(--color-danger, #ef4444);
}

._dangerSection_19770_1216 {
  border-color: color-mix(in srgb, var(--color-danger, #ef4444) 32%, var(--border-default));
}

._dangerPill_19770_1220 {
  flex-shrink: 0;
  justify-self: end;
  padding: 2px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-danger, #ef4444) 12%, transparent);
  color: var(--color-danger, #ef4444);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

._actionMeta_19770_1232 {
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: 11px;
}

._artifactList_19770_1238 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._artifactItem_19770_1247 {
  min-width: 0;
}

._artifactReceipt_19770_1251 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
}

._artifactReceiptContext_19770_1258 {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 2px;
}

._artifactReceiptLabel_19770_1266 {
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 600;
}

._artifactReceiptRoot_19770_1273 {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 650;
}

._artifactReceiptActionButton_19770_1284 {
  flex-shrink: 0;
  min-width: 34px;
  min-height: 20px;
  padding: 2px 6px;
  border: 1px solid color-mix(in srgb, var(--border-default) 80%, transparent);
  border-radius: 7px;
  background: color-mix(in srgb, var(--bg-secondary) 70%, var(--bg-primary));
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, color 150ms ease;
}

._artifactReceiptActionButton_19770_1284:hover {
  border-color: color-mix(in srgb, var(--color-primary) 42%, var(--border-default));
  background: color-mix(in srgb, var(--color-primary) 8%, var(--bg-primary));
  color: var(--color-primary);
}

._artifactReceiptActionButton_19770_1284:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._artifactTreeList_19770_1310 {
  margin: 0;
  padding: 0;
  list-style: none;
}

._artifactTreeItem_19770_1316 {
  min-width: 0;
}

._artifactTreeRow_19770_1320 {
  min-width: 0;
  min-height: 23px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px;
  padding: 0 2px;
  border-radius: 6px;
}

._artifactTreeRow_19770_1320:hover {
  background: color-mix(in srgb, var(--bg-tertiary) 82%, var(--bg-primary));
}

._artifactTreeDirectoryRow_19770_1335 {
  color: var(--text-tertiary);
  font-weight: 600;
}

._artifactTreeFileRow_19770_1340 {
  color: var(--text-primary);
  font-weight: 580;
}

._artifactTreeFileRowDeleted_19770_1345 {
  color: color-mix(in srgb, var(--text-tertiary) 82%, transparent);
}

._artifactTreeFileButton_19770_1349 {
  min-width: 0;
  min-height: 23px;
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

._artifactTreeDirectoryButton_19770_1362 {
  min-width: 0;
  min-height: 23px;
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

._artifactTreeChevron_19770_1376 {
  flex-shrink: 0;
  color: color-mix(in srgb, var(--text-tertiary) 72%, transparent);
  transition: transform 140ms ease;
}

._artifactTreeChevronOpen_19770_1382 {
  transform: rotate(90deg);
}

._artifactTreeFileButton_19770_1349:hover ._artifactTreeName_19770_1386 {
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

._artifactTreeFileRowDeleted_19770_1345 ._artifactTreeName_19770_1386 {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, var(--text-tertiary) 72%, transparent);
}

._artifactTreeFileRowDeleted_19770_1345 ._artifactTreeFileButton_19770_1349:hover ._artifactTreeName_19770_1386 {
  color: var(--text-secondary);
}

._artifactTreeMain_19770_1402 {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}

._artifactTreeName_19770_1386 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.35;
}

._artifactTreeType_19770_1419 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  white-space: nowrap;
}

._artifactTreeType_19770_1419 {
  height: 16px;
  padding: 0 4px;
  color: var(--text-tertiary);
  background: color-mix(in srgb, var(--bg-tertiary) 70%, transparent);
  font-size: 9px;
  font-weight: 680;
  letter-spacing: 0.02em;
}

._artifactTreeChangePill_19770_1437 {
  flex-shrink: 0;
  height: 16px;
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 720;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

._artifactTreeChangePill_created_19770_1450 {
  color: color-mix(in srgb, #047857 88%, var(--text-primary));
  background: color-mix(in srgb, #10b981 14%, transparent);
}

._artifactTreeChangePill_edited_19770_1455 {
  color: color-mix(in srgb, #b45309 86%, var(--text-primary));
  background: color-mix(in srgb, #f59e0b 15%, transparent);
}

._artifactTreeChangePill_deleted_19770_1460 {
  color: color-mix(in srgb, #b91c1c 84%, var(--text-primary));
  background: color-mix(in srgb, #ef4444 13%, transparent);
}

._artifactTreeFileButton_19770_1349:focus-visible,
._artifactTreeDirectoryButton_19770_1362:focus-visible,
._artifactReceiptActionButton_19770_1284:focus-visible,
._artifactTreeCopyButton_19770_1468:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 8px;
}

._artifactTreeFileButton_19770_1349:disabled {
  cursor: default;
  opacity: 0.65;
}

._artifactTreeCopyButton_19770_1468 {
  flex-shrink: 0;
  min-width: 34px;
  min-height: 20px;
  padding: 2px 6px;
  border: 1px solid color-mix(in srgb, var(--border-default) 80%, transparent);
  border-radius: 7px;
  background: color-mix(in srgb, var(--bg-secondary) 70%, var(--bg-primary));
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  opacity: 0;
 user-select: none;
  transition: border-color 150ms ease, background 150ms ease, color 150ms ease;
}

._artifactTreeRow_19770_1320:hover ._artifactTreeCopyButton_19770_1468,
._artifactTreeRow_19770_1320:focus-within ._artifactTreeCopyButton_19770_1468,
._artifactTreeCopyButton_19770_1468._inlineButtonSuccess_19770_721 {
  opacity: 1;
}

._artifactTreeCopyButton_19770_1468:hover {
  border-color: color-mix(in srgb, var(--color-primary) 42%, var(--border-default));
  background: color-mix(in srgb, var(--color-primary) 8%, var(--bg-primary));
  color: var(--color-primary);
}

._artifactButton_19770_1508 {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 3px;
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

._artifactButton_19770_1508:hover ._artifactText_19770_1523 {
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

._artifactButton_19770_1508:disabled {
  cursor: default;
  opacity: 0.65;
}

._artifactButton_19770_1508:disabled ._artifactText_19770_1523 {
  text-decoration: none;
}

._artifactButton_19770_1508:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 8px;
}

._artifactText_19770_1523 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

._artifactMeta_19770_1555 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.35;
}

@media (max-width: 980px) {
  ._mobileBackdrop_19770_15 {
    position: absolute;
    inset: 0;
    z-index: 29;
    display: block;
    border: 0;
    background: color-mix(in srgb, var(--bg-primary) 55%, transparent);
    cursor: default;
  }

  ._panel_19770_1 {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: 30;
    width: min(88vw, 340px);
    flex-basis: auto;
    box-shadow: var(--shadow-lg);
  }

  ._mobileCloseButton_19770_34 {
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
  }

  ._mobileCloseButton_19770_34:hover {
    background: var(--hover-bg);
    color: var(--text-primary);
  }

  ._mobileCloseButton_19770_34:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

}

@media (max-width: 640px) {
  ._panel_19770_1 {
    width: 100vw;
    max-width: none;
    border-left: 0;
    box-shadow: none;
  }

}/* Shared dialog header / content / footer styles for Automation dialogs */

._header_4w0n8_3 {
  padding: 14px 24px;
  border-bottom: 1px solid var(--border-default);
}

._headerInner_4w0n8_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

._dialogTitle_4w0n8_16 {
  margin: 0;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--text-primary);
}

._content_4w0n8_24 {
  padding: 20px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow-y: auto;
}

._footer_4w0n8_33 {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 24px 16px;
  border-top: 1px solid var(--border-default);
}

/* ========== Task list ========== */

._taskList_4w0n8_44 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._taskItem_4w0n8_50 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background: var(--bg-secondary);
}

._taskInfo_4w0n8_61 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._taskName_4w0n8_68 {
  font-size: 13px;
  font-weight: 550;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._taskCron_4w0n8_77 {
  font-size: 11px;
  color: var(--text-tertiary);
}

._taskActions_4w0n8_82 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

._iconBtn_4w0n8_89 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 12px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

._iconBtn_4w0n8_89:hover {
  color: var(--text-secondary);
  border-color: var(--text-tertiary);
}

._iconBtn_4w0n8_89:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

._deleteBtn_4w0n8_115:hover {
  color: var(--color-danger);
  border-color: var(--color-danger);
  background: color-mix(in srgb, var(--color-danger) 8%, transparent);
}

/* ========== Create / edit form ========== */

._formBody_4w0n8_123 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._formBody_4w0n8_123 input,
._formBody_4w0n8_123 select,
._formBody_4w0n8_123 textarea {
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 14px;
  font-family: inherit;
  transition: all 0.15s ease;
}

._formBody_4w0n8_123 input:focus,
._formBody_4w0n8_123 select:focus,
._formBody_4w0n8_123 textarea:focus {
  outline: none;
  border-color: var(--accent-color);
}

._formBody_4w0n8_123 textarea {
  min-height: 80px;
  resize: vertical;
}

._clearContextRow_4w0n8_154 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 0;
}

._clearContextLabel_4w0n8_161 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 14px;
  color: var(--text-primary);
}

._clearContextHint_4w0n8_169 {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.4;
}
._dialog_1budu_1 {
  width: 360px;
  max-width: 90vw;
}

._body_1budu_6 {
  padding: 0 24px;
}

._title_1budu_10 {
  margin: 0;
  padding: 24px 24px 8px;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
}

._desc_1budu_18 {
  margin: 0 0 20px;
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.5;
}

._actions_1budu_25 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 24px 24px;
}

._cancelBtn_1budu_32 {
  padding: 6px 16px;
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--border-default);
  background: transparent;
  color: var(--text-primary);
  font-size: 14px;
  cursor: pointer;
}

._cancelBtn_1budu_32:hover {
  background: var(--hover-bg);
}

._clearBtn_1budu_46 {
  padding: 6px 16px;
  border-radius: var(--radius-md, 8px);
  border: none;
  background: var(--color-danger, #e53e3e);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

._clearBtn_1budu_46:hover {
  background: var(--color-danger-hover, #c53030);
}
._banner_1tooa_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  font-size: 13px;
  border-radius: 6px;
  margin: 0 16px 8px;
  animation: _slideDown_1tooa_1 0.2s ease;
}

._degraded_1tooa_12 {
  background: var(--color-warning-light);
  border: 1px solid var(--color-warning);
  color: var(--color-warning);
}

._unhealthy_1tooa_18 {
  background: var(--color-error-light);
  border: 1px solid var(--color-error);
  color: var(--color-error);
}

._message_1tooa_24 { flex: 1; }

._action_1tooa_26 {
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  cursor: pointer;
  color: inherit;
  white-space: nowrap;
}

._action_1tooa_26:hover {
  opacity: 0.7;
}

._close_1tooa_41 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  color: inherit;
  opacity: 0.6;
  padding: 0 2px;
  line-height: 1;
}

._close_1tooa_41:hover { opacity: 1; }

@keyframes _slideDown_1tooa_1 {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* DelegateBanner — 委托状态条 */

._banner_kr1wq_3 {
  position: relative;
  display: grid;
  grid-template-rows: auto auto;
  gap: 3px;
  min-height: 50px;
  padding: 8px 10px 8px 13px;
  overflow: hidden;
  background: var(--bg-primary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm, 4px) var(--radius-sm, 4px) 0 0;
  box-shadow: 0 -1px 5px rgba(15, 23, 42, 0.05);
}

._banner_kr1wq_3::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: color-mix(in srgb, var(--accent) 72%, var(--border-default));
}

._hasReason_kr1wq_25 {
  background: var(--bg-primary);
}

._banner_kr1wq_3._paused_kr1wq_29::before {
  background: var(--color-warning, #f59e0b);
}

._thinking_kr1wq_33 {
  border-color: color-mix(in srgb, var(--accent) 28%, var(--border-default));
}

._silent_kr1wq_37 {
  background: var(--bg-primary);
  border-color: var(--border-default);
}

._silent_kr1wq_37::before {
  background: var(--text-tertiary);
}

._failed_kr1wq_46::before {
  background: var(--color-error, #ef4444);
}

._intercepted_kr1wq_50::before {
  background: var(--color-warning, #f59e0b);
}

._topRow_kr1wq_54,
._detailRow_kr1wq_55,
._statusGroup_kr1wq_56,
._detailTextGroup_kr1wq_57,
._chain_kr1wq_58,
._label_kr1wq_59,
._prompt_kr1wq_60,
._counterGroup_kr1wq_61,
._actions_kr1wq_62,
._actionButton_kr1wq_63,
._delegatePreview_kr1wq_64,
._stepper_kr1wq_65,
._stepperButton_kr1wq_66 {
  display: flex;
  align-items: center;
}

._topRow_kr1wq_54 {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

._detailRow_kr1wq_55 {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

._statusGroup_kr1wq_56 {
  min-width: 0;
  gap: 7px;
}

._detailTextGroup_kr1wq_57 {
  min-width: 0;
  gap: 7px;
}

._chain_kr1wq_58 {
  min-width: 0;
  gap: 6px;
  flex-shrink: 1;
}

._agentName_kr1wq_103 {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--text-primary);
}

._label_kr1wq_59 {
  gap: 4px;
  min-width: 0;
  max-width: min(48vw, 560px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  border: 0;
  border-radius: var(--radius-full);
  font-size: 11px;
  line-height: 1.3;
  color: color-mix(in srgb, var(--accent) 82%, var(--text-secondary));
  font-weight: 600;
  background: transparent;
}

._silent_kr1wq_37 ._label_kr1wq_59 {
  color: var(--text-tertiary);
}

._failed_kr1wq_46 ._label_kr1wq_59 {
  color: var(--color-error, #ef4444);
}

._intercepted_kr1wq_50 ._label_kr1wq_59 {
  color: var(--color-warning, #f59e0b);
}

._banner_kr1wq_3._paused_kr1wq_29 ._label_kr1wq_59 {
  color: var(--color-warning, #f59e0b);
}

._spinner_kr1wq_146 {
  animation: _spin_kr1wq_146 0.9s linear infinite;
}

._progressIcon_kr1wq_150 {
  flex-shrink: 0;
  animation: _progress-pulse_kr1wq_1 1.4s ease-in-out infinite;
}

._label_kr1wq_59[data-progress-stage='thinking'] {
  color: color-mix(in srgb, var(--accent) 72%, var(--text-secondary));
}

._label_kr1wq_59[data-progress-stage='tool'] {
  color: color-mix(in srgb, var(--color-warning, #d97706) 58%, var(--text-secondary));
}

._label_kr1wq_59[data-progress-stage='tool-failed'] {
  color: var(--color-error, #ef4444);
}

._label_kr1wq_59[data-progress-stage='drafting'] {
  color: color-mix(in srgb, var(--color-success, #16a34a) 62%, var(--text-secondary));
}

._label_kr1wq_59[data-progress-stage='submitting'],
._label_kr1wq_59[data-progress-stage='replying'] {
  color: color-mix(in srgb, var(--color-success, #16a34a) 82%, var(--text-secondary));
}

._prompt_kr1wq_60 {
  min-width: 0;
  max-width: min(42vw, 520px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  line-height: 1.35;
  color: var(--text-secondary);
}

._statusReason_kr1wq_187 {
  min-width: 0;
  flex-shrink: 0;
  max-width: min(28vw, 360px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  line-height: 1.35;
  color: var(--color-warning, #f59e0b);
}

._failed_kr1wq_46 ._statusReason_kr1wq_187 {
  color: var(--color-error, #ef4444);
}

._failed_kr1wq_46 ._detailRow_kr1wq_55 {
  grid-template-columns: minmax(0, 1fr);
}

._failed_kr1wq_46 ._counterGroup_kr1wq_61 {
  display: none;
}

._counterGroup_kr1wq_61 {
  gap: 5px;
  min-width: max-content;
}

._counterPill_kr1wq_216 {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  color: var(--text-tertiary);
  background: transparent;
  white-space: nowrap;
}

._counterPill_kr1wq_216 + ._counterPill_kr1wq_216::before {
  content: '·';
  margin-right: 5px;
  color: var(--border-strong);
}

._actions_kr1wq_62 {
  gap: 4px;
  flex-shrink: 0;
}

._actionButton_kr1wq_63 {
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-tertiary);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  white-space: nowrap;
  transition:
    color 0.15s ease,
    border-color 0.15s ease,
    background 0.15s ease;
}

._progressAction_kr1wq_257 {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 24px;
  padding: 0 2px 0 4px;
  border: 0;
  border-radius: var(--radius-sm, 4px);
  color: var(--text-tertiary);
  background: transparent;
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition:
    color 0.15s ease,
    background 0.15s ease;
}

._progressAction_kr1wq_257:hover {
  color: var(--text-secondary);
  background: var(--bg-hover);
}

._progressAction_kr1wq_257[aria-expanded='true'] {
  color: var(--text-secondary);
}

._progressAction_kr1wq_257:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--accent-light, rgba(59, 130, 246, 0.2));
}

._actionButton_kr1wq_63:hover:not(:disabled) {
  color: var(--text-primary);
  border-color: var(--border-default);
  background: var(--bg-hover);
}

._actionText_kr1wq_297 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

._actionButton_kr1wq_63:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--accent-light, rgba(59, 130, 246, 0.2));
}

._actionButton_kr1wq_63:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

._terminate_kr1wq_316 {
  color: var(--color-warning, #f59e0b);
}

._terminate_kr1wq_316:hover:not(:disabled) {
  color: var(--color-error, #ef4444);
  border-color: var(--color-error, #ef4444);
  background: var(--color-error-light, rgba(239, 68, 68, 0.08));
}

._fillDraft_kr1wq_326 {
  color: var(--color-warning, #f59e0b);
  border-color: color-mix(in srgb, var(--color-warning, #f59e0b) 34%, var(--border-default));
  background: color-mix(in srgb, var(--bg-primary) 92%, var(--color-warning, #f59e0b) 8%);
}

._fillDraft_kr1wq_326:hover:not(:disabled) {
  color: var(--color-warning, #f59e0b);
  border-color: color-mix(in srgb, var(--color-warning, #f59e0b) 52%, var(--border-default));
  background: color-mix(in srgb, var(--bg-primary) 82%, var(--color-warning, #f59e0b) 18%);
}

._progressList_kr1wq_338 {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 5px 0 0;
  padding: 7px 0 1px 25px;
  border-top: 1px solid var(--border-default);
  list-style: none;
}

._progressItem_kr1wq_349 {
  display: grid;
  grid-template-columns: 6px minmax(0, 1fr);
  align-items: baseline;
  gap: 7px;
  min-width: 0;
  font-size: 11px;
  line-height: 1.4;
  color: var(--text-secondary);
}

._progressItem_kr1wq_349 span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._progressDot_kr1wq_366 {
  width: 5px;
  height: 5px;
  border-radius: var(--radius-full);
  background: var(--text-tertiary);
}

._progressItem_kr1wq_349:last-child {
  color: var(--text-primary);
}

._progressItem_kr1wq_349:last-child ._progressDot_kr1wq_366 {
  background: var(--accent);
}

._progressItem_kr1wq_349[data-progress-stage='tool'] ._progressDot_kr1wq_366 {
  background: var(--color-warning, #d97706);
}

._progressItem_kr1wq_349[data-progress-stage='tool-failed'] {
  color: var(--color-error, #ef4444);
}

._progressItem_kr1wq_349[data-progress-stage='tool-failed'] ._progressDot_kr1wq_366 {
  background: var(--color-error, #ef4444);
}

._progressItem_kr1wq_349[data-progress-stage='submitting'] ._progressDot_kr1wq_366,
._progressItem_kr1wq_349[data-progress-stage='replying'] ._progressDot_kr1wq_366 {
  background: var(--color-success, #16a34a);
}

@keyframes _progress-pulse_kr1wq_1 {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.94);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

._dialogTitle_kr1wq_411 {
  margin: 0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--text-primary);
}

._dialogDescription_kr1wq_419 {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-tertiary);
}

._editDialog_kr1wq_426 {
  width: 560px;
  max-width: 92vw;
  max-height: min(720px, 88vh);
  max-height: min(720px, 88dvh);
}

._editDialogHeader_kr1wq_433 {
  padding: 14px 20px 12px;
  border-bottom: 1px solid var(--border-default);
}

._editHeaderContent_kr1wq_438 {
  min-width: 0;
}

._editDialogBody_kr1wq_442 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px 20px;
}

._editDialogFooter_kr1wq_449 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 20px 16px;
  border-top: 1px solid var(--border-default);
}

._delegatePreview_kr1wq_64 {
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  background: var(--bg-secondary);
}

._previewFallback_kr1wq_466 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-full);
  color: var(--text-tertiary);
  background: var(--bg-primary);
  border: 1px solid var(--border-default);
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0;
}

._previewText_kr1wq_481 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
}

._previewLabel_kr1wq_489 {
  font-size: 11px;
  color: var(--text-tertiary);
}

._previewName_kr1wq_494 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}

._previewMeta_kr1wq_503 {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--text-tertiary);
  white-space: nowrap;
}

._formGrid_kr1wq_510 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: 12px;
}

._field_kr1wq_516 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

._promptField_kr1wq_523,
._errorText_kr1wq_524,
._formMessage_kr1wq_525 {
  grid-column: 1 / -1;
}

._fieldLabel_kr1wq_529 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}

._fieldHelp_kr1wq_535 {
  font-size: 11px;
  line-height: 1.4;
  color: var(--text-tertiary);
}

._select_kr1wq_541,
._textarea_kr1wq_542 {
  width: 100%;
  color: var(--text-primary);
  background: var(--bg-secondary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  font: inherit;
  font-size: 13px;
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease,
    box-shadow 0.15s ease;
}

._select_kr1wq_541 {
  height: 36px;
  padding: 0 34px 0 12px;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--text-tertiary) 50%),
    linear-gradient(135deg, var(--text-tertiary) 50%, transparent 50%);
  background-position:
    calc(100% - 16px) 15px,
    calc(100% - 11px) 15px;
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
}

._textarea_kr1wq_542 {
  min-height: 132px;
  resize: vertical;
  padding: 10px 12px;
  line-height: 1.5;
}

._select_kr1wq_541:focus,
._textarea_kr1wq_542:focus,
._stepper_kr1wq_65:focus-within {
  outline: none;
  border-color: var(--color-primary);
  background: var(--bg-primary);
  box-shadow: var(--focus-ring, 0 0 0 3px var(--color-primary-muted));
}

._select_kr1wq_541:hover:not(:disabled),
._textarea_kr1wq_542:hover:not(:disabled),
._stepper_kr1wq_65:hover:not(:focus-within) {
  border-color: var(--border-strong);
}

._select_kr1wq_541:disabled,
._textarea_kr1wq_542:disabled {
  opacity: 0.6;
}

._stepperDisabled_kr1wq_599 {
  opacity: 0.6;
}

._stepper_kr1wq_65 {
  height: 36px;
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg, 8px);
  background: var(--bg-secondary);
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease,
    box-shadow 0.15s ease;
}

._stepperButton_kr1wq_66 {
  justify-content: center;
  width: 34px;
  height: 100%;
  padding: 0;
  border: 0;
  color: var(--text-secondary);
  background: transparent;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

._stepperButton_kr1wq_66:hover:not(:disabled) {
  color: var(--text-primary);
  background: var(--hover-bg);
}

._stepperButton_kr1wq_66:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

._stepperInput_kr1wq_638 {
  min-width: 0;
  flex: 1;
  height: 100%;
  padding: 0 4px;
  border: 0;
  border-inline: 1px solid var(--border-default);
  background: transparent;
  color: var(--text-primary);
  font: inherit;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  text-align: center;
  outline: none;
}

._stepperInput_kr1wq_638::-webkit-outer-spin-button,
._stepperInput_kr1wq_638::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

._errorText_kr1wq_524 {
  padding: 8px 10px;
  border-radius: var(--radius-md);
  color: var(--color-error, #ef4444);
  background: var(--color-error-light, rgba(239, 68, 68, 0.08));
  font-size: 12px;
}

._formMessage_kr1wq_525 {
  font-size: 12px;
  line-height: 1.4;
  color: var(--text-tertiary);
}

@media (max-width: 720px) {
  ._banner_kr1wq_3 {
    padding: 7px 9px 7px 12px;
  }

  ._topRow_kr1wq_54,
  ._detailRow_kr1wq_55 {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  ._prompt_kr1wq_60,
  ._statusReason_kr1wq_187 {
    max-width: 100%;
  }

  ._counterGroup_kr1wq_61 {
    justify-content: flex-end;
  }

  ._formGrid_kr1wq_510 {
    grid-template-columns: minmax(0, 1fr);
  }

  ._editDialog_kr1wq_426 {
    width: min(100%, 560px);
  }
}

@media (max-width: 640px) {
  ._editDialog_kr1wq_426 {
    max-width: 100%;
  }

  ._editDialogHeader_kr1wq_433,
  ._editDialogBody_kr1wq_442,
  ._editDialogFooter_kr1wq_449 {
    padding-left: 14px;
    padding-right: 14px;
  }

  ._editDialogFooter_kr1wq_449 {
    flex-wrap: wrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._spinner_kr1wq_146 {
    animation: none;
  }
}

@media (max-width: 420px) {
  ._banner_kr1wq_3 {
    min-height: 48px;
    padding-right: 8px;
  }

  ._topRow_kr1wq_54 {
    display: block;
    padding-right: 94px;
  }

  ._actions_kr1wq_62 {
    position: absolute;
    top: 7px;
    right: 8px;
  }

  ._statusGroup_kr1wq_56,
  ._detailTextGroup_kr1wq_57 {
    gap: 6px;
  }

  ._statusGroup_kr1wq_56 {
    flex-wrap: wrap;
    row-gap: 3px;
  }

  ._label_kr1wq_59 {
    flex-basis: 100%;
    max-width: 100%;
  }

  ._agentName_kr1wq_103 {
    max-width: 132px;
  }

  ._label_kr1wq_59,
  ._prompt_kr1wq_60,
  ._statusReason_kr1wq_187 {
    font-size: 10.5px;
  }

  ._counterGroup_kr1wq_61 {
    gap: 4px;
  }

  ._counterPill_kr1wq_216 {
    font-size: 9.5px;
  }

  ._actionButton_kr1wq_63 {
    width: 26px;
    height: 26px;
  }

  ._progressAction_kr1wq_257 {
    width: auto;
    height: 26px;
  }
}

@keyframes _spin_kr1wq_146 {
  to {
    transform: rotate(360deg);
  }
}
._container_buhz6_1 {
  width: 240px;
  flex-shrink: 0;
  background: var(--bg-secondary);
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

/* ── 响应式抽屉：≤768px ────────────────────────────── */
/* 桌面端 >768px：以上 .container 规则不受影响 */

@media (max-width: 768px) {
  ._container_buhz6_1 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 100vh;
    height: 100dvh; /* 动态视口高度，避免手机地址栏干扰 */
    border-right: none;
    box-shadow: none;
    pointer-events: none;
    transform: translateX(-100%);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    /* 桌面端 flex 布局中的占位取消 */
    flex-shrink: 0;
    width: 280px; /* 手机端稍宽一点，更易触控 */
  }

  ._drawerOpen_buhz6_33 {
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
    pointer-events: auto;
    transform: translateX(0);
  }
}

/* Header */
._header_buhz6_41 {
  flex-shrink: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  -webkit-app-region: drag;
}

/* Header 左侧：搜索框常驻 */
._headerSearch_buhz6_52 {
  flex: 1;
  min-width: 0;
  position: relative;
  display: flex;
  align-items: center;
  -webkit-app-region: no-drag;
}

/* 搜索图标绝对定位在 input 内部左侧 */
._searchIcon_buhz6_62 {
  position: absolute;
  left: 7px;
  color: var(--text-tertiary);
  flex-shrink: 0;
  pointer-events: none;
}

._searchInput_buhz6_70 {
  flex: 1;
  min-width: 0;
  height: 26px;
  padding: 0 8px 0 26px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-size: 13px;
  outline: none;
}

._searchInput_buhz6_70:focus {
  border-color: var(--color-primary);
}

._searchInput_buhz6_70::placeholder {
  color: var(--text-tertiary);
}

._searchClear_buhz6_91 {
  position: absolute;
  right: 5px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-tertiary);
  background: transparent;
  border: none;
  padding: 0;
}

._searchClear_buhz6_91:hover {
  color: var(--text-primary);
}

._headerActions_buhz6_110 {
  display: flex;
  align-items: center;
  gap: 2px;
  position: relative;
}

._headerBtn_buhz6_117 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: none;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 4px;
  -webkit-app-region: no-drag;
  transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

._headerBtn_buhz6_117:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._savedHeaderBtn_buhz6_137 {
  color: var(--text-tertiary);
}

._savedHeaderBtnActive_buhz6_141 {
  color: var(--color-primary);
}

/* 删除 Tab Bar 相关 CSS */
/* tabBar, tab, tabActive, appDot, appName, createBtn, createMenu 已删除 */

/* List */
._list_buhz6_149 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
}

._list_buhz6_149 > div {
  padding: 0 6px;
}

._list_buhz6_149:hover,
._list_buhz6_149:focus-within {
  scrollbar-color: var(--scrollbar-thumb) transparent;
}

._list_buhz6_149::-webkit-scrollbar-thumb {
  background: transparent;
}

._list_buhz6_149:hover::-webkit-scrollbar-thumb,
._list_buhz6_149:focus-within::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}

._item_buhz6_174 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 7px;
  min-height: 42px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s ease;
  margin-bottom: 1px;
}

._item_buhz6_174:hover {
  background: var(--hover-bg);
}

._item_buhz6_174._active_buhz6_191 {
  background: var(--active-bg);
}

/* Active 状态选中条 */
._item_buhz6_174._active_buhz6_191::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 3px;
  background: var(--color-primary);
  border-radius: 0 2px 2px 0;
}

/* Active 状态 Title 字重变化 */
._item_buhz6_174._active_buhz6_191 ._itemName_buhz6_208 {
  font-weight: 600;
}

._avatar_buhz6_212 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: white;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  letter-spacing: 0;
}

/* 移除 avatar hover 编辑触发样式 */
/* avatar:hover 已删除 */

._itemContent_buhz6_229 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  padding-right: 0;
}

._itemContentTitleOnly_buhz6_239 {
  gap: 0;
}

._itemHeader_buhz6_243 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._itemTitleWrap_buhz6_249 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

._itemName_buhz6_208 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* AI 输出状态指示点 */
._aiStatusDot_buhz6_267 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-primary);
  flex-shrink: 0;
  animation: _aiPulse_buhz6_1 1.8s ease-in-out infinite;
}

/* AI 响应完成 — 静态实心圆点 */
._aiStatusDotCompleted_buhz6_277 {
  background: var(--color-success);
  animation: none;
}

@keyframes _aiPulse_buhz6_1 {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.75); }
}

._itemTime_buhz6_287 {
  font-size: 10px;
  color: var(--text-tertiary);
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  display: inline-block;
  min-width: 28px;
  text-align: right;
}

._itemTime_buhz6_287[data-has-time='false'] {
  opacity: 0;
}

._itemSubRow_buhz6_302 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

._itemSub_buhz6_302 {
  display: block;
  flex: 1;
  min-width: 0;
  min-height: 14px;
  line-height: 14px;
  font-size: 11px;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0;
}

/* 线程数量 badge — 活跃线程 >1 时显示，轻量样式（浅紫底+紫字） */
._threadBadge_buhz6_324 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: var(--purple-50);
  color: var(--purple-600);
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  flex-shrink: 0;
}

/* 多线程预览前缀 — [线程标题] */
._threadTitlePrefix_buhz6_341 {
  color: #8b5cf6;
  margin-right: 2px;
}

/* Empty State */
._emptyState_buhz6_347 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
  min-height: 0;
}

._emptyTitle_buhz6_358 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: 8px;
}

._emptySubtitle_buhz6_365 {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-bottom: 16px;
}

._emptyCreateBtn_buhz6_371 {
  margin-top: 4px;
}

._empty_buhz6_347 {
  padding: 10px 8px;
  font-size: 12px;
  color: var(--text-tertiary);
  text-align: center;
}

/* Footer */
._footer_buhz6_383 {
  flex-shrink: 0;
  min-height: 44px;
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  gap: 8px;
}

._footerSettings_buhz6_396 {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  cursor: pointer;
  background: transparent;
  color: var(--text-secondary);
  border: none;
  padding: 6px 0;
  transition: color 0.15s ease;
}

._footerSettings_buhz6_396:hover {
  color: var(--text-primary);
}

._footerLabel_buhz6_413 {
  font-size: 12px;
  font-weight: 500;
  color: inherit;
}

/* ── 版本号：可点击入口 ── */
._versionWrap_buhz6_420 {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  gap: 6px;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 4px 6px;
  margin: -4px -6px;
  border-radius: 4px;
  transition: background 0.15s ease;
}

._versionWrap_buhz6_420:hover {
  background: var(--hover-bg);
}

._versionWrap_buhz6_420:hover ._versionText_buhz6_439 {
  color: var(--text-primary);
}

._versionText_buhz6_439 {
  font-size: 11px;
  color: var(--text-tertiary);
  transition: color 0.15s ease;
  white-space: nowrap;
}

/* ── 更新可用色点：6px 橙色呼吸动画 ── */
._updateDot_buhz6_451 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #F5A623;
  flex-shrink: 0;
  animation: _updateDotPulse_buhz6_1 2.5s ease-in-out infinite;
}

@keyframes _updateDotPulse_buhz6_1 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

/* ── 置顶图标：12px，低对比度 ── */
._pinIcon_buhz6_466 {
  flex-shrink: 0;
  color: var(--text-tertiary);
  opacity: 0.5;
}

/* ── 置顶/非置顶区分割线 ── */
._pinDividerRow_buhz6_473::before {
  content: '';
  display: block;
  height: 1px;
  margin: 4px 10px;
  background: var(--border-color);
  opacity: 0.5;
}._container_y6iom_1 {
  position: relative;
  flex-shrink: 0;
}

._trigger_y6iom_6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

._trigger_y6iom_6:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._dropdown_y6iom_26 {
  position: absolute;
  top: calc(100% + 4px);
  min-width: 220px;
  max-width: 320px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  box-shadow: var(--shadow-lg);
  padding: 4px;
  z-index: 1000;
  animation: _fadeIn_y6iom_1 0.15s ease;
}

._dropdown_y6iom_26._right_y6iom_40 {
  right: 0;
}

._dropdown_y6iom_26._left_y6iom_44 {
  left: 0;
}

._item_y6iom_48 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: var(--text-primary);
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s ease;
}

._item_y6iom_48:hover,
._item_y6iom_48._highlighted_y6iom_65 {
  background: var(--hover-bg);
}

._item_y6iom_48._danger_y6iom_69 {
  color: var(--color-error);
}

._item_y6iom_48._danger_y6iom_69:hover,
._item_y6iom_48._danger_y6iom_69._highlighted_y6iom_65 {
  background: var(--color-error-light);
}

._header_y6iom_78 {
  padding: 4px 12px 8px;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 4px;
}

._separator_y6iom_84 {
  height: 1px;
  background: var(--border-color);
  margin: 4px 8px;
}

@keyframes _fadeIn_y6iom_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._container_14vuy_1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  min-width: 0;
}

._header_14vuy_9 {
  flex-shrink: 0;
  padding: 18px 28px 12px;
  border-bottom: 1px solid var(--border-color);
}

._titleWrap_14vuy_15 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-primary);
}

._titleWrap_14vuy_15 h1 {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
}

._list_14vuy_28 {
  flex: 1;
  overflow: auto;
  padding: 18px 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

._item_14vuy_38 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 8px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: var(--bg-secondary);
  transition: border-color 0.15s ease, background 0.15s ease;
  min-width: 0;
}

._item_14vuy_38:hover {
  border-color: var(--color-primary-border);
  background: var(--hover-bg);
}

._itemMain_14vuy_55 {
  min-width: 0;
  padding: 14px 16px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

._itemMain_14vuy_55:disabled {
  cursor: default;
}

._itemMeta_14vuy_68 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: var(--text-tertiary);
  font-size: 12px;
  min-width: 0;
  overflow: hidden;
}

._itemMeta_14vuy_68 span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._itemMeta_14vuy_68 span:first-child {
  flex: 1;
}

._itemMeta_14vuy_68 span + span::before {
  content: '·';
  margin-right: 8px;
  color: var(--text-tertiary);
}

._summary_14vuy_96 {
  margin: 0;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._unsaveButton_14vuy_107 {
  align-self: start;
  margin: 10px 10px 0 0;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
}

._unsaveButton_14vuy_107:hover {
  color: var(--text-primary);
  background: var(--hover-bg);
}

._empty_14vuy_127 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  text-align: center;
  color: var(--text-tertiary);
}

._empty_14vuy_127 h2 {
  margin: 14px 0 8px;
  color: var(--text-primary);
  font-size: 18px;
}

._empty_14vuy_127 p {
  margin: 2px 0;
  font-size: 14px;
}

._dialogBackdrop_14vuy_149 {
  position: fixed;
  inset: 0;
  z-index: 70;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgb(15 23 42 / 0.28);
  backdrop-filter: blur(3px);
}

._contextDialog_14vuy_161 {
  width: min(680px, 100%);
  max-height: min(720px, calc(100vh - 48px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--border-color);
  border-radius: 18px;
  background: var(--bg-primary);
  box-shadow: 0 24px 70px rgb(15 23 42 / 0.2);
  min-width: 0;
}

._dialogHeader_14vuy_174 {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--border-color);
  min-width: 0;
}

._dialogHeader_14vuy_174 > div {
  min-width: 0;
}

._dialogHeader_14vuy_174 h2 {
  margin: 2px 0 0;
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 650;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._dialogEyebrow_14vuy_199 {
  color: var(--text-tertiary);
  font-size: 12px;
}

._iconButton_14vuy_204 {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
}

._iconButton_14vuy_204:hover {
  color: var(--text-primary);
  background: var(--hover-bg);
}

._contextList_14vuy_222 {
  flex: 1;
  overflow: auto;
  padding: 4px 0;
  min-width: 0;
  overflow-x: hidden;
}

._savedMessageList_14vuy_230 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  min-width: 0;
  padding: 12px 16px 16px;
  overflow-x: hidden;
}

._contextMessage_14vuy_241 {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: var(--bg-secondary);
  overflow: hidden;
}

._contextMessageHighlighted_14vuy_252 {
  border-color: color-mix(in srgb, var(--color-primary) 55%, var(--border-color));
  background: color-mix(in srgb, var(--color-primary) 7%, var(--bg-secondary));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary) 18%, transparent);
}

._contextMessageMeta_14vuy_258 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  margin-bottom: 6px;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.3;
}

._contextMessageMeta_14vuy_258 span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

._contextMessageMeta_14vuy_258 time {
  flex-shrink: 0;
  white-space: nowrap;
}

._contextMessageBody_14vuy_283 {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
  word-break: break-word;
}

._contextMessageBody_14vuy_283 .blockStack {
  gap: 4px;
}

._contextMessageBody_14vuy_283 .blockItem {
  margin: 0;
}

._contextMessageBody_14vuy_283 .blockItem > * {
  margin-top: 0;
  margin-bottom: 0;
}

._contextMessageBody_14vuy_283 pre,
._contextMessageBody_14vuy_283 code,
._contextMessageBody_14vuy_283 table {
  max-width: 100%;
}

._contextMessageBody_14vuy_283 pre {
  overflow-x: auto;
}

._contextMessageUser_14vuy_317 {
  background: color-mix(in srgb, var(--color-primary) 6%, var(--bg-secondary));
}

._contextUnavailable_14vuy_321 {
  padding: 28px 16px;
  text-align: center;
  color: var(--text-tertiary);
  font-size: 14px;
}

._dialogFooter_14vuy_328 {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 20px 18px;
  border-top: 1px solid var(--border-color);
}

._secondaryButton_14vuy_337 {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 10px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 550;
  cursor: pointer;
  border: 1px solid var(--border-color);
  background: transparent;
  color: var(--text-secondary);
}

._secondaryButton_14vuy_337:hover {
  color: var(--text-primary);
  background: var(--hover-bg);
}

@media (max-width: 640px) {
  ._dialogBackdrop_14vuy_149 {
    align-items: stretch;
    padding: 0;
    background: var(--bg-primary);
    backdrop-filter: none;
  }

  ._contextDialog_14vuy_161 {
    width: 100%;
    max-height: 100dvh;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  ._dialogHeader_14vuy_174 {
    padding: max(14px, env(safe-area-inset-top)) 16px 12px;
    gap: 14px;
  }

  ._dialogHeader_14vuy_174 h2 {
    max-width: calc(100vw - 88px);
    overflow: hidden;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  ._dialogEyebrow_14vuy_199 {
    font-size: 11px;
  }

  ._contextList_14vuy_222 {
    padding: 0;
    overflow-x: hidden;
  }

  ._savedMessageList_14vuy_230 {
    gap: 6px;
    padding: 10px 10px 14px;
  }

  ._contextMessage_14vuy_241 {
    padding: 10px;
    border-radius: 12px;
  }

  ._contextMessageMeta_14vuy_258 {
    align-items: flex-start;
    gap: 8px;
  }

  ._contextMessageBody_14vuy_283 {
    font-size: 14px;
    line-height: 1.7;
  }

  ._dialogFooter_14vuy_328 {
    flex-direction: column-reverse;
    padding: 12px 16px max(16px, env(safe-area-inset-bottom));
  }

  ._secondaryButton_14vuy_337 {
    width: 100%;
  }
}
._container_1eit3_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  padding: 2rem;
  gap: 1rem;
  background: radial-gradient(ellipse at center, transparent 0%, var(--bg-secondary) 100%);
}

._iconWrapper_1eit3_13 {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--gradient-primary-end) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

._icon_1eit3_13 {
  width: 2.5rem;
  height: 2.5rem;
  color: white;
}

._title_1eit3_30 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

._description_1eit3_37 {
  font-size: 1rem;
  color: var(--text-secondary);
  margin: 0 0 1rem 0;
  max-width: 400px;
}

._secondaryLink_1eit3_44 {
  background: none;
  border: none;
  color: var(--text-tertiary);
  font-size: 12px;
  cursor: pointer;
  padding: 0;
  margin-top: 0.5rem;
  transition: color 0.15s ease;
}

._secondaryLink_1eit3_44:hover {
  color: var(--text-secondary);
}
/* WelcomeState — 安静的过渡空间
 *
 * 居中、有呼吸感、不抢戏。
 * 用户要做的只有一件事：去侧边栏选一个人。
 * 这个页面只是让空白不那么空白。
 */

._container_155b7_8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 2rem;
  gap: 1rem;
  user-select: none;
}

/* ── 品牌图标 ── */

._brandIcon_155b7_21 {
  color: var(--text-tertiary);
  opacity: 0.4;
  margin-bottom: 0.5rem;
}

/* ── 主文案 ── */

._title_155b7_29 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  letter-spacing: -0.01em;
  opacity: 0.85;
}

/* ── 副文案 ── */

._subtitle_155b7_40 {
  font-size: 0.875rem;
  color: var(--text-tertiary);
  text-align: center;
  margin: 0;
  line-height: 1.5;
}

/* ── 分隔线 ── */

._dividerRow_155b7_50 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  width: 200px;
  max-width: 100%;
}

._dividerLine_155b7_59 {
  flex: 1;
  height: 1px;
  background: var(--border-default);
}

._dividerText_155b7_65 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  opacity: 0.7;
}

/* ── 群聊 CTA ── */

._groupCta_155b7_73 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.625rem 1.25rem;
  border-radius: 2rem;
  border: 1px solid var(--border-default);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

._groupCta_155b7_73:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: white;
  box-shadow: 0 4px 12px rgba(168, 85, 247, 0.25);
}

._groupCta_155b7_73:active {
  transform: scale(0.97);
}

._groupCta_155b7_73:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* ── Empty State ── */

._empty_155b7_107 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 1rem;
  color: var(--text-tertiary);
}

._emptyIcon_155b7_117 {
  opacity: 0.3;
}

._emptyText_155b7_121 {
  font-size: 0.9rem;
  text-align: center;
  margin: 0;
}
._container_31t0s_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  padding: 2rem;
  background: radial-gradient(ellipse at center, transparent 0%, var(--bg-secondary) 100%);
}

._loading_31t0s_12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

._spinner_31t0s_19 {
  width: 32px;
  height: 32px;
  border: 3px solid var(--color-border);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: _spin_31t0s_19 0.8s linear infinite;
}

._loadingText_31t0s_28 {
  font-size: 13px;
  color: var(--text-tertiary);
}

@keyframes _spin_31t0s_19 {
  to {
    transform: rotate(360deg);
  }
}

/* 引导卡片 — 邀请感而非警告 */
._card_31t0s_40 {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: 2.5rem;
  max-width: 440px;
  width: 100%;
  text-align: center;
}

._iconWrapper_31t0s_50 {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--gradient-primary-end) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}

._icon_31t0s_50 {
  width: 2rem;
  height: 2rem;
  color: white;
}

._title_31t0s_67 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.75rem 0;
}

._description_31t0s_74 {
  font-size: 1rem;
  color: var(--text-secondary);
  margin: 0 0 2rem 0;
  line-height: 1.5;
}

._steps_31t0s_81 {
  text-align: left;
  margin-bottom: 2rem;
}

._step_31t0s_81 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.75rem 0;
}

._stepNumber_31t0s_93 {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: var(--color-primary);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  flex-shrink: 0;
}

._stepContent_31t0s_107 {
  flex: 1;
}

._stepTitle_31t0s_111 {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}

._stepDesc_31t0s_118 {
  font-size: 0.8125rem;
  color: var(--text-secondary);
  line-height: 1.4;
}

._stepDivider_31t0s_124 {
  width: 1px;
  height: 1rem;
  background: var(--color-border);
  margin-left: 0.875rem;
}

._actions_31t0s_131 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}

._actions_31t0s_131 button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Banner — 从警告改为邀请 */
._banner_31t0s_145 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(139, 92, 246, 0.08) 100%);
  border: 1px solid rgba(99, 102, 241, 0.15);
  border-radius: 12px;
  margin: 1rem;
}

._bannerContent_31t0s_157 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}

._bannerIcon_31t0s_165 {
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

._bannerText_31t0s_171 {
  text-align: left;
  min-width: 0;
}

._bannerTitle_31t0s_176 {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 0.125rem;
}

._bannerDesc_31t0s_183 {
  font-size: 0.8125rem;
  color: var(--text-secondary);
  line-height: 1.4;
}

._bannerActions_31t0s_189 {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* AgentChannelCheck — 轻量提示 */
._checkCard_31t0s_196 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.06) 0%, rgba(139, 92, 246, 0.06) 100%);
  border: 1px solid rgba(99, 102, 241, 0.12);
  border-radius: 10px;
  margin: 0.5rem 0;
}

._checkIcon_31t0s_207 {
  color: var(--color-primary);
  flex-shrink: 0;
}

._checkText_31t0s_212 {
  flex: 1;
  min-width: 0;
  text-align: left;
}

._checkTitle_31t0s_218 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 0.125rem;
}

._checkDesc_31t0s_225 {
  font-size: 0.75rem;
  color: var(--text-secondary);
  line-height: 1.4;
}

._checkActions_31t0s_231 {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
/* ── 遮罩 ────────────────────────────────── */
._mask_14i7k_2 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  animation: _fadeIn_14i7k_1 0.15s ease-out;
}

/* ── 抽屉主体 ────────────────────────────── */
._drawer_14i7k_11 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 520px;
  min-width: 360px;
  max-width: 80vw;
  background: var(--bg-primary);
  border-left: 1px solid var(--border-default);
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
  z-index: 1001;
  display: flex;
  flex-direction: column;
  animation: _slideInRight_14i7k_1 0.2s ease-out;
}

._resizeHandle_14i7k_28 {
  position: absolute;
  top: 0;
  left: -4px;
  bottom: 0;
  width: 8px;
  cursor: col-resize;
  z-index: 2;
}

._resizeHandle_14i7k_28::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 2px;
  background: transparent;
  transition: background-color 0.15s ease;
}

._resizeHandle_14i7k_28:hover::before,
._resizeHandleActive_14i7k_50::before {
  background: var(--color-primary);
}

@keyframes _fadeIn_14i7k_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes _fadeOut_14i7k_1 {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes _slideInRight_14i7k_1 {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

@keyframes _slideOutRight_14i7k_1 {
  from { transform: translateX(0); }
  to { transform: translateX(100%); }
}

._maskClosing_14i7k_74 {
  animation: _fadeOut_14i7k_1 0.2s ease-in forwards;
}

._drawerClosing_14i7k_78 {
  animation: _slideOutRight_14i7k_1 0.2s ease-in forwards;
}

/* ── Header ─────────────────────────────── */
._header_14i7k_83 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-default);
  flex-shrink: 0;
  gap: 8px;
}

._headerLeft_14i7k_93 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

._fileTextColumn_14i7k_101 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}

._fileTitleRow_14i7k_109 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
}

._fileIcon_14i7k_117 {
  color: var(--text-tertiary);
  flex-shrink: 0;
}

._fileName_14i7k_122 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._fileSize_14i7k_131 {
  font-size: 12px;
  color: var(--text-tertiary);
  flex-shrink: 0;
  background: var(--bg-secondary);
  padding: 2px 6px;
  border-radius: 4px;
}

._filePath_14i7k_140 {
  font-size: 11px;
  line-height: 1.3;
  color: var(--text-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

._headerRight_14i7k_150 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

/* ── 模式切换 ───────────────────────────── */
._modeToggle_14i7k_158 {
  display: flex;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  overflow: hidden;
}

._modeButton_14i7k_165 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

._modeButton_14i7k_165:hover {
  color: var(--text-primary);
  background: var(--hover-bg);
}

._modeButtonActive_14i7k_183 {
  color: var(--color-primary);
  background: var(--bg-secondary);
}

._modeButton_14i7k_165 + ._modeButton_14i7k_165 {
  border-left: 1px solid var(--border-default);
}

/* ── 打开目录按钮 ───────────────────────── */
._folderButton_14i7k_193 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

._folderButton_14i7k_193:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

/* ── 关闭按钮 ───────────────────────────── */
._closeButton_14i7k_213 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

._closeButton_14i7k_213:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

/* ── 内容区 ─────────────────────────────── */
._content_14i7k_233 {
  flex: 1;
  min-height: 0;
  overflow: auto;
  position: relative;
}

._imagePreviewButton_14i7k_240 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 16px;
  border: none;
  background: transparent;
  cursor: zoom-in;
}

._imagePreviewButton_14i7k_240:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -4px;
}

._imagePreview_14i7k_240 {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 96px);
  object-fit: contain;
}

/* ── 加载状态 ───────────────────────────── */
._loading_14i7k_265 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 200px;
  color: var(--text-tertiary);
  font-size: 14px;
}

._spinner_14i7k_276 {
  animation: _spin_14i7k_276 1s linear infinite;
}

@keyframes _spin_14i7k_276 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ── 错误状态 ────────────────────────────── */
._error_14i7k_286 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  color: var(--color-error, #e53e3e);
  font-size: 14px;
}

/* ── 二进制文件提示 ──────────────────────── */
._binaryPrompt_14i7k_296 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 300px;
  color: var(--text-tertiary);
}

._binaryIcon_14i7k_306 {
  opacity: 0.65;
}

._binaryFilename_14i7k_310 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  margin: 0;
  max-width: 80%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._binaryText_14i7k_322 {
  font-size: 14px;
  margin: 0;
}

/* ── 大文件提示 ─────────────────────────── */
._tooLargePrompt_14i7k_328 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 300px;
  color: var(--text-tertiary);
}

._tooLargeIcon_14i7k_338 {
  opacity: 0.4;
  color: var(--color-warning, #f59e0b);
}

._tooLargeTitle_14i7k_343 {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-secondary);
  margin: 0;
}

._tooLargeDesc_14i7k_350 {
  font-size: 13px;
  margin: 0;
}

._openExternalButton_14i7k_355 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 13px;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

._openExternalButton_14i7k_355:hover {
  background: var(--hover-bg);
  border-color: var(--color-primary);
}

/* ── Markdown 预览内容 ───────────────────── */
._previewContent_14i7k_375 {
  padding: 16px;
  overflow: auto;
}

/* ── HTML iframe / 原生网页预览占位区域 ─── */
._previewFrame_14i7k_381 {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  background: #fff;
}

._urlPreviewLoading_14i7k_389 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--text-tertiary);
  font-size: 13px;
}

._urlPreviewLoadingSpinner_14i7k_401 {
  animation: _urlPreviewSpin_14i7k_1 0.9s linear infinite;
}

@keyframes _urlPreviewSpin_14i7k_1 {
  to { transform: rotate(360deg); }
}

._urlPreviewError_14i7k_409 {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px;
  color: var(--text-tertiary);
  text-align: center;
}

._urlPreviewErrorIcon_14i7k_421 {
  color: var(--text-tertiary);
  opacity: 0.55;
}

._urlPreviewErrorTitle_14i7k_426 {
  margin: 2px 0 0;
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 600;
}

._urlPreviewErrorDesc_14i7k_433 {
  max-width: 360px;
  margin: 0 0 4px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

/* ── Run 内合并 diff ─────────────────────── */
._diffPreview_14i7k_442 {
  padding: 12px;
  overflow: auto;
}

._diffPreview_14i7k_442 > * {
  min-width: max-content;
}

/* ── SyntaxHighlighter 微调 ──────────────── */
._content_14i7k_233 pre {
  margin: 0 !important;
}

/* ── 搜索悬浮栏 ─────────────────────────── */
._searchWidget_14i7k_457 {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  background: var(--bg-primary);
  border-bottom: 1px solid var(--border-default);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

._searchIcon_14i7k_470 {
  color: var(--text-tertiary);
  flex-shrink: 0;
  margin-right: 4px;
}

._searchInput_14i7k_476 {
  flex: 1;
  min-width: 0;
  height: 26px;
  padding: 0 6px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 13px;
  font-family: var(--font-mono, monospace);
  outline: none;
  transition: border-color 0.15s ease;
}

._searchInput_14i7k_476:focus {
  border-color: var(--color-primary);
}

._searchInput_14i7k_476:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 1px;
}

._searchBtn_14i7k_500 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

._searchBtn_14i7k_500:hover:not(:disabled),
._searchBtn_14i7k_500:focus-visible:not(:disabled) {
  background: var(--hover-bg);
  color: var(--text-primary);
}

._searchBtn_14i7k_500:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 1px;
}

._searchBtn_14i7k_500:disabled {
  opacity: 0.4;
  cursor: default;
}

._searchBtnActive_14i7k_531 {
  color: var(--color-primary);
  background: var(--bg-secondary);
}

._searchCount_14i7k_536 {
  font-size: 12px;
  color: var(--text-secondary);
  flex-shrink: 0;
  min-width: 36px;
  text-align: center;
  font-family: var(--font-mono, monospace);
}

._searchCountEmpty_14i7k_545 {
  color: var(--text-tertiary);
}

/* ── 搜索高亮源码渲染 ───────────────────── */
._highlightedSource_14i7k_550 {
  padding: 16px;
  font-size: 13px;
  line-height: 1.6;
  font-family: var(--font-mono, monospace);
}

._codeLine_14i7k_557 {
  display: flex;
  min-height: 21px;
}

._lineNumber_14i7k_562 {
  display: inline-block;
  width: 40px;
  min-width: 40px;
  padding-right: 12px;
  text-align: right;
  color: var(--text-tertiary);
  opacity: 0.5;
  user-select: none;
  font-size: 13px;
  line-height: 1.6;
}

._codeContent_14i7k_575 {
  flex: 1;
  min-width: 0;
  white-space: pre;
  font-family: var(--font-mono, monospace);
  font-size: 13px;
  line-height: 1.6;
}

._searchHighlight_14i7k_584 {
  background: rgba(255, 200, 0, 0.35);
  border-radius: 2px;
  outline: 1px solid rgba(255, 200, 0, 0.5);
}

._searchHighlightCurrent_14i7k_590 {
  background: rgba(255, 160, 0, 0.6);
  outline: 2px solid rgba(255, 140, 0, 0.8);
}

/* ── Markdown 预览搜索高亮 ─────────────── */
._markSearchHighlight_14i7k_596 {
  background-color: rgba(255, 200, 0, 0.4);
  border-radius: 2px;
  padding: 0 1px;
  color: inherit;
}

._markSearchHighlightCurrent_14i7k_603 {
  background-color: rgba(255, 150, 0, 0.7);
  outline: 1px solid rgba(255, 150, 0, 0.9);
}


._quoteSelectionButtonInDrawer_14i7k_609 {
  z-index: 1002;
}

._lineNumber_14i7k_562 {
  user-select: none;
}

.react-syntax-highlighter-line-number {
  user-select: none;
}

/* ── 文件树面板 ─────────────────────── */
._body_14i7k_622 {
  flex: 1;
  display: flex;
  flex-direction: row;
  min-height: 0;
  overflow: hidden;
}

._fileTreePanel_14i7k_630 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--border-default);
  background: var(--bg-secondary);
  overflow: hidden;
}

._treeHeader_14i7k_639 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 6px;
  border-bottom: 1px solid var(--border-default);
  gap: 4px;
  flex-shrink: 0;
}

._treeHeaderTitle_14i7k_649 {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

._treeBody_14i7k_660 {
  flex: 1;
  overflow-y: auto;
  overflow-x: auto;
  padding: 4px 0;
}

/* ── 文件树拖拽 handle ────────────────── */
._treeResizeHandle_14i7k_668 {
  position: relative;
  width: 6px;
  cursor: col-resize;
  flex-shrink: 0;
  z-index: 1;
}

._treeResizeHandle_14i7k_668::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 2px;
  background: transparent;
  transition: background-color 0.15s ease;
}

._treeResizeHandle_14i7k_668:hover::before,
._treeResizeHandleActive_14i7k_688::before {
  background: var(--color-primary);
}

/* ── header 按钮激活态 ────────────────── */
._folderButtonActive_14i7k_693 {
  color: var(--color-primary);
  background: var(--bg-secondary);
}

._treeItem_14i7k_698 {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 2px 8px 2px 4px;
  cursor: pointer;
  font-size: 12px;
  color: var(--text-primary);
  user-select: none;
  white-space: nowrap;
  width: max-content;
  min-width: 100%;
  box-sizing: border-box;
  transition: background-color 0.1s ease;
}

._treeItem_14i7k_698:hover {
  background: var(--hover-bg);
}

._treeItemActive_14i7k_718 {
  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
  color: var(--color-primary);
}

._treeArrow_14i7k_723 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--text-tertiary);
  transition: transform 0.15s ease;
}

._treeArrowExpanded_14i7k_734 {
  transform: rotate(90deg);
}

._treeArrowSpacer_14i7k_738 {
  width: 16px;
  flex-shrink: 0;
}

._treeIcon_14i7k_743 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--text-tertiary);
}

._treeName_14i7k_753 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._treeLoading_14i7k_759 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  color: var(--text-tertiary);
}
._connectionBanner_1j1rw_1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text-primary, #fff);
  background: var(--color-warning-bg, #f59e0b);
  animation: _slideDown_1j1rw_1 0.2s ease-out;
}

@keyframes _slideDown_1j1rw_1 {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._app_1jzr8_1 {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

/* ── 侧边栏过渡容器 ── */
._sidebarWrap_1jzr8_8 {
  width: 0;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  transition: width 250ms ease-out, opacity 200ms ease-out;
}

._sidebarOpen_1jzr8_16 {
  width: 240px;
  opacity: 1;
}

/* 主内容区域过渡动画 */
._contentContainer_1jzr8_22 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

/* ── 响应式：Sidebar 遮罩层 ─────────────────────────── */
/* 桌面端：遮罩不可见，不影响布局 */
._overlay_1jzr8_32 {
  display: none;
}

/* ── 响应式：≤768px ────────────────────────────────── */
@media (max-width: 768px) {
  /* 移动端 sidebar 是 fixed drawer，wrap 不参与布局 */
  ._sidebarWrap_1jzr8_8 {
    width: 0 !important;
    opacity: 1 !important;
  }

  /* 遮罩层：覆盖全屏，点击关闭 sidebar */
  ._overlay_1jzr8_32 {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
  }

  ._overlayVisible_1jzr8_56 {
    opacity: 1;
    pointer-events: auto;
  }

  /* 移动端无活跃对话时，左上角打开 sidebar 的按钮 */
  ._mobileSidebarBtn_1jzr8_62 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    border-radius: 6px;
    flex-shrink: 0;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
    transition: background 0.15s ease, color 0.15s ease;
  }

  ._mobileSidebarBtn_1jzr8_62:hover {
    background: var(--hover-bg);
    color: var(--text-primary);
  }
}
._container_nmiwc_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: var(--bg-primary);
  padding: 2rem;
}

._content_nmiwc_10 {
  text-align: center;
  max-width: 500px;
}

._icon_nmiwc_15 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  color: var(--color-warning);
}

._title_nmiwc_23 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}

._message_nmiwc_30 {
  color: var(--text-secondary);
  margin-bottom: 1.5rem;
}

._error_nmiwc_35 {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 1rem;
  padding-right: 3rem;
  margin-bottom: 1.5rem;
  text-align: left;
  font-size: 0.875rem;
  color: var(--text-secondary);
  overflow-x: auto;
}

._errorContainer_nmiwc_48 {
  position: relative;
  margin-bottom: 1.5rem;
}

._copyButton_nmiwc_53 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0.5rem;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: var(--text-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  transition: background 0.2s ease;
}

._copyButton_nmiwc_53:hover {
  background: var(--hover-bg);
}

._actions_nmiwc_74 {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

._link_nmiwc_80 {
  padding: 0.5rem 1.5rem;
  color: var(--text-secondary);
  text-decoration: none;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  font-size: 0.875rem;
  transition: background 0.2s ease;
}

._link_nmiwc_80:hover {
  background: var(--hover-bg);
}
/**
 * CassClaw Design Tokens
 * 
 * 视觉设计语言基础
 * 使用方式: var(--token-name)
 */

/**
 * 颜色系统
 */

:root {
  /* ===== 灰色系 ===== */
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --gray-950: #030712;

  /* ===== 主色系 - 紫色 ===== */
  --purple-50: #faf5ff;
  --purple-100: #f3e8ff;
  --purple-200: #e9d5ff;
  --purple-300: #d8b4fe;
  --purple-400: #c084fc;
  --purple-500: #a855f7;
  --purple-600: #9333ea;
  --purple-700: #7e22ce;
  --purple-800: #6b21a8;
  --purple-900: #581c87;

  /* ===== 粉色调 ===== */
  --pink-500: #ec4899;
  --pink-600: #db2777;

  /* ===== 功能色 ===== */
  --green-500: #22c55e;
  --green-600: #16a34a;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --yellow-500: #eab308;
  --cyan-500: #06b6d4;

  /* ===== 渐变色 ===== */
  --gradient-primary-start: var(--purple-500);
  --gradient-primary-end: var(--pink-500);
  --gradient-blue-start: var(--blue-500);
  --gradient-blue-end: var(--cyan-500);
}

/**
 * 字体系统
 */

:root {
  /* ===== 字号 ===== */
  --font-xs: 0.6875rem;    /* 11px */
  --font-sm: 0.75rem;       /* 12px */
  --font-base: 0.8125rem;   /* 13px */
  --font-md: 0.875rem;      /* 14px */
  --font-lg: 1rem;          /* 16px */
  --font-xl: 1.125rem;      /* 18px */
  --font-2xl: 1.25rem;     /* 20px */
  --font-3xl: 1.5rem;      /* 24px */

  /* ===== 字重 ===== */
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* ===== 字体族 ===== */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", 
               "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", 
               sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, 
               "Courier New", monospace;

  /* ===== 行高 ===== */
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;

  /* ===== 字间距 ===== */
  --tracking-tight: -0.025em;
  --tracking-normal: 0;
  --tracking-wide: 0.025em;
}

/**
 * 间距系统 (基于 4px 网格)
 */

:root {
  /* ===== 基础间距 ===== */
  --space-0: 0;
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;       /* 16px */
  --space-5: 1.25rem;   /* 20px */
  --space-6: 1.5rem;    /* 24px */
  --space-8: 2rem;      /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */

  /* ===== 内边距组合 ===== */
  --padding-xs: var(--space-1) var(--space-2);
  --padding-sm: var(--space-2) var(--space-3);
  --padding-md: var(--space-3) var(--space-4);
  --padding-lg: var(--space-4) var(--space-6);
  --padding-xl: var(--space-6) var(--space-8);

  /* ===== 组件内间距 ===== */
  --gap-xs: var(--space-1);
  --gap-sm: var(--space-2);
  --gap-md: var(--space-3);
  --gap-lg: var(--space-4);

  /* ===== 侧边栏 ===== */
  --sidebar-width: 260px;
  --sidebar-min-width: 200px;
  --sidebar-max-width: 320px;

  /* ===== 头部 ===== */
  --header-height: 48px;
  --header-sm: 40px;

  /* ===== 模态框 ===== */
  --modal-sm: 400px;
  --modal-md: 560px;
  --modal-lg: 720px;
  --modal-xl: 960px;
  --modal-2xl: 1200px;

  /* ===== 输入框 ===== */
  --input-height-sm: 32px;
  --input-height-md: 36px;
  --input-height-lg: 40px;

  /* ===== 按钮 ===== */
  --button-height-sm: 28px;
  --button-height-md: 32px;
  --button-height-lg: 40px;
  --button-height-xl: 48px;

  /* ===== 图标 ===== */
  --icon-xs: 12px;
  --icon-sm: 14px;
  --icon-md: 16px;
  --icon-lg: 18px;
  --icon-xl: 20px;
  --icon-2xl: 24px;

  /* ===== 头像 ===== */
  --avatar-xs: 20px;
  --avatar-sm: 24px;
  --avatar-md: 32px;
  --avatar-lg: 40px;
  --avatar-xl: 56px;
}

/**
 * 圆角系统
 */

:root {
  --radius-none: 0;
  --radius-sm: 0.25rem;     /* 4px */
  --radius-md: 0.375rem;    /* 6px */
  --radius-lg: 0.5rem;      /* 8px */
  --radius-xl: 0.75rem;     /* 12px */
  --radius-2xl: 1rem;       /* 16px */
  --radius-full: 9999px;

  /* 组件级圆角 */
  --radius-input: var(--radius-lg);
  --radius-button-sm: var(--radius-md);
  --radius-button-md: var(--radius-lg);
  --radius-button-lg: var(--radius-xl);
  --radius-card: var(--radius-xl);
  --radius-modal: var(--radius-2xl);
  --radius-avatar: var(--radius-full);
  --radius-bubble: var(--radius-lg);
}

/**
 * 阴影系统
 */

:root {
  /* 基础阴影 */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 
               0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 
               0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 
               0 4px 6px -2px rgba(0, 0, 0, 0.04);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 
               0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.2);

  /* 主题阴影 */
  --shadow-primary: 0 2px 8px rgba(168, 85, 247, 0.15);
  --shadow-primary-lg: 0 4px 16px rgba(168, 85, 247, 0.2);

  /* 焦点环 */
  --ring-width: 3px;
  --ring-offset-width: 2px;
  --ring-color: rgba(168, 85, 247, 0.15);
  --ring-primary: 0 0 0 var(--ring-offset-width) var(--ring-color);
}

/* 暗色主题阴影 */

html[data-theme="dark"] {
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}

/**
 * 过渡动画系统
 */

:root {
  /* ===== 过渡时长 ===== */
  --duration-instant: 50ms;
  --duration-fast: 150ms;
  --duration-normal: 200ms;
  --duration-slow: 300ms;
  --duration-slower: 500ms;

  /* ===== 缓动函数 ===== */
  --ease-linear: linear;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);

  /* ===== 组合过渡 ===== */
  --transition-colors: color var(--duration-fast) var(--ease-in-out),
                       background-color var(--duration-fast) var(--ease-in-out),
                       border-color var(--duration-fast) var(--ease-in-out);
  
  --transition-opacity: opacity var(--duration-fast) var(--ease-in-out);
  
  --transition-transform: transform var(--duration-fast) var(--ease-out);
  
  --transition-all: all var(--duration-normal) var(--ease-in-out);

  /* ===== 组件过渡 ===== */
  --transition-button: var(--transition-colors);
  --transition-input: border-color var(--duration-fast) var(--ease-in-out),
                      box-shadow var(--duration-fast) var(--ease-in-out);
  --transition-modal: opacity var(--duration-normal) var(--ease-out),
                      transform var(--duration-normal) var(--ease-out);
}

/**
 * 语义化 Token
 * 
 * 这些 Token 引用颜色基础 Token，支持亮色/暗色主题自动切换
 */

/* ===== 背景色 ===== */

:root {
  /* 亮色主题 */
  --bg-primary: #ffffff;
  --bg-secondary: #f9fafb;
  --bg-tertiary: #f3f4f6;
  --bg-hover: #f3f4f6;
  --bg-active: #e5e7eb;
  --bg-elevated: #ffffff;

  /* ===== 文字色 ===== */
  --text-primary: #111827;
  --text-secondary: #6b7280;
  --text-tertiary: #9ca3af;
  --text-inverse: #ffffff;

  /* ===== 边框色 ===== */
  --border-default: #e5e7eb;
  --border-strong: #d1d5db;
  --border-focus: var(--purple-500);

  /* ===== 功能色 ===== */
  --color-primary: var(--purple-500);
  --color-primary-hover: var(--purple-600);
  --color-primary-subtle: rgba(168, 85, 247, 0.04);
  --color-primary-muted: rgba(168, 85, 247, 0.08);
  --color-primary-light: rgba(168, 85, 247, 0.1);
  --color-primary-medium: rgba(168, 85, 247, 0.2);
  --color-primary-border: rgba(168, 85, 247, 0.12);
  
  --color-success: var(--green-500);
  --color-success-light: rgba(34, 197, 94, 0.1);
  
  --color-error: var(--red-500);
  --color-error-faint: rgba(239, 68, 68, 0.05);
  --color-error-light: rgba(239, 68, 68, 0.1);
  --color-error-medium: rgba(239, 68, 68, 0.2);
  --color-error-strong: rgba(239, 68, 68, 0.3);
  
  --color-warning: var(--yellow-500);
  --color-warning-light: rgba(234, 179, 8, 0.1);
  
  --color-info: var(--blue-500);
  --color-info-light: rgba(59, 130, 246, 0.1);

  --color-neutral: var(--gray-500);
  --color-neutral-light: rgba(107, 114, 128, 0.1);

  /* ===== 渐变色 ===== */
  --gradient-primary-start: var(--purple-500);
  --gradient-primary-end: var(--pink-500);
  --gradient-primary-start-dark: var(--purple-600);
  --gradient-primary-end-dark: var(--pink-600);
  --gradient-blue-start: var(--blue-500);
  --gradient-blue-end: var(--cyan-500);

  /* ===== 覆盖层 ===== */
  --overlay-bg: rgba(0, 0, 0, 0.5);
  --overlay-bg-strong: rgba(0, 0, 0, 0.72);
  --surface: rgba(255, 255, 255, 0.8);
  --backdrop-blur: blur(8px);

  /* ===== 交互状态 ===== */
  --hover-bg: var(--bg-hover);
  --active-bg: var(--bg-active);
  --focus-ring: var(--ring-primary);

  /* ===== 特殊元素 ===== */
  --scrollbar-track: transparent;
  --scrollbar-thumb: var(--border-default);
  --scrollbar-thumb-hover: var(--text-tertiary);
  --scrollbar-thumb-active: var(--text-secondary);

  /* ===== 列表项 ===== */
  --list-item-hover-bg: var(--bg-hover);
  --list-item-active-bg: var(--bg-tertiary);
  --list-item-padding: var(--space-2);

  /* ===== 终端（浅色） ===== */
  /* ===== 终端 ===== */
  --terminal-bg: var(--bg-primary);
  --terminal-fg: var(--text-primary);
  --terminal-cursor: var(--text-primary);
}

/* ===== 暗色主题 ===== */

html[data-theme="dark"] {
  --bg-primary: #111827;
  --bg-secondary: #1f2937;
  --bg-tertiary: #374151;
  --bg-hover: #374151;
  --bg-active: #4b5563;
  --bg-elevated: #1f2937;

  --text-primary: #ffffff;
  --text-secondary: #9ca3af;
  --text-tertiary: #6b7280;
  --text-inverse: #111827;

  --border-default: #374151;
  --border-strong: #4b5563;
  --border-focus: var(--purple-400);

  --surface: rgba(31, 41, 55, 0.8);
  --scrollbar-thumb: var(--border-strong);
  --scrollbar-thumb-hover: var(--text-secondary);
  --scrollbar-thumb-active: var(--text-primary);

  --list-item-hover-bg: rgba(255, 255, 255, 0.05);
  --list-item-active-bg: rgba(255, 255, 255, 0.08);

  /* ===== 终端 ===== */
  --terminal-bg: var(--bg-primary);
  --terminal-fg: var(--text-primary);
  --terminal-cursor: var(--text-primary);
}

/* ===== 系统暗色偏好回退（JS 加载前生效） ===== */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-primary: #111827;
    --bg-secondary: #1f2937;
    --bg-tertiary: #374151;
    --bg-hover: #374151;
    --bg-active: #4b5563;
    --bg-elevated: #1f2937;

    --text-primary: #ffffff;
    --text-secondary: #9ca3af;
    --text-tertiary: #6b7280;
    --text-inverse: #111827;

    --border-default: #374151;
    --border-strong: #4b5563;
    --border-focus: var(--purple-400);

    --surface: rgba(31, 41, 55, 0.8);
    --scrollbar-thumb: var(--border-strong);
    --scrollbar-thumb-hover: var(--text-secondary);
    --scrollbar-thumb-active: var(--text-primary);

    --list-item-hover-bg: rgba(255, 255, 255, 0.05);
    --list-item-active-bg: rgba(255, 255, 255, 0.08);

    /* ===== 终端 ===== */
    --terminal-bg: var(--bg-primary);
    --terminal-fg: var(--text-primary);
    --terminal-cursor: var(--text-primary);
  }
}

@layer scrollbars {
  html[data-theme="dark"] {
    color-scheme: dark;
  }

  html[data-theme="light"] {
    color-scheme: light;
  }

  * {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
  }

  *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

  *::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 999px;
  }

  *::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
  }

  *::-webkit-scrollbar-thumb:active {
    background: var(--scrollbar-thumb-active);
  }
}

@keyframes kai-spin {
  to {
    transform: rotate(360deg);
  }
}

.kai-spin {
  animation: kai-spin 1s linear infinite;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
 * Legacy 变量别名
 * 
 * 现有组件使用的旧变量名，映射到新的 Design Token。
 * 新组件请直接使用新 Token（如 --border-default、--color-primary）。
 */

:root {
  /* 边框 */
  --border: var(--border-default);
  --border-color: var(--border-default);

  /* 强调色 */
  --accent: var(--color-primary);
  --accent-color: var(--color-primary);
  --accent-purple: var(--purple-500);
  --accent-green: var(--green-500);
  --accent-red: var(--red-500);
  --accent-color-light: var(--color-primary-light);
  --accent-color-medium: var(--color-primary-medium);
  --primary-color: var(--purple-500);

  /* 渐变（旧名） */
  --gradient-purple-from: var(--purple-500);
  --gradient-purple-to: var(--pink-500);
  --gradient-blue-from: var(--blue-500);
  --gradient-blue-to: var(--cyan-500);

  /* 气泡 */
  --user-bubble-from: #fbf8ff;
  --user-bubble-to: #fbf8ff;
  --user-bubble-text: #1f2937;
  --user-bubble-border: rgba(168, 85, 247, 0.14);

  /* Primary 色阶扩展（用于 HandoffCard 等组件） */
  --color-primary-subtle: rgba(168, 85, 247, 0.04);
  --color-primary-muted: rgba(168, 85, 247, 0.08);
  --color-primary-border: rgba(168, 85, 247, 0.12);

  /* 功能语义 */
  --error: var(--color-error);
  --success: var(--color-success);
}

html[data-theme="dark"] {
  --user-bubble-from: rgba(76, 29, 149, 0.28);
  --user-bubble-to: rgba(88, 28, 135, 0.24);
  --user-bubble-text: #ede9fe;
  --user-bubble-border: rgba(216, 180, 254, 0.14);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --user-bubble-from: rgba(76, 29, 149, 0.28);
    --user-bubble-to: rgba(88, 28, 135, 0.24);
    --user-bubble-text: #ede9fe;
    --user-bubble-border: rgba(216, 180, 254, 0.14);
  }
}

/* 
 * 暗色主题和系统偏好回退由 tokens/semantic.css 处理；
 * 气泡变量在本文件定义，因此暗色覆写也放在这里，避免导入顺序覆盖。
 */

body {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--bg-primary);
  color: var(--text-primary);
}

#root {
  height: 100vh;
  width: 100vw;
}