/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ChildrenModeControl/ChildrenModeControl.module.css */
._container_12rtr_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
._grid_12rtr_8 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}
._option_12rtr_14 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 6px 4px;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
}
._option_12rtr_14:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-2);
}
._option--selected_12rtr_32 {
  border-color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-blue) 18%, var(--ui-surface-1));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue) 25%, transparent);
}
._option--selected_12rtr_32:hover {
  border-color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-blue) 26%, var(--ui-surface-1));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue) 35%, transparent);
}
._option-label_12rtr_44 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
  line-height: 1.1;
}
._option--selected_12rtr_32 ._option-label_12rtr_44 {
  color: var(--ui-accent-blue);
}
._preview_12rtr_60 {
  width: 32px;
  height: 24px;
  display: flex;
  gap: 2px;
  align-items: flex-start;
  justify-content: flex-start;
}
._preview--rows_12rtr_70 {
  flex-direction: column;
}
._preview--cols_12rtr_75 {
  flex-direction: row;
  align-items: stretch;
}
._preview--reversed-rows_12rtr_81 {
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-end;
}
._preview--reversed-cols_12rtr_88 {
  flex-direction: row-reverse;
  align-items: stretch;
  justify-content: flex-end;
}
._preview--grid_12rtr_95 {
  flex-wrap: wrap;
  align-content: flex-start;
}
._preview--reference_12rtr_101 {
  align-items: center;
  justify-content: center;
}
._preview-block_12rtr_106 {
  border-radius: 1px;
  background: color-mix(in srgb, var(--ui-text-faint) 30%, transparent);
  flex-shrink: 0;
}
._option--selected_12rtr_32 ._preview-block_12rtr_106 {
  background: color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
}
._preview--rows_12rtr_70 ._preview-block_12rtr_106,
._preview--reversed-rows_12rtr_81 ._preview-block_12rtr_106 {
  width: 100%;
  height: 5px;
}
._preview--cols_12rtr_75 ._preview-block_12rtr_106,
._preview--reversed-cols_12rtr_88 ._preview-block_12rtr_106 {
  width: 8px;
  height: 100%;
}
._preview--grid_12rtr_95 ._preview-block_12rtr_106 {
  width: 9px;
  height: 9px;
}
._preview-ref_12rtr_137 {
  width: 20px;
  height: 16px;
  border: 1.5px dashed color-mix(in srgb, var(--ui-text-faint) 50%, transparent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  color: var(--ui-text-faint);
}
._option--selected_12rtr_32 ._preview-ref_12rtr_137 {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
  color: var(--ui-accent-blue);
}
._hover-preview_12rtr_156 {
  position: fixed;
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.92);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
._hover-preview--visible_12rtr_165 {
  opacity: 1;
  transform: scale(1);
}
._hover-preview-frame_12rtr_170 {
  width: 120px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._hover-preview-label_12rtr_182 {
  font-size: 8px;
  color: var(--ui-text-faint);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
}
._preview-tip_12rtr_194 {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: var(--ui-text-faint);
  text-align: center;
  line-height: 1;
}
._preview-tip--action_12rtr_203 {
  color: color-mix(in srgb, var(--ui-accent-blue) 85%, white);
}
._hover-preview-container_12rtr_208 {
  border: 1px dashed color-mix(in srgb, var(--ui-text-faint) 40%, transparent);
  border-radius: 3px;
  padding: 4px;
  min-height: 56px;
  display: flex;
  gap: 3px;
}
._hover-preview-container--rows_12rtr_217 {
  flex-direction: column;
}
._hover-preview-container--cols_12rtr_221 {
  flex-direction: row;
  align-items: stretch;
}
._hover-preview-container--reversed-rows_12rtr_226 {
  flex-direction: column-reverse;
}
._hover-preview-container--reversed-cols_12rtr_230 {
  flex-direction: row-reverse;
  align-items: stretch;
}
._hover-preview-container--grid_12rtr_235 {
  flex-wrap: wrap;
  align-content: flex-start;
}
._hover-preview-container--reference_12rtr_240 {
  align-items: center;
  justify-content: center;
}
._hover-preview-block_12rtr_245 {
  border-radius: 2px;
  flex-shrink: 0;
}
._hover-preview-container--rows_12rtr_217 ._hover-preview-block_12rtr_245,
._hover-preview-container--reversed-rows_12rtr_226 ._hover-preview-block_12rtr_245 {
  width: 100%;
  height: 10px;
}
._hover-preview-container--cols_12rtr_221 ._hover-preview-block_12rtr_245,
._hover-preview-container--reversed-cols_12rtr_230 ._hover-preview-block_12rtr_245 {
  width: 22px;
  height: auto;
  align-self: stretch;
}
._hover-preview-container--grid_12rtr_235 ._hover-preview-block_12rtr_245 {
  width: 28px;
  height: 16px;
}
._hover-preview-block--active_12rtr_268 {
  background: color-mix(in srgb, var(--ui-accent-blue) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
}
._hover-preview-block--sibling_12rtr_273 {
  background: color-mix(in srgb, var(--ui-text-faint) 20%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-text-faint) 30%, transparent);
}
._hover-preview-ref-box_12rtr_278 {
  width: 48px;
  height: 32px;
  border: 1.5px dashed color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  color: color-mix(in srgb, var(--ui-accent-blue) 70%, var(--ui-text-faint));
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
@keyframes _flow-arrow-down_12rtr_1 {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.4;
  }
  50% {
    transform: translateY(3px);
    opacity: 1;
  }
}
@keyframes _flow-arrow-up_12rtr_1 {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.4;
  }
  50% {
    transform: translateY(-3px);
    opacity: 1;
  }
}
@keyframes _flow-arrow-right_12rtr_1 {
  0%, 100% {
    transform: translateX(0);
    opacity: 0.4;
  }
  50% {
    transform: translateX(3px);
    opacity: 1;
  }
}
@keyframes _flow-arrow-left_12rtr_1 {
  0%, 100% {
    transform: translateX(0);
    opacity: 0.4;
  }
  50% {
    transform: translateX(-3px);
    opacity: 1;
  }
}
._hover-preview-arrow_12rtr_314 {
  font-size: 10px;
  color: var(--ui-accent-blue);
  align-self: center;
  flex-shrink: 0;
}
._hover-preview-arrow--down_12rtr_321 {
  animation: _flow-arrow-down_12rtr_1 1.5s ease-in-out 4;
}
._hover-preview-arrow--up_12rtr_325 {
  animation: _flow-arrow-up_12rtr_1 1.5s ease-in-out 4;
}
._hover-preview-arrow--right_12rtr_329 {
  animation: _flow-arrow-right_12rtr_1 1.5s ease-in-out 4;
}
._hover-preview-arrow--left_12rtr_333 {
  animation: _flow-arrow-left_12rtr_1 1.5s ease-in-out 4;
}

/* temp_stylePlugin:src/components/controls/Toggle/Toggle.module.css */
._toggle_1ala0_1 {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
._hidden-toggle_1ala0_7 {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
._toggle-indicator_1ala0_13 {
  display: inline-block;
  width: 36px;
  height: 20px;
  background-color: #56565e;
  border-radius: 999px;
  position: relative;
  transition: background-color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._toggle-indicator_1ala0_13::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background-color: #fff;
  top: 3px;
  left: 3px;
  transform: translateX(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform 350ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
._hidden-toggle_1ala0_7:checked ~ ._toggle-indicator_1ala0_13::before {
  transform: translateX(16px);
}
._hidden-toggle_1ala0_7:checked ~ ._toggle-indicator_1ala0_13 {
  background-color: var(--ui-accent-blue);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ChildrenOverflowControl/ChildrenOverflowControl.module.css */
._container_1mub2_1 {
  width: 100%;
}
._toggle-row_1mub2_5 {
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--ui-text-muted);
  border-radius: var(--ui-radius-md);
  border: 1px solid transparent;
  transition: all 0.12s;
  cursor: pointer;
}
._toggle-row_1mub2_5:hover {
  background: var(--ui-surface-2);
  border-color: var(--ui-border);
}
._toggle-row--active_1mub2_25 {
  background: color-mix(in srgb, var(--ui-accent-soft) 20%, transparent);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
}
._toggle-copy_1mub2_30 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._toggle-title_1mub2_37 {
  font-size: 11px;
  font-weight: 500;
  color: var(--ui-text);
  line-height: 1.4;
}
._toggle-row--active_1mub2_25 ._toggle-title_1mub2_37 {
  font-weight: 600;
}
._toggle-description_1mub2_48 {
  font-size: 10px;
  color: var(--ui-text-faint);
  line-height: 1.3;
}
._toggle-row--active_1mub2_25 ._toggle-description_1mub2_48 {
  color: var(--ui-text-muted);
}
._preview-overlay_1mub2_60 {
  position: fixed;
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.92);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
._preview-overlay--visible_1mub2_69 {
  opacity: 1;
  transform: scale(1);
}
._preview-frame_1mub2_74 {
  width: 120px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._preview-label_1mub2_86 {
  font-size: 8px;
  color: var(--ui-text-faint);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
}
._preview-tip_1mub2_97 {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: var(--ui-text-faint);
  text-align: center;
  line-height: 1;
}
._preview-parent_1mub2_108 {
  width: 80px;
  height: 50px;
  margin: 0 auto;
  border: 1.5px dashed color-mix(in srgb, var(--ui-text-faint) 50%, transparent);
  border-radius: 4px;
  position: relative;
}
._preview-parent--hidden_1mub2_118 {
  overflow: hidden;
}
._preview-parent--visible_1mub2_123 {
  overflow: visible;
}
._preview-child_1mub2_128 {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--ui-accent-blue) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
  animation: _overflow-bounce_1mub2_1 3s ease-in-out 3;
}
@keyframes _overflow-bounce_1mub2_1 {
  0%, 100% {
    top: 5px;
    left: 5px;
  }
  50% {
    top: -15px;
    left: 40px;
  }
}
._preview-clip-indicator_1mub2_150 {
  position: absolute;
  right: -1px;
  top: -4px;
  bottom: -4px;
  width: 2px;
  background:
    repeating-linear-gradient(
      0deg,
      var(--ui-accent-blue) 0px,
      var(--ui-accent-blue) 3px,
      transparent 3px,
      transparent 6px);
  opacity: 0.5;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/CursorControl/CursorControl.module.css */
._container_e09xa_1 {
  width: 100%;
}
._trigger_e09xa_5 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 8px;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
  cursor: pointer;
  transition: all 0.12s;
}
._trigger_e09xa_5:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-2);
}
._trigger-preview_e09xa_23 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
._trigger-label_e09xa_33 {
  font-size: 11px;
  color: var(--ui-text);
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  letter-spacing: 0.02em;
}
._trigger-caret_e09xa_40 {
  color: var(--ui-text-faint);
  font-size: 9px;
  margin-left: auto;
}
._dropdown_e09xa_47 {
  width: 220px;
  max-height: 320px;
  overflow-y: auto;
  padding: 4px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._dropdown_e09xa_47::-webkit-scrollbar {
  width: 4px;
}
._dropdown_e09xa_47::-webkit-scrollbar-track {
  background: transparent;
}
._dropdown_e09xa_47::-webkit-scrollbar-thumb {
  background: var(--ui-border);
  border-radius: 2px;
}
._group-label_e09xa_75 {
  font-size: 8px;
  font-weight: 600;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 6px 8px 2px;
  opacity: 0.7;
}
._option_e09xa_85 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.1s;
}
._option_e09xa_85:hover {
  background: rgba(255, 255, 255, 0.06);
}
._option-active_e09xa_99 {
  background: rgba(58, 156, 255, 0.12);
}
._option-cursor_e09xa_103 {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  border-radius: 3px;
  background: color-mix(in srgb, var(--ui-text-faint) 10%, transparent);
}
._option-label_e09xa_115 {
  font-size: 10px;
  color: var(--ui-text-muted);
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
}
._separator_e09xa_121 {
  height: 1px;
  background: var(--ui-border);
  margin: 3px 0;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/RotateControl/RotateControl.module.css */
._container_2oxpm_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._dial_2oxpm_8 {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
  cursor: grab;
  flex-shrink: 0;
  overflow: hidden;
}
._dial_2oxpm_8:active {
  cursor: grabbing;
}
._dial-tick_2oxpm_24 {
  position: absolute;
  top: 3px;
  left: 50%;
  width: 2px;
  height: 10px;
  margin-left: -1px;
  border-radius: 1px;
  background: var(--ui-accent-blue);
  transform-origin: center 15px;
}
._dial-center_2oxpm_36 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  border-radius: 50%;
  background: var(--ui-text-faint);
}
._dial-ring_2oxpm_47 {
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  border: 1px dashed color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._input-wrapper_2oxpm_54 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
._input_2oxpm_54 {
  flex: 1;
  min-width: 0;
  height: 26px;
  padding: 0 6px;
  font-size: 11px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  font-variant-numeric: tabular-nums;
  text-align: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-text);
  outline: none;
  transition: border-color 0.15s, background 0.15s;
}
._input_2oxpm_54:focus {
  background: rgba(58, 156, 255, 0.12);
  border-color: #3a9cff;
}
._unit_2oxpm_84 {
  font-size: 9px;
  color: var(--ui-text-faint);
  font-weight: 500;
  flex-shrink: 0;
}
._presets_2oxpm_91 {
  display: flex;
  gap: 2px;
  flex-shrink: 0;
}
._preset_2oxpm_91 {
  width: 22px;
  height: 22px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
  color: var(--ui-text-faint);
  font-size: 8px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: all var(--ui-transition-fast);
}
._preset_2oxpm_91:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-2);
  color: var(--ui-text);
}
._preset--active_2oxpm_120 {
  border-color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-blue) 18%, var(--ui-surface-1));
  color: var(--ui-accent-blue);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/TextDecorationControl/TextDecorationControl.module.css */
._container_1i8r0_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
._line-row_1i8r0_10 {
  display: flex;
  gap: 4px;
}
._line-btn_1i8r0_15 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 32px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  cursor: pointer;
  transition: all 0.12s;
  padding: 0;
}
._line-btn_1i8r0_15:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-2);
}
._line-btn--active_1i8r0_35 {
  border-color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-blue) 18%, var(--ui-surface-1));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue) 25%, transparent);
}
._line-btn--active_1i8r0_35:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 26%, var(--ui-surface-1));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue) 35%, transparent);
}
._line-btn-icon_1i8r0_46 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 20px;
  position: relative;
}
._line-btn-icon--underline_1i8r0_57 {
  font-size: 10px;
  font-weight: 600;
  color: var(--ui-text-muted);
  border-bottom: 1.5px solid var(--ui-text-faint);
  line-height: 1.1;
}
._line-btn--active_1i8r0_35 ._line-btn-icon--underline_1i8r0_57 {
  color: var(--ui-accent-blue);
  border-color: var(--ui-accent-blue);
}
._line-btn-icon--overline_1i8r0_71 {
  font-size: 10px;
  font-weight: 600;
  color: var(--ui-text-muted);
  border-top: 1.5px solid var(--ui-text-faint);
  line-height: 1.1;
}
._line-btn--active_1i8r0_35 ._line-btn-icon--overline_1i8r0_71 {
  color: var(--ui-accent-blue);
  border-color: var(--ui-accent-blue);
}
._line-btn-icon--line-through_1i8r0_85 {
  font-size: 10px;
  font-weight: 600;
  color: var(--ui-text-muted);
  text-decoration: line-through;
  text-decoration-color: var(--ui-text-faint);
  line-height: 1.4;
}
._line-btn--active_1i8r0_35 ._line-btn-icon--line-through_1i8r0_85 {
  color: var(--ui-accent-blue);
  text-decoration-color: var(--ui-accent-blue);
}
._line-btn-label_1i8r0_99 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
._line-btn--active_1i8r0_35 ._line-btn-label_1i8r0_99 {
  color: var(--ui-accent-blue);
}
._detail-row_1i8r0_113 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._detail-label_1i8r0_119 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  min-width: 48px;
  flex-shrink: 0;
}
._style-trigger_1i8r0_130 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  height: 26px;
  padding: 0 6px;
  border-radius: var(--ui-radius-sm);
  border: none;
  background: none;
  cursor: pointer;
  transition: background 0.12s;
}
._style-trigger_1i8r0_130:hover {
  background: var(--ui-surface-2);
}
._style-preview-line_1i8r0_148 {
  width: 24px;
  height: 0;
  flex-shrink: 0;
}
._style-preview-line--solid_1i8r0_155 {
  border-bottom: 2px solid var(--ui-text-muted);
}
._style-preview-line--double_1i8r0_159 {
  border-bottom: 1px solid var(--ui-text-muted);
  border-top: 1px solid var(--ui-text-muted);
  height: 3px;
}
._style-preview-line--dotted_1i8r0_165 {
  border-bottom: 2px dotted var(--ui-text-muted);
}
._style-preview-line--dashed_1i8r0_169 {
  border-bottom: 2px dashed var(--ui-text-muted);
}
._style-preview-line--wavy_1i8r0_173 {
  position: relative;
  height: 6px;
  overflow: hidden;
}
._style-preview-line--wavy_1i8r0_173::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2px;
  right: -2px;
  height: 6px;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0px,
      transparent 2px,
      var(--ui-text-muted) 2px,
      var(--ui-text-muted) 4px);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath d='M0 3 Q2 0 4 3 Q6 6 8 3' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath d='M0 3 Q2 0 4 3 Q6 6 8 3' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  mask-repeat: repeat-x;
  -webkit-mask-repeat: repeat-x;
  mask-size: 8px 4px;
  -webkit-mask-size: 8px 4px;
}
._style-trigger-label_1i8r0_201 {
  font-size: 10px;
  color: var(--ui-text-muted);
  text-transform: capitalize;
}
._style-trigger-caret_1i8r0_207 {
  color: var(--ui-text-faint);
  font-size: 9px;
  margin-left: auto;
}
._style-dropdown_1i8r0_214 {
  width: 140px;
  padding: 3px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._style-option_1i8r0_226 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.1s;
}
._style-option_1i8r0_226:hover {
  background: rgba(255, 255, 255, 0.06);
}
._style-option-active_1i8r0_240 {
  background: rgba(58, 156, 255, 0.12);
}
._style-option-line_1i8r0_244 {
  width: 20px;
  flex-shrink: 0;
  height: 0;
}
._style-option-line--solid_1i8r0_250 {
  border-bottom: 2px solid var(--ui-text);
}
._style-option-line--double_1i8r0_251 {
  border-bottom: 1px solid var(--ui-text);
  border-top: 1px solid var(--ui-text);
  height: 3px;
}
._style-option-line--dotted_1i8r0_252 {
  border-bottom: 2px dotted var(--ui-text);
}
._style-option-line--dashed_1i8r0_253 {
  border-bottom: 2px dashed var(--ui-text);
}
._style-option-line--wavy_1i8r0_254 {
  position: relative;
  height: 6px;
}
._style-option-line--wavy_1i8r0_254::after {
  content: "~";
  font-size: 10px;
  position: absolute;
  bottom: -2px;
  left: 0;
  color: var(--ui-text);
  letter-spacing: -1px;
}
._style-option-label_1i8r0_268 {
  font-size: 10px;
  color: var(--ui-text-muted);
  text-transform: capitalize;
}
._color-swatch_1i8r0_275 {
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  padding: 0 2px;
  border-radius: var(--ui-radius-sm);
  height: 28px;
  transition: background 0.12s;
  flex: 1;
}
._color-swatch_1i8r0_275:hover {
  background: var(--ui-surface-2);
}
._color-dot_1i8r0_291 {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  flex-shrink: 0;
}
._color-hex_1i8r0_299 {
  font-size: 11px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  color: var(--ui-text);
  letter-spacing: 0.02em;
}
._thickness-input_1i8r0_307 {
  width: 48px;
  height: 26px;
  padding: 0 6px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface-1);
  color: var(--ui-text);
  font-size: 11px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  text-align: center;
  outline: none;
  transition: all 0.12s;
}
._thickness-input_1i8r0_307:hover {
  border-color: var(--ui-border-strong);
}
._thickness-input_1i8r0_307:focus {
  border-color: var(--ui-accent-blue);
  background: var(--ui-accent-soft);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ui-accent-blue) 10%, transparent);
}
._preview_1i8r0_333 {
  padding: 8px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  text-align: center;
}
._preview-text_1i8r0_341 {
  font-size: 14px;
  color: var(--ui-text);
  line-height: 1.6;
}

/* temp_stylePlugin:src/components/controls/Input/Input.module.css */
._input_1pzq2_1 {
  background: rgba(255, 255, 255, 0.055);
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  height: 32px;
  color: var(--ui-text);
  border-radius: 6px;
  max-width: 100%;
  outline: none;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  font-size: 13px;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
textarea._input_1pzq2_1 {
  min-height: 80px;
  height: auto;
  padding: 8px 10px;
  line-height: 1.35;
}
._input_1pzq2_1:disabled {
  opacity: 0.38;
  cursor: not-allowed;
}
._input_1pzq2_1:not(:disabled):hover,
._input_1pzq2_1:focus {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
}
._input_1pzq2_1:focus {
  background: rgba(58, 156, 255, 0.12);
  border-color: #3a9cff;
  box-shadow: none;
}
._input_1pzq2_1[type=number],
._input_1pzq2_1[type=color] {
  width: 100%;
}
._input_1pzq2_1[type=number] {
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
}
._input_1pzq2_1[type=datetime-local] {
  color-scheme: dark;
}

/* temp_stylePlugin:src/components/controls/Select/Select.module.css */
._container_1azcz_1 {
  background: rgba(255, 255, 255, 0.04);
  padding: 0 8px;
  border-radius: 6px;
  height: 32px;
  line-height: 32px;
  color: var(--ui-text);
  max-width: 100%;
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  font-variant-numeric: tabular-nums;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: background 0.2s ease, border-color 0.2s ease;
}
._container_1azcz_1:not(._container--disabled_1azcz_20):hover {
  cursor: pointer;
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
}
._container--disabled_1azcz_20 {
  opacity: 0.38;
  cursor: not-allowed;
}
._options-container_1azcz_30 {
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  max-width: min(520px, 90vw);
  overflow: visible;
  border-radius: var(--ui-radius-md);
  padding: 8px;
  background-color: var(--ui-panel-bg);
  border: 1px solid var(--ui-panel-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  color: var(--ui-text);
  font-size: 11px;
  font-family: var(--ui-font);
  display: flex;
  flex-direction: column;
}
._search-container_1azcz_48 {
  border-bottom: 1px solid var(--ui-border);
  padding-bottom: 8px;
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: 18px auto;
  align-items: center;
  padding-bottom: 10px;
}
._options_1azcz_30 {
  overflow-y: auto;
  overflow-x: visible;
  flex: 1 1 auto;
  min-height: 0;
  padding-right: 2px;
}
._search_1azcz_48 {
  width: 100%;
}
._icon_1azcz_70 {
  width: 20px;
  margin-right: 2px;
  font-size: 12px;
  text-align: center;
}
._has-caption_1azcz_77 ._icon_1azcz_70 {
  width: 20px;
  margin-right: 0px;
  font-size: 12px;
  text-align: center;
  top: 2px;
  position: relative;
}
._option_1azcz_30 {
  line-height: 1.2;
  min-height: 26px;
  color: var(--ui-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 8px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid transparent;
  margin-bottom: 3px;
  transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._option--hovered_1azcz_100 {
  border: 1px solid var(--ui-border-strong);
  background: color-mix(in srgb, var(--ui-surface-4) 80%, transparent);
  cursor: pointer;
}
._option--selected_1azcz_106 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 45%, var(--ui-border));
}
._has-caption_1azcz_77 {
  height: 35px;
  border-top: 1px solid var(--ui-border);
  line-height: 18px;
}
._caption_1azcz_118 {
  padding: 0 5px;
  margin: 0px;
  height: 14px;
  font-weight: 700;
  line-height: 18px;
}

/* temp_stylePlugin:src/components/controls/Label/Label.module.css */
._label_3xqma_1 {
  font-family: var(--ui-font);
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-regular);
  letter-spacing: var(--ui-letter-spacing-tight);
}

/* temp_stylePlugin:src/components/controls/Button/Button.module.css */
._button_8ku3q_1 {
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  padding: 0 10px;
  min-height: 30px;
  background: var(--ui-surface-3);
  color: var(--ui-text);
  font-family: var(--ui-font);
  font-size: 11px;
  font-weight: var(--ui-font-weight-medium);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition:
    background,
    color,
    border 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._button_8ku3q_1:disabled {
  opacity: 0.38;
}
._button_8ku3q_1:active,
._button_8ku3q_1:focus {
  background: var(--ui-surface-4);
  border-color: var(--ui-border-strong);
  color: var(--w100);
}
._button_8ku3q_1:not([disabled]):hover {
  background: var(--ui-surface-4);
  border-color: var(--ui-border-strong);
  color: var(--w100);
  cursor: pointer;
}
._icon-button_8ku3q_34 {
  margin-right: 10px;
}

/* temp_stylePlugin:src/components/controls/FileExplorer/FilePath.module.css */
._file-path_13tl2_1 {
  width: 100%;
  display: grid;
  grid-template-columns: 30px auto 100px;
  align-items: center;
}
._go-back_13tl2_9 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._level-dragging-over_13tl2_15 {
  text-decoration: underline;
  color: var(--h230);
}
._level_13tl2_15:hover,
._go-back_13tl2_9:hover {
  cursor: pointer;
  text-decoration: underline;
  color: var(--h230);
}
._go-back-inactive_13tl2_27 {
  pointer-events: none;
  opacity: 0.5;
}
._separator_13tl2_32 {
  margin: 0 5px;
}
._icon_13tl2_36 {
  margin-right: 5px;
}
._path_13tl2_40 {
  overflow-x: auto;
  text-overflow: ellipsis;
}
._controls_13tl2_45 {
  display: grid;
  grid-template-columns: 20px 20px 20px 20px 20px;
  align-items: center;
  justify-content: flex-end;
  grid-row-gap: 5px;
}
._controls_13tl2_45 *:hover {
  cursor: pointer;
  color: var(--h230);
}
._url-input_13tl2_60 {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #000000;
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._url-input_13tl2_60 input {
  width: 80%;
}
._url-input_13tl2_60 > * {
  margin-top: 10px;
}
._url-input-buttons_13tl2_82 {
  width: 100%;
  display: grid;
  grid-template-columns: 35% 35%;
  justify-content: center;
  grid-column-gap: 10px;
  height: 20px;
  margin-bottom: 10px;
}
._url-input-button-confirm_13tl2_92 {
  background: var(--h230);
}

/* temp_stylePlugin:src/components/controls/FileExplorer/FileList.module.css */
._file-list_1ms4z_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._toolbar_1ms4z_9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: #1a1a1a;
  border-bottom: 1px solid #333;
  gap: 12px;
}
._view-controls_1ms4z_19 {
  display: flex;
  gap: 4px;
}
._view-button_1ms4z_24 {
  background: transparent;
  border: 1px solid #333;
  color: #999;
  padding: 6px 10px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
._view-button_1ms4z_24:hover {
  background: #2a2a2a;
  border-color: #555;
  color: #fff;
}
._view-button-active_1ms4z_43 {
  background: rgba(75, 100, 247, 0.2);
  border-color: rgba(75, 100, 247, 0.5);
  color: #4b64f7;
}
._sort-controls_1ms4z_49 {
  display: flex;
  gap: 4px;
  align-items: center;
}
._sort-select_1ms4z_55 {
  background: #2a2a2a;
  border: 1px solid #333;
  color: #999;
  padding: 6px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  outline: none;
}
._sort-select_1ms4z_55:hover {
  border-color: #555;
  color: #fff;
}
._sort-button_1ms4z_71 {
  background: transparent;
  border: 1px solid #333;
  color: #999;
  padding: 6px 10px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
._sort-button_1ms4z_71:hover {
  background: #2a2a2a;
  border-color: #555;
  color: #fff;
}
._content-container_1ms4z_91 {
  display: flex;
  flex: 1;
  overflow: hidden;
  gap: 1px;
  background: #333;
}
._files_1ms4z_100 {
  flex: 1;
  overflow-y: auto;
  background: #141414;
  padding: 12px;
}
._files-grid_1ms4z_108 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  align-content: start;
}
._file-grid_1ms4z_115 {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
._file-grid_1ms4z_115:hover {
  background: #222;
  border-color: #3a3a3a;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
._file-grid-selected_1ms4z_134 {
  background: rgba(75, 100, 247, 0.15);
  border-color: rgba(75, 100, 247, 0.5);
}
._file-grid-thumbnail_1ms4z_139 {
  width: 100%;
  aspect-ratio: 1;
  background: #0a0a0a;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
._file-grid-image_1ms4z_150 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
._file-grid-icon-container_1ms4z_156 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
._file-grid-icon_1ms4z_156 {
  font-size: 48px;
  color: #555;
}
._file-grid-progress_1ms4z_169 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: rgba(0, 0, 0, 0.5);
}
._file-grid-progress-bar_1ms4z_178 {
  height: 100%;
  background: #4b64f7;
  transition: width 0.3s;
}
._file-grid-info_1ms4z_184 {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._file-grid-name_1ms4z_191 {
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._file-grid-size_1ms4z_199 {
  font-size: 11px;
  color: #777;
}
._files-list_1ms4z_205 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}
._header_1ms4z_212,
._file_1ms4z_1 {
  display: grid;
  grid-template-columns: auto 120px 80px 110px;
  grid-column-gap: 20px;
  align-items: center;
  padding: 0 10px;
}
._header_1ms4z_212 {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  height: 24px;
  font-weight: 500;
}
._header-column_1ms4z_228:hover {
  cursor: pointer;
}
._header-icon_1ms4z_232 {
  margin-right: 6px;
}
._file_1ms4z_1 {
  min-height: 20px;
}
._file_1ms4z_1:nth-child(even):not(._file-selected_1ms4z_239) {
  background: #222222;
}
._file-selected_1ms4z_239 {
  background: rgba(75, 100, 247, 0.3);
  color: #fff;
}
._file-selected_1ms4z_239 input {
  color: #fff;
}
._file-dragging-over_1ms4z_251 {
  background: rgba(75, 100, 247, 0.3);
  border: 1px solid var(--h230);
}
._icon_1ms4z_256 {
  margin-right: 10px;
}
._input_1ms4z_260 {
  outline: none;
  border: none;
  background: transparent;
  color: #999;
  width: calc(100% - 30px);
  text-overflow: ellipsis;
  line-height: 100%;
  cursor: default;
}
._input-editing_1ms4z_270 {
  border: 1px solid var(--h230);
  background: #666;
  cursor: text;
}
._file-name_1ms4z_276,
._file-extension_1ms4z_277,
._file-created-at_1ms4z_278 {
  text-align: left;
}
._file-size_1ms4z_281 {
  text-align: right;
}
._preview-panel_1ms4z_286 {
  width: 300px;
  background: #1a1a1a;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._preview-header_1ms4z_294 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #333;
}
._preview-title_1ms4z_302 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
._preview-close_1ms4z_309 {
  background: transparent;
  border: none;
  color: #999;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s;
}
._preview-close_1ms4z_309:hover {
  background: #2a2a2a;
  color: #fff;
}
._preview-content_1ms4z_324 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
._preview-image-container_1ms4z_331 {
  width: 100%;
  aspect-ratio: 1;
  background: #0a0a0a;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
._preview-image_1ms4z_331 {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 4px;
}
._preview-placeholder_1ms4z_348 {
  width: 100%;
  aspect-ratio: 1;
  background: #0a0a0a;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
._preview-icon_1ms4z_359 {
  font-size: 64px;
  color: #555;
}
._preview-no-preview_1ms4z_364 {
  color: #777;
  font-size: 12px;
  margin: 0;
}
._preview-info_1ms4z_370 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._preview-info-row_1ms4z_377 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._preview-label_1ms4z_383 {
  font-size: 11px;
  color: #777;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._preview-value_1ms4z_390 {
  font-size: 12px;
  color: #fff;
  word-break: break-all;
}
._loading_1ms4z_397 {
  height: 0;
  opacity: 0;
  transition-property: opacity;
  transition-delay: 2s;
  padding: 20px;
  text-align: center;
  color: #999;
}
._loading-show_1ms4z_406 {
  height: auto;
  opacity: 1;
}

/* temp_stylePlugin:src/components/controls/FileExplorer/FilePicker.module.css */
._container_apxad_1 {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  background: #000000;
  display: grid;
  grid-template-columns: 100px 100px;
  grid-column-gap: 20px;
  align-items: center;
  justify-content: right;
  padding-right: 30px;
}
._confirm-button_apxad_15 {
  background: var(--h230);
}
._cancel-button_apxad_19 {
}

/* temp_stylePlugin:src/components/controls/FileExplorer/FileExplorer.module.css */
._file-explorer_a27j0_1 {
  background: #141414;
  width: 100%;
  height: 100%;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  font-size: 12px;
  position: absolute;
  outline: none;
  overflow: auto;
  color: #999;
  border-radius: 5px;
  border: 1px solid #272727;
}
._file-display_a27j0_15 {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 40px auto 30px;
}
._file-dropzone_a27j0_22 {
  position: absolute;
  display: none;
}
._file-dropzone-dragging_a27j0_26 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  background: rgba(75, 100, 247, 0.5);
  border: 3px dashed var(--h230);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/FileReferenceControl/FileReferenceControl.module.css */
._file-explorer_1sx3g_1 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: 500px;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControlsHelpers/AdvancedOption/AdvancedOption.module.css */
._container_1jc0i_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px 0;
  width: 100%;
}
._type-picker_1jc0i_12 {
  overflow: hidden;
  width: 100%;
  height: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
  align-items: center;
  border-radius: 5px;
}
._type-picker-option_1jc0i_22 {
  background: #201e1e;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
._type-picker-option_1jc0i_22:hover {
  background: var(--w90);
  color: #5b5b61;
  cursor: pointer;
}
._type-picker-option--selected_1jc0i_35 {
  background: var(--h230);
}
._color-picker_1jc0i_41,
._gradient-picker_1jc0i_42,
._image-picker_1jc0i_43,
._advanced-options_1jc0i_44 {
  width: 100%;
  margin-top: 20px;
}
._label_1jc0i_49 {
  display: inline-block;
  margin-bottom: 10px;
}
._label-container_1jc0i_56 {
  display: grid;
  grid-template-columns: minmax(50px, auto) minmax(0, 1fr);
  width: 100%;
  align-items: center;
  justify-content: center;
  transition: 150ms ease-in-out;
  margin-top: 3px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  min-width: 0;
}
._label-text_1jc0i_68 {
  color: var(--ui-text-faint);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 1rem;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 9px;
}
._input_1jc0i_83 {
  min-width: 0;
  width: 100%;
  margin: 0;
  transition: border 150ms ease-in-out;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  padding: 0 6px;
  border-radius: var(--ui-radius-sm);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ColorPickerPanel/ColorPickerPanel.module.css */
._picker-panel_qkw9v_3 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
._picker-saturation_qkw9v_10 {
  position: relative;
  width: 100%;
  height: 130px;
  border-radius: var(--ui-radius-sm);
  overflow: hidden;
}
._picker-saturation--compact_qkw9v_18 {
  position: relative;
  width: 100%;
  height: 80px;
  border-radius: var(--ui-radius-sm);
  overflow: hidden;
}
._picker-panel--compact_qkw9v_26 {
  gap: 4px;
}
._picker-slider_qkw9v_30 {
  position: relative;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
}
._mode-tabs_qkw9v_40 {
  display: flex;
  gap: 0;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 5px;
  padding: 2px;
  margin-top: 2px;
}
._mode-tab_qkw9v_40 {
  flex: 1;
  padding: 3px 0;
  border: none;
  background: none;
  color: var(--ui-text-muted);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.15s ease;
  text-align: center;
}
._mode-tab_qkw9v_40:hover {
  color: var(--ui-text);
}
._mode-tab-active_qkw9v_69 {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ui-text);
}
._value-row_qkw9v_76 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._value-field_qkw9v_82 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
._value-field_qkw9v_82 label {
  font-size: 9px;
  color: var(--ui-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1;
}
._value-field_qkw9v_82 input {
  width: 100%;
  height: 24px;
  padding: 2px 4px;
  font-size: 11px;
  text-align: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  color: var(--ui-text);
  outline: none;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  font-variant-numeric: tabular-nums;
}
._value-field_qkw9v_82 input:focus {
  background: rgba(58, 156, 255, 0.12);
  border-color: #3a9cff;
}
._hex-field_qkw9v_119 {
  flex: 2;
}
._hex-field_qkw9v_119 input {
  text-align: left;
  padding-left: 6px;
}
._alpha-field_qkw9v_128 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
._alpha-field_qkw9v_128 label {
  font-size: 9px;
  color: var(--ui-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1;
}
._alpha-field_qkw9v_128 input {
  width: 100%;
  height: 24px;
  padding: 2px 4px;
  font-size: 11px;
  text-align: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  color: var(--ui-text);
  outline: none;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
}
._alpha-field_qkw9v_128 input:focus {
  background: rgba(58, 156, 255, 0.12);
  border-color: #3a9cff;
}
._bottom-bar_qkw9v_166 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
._current-color_qkw9v_175 {
  position: relative;
  flex: 1;
  height: 28px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  overflow: hidden;
  background-color: white;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=);
  background-size: 8px 8px;
}
._current-color-fill_qkw9v_187 {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
._current-color-label_qkw9v_193 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  pointer-events: none;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
._tool-btn_qkw9v_209 {
  width: 28px;
  height: 28px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.03);
  cursor: pointer;
  font-size: 13px;
  color: var(--ui-text-muted);
  padding: 0;
  flex-shrink: 0;
  transition: all 0.15s ease;
}
._tool-btn_qkw9v_209:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._tool-btn_qkw9v_209:active {
  transform: scale(0.94);
}
._popover_qkw9v_238 {
  width: 232px;
  padding: 10px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
}
.saturation-white {
  border-radius: 4px;
}
.hue-horizontal {
  border-radius: 4px;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ColorControl/ColorControl.module.css */
._color-control_4lvbo_3 {
  width: 100%;
}
._swatch-row_4lvbo_7 {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  padding: 0 2px;
  height: 28px;
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  transition: background 0.12s;
}
._swatch-row_4lvbo_7:hover {
  background: var(--ui-surface-2);
}
._swatch_4lvbo_7 {
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 5px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  cursor: pointer;
  background-color: white;
  flex-shrink: 0;
}
._swatch-hex_4lvbo_34 {
  font-size: 11px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  color: var(--ui-text);
  letter-spacing: 0.02em;
}
._swatch-alpha_4lvbo_41 {
  font-size: 10px;
  color: var(--ui-text-muted);
  margin-left: auto;
  font-variant-numeric: tabular-nums;
}

/* temp_stylePlugin:../../node_modules/react-linear-gradient-picker/dist/index.css */
.ap {
  flex: none;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d2d5dc;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.ap .apc {
  width: 6px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ap .aph {
  width: 6px;
  height: 6px;
  background-color: #4374AD;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 4px;
  margin: auto;
  cursor: pointer;
}
.cs {
  height: 17px;
  position: absolute;
  width: 11px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAQAAABzuJQIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAB7SURBVCjP3c7BDQMhDETRP4gyUlb6SEphe9w+JgdArIMPm2uGizV6MpbpERgBzGb0tuZcLvTbDSoHrMUMQmFrY/IaaOeKB7yE+1yTz43irZNXbXcCFosuXqFt9g0cyZICT7LkrU+b62vGeVv4IX+Phc+tfABZK3xj5cgHC29ECUeufxkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDUtMzFUMTg6NDE6MzIrMDI6MDD31tLGAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA1LTMxVDE4OjQxOjMyKzAyOjAwhotqegAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) right center;
}
.cs div {
  height: 7px;
  left: 2px;
  width: 7px;
  position: absolute;
  top: 8px;
}
.active {
  background-position: left center;
}
.cp div {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.cp div:hover {
  border: 1px solid #fff;
}
.gp {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gp .gp-flat {
  margin: 0 auto;
  padding: 10px 0 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.gpw {
  padding: 20px;
}
.gpw .trigger {
  padding: 5px;
  background: rgb(255, 255, 255);
  border-radius: 1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px;
  display: inline-block;
  cursor: pointer;
}
.gpw .trigger .inner {
  width: 36px;
  height: 14px;
  border-radius: 2px;
}
.gpw .popover {
  z-index: 2;
  margin-top: 6px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 8px 16px;
  padding: 12px;
  border-radius: 4px;
  position: absolute;
}
.gpw .popover .angle-holder {
  margin: 0 -10px;
  padding: 10px 0 0 10px;
  border-top: 1px solid rgb(238, 238, 238);
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.gpw .popover .angle-inputs {
  border-radius: 4px;
  background: #f2f2f2;
  display: flex;
  flex: 1;
  margin: 0 20px;
  justify-content: space-around;
  align-items: center;
}
.gpw .popover .angle-inputs input {
  border: none;
  text-align: center;
  width: 48px;
  color: #0C0C09;
  background: inherit;
}
.gpw .popover .angle-inputs span {
  padding: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.gpw .overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* temp_stylePlugin:src/components/controls/FloatingPanel/FloatingPanel.module.css */
._floating_13kt1_1 {
  opacity: 1;
}
._floating-panel_13kt1_5 {
  outline: none;
  background: var(--ui-panel-bg);
  color: var(--ui-text);
  font-weight: var(--ui-font-weight-regular);
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font);
  height: 100%;
  position: absolute;
  width: 230px;
  padding: 0;
  box-sizing: border-box;
  z-index: 1;
  transition: opacity var(--ui-transition-fast);
  overflow: hidden;
  opacity: 1;
  pointer-events: all;
  border: 1px solid var(--ui-panel-border);
  border-radius: 10px;
  --panel-accent: var(--ui-accent-blue);
  --panel-accent-soft: var(--ui-accent-soft);
  display: flex;
  flex-direction: column;
  --shadow-top: 0 -4px 8px -2px rgba(0, 0, 0, 0.18);
  --shadow-bottom: 0 6px 12px -2px rgba(0, 0, 0, 0.28);
  --shadow-left: -4px 0 8px -2px rgba(0, 0, 0, 0.18);
  --shadow-right: 4px 0 8px -2px rgba(0, 0, 0, 0.18);
  box-shadow:
    var(--shadow-top),
    var(--shadow-bottom),
    var(--shadow-left),
    var(--shadow-right),
    var(--ui-panel-inset);
}
._floating-panel_13kt1_5[data-detached=true] {
  position: fixed;
}
._floating-panel_13kt1_5[data-variant=data] {
  --panel-accent: var(--ui-accent-magenta);
  --panel-accent-soft: rgba(173, 153, 164, 0.2);
}
._floating-panel_13kt1_5[data-variant=search] {
  --panel-accent: var(--ui-accent-violet);
  --panel-accent-soft: rgba(164, 163, 188, 0.2);
}
._floating-panel_13kt1_5[data-variant=service] {
  --panel-accent: var(--ui-accent-green);
  --panel-accent-soft: rgba(150, 177, 163, 0.2);
}
._floating-panel_13kt1_5[data-variant=danger] {
  --panel-accent: var(--ui-accent-red);
  --panel-accent-soft: rgba(185, 147, 147, 0.22);
}
._floating-panel_13kt1_5[data-variant=utility] {
  --panel-accent: var(--ui-accent-amber);
  --panel-accent-soft: rgba(183, 164, 131, 0.2);
}
._floating-panel_13kt1_5[data-panel-key=inspector] {
  overflow: visible;
  border-radius: 10px;
  border-color: color-mix(in srgb, var(--ui-border-strong) 86%, transparent);
  max-height: calc(100vh - 4px);
}
._floating-panel_13kt1_5[data-panel-key=inspector] ._header_13kt1_82 {
  padding: 0 10px;
  border-bottom-color: color-mix(in srgb, var(--ui-border) 80%, transparent);
  background: transparent;
}
._floating-panel_13kt1_5[data-panel-key=inspector] ._title_13kt1_88 {
  font-size: 12px;
  letter-spacing: 0;
}
._floating-panel_13kt1_5[data-panel-key=inspector] ._content_13kt1_93 {
  padding: 0;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--ui-surface-3) 86%, transparent) transparent;
}
._floating-panel_13kt1_5[data-panel-key=inspector] ._content_13kt1_93::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
._floating-panel_13kt1_5[data-panel-key=inspector] ._content_13kt1_93::-webkit-scrollbar-track {
  background: transparent;
}
._floating-panel_13kt1_5[data-panel-key=inspector] ._content_13kt1_93::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 0;
  background: color-mix(in srgb, var(--ui-surface-3) 86%, transparent);
}
._floating-panel_13kt1_5[data-snapped-top=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-width: 0;
  --shadow-top: 0 0 0 0 transparent;
}
._floating-panel_13kt1_5[data-snapped-bottom=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-width: 0;
  --shadow-bottom: 0 0 0 0 transparent;
}
._floating-panel_13kt1_5[data-snapped-left=true] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
  --shadow-left: 0 0 0 0 transparent;
}
._floating-panel_13kt1_5[data-snapped-right=true] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
  --shadow-right: 0 0 0 0 transparent;
}
._floating-panel--focus_13kt1_143 {
  box-shadow:
    var(--shadow-top),
    var(--shadow-bottom),
    var(--shadow-left),
    var(--shadow-right),
    var(--ui-panel-inset),
    0 0 0 1px var(--ui-accent-soft);
}
._floating-panel_13kt1_5._hidden_13kt1_153 {
  opacity: 0;
  pointer-events: none;
}
._floating-panel_13kt1_5._hidden_13kt1_153 * {
  opacity: 0;
  pointer-events: none;
}
._header_13kt1_82 {
  padding: 0 8px;
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  gap: 6px;
  color: var(--ui-text-faint);
  border-bottom: 1px solid var(--ui-panel-border);
  background: var(--ui-panel-bg);
  flex-shrink: 0;
  box-sizing: border-box;
}
._icon_13kt1_178 {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--panel-accent);
  font-size: 14px;
  flex-shrink: 0;
}
._title_13kt1_88 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  flex: 1;
  min-width: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 12px;
  color: var(--ui-text-muted);
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._header-actions_13kt1_206 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  transition: opacity 120ms;
}
._header_13kt1_82:hover ._header-actions_13kt1_206 {
  opacity: 1;
}
._header-action_13kt1_206 {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: none;
  background: transparent;
  color: var(--ui-text-faint);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  padding: 0;
  transition: color 100ms, background 100ms;
}
._header-action_13kt1_206:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  color: var(--ui-text);
}
._close-button_13kt1_238 {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 12px;
  color: var(--ui-text-faint);
  background: transparent;
  padding: 0;
  transition:
    opacity 120ms,
    color 100ms,
    background 100ms;
}
._header_13kt1_82:hover ._close-button_13kt1_238 {
  opacity: 1;
}
._close-button_13kt1_238:hover {
  background: color-mix(in srgb, var(--ui-accent-red) 14%, transparent);
  color: var(--ui-accent-red);
}
._close-button-x_13kt1_264 {
  transform: rotateZ(45deg) translate(0px, -1px);
  font-size: 15px;
}
._snap-indicator_13kt1_270 {
  position: fixed;
  z-index: 99999;
  pointer-events: none;
  background: var(--ui-accent-blue);
  border-radius: 1px;
  box-shadow: 0 0 8px color-mix(in srgb, var(--ui-accent-blue) 60%, transparent);
  transition: opacity 80ms;
}
._snap-indicator--horizontal_13kt1_280 {
  height: 2px;
}
._snap-indicator--vertical_13kt1_284 {
  width: 2px;
}
._footer_13kt1_288 {
  flex-shrink: 0;
  padding: 6px 10px 10px;
  border-top: 1px solid var(--ui-panel-border);
}
.simplebar-content {
  height: 100%;
}
._content_13kt1_93 {
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
._content_13kt1_93::-webkit-scrollbar {
  position: absolute;
  background: transparent;
  width: 7px;
  height: 7px;
}
._content_13kt1_93::-webkit-scrollbar-track {
  background: transparent;
}
._content_13kt1_93::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.24);
  border: 1px solid transparent;
  background-clip: content-box;
}
._content_13kt1_93::-webkit-scrollbar-button {
  display: none;
}
._content--with-footer_13kt1_328 {
}
._resize-handle_13kt1_332 {
  position: absolute;
  width: 16px;
  height: 16px;
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
  background-color: var(--ui-surface-2);
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8bGluZSB4MT0iMCIgeTE9IjEyMCIgeDI9IjExMCIgeTI9IjIwIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEycHgiIHN0cm9rZS1vcGFjaXR5PSIwLjI1IiAvPgogIDxsaW5lIHgxPSIyMCIgeTE9IjE0MCIgeDI9IjEzMCIgeTI9IjQwIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEycHgiIHN0cm9rZS1vcGFjaXR5PSIwLjI1IiAvPgo8L3N2Zz4=);
  transition: background-color var(--ui-transition-fast);
}
._resize-handle_13kt1_332:hover {
  background-color: var(--ui-surface-3);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ColorGradient/ColorGradientControl.module.css */
._gradient-control_sbr9u_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
._summary_sbr9u_8 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  cursor: pointer;
  transition: opacity 0.12s;
}
._summary_sbr9u_8:hover {
  opacity: 0.85;
}
._summary-preview_sbr9u_21 {
  flex: 1;
  height: 20px;
  border-radius: var(--ui-radius-sm);
  border: 0px solid;
  background-size: cover;
  background-position: center;
}
._summary-label_sbr9u_30 {
  font-size: 9px;
  color: var(--ui-text-faint);
  white-space: nowrap;
  flex-shrink: 0;
}
._editor_sbr9u_37 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  width: 100%;
  box-sizing: border-box;
}
._panel-preview_sbr9u_49 {
  height: 28px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background-size: cover;
  background-position: center;
  border-width: 0px;
  margin: 0;
}
._gradient-picker-wrapper_sbr9u_59 {
  width: 100%;
  min-width: 0;
}
._options-row_sbr9u_64 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._angle-picker_sbr9u_70 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
._type-trigger_sbr9u_78 {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 1;
  min-width: 0;
  height: 24px;
  padding: 0 4px;
  border-radius: var(--ui-radius-sm);
  border: none;
  background: none;
  cursor: pointer;
  transition: background 0.12s;
}
._type-trigger_sbr9u_78:hover {
  background: var(--ui-surface-2);
}
._type-trigger-dimmed_sbr9u_97 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.6;
}
._type-trigger-label_sbr9u_106 {
  font-size: 10px;
  color: var(--ui-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._type-trigger-caret_sbr9u_114 {
  color: var(--ui-text-faint);
  font-size: 9px;
  margin-left: auto;
}
._type-dropdown_sbr9u_120 {
  width: 160px;
  padding: 3px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._type-option_sbr9u_132 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 7px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.1s;
}
._type-option_sbr9u_132:hover {
  background: rgba(255, 255, 255, 0.06);
}
._type-option-active_sbr9u_146 {
  background: rgba(58, 156, 255, 0.12);
}
._type-option-label_sbr9u_150 {
  font-size: 10px;
  color: var(--ui-text-muted);
}
._type-option-icon_sbr9u_156 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 2px;
}
._type-option-icon--linear_sbr9u_163 {
  background:
    linear-gradient(
      90deg,
      var(--ui-text-faint) 0%,
      var(--ui-text-muted) 100%);
}
._type-option-icon--radial_sbr9u_167 {
  background:
    radial-gradient(
      circle,
      var(--ui-text-muted) 0%,
      var(--ui-text-faint) 100%);
}
._type-option-icon--repeating-linear_sbr9u_171 {
  background:
    repeating-linear-gradient(
      90deg,
      var(--ui-text-faint) 0%,
      var(--ui-text-muted) 25%,
      var(--ui-text-faint) 50%);
}
._type-option-icon--repeating-radial_sbr9u_180 {
  background:
    repeating-radial-gradient(
      circle,
      var(--ui-text-muted) 0%,
      var(--ui-text-faint) 25%,
      var(--ui-text-muted) 50%);
}
._type-option-icon--conic_sbr9u_189 {
  background:
    conic-gradient(
      var(--ui-text-faint),
      var(--ui-text-muted),
      var(--ui-text-faint));
  border-radius: 50%;
}
.gp {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  align-items: stretch;
  padding: 4px;
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border-subtle);
  border-radius: var(--ui-radius-sm);
  box-shadow: none;
  overflow: hidden;
}
.gp .gp-flat {
  margin: 0 auto;
  padding: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.cs {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
}
.cs div {
  border-radius: 2px;
}
.ap {
  background-color: var(--ui-surface-3);
  border: 1px solid var(--ui-border);
}
.ap .aph {
  background-color: color-mix(in srgb, var(--ui-accent-blue) 62%, #5faeff);
}
.palette,
.csh {
  max-width: 100%;
}
.gp .palette,
.gp .csh {
  width: 100% !important;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/BackgroundControl/BackgroundControl.module.css */
._container_14bdm_1 {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  padding: 4px 0 0 0;
  width: 100%;
  gap: 8px;
}
._type-trigger_14bdm_13 {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 4px;
  border-radius: var(--ui-radius-sm);
  border: none;
  background: none;
  cursor: pointer;
  transition: background 0.12s;
}
._type-trigger_14bdm_13:hover {
  background: var(--ui-surface-2);
}
._type-trigger-dimmed_14bdm_30 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.6;
}
._type-trigger-label_14bdm_39 {
  font-size: 10px;
  color: var(--ui-text-muted);
  text-transform: capitalize;
}
._type-trigger-caret_14bdm_45 {
  color: var(--ui-text-faint);
  font-size: 9px;
  margin-left: auto;
}
._type-dropdown_14bdm_51 {
  width: 140px;
  padding: 3px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._type-option_14bdm_63 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 7px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.1s;
}
._type-option_14bdm_63:hover {
  background: rgba(255, 255, 255, 0.06);
}
._type-option-active_14bdm_77 {
  background: rgba(58, 156, 255, 0.12);
}
._type-option-label_14bdm_81 {
  font-size: 10px;
  color: var(--ui-text-muted);
  text-transform: capitalize;
}
._type-option-icon-no-fill_14bdm_88,
._type-option-icon-solid-color_14bdm_89,
._type-option-icon-gradient_14bdm_90,
._type-option-icon-image_14bdm_91 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 2px;
}
._type-option-icon-no-fill_14bdm_88 {
  border: 1.5px solid var(--ui-text-faint);
  position: relative;
  background: none;
}
._type-option-icon-no-fill_14bdm_88::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -1px;
  right: -1px;
  height: 1.5px;
  background: var(--ui-text-faint);
  transform: rotate(-45deg);
}
._type-option-icon-solid-color_14bdm_89 {
  background: var(--ui-text-muted);
}
._type-option-icon-gradient_14bdm_90 {
  background:
    linear-gradient(
      90deg,
      #000 0%,
      #fff 100%);
}
._type-option-icon-image_14bdm_91 {
  border: 1.5px solid var(--ui-text-faint);
  background: none;
  position: relative;
  overflow: hidden;
}
._type-option-icon-image_14bdm_91::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 1px;
  right: 1px;
  height: 5px;
  background:
    linear-gradient(
      135deg,
      var(--ui-text-faint) 33%,
      transparent 33%) -3px 0,
    linear-gradient(
      225deg,
      var(--ui-text-faint) 33%,
      transparent 33%) -3px 0;
  background-size: 6px 6px;
}
._color-summary-container_14bdm_142 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._color-summary_14bdm_142 {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.04);
  min-height: 32px;
  width: 100%;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 7px;
  color: var(--ui-text-muted);
  padding: 0 8px;
  cursor: pointer;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.15s ease;
}
._color-summary_14bdm_142:hover {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: var(--ui-text);
}
._color-summary--open_14bdm_170 {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 10%, var(--ui-surface-2));
  color: var(--ui-text);
}
._color-summary-swatch_14bdm_176 {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}
._color-summary-value_14bdm_184 {
  font-size: 13px;
  font-family: var(--ui-font);
  color: #5a5a5e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._color-summary_14bdm_142 i {
  font-size: 12px;
  color: #5a5a5e;
  transition: transform 0.15s ease, color 0.15s ease;
}
._color-summary_14bdm_142:hover i {
  color: #8a8a8e;
  transform: translateX(2px);
}
._color-picker_14bdm_206,
._image-picker_14bdm_207,
._advanced-options_14bdm_208 {
  font-size: 10px;
  width: 100%;
  margin-top: 2px;
  background: color-mix(in srgb, var(--ui-surface-2) 52%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  border-radius: var(--ui-radius-md);
  padding: 8px;
  box-shadow: none;
}
._gradient-picker_14bdm_219 {
  font-size: 10px;
  width: 100%;
  margin-top: 0;
}
._label_14bdm_225 {
  display: inline-block;
  margin-bottom: 4px;
  color: var(--ui-text-faint);
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 8px;
}
._label-container_14bdm_237 {
  display: grid;
  grid-template-columns: auto 1fr;
  width: 100%;
  align-items: center;
  justify-content: center;
  transition: background 150ms ease-in-out;
  margin-top: 2px;
  padding: 2px 0;
  -moz-column-gap: 6px;
  column-gap: 6px;
}
._label-text_14bdm_249 {
  color: var(--ui-text-faint);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 1rem;
  padding: 0;
  margin: 0;
  font-size: 9px;
}
._input_14bdm_260 {
  min-width: 0;
  padding: 0 6px;
  border: 0;
  margin: 0;
  transition: border 150ms ease-in-out;
  color: rgb(210, 210, 210);
  font-size: 10px;
  height: 22px;
  line-height: 22px;
  border-radius: var(--ui-radius-sm);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/BitmapFilterControl/BitmapFilterControl.module.css */
._container_1772d_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
._type-trigger_1772d_10 {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 4px;
  border-radius: var(--ui-radius-sm);
  border: none;
  background: none;
  cursor: pointer;
  transition: background 0.12s;
}
._type-trigger_1772d_10:hover {
  background: var(--ui-surface-2);
}
._type-trigger-dimmed_1772d_27 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.6;
}
._type-trigger-label_1772d_36 {
  font-size: 10px;
  color: var(--ui-text-muted);
  display: flex;
  align-items: center;
  gap: 4px;
}
._type-trigger-caret_1772d_44 {
  color: var(--ui-text-faint);
  font-size: 9px;
  margin-left: auto;
}
._type-dropdown_1772d_50 {
  width: 200px;
  padding: 3px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1px;
  max-height: 340px;
  overflow-y: auto;
}
._type-section-label_1772d_64 {
  font-size: 8px;
  font-weight: 600;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 6px 7px 2px;
  opacity: 0.5;
}
._type-section-divider_1772d_74 {
  height: 1px;
  background: var(--ui-border);
  margin: 4px 6px;
  opacity: 0.5;
}
._type-option_1772d_81 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 7px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.1s;
}
._type-option_1772d_81:hover {
  background: rgba(255, 255, 255, 0.06);
}
._type-option-active_1772d_95 {
  background: rgba(58, 156, 255, 0.12);
}
._type-option-label_1772d_99 {
  font-size: 10px;
  color: var(--ui-text-muted);
  flex: 1;
}
._svg-badge_1772d_107 {
  font-size: 7px;
  font-weight: 700;
  color: #a78bfa;
  background: rgba(167, 139, 250, 0.12);
  padding: 1px 3px;
  border-radius: 2px;
  letter-spacing: 0.04em;
}
._svg-badge-small_1772d_117 {
  font-size: 7px;
  font-weight: 600;
  color: #a78bfa;
  opacity: 0.6;
  margin-left: auto;
  letter-spacing: 0.04em;
}
._type-option-icon_1772d_128 {
  width: 18px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}
._type-option-icon--blur_1772d_138 {
  background:
    linear-gradient(
      90deg,
      var(--ui-text-muted) 0%,
      transparent 100%);
  filter: blur(2px);
}
._type-option-icon--sepia_1772d_143 {
  background: #8b7355;
}
._type-option-icon--grayscale_1772d_147 {
  background:
    linear-gradient(
      90deg,
      #666 0%,
      #aaa 100%);
}
._type-option-icon--contrast_1772d_151 {
  background:
    linear-gradient(
      90deg,
      #000 0%,
      #000 50%,
      #fff 50%,
      #fff 100%);
}
._type-option-icon--brightness_1772d_155 {
  background:
    linear-gradient(
      90deg,
      var(--ui-text-faint) 0%,
      #fff 100%);
}
._type-option-icon--invert_1772d_159 {
  background: #fff;
  border: 1px solid var(--ui-border);
}
._type-option-icon--invert_1772d_159::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #000;
}
._type-option-icon--hue-rotate_1772d_174 {
  background:
    conic-gradient(
      red,
      yellow,
      lime,
      cyan,
      blue,
      magenta,
      red);
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
._type-option-icon--saturate_1772d_181 {
  background:
    linear-gradient(
      90deg,
      #888 0%,
      #ff4444 100%);
}
._type-option-icon--gooey_1772d_186 {
  background:
    radial-gradient(
      circle at 35% 50%,
      #3498db 30%,
      transparent 31%),
    radial-gradient(
      circle at 65% 50%,
      #3498db 30%,
      transparent 31%),
    radial-gradient(
      circle at 50% 50%,
      #3498db 15%,
      transparent 16%);
  filter: blur(1px) contrast(2);
}
._type-option-icon--threshold_1772d_193 {
  background:
    linear-gradient(
      90deg,
      #000 0%,
      #000 48%,
      #fff 52%,
      #fff 100%);
}
._type-option-icon--noise_1772d_197 {
  background:
    repeating-conic-gradient(#555 0% 25%, #888 0% 50%) 0 0 / 3px 3px,
    linear-gradient(
      135deg,
      #666,
      #999);
  background-blend-mode: overlay;
}
._type-option-icon--duotone_1772d_204 {
  background:
    linear-gradient(
      135deg,
      #e74c3c 0%,
      #3498db 100%);
}
._type-option-icon--emboss_1772d_208 {
  background:
    linear-gradient(
      135deg,
      #aaa 0%,
      #666 40%,
      #ccc 60%,
      #888 100%);
}
._type-option-icon--edge-detect_1772d_212 {
  background: #111;
  border: 1px solid #888;
  box-shadow: inset 0 0 0 1px #555;
}
._value-row_1772d_220 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._value-label_1772d_226 {
  font-size: 9px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  min-width: 28px;
  text-align: right;
  flex-shrink: 0;
}
._slider-wrapper_1772d_237 {
  flex: 1;
  min-width: 0;
  position: relative;
  height: 18px;
  display: flex;
  align-items: center;
}
._slider_1772d_237 {
  width: 100%;
  height: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--ui-surface-3);
  border-radius: 2px;
  outline: none;
  cursor: pointer;
}
._slider_1772d_237::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--ui-accent-blue);
  border: 2px solid var(--ui-surface-1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  cursor: grab;
}
._slider_1772d_237::-webkit-slider-thumb:active {
  cursor: grabbing;
}
._slider--svg_1772d_272::-webkit-slider-thumb {
  background: #a78bfa;
}
._value-display_1772d_276 {
  font-size: 10px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  font-variant-numeric: tabular-nums;
  color: var(--ui-text-muted);
  min-width: 36px;
  text-align: left;
  flex-shrink: 0;
}
._preview_1772d_288 {
  position: relative;
  height: 32px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
._preview-bar_1772d_299 {
  position: absolute;
  inset: 0;
  display: flex;
}
._preview-bar-segment_1772d_305 {
  flex: 1;
  height: 100%;
}
._preview-label_1772d_310 {
  position: relative;
  z-index: 1;
  font-size: 9px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  letter-spacing: 0.04em;
}
._preview-svg_1772d_322 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 8px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid rgba(167, 139, 250, 0.15);
  background: rgba(167, 139, 250, 0.04);
}
._preview-svg-icon_1772d_333 {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  flex-shrink: 0;
}
._preview-svg-icon--gooey_1772d_340 {
  background:
    radial-gradient(
      circle at 35% 45%,
      #818cf8 35%,
      transparent 36%),
    radial-gradient(
      circle at 65% 55%,
      #818cf8 35%,
      transparent 36%),
    radial-gradient(
      circle at 50% 50%,
      #818cf8 20%,
      transparent 21%);
  filter: blur(1.5px) contrast(3);
}
._preview-svg-icon--threshold_1772d_347 {
  background:
    linear-gradient(
      135deg,
      #000 0%,
      #000 45%,
      #fff 55%,
      #fff 100%);
  border-radius: 4px;
}
._preview-svg-icon--noise_1772d_352 {
  background:
    repeating-conic-gradient(#666 0% 25%, #999 0% 50%) 0 0 / 2px 2px,
    linear-gradient(
      135deg,
      #777,
      #bbb);
  background-blend-mode: overlay;
}
._preview-svg-icon--duotone_1772d_359 {
  background:
    linear-gradient(
      135deg,
      #e74c3c 0%,
      #3498db 100%);
}
._preview-svg-icon--emboss_1772d_363 {
  background:
    linear-gradient(
      135deg,
      #bbb 0%,
      #666 40%,
      #ddd 60%,
      #999 100%);
}
._preview-svg-icon--edge-detect_1772d_367 {
  background: #111;
  border: 1px solid #999;
  box-shadow: inset 1px 1px 0 #666, inset -1px -1px 0 #444;
}
._preview-svg-info_1772d_373 {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._preview-svg-name_1772d_379 {
  font-size: 10px;
  font-weight: 500;
  color: #c4b5fd;
}
._preview-svg-value_1772d_385 {
  font-size: 9px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  color: var(--ui-text-faint);
}
._matrix-editor_1772d_393 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._matrix-presets_1772d_399 {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
._matrix-preset-btn_1772d_405 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  background: var(--ui-surface-2);
  padding: 2px 5px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
  letter-spacing: 0.02em;
}
._matrix-preset-btn_1772d_405:hover {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
}
._matrix-grid_1772d_422 {
  display: grid;
  gap: 2px;
  padding: 4px;
  background: var(--ui-surface-2);
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
}
._matrix-cell_1772d_431 {
  width: 100%;
  height: 24px;
  font-size: 9px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  font-variant-numeric: tabular-nums;
  text-align: center;
  background: var(--ui-surface-1);
  color: var(--ui-text-muted);
  border: 1px solid transparent;
  border-radius: 2px;
  outline: none;
  transition: border-color 0.1s, background 0.1s;
  -moz-appearance: textfield;
}
._matrix-cell_1772d_431::-webkit-inner-spin-button,
._matrix-cell_1772d_431::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._matrix-cell_1772d_431:focus {
  border-color: var(--ui-accent-blue);
  background: rgba(58, 156, 255, 0.06);
}
._matrix-cell--center_1772d_458 {
  border-color: rgba(251, 191, 36, 0.3);
  font-weight: 600;
}
._matrix-cell--positive_1772d_463 {
  color: #34d399;
}
._matrix-cell--negative_1772d_467 {
  color: #f87171;
}
._matrix-info_1772d_471 {
  font-size: 8px;
  color: var(--ui-text-faint);
  text-align: center;
  opacity: 0.5;
}
._type-option-icon--glass_1772d_479 {
  background:
    radial-gradient(
      ellipse at 30% 40%,
      rgba(255, 255, 255, 0.5) 0%,
      transparent 50%),
    radial-gradient(
      ellipse at 70% 60%,
      rgba(120, 200, 255, 0.3) 0%,
      transparent 50%),
    linear-gradient(
      135deg,
      rgba(200, 220, 255, 0.25),
      rgba(180, 200, 255, 0.1));
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}
._preview-svg-icon--glass_1772d_488 {
  background:
    radial-gradient(
      ellipse at 35% 35%,
      rgba(255, 255, 255, 0.6) 0%,
      transparent 45%),
    radial-gradient(
      ellipse at 65% 65%,
      rgba(100, 180, 255, 0.35) 0%,
      transparent 50%),
    linear-gradient(
      135deg,
      rgba(200, 220, 255, 0.2),
      rgba(160, 190, 255, 0.1));
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
}
._type-option-icon--curves_1772d_498 {
  background: #1a1a2e;
  position: relative;
}
._type-option-icon--curves_1772d_498::after {
  content: "";
  position: absolute;
  inset: 2px;
  background:
    linear-gradient(
      45deg,
      transparent 20%,
      rgba(52, 152, 219, 0.6) 50%,
      transparent 80%);
  border-radius: 1px;
}
._preview-svg-icon--curves_1772d_511 {
  background: #1a1a2e;
  position: relative;
}
._preview-svg-icon--curves_1772d_511::after {
  content: "";
  position: absolute;
  inset: 3px;
  background:
    linear-gradient(
      45deg,
      transparent 15%,
      rgba(52, 152, 219, 0.7) 45%,
      rgba(231, 76, 60, 0.5) 65%,
      transparent 85%);
  border-radius: 2px;
}
._type-option-icon--convolution_1772d_525 {
  background:
    linear-gradient(
      90deg,
      transparent 32%,
      var(--ui-text-faint) 33%,
      var(--ui-text-faint) 34%,
      transparent 35%),
    linear-gradient(
      90deg,
      transparent 65%,
      var(--ui-text-faint) 66%,
      var(--ui-text-faint) 67%,
      transparent 68%),
    linear-gradient(
      0deg,
      transparent 28%,
      var(--ui-text-faint) 29%,
      var(--ui-text-faint) 30%,
      transparent 31%),
    linear-gradient(
      0deg,
      transparent 64%,
      var(--ui-text-faint) 65%,
      var(--ui-text-faint) 66%,
      transparent 67%);
}
._curves-editor_1772d_535 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._curves-presets_1772d_541 {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
._curves-preset-btn_1772d_547 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  background: var(--ui-surface-2);
  padding: 2px 5px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
  letter-spacing: 0.02em;
}
._curves-preset-btn_1772d_547:hover {
  background: rgba(52, 152, 219, 0.15);
  color: #3498db;
}
._curves-info_1772d_564 {
  font-size: 8px;
  color: #3498db;
  text-align: center;
  opacity: 0.6;
}
._slider--curves_1772d_571::-webkit-slider-thumb {
  background: #3498db;
}
._options-editor_1772d_577 {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
._option-row_1772d_583 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._option-label_1772d_589 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  letter-spacing: 0.03em;
  min-width: 48px;
  text-align: right;
  flex-shrink: 0;
}
._option-value_1772d_599 {
  font-size: 9px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  font-variant-numeric: tabular-nums;
  color: var(--ui-text-muted);
  min-width: 36px;
  text-align: left;
  flex-shrink: 0;
}
._option-choices_1772d_610 {
  display: flex;
  gap: 1px;
  background: var(--ui-surface-2);
  border-radius: 3px;
  overflow: hidden;
  flex: 1;
}
._option-choice_1772d_610 {
  flex: 1;
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-align: center;
  padding: 3px 4px;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
  background: var(--ui-surface-1);
}
._option-choice_1772d_610:hover {
  background: rgba(255, 255, 255, 0.06);
}
._option-choice--active_1772d_635 {
  background: rgba(167, 139, 250, 0.15);
  color: #c4b5fd;
}
._curve-graph_1772d_642 {
  display: block;
  margin: 0 auto;
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  cursor: crosshair;
}
._curve-grid_1772d_651 {
  stroke: var(--ui-border);
  stroke-width: 0.5;
  stroke-dasharray: 2 2;
}
._curve-diagonal_1772d_657 {
  stroke: var(--ui-border);
  stroke-width: 0.5;
  opacity: 0.4;
}
._curve-point_1772d_663 {
  cursor: grab;
  transition: r 0.1s;
}
._curve-point_1772d_663:active {
  cursor: grabbing;
}
._curve-channels_1772d_672 {
  display: flex;
  gap: 1px;
  background: var(--ui-surface-2);
  border-radius: 3px;
  overflow: hidden;
  align-self: center;
}
._curve-channel-btn_1772d_681 {
  font-size: 8px;
  font-weight: 600;
  color: var(--ui-text-faint);
  padding: 2px 8px;
  cursor: pointer;
  background: var(--ui-surface-1);
  transition: background 0.1s, color 0.1s;
  letter-spacing: 0.04em;
}
._curve-channel-btn_1772d_681:hover {
  background: rgba(255, 255, 255, 0.06);
}
._curve-channel-btn--active_1772d_696 {
  background: rgba(255, 255, 255, 0.08);
}
._curve-axis-label_1772d_700 {
  font-size: 7px;
  fill: var(--ui-text-faint);
  opacity: 0.35;
  letter-spacing: 0.03em;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._curve-hint_1772d_709 {
  font-size: 7px;
  color: var(--ui-text-faint);
  text-align: center;
  opacity: 0.4;
  letter-spacing: 0.03em;
}
._no-filter_1772d_717 {
  font-size: 9px;
  color: var(--ui-text-faint);
  text-align: center;
  padding: 4px 0;
}

/* temp_stylePlugin:src/components/controls/InlineNumberControl/InlineNumberControl.module.css */
._container_1mtqn_1 {
  min-width: 0;
}
._labelButton_1mtqn_5 {
  width: 100%;
  height: 24px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid transparent;
  background: none;
  color: var(--ui-text);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 0 4px;
  outline: none;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  transition: color 0.1s ease;
}
._labelButton_1mtqn_5:hover {
  color: var(--ui-text);
  border-color: color-mix(in srgb, var(--ui-border) 50%, transparent);
}
._labelButtonActive_1mtqn_28 {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
}
._typingInput_1mtqn_33 {
  width: 100%;
  height: 24px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-3);
  color: var(--ui-text);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 0 7px;
  outline: none;
  box-sizing: border-box;
}
._typingInput_1mtqn_33:focus {
  border-color: var(--ui-border-strong);
  box-shadow: 0 0 0 2px var(--ui-focus-ring);
}
._labelValue_1mtqn_53 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._sliderWrap_1mtqn_60 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 0 2px;
}
._sliderPopover_1mtqn_69 {
  position: fixed;
  z-index: 200;
  padding: 7px 8px;
  border-radius: 8px;
  border: 1px solid var(--ui-panel-border);
  background: var(--ui-panel-bg);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
}
._slider_1mtqn_60 {
  width: 100%;
  margin: 0 0 1px;
  min-width: 0;
  accent-color: var(--ui-selection-outline);
}
._sliderValue_1mtqn_86 {
  min-width: 34px;
  text-align: right;
  font-size: 9px;
  letter-spacing: 0.01em;
  color: var(--ui-text-muted);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/BorderControl/BorderControl.module.css */
._border-control_1iuob_1 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._row_1iuob_9 {
  display: flex;
  align-items: center;
  gap: 5px;
}
._field_1iuob_16 {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 1;
  min-width: 0;
  color: var(--ui-text-faint);
}
._color-swatch_1iuob_26 {
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  padding: 0 2px;
  border-radius: var(--ui-radius-sm);
  height: 28px;
  transition: background 0.12s;
}
._color-swatch_1iuob_26:hover {
  background: var(--ui-surface-2);
}
._color-dot_1iuob_41 {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  flex-shrink: 0;
}
._color-hex_1iuob_49 {
  font-size: 11px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  color: var(--ui-text);
  letter-spacing: 0.02em;
}
._type-trigger_1iuob_58 {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 4px;
  border-radius: var(--ui-radius-sm);
  border: none;
  background: none;
  cursor: pointer;
  transition: background 0.12s;
}
._type-trigger_1iuob_58:hover {
  background: var(--ui-surface-2);
}
._type-preview-line_1iuob_75 {
  width: 16px;
  height: 0;
  border-bottom: 2px solid var(--ui-text-muted);
  flex-shrink: 0;
}
._type-trigger-label_1iuob_82 {
  font-size: 10px;
  color: var(--ui-text-muted);
  text-transform: capitalize;
}
._type-trigger-caret_1iuob_88 {
  color: var(--ui-text-faint);
  font-size: 9px;
  margin-left: auto;
}
._type-dropdown_1iuob_94 {
  width: 130px;
  padding: 3px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._type-option_1iuob_106 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 7px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.1s;
}
._type-option_1iuob_106:hover {
  background: rgba(255, 255, 255, 0.06);
}
._type-option-active_1iuob_120 {
  background: rgba(58, 156, 255, 0.12);
}
._type-option-line_1iuob_124 {
  width: 20px;
  flex-shrink: 0;
  height: 0;
  border-bottom: 2px solid var(--ui-text);
}
._type-option-label_1iuob_131 {
  font-size: 10px;
  color: var(--ui-text-muted);
  text-transform: capitalize;
}
._expand-btn_1iuob_140 {
  width: 22px;
  height: 22px;
  border-radius: var(--ui-radius-sm);
  border: none;
  background: none;
  color: var(--ui-text-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  transition: color 0.12s, background 0.12s;
}
._expand-btn_1iuob_140:hover {
  color: var(--ui-text);
  background: var(--ui-surface-2);
}
._expand-btn-active_1iuob_161 {
  color: var(--ui-text);
}
._detail-grid_1iuob_167 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(5, auto);
  gap: 2px 0;
  align-items: center;
  padding: 2px 0;
}
._detail-cell_1iuob_176 {
  display: flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  color: var(--ui-text-faint);
}
._corner_1iuob_185 {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-color: var(--ui-text-faint);
  border-style: solid;
  border-width: 0;
}
._corner-tl_1iuob_194 {
  border-top-width: 1.5px;
  border-left-width: 1.5px;
  border-radius: 2px 0px 0px 0px;
}
._corner-tr_1iuob_199 {
  border-top-width: 1.5px;
  border-right-width: 1.5px;
  border-radius: 0px 2px 0px 0px;
}
._corner-bl_1iuob_204 {
  border-bottom-width: 1.5px;
  border-left-width: 1.5px;
  border-radius: 0px 0px 2px 0px;
}
._corner-br_1iuob_209 {
  border-bottom-width: 1.5px;
  border-right-width: 1.5px;
  border-radius: 0px 0px 0px 2px;
}
._side_1iuob_216 {
  flex-shrink: 0;
  background: var(--ui-text-faint);
}
._side-h_1iuob_221 {
  width: 10px;
  height: 1.5px;
}
._side-v_1iuob_226 {
  width: 1.5px;
  height: 10px;
}
._detail-label_1iuob_231 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.6;
  flex-shrink: 0;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ColorGradientStopControl/ColorGradientStopControl.module.css */
._stop-control_urtkd_1 {
  width: 100%;
}
._stop-row_urtkd_5 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._color-swatch_urtkd_12 {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  cursor: pointer;
  background-color: white;
  transition: var(--ui-transition-fast);
}
._color-swatch_urtkd_12:hover {
  border-color: var(--ui-border-strong);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-border-strong) 40%, transparent);
}
._offset-field_urtkd_28 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
._offset-slider_urtkd_36 {
  flex: 1;
  min-width: 0;
}
._offset-label_urtkd_41 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
  min-width: 30px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* temp_stylePlugin:src/components/controls/AddItemButton/AddItemButton.module.css */
._add-button_1030p_1 {
  border: none;
  background: none;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 150ms ease-in;
  width: 100%;
}
._add-button_1030p_1[disabled] {
  opacity: 0.38;
  pointer-events: none;
}
._add-button_1030p_1:hover {
  background: #202020;
}
._add-button-text-container_1030p_22 {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--h230);
  cursor: pointer;
}
._add-button-icon_1030p_32 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Courier;
  font-weight: 600;
  background: var(--h230);
  border-radius: 100%;
  color: var(--k5);
  margin-right: 0.5rem;
  width: 15px;
  height: 16px;
  text-align: center;
  cursor: pointer;
  transition: color 150ms ease-in;
}
._add-button_1030p_1:hover ._add-button-icon_1030p_32 {
  color: #202020;
}

/* temp_stylePlugin:src/components/controls/Checkbox/Checkbox.module.css */
._checkbox-container_1uabb_1 {
  position: relative;
}
._label-container_1uabb_5 {
  display: flex;
  cursor: pointer;
  margin: 8px 0;
}
._input_1uabb_11 {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0px;
  cursor: pointer;
}
._input_1uabb_11:disabled {
  cursor: not-allowed;
}
._label_1uabb_5 {
  margin-left: 4px;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  font-size: 9px;
  color: #999;
}
._checkbox-mark_1uabb_31 {
  width: 8px;
  height: 8px;
  font-size: 10px;
  line-height: 2px;
  border-radius: 20px;
  background: linear-gradient(#3f4142, #515455 90%);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1), inset 1px -1px 1px rgba(0, 0, 0, 0.2);
}
._checkbox-mark_1uabb_31._tiny_1uabb_44 {
  width: 8px;
  height: 8px;
}
._checkbox-container_1uabb_1 ._input_1uabb_11:checked ~ ._checkbox-mark_1uabb_31 {
  background: var(--h230);
}
._checkbox-container_1uabb_1 ._input_1uabb_11:disabled ~ ._checkbox-mark_1uabb_31 {
  opacity: 0.38;
  cursor: not-allowed;
}
._check-icon_1uabb_59 {
  color: #fff;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ComponentClassControl/ComponentClassControl.module.css */
._field-set_1f6ym_1 {
  display: grid;
  gap: 8px;
}
._field_1f6ym_1 {
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 70%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-2) 62%, transparent);
}
._field-props_1f6ym_12 {
  display: grid;
  -moz-column-gap: 8px;
  column-gap: 8px;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: center;
  justify-items: stretch;
  row-gap: 6px;
  min-width: 0;
}
._field-props_1f6ym_12 > input {
  width: 100%;
}
._icon_1f6ym_25:hover {
  cursor: pointer;
  color: var(--ui-text);
}
._complete-definition-button_1f6ym_30 {
  transition: 140ms ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--ui-text-muted);
  min-height: 30px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-2) 78%, transparent);
  padding: 0 10px;
}
._complete-definition-button_1f6ym_30 > span {
  margin-right: 8px;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: var(--ui-font-weight-medium);
}
._complete-definition-button_1f6ym_30:hover {
  cursor: pointer;
  color: var(--ui-text);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 58%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-2));
}
._complete-prop-button_1f6ym_56 {
  transition: 140ms ease;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 22px;
  color: var(--ui-text-faint);
  margin-top: 6px;
  font-size: 9px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
._complete-prop-button_1f6ym_56 > span {
  margin-right: 6px;
}
._complete-prop-button_1f6ym_56:hover {
  cursor: pointer;
  color: var(--ui-text);
}
._reference-input_1f6ym_76 > input {
  width: 100%;
  margin-bottom: 8px;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ComponentInstanceReferenceControl/ComponentInstanceReferenceControl.module.css */
._container_qwudf_1 label {
  margin-top: 10px;
  margin-bottom: 5px;
  display: block;
}
._container_qwudf_1 select {
  width: 90%;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/DataSetReferenceControl/DataSetReferenceControl.module.css */
._trigger_ctkdi_2 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  cursor: pointer;
  transition:
    border-color var(--ui-transition-fast),
    background var(--ui-transition-fast),
    color var(--ui-transition-fast);
  min-height: 26px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._trigger_ctkdi_2:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._trigger--active_ctkdi_20 {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
}
._trigger-icon_ctkdi_22 {
  color: var(--ui-text-faint);
  flex-shrink: 0;
  font-size: 11px;
}
._trigger-label_ctkdi_23 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._trigger-placeholder_ctkdi_24 {
  flex: 1;
  color: var(--ui-text-faint);
  font-style: italic;
}
._trigger-chevron_ctkdi_25 {
  color: var(--ui-text-faint);
  flex-shrink: 0;
  margin-left: auto;
}
._overlay_ctkdi_28 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_ctkdi_1 120ms ease;
}
._modal_ctkdi_39 {
  animation: _scaleIn_ctkdi_1 140ms cubic-bezier(0.34, 1.3, 0.64, 1);
}
@keyframes _fadeIn_ctkdi_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _scaleIn_ctkdi_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._picker_ctkdi_45 {
  width: 680px;
  height: min(480px, 78vh);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: var(--ui-surface-1);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
  font-family: var(--ui-font);
  color: var(--ui-text);
}
._header_ctkdi_60 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  height: 56px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
  color: var(--ui-text-muted);
}
._search-input_ctkdi_70 {
  flex: 1;
  font-size: 16px;
  background: transparent;
  border: none;
  outline: none;
  color: var(--ui-text);
  font-family: var(--ui-font);
}
._search-input_ctkdi_70::-moz-placeholder {
  color: var(--ui-text-faint);
}
._search-input_ctkdi_70::placeholder {
  color: var(--ui-text-faint);
}
._clear-btn_ctkdi_80,
._close-btn_ctkdi_80 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--ui-text-faint);
  font-size: 18px;
  padding: 2px 6px;
  border-radius: 6px;
  line-height: 1;
  transition: color 100ms, background 100ms;
}
._clear-btn_ctkdi_80:hover,
._close-btn_ctkdi_80:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._body_ctkdi_91 {
  display: flex;
  flex: 1;
  overflow: hidden;
}
._sidebar_ctkdi_94 {
  width: 160px;
  flex-shrink: 0;
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
}
._category-btn_ctkdi_104 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  font-size: 13px;
  font-family: var(--ui-font);
  cursor: pointer;
  text-align: left;
  transition: background 120ms, color 120ms;
}
._category-btn_ctkdi_104:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  color: var(--ui-text);
}
._category-btn--active_ctkdi_120 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  color: var(--ui-text);
}
._list_ctkdi_123 {
  flex: 1;
  overflow-y: auto;
  padding: 8px 6px;
}
._list-empty_ctkdi_124 {
  padding: 24px;
  text-align: center;
  font-size: 12px;
  color: var(--ui-text-faint);
  font-style: italic;
}
._item_ctkdi_125 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  height: 36px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 100ms, border-color 100ms;
}
._item_ctkdi_125:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._item--selected_ctkdi_137 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 55%, transparent);
}
._item--active_ctkdi_139 {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: var(--ui-border-strong);
  outline: 2px solid color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
  outline-offset: -1px;
}
._category-count_ctkdi_146 {
  margin-left: auto;
  font-size: 10px;
  color: var(--ui-text-faint);
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  padding: 1px 5px;
  border-radius: 8px;
}
._item-icon_ctkdi_154 {
  width: 16px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
._item-name_ctkdi_155 {
  flex: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._item-ref_ctkdi_156 {
  font-size: 10px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._preview_ctkdi_159 {
  width: 200px;
  flex-shrink: 0;
  border-left: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
._preview-empty_ctkdi_169 {
  color: var(--ui-text-faint);
  font-size: 12px;
  margin: auto;
  text-align: center;
  line-height: 1.6;
}
._preview-header_ctkdi_170 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ui-text);
}
._preview-title_ctkdi_171 {
  font-size: 15px;
  font-weight: 600;
}
._preview-pkg_ctkdi_172 {
  font-size: 10px;
  color: var(--ui-text-faint);
}
._preview-ref_ctkdi_173 {
  font-size: 11px;
  color: var(--ui-text-faint);
  font-family: var(--ui-font-mono);
  padding: 3px 6px;
  background: var(--ui-surface-2);
  border-radius: 4px;
  word-break: break-all;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/DimensionsControl/AutoDimensions/AutoDimensions.module.css */
._auto-dimensions-bar_14nn4_1 {
  margin-top: 6px;
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-content: flex-start;
  gap: 4px;
}
._auto-dimensions-button_14nn4_10 {
  cursor: pointer;
  padding: 0;
  width: 100%;
  height: 34px;
  border-radius: 6px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 68%, transparent);
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
._auto-dimensions-button_14nn4_10:hover {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 58%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-3));
}
._auto-dimensions-button--active_14nn4_26 {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 50%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-2));
}
._icon-container_14nn4_31 {
  color: var(--ui-text-muted);
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 12px;
}
._auto-dimensions-button--active_14nn4_26 ._icon-container_14nn4_31 {
  color: var(--ui-accent-blue);
}
._auto-dimensions-button_14nn4_10:hover ._icon-container_14nn4_31 {
  color: var(--ui-text);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/DimensionsControl/DimensionsControl.module.css */
._container_1yzv7_1 {
  padding: 0;
}
._dimensions-container_1yzv7_5 {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: center;
}
._dimensions-container--with-lock_1yzv7_13 {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}
._label-container_1yzv7_17 {
  display: grid;
  grid-template-columns: 28px minmax(4ch, 1fr) 28px;
  align-items: center;
  gap: 4px;
  min-width: 0;
  height: 32px;
  padding: 0 4px;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
  transition: all var(--ui-transition-fast);
}
._label-container_1yzv7_17:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-2);
}
._label-container_1yzv7_17:focus-within {
  background: var(--ui-accent-soft);
  border-color: var(--ui-accent-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent-blue) 10%, transparent);
}
._label-container_1yzv7_17 > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--ui-text-muted);
  cursor: pointer;
  border-radius: var(--ui-radius-sm);
  transition: all var(--ui-transition-fast);
  font-size: 13px;
  opacity: 0.6;
}
._label-container_1yzv7_17 > i:hover {
  color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-soft) 40%, transparent);
  opacity: 1;
  transform: scale(1.05);
}
._label-container_1yzv7_17 > i:active {
  transform: scale(0.95);
}
._label-text_1yzv7_67 {
  color: var(--ui-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-family: var(--ui-font);
  font-variant-numeric: tabular-nums;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._input_1yzv7_81 {
  min-width: 6.5ch;
  padding: 0 8px;
  border: 0;
  background: transparent;
  color: var(--ui-text);
  height: 30px;
  outline: 0;
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: var(--ui-font-weight-medium);
}
._input_1yzv7_81::-moz-placeholder {
  color: var(--ui-text-faint);
  opacity: 0.5;
  font-weight: var(--ui-font-weight-normal);
}
._input_1yzv7_81::placeholder {
  color: var(--ui-text-faint);
  opacity: 0.5;
  font-weight: var(--ui-font-weight-normal);
}
._label_1yzv7_17 {
  margin-top: 12px;
  display: inline-block;
}
._toggle-row_1yzv7_106 {
  width: 100%;
  margin-top: 0;
  min-height: 40px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--ui-text-muted);
  border-radius: var(--ui-radius-md);
  border: 1px solid transparent;
  transition: all var(--ui-transition-fast);
  cursor: pointer;
}
._toggle-row_1yzv7_106:hover {
  background: var(--ui-surface-2);
  border-color: var(--ui-border);
}
._dimensions-container_1yzv7_5 + ._toggle-row_1yzv7_106 {
  margin-top: 8px;
}
._toggle-row--selected_1yzv7_131 {
  background: color-mix(in srgb, var(--ui-accent-soft) 20%, transparent);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
}
._toggle-row--selected_1yzv7_131 ._toggle-title_1yzv7_136 {
  color: var(--ui-text);
  font-weight: var(--ui-font-weight-medium);
}
._toggle-row--selected_1yzv7_131 ._toggle-description_1yzv7_141 {
  color: var(--ui-text-muted);
}
._toggle-copy_1yzv7_145 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._toggle-title_1yzv7_136 {
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-normal);
  color: var(--ui-text);
  line-height: 1.4;
  letter-spacing: -0.01em;
}
._toggle-description_1yzv7_141 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  line-height: 1.4;
  letter-spacing: -0.005em;
}
._minmax-control_1yzv7_167 {
  margin-top: 6px;
  padding: 8px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
._minmax-control_1yzv7_167 ._label-container_1yzv7_17 {
  width: 100%;
}
._shortcuts_1yzv7_179 {
  margin-top: 8px;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
._maintain-proportions-button_1yzv7_186 {
  cursor: pointer;
  padding: 0;
  border-radius: var(--ui-radius-md);
  margin-left: 0;
  transition: all var(--ui-transition-fast);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
  width: 32px;
  height: 32px;
}
._maintain-proportions-button_1yzv7_186:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-2);
}
._maintain-proportions-button--active_1yzv7_203 {
  border-color: var(--ui-accent-blue);
  background: var(--ui-accent-soft);
}
._icon-container_1yzv7_208 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ui-text-muted);
  width: 32px;
  height: 32px;
  border-radius: var(--ui-radius-md);
  font-size: 13px;
}
._maintain-proportions-button--active_1yzv7_203 ._icon-container_1yzv7_208 {
  color: var(--ui-accent-blue);
}
._fit-preview_1yzv7_225 {
  position: fixed;
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.92);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
._fit-preview--visible_1yzv7_234 {
  opacity: 1;
  transform: scale(1);
}
._fit-preview-frame_1yzv7_239 {
  width: 120px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
}
._fit-preview-label_1yzv7_252 {
  font-size: 8px;
  color: var(--ui-text-faint);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
}
._preview-tip_1yzv7_263 {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: var(--ui-text-faint);
  text-align: center;
  line-height: 1;
}
._fit-preview-parent_1yzv7_274 {
  border: 1.5px dashed color-mix(in srgb, var(--ui-text-faint) 50%, transparent);
  border-radius: 4px;
  display: flex;
  gap: 3px;
  padding: 4px;
  position: relative;
}
._fit-preview-parent--fit-width_1yzv7_284 {
  flex-direction: row;
  width: auto;
  height: 50px;
  align-items: stretch;
  animation: _fit-width-parent_1yzv7_1 3s ease-in-out 3;
}
._fit-preview-parent--fixed-width_1yzv7_293 {
  flex-direction: row;
  width: 80px;
  height: 50px;
  align-items: stretch;
}
._fit-preview-parent--fit-height_1yzv7_301 {
  flex-direction: column;
  width: 80px;
  height: auto;
  animation: _fit-height-parent_1yzv7_1 3s ease-in-out 3;
}
._fit-preview-parent--fixed-height_1yzv7_309 {
  flex-direction: column;
  width: 80px;
  height: 50px;
}
._fit-preview-child_1yzv7_316 {
  border-radius: 3px;
  flex-shrink: 0;
}
._fit-preview-child--a_1yzv7_321 {
  background: color-mix(in srgb, var(--ui-accent-blue) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
}
._fit-preview-child--b_1yzv7_326 {
  background: color-mix(in srgb, var(--ui-text-faint) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-text-faint) 30%, transparent);
}
._fit-preview-parent--fit-width_1yzv7_284 ._fit-preview-child--a_1yzv7_321 {
  width: 20px;
  animation: _fit-child-width-a_1yzv7_1 3s ease-in-out 3;
}
._fit-preview-parent--fit-width_1yzv7_284 ._fit-preview-child--b_1yzv7_326 {
  width: 16px;
}
._fit-preview-parent--fixed-width_1yzv7_293 ._fit-preview-child--a_1yzv7_321 {
  width: 20px;
  animation: _fit-child-width-a_1yzv7_1 3s ease-in-out 3;
}
._fit-preview-parent--fixed-width_1yzv7_293 ._fit-preview-child--b_1yzv7_326 {
  width: 16px;
}
._fit-preview-parent--fit-height_1yzv7_301 ._fit-preview-child--a_1yzv7_321 {
  height: 14px;
  animation: _fit-child-height-a_1yzv7_1 3s ease-in-out 3;
}
._fit-preview-parent--fit-height_1yzv7_301 ._fit-preview-child--b_1yzv7_326 {
  height: 12px;
}
._fit-preview-parent--fixed-height_1yzv7_309 ._fit-preview-child--a_1yzv7_321 {
  height: 14px;
  animation: _fit-child-height-a_1yzv7_1 3s ease-in-out 3;
}
._fit-preview-parent--fixed-height_1yzv7_309 ._fit-preview-child--b_1yzv7_326 {
  height: 12px;
}
._fit-preview-arrows_1yzv7_370 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: var(--ui-accent-blue);
  font-size: 10px;
  animation: _fit-arrows-pulse_1yzv7_1 1.5s ease-in-out 3;
}
@keyframes _fit-arrows-pulse_1yzv7_1 {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _fit-child-width-a_1yzv7_1 {
  0%, 100% {
    width: 20px;
  }
  50% {
    width: 36px;
  }
}
@keyframes _fit-child-height-a_1yzv7_1 {
  0%, 100% {
    height: 14px;
  }
  50% {
    height: 28px;
  }
}
@keyframes _fit-width-parent_1yzv7_1 {
  0%, 100% {
    width: 44px;
  }
  50% {
    width: 60px;
  }
}
@keyframes _fit-height-parent_1yzv7_1 {
  0%, 100% {
    height: 34px;
  }
  50% {
    height: 48px;
  }
}

/* temp_stylePlugin:src/components/controls/AutoComplete/AutoComplete.module.css */
._container_1fwbr_1 {
  border: none;
  border-radius: 0px;
  color: white;
  max-width: 100%;
}
._container_1fwbr_1 .react-select__input > input {
  opacity: 1 !important;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/Prop.module.css */
input[type=range] {
  accent-color: var(--ui-accent-blue);
  background: rgba(255, 255, 255, 0.1);
  border-color: white !important;
  height: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  height: 2px;
}
._experimental-icon_dq2ob_11 {
  position: relative;
  top: -2px;
  padding-right: 3px;
  padding-left: 3px;
}
._deprecated-icon_dq2ob_18 {
  color: color-mix(in srgb, #f59e0b 80%, var(--ui-text-muted));
  font-size: 12px;
  flex-shrink: 0;
  margin-right: 2px;
  opacity: 0.85;
}
._param-icon_dq2ob_26 {
  color: var(--ui-text-faint);
  font-size: 12px;
  flex-shrink: 0;
  margin-right: 2px;
}
._required-indicator_dq2ob_33 {
  color: color-mix(in srgb, #ef4444 80%, var(--ui-text-muted));
  font-size: 11px;
  margin-left: 1px;
  line-height: 1;
  font-weight: 700;
  vertical-align: super;
}
._prop-disabled_dq2ob_42 {
  background: transparent;
}
._prop_dq2ob_42 {
  width: 100%;
  color: var(--ui-text-muted);
  font-family: var(--ui-font);
  display: grid;
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
  grid-column-gap: 5px;
  font-size: var(--ui-font-size-sm);
  letter-spacing: var(--ui-letter-spacing-tight);
}
._prop-title_dq2ob_59 {
  display: flex;
  align-items: center;
  min-height: 28px;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
._checkbox_dq2ob_68 {
  margin-right: 10px;
}
._control-buttons_dq2ob_72 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
}
._arrow-right_dq2ob_79 {
  min-height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
._preview-string_dq2ob_88 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  font-size: 11.5px;
  color: var(--ui-text-faint, #8a8a8e);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1;
}
._arrow-right_dq2ob_79 i {
  height: 14px;
  width: 14px;
  font-size: 14px;
  color: #5a5a5e;
  line-height: 1;
  transition: color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._prop-container--param-disabled_dq2ob_108 ._arrow-right_dq2ob_79 i {
  color: color-mix(in srgb, var(--ui-text-faint) 65%, transparent);
}
._prop_dq2ob_42._navigate_dq2ob_112:hover ._arrow-right_dq2ob_79 i {
  color: #8a8a8e;
  transform: translateX(2px);
}
._prop_dq2ob_42._navigate_dq2ob_112:hover ._arrow-right_dq2ob_79 span {
  transition: 300ms;
}
._prop_dq2ob_42._navigate_dq2ob_112:hover ._arrow-right_dq2ob_79 span {
  color: var(--ui-text);
}
._prop-container--param-disabled_dq2ob_108 > ._arrow-right_dq2ob_79 > i {
  color: #4f4f4f;
}
._prop-container_dq2ob_108 {
  position: relative;
  padding: 5px 10px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: transparent;
  border-radius: var(--ui-radius-md);
  border: 1px solid transparent;
  box-shadow: none;
  overflow: visible;
  transition:
    background var(--ui-transition-fast),
    border-color var(--ui-transition-fast),
    box-shadow var(--ui-transition-fast);
}
._prop-container_dq2ob_108:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 40%, transparent);
  border-color: color-mix(in srgb, var(--ui-border) 75%, transparent);
}
._prop-container_dq2ob_108:focus-within {
  background: color-mix(in srgb, var(--ui-accent-soft) 16%, transparent);
}
._prop-container--param-disabled_dq2ob_108 {
  padding: 5px 10px;
  margin: 0;
  opacity: 0.62;
}
._prop-container--param-empty_dq2ob_171 {
  padding: 5px 10px;
  margin: 0;
  background: transparent;
  border-color: transparent;
  opacity: 0.78;
}
._prop-container--param-empty_dq2ob_171:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 30%, transparent);
  border-color: color-mix(in srgb, var(--ui-border) 50%, transparent);
  opacity: 1;
}
._prop-container--param-active_dq2ob_184:not(._prop-container--disabled_dq2ob_184) {
  background: color-mix(in srgb, var(--ui-surface-2) 65%, transparent);
  border-color: var(--ui-border);
  margin-top: 3px;
  margin-bottom: 3px;
  overflow: hidden;
}
._control-container_dq2ob_207 ._prop-container--param-active_dq2ob_184:not(._prop-container--disabled_dq2ob_184) {
  border-radius: var(--ui-radius-sm);
  transition:
    background var(--ui-transition-medium),
    border-color var(--ui-transition-medium),
    opacity var(--ui-transition-medium);
}
._prop-container--param-highlight_dq2ob_215 {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 34%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 8%, var(--ui-surface-2));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue) 26%, transparent);
}
._prop-inner-container_dq2ob_221 {
  margin: 0px;
  border-top: 0;
  padding: 6px 0 0;
  border-radius: 0;
}
._prop-container--disabled_dq2ob_184,
._prop-container--disabled_dq2ob_184 ._prop-label_dq2ob_229 {
  cursor: not-allowed;
}
._prop-container_dq2ob_108 ._control-buttons_dq2ob_72 {
  visibility: hidden;
}
._prop-container_dq2ob_108:hover > ._prop-title_dq2ob_59 > ._control-buttons_dq2ob_72,
._prop-container_dq2ob_108 > ._prop-title_dq2ob_59 > ._control-buttons--open_dq2ob_243,
._prop-container--agent-active_dq2ob_244 > ._prop-title_dq2ob_59 > ._control-buttons_dq2ob_72 {
  visibility: visible;
}
._prop-container_dq2ob_108 ._agent-btn-container_dq2ob_249 {
  visibility: visible;
  opacity: 0.35;
  transition: opacity var(--ui-transition-fast);
}
._prop-container_dq2ob_108:hover > ._prop-title_dq2ob_59 ._agent-btn-container_dq2ob_249,
._prop-container--agent-active_dq2ob_244 > ._prop-title_dq2ob_59 ._agent-btn-container_dq2ob_249 {
  opacity: 1;
}
._thin-control-container_dq2ob_259 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  pointer-events: auto;
}
._prop-container_dq2ob_108:has(._thin-control-container_dq2ob_259) {
  padding-right: 58px;
}
._control-container_dq2ob_207 {
  transition: var(--ui-transition-medium);
  min-height: 32px;
  display: flex;
  flex-direction: column;
}
._prop-container--disabled_dq2ob_184 ._prop_dq2ob_42,
._prop-container--disabled_dq2ob_184 ._control-container_dq2ob_207,
._prop-container--disabled_dq2ob_184 ._fn-button-container_dq2ob_284 {
  opacity: 0.38;
  pointer-events: none;
}
._prop-container--param-disabled_dq2ob_108 ._control-container_dq2ob_207:not(._control-container-list_dq2ob_290):not(._control-container-object_dq2ob_290):not(._control-container--primitive_dq2ob_290) {
  height: 0px;
  transform: scale(0, 0);
  opacity: 0;
}
._prop-container--conditional_dq2ob_296 {
  background: color-mix(in srgb, var(--ui-accent-blue) 6%, var(--ui-surface-1));
}
._prop-container--disabled_dq2ob_184 ._control-container_dq2ob_207 ._navigate_dq2ob_112 {
  opacity: 1;
  pointer-events: all;
}
._compact-control_dq2ob_305 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._prop_dq2ob_42._navigate_dq2ob_112 {
  cursor: pointer;
  min-height: 20px;
}
._prop-container_dq2ob_108 ._prop-label_dq2ob_229 {
  color: var(--ui-text);
  font-size: var(--ui-font-size-sm);
  display: flex;
  align-items: center;
  margin: 0;
  font-family: var(--ui-font);
  font-weight: var(--ui-font-weight-medium);
  letter-spacing: normal;
  text-transform: none;
}
._prop-label--enabler_dq2ob_336 {
  cursor: pointer;
}
._prop-separator_dq2ob_340 {
  border-top: none;
  border-color: #202020;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  position: absolute;
  margin-bottom: 0;
  margin-top: 0;
}
._more-options-button-container_dq2ob_350,
._flow-button-container_dq2ob_351,
._fn-button-container_dq2ob_284 {
  top: 1.25rem;
  width: 28px;
  height: 22px;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--ui-border) 66%, transparent);
  border-radius: var(--ui-radius-sm);
  margin-left: 4px;
  color: var(--ui-text-faint);
  background: color-mix(in srgb, var(--ui-surface-2) 72%, transparent);
}
._more-options-button-container_dq2ob_350 {
  cursor: pointer;
}
._flow-button-container_dq2ob_351:hover,
._fn-button-container_dq2ob_284:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 20%, var(--ui-surface-3));
  opacity: 1;
  color: var(--ui-text);
  cursor: pointer;
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, var(--ui-border));
}
._more-options-button-container_dq2ob_350:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 20%, var(--ui-surface-3)) !important;
  color: var(--ui-text);
}
._options-button-container_dq2ob_385:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 20%, var(--ui-surface-3)) !important;
  color: var(--ui-text);
}
._more-options-button-container_dq2ob_350:hover i {
  color: var(--ui-text);
}
._fn-button-container_dq2ob_284 {
  right: 0;
}
._flow-button-container_dq2ob_351 {
  right: 24px;
}
._fn-button-select_dq2ob_401 {
  width: 16px;
  height: 16px;
  opacity: 0;
  position: absolute;
}
._fn-button-select_dq2ob_401:not([disabled]):hover {
  cursor: pointer;
}
._fn-label_dq2ob_411 {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-font-size-xs);
}
._flow-label_dq2ob_415 {
  font-size: 9px;
}
._props-shadow_dq2ob_419 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: translateY(0);
  pointer-events: none;
}
._flow-chart_dq2ob_429 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  height: 85%;
  overflow: hidden;
}
._options-button-container_dq2ob_385 {
  width: 10px;
  background: transparent;
}
._deps-button-container_dq2ob_444 {
  border-radius: 999px;
  width: 8px;
  height: 8px;
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
  color: color-mix(in srgb, var(--ui-accent-blue) 84%, white);
  margin-left: 8px;
  cursor: pointer;
  box-shadow: none;
  opacity: 0.55;
  transition: opacity var(--ui-transition-fast), box-shadow var(--ui-transition-fast);
}
._prop-container_dq2ob_108:hover > ._prop-title_dq2ob_59 > ._deps-button-container_dq2ob_444,
._deps-button-container--open_dq2ob_461 {
  opacity: 1;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ui-accent-blue) 18%, transparent);
}
._deps-button-container--open_dq2ob_461 {
  background: color-mix(in srgb, var(--ui-accent-blue) 72%, #5eb0ff);
  color: var(--w100);
}
._deps_dq2ob_444 {
  background: color-mix(in srgb, var(--ui-accent-blue) 28%, var(--ui-surface-2));
  color: var(--ui-text);
  width: 100%;
  padding: 4px 10px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}
._deps_dq2ob_444 > label {
  margin-top: 6px;
}
._caret_dq2ob_483 {
  position: absolute;
  top: 24px;
  transform: translateX(-4px);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid color-mix(in srgb, var(--ui-accent-blue) 24%, var(--ui-surface-2));
}
._help-button-container_dq2ob_494:hover {
  cursor: normal;
}
._validation-title_dq2ob_498 {
  font-size: 10px;
  max-width: 200px;
  max-height: 500px;
  overflow-y: auto;
  border-radius: 4px;
  padding: 4px;
  background-color: rgba(15, 15, 15, 0.5);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--w90);
  font-weight: 600;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
@-moz-document url-prefix() {
  ._validation-title_dq2ob_498 {
    background-color: rgba(15, 15, 15, 0.98);
    backdrop-filter: none;
  }
}
@supports not (backdrop-filter: blur(20px)) {
  ._validation-title_dq2ob_498 {
    background-color: rgba(15, 15, 15, 0.98);
  }
}
._validation-title-icon_dq2ob_529 {
  margin-right: 4px;
  color: orange;
}
._conditional-props-hint-container_dq2ob_534 {
  margin-left: auto;
  cursor: default;
}
._conditional-title-icon_dq2ob_539 {
  margin-right: 4px;
}
._preset-link-icon_dq2ob_543 {
  margin-right: 4px;
  color: #4a9eff;
  font-size: 12px;
}
._conditional-props-hint-icon_dq2ob_549 {
  margin-right: 4px;
}
._conditional-props-tooltip-container_dq2ob_553 {
  background-color: rgba(50, 50, 50, 0.3);
  backdrop-filter: blur(20px);
  color: var(--w75);
  border: solid 1px var(--k30);
  border-radius: 10px;
}
@-moz-document url-prefix() {
  ._conditional-props-tooltip-container_dq2ob_553 {
    background-color: rgba(50, 50, 50, 0.98);
    backdrop-filter: none;
  }
}
@supports not (backdrop-filter: blur(20px)) {
  ._conditional-props-tooltip-container_dq2ob_553 {
    background-color: rgba(50, 50, 50, 0.98);
  }
}
._conditional-props-tooltip-header_dq2ob_577 {
  font-size: 12px;
  padding: 0.5rem 0.25rem;
  margin: 0 0.25rem;
  border-bottom: solid 1px var(--k30);
}
._conditional-props-tooltip-dependencies-list_dq2ob_584 {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  list-style: circle;
  font-size: 10px;
  margin: 0;
}
._arrow-right_dq2ob_79 ._list-arrow-right-icon_dq2ob_592 {
  position: static;
  margin-left: auto;
}
._list-preview-hint-text_dq2ob_597 {
  max-height: 43px;
  overflow: hidden;
}
._display-name-container_dq2ob_602 {
  height: auto;
}
._string-editor-field_dq2ob_606 {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._value-editor-trigger_dq2ob_613 {
  align-self: flex-start;
  background: color-mix(in srgb, var(--ui-surface-2) 86%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 76%, transparent);
  color: var(--ui-text);
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 11px;
  transition: all 0.15s ease;
}
._value-editor-trigger_dq2ob_613:hover {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, var(--ui-border));
  color: var(--ui-text);
}
._value-editor-modal_dq2ob_630 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(900px, 92vw);
  height: min(700px, 82vh);
  background: color-mix(in srgb, var(--ui-surface-1) 94%, black);
  border: 1px solid color-mix(in srgb, var(--ui-border) 82%, transparent);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}
._value-editor-header_dq2ob_645 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  color: var(--ui-text);
  font-size: 13px;
}
._value-editor-title_dq2ob_655 {
  font-weight: 600;
}
._value-editor-hint_dq2ob_659 {
  font-size: 11px;
  color: var(--ui-text-faint);
}
._value-editor-body_dq2ob_664 {
  flex: 1;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._value-editor-code_dq2ob_672 {
  flex: 1;
  font-family:
    "Fira Code",
    "Fira Mono",
    "Menlo",
    "Consolas",
    monospace;
  font-size: 12px;
  background: color-mix(in srgb, var(--ui-surface-1) 90%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  border-radius: 8px;
  color: var(--ui-text);
  overflow: auto;
}
._value-editor-error_dq2ob_683 {
  color: color-mix(in srgb, var(--ui-accent-red) 80%, #ff8a8a);
  font-size: 12px;
}
._value-editor-footer_dq2ob_688 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
}
._value-editor-button_dq2ob_696,
._value-editor-button-primary_dq2ob_697 {
  background: color-mix(in srgb, var(--ui-surface-2) 84%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  color: var(--ui-text);
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s ease;
}
._value-editor-button_dq2ob_696:hover,
._value-editor-button-primary_dq2ob_697:hover {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, var(--ui-border));
  color: var(--ui-text);
}
._value-editor-button-primary_dq2ob_697 {
  background: color-mix(in srgb, var(--ui-accent-blue) 24%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 66%, var(--ui-border));
}
@keyframes _prop-appear_dq2ob_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._prop-container_dq2ob_108 {
  animation: _prop-appear_dq2ob_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
@media (prefers-reduced-motion: reduce) {
  ._prop-container_dq2ob_108 {
    animation: none;
  }
}
._control-buttons_dq2ob_72 button {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ui-radius-sm);
  border: 1px solid transparent;
  background: transparent;
  color: var(--ui-text-muted);
  transition:
    background var(--ui-transition-fast),
    border-color var(--ui-transition-fast),
    color var(--ui-transition-fast),
    transform 100ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
._control-buttons_dq2ob_72 button:hover {
  background: var(--ui-surface-2);
  border-color: var(--ui-border);
  color: var(--ui-text);
  transform: scale(1.1);
}
._control-buttons_dq2ob_72 button:active {
  transform: scale(0.95);
}
._prop-container--agent-active_dq2ob_244 {
  border-color: color-mix(in srgb, #e879f9 55%, transparent) !important;
  background: color-mix(in srgb, #a855f7 5%, transparent) !important;
  animation: _agentPropPulse_dq2ob_1 2.4s ease-in-out infinite;
}
@keyframes _agentPropPulse_dq2ob_1 {
  0%, 100% {
    box-shadow: 0 0 0 0 #e879f900;
  }
  50% {
    box-shadow: 0 0 0 4px #e879f920, 0 0 10px #a855f730;
  }
}
._agent-dialog_dq2ob_783 {
  width: 280px;
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
  box-shadow: var(--ui-shadow-lg, 0 8px 32px rgba(0,0,0,.4));
  overflow: hidden;
  animation: _agentDialogIn_dq2ob_1 120ms ease-out;
}
@keyframes _agentDialogIn_dq2ob_1 {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._agent-dialog-header_dq2ob_798 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px 8px;
  border-bottom: 1px solid var(--ui-border);
}
._agent-dialog-icon_dq2ob_806 {
  font-size: 14px;
  color: #e879f9;
  flex-shrink: 0;
  filter: drop-shadow(0 0 4px #e879f980);
}
._agent-dialog-title_dq2ob_813 {
  font-size: 12px;
  font-weight: 600;
  color: var(--ui-text);
  letter-spacing: 0.01em;
}
._agent-dialog-prop-chip_dq2ob_820 {
  margin-left: auto;
  font-size: 10px;
  font-family: var(--ui-font-mono, monospace);
  color: var(--ui-text-muted);
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: 4px;
  padding: 1px 5px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._agent-dialog-close_dq2ob_835 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  padding: 0;
  flex-shrink: 0;
}
._agent-dialog-close_dq2ob_835:hover {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}
._agent-dialog-agents_dq2ob_852 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 8px 12px 0;
}
._agent-chip-btn_dq2ob_859 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 20px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: 11px;
  cursor: pointer;
  transition: all 120ms;
}
._agent-chip-btn_dq2ob_859:hover {
  border-color: #a855f7;
  color: var(--ui-text);
  box-shadow: 0 0 8px #a855f740;
}
._agent-chip-btn--selected_dq2ob_877 {
  border-color: #e879f9;
  background: color-mix(in srgb, #a855f7 14%, var(--ui-surface-2));
  color: var(--ui-text);
  box-shadow: 0 0 10px #e879f940;
}
._agent-chip-status_dq2ob_884 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
._agent-chip-status--running_dq2ob_890 {
  background: #e879f9;
  box-shadow: 0 0 0 2px #e879f940, 0 0 6px #e879f980;
  animation: _agentPropPulse_dq2ob_1 1.4s ease-in-out infinite;
}
._agent-chip-status--idle_dq2ob_891 {
  background: var(--ui-text-faint);
}
._agent-chip-status--done_dq2ob_892 {
  background: #a78bfa;
}
._agent-chip-status--error_dq2ob_893 {
  background: #ef4444;
}
._agent-dialog-single_dq2ob_895 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px 0;
  font-size: 11px;
  color: var(--ui-text-muted);
}
._agent-dialog-textarea_dq2ob_904 {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 8px 0 0;
  padding: 8px 12px;
  border: none;
  border-top: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text);
  font-size: 12px;
  font-family: var(--ui-font);
  resize: none;
  outline: none;
  line-height: 1.5;
}
._agent-dialog-textarea_dq2ob_904::-moz-placeholder {
  color: var(--ui-text-faint);
}
._agent-dialog-textarea_dq2ob_904::placeholder {
  color: var(--ui-text-faint);
}
._agent-dialog-textarea_dq2ob_904:focus {
  background: color-mix(in srgb, #a855f7 4%, var(--ui-surface-2));
}
._agent-dialog-footer_dq2ob_923 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px 10px;
  border-top: 1px solid var(--ui-border);
}
._agent-dialog-hint_dq2ob_931 {
  font-size: 10px;
  color: var(--ui-text-faint);
}
._agent-dialog-send_dq2ob_936 {
  padding: 5px 12px;
  border-radius: var(--ui-radius-md);
  border: none;
  background:
    linear-gradient(
      135deg,
      #7c3aed,
      #a855f7 55%,
      #e879f9);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 120ms;
  box-shadow: 0 0 10px #a855f760;
}
._agent-dialog-send_dq2ob_936:hover:not(:disabled) {
  box-shadow: 0 0 16px #e879f980, 0 0 28px #a855f750;
  transform: translateY(-1px);
}
._agent-dialog-send_dq2ob_936:disabled {
  opacity: 0.4;
  cursor: default;
  box-shadow: none;
}
._agent-btn_dq2ob_249 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  font-size: 13px;
  color: var(--ui-text-muted);
  border: 1px solid transparent;
  background: transparent;
  transition: all 100ms;
}
._agent-btn_dq2ob_249:hover,
._agent-btn--open_dq2ob_968 {
  background: color-mix(in srgb, #a855f7 14%, var(--ui-surface-2));
  border-color: color-mix(in srgb, #e879f9 40%, transparent);
  color: #e879f9;
  filter: drop-shadow(0 0 4px #e879f970);
}
._agent-prompt-form_dq2ob_976 {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 6px 8px;
  margin-top: 2px;
  background: var(--ui-surface-1);
  border-top: 1px solid var(--ui-border);
  animation: _agentPromptIn_dq2ob_1 120ms ease-out;
}
@keyframes _agentPromptIn_dq2ob_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._agent-prompt-icon_dq2ob_993 {
  font-size: 13px;
  opacity: 0.5;
  flex-shrink: 0;
}
._agent-prompt-input_dq2ob_999 {
  flex: 1;
  min-width: 0;
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: 4px;
  color: var(--ui-text);
  font-size: 11px;
  padding: 3px 6px;
  outline: none;
}
._agent-prompt-input_dq2ob_999:focus {
  border-color: #e879f9;
  box-shadow: 0 0 0 2px #e879f920;
}
._agent-prompt-submit_dq2ob_1016,
._agent-prompt-cancel_dq2ob_1017 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--ui-text-muted);
  cursor: pointer;
  font-size: 13px;
  padding: 0;
}
._agent-prompt-submit_dq2ob_1016:hover:not(:disabled) {
  background:
    linear-gradient(
      135deg,
      #a855f7,
      #e879f9);
  color: #fff;
  box-shadow: 0 0 10px #e879f960;
}
._agent-prompt-cancel_dq2ob_1017:hover {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}
._agent-prompt-submit_dq2ob_1016:disabled {
  opacity: 0.4;
  cursor: default;
}
._property-hint_dq2ob_1050 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  margin-top: 4px;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, #f4e4c1 15%, var(--ui-surface-1)),
      color-mix(in srgb, #f4dec2 10%, var(--ui-surface-1)));
  border-left: 3px solid #d4a574;
  border-radius: 0 var(--ui-radius-md) var(--ui-radius-md) 0;
  font-size: var(--ui-font-size-sm);
  color: color-mix(in srgb, #8b6f47 80%, var(--ui-text));
  line-height: 1.5;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
}
._hint-icon_dq2ob_1071 {
  color: #d4a574;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 14px;
  filter: drop-shadow(0 1px 1px rgba(212, 165, 116, 0.3));
}
._hint-text_dq2ob_1079 {
  flex: 1;
  font-family: var(--ui-font);
  font-weight: var(--ui-font-weight-normal);
}
@media (prefers-color-scheme: dark) {
  ._property-hint_dq2ob_1050 {
    background:
      linear-gradient(
        135deg,
        color-mix(in srgb, #3a2f1f 20%, var(--ui-surface-1)),
        color-mix(in srgb, #3a2814 15%, var(--ui-surface-1)));
    border-left-color: #b8935c;
    color: color-mix(in srgb, #e4c89e 90%, var(--ui-text));
  }
  ._hint-icon_dq2ob_1071 {
    color: #d4a574;
  }
}

/* temp_stylePlugin:src/components/controls/Separator/Separator.module.css */
._separator_rxawv_1 {
  border: none;
  padding: 0px;
  margin: 0px auto;
  border-top: 1px solid #1f1f1f;
  width: 50%;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/SlideInFeedback/SlideInFeedback.module.css */
._feedback-container_1ut2o_1 {
  z-index: 10;
  position: absolute;
  top: -24px;
  display: flex;
  width: 100%;
  justify-content: center;
}
._feedback-text-container_1ut2o_10 {
  border-radius: 8px;
  background: var(--k25);
  color: var(--w90);
  padding: 4px 8px;
}
._slide-in-out_1ut2o_17 {
  animation: _slide-top-down_1ut2o_1 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
._slide-in_1ut2o_17 {
  animation: _slide-top_1ut2o_1 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
@keyframes _slide-top-down_1ut2o_1 {
  0% {
    transform: translateY(12px);
    opacity: 0;
  }
  25% {
    transform: translateY(0);
    opacity: 1;
  }
  75% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(0);
    opacity: 0;
  }
}
@keyframes _slide-top_1ut2o_1 {
  0% {
    transform: translateY(12px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/UnlockOverlay/UnlockOverlay.module.css */
._unlock-overlay_1gvyg_1 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  background-color: rgba(24, 24, 24, 0.55);
  backdrop-filter: blur(0.9px);
}
@-moz-document url-prefix() {
  ._unlock-overlay_1gvyg_1 {
    background-color: rgba(24, 24, 24, 0.85);
    backdrop-filter: none;
  }
}
@supports not (backdrop-filter: blur(0.9px)) {
  ._unlock-overlay_1gvyg_1 {
    background-color: rgba(24, 24, 24, 0.85);
  }
}
._icon-size_1gvyg_32 {
  font-size: 1rem;
}
._lock-icon_1gvyg_36 {
  opacity: 0.4;
  position: absolute;
  transition: opacity ease-in 150ms;
}
._unlock-icon_1gvyg_42 {
  margin-left: 6px;
}
._unlock-overlay_1gvyg_1:hover ._lock-icon_1gvyg_36 {
  opacity: 0;
}
._unlock-container_1gvyg_50 {
  opacity: 0;
  transition: opacity ease-in 150ms;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 13px;
  font-size: 10px;
  font-weight: 200;
}
._unlock-overlay_1gvyg_1:hover ._unlock-container_1gvyg_50 {
  opacity: 0.85;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/PresetLockedOverlay/PresetLockedOverlay.module.css */
._preset-locked-overlay_22hja_1 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  background-color: rgba(24, 24, 24, 0.65);
  backdrop-filter: blur(1.2px);
}
._icon-size_22hja_16 {
  font-size: 1rem;
}
._link-icon_22hja_20 {
  opacity: 0.5;
  position: absolute;
  transition: opacity ease-in 150ms;
}
._link-icon--auto_22hja_26 {
  color: #4a9eff;
}
._link-icon--manual_22hja_30 {
  color: #999999;
}
._unlock-icon_22hja_34 {
  margin-bottom: 4px;
}
._preset-locked-overlay_22hja_1:hover ._link-icon_22hja_20 {
  opacity: 0;
}
._unlock-container_22hja_42 {
  opacity: 0;
  transition: opacity ease-in 150ms;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 13px;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  padding: 0 8px;
  color: #ffffff;
}
._preset-locked-overlay_22hja_1:hover ._unlock-container_22hja_42 {
  opacity: 0.95;
}
._overlay-text_22hja_61 {
  margin-top: 2px;
  line-height: 1.3;
}
._overlay-text_22hja_61 strong {
  font-weight: 600;
}
._overlay-subtext_22hja_70 {
  margin-top: 2px;
  font-size: 9px;
  opacity: 0.7;
}
._unlink-button_22hja_76 {
  margin-top: 8px;
  padding: 4px 8px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s;
}
._unlink-button_22hja_76:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}
._unlink-icon_22hja_96 {
  font-size: 12px;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/UnversionedParamTip/UnversionedParamTip.module.css */
._icon-container_16gqg_1 {
  margin-right: 4px;
}
._tooltip_16gqg_5 {
  border-radius: 10px;
  padding: 10px;
  background-color: #3232324d;
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 10px;
}
@-moz-document url-prefix() {
  ._tooltip_16gqg_5 {
    background-color: rgba(50, 50, 50, 0.98);
    backdrop-filter: none;
  }
}
@supports not (backdrop-filter: blur(20px)) {
  ._tooltip_16gqg_5 {
    background-color: rgba(50, 50, 50, 0.98);
  }
}

/* temp_stylePlugin:src/components/controls/ComponentPicker/ComponentPicker.module.css */
._container_6jglp_2 {
  width: 860px;
  height: min(580px, 78vh);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: var(--ui-surface-1);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
  font-family: var(--ui-font);
  color: var(--ui-text);
}
._header_6jglp_17 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  height: 56px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
  color: var(--ui-text-muted);
}
._search-input_6jglp_28 {
  flex: 1;
  font-size: 16px;
  background: transparent;
  border: none;
  outline: none;
  color: var(--ui-text);
  font-family: var(--ui-font);
}
._search-input_6jglp_28::-moz-placeholder {
  color: var(--ui-text-faint);
}
._search-input_6jglp_28::placeholder {
  color: var(--ui-text-faint);
}
._clear-btn_6jglp_42,
._close-btn_6jglp_43 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--ui-text-faint);
  font-size: 18px;
  padding: 2px 6px;
  border-radius: 6px;
  line-height: 1;
  transition: color 100ms, background 100ms;
}
._clear-btn_6jglp_42:hover,
._close-btn_6jglp_43:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._body_6jglp_62 {
  display: flex;
  flex: 1;
  overflow: hidden;
}
._sidebar_6jglp_69 {
  width: 170px;
  flex-shrink: 0;
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
}
._category-btn_6jglp_80 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  font-size: 13px;
  font-family: var(--ui-font);
  cursor: pointer;
  text-align: left;
  transition: background 120ms, color 120ms;
}
._category-btn_6jglp_80:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  color: var(--ui-text);
}
._category-btn--active_6jglp_101 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  color: var(--ui-text);
}
._mode-section_6jglp_106 {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._mode-label_6jglp_115 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ui-text-faint);
  padding: 4px 10px;
}
._mode-btn_6jglp_124 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  font-size: 13px;
  font-family: var(--ui-font-mono);
  cursor: pointer;
  text-align: left;
  transition: background 120ms, color 120ms;
}
._mode-btn_6jglp_124:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  color: var(--ui-text);
}
._mode-btn--active_6jglp_145 {
  color: var(--ui-accent-blue);
}
._list_6jglp_150 {
  flex: 1;
  overflow-y: auto;
  padding: 8px 6px;
}
._section-header_6jglp_156 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--ui-text-faint);
  padding: 10px 10px 4px;
}
._item_6jglp_165 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  height: 36px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 100ms, border-color 100ms;
}
._item_6jglp_165:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._item--selected_6jglp_182 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 55%, transparent);
}
._item--active_6jglp_187 {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: var(--ui-border-strong);
  outline: 2px solid color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
  outline-offset: -1px;
}
._category-count_6jglp_194 {
  margin-left: auto;
  font-size: 10px;
  color: var(--ui-text-faint);
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  padding: 1px 5px;
  border-radius: 8px;
}
._item-icon_6jglp_203 {
  width: 16px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
._item-name_6jglp_211 {
  flex: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._item-pkg_6jglp_219 {
  font-size: 10px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._quick-grid_6jglp_230 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 8px 8px 6px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 40%, transparent);
  margin-bottom: 4px;
}
._primitive_6jglp_239 {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  white-space: nowrap;
  border: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  border-radius: 14px;
  color: var(--ui-text-muted);
  background: transparent;
  transition:
    background 120ms,
    border-color 120ms,
    color 120ms;
  cursor: pointer;
}
._primitive_6jglp_239:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._selected_6jglp_261 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  color: var(--ui-text);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 55%, transparent);
}
._preview_6jglp_268 {
  width: 230px;
  flex-shrink: 0;
  border-left: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
._preview-empty_6jglp_279 {
  color: var(--ui-text-faint);
  font-size: 12px;
  margin: auto;
  text-align: center;
  line-height: 1.6;
}
._preview-header_6jglp_287 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ui-text);
}
._preview-title_6jglp_294 {
  font-size: 15px;
  font-weight: 600;
  color: var(--ui-text);
}
._preview-pkg_6jglp_300 {
  font-size: 10px;
  color: var(--ui-text-faint);
}
._preview-divider_6jglp_305 {
  border: none;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  margin: 4px 0;
}
._preview-desc_6jglp_311 {
  font-size: 12px;
  color: var(--ui-text-muted);
  line-height: 1.5;
}
._preview-inputs-label_6jglp_317 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ui-text-faint);
  margin-top: 8px;
}
._preview-input_6jglp_317 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  font-size: 12px;
  color: var(--ui-text-muted);
}
._preview-input-key_6jglp_335 {
  flex-shrink: 0;
}
._preview-input-type_6jglp_339 {
  font-size: 10px;
  color: var(--ui-text-faint);
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}

/* temp_stylePlugin:src/components/Inspector/Options/Options.module.css */
._container_vvc2h_1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._menu_vvc2h_9 {
  width: 236px;
  max-height: min(64vh, 420px);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 12px;
  padding: 8px;
  background: color-mix(in srgb, var(--ui-surface-1) 96%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 76%, transparent);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45);
  color: var(--ui-text);
}
._menu-item_vvc2h_22 {
  display: flex;
  width: 100%;
  min-height: 32px;
  padding: 0 9px;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  transition:
    background 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    border-color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: var(--ui-text-muted);
}
._menu-item_vvc2h_22:hover {
  border-color: color-mix(in srgb, var(--ui-border-strong) 86%, transparent);
  background: color-mix(in srgb, var(--ui-surface-3) 68%, transparent);
  color: var(--ui-text);
  cursor: pointer;
}
._icon_vvc2h_41 {
  width: 18px;
  margin-right: 8px;
  font-size: 14px;
  text-align: center;
  color: var(--ui-text-faint);
}
._menu-item_vvc2h_22:hover ._icon_vvc2h_41 {
  color: var(--ui-text);
}
._label_vvc2h_53 {
  min-height: 20px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}
._label_vvc2h_53:hover {
  cursor: pointer;
}
._separator_vvc2h_66 {
  margin: 8px 0;
  width: 100%;
  border-color: color-mix(in srgb, var(--ui-border) 70%, transparent);
}

/* temp_stylePlugin:src/components/Inspector/Fn/Fn.module.css */
._container_da51y_1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._alt-backdrop_da51y_9 {
  position: fixed;
  inset: 0;
  z-index: 10998;
}
._alt-menu_da51y_15 {
  position: fixed;
  z-index: 10999;
  animation: _altMenuIn_da51y_1 140ms cubic-bezier(0.34, 1.3, 0.64, 1) forwards;
}
._overlay_da51y_21 {
  position: fixed;
  inset: 0;
  z-index: 10999;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_da51y_1 120ms ease;
}
._modal_da51y_33 {
  animation: _scaleIn_da51y_1 140ms cubic-bezier(0.34, 1.3, 0.64, 1);
}
@keyframes _fadeIn_da51y_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _scaleIn_da51y_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _altMenuIn_da51y_1 {
  from {
    opacity: 0;
    transform: translateY(-50%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
}
._menu_da51y_52 {
  width: 70px;
  min-width: 70px;
  border-radius: 10px;
  padding: 5px;
  background: color-mix(in srgb, var(--ui-surface-1) 96%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 76%, transparent);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}
._menu-item_da51y_62 {
  justify-content: center;
  min-height: 30px;
  border-radius: 7px;
  font-family: var(--ui-font-mono);
  font-size: 13px;
  color: var(--ui-text-muted);
  letter-spacing: 0;
}
._menu-item_da51y_62:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  color: var(--ui-text);
}
._menu-item_da51y_62 label {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  font-family: var(--ui-font-mono);
  font-size: 13px;
}

/* temp_stylePlugin:src/components/Inspector/Help/Help.module.css */
._container_1y60w_1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._container_1y60w_1 > i {
  margin-top: 2px;
  margin-left: 1px;
}
._menu_1y60w_13 {
  width: 200px;
  max-height: 900px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 10px;
  padding: 10px;
  background-color: rgba(50, 50, 50, 0.3);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 10px;
}
@-moz-document url-prefix() {
  ._menu_1y60w_13 {
    background-color: rgba(50, 50, 50, 0.98);
    backdrop-filter: none;
  }
}
@supports not (backdrop-filter: blur(20px)) {
  ._menu_1y60w_13 {
    background-color: rgba(50, 50, 50, 0.98);
  }
}
._title_1y60w_43 {
  display: grid;
  grid-template-columns: 25px 1fr;
}
._icon_1y60w_48 {
  width: 20px;
  font-size: 16px;
  text-align: center;
}
._label_1y60w_54 {
  font-size: 16px;
}
._label_1y60w_54:hover {
  cursor: initial;
}
._required_1y60w_61 {
  font-style: italic;
}
._required_1y60w_61:hover {
  cursor: initial;
}
._preview_1y60w_68 {
  width: 100%;
}
._preview_1y60w_68:hover {
  cursor: initial;
}
._description_1y60w_75:hover {
  cursor: initial;
}
._separator_1y60w_79 {
  margin: 10px 0;
  width: 100%;
  border-color: rgba(255, 255, 255, 0.2);
}
._link_1y60w_85 {
  text-decoration: underline;
  color: var(--h230);
}

/* temp_stylePlugin:src/components/Inspector/MissingDescription/MissingDescription.module.css */
._container_ivslc_1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.25;
}
._container_ivslc_1:hover {
  opacity: 1;
}

/* temp_stylePlugin:src/components/Inspector/PropValuePreview/PropValuePreview.module.css */
._prop-value-preview_1gzxc_8 {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: color-mix(in srgb, var(--ui-accent-blue) 70%, transparent);
  transition: background-color var(--ui-transition-medium), opacity var(--ui-transition-medium);
}
._prop-value-preview--empty_1gzxc_21 {
  left: 0;
  background-color: transparent;
}
._prop-value-preview--disabled_1gzxc_26 {
  left: 0;
  background-color: color-mix(in srgb, var(--ui-text-faint) 50%, transparent);
}
._prop-value-preview-result_1gzxc_31 {
  max-width: 400px;
  max-height: 500px;
  overflow-y: auto;
  border-radius: 4px;
  padding: 4px;
  background-color: rgba(50, 50, 50, 0.3);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--w90);
  font-weight: 400;
  font-size: 12px;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
@-moz-document url-prefix() {
  ._prop-value-preview-result_1gzxc_31 {
    background-color: rgba(50, 50, 50, 0.98);
    backdrop-filter: none;
  }
}
@supports not (backdrop-filter: blur(20px)) {
  ._prop-value-preview-result_1gzxc_31 {
    background-color: rgba(50, 50, 50, 0.98);
  }
}

/* temp_stylePlugin:src/components/Inspector/Flows/FlowChart.module.css */
._root_17qd2_4 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--ui-bg, #101012);
  font-family: var(--ui-font);
  color: var(--ui-text, #f0f0ec);
}
._toolbar_17qd2_18 {
  display: flex;
  align-items: center;
  gap: 3px;
  height: 40px;
  padding: 0 12px;
  flex-shrink: 0;
  background: var(--ui-surface-1, #1e1e20);
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 80%, transparent);
}
._toolTitle_17qd2_29 {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ui-text, #f0f0ec);
  padding-right: 4px;
  flex-shrink: 0;
}
._toolTitleIcon_17qd2_40 {
  color: var(--ui-accent-blue, #3a9cff);
  font-size: 14px;
}
._toolSep_17qd2_42 {
  width: 1px;
  height: 18px;
  background: color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 100%, transparent);
  margin: 0 3px;
  flex-shrink: 0;
}
._toolBtn_17qd2_50 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--ui-text-muted, #8a8a8e);
  font-size: 12px;
  font-family: var(--ui-font);
  cursor: pointer;
  transition: background 100ms, color 100ms;
  white-space: nowrap;
}
._toolBtn_17qd2_50:hover {
  background: color-mix(in srgb, var(--ui-surface-3, #2a2a2d) 80%, transparent);
  color: var(--ui-text, #f0f0ec);
}
._zoomLabel_17qd2_70 {
  font-size: 11px;
  color: var(--ui-text-faint, #5a5a5e);
  min-width: 34px;
  text-align: center;
  flex-shrink: 0;
}
._hint_17qd2_78 {
  margin-left: auto;
  font-size: 10px;
  color: var(--ui-text-faint, #5a5a5e);
  flex-shrink: 0;
}
._hint_17qd2_78 kbd {
  display: inline-flex;
  align-items: center;
  padding: 1px 4px;
  border-radius: 3px;
  background: var(--ui-surface-3, #2a2a2d);
  border: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 100%, transparent);
  font-size: 9px;
  font-family: var(--ui-font);
  color: var(--ui-text-muted, #8a8a8e);
}
._viewport_17qd2_99 {
  flex: 1;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image:
    radial-gradient(
      circle,
      color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 220%, transparent) 1px,
      transparent 1px);
}
._transform_17qd2_114 {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
._edgeSvg_17qd2_124 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: visible;
  pointer-events: none;
}
._edgeGroup_17qd2_132 {
  cursor: pointer;
  pointer-events: all;
}
._edge_17qd2_124 {
  fill: none;
  stroke: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 50%, transparent);
  stroke-width: 1.5;
  pointer-events: none;
  transition: stroke 200ms;
}
._edgeSelected_17qd2_145 {
  stroke: var(--ui-accent-blue, #3a9cff) !important;
  stroke-width: 2;
  filter: drop-shadow(0 0 5px rgba(58, 156, 255, 0.5));
}
._edgeHit_17qd2_151 {
  fill: none;
  stroke: transparent;
  stroke-width: 14;
  pointer-events: stroke;
}
._edgeDraft_17qd2_158 {
  fill: none;
  stroke: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 55%, transparent);
  stroke-width: 1.5;
  stroke-dasharray: 6 4;
  pointer-events: none;
  animation: _edgeDash_17qd2_1 700ms linear infinite;
}
@keyframes _edgeDash_17qd2_1 {
  to {
    stroke-dashoffset: -10;
  }
}
._edgeArrow_17qd2_168 {
  fill: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 55%, transparent);
}
._edgeChain_17qd2_173 {
  stroke-dasharray: 5 3;
  stroke-width: 1.5;
}
._edgeChainArrow_17qd2_178 {
  fill: rgba(155, 111, 255, 0.7);
}
._node_17qd2_185 {
  position: absolute;
  border-radius: 8px;
  background: var(--ui-surface-1, #1e1e20);
  border: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 100%, transparent);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
  overflow: visible;
  transition: border-color 140ms, box-shadow 140ms;
}
._nodeSelected_17qd2_195 {
  border-color: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 65%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 28%, transparent), 0 4px 20px rgba(0, 0, 0, 0.4);
}
._nodeFlow_17qd2_201 {
  background: color-mix(in srgb, var(--node-bg, rgba(155,111,255,0.07)) 100%, var(--ui-surface-1, #1e1e20));
  border-color: color-mix(in srgb, var(--node-accent, #9b6fff) 30%, transparent);
}
._nodeFlow_17qd2_201._nodeSelected_17qd2_195 {
  border-color: color-mix(in srgb, var(--node-accent, #9b6fff) 70%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--node-accent, #9b6fff) 25%, transparent), 0 4px 20px rgba(0, 0, 0, 0.4);
}
._nodeHeader_17qd2_211 {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 8px;
  cursor: move;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 80%, transparent);
  border-radius: 7px 7px 0 0;
  background: color-mix(in srgb, var(--ui-surface-2, #252528) 55%, transparent);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._nodeHeaderFlow_17qd2_224 {
  background: color-mix(in srgb, var(--node-bg, rgba(155,111,255,0.07)) 140%, var(--ui-surface-2, #252528));
}
._nodeHeaderIcon_17qd2_228 {
  font-size: 11px;
  color: var(--ui-accent-blue, #3a9cff);
  flex-shrink: 0;
}
._nodeTitle_17qd2_234 {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: var(--ui-text, #f0f0ec);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._nodeFlowBadge_17qd2_245 {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 1px 5px;
  border-radius: 4px;
  border: 1px solid;
  flex-shrink: 0;
}
._nodeDragIcon_17qd2_256 {
  font-size: 11px;
  color: var(--ui-text-faint, #5a5a5e);
  flex-shrink: 0;
}
._nodeBody_17qd2_263 {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
._nodeCompRow_17qd2_269 {
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 0 8px;
  height: 22px;
  flex-shrink: 0;
}
._nodePkg_17qd2_278 {
  font-size: 10px;
  color: var(--ui-text-faint, #5a5a5e);
  font-family: var(--ui-font-mono);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 55%;
  white-space: nowrap;
}
._nodeAt_17qd2_279 {
  font-size: 10px;
  color: var(--ui-text-faint, #5a5a5e);
  flex-shrink: 0;
}
._nodeComp_17qd2_269 {
  font-size: 10px;
  font-weight: 500;
  color: var(--ui-text-muted, #8a8a8e);
  font-family: var(--ui-font-mono);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._nodePropKey_17qd2_283 {
  margin-left: auto;
  font-size: 9px;
  color: var(--ui-text-faint, #5a5a5e);
  background: color-mix(in srgb, var(--ui-surface-3, #2a2a2d) 80%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 120%, transparent);
  border-radius: 3px;
  padding: 0 4px;
  font-family: var(--ui-font-mono);
  flex-shrink: 0;
  white-space: nowrap;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._portRow_17qd2_300 {
  position: relative;
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  gap: 5px;
  transition: background 100ms;
}
._portRow_17qd2_300:hover {
  background: color-mix(in srgb, var(--ui-surface-3, #2a2a2d) 50%, transparent);
}
._portRowFlow_17qd2_311 {
  gap: 6px;
}
._portRowArrow_17qd2_313 {
  font-size: 12px;
  color: var(--ui-text-faint, #5a5a5e);
  flex-shrink: 0;
}
._portRowLabel_17qd2_314 {
  flex: 1;
  font-size: 11px;
  color: var(--ui-text-muted, #8a8a8e);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._portStepNum_17qd2_317 {
  flex-shrink: 0;
  font-size: 12px;
  width: 16px;
  text-align: center;
  color: var(--node-accent, #9b6fff);
}
._portRowLabelThen_17qd2_326 {
  color: #34c759 !important;
  font-weight: 600;
}
._portRowLabelElse_17qd2_327 {
  color: #ff3b30 !important;
  font-weight: 600;
}
._port_17qd2_300 {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--ui-surface-3, #2a2a2d);
  border: 1.5px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 200%, transparent);
  z-index: 2;
  transition:
    background 120ms,
    border-color 120ms,
    transform 120ms;
}
._portIn_17qd2_341 {
  left: -5px;
  cursor: cell;
}
._portIn_17qd2_341:hover,
._portInActive_17qd2_343:hover {
  background: var(--ui-accent-blue, #3a9cff);
  border-color: var(--ui-accent-blue, #3a9cff);
  transform: scale(1.3);
}
._portInActive_17qd2_343 {
  background: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 45%, transparent);
  border-color: var(--ui-accent-blue, #3a9cff);
  animation: _portPulse_17qd2_1 700ms ease-in-out infinite alternate;
}
@keyframes _portPulse_17qd2_1 {
  from {
    box-shadow: 0 0 0 0 rgba(58, 156, 255, 0.4);
  }
  to {
    box-shadow: 0 0 0 4px rgba(58, 156, 255, 0);
  }
}
._portOut_17qd2_358 {
  position: absolute;
  right: -5px;
  top: 7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--ui-surface-3, #2a2a2d);
  border: 1.5px solid color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 50%, transparent);
  cursor: crosshair;
  z-index: 2;
  transition:
    background 120ms,
    border-color 120ms,
    transform 120ms;
}
._portOut_17qd2_358:hover {
  background: var(--ui-accent-blue, #3a9cff);
  border-color: var(--ui-accent-blue, #3a9cff);
  transform: scale(1.3);
  box-shadow: 0 0 6px rgba(58, 156, 255, 0.5);
}
._portOutThen_17qd2_379 {
  border-color: rgba(52, 199, 89, 0.6) !important;
}
._portOutThen_17qd2_379:hover {
  background: #34c759 !important;
  border-color: #34c759 !important;
  box-shadow: 0 0 6px rgba(52, 199, 89, 0.5) !important;
}
._portOutElse_17qd2_382 {
  border-color: rgba(255, 59, 48, 0.6) !important;
}
._portOutElse_17qd2_382:hover {
  background: #ff3b30 !important;
  border-color: #ff3b30 !important;
  box-shadow: 0 0 6px rgba(255, 59, 48, 0.5) !important;
}
._nodePropWrap_17qd2_388 {
  border-top: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 60%, transparent);
  overflow: hidden;
}
._controlRow_17qd2_393 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  height: 20px;
  padding: 0 8px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 60%, transparent);
}
._controlRowKey_17qd2_403 {
  font-size: 10px;
  color: var(--ui-text-faint, #5a5a5e);
  flex-shrink: 0;
  font-family: var(--ui-font-mono);
  max-width: 44%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._controlRowVal_17qd2_414 {
  font-size: 10px;
  color: var(--ui-text-muted, #8a8a8e);
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: var(--ui-font-mono);
}
._controlValTrue_17qd2_425 {
  color: #34c759;
}
._controlValFalse_17qd2_426 {
  color: #ff3b30;
}
._controlRowRight_17qd2_428 {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
}
._colorDot_17qd2_436 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 200%, transparent);
  background: var(--ui-surface-3, #2a2a2d);
}
._controlIconPreview_17qd2_445 {
  font-size: 11px;
  color: var(--ui-text-faint, #5a5a5e);
  flex-shrink: 0;
}
._controlBadge_17qd2_451 {
  font-size: 9px;
  padding: 1px 5px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--ui-surface-3, #2a2a2d) 80%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 120%, transparent);
  color: var(--ui-text-faint, #5a5a5e);
  white-space: nowrap;
}
._controlBadgeFn_17qd2_461 {
  color: var(--ui-accent-blue, #3a9cff);
  background: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 10%, var(--ui-surface-2, #252528));
  border-color: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 30%, transparent);
}
._controlBadgeMod_17qd2_467 {
  color: #9b6fff;
  background: color-mix(in srgb, #9b6fff 10%, var(--ui-surface-2, #252528));
  border-color: color-mix(in srgb, #9b6fff 30%, transparent);
}
._nodeHeaderOp_17qd2_474 {
  height: 36px;
  gap: 8px;
}
._nodeOpSymbol_17qd2_479 {
  font-size: 18px;
  font-weight: 800;
  font-family: var(--ui-font-mono);
  letter-spacing: -0.02em;
  flex-shrink: 0;
  line-height: 1;
  filter: drop-shadow(0 0 6px currentColor);
}
._arrayExpandBtn_17qd2_490 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: var(--ui-text-faint, #5a5a5e);
  flex-shrink: 0;
  border-radius: 3px;
  transition: color 100ms, background 100ms;
}
._arrayExpandBtn_17qd2_490:hover {
  color: var(--ui-text-muted, #8a8a8e);
  background: color-mix(in srgb, var(--ui-surface-3, #2a2a2d) 70%, transparent);
}
._arrayExpandIcon_17qd2_506 {
  font-size: 12px;
}
._arrayList_17qd2_508 {
  border-top: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 80%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2, #252528) 40%, transparent);
}
._arrayItemRow_17qd2_513 {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 6px 0 4px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 50%, transparent);
  transition: background 100ms;
  cursor: grab;
}
._arrayItemRow_17qd2_513:hover {
  background: color-mix(in srgb, var(--ui-surface-3, #2a2a2d) 50%, transparent);
}
._arrayItemRow_17qd2_513:active {
  cursor: grabbing;
}
._arrayItemRowDragging_17qd2_526 {
  opacity: 0.35;
}
._arrayItemRowDropTarget_17qd2_530 {
  background: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 12%, transparent) !important;
  border-top: 2px solid var(--ui-accent-blue, #3a9cff);
}
._arrayDragHandle_17qd2_535 {
  font-size: 13px;
  color: var(--ui-text-faint, #5a5a5e);
  flex-shrink: 0;
  cursor: grab;
  line-height: 1;
  opacity: 0.5;
}
._arrayItemRow_17qd2_513:hover ._arrayDragHandle_17qd2_535 {
  opacity: 1;
}
._arrayItemIdx_17qd2_545 {
  font-size: 9px;
  font-family: var(--ui-font-mono);
  color: var(--ui-text-faint, #5a5a5e);
  min-width: 14px;
  flex-shrink: 0;
}
._arrayItemPreview_17qd2_553 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
._arrayItemPreviewEmpty_17qd2_561 {
  font-size: 10px;
  color: var(--ui-text-faint, #5a5a5e);
  font-style: italic;
}
._arrayItemPreviewVal_17qd2_567 {
  font-size: 10px;
  color: var(--ui-text-muted, #8a8a8e);
  font-family: var(--ui-font-mono);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._arrayItemPreviewColor_17qd2_576 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._arrayItemPreviewBadge_17qd2_582 {
  font-size: 9px;
  color: var(--ui-text-faint, #5a5a5e);
  background: color-mix(in srgb, var(--ui-surface-3, #2a2a2d) 80%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 120%, transparent);
  border-radius: 3px;
  padding: 0 4px;
}
._arrayItemActions_17qd2_591 {
  display: flex;
  align-items: center;
  gap: 1px;
  flex-shrink: 0;
}
._arrayActionBtn_17qd2_598 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: var(--ui-text-faint, #5a5a5e);
  border-radius: 3px;
  font-size: 13px;
  transition: color 100ms, background 100ms;
}
._arrayActionBtn_17qd2_598:hover:not(:disabled) {
  color: var(--ui-text-muted, #8a8a8e);
  background: color-mix(in srgb, var(--ui-surface-3, #2a2a2d) 80%, transparent);
}
._arrayActionBtn_17qd2_598:disabled {
  opacity: 0.25;
  cursor: default;
}
._arrayActionBtnDelete_17qd2_615:hover:not(:disabled) {
  color: #ff3b30 !important;
}
._arrayAddHint_17qd2_617 {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 8px 0 16px;
  color: var(--ui-text-faint, #5a5a5e);
  font-size: 10px;
  font-style: italic;
  font-family: var(--ui-font);
  opacity: 0.6;
}
._arrayAddHintIcon_17qd2_629 {
  font-size: 11px;
  flex-shrink: 0;
}
._nodeStepCount_17qd2_632 {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding: 0 8px;
  font-size: 11px;
  color: var(--node-accent, #9b6fff);
  font-weight: 500;
  opacity: 0.85;
}
._nodeStepCountIcon_17qd2_643 {
  font-size: 11px;
  flex-shrink: 0;
}
._nodeStepCountArrow_17qd2_644 {
  margin-left: auto;
  font-size: 12px;
  opacity: 0.6;
}
._nodeIteratorBadge_17qd2_646 {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 8px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  border-top: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 60%, transparent);
}
._note_17qd2_661 {
  position: absolute;
  border-radius: 8px;
  background: color-mix(in srgb, #ffd060 11%, var(--ui-surface-1, #1e1e20));
  border: 1px solid color-mix(in srgb, #ffd060 25%, transparent);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._noteSelected_17qd2_671 {
  border-color: color-mix(in srgb, #ffd060 55%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, #ffd060 28%, transparent), 0 4px 16px rgba(0, 0, 0, 0.35);
}
._noteBar_17qd2_675 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 26px;
  padding: 0 8px;
  cursor: move;
  border-bottom: 1px solid color-mix(in srgb, #ffd060 18%, transparent);
  background: color-mix(in srgb, #ffd060 7%, transparent);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._noteIcon_17qd2_686 {
  font-size: 11px;
  color: color-mix(in srgb, #ffd060 65%, transparent);
}
._noteDelete_17qd2_687 {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--ui-text-faint, #5a5a5e);
  font-size: 13px;
  padding: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  transition: color 100ms;
}
._noteDelete_17qd2_687:hover {
  color: var(--ui-text, #f0f0ec);
}
._noteText_17qd2_694 {
  flex: 1;
  resize: none;
  border: none;
  outline: none;
  background: transparent;
  padding: 6px 8px;
  font-size: 12px;
  color: var(--ui-text, #f0f0ec);
  font-family: var(--ui-font);
  line-height: 1.5;
}
._noteText_17qd2_694::-moz-placeholder {
  color: color-mix(in srgb, #ffd060 38%, transparent);
  font-style: italic;
}
._noteText_17qd2_694::placeholder {
  color: color-mix(in srgb, #ffd060 38%, transparent);
  font-style: italic;
}
._region_17qd2_704 {
  position: absolute;
  border-radius: 12px;
  border: 1.5px dashed;
  pointer-events: none;
}
._regionSelected_17qd2_710 {
  pointer-events: auto;
}
._region_17qd2_704:hover {
  pointer-events: auto;
}
._regionHeader_17qd2_713 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  cursor: move;
  pointer-events: all;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._regionLabel_17qd2_722 {
  background: transparent;
  border: none;
  outline: none;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ui-text-faint, #5a5a5e);
  font-family: var(--ui-font);
  flex: 1;
  cursor: text;
}
._regionDelete_17qd2_727 {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--ui-text-faint, #5a5a5e);
  font-size: 12px;
  padding: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  pointer-events: all;
  transition: color 100ms;
}
._regionDelete_17qd2_727:hover {
  color: var(--ui-text, #f0f0ec);
}
._draftRegion_17qd2_735 {
  position: absolute;
  border: 1.5px dashed color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 50%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 5%, transparent);
  pointer-events: none;
}
._minimap_17qd2_746 {
  position: absolute;
  bottom: 14px;
  right: 14px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-1, #1e1e20) 92%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 100%, transparent);
  overflow: hidden;
  pointer-events: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
._minimapNode_17qd2_758 {
  position: absolute;
  border-radius: 2px;
  background: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 38%, var(--ui-surface-3, #2a2a2d));
}
._minimapNote_17qd2_763 {
  background: color-mix(in srgb, #ffd060 30%, var(--ui-surface-3, #2a2a2d));
}
._minimapRegion_17qd2_766 {
  background: transparent;
  border: 1px dashed color-mix(in srgb, var(--ui-text-faint, #5a5a5e) 50%, transparent);
}
._minimapFlow_17qd2_770 {
}
._minimapViewport_17qd2_772 {
  position: absolute;
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 60%, transparent);
  border-radius: 2px;
  background: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 8%, transparent);
  pointer-events: none;
}

/* temp_stylePlugin:src/components/Inspector/PresetActions/SaveAsPresetDialog.module.css */
._dialog_1s2hm_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  max-width: 500px;
  max-height: 80vh;
  overflow-y: auto;
  background: var(--color-background, #2a2a2a);
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  color: var(--color-text, #e0e0e0);
}
._dialog-header_1s2hm_20 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-border, #444);
}
._dialog-header_1s2hm_20 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text, #e0e0e0);
}
._close-btn_1s2hm_35 {
  background: none;
  border: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: var(--color-text-secondary, #999);
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s;
}
._close-btn_1s2hm_35:hover {
  background: var(--color-background-secondary, #3a3a3a);
  color: var(--color-text, #fff);
}
._form_1s2hm_57 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._form-group_1s2hm_63 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._form-group_1s2hm_63 label {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text, #e0e0e0);
}
._form-row_1s2hm_75 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
._select_1s2hm_81 {
  padding: 8px;
  border: 1px solid var(--color-border, #444);
  border-radius: 4px;
  background: var(--color-background, #333);
  color: var(--color-text, #e0e0e0);
  font-size: 13px;
}
._properties-section_1s2hm_90 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--color-border, #444);
  border-radius: 6px;
  background: var(--color-background-secondary, #333);
}
._properties-header_1s2hm_100 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-border, #444);
}
._properties-header_1s2hm_100 label {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text, #e0e0e0);
}
._selection-actions_1s2hm_114 {
  display: flex;
  gap: 8px;
}
._text-btn_1s2hm_119 {
  padding: 4px 8px;
  border: none;
  background: transparent;
  color: var(--color-primary);
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
}
._text-btn_1s2hm_119:hover {
  color: var(--color-primary-hover);
}
._properties-list_1s2hm_133 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 300px;
  overflow-y: auto;
  color: var(--color-text, #e0e0e0);
}
._empty-message_1s2hm_142 {
  padding: 20px;
  text-align: center;
  color: var(--color-text-secondary, #999);
  font-size: 13px;
  font-style: italic;
}
._property-item_1s2hm_150 {
  padding: 8px;
  border-radius: 4px;
  transition: background 0.2s;
  color: var(--color-text, #e0e0e0);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._property-item_1s2hm_150:hover {
  background: var(--color-background-hover, #3a3a3a);
}
._checkbox_1s2hm_166 {
  margin-top: 2px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._property-details_1s2hm_174 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
._property-label_1s2hm_182 {
  font-weight: 500;
  font-size: 13px;
  color: var(--color-text, #e0e0e0);
}
._property-value_1s2hm_188 {
  font-size: 12px;
  color: var(--color-text-secondary, #999);
  font-family: monospace;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._error_1s2hm_197 {
  padding: 10px;
  border-radius: 4px;
  background: var(--color-error-background, #4a2020);
  color: var(--color-error, #ff6b6b);
  font-size: 13px;
  border: 1px solid var(--color-error, #ff6b6b);
}
._actions_1s2hm_206 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--color-border);
}

/* temp_stylePlugin:src/components/Inspector/PresetActions/ApplyPresetDropdown.module.css */
._apply-button_1mp28_1 {
}
._dropdown_1mp28_5 {
  min-width: 280px;
  max-width: 400px;
  max-height: 400px;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
._dropdown-header_1mp28_18 {
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-background-secondary);
}
._loading_1mp28_27,
._error_1mp28_28,
._empty_1mp28_29 {
  padding: 20px;
  text-align: center;
  font-size: 13px;
  color: var(--color-text-secondary);
}
._error_1mp28_28 {
  color: var(--color-error);
}
._presets-list_1mp28_40 {
  overflow-y: auto;
  max-height: 350px;
}
._preset-item_1mp28_45 {
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  cursor: pointer;
  transition: background 0.2s;
  border-bottom: 1px solid var(--color-border);
}
._preset-item_1mp28_45:last-child {
  border-bottom: none;
}
._preset-item_1mp28_45:hover {
  background: var(--color-hover);
}
._preset-info_1mp28_62 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._preset-name_1mp28_69 {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text);
}
._preset-description_1mp28_75 {
  font-size: 12px;
  color: var(--color-text-secondary);
  line-height: 1.4;
}
._preset-meta_1mp28_81 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--color-text-secondary);
}
._scope-badge_1mp28_89 {
  padding: 2px 6px;
  border-radius: 3px;
  background: var(--color-primary);
  color: white;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

/* temp_stylePlugin:src/components/Inspector/PresetActions/LockPresetDialog.module.css */
._dialog_nkrhl_1 {
  background-color: #1e1e1e;
  border-radius: 8px;
  min-width: 500px;
  max-width: 600px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  color: #fff;
}
._dialog-header_nkrhl_13 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #333;
}
._dialog-header_nkrhl_13 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}
._close-btn_nkrhl_27 {
  background: none;
  border: none;
  color: #999;
  font-size: 28px;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s;
}
._close-btn_nkrhl_27:hover {
  background-color: #333;
  color: #fff;
}
._form_nkrhl_48 {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}
._form-group_nkrhl_54 {
  margin-bottom: 20px;
}
._form-group_nkrhl_54 label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #ccc;
}
._loading_nkrhl_66 {
  text-align: center;
  padding: 40px;
  color: #999;
}
._empty-message_nkrhl_72 {
  text-align: center;
  padding: 20px;
  color: #999;
  font-size: 13px;
}
._preset-list_nkrhl_80 {
  border: 1px solid #333;
  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
}
._preset-item_nkrhl_87 {
  display: flex;
  align-items: flex-start;
  padding: 12px;
  cursor: pointer;
  border-bottom: 1px solid #2a2a2a;
  transition: background-color 0.2s;
}
._preset-item_nkrhl_87:last-child {
  border-bottom: none;
}
._preset-item_nkrhl_87:hover {
  background-color: #2a2a2a;
}
._preset-item--selected_nkrhl_104 {
  background-color: rgba(74, 158, 255, 0.15);
  border-left: 3px solid #4a9eff;
}
._preset-icon_nkrhl_109 {
  margin-right: 12px;
  font-size: 20px;
  color: #4a9eff;
  flex-shrink: 0;
}
._preset-details_nkrhl_116 {
  flex: 1;
}
._preset-name_nkrhl_120 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}
._warning-icon_nkrhl_129 {
  color: #ff9800;
  font-size: 16px;
  flex-shrink: 0;
}
._preset-description_nkrhl_135 {
  font-size: 12px;
  color: #999;
  line-height: 1.4;
}
._type-mismatch-warning_nkrhl_141 {
  font-size: 11px;
  color: #ff9800;
  margin-top: 4px;
  font-style: italic;
}
._strategy-options_nkrhl_149 {
  display: flex;
  gap: 12px;
}
._strategy-option_nkrhl_149 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  padding: 12px;
  border: 2px solid #333;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}
._strategy-option_nkrhl_149:hover {
  border-color: #4a9eff;
  background-color: rgba(74, 158, 255, 0.05);
}
._strategy-option--selected_nkrhl_170 {
  border-color: #4a9eff;
  background-color: rgba(74, 158, 255, 0.15);
}
._strategy-icon_nkrhl_175 {
  margin-right: 10px;
  font-size: 24px;
  flex-shrink: 0;
}
._strategy-option--selected_nkrhl_170 ._strategy-icon_nkrhl_175 {
  color: #4a9eff;
}
._strategy-details_nkrhl_185 {
  flex: 1;
}
._strategy-name_nkrhl_189 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}
._strategy-description_nkrhl_195 {
  font-size: 11px;
  color: #999;
  line-height: 1.3;
}
._properties-section_nkrhl_202 {
  margin-top: 20px;
}
._properties-header_nkrhl_206 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
._selection-actions_nkrhl_213 {
  display: flex;
  gap: 12px;
}
._text-btn_nkrhl_218 {
  background: none;
  border: none;
  color: #4a9eff;
  font-size: 12px;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}
._text-btn_nkrhl_218:hover {
  color: #6cb4ff;
}
._properties-list_nkrhl_232 {
  border: 1px solid #333;
  border-radius: 4px;
  max-height: 250px;
  overflow-y: auto;
}
._property-item_nkrhl_239 {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  cursor: pointer;
  border-bottom: 1px solid #2a2a2a;
  transition: background-color 0.2s;
}
._property-item_nkrhl_239:last-child {
  border-bottom: none;
}
._property-item_nkrhl_239:hover {
  background-color: #2a2a2a;
}
._checkbox_nkrhl_256 {
  margin-right: 10px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._property-details_nkrhl_264 {
  flex: 1;
}
._property-label_nkrhl_268 {
  font-size: 13px;
  font-weight: 400;
}
._error_nkrhl_274 {
  background-color: rgba(255, 82, 82, 0.1);
  border: 1px solid rgba(255, 82, 82, 0.3);
  border-radius: 4px;
  padding: 10px 12px;
  color: #ff5252;
  font-size: 12px;
  margin-top: 16px;
}
._actions_nkrhl_285 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid #333;
}

/* temp_stylePlugin:src/components/Inspector/PresetActions/EditWarningDialog.module.css */
._dialog-content_c7ysz_1 {
  padding: 16px;
  max-width: 500px;
  color: #fff;
}
._warning-icon-container_c7ysz_7 {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
._warning-icon_c7ysz_7 {
  font-size: 48px;
  color: #ff9800;
}
._message_c7ysz_18 {
  margin-bottom: 16px;
  line-height: 1.5;
  text-align: center;
}
._message_c7ysz_18 p {
  margin: 0 0 8px 0;
}
._message_c7ysz_18 strong {
  color: #4a9eff;
  font-weight: 500;
}
._property-info_c7ysz_33 {
  background-color: rgba(74, 158, 255, 0.1);
  border-left: 3px solid #4a9eff;
  padding: 8px 12px;
  margin-bottom: 20px;
  font-size: 12px;
  word-break: break-word;
}
._property-info_c7ysz_33 strong {
  margin-right: 8px;
}
._actions_c7ysz_46 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._action-button_c7ysz_52 {
  width: 100%;
  justify-content: center;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/FieldControl/FieldControl.module.css */
._field_ays4r_1 {
  display: grid;
  grid-row-gap: 5px;
}
._label_ays4r_6 {
  margin-top: 10px;
}
._validation_ays4r_10 {
  display: grid;
  grid-template-columns: 40% auto;
  align-items: center;
}
._list-validation-section_ays4r_16 {
  display: grid;
  grid-row-gap: 5px;
  background: rgba(255, 255, 255, 0.02);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/FillControl/FillControl.module.css */
._container_1fepn_1 {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  padding: 4px 0;
  width: 100%;
  gap: 8px;
}
._label_1fepn_11 {
  display: block;
  width: 100%;
  margin: 0 0 6px 0;
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-muted);
  letter-spacing: var(--ui-letter-spacing-wide);
  text-transform: uppercase;
  font-size: var(--ui-font-size-xs);
}
._section_1fepn_22 {
  width: 100%;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/FontAwesomeIconTypeControl/FontAwesomeIconControl.module.css */
._shadow-control-container_scyzo_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 52%, transparent);
}
._shadow-input-wrapper_scyzo_11 {
  border: solid 1px color-mix(in srgb, var(--ui-border) 78%, transparent);
  width: 26px;
  height: 26px;
  margin-right: 8px;
  border-radius: 100%;
  cursor: pointer;
  box-sizing: border-box;
}
._shadow-input_scyzo_11 {
  border: none;
  -webkit-appearance: none;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  outline: none;
  background: no-repeat;
  overflow: hidden;
  padding: 0;
  margin: 0;
  opacity: 0;
}
._shadow-container_scyzo_35 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
._shadow-label_scyzo_41 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-medium);
  color: var(--ui-text-muted);
  margin-top: 2px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
._icons-container_scyzo_50 {
  height: 240px;
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--ui-border) 70%, transparent);
  border-radius: 8px;
  padding: 4px;
  background: color-mix(in srgb, var(--ui-surface-1) 86%, transparent);
}
._icon-thumb_scyzo_59 {
  float: left;
  width: 29px;
  height: 29px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  color: var(--ui-text);
  margin: 2px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 5px 0 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--ui-surface-2) 66%, transparent);
  cursor: pointer;
}
._icon-thumb-active_scyzo_76 {
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 58%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-3));
  color: #6eb8ff;
  box-sizing: border-box;
}
._selected-icon-thumb_scyzo_83 {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-2) 70%, transparent);
  color: var(--ui-text);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/InteractionControl/InteractionsControl.module.css */
._container_12u56_2 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
._argsSection_12u56_8 {
  display: flex;
  flex-direction: column;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._argsSection_12u56_8 > label {
  margin: 6px 0 4px;
}
._trigger_12u56_21 {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  overflow: hidden;
  cursor: pointer;
  min-height: 26px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: border-color var(--ui-transition-fast), background var(--ui-transition-fast);
}
._trigger_12u56_21:hover {
  border-color: var(--ui-border-strong);
}
._trigger--active_12u56_41 {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
}
._trigger-module_12u56_46 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  flex-shrink: 0;
  max-width: 45%;
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text);
  font-family: var(--ui-font);
  border-right: 1px solid var(--ui-border);
  overflow: hidden;
  cursor: pointer;
  transition: background var(--ui-transition-fast);
}
._trigger-module_12u56_46:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
}
._trigger-interaction_12u56_66 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  flex: 1;
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
  font-family: var(--ui-font);
  overflow: hidden;
  min-width: 0;
  cursor: pointer;
  transition: background var(--ui-transition-fast);
}
._trigger-interaction_12u56_66:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
}
._trigger-icon_12u56_85 {
  color: var(--ui-text-faint);
  flex-shrink: 0;
  font-size: 11px;
}
._trigger-label_12u56_91 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--ui-font-size-xs);
}
._trigger-placeholder_12u56_99 {
  flex: 1;
  color: var(--ui-text-faint);
  font-style: italic;
  padding: 4px 8px;
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
}
._trigger-sep_12u56_108 {
  color: var(--ui-text-faint);
  font-size: 14px;
  flex-shrink: 0;
}
._trigger-chevron_12u56_114 {
  color: var(--ui-text-faint);
  flex-shrink: 0;
  margin-left: auto;
  padding-right: 6px;
  font-size: 14px;
}
._overlay_12u56_123 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_12u56_1 120ms ease;
}
._modal_12u56_135 {
  animation: _scaleIn_12u56_1 140ms cubic-bezier(0.34, 1.3, 0.64, 1);
}
@keyframes _fadeIn_12u56_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _scaleIn_12u56_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._picker_12u56_143 {
  width: min(760px, 94vw);
  height: min(520px, 80vh);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: var(--ui-surface-1);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
  font-family: var(--ui-font);
  color: var(--ui-text);
}
._header_12u56_158 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  height: 56px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
  color: var(--ui-text-muted);
}
._search-input_12u56_169 {
  flex: 1;
  font-size: 15px;
  background: transparent;
  border: none;
  outline: none;
  color: var(--ui-text);
  font-family: var(--ui-font);
  min-width: 0;
}
._search-input_12u56_169::-moz-placeholder {
  color: var(--ui-text-faint);
}
._search-input_12u56_169::placeholder {
  color: var(--ui-text-faint);
}
._clear-btn_12u56_182,
._close-btn_12u56_183 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--ui-text-faint);
  font-size: 18px;
  padding: 2px 6px;
  border-radius: 6px;
  line-height: 1;
  transition: color 100ms, background 100ms;
  flex-shrink: 0;
}
._clear-btn_12u56_182:hover,
._close-btn_12u56_183:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._back-btn_12u56_203 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--ui-text-muted);
  font-size: 15px;
  padding: 4px 6px;
  border-radius: 6px;
  line-height: 1;
  flex-shrink: 0;
  transition: color 100ms, background 100ms;
}
._back-btn_12u56_203:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._back-label_12u56_220 {
  font-size: 14px;
  font-weight: 600;
  color: var(--ui-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  max-width: 200px;
}
._back-sep_12u56_231 {
  width: 1px;
  height: 18px;
  background: color-mix(in srgb, var(--ui-border) 80%, transparent);
  flex-shrink: 0;
  margin: 0 4px;
}
._body_12u56_240 {
  display: flex;
  flex: 1;
  overflow: hidden;
}
._sidebar_12u56_247 {
  width: 160px;
  flex-shrink: 0;
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
}
._category-btn_12u56_258 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  font-size: 13px;
  font-family: var(--ui-font);
  cursor: pointer;
  text-align: left;
  transition: background 120ms, color 120ms;
}
._category-btn_12u56_258:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  color: var(--ui-text);
}
._category-btn--active_12u56_274 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  color: var(--ui-text);
}
._category-count_12u56_276 {
  margin-left: auto;
  font-size: 10px;
  color: var(--ui-text-faint);
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  padding: 1px 5px;
  border-radius: 8px;
}
._list_12u56_286 {
  flex: 1;
  overflow-y: auto;
  padding: 8px 6px;
}
._section-header_12u56_292 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--ui-text-faint);
  padding: 10px 10px 4px;
}
._item_12u56_301 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  height: 36px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 100ms, border-color 100ms;
}
._item_12u56_301:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._item--selected_12u56_313 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 55%, transparent);
}
._item--active_12u56_314 {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: var(--ui-border-strong);
  outline: 2px solid color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
  outline-offset: -1px;
}
._item-icon_12u56_321 {
  width: 16px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
._item-name_12u56_322 {
  flex: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._item-ref_12u56_323 {
  font-size: 10px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._ia-list_12u56_326 {
  flex: 1;
  overflow-y: auto;
  padding: 8px 6px;
}
._ia-item_12u56_332 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 100ms, border-color 100ms;
}
._ia-item_12u56_332:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._ia-item--selected_12u56_343 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 55%, transparent);
}
._ia-item--active_12u56_344 {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: var(--ui-border-strong);
  outline: 2px solid color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
  outline-offset: -1px;
}
._ia-item-icon_12u56_351 {
  width: 16px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding-top: 1px;
  font-size: 12px;
}
._ia-item--selected_12u56_343 ._ia-item-icon_12u56_351,
._ia-item--active_12u56_344 ._ia-item-icon_12u56_351 {
  color: var(--ui-accent-blue);
}
._ia-item-body_12u56_366 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
  min-width: 0;
}
._ia-item-name_12u56_375 {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ui-text);
}
._ia-item-desc_12u56_383 {
  font-size: 11px;
  color: var(--ui-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
._ia-item-badge_12u56_392 {
  flex-shrink: 0;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  color: var(--ui-accent-blue);
  white-space: nowrap;
  margin-top: 1px;
}
._preview_12u56_404 {
  width: 220px;
  flex-shrink: 0;
  border-left: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
._preview-empty_12u56_415 {
  color: var(--ui-text-faint);
  font-size: 12px;
  margin: auto;
  text-align: center;
  line-height: 1.6;
}
._preview-header_12u56_423 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ui-text);
}
._preview-title_12u56_430 {
  font-size: 15px;
  font-weight: 600;
}
._preview-pkg_12u56_435 {
  font-size: 10px;
  color: var(--ui-text-faint);
}
._preview-ref_12u56_440 {
  font-size: 11px;
  color: var(--ui-text-faint);
  font-family: var(--ui-font-mono);
  padding: 3px 6px;
  background: var(--ui-surface-2);
  border-radius: 4px;
  word-break: break-all;
}
._preview-desc_12u56_450 {
  font-size: 12px;
  color: var(--ui-text-muted);
  line-height: 1.5;
}
._preview-divider_12u56_456 {
  border: none;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  margin: 4px 0;
}
._preview-inputs-label_12u56_462 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ui-text-faint);
  margin-top: 4px;
}
._preview-input_12u56_462 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  font-size: 12px;
  color: var(--ui-text-muted);
}
._preview-input-key_12u56_480 {
  flex-shrink: 0;
}
._preview-input-type_12u56_482 {
  font-size: 10px;
  color: var(--ui-text-faint);
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
._preview-ia-badge_12u56_492 {
  font-size: 10px;
  padding: 1px 5px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  color: var(--ui-accent-blue);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/FunctionControl/FunctionControl.module.css */
._change-arguments-button_1v9es_1 {
  width: 100%;
  min-height: 30px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-2) 82%, transparent);
  color: var(--ui-text);
  font-size: 10px;
  font-weight: var(--ui-font-weight-medium);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: 140ms ease;
  margin: 6px 0 8px;
}
._change-arguments-button_1v9es_1:hover {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 60%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-2));
}
._arguments-container_1v9es_22 {
  padding: 8px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-1) 88%, transparent);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/GlobalLightsControl/GlobalLightsControl.module.css */
._container_1kaoy_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._pad_1kaoy_8 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 19px,
      color-mix(in srgb, var(--ui-border) 30%, transparent) 19px,
      color-mix(in srgb, var(--ui-border) 30%, transparent) 20px),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 19px,
      color-mix(in srgb, var(--ui-border) 30%, transparent) 19px,
      color-mix(in srgb, var(--ui-border) 30%, transparent) 20px),
    var(--ui-surface-1);
  overflow: hidden;
  cursor: crosshair;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._pad-glow_1kaoy_23 {
  position: absolute;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0.65;
  filter: blur(8px);
  mix-blend-mode: screen;
}
._pad-glow--off_1kaoy_36 {
  opacity: 0.18;
  filter: blur(2px);
}
._pad-dot_1kaoy_38 {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  margin-top: -7px;
  border-radius: 50%;
  cursor: grab;
  box-shadow: 0 0 0 2px var(--ui-surface-1), 0 0 0 3px rgba(0, 0, 0, 0.5);
  transition: transform 0.12s ease;
  z-index: 2;
}
._pad-dot_1kaoy_38:hover,
._pad-dot--active_1kaoy_51 {
  transform: scale(1.25);
}
._pad-dot--off_1kaoy_55 {
  background: transparent !important;
  border: 2px dashed currentColor;
  box-shadow: none;
}
._list_1kaoy_62 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._row_1kaoy_68 {
  display: flex;
  flex-direction: column;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  overflow: hidden;
}
._row_1kaoy_68:hover {
  border-color: var(--ui-border-strong);
}
._row--active_1kaoy_79 {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 60%, var(--ui-border));
}
._row-header_1kaoy_83 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 6px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  min-height: 30px;
}
._swatch_1kaoy_93 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
}
._row-title_1kaoy_101 {
  flex: 1;
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text);
  display: flex;
  flex-direction: column;
  gap: 1px;
  overflow: hidden;
}
._row-name_1kaoy_111 {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._row-meta_1kaoy_118 {
  font-size: 10px;
  color: var(--ui-text-faint);
  font-family: var(--ui-font-mono);
}
._toggle_1kaoy_124 {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  color: var(--ui-text-faint);
  display: flex;
  align-items: center;
  font-size: 14px;
}
._toggle--on_1kaoy_136 {
  color: var(--ui-accent-blue);
}
._toggle_1kaoy_124:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 60%, transparent);
}
._remove_1kaoy_139 {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  color: var(--ui-text-faint);
  display: flex;
  align-items: center;
}
._remove_1kaoy_139:hover {
  color: #ff7a7a;
  background: color-mix(in srgb, var(--ui-surface-3) 60%, transparent);
}
._row-body_1kaoy_151 {
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  padding: 8px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 8px;
  align-items: center;
  background: color-mix(in srgb, var(--ui-surface-1) 60%, transparent);
}
._field-label_1kaoy_161 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ui-text-faint);
}
._field-value_1kaoy_169 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
._color-trigger_1kaoy_171 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 6px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  cursor: pointer;
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text);
  font-family: var(--ui-font-mono);
}
._color-trigger_1kaoy_171:hover {
  border-color: var(--ui-border-strong);
}
._color-trigger-dot_1kaoy_186 {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
}
._toggle-row_1kaoy_194 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 4px 0;
  border-top: 1px dashed color-mix(in srgb, var(--ui-border) 50%, transparent);
}
._toggle-checkbox_1kaoy_203 {
  width: 14px;
  height: 14px;
  accent-color: var(--ui-accent-blue);
  cursor: pointer;
}
._toggle-text_1kaoy_210 {
  font-size: 10px;
  color: var(--ui-text-muted);
  line-height: 1.4;
}
._add-btn_1kaoy_217 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: var(--ui-radius-sm);
  border: 1px dashed var(--ui-border);
  background: transparent;
  color: var(--ui-text-muted);
  font-family: var(--ui-font);
  font-size: var(--ui-font-size-xs);
  cursor: pointer;
  transition: border-color var(--ui-transition-fast), color var(--ui-transition-fast);
}
._add-btn_1kaoy_217:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._empty_1kaoy_235 {
  text-align: center;
  padding: 14px 8px;
  font-size: 11px;
  color: var(--ui-text-faint);
}
._color-popover_1kaoy_242 {
  position: fixed;
  z-index: 99999;
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  padding: 4px;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/GoogleFontControl/FontPicker.module.css */
._overlay_gyihl_2 {
  position: fixed;
  inset: 0;
  z-index: 99998;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
}
._container_gyihl_13 {
  width: 900px;
  height: min(620px, 80vh);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: var(--ui-surface-1);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
  font-family: var(--ui-font);
  color: var(--ui-text);
}
._header_gyihl_28 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  height: 56px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
  color: var(--ui-text-muted);
}
._search-input_gyihl_39 {
  flex: 1;
  font-size: 16px;
  background: transparent;
  border: none;
  outline: none;
  color: var(--ui-text);
  font-family: var(--ui-font);
}
._search-input_gyihl_39::-moz-placeholder {
  color: var(--ui-text-faint);
}
._search-input_gyihl_39::placeholder {
  color: var(--ui-text-faint);
}
._clear-btn_gyihl_53,
._close-btn_gyihl_54 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--ui-text-faint);
  font-size: 18px;
  padding: 2px 6px;
  border-radius: 6px;
  line-height: 1;
  transition: color 100ms, background 100ms;
}
._clear-btn_gyihl_53:hover,
._close-btn_gyihl_54:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._body_gyihl_73 {
  display: flex;
  flex: 1;
  overflow: hidden;
}
._sidebar_gyihl_80 {
  width: 170px;
  flex-shrink: 0;
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
}
._category-btn_gyihl_91 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  font-size: 13px;
  font-family: var(--ui-font);
  cursor: pointer;
  text-align: left;
  transition: background 120ms, color 120ms;
}
._category-btn_gyihl_91:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  color: var(--ui-text);
}
._category-btn--active_gyihl_112 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  color: var(--ui-text);
}
._category-count_gyihl_117 {
  margin-left: auto;
  font-size: 10px;
  color: var(--ui-text-faint);
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  padding: 1px 5px;
  border-radius: 8px;
}
._sort-section_gyihl_126 {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._sort-label_gyihl_135 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ui-text-faint);
  padding: 4px 10px;
}
._sort-btn_gyihl_144 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 10px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  font-size: 12px;
  font-family: var(--ui-font);
  cursor: pointer;
  text-align: left;
  transition: background 120ms, color 120ms;
}
._sort-btn_gyihl_144:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  color: var(--ui-text);
}
._sort-btn--active_gyihl_165 {
  color: var(--ui-accent-blue);
}
._list_gyihl_170 {
  flex: 1;
  overflow-y: auto;
  padding: 8px 6px;
}
._item_gyihl_176 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 12px;
  height: 40px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 100ms, border-color 100ms;
}
._item_gyihl_176:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._item--selected_gyihl_193 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 55%, transparent);
}
._item--active_gyihl_198 {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: var(--ui-border-strong);
  outline: 2px solid color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
  outline-offset: -1px;
}
._item-preview_gyihl_205 {
  font-size: 18px;
  width: 36px;
  text-align: center;
  flex-shrink: 0;
  color: var(--ui-text);
  line-height: 1;
}
._item-name_gyihl_214 {
  flex: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._item-meta_gyihl_222 {
  font-size: 10px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  font-family: var(--ui-font-mono);
}
._empty_gyihl_229 {
  color: var(--ui-text-faint);
  font-size: 13px;
  text-align: center;
  padding: 40px 20px;
}
._preview_gyihl_237 {
  width: 260px;
  flex-shrink: 0;
  border-left: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  overflow-y: auto;
}
._preview-empty_gyihl_244 {
  color: var(--ui-text-faint);
  font-size: 12px;
  margin: auto;
  text-align: center;
  line-height: 1.6;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._preview-content_gyihl_256 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._preview-header_gyihl_263 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._preview-title_gyihl_269 {
  font-size: 18px;
  font-weight: 600;
  color: var(--ui-text);
}
._preview-category_gyihl_275 {
  font-size: 10px;
  color: var(--ui-text-faint);
  text-transform: capitalize;
}
._preview-divider_gyihl_281 {
  border: none;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  margin: 4px 0;
}
._preview-sample_gyihl_287 {
  font-size: 28px;
  color: var(--ui-text);
  line-height: 1.3;
  word-break: break-word;
}
._preview-sample-sm_gyihl_294 {
  font-size: 13px;
  color: var(--ui-text-muted);
  line-height: 1.6;
}
._preview-sample-user_gyihl_304 {
  font-size: 13px;
  color: var(--ui-text);
  line-height: 1.5;
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: var(--ui-radius-sm);
  background: color-mix(in srgb, var(--ui-surface-3) 60%, transparent);
  border-left: 2px solid color-mix(in srgb, var(--ui-accent-blue) 60%, transparent);
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
._preview-weights-label_gyihl_320 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ui-text-faint);
}
._preview-weights_gyihl_320 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._preview-weight_gyihl_320 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 12px;
}
._preview-weight-sample_gyihl_341 {
  font-size: 16px;
  color: var(--ui-text);
  min-width: 36px;
}
._preview-weight-label_gyihl_347 {
  font-size: 10px;
  color: var(--ui-text-faint);
  flex: 1;
}
._preview-weight-italic_gyihl_353 {
  font-size: 14px;
  color: var(--ui-text-muted);
}
._preview-meta_gyihl_358 {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: var(--ui-text-faint);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/GoogleFontControl/GoogleFontControl.module.css */
._control_1ty5j_1 {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
}
._trigger_1ty5j_8 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  height: 30px;
  padding: 0 8px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 74%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 88%, transparent);
  cursor: pointer;
  transition: border-color 0.12s, background 0.12s;
}
._trigger_1ty5j_8:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
}
._trigger-preview_1ty5j_28 {
  font-size: 16px;
  color: var(--ui-text);
  flex-shrink: 0;
  line-height: 1;
}
._trigger-label_1ty5j_35 {
  flex: 1;
  font-size: 12px;
  color: var(--ui-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._trigger-caret_1ty5j_44 {
  color: var(--ui-text-faint);
  font-size: 10px;
  flex-shrink: 0;
}
._clear-btn_1ty5j_50 {
  width: 20px;
  height: 20px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 76%, transparent);
  color: var(--ui-text-faint);
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition:
    color 0.12s,
    border-color 0.12s,
    background 0.12s;
}
._clear-btn_1ty5j_50:hover {
  color: var(--ui-text);
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
}

/* temp_stylePlugin:../../node_modules/prismjs/themes/prism.css */
code[class*=language-],
pre[class*=language-] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family:
    Consolas,
    Monaco,
    "Andale Mono",
    "Ubuntu Mono",
    monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}
pre[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
pre[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
pre[class*=language-]::selection,
pre[class*=language-] ::selection,
code[class*=language-]::selection,
code[class*=language-] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}
@media print {
  code[class*=language-],
  pre[class*=language-] {
    text-shadow: none;
  }
}
pre[class*=language-] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
}
:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #f5f2f0;
}
:not(pre) > code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}
.token.punctuation {
  color: #999;
}
.token.namespace {
  opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}
.token.function,
.token.class-name {
  color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
  color: #e90;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/GraphQLQueryControl/GraphQLQueryControl.module.css */
._container_1ae5w_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._editor-style_1ae5w_7 {
  font-family: var(--ui-font-mono);
  font-size: 11px;
  line-height: 1.45;
  border: 1px solid color-mix(in srgb, var(--ui-border) 74%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-1) 92%, transparent);
  min-height: 170px;
  max-height: 280px;
  overflow: auto;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
._variables-title_1ae5w_20 {
  margin-top: 2px;
  font-size: 9px;
  font-weight: var(--ui-font-weight-medium);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ui-text-muted);
}
._variables-list_1ae5w_29 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/IconControl/IconControl.module.css */
._shadow-control-container_scyzo_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 52%, transparent);
}
._shadow-input-wrapper_scyzo_11 {
  border: solid 1px color-mix(in srgb, var(--ui-border) 78%, transparent);
  width: 26px;
  height: 26px;
  margin-right: 8px;
  border-radius: 100%;
  cursor: pointer;
  box-sizing: border-box;
}
._shadow-input_scyzo_11 {
  border: none;
  -webkit-appearance: none;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  outline: none;
  background: no-repeat;
  overflow: hidden;
  padding: 0;
  margin: 0;
  opacity: 0;
}
._shadow-container_scyzo_35 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
._shadow-label_scyzo_41 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-medium);
  color: var(--ui-text-muted);
  margin-top: 2px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
._icons-container_scyzo_50 {
  height: 240px;
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--ui-border) 70%, transparent);
  border-radius: 8px;
  padding: 4px;
  background: color-mix(in srgb, var(--ui-surface-1) 86%, transparent);
}
._icon-thumb_scyzo_59 {
  float: left;
  width: 29px;
  height: 29px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  color: var(--ui-text);
  margin: 2px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 5px 0 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--ui-surface-2) 66%, transparent);
  cursor: pointer;
}
._icon-thumb-active_scyzo_76 {
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 58%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-3));
  color: #6eb8ff;
  box-sizing: border-box;
}
._selected-icon-thumb_scyzo_83 {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-2) 70%, transparent);
  color: var(--ui-text);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/InteractiveModuleReferenceControl/InteractiveModuleReferenceControl.module.css */
._trigger_7dxz3_2 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  cursor: pointer;
  transition:
    border-color var(--ui-transition-fast),
    background var(--ui-transition-fast),
    color var(--ui-transition-fast);
  min-height: 26px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._trigger_7dxz3_2:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._trigger--active_7dxz3_20 {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
}
._trigger-icon_7dxz3_22 {
  color: var(--ui-text-faint);
  flex-shrink: 0;
  font-size: 11px;
}
._trigger-label_7dxz3_23 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._trigger-placeholder_7dxz3_24 {
  flex: 1;
  color: var(--ui-text-faint);
  font-style: italic;
}
._trigger-chevron_7dxz3_25 {
  color: var(--ui-text-faint);
  flex-shrink: 0;
  margin-left: auto;
}
._overlay_7dxz3_28 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_7dxz3_1 120ms ease;
}
._modal_7dxz3_39 {
  animation: _scaleIn_7dxz3_1 140ms cubic-bezier(0.34, 1.3, 0.64, 1);
}
@keyframes _fadeIn_7dxz3_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _scaleIn_7dxz3_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._picker_7dxz3_45 {
  width: 720px;
  height: min(520px, 78vh);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: var(--ui-surface-1);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
  font-family: var(--ui-font);
  color: var(--ui-text);
}
._header_7dxz3_60 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  height: 56px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
  color: var(--ui-text-muted);
}
._search-input_7dxz3_70 {
  flex: 1;
  font-size: 16px;
  background: transparent;
  border: none;
  outline: none;
  color: var(--ui-text);
  font-family: var(--ui-font);
}
._search-input_7dxz3_70::-moz-placeholder {
  color: var(--ui-text-faint);
}
._search-input_7dxz3_70::placeholder {
  color: var(--ui-text-faint);
}
._clear-btn_7dxz3_80,
._close-btn_7dxz3_80 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--ui-text-faint);
  font-size: 18px;
  padding: 2px 6px;
  border-radius: 6px;
  line-height: 1;
  transition: color 100ms, background 100ms;
}
._clear-btn_7dxz3_80:hover,
._close-btn_7dxz3_80:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._body_7dxz3_91 {
  display: flex;
  flex: 1;
  overflow: hidden;
}
._sidebar_7dxz3_94 {
  width: 160px;
  flex-shrink: 0;
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
}
._category-btn_7dxz3_104 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  font-size: 13px;
  font-family: var(--ui-font);
  cursor: pointer;
  text-align: left;
  transition: background 120ms, color 120ms;
}
._category-btn_7dxz3_104:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  color: var(--ui-text);
}
._category-btn--active_7dxz3_120 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  color: var(--ui-text);
}
._list_7dxz3_123 {
  flex: 1;
  overflow-y: auto;
  padding: 8px 6px;
}
._section-header_7dxz3_124 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--ui-text-faint);
  padding: 10px 10px 4px;
}
._item_7dxz3_132 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  height: 36px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 100ms, border-color 100ms;
}
._item_7dxz3_132:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._item--selected_7dxz3_144 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 55%, transparent);
}
._item--active_7dxz3_146 {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: var(--ui-border-strong);
  outline: 2px solid color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
  outline-offset: -1px;
}
._category-count_7dxz3_153 {
  margin-left: auto;
  font-size: 10px;
  color: var(--ui-text-faint);
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  padding: 1px 5px;
  border-radius: 8px;
}
._item-icon_7dxz3_161 {
  width: 16px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
._item-name_7dxz3_162 {
  flex: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._item-ref_7dxz3_163 {
  font-size: 10px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._preview_7dxz3_166 {
  width: 210px;
  flex-shrink: 0;
  border-left: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
._preview-empty_7dxz3_176 {
  color: var(--ui-text-faint);
  font-size: 12px;
  margin: auto;
  text-align: center;
  line-height: 1.6;
}
._preview-header_7dxz3_177 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ui-text);
}
._preview-title_7dxz3_178 {
  font-size: 15px;
  font-weight: 600;
}
._preview-pkg_7dxz3_179 {
  font-size: 10px;
  color: var(--ui-text-faint);
}
._preview-ref_7dxz3_180 {
  font-size: 11px;
  color: var(--ui-text-faint);
  font-family: var(--ui-font-mono);
  padding: 3px 6px;
  background: var(--ui-surface-2);
  border-radius: 4px;
  word-break: break-all;
}
._preview-divider_7dxz3_181 {
  border: none;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  margin: 4px 0;
}
._preview-inputs-label_7dxz3_182 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ui-text-faint);
  margin-top: 8px;
}
._preview-input_7dxz3_182 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 12px;
  color: var(--ui-text-muted);
}
._preview-input-key_7dxz3_184 {
  flex-shrink: 0;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/LightInteractionControl/LightInteractionControl.module.css */
._container_6mk5m_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._toggle-row_6mk5m_7 {
  display: flex;
  gap: 6px;
}
._toggle_6mk5m_7 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  transition:
    border-color var(--ui-transition-fast),
    background var(--ui-transition-fast),
    color var(--ui-transition-fast);
}
._toggle_6mk5m_7:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._toggle--on_6mk5m_34 {
  background: color-mix(in srgb, var(--ui-accent-blue) 18%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 55%, transparent);
  color: var(--ui-text);
}
._toggle-icon_6mk5m_40 {
  font-size: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
._toggle--on_6mk5m_34 ._toggle-icon_6mk5m_40 {
  color: var(--ui-accent-blue);
}
._toggle-body_6mk5m_51 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
._toggle-title_6mk5m_57 {
  font-weight: 500;
}
._toggle-desc_6mk5m_61 {
  font-size: 9.5px;
  color: var(--ui-text-faint);
  line-height: 1.35;
}
._sliders_6mk5m_67 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 8px;
  align-items: center;
  padding: 6px 4px 0;
  border-top: 1px dashed color-mix(in srgb, var(--ui-border) 50%, transparent);
}
._label_6mk5m_76 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ui-text-faint);
}
._value_6mk5m_84 {
  display: flex;
  align-items: center;
}
._preview_6mk5m_89 {
  margin-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  border-radius: var(--ui-radius-sm);
  border: 1px dashed color-mix(in srgb, var(--ui-border) 60%, transparent);
  position: relative;
  overflow: hidden;
}
._preview-box_6mk5m_101 {
  width: 38px;
  height: 38px;
  border-radius: 6px;
  background: var(--ui-surface-3);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
}
._preview-label_6mk5m_109 {
  position: absolute;
  top: 4px;
  left: 6px;
  font-size: 8.5px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ui-text-faint);
  font-weight: 600;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/OpacityControl/Opacity.module.css */
._opacity-control_157b9_1 {
  width: 100%;
  position: relative;
  margin-top: 10px;
  padding: 4px 0 2px;
  touch-action: none;
}
@media (pointer: coarse) {
  ._opacity-control_157b9_1 input[type=range] {
    height: 44px;
  }
  ._opacity-control_157b9_1 input[type=range]::-webkit-slider-thumb {
    width: 24px;
    height: 24px;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    background: white;
    border: 2px solid var(--ui-border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
  }
}
._tooltip-container_157b9_28 {
  position: absolute;
  width: 16px;
  background-color: transparent;
  height: 16px;
  border-radius: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  pointer-events: none;
}
._tooltip_157b9_28 {
  font-size: 10px;
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-2) 92%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 74%, transparent);
  border-radius: 6px;
  padding: 2px 6px;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/PaddingControl/PaddingControl.module.css */
._grid_ybony_1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 4px;
  align-items: center;
}
._field_ybony_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
._field-label_ybony_16 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-medium);
  color: var(--ui-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
._top_ybony_24 {
  grid-column: 2;
  grid-row: 1;
}
._right_ybony_29 {
  grid-column: 3;
  grid-row: 2;
}
._bottom_ybony_34 {
  grid-column: 2;
  grid-row: 3;
}
._left_ybony_39 {
  grid-column: 1;
  grid-row: 2;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/PositionControl/ConstraintControl.module.css */
._container_1e769_1 {
  display: block;
  min-width: 0;
}
._widget_1e769_6 {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
  overflow: hidden;
}
._edge-button_1e769_16,
._center-line-button_1e769_17 {
  position: absolute;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}
._edge-button_1e769_16 {
  width: 32px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._edge-top_1e769_33 {
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
}
._edge-bottom_1e769_39 {
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
}
._edge-left_1e769_45 {
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
}
._edge-right_1e769_51 {
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
}
._edge-bar_1e769_57 {
  width: 20px;
  height: 3px;
  border-radius: 999px;
  background: var(--ui-surface-3);
  transition: all var(--ui-transition-fast);
}
._edge-left_1e769_45 ._edge-bar_1e769_57,
._edge-right_1e769_51 ._edge-bar_1e769_57 {
  width: 3px;
  height: 20px;
}
._edge-button_1e769_16:hover ._edge-bar_1e769_57 {
  background: var(--ui-text-muted);
}
._edge-button--active_1e769_75 ._edge-bar_1e769_57 {
  background: var(--ui-accent-blue);
  box-shadow: 0 0 6px color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
}
._center-line-button_1e769_17 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._center-line-h_1e769_86 {
  width: 24px;
  height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
._center-line-v_1e769_94 {
  width: 18px;
  height: 24px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
._center-line_1e769_17 {
  background: var(--ui-surface-3);
  transition: all var(--ui-transition-fast);
}
._center-line-h_1e769_86 ._center-line_1e769_17 {
  width: 14px;
  height: 2px;
  border-radius: 999px;
}
._center-line-v_1e769_94 ._center-line_1e769_17 {
  width: 2px;
  height: 14px;
  border-radius: 999px;
}
._center-line-button_1e769_17:hover ._center-line_1e769_17 {
  background: var(--ui-text-muted);
}
._center-line-button--active_1e769_123 ._center-line_1e769_17 {
  background: var(--ui-accent-blue);
  box-shadow: 0 0 6px color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
}
._center-square_1e769_128 {
  position: absolute;
  width: 5px;
  height: 5px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1px;
  background: var(--ui-surface-3);
  transition: all var(--ui-transition-fast);
}
._center-square--active_1e769_140 {
  background: var(--ui-accent-blue);
  box-shadow: 0 0 0 2px var(--ui-accent-soft);
}
._stretch-line-h_1e769_145,
._stretch-line-v_1e769_146 {
  position: absolute;
  opacity: 1;
  transition: opacity var(--ui-transition-medium);
  pointer-events: none;
}
._stretch-line-h_1e769_145 {
  left: 12px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 1px dashed color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
}
._stretch-line-v_1e769_146 {
  top: 10px;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 1px dashed color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
}
@keyframes _parent-resize_1e769_1 {
  0%, 100% {
    width: 100%;
    height: 100%;
  }
  25% {
    width: 65%;
    height: 100%;
  }
  50% {
    width: 65%;
    height: 65%;
  }
  75% {
    width: 100%;
    height: 65%;
  }
}
._preview-overlay_1e769_178 {
  position: fixed;
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.92);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
._preview-overlay--visible_1e769_187 {
  opacity: 1;
  transform: scale(1);
}
._preview-frame_1e769_192 {
  width: 140px;
  height: 140px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
._preview-tip_1e769_210 {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: var(--ui-text-faint);
  text-align: center;
  line-height: 1;
}
._preview-parent_1e769_224 {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px dashed color-mix(in srgb, var(--ui-text-faint) 50%, transparent);
  border-radius: 3px;
  animation: _parent-resize_1e769_1 4s ease-in-out 3;
}
._preview-child_1e769_233 {
  position: absolute;
  background: color-mix(in srgb, var(--ui-accent-blue) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
  border-radius: 2px;
  transition: none;
}
._preview-child--default_1e769_242 {
  width: 40%;
  height: 40%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
._preview-pin_1e769_251 {
  position: absolute;
  background: var(--ui-accent-blue);
  border-radius: 999px;
  opacity: 0.6;
}
._preview-pin--top_1e769_258 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 2px;
}
._preview-pin--bottom_1e769_266 {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 2px;
}
._preview-pin--left_1e769_274 {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 12px;
}
._preview-pin--right_1e769_282 {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 12px;
}
._preview-label_1e769_290 {
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 8px;
  color: var(--ui-text-faint);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/PositionControl/CoordinatesControl.module.css */
._container_1u7zv_1 {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
._label-container_1u7zv_10 {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px;
  min-width: 0;
  height: 32px;
  padding: 0 8px 0 4px;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
  transition: all var(--ui-transition-fast);
}
._label-container_1u7zv_10:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-2);
}
._label-container_1u7zv_10:focus-within {
  background: var(--ui-accent-soft);
  border-color: var(--ui-accent-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent-blue) 10%, transparent);
}
._label-text_1u7zv_35 {
  color: var(--ui-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-family: var(--ui-font);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._input-wrap_1u7zv_48 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-width: 0;
}
._input_1u7zv_48 {
  min-width: 6.5ch;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ui-text);
  height: 30px;
  outline: 0;
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: var(--ui-font-weight-medium);
}
._unit_1u7zv_69 {
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  letter-spacing: 0.02em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/PositionControl/PositionControl.module.css */
._container_ktotn_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._mode-row_ktotn_7 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
._mode-button_ktotn_13 {
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font);
  font-weight: var(--ui-font-weight-medium);
  height: 32px;
  padding: 0;
  cursor: pointer;
  transition: all var(--ui-transition-fast);
}
._mode-button_ktotn_13:hover:not(:disabled):not(._mode-button--selected_ktotn_27) {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-2);
  color: var(--ui-text);
}
._mode-button--selected_ktotn_27 {
  border-color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-blue) 18%, var(--ui-surface-1));
  color: var(--ui-accent-blue);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue) 25%, transparent);
}
._mode-button--selected_ktotn_27:hover {
  border-color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-blue) 26%, var(--ui-surface-1));
  color: var(--ui-accent-blue);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue) 35%, transparent);
}
._mode-button_ktotn_13:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
._position-band_ktotn_52 {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
}
@keyframes _mode-scroll_ktotn_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}
@keyframes _stack-block-resize_ktotn_1 {
  0%, 100% {
    height: 10px;
  }
  50% {
    height: 22px;
  }
}
@keyframes _absolute-block-resize_ktotn_1 {
  0%, 100% {
    width: 28px;
    height: 18px;
  }
  50% {
    width: 36px;
    height: 26px;
  }
}
._mode-preview_ktotn_77 {
  position: fixed;
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.92);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
._mode-preview--visible_ktotn_86 {
  opacity: 1;
  transform: scale(1);
}
._mode-preview-frame_ktotn_91 {
  width: 120px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._preview-tip_ktotn_107 {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: var(--ui-text-faint);
  text-align: center;
  line-height: 1;
}
._preview-tip--action_ktotn_116 {
  color: color-mix(in srgb, var(--ui-accent-blue) 85%, white);
}
._mode-preview-label_ktotn_120 {
  font-size: 8px;
  color: var(--ui-text-faint);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
}
._mode-preview-stack_ktotn_131 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 6px;
  border: 1px dashed color-mix(in srgb, var(--ui-text-faint) 40%, transparent);
  border-radius: 3px;
  overflow: hidden;
}
._mode-preview-stack-block_ktotn_141 {
  height: 10px;
  flex-shrink: 0;
  border-radius: 2px;
  background: color-mix(in srgb, var(--ui-text-faint) 20%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-text-faint) 30%, transparent);
}
._mode-preview-stack-block--active_ktotn_149 {
  background: color-mix(in srgb, var(--ui-accent-blue) 22%, transparent);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
  animation: _stack-block-resize_ktotn_1 3s ease-in-out 3;
}
._mode-preview-absolute_ktotn_157 {
  position: relative;
  padding: 6px;
  border: 1px dashed color-mix(in srgb, var(--ui-text-faint) 40%, transparent);
  border-radius: 3px;
  min-height: 56px;
}
._mode-preview-absolute-sibling_ktotn_165 {
  height: 10px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--ui-text-faint) 20%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-text-faint) 30%, transparent);
  margin-bottom: 3px;
}
._mode-preview-absolute-block_ktotn_173 {
  position: absolute;
  width: 28px;
  height: 18px;
  top: 8px;
  right: 10px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--ui-accent-blue) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
  animation: _absolute-block-resize_ktotn_1 3s ease-in-out 3;
}
._mode-preview-absolute-pin-top_ktotn_185,
._mode-preview-absolute-pin-left_ktotn_186 {
  position: absolute;
  background: color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
  border-radius: 999px;
}
._mode-preview-absolute-pin-top_ktotn_185 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 8px;
}
._mode-preview-absolute-pin-left_ktotn_186 {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 1px;
}
._mode-preview-absolute-coords_ktotn_208 {
  position: absolute;
  top: -8px;
  left: 1px;
  font-size: 5px;
  color: color-mix(in srgb, var(--ui-accent-blue) 70%, var(--ui-text-faint));
  font-family: var(--ui-font);
  white-space: nowrap;
}
._mode-preview-fixed-viewport_ktotn_220 {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--ui-text-faint) 40%, transparent);
  border-radius: 3px;
  min-height: 56px;
  overflow: hidden;
}
._mode-preview-fixed-scrollable_ktotn_228 {
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  animation: _mode-scroll_ktotn_1 3s ease-in-out 3;
}
._mode-preview-fixed-content_ktotn_236 {
  height: 10px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--ui-text-faint) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-text-faint) 20%, transparent);
}
._mode-preview-fixed-block-scrolls_ktotn_243 {
  position: relative;
  width: 28px;
  height: 16px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--ui-accent-blue) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
  align-self: flex-end;
  margin-right: 6px;
  flex-shrink: 0;
}
._mode-preview-fixed-block_ktotn_243 {
  position: absolute;
  width: 28px;
  height: 16px;
  bottom: 6px;
  right: 6px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--ui-accent-blue) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
}

/* temp_stylePlugin:src/components/ContextExplorer/ContextExplorer.module.css */
._container_16cb0_1 {
  padding: 4px;
}
._empty-state_16cb0_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #666;
  font-size: 12px;
  text-align: center;
}
._scope-card_16cb0_15 {
  border: 1px solid #333;
  border-radius: 10px;
  padding: 0;
  background: #111;
  margin: 5px;
  overflow: hidden;
}
._scope-header_16cb0_24 {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  gap: 6px;
}
._scope-header_16cb0_24:hover {
  background: rgba(255, 255, 255, 0.04);
}
._scope-header_16cb0_24 i {
  font-size: 14px;
  opacity: 0.7;
}
._scope-label_16cb0_42 {
  font-size: 11px;
  font-weight: 600;
  color: #ddd;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._scope-type-badge_16cb0_52 {
  font-size: 9px;
  text-transform: uppercase;
  padding: 1px 5px;
  border-radius: 3px;
  letter-spacing: 0.5px;
  font-weight: 600;
}
._scope-type-badge_16cb0_52._repeater_16cb0_61 {
  background: rgba(15, 216, 160, 0.15);
  color: #0fd8a0;
}
._scope-type-badge_16cb0_52._component_16cb0_66 {
  background: rgba(78, 187, 239, 0.15);
  color: #4ebbef;
}
._scope-type-badge_16cb0_52._artboard_16cb0_71 {
  background: rgba(196, 104, 249, 0.15);
  color: #c468f9;
}
._scope-type-badge_16cb0_52._navigation_16cb0_76 {
  background: rgba(249, 180, 68, 0.15);
  color: #f9b444;
}
._collapse-icon_16cb0_81 {
  font-size: 16px;
  opacity: 0.5;
  transition: transform 0.15s ease;
}
._collapse-icon_16cb0_81._open_16cb0_87 {
  transform: rotate(90deg);
}
._scope-body_16cb0_91 {
  border-top: 1px solid #282828;
}
._variable-row_16cb0_95 {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  border-bottom: 1px solid #1e1e1e;
  gap: 6px;
  min-height: 26px;
}
._variable-row_16cb0_95:last-child {
  border-bottom: none;
}
._variable-row_16cb0_95:hover {
  background: rgba(255, 255, 255, 0.03);
}
._variable-row--selectable_16cb0_112 {
  cursor: pointer;
}
._variable-row--selectable_16cb0_112:hover {
  background: rgba(78, 187, 239, 0.07);
}
._variable-name_16cb0_120 {
  font-size: 11px;
  font-weight: 600;
  color: #ddd;
  flex-shrink: 0;
}
._variable-type-badge_16cb0_127 {
  font-size: 8px;
  text-transform: uppercase;
  padding: 1px 4px;
  border-radius: 2px;
  background: #444;
  letter-spacing: 0.3px;
  flex-shrink: 0;
}
._variable-type-badge_16cb0_127._record_16cb0_137 {
  color: #0fd8a0;
}
._variable-type-badge_16cb0_127._index_16cb0_141 {
  color: #f9e668;
}
._variable-type-badge_16cb0_127._total_16cb0_145 {
  color: #f9e668;
}
._variable-type-badge_16cb0_127._param_16cb0_149 {
  color: #4ebbef;
}
._variable-type-badge_16cb0_127._context_16cb0_153 {
  color: #f9b444;
}
._variable-value_16cb0_157 {
  color: #aaa;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
._variable-actions_16cb0_167 {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
._variable-actions_16cb0_167 i {
  opacity: 0;
  cursor: pointer;
  color: #aaa;
  font-size: 12px;
  padding: 2px;
}
._variable-row_16cb0_95:hover ._variable-actions_16cb0_167 i {
  opacity: 0.6;
}
._variable-actions_16cb0_167 i:hover {
  opacity: 1 !important;
  color: var(--h230);
}
._expand-toggle_16cb0_191 {
  cursor: pointer;
  font-size: 14px;
  opacity: 0.5;
  width: 16px;
  text-align: center;
  flex-shrink: 0;
}
._expand-toggle_16cb0_191:hover {
  opacity: 1;
}
._nested-children_16cb0_204 {
  padding-left: 14px;
}
._primitive-tag_16cb0_208 {
  background: #444;
  font-size: 8px;
  text-align: center;
  display: inline-block;
  padding: 1px 4px;
  border-radius: 2px;
  position: relative;
  top: -1px;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ReferenceControl/ReferenceControl.module.css */
._trigger_137ne_2 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font-mono, var(--ui-font));
  cursor: pointer;
  transition:
    border-color var(--ui-transition-fast),
    background var(--ui-transition-fast),
    color var(--ui-transition-fast);
  min-height: 26px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._trigger_137ne_2:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._trigger--active_137ne_20 {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
}
._trigger-icon_137ne_22 {
  color: var(--ui-text-faint);
  flex-shrink: 0;
  font-size: 11px;
}
._trigger-label_137ne_23 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._trigger-placeholder_137ne_24 {
  flex: 1;
  color: var(--ui-text-faint);
  font-style: italic;
  font-family: var(--ui-font);
}
._trigger-chevron_137ne_25 {
  color: var(--ui-text-faint);
  flex-shrink: 0;
  margin-left: auto;
}
._overlay_137ne_28 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_137ne_1 120ms ease;
}
._modal_137ne_39 {
  animation: _scaleIn_137ne_1 140ms cubic-bezier(0.34, 1.3, 0.64, 1);
}
@keyframes _fadeIn_137ne_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _scaleIn_137ne_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._picker_137ne_45 {
  width: 520px;
  height: min(520px, 80vh);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: var(--ui-surface-1);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
  font-family: var(--ui-font);
  color: var(--ui-text);
}
._header_137ne_60 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  height: 52px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
  color: var(--ui-text-muted);
}
._search-input_137ne_70 {
  flex: 1;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
  color: var(--ui-text);
  font-family: var(--ui-font-mono, monospace);
}
._search-input_137ne_70::-moz-placeholder {
  color: var(--ui-text-faint);
  font-family: var(--ui-font);
  font-style: italic;
  font-size: 13px;
}
._search-input_137ne_70::placeholder {
  color: var(--ui-text-faint);
  font-family: var(--ui-font);
  font-style: italic;
  font-size: 13px;
}
._clear-btn_137ne_80,
._close-btn_137ne_80 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--ui-text-faint);
  font-size: 18px;
  padding: 2px 6px;
  border-radius: 6px;
  line-height: 1;
  transition: color 100ms, background 100ms;
}
._clear-btn_137ne_80:hover,
._close-btn_137ne_80:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._use-btn_137ne_89 {
  background: color-mix(in srgb, var(--ui-accent-blue) 18%, var(--ui-surface-2));
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
  color: var(--ui-text);
  font-size: 11px;
  font-family: var(--ui-font);
  padding: 3px 10px;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 100ms;
}
._use-btn_137ne_89:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 30%, var(--ui-surface-2));
}
._body_137ne_104 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/RemixIconControl/RemixIconControl.module.css */
._shadow-control-container_scyzo_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 52%, transparent);
}
._shadow-input-wrapper_scyzo_11 {
  border: solid 1px color-mix(in srgb, var(--ui-border) 78%, transparent);
  width: 26px;
  height: 26px;
  margin-right: 8px;
  border-radius: 100%;
  cursor: pointer;
  box-sizing: border-box;
}
._shadow-input_scyzo_11 {
  border: none;
  -webkit-appearance: none;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  outline: none;
  background: no-repeat;
  overflow: hidden;
  padding: 0;
  margin: 0;
  opacity: 0;
}
._shadow-container_scyzo_35 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
._shadow-label_scyzo_41 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-medium);
  color: var(--ui-text-muted);
  margin-top: 2px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
._icons-container_scyzo_50 {
  height: 240px;
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--ui-border) 70%, transparent);
  border-radius: 8px;
  padding: 4px;
  background: color-mix(in srgb, var(--ui-surface-1) 86%, transparent);
}
._icon-thumb_scyzo_59 {
  float: left;
  width: 29px;
  height: 29px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  color: var(--ui-text);
  margin: 2px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 5px 0 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--ui-surface-2) 66%, transparent);
  cursor: pointer;
}
._icon-thumb-active_scyzo_76 {
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 58%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-3));
  color: #6eb8ff;
  box-sizing: border-box;
}
._selected-icon-thumb_scyzo_83 {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-2) 70%, transparent);
  color: var(--ui-text);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/RequestTestControl/RequestTestControl.module.css */
._container_vzwl8_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._actions_vzwl8_7 {
  display: flex;
  justify-content: flex-start;
}
._btnStyle_vzwl8_12 {
  border: 1px solid color-mix(in srgb, var(--ui-border) 74%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-2) 84%, transparent);
  color: var(--ui-text);
  height: 30px;
  padding: 0 12px;
  font-size: 10px;
  font-weight: var(--ui-font-weight-medium);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: 140ms ease;
}
._btnStyle_vzwl8_12:hover {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 55%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 18%, var(--ui-surface-2));
}
._textAreaStyle_vzwl8_32 {
  width: 100%;
  min-height: 180px;
  max-height: 260px;
  background: color-mix(in srgb, var(--ui-surface-1) 92%, transparent);
  color: var(--ui-text);
  font-size: 10px;
  border-radius: 8px;
  resize: vertical;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  font-family: var(--ui-font-mono);
  line-height: 1.35;
  padding: 10px;
  box-sizing: border-box;
}
._textAreaStyle_vzwl8_32:focus {
  outline: none;
  border-color: var(--ui-border-strong);
  box-shadow: 0 0 0 2px var(--ui-focus-ring);
}
._statusRow_vzwl8_54 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ui-text-muted);
  font-size: 10px;
}
._circleStyle_vzwl8_62 {
  border-radius: 999px;
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}
._statusSuccess_vzwl8_69 {
  background: color-mix(in srgb, var(--ui-accent-green) 75%, #6dcf91);
}
._statusError_vzwl8_73 {
  background: color-mix(in srgb, var(--ui-accent-red) 78%, #ea6f6f);
}
._statusIdle_vzwl8_77 {
  background: color-mix(in srgb, var(--ui-text-faint) 74%, transparent);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ScheduleControl/ScheduleControl.module.css */
._type-picker_1hjfy_1 {
  overflow: hidden;
  width: 100%;
  min-height: 30px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  border-radius: 8px;
  font-size: 11px;
  padding: 2px;
  gap: 5px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 72%, transparent);
}
._type-picker-option_1hjfy_16 {
  font-size: 10px;
  background: transparent;
  color: var(--ui-text-muted);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  border-radius: 7px;
  margin: 0;
  border: none;
  cursor: pointer;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  transition: 120ms ease;
}
._type-picker-option_1hjfy_16:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  color: var(--ui-text);
}
._type-picker-option--selected_1hjfy_38 {
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-3));
  color: #5eb0ff;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue) 50%, transparent);
}
._type-picker-option_1hjfy_16._type-picker-option--selected_1hjfy_38:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 20%, var(--ui-surface-3)) !important;
  color: #6eb8ff;
}
._one-time-container_1hjfy_49,
._rate-container_1hjfy_50,
._cron-container_1hjfy_51 {
  margin: 12px 0 0;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 52%, transparent);
}
._one-time-container_1hjfy_49 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._rate-container_1hjfy_50 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
._rate-value-input_1hjfy_72 {
  width: 64px;
  margin: 0;
}
._rate-unit-select_1hjfy_77 {
  width: 140px;
  margin-right: 0;
  margin-left: 0;
}
._cron-input-container_1hjfy_83 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
._cron-input_1hjfy_83 {
  margin: 0;
  text-align: center;
  flex-grow: 1;
}
._cron-invalid-text_1hjfy_96 {
  color: color-mix(in srgb, var(--ui-accent-red) 72%, #ff7f8e);
  font-size: 10px;
  margin: 8px 0 6px;
}
._cron-next-trigger-dates-header_1hjfy_102 {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-3) 66%, transparent);
  color: var(--ui-text-muted);
  width: 100%;
  border-radius: 7px;
  padding: 6px 8px;
  cursor: pointer;
}
._cron-next-trigger-dates-header--disabled_1hjfy_115 {
  opacity: 0.67;
  cursor: not-allowed;
}
._cron-next-trigger-dates-list_1hjfy_120 {
  list-style: none;
  padding: 8px;
  font-size: 10px;
  line-height: 1.25;
  background-color: color-mix(in srgb, var(--ui-surface-1) 86%, transparent);
  margin-top: 6px;
  border-radius: 7px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 65%, transparent);
}
._cron-next-trigger-dates-list-item_1hjfy_131:not(:first-child) {
  margin-top: 4px;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ScheduleControl/TimezoneControl.module.css */
._container_499jn_1 {
  margin-top: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-2) 56%, transparent);
}
._control_499jn_12 {
  margin: 0;
  width: 100%;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ScrollControl/ScrollControl.module.css */
._inner-rectangle_16jl9_1 {
  background: color-mix(in srgb, var(--ui-surface-1) 92%, transparent);
  width: 76px;
  height: 60px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  color: var(--ui-text-faint);
  position: relative;
  font-size: 9px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 74%, transparent);
  text-align: center;
}
._toggles-container_16jl9_17 {
  display: flex;
  justify-content: start;
  align-items: flex-start;
  flex-flow: column nowrap;
}
._toggle_16jl9_17 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  color: var(--ui-text-muted);
  font-size: 10px;
}
._toggle_16jl9_17 > span {
  margin-left: 7px;
}
._inner-rectangle_16jl9_1 > span {
  vertical-align: middle;
  text-align: center;
}
._scroll-controller-container_16jl9_43 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
}
._vertical-axis_16jl9_52 {
  height: 40px;
  width: 4px;
  position: absolute;
  right: 2px;
  background-color: color-mix(in srgb, var(--ui-border) 82%, transparent);
  transition: all 100ms ease-in-out;
}
._vertical-axis-active_16jl9_61 {
  height: 50px;
  width: 4px;
  position: absolute;
  right: 2px;
  background-color: color-mix(in srgb, var(--ui-accent-blue) 74%, #8dc6ff);
  transition: all 100ms ease-in-out;
  border-radius: 5px;
}
._horizontal-axis_16jl9_71 {
  height: 3px;
  width: 80%;
  bottom: 0;
  position: absolute;
  background-color: color-mix(in srgb, var(--ui-border) 82%, transparent);
  transition: all .1s ease-in-out;
  border-radius: 5px;
}
._horizontal-axis-active_16jl9_81 {
  height: 3px;
  width: 85%;
  bottom: 0;
  position: absolute;
  background-color: color-mix(in srgb, var(--ui-accent-blue) 74%, #8dc6ff);
  transition: all 100ms ease-in-out;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/ShadowControl/ShadowControl.module.css */
._container_1d1cw_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
._type-trigger_1d1cw_10 {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 4px;
  border-radius: var(--ui-radius-sm);
  border: none;
  background: none;
  cursor: pointer;
  transition: background 0.12s;
}
._type-trigger_1d1cw_10:hover {
  background: var(--ui-surface-2);
}
._type-trigger-dimmed_1d1cw_27 {
  font-size: 8px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.6;
}
._type-trigger-preview_1d1cw_36 {
  width: 18px;
  height: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
._type-trigger-label_1d1cw_45 {
  font-size: 10px;
  color: var(--ui-text-muted);
  text-transform: capitalize;
}
._type-trigger-caret_1d1cw_51 {
  color: var(--ui-text-faint);
  font-size: 9px;
  margin-left: auto;
}
._type-dropdown_1d1cw_57 {
  width: 150px;
  padding: 3px;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1px;
}
._type-option_1d1cw_69 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 7px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.1s;
}
._type-option_1d1cw_69:hover {
  background: rgba(255, 255, 255, 0.06);
}
._type-option-active_1d1cw_83 {
  background: rgba(58, 156, 255, 0.12);
}
._type-option-icon_1d1cw_87 {
  width: 18px;
  height: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
._type-option-label_1d1cw_96 {
  font-size: 10px;
  color: var(--ui-text-muted);
  text-transform: capitalize;
}
._type-icon-box_1d1cw_104 {
  width: 10px;
  height: 8px;
  border-radius: 1.5px;
  background: var(--ui-text-muted);
  flex-shrink: 0;
}
._type-icon--outset_1d1cw_112 ._type-icon-box_1d1cw_104 {
  box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.25);
}
._type-icon--inset_1d1cw_116 ._type-icon-box_1d1cw_104 {
  box-shadow: inset 1.5px 1.5px 3px rgba(0, 0, 0, 0.5);
}
._type-icon--complex_1d1cw_120 ._type-icon-box_1d1cw_104 {
  box-shadow: 1px 1px 4px rgba(255, 255, 255, 0.2), -1px -1px 4px rgba(255, 255, 255, 0.15);
}
._preview_1d1cw_126 {
  position: relative;
  height: 80px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--ui-surface-2);
}
._preview-box_1d1cw_140 {
  width: 40px;
  height: 30px;
  border-radius: 4px;
  background: var(--ui-text-muted);
  transition: box-shadow 0.15s ease;
}
._preview-label_1d1cw_148 {
  font-size: 9px;
  font-family:
    "SF Mono",
    "Menlo",
    "Monaco",
    monospace;
  color: var(--ui-text-faint);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 8px;
}
._mode-tabs_1d1cw_161 {
  display: flex;
  gap: 2px;
  padding: 2px;
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface-2);
}
._mode-tab_1d1cw_161 {
  flex: 1;
  height: 22px;
  border: none;
  border-radius: calc(var(--ui-radius-sm) - 1px);
  background: none;
  color: var(--ui-text-faint);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
._mode-tab_1d1cw_161:hover {
  color: var(--ui-text-muted);
}
._mode-tab--active_1d1cw_188 {
  background: var(--ui-surface-3);
  color: var(--ui-text);
}
._natural-controls_1d1cw_195 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
._angle-dial_1d1cw_201 {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.12s;
}
._angle-dial_1d1cw_201:hover {
  background: rgba(255, 255, 255, 0.03);
}
._angle-dial-svg_1d1cw_214 {
  width: 100%;
  height: 100%;
  display: block;
}
._natural-fields_1d1cw_220 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._shadow-grid_1d1cw_230 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
._shadow-field_1d1cw_236 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._shadow-label_1d1cw_243 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-medium);
  color: var(--ui-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/TextFormatControl/TextFormatControl.module.css */
._container_1lr7i_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border-radius: var(--ui-radius-md);
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 55%, transparent);
}
._group_1lr7i_11 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._groupTitle_1lr7i_17 {
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  letter-spacing: var(--ui-letter-spacing-wide);
  text-transform: uppercase;
  color: var(--ui-text-muted);
}
._controls_1lr7i_25 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}
._controls--2_1lr7i_32 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
._iconButton_1lr7i_36 {
  height: 30px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  border-radius: var(--ui-radius-sm);
  background: color-mix(in srgb, var(--ui-surface-2) 76%, transparent);
  color: var(--ui-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    border-color var(--ui-transition-fast),
    background var(--ui-transition-fast),
    color var(--ui-transition-fast),
    transform var(--ui-transition-fast);
}
._iconButton_1lr7i_36:hover {
  border-color: var(--ui-border-strong);
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  color: var(--ui-text);
}
._iconButton_1lr7i_36:active {
  transform: translateY(1px);
}
._iconButton--selected_1lr7i_63 {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 62%, var(--ui-border));
  background: var(--ui-accent-soft);
  color: color-mix(in srgb, var(--ui-accent-blue) 84%, white);
}
._icon_1lr7i_36 {
  width: 15px;
  height: 15px;
}
._fieldRow_1lr7i_74 {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-width: 0;
}
._doubleFieldRow_1lr7i_82 {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 28px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-width: 0;
}
._fieldIcon_1lr7i_90 {
  height: 30px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 74%, transparent);
  border-radius: var(--ui-radius-sm);
  background: color-mix(in srgb, var(--ui-surface-3) 62%, transparent);
  color: var(--ui-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._selectControl_1lr7i_101,
._inputControl_1lr7i_102 {
  width: 100%;
  min-width: 0;
}
._metricsGrid_1lr7i_107 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}
._metricField_1lr7i_114 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
._metricLabel_1lr7i_121 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  letter-spacing: var(--ui-letter-spacing-wide);
  text-transform: uppercase;
  color: var(--ui-text-muted);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/TransformControl/TransformControl.module.css */
._container_1lvr2_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 2px 0;
}
._kind-row_1lvr2_8 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text);
}
._kind-row_1lvr2_8:hover {
  border-color: var(--ui-border-strong);
}
._kind-row--3d_1lvr2_24 {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 45%, var(--ui-border));
}
._kind-icon_1lvr2_28 {
  color: var(--ui-text-muted);
  font-size: 13px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
._kind-row--3d_1lvr2_24 ._kind-icon_1lvr2_28 {
  color: var(--ui-accent-blue);
}
._kind-label_1lvr2_38 {
  font-weight: 500;
  flex: 1;
}
._kind-caret_1lvr2_40 {
  color: var(--ui-text-faint);
  font-size: 11px;
}
._fields_1lvr2_42 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 8px;
  align-items: center;
  padding: 4px 4px 0;
}
._field-label_1lvr2_50 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ui-text-faint);
}
._field-value_1lvr2_58 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._menu_1lvr2_61 {
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45);
  padding: 6px;
  width: 220px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  z-index: 99999;
}
._menu-section_1lvr2_74 {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ui-text-faint);
  padding: 6px 8px 3px;
}
._menu-item_1lvr2_82 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  color: var(--ui-text);
  font-size: var(--ui-font-size-xs);
  border: 0;
  background: transparent;
  text-align: left;
  font-family: var(--ui-font);
}
._menu-item_1lvr2_82:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._menu-item--3d_1lvr2_99 {
  color: var(--ui-accent-blue);
}
._menu-item-icon_1lvr2_101 {
  width: 14px;
  display: flex;
  justify-content: center;
  color: var(--ui-text-muted);
  font-size: 12px;
}
._menu-item--3d_1lvr2_99 ._menu-item-icon_1lvr2_101 {
  color: var(--ui-accent-blue);
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/TransitionControl/TransitionControl.module.css */
._transition-control_1gnsk_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
}
._section-label_1gnsk_9 {
  display: block;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
._presets-section_1gnsk_20 {
  display: flex;
  flex-direction: column;
}
._presets-grid_1gnsk_25 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 6px;
}
._preset-button_1gnsk_31 {
  padding: 8px 12px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  font-weight: var(--ui-font-weight-medium);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  white-space: nowrap;
}
._preset-button_1gnsk_31:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-2);
  color: var(--ui-text);
}
._preset-button--active_1gnsk_51 {
  border-color: var(--ui-accent-blue);
  background: var(--ui-accent-soft);
  color: var(--ui-accent-blue);
}
._bezier-section_1gnsk_58 {
  display: flex;
  flex-direction: column;
}
._bezier_1gnsk_58 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  min-height: 200px;
}
._bezier-values_1gnsk_74 {
  margin-top: 8px;
  padding: 8px 12px;
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
}
._bezier-code_1gnsk_82 {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text);
  font-variant-numeric: tabular-nums;
}
._timing-section_1gnsk_90 {
  display: flex;
  flex-direction: column;
}
._timing-group_1gnsk_95 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
._input-label_1gnsk_101 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._label-text_1gnsk_107 {
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-medium);
  color: var(--ui-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._scope-section_1gnsk_116 {
  display: flex;
  flex-direction: column;
}
._preview-section_1gnsk_122 {
  display: flex;
  flex-direction: column;
}
._preview_1gnsk_122 {
  position: relative;
  height: 50px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
  overflow: hidden;
}
._circle_1gnsk_136 {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--ui-accent-blue);
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
}
@keyframes _anim_1gnsk_1 {
  from {
    left: 8px;
  }
  to {
    left: calc(100% - 32px);
  }
}
._transition-control_1gnsk_1 text {
  fill: var(--ui-text) !important;
}
._transition-control_1gnsk_1 path {
  stroke: var(--ui-accent-blue) !important;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/UiStatePropControl/UiStatePropControl.module.css */
._selected-label_3p8i4_1 {
  color: var(--ui-text-muted);
  font-size: 9px;
  font-weight: var(--ui-font-weight-medium);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
._component-placeholder_3p8i4_10 {
  width: 100%;
  min-height: 32px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 74%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-2) 82%, transparent);
  color: var(--ui-text);
  padding: 7px 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  transition: 140ms ease;
  margin: 0 0 8px;
  font-size: 10px;
  text-align: left;
}
._component-placeholder_3p8i4_10._empty_3p8i4_28 {
  background: color-mix(in srgb, var(--ui-surface-1) 80%, transparent);
  color: var(--ui-text-muted);
  border-style: dashed;
  border-color: color-mix(in srgb, var(--ui-border-strong) 75%, transparent);
}
._component-placeholder_3p8i4_10:hover {
  border-color: var(--ui-border-strong);
  background: color-mix(in srgb, var(--ui-surface-3) 82%, transparent);
}
._component-placeholder_3p8i4_10:not(._empty_3p8i4_28):hover {
  border-color: color-mix(in srgb, var(--ui-accent-red) 60%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-red) 16%, var(--ui-surface-2));
}
._placeholder-icon_3p8i4_45 {
  width: 14px;
  text-align: center;
  color: var(--ui-text-faint);
  flex-shrink: 0;
}
._placeholder-text_3p8i4_52 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* temp_stylePlugin:src/components/Inspector/Props/Prop/customControls/QuickAppParamsControl/QuickAppParamsControl.module.css */
._container_18pb6_3 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 4px 0;
}
._paramRow_18pb6_10 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._paramLabel_18pb6_16 {
  font-size: 10px;
  font-weight: 600;
  color: var(--ui-text-secondary);
  min-width: 70px;
  flex-shrink: 0;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._paramInput_18pb6_28 {
  all: unset;
  display: block;
  box-sizing: border-box;
  flex: 1;
  min-width: 0;
  padding: 3px 6px;
  font-family: var(--ui-font);
  font-size: 11px;
  color: var(--ui-text);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  border-radius: 4px;
}
._paramInput_18pb6_28:focus {
  border-color: color-mix(in srgb, #3a9cff 50%, var(--ui-border));
}
._paramColor_18pb6_46 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 28px;
  height: 24px;
  border: 1px solid var(--ui-border);
  border-radius: 4px;
  padding: 0;
  cursor: pointer;
  background: none;
  flex-shrink: 0;
}
._paramColor_18pb6_46::-webkit-color-swatch-wrapper {
  padding: 2px;
}
._paramColor_18pb6_46::-webkit-color-swatch {
  border: none;
  border-radius: 2px;
}
._paramSelect_18pb6_61 {
  all: unset;
  display: block;
  box-sizing: border-box;
  flex: 1;
  min-width: 0;
  padding: 3px 6px;
  font-family: var(--ui-font);
  font-size: 11px;
  color: var(--ui-text);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  border-radius: 4px;
  cursor: pointer;
}
._paramCheckbox_18pb6_77 {
  margin: 0;
  cursor: pointer;
  accent-color: #3a9cff;
}
._paramError_18pb6_83 {
  font-size: 10px;
  color: #f87171;
  font-style: italic;
}
._placeholder_18pb6_89 {
  font-size: 11px;
  color: var(--ui-text-secondary);
  opacity: 0.5;
  padding: 8px 0;
  text-align: center;
}

/* temp_stylePlugin:src/components/Trees/ComponentsTree/ComponentsTree.module.css */
@keyframes _agentDot_1g2o6_1 {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.7;
  }
}
._spacer_1g2o6_6 {
  width: calc(100% - 20px);
  background: color-mix(in srgb, var(--ui-accent-blue) 88%, white);
  position: absolute;
  opacity: 0.9;
  top: 0px;
  left: 32px;
  border-radius: 999px;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ui-accent-blue) 34%, transparent), 0 0 8px rgba(78, 167, 255, 0.4);
}
._drag-handle_1g2o6_18 {
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ui-text-faint);
  font-size: 11px;
  cursor: grab;
  z-index: 3;
  display: flex;
  align-items: center;
}
._drop-zone_1g2o6_31 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  left: 0;
}
._drop-zone--disabled_1g2o6_39 {
  opacity: 0;
  pointer-events: none;
}
._drop-zone--debug_1g2o6_44 ._drop-1_1g2o6_44 {
  background: rgba(200, 184, 142, 0.25);
}
._drop-zone--debug_1g2o6_44 ._drop-2_1g2o6_47 {
  background: rgba(155, 172, 192, 0.2);
}
._drop-zone--debug_1g2o6_44 ._drop-3_1g2o6_50 {
  background: rgba(169, 150, 122, 0.22);
}
._drop-1_1g2o6_44 {
  height: 100%;
  opacity: 0.25;
}
._drop-2_1g2o6_47 {
  height: 100%;
  opacity: 0.25;
  flex-grow: 1;
}
._drop-3_1g2o6_50 {
  height: 100%;
  opacity: 0.25;
  width: 40px;
}
._drop-zone_1g2o6_31:not(._drop-zone--disabled_1g2o6_39) ._drop-3_1g2o6_50 {
  background: color-mix(in srgb, var(--ui-accent-blue) 10%, transparent);
  border-left: 1px dashed color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
}
._node-content-container_1g2o6_76 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  margin-left: 0;
  flex: 1;
  min-width: 0;
  height: 100%;
}
._node-content-container_1g2o6_76:before {
  content: "";
  width: 0px;
  display: block;
  z-index: 999999;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin-left: -6px;
  margin-bottom: -2px;
  border-left: 1px solid color-mix(in srgb, var(--ui-border) 62%, transparent);
  z-index: 0;
  transition: var(--ui-transition-fast);
}
._node-content-container-selected_1g2o6_103:before {
  border-color: transparent;
}
._node-content-container-ancestor-selected_1g2o6_107:before {
  border-color: transparent !important;
}
._node-icon-container_1g2o6_111 {
  margin-right: 7px;
  margin-left: 0px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ui-text-faint);
}
._node-indent_1g2o6_122 {
  display: inline-block;
  flex: 0 0 auto;
}
._node-icon-container--state-holder_1g2o6_126 {
  color: #5eb0ff;
}
._node-text-container_1g2o6_130 {
  padding: 8px 0;
  background: transparent;
  border-radius: 0;
  padding-left: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  max-width: calc(100% - 38px);
  color: inherit;
  letter-spacing: 0;
}
._node-text-container--dragged_1g2o6_145 {
  background: color-mix(in srgb, var(--ui-accent-blue) 22%, transparent);
  border-radius: 7px;
}
._node-options-container_1g2o6_150 {
  position: absolute;
  right: 4px;
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 1px 6px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 90%, transparent);
  box-shadow: var(--ui-shadow-soft);
}
._node-expand-control_1g2o6_163 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  color: var(--ui-text-muted);
  transition: var(--ui-transition-fast);
}
._node-expand-control--hidden_1g2o6_175 {
  border-color: transparent !important;
  background: transparent !important;
  pointer-events: none;
  cursor: default;
}
._node-expand-control_1g2o6_163:hover {
  color: var(--ui-text);
  border-color: var(--ui-border-strong);
}
._node-expand-control--selected_1g2o6_187 {
  color: var(--ui-text);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, transparent);
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-2));
}
._node-expand-control--ancestor_1g2o6_193 {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 38%, transparent);
}
._search-container_1g2o6_198 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: var(--ui-surface-1);
  border-bottom: 1px solid var(--ui-border);
}
._search-icon_1g2o6_207 {
  position: absolute;
  left: 20px;
  color: var(--ui-text-muted);
  font-size: 14px;
  pointer-events: none;
}
._search-input_1g2o6_215 {
  flex: 1;
  height: 32px;
  padding: 0 32px 0 36px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-2);
  color: var(--ui-text);
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font);
  outline: none;
  transition: all var(--ui-transition-fast);
}
._search-input_1g2o6_215::-moz-placeholder {
  color: var(--ui-text-faint);
}
._search-input_1g2o6_215::placeholder {
  color: var(--ui-text-faint);
}
._search-input_1g2o6_215:focus {
  background: var(--ui-accent-soft);
  border-color: var(--ui-accent-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent-blue) 10%, transparent);
}
._search-clear_1g2o6_239 {
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  font-size: 14px;
}
._search-clear_1g2o6_239:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 50%, transparent);
}
._search-clear_1g2o6_239:active {
  transform: scale(0.9);
}

/* temp_stylePlugin:src/components/Trees/components/TreeItem.module.css */
._item_1clhu_2 {
  min-height: 30px;
  font-size: var(--ui-font-size-sm);
  font-weight: 400;
  display: flex;
  align-items: center;
  position: relative;
  color: var(--ui-text-muted);
  border: 1px solid transparent;
  box-sizing: border-box;
  width: 100%;
  min-width: 100%;
  border-radius: var(--ui-radius-sm);
  background: color-mix(in srgb, var(--ui-surface-1) 72%, transparent);
  transition:
    background var(--ui-transition-fast),
    border-color var(--ui-transition-fast),
    color var(--ui-transition-fast),
    box-shadow var(--ui-transition-fast);
}
._item-ancestor_1clhu_25 {
  background: color-mix(in srgb, var(--ui-accent-blue) 8%, var(--ui-surface-1));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 20%, transparent);
  color: var(--ui-text);
}
._item-selected_1clhu_31 {
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 54%, var(--ui-border));
  color: var(--w100);
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue) 24%, transparent);
}
._item-selected_1clhu_31::before {
  display: none;
}
._item-selected_1clhu_31::after {
  display: none;
}
._item_1clhu_2:hover {
  color: var(--ui-text) !important;
  background: color-mix(in srgb, var(--ui-surface-2) 84%, rgba(155, 172, 192, 0.14));
  border-color: var(--ui-border);
  cursor: pointer;
}
._item_1clhu_2 ._tree-item-visible-on-hover_1clhu_55 {
  display: none;
}
._item_1clhu_2:hover ._tree-item-visible-on-hover_1clhu_55 {
  display: block;
}

/* temp_stylePlugin:src/components/Trees/components/TreeContainer.module.css */
.data2-component-tree {
  display: flex;
  flex-direction: column;
}
._tree-scroll_17s6u_6 {
  width: 100%;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-1);
}
._tree-container_17s6u_15 {
  width: 100%;
  min-width: 100%;
  padding: 12px;
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
._tree-collapse-all_17s6u_25 {
  width: 100%;
  margin: 0;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-text);
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  font-size: var(--ui-font-size-sm);
  line-height: 1.15;
  cursor: pointer;
  transition:
    140ms ease,
    color 140ms ease,
    border-color 140ms ease;
}
._collapse-icon_17s6u_38 {
  font-size: 115%;
  margin-right: 8px;
  color: var(--ui-text-muted);
}
._tree-collapse-all_17s6u_25:hover {
  background: var(--ui-surface-3);
  color: var(--w100);
  border-color: var(--ui-border-strong);
}

/* temp_stylePlugin:src/components/Trees/DataTree/DataTree.module.css */
._content-container_1f96j_1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
._icon-container_1f96j_11 {
  margin-right: 6px;
  width: 16px;
  display: inline-flex;
  justify-content: center;
  color: var(--ui-text-faint);
}
._title_1f96j_19 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._preview-button_1f96j_26 {
  border: 1px solid transparent;
  background: transparent;
  padding: 0;
  margin-left: auto;
  color: inherit;
  opacity: 0.72;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: var(--ui-radius-sm);
  transition:
    background var(--ui-transition-fast),
    border-color var(--ui-transition-fast),
    color var(--ui-transition-fast);
}
._preview-button_1f96j_26:hover {
  opacity: 1;
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 52%, var(--ui-border));
}
._search-container_1f96j_49 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: var(--ui-surface-1);
  border-bottom: 1px solid var(--ui-border);
  height: 50px;
}
._search-icon_1f96j_59 {
  position: absolute;
  left: 20px;
  color: var(--ui-text-muted);
  font-size: 14px;
  pointer-events: none;
}
._search-input_1f96j_67 {
  flex: 1;
  height: 32px;
  padding: 0 32px 0 36px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-2);
  color: var(--ui-text);
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font);
  outline: none;
  transition: all var(--ui-transition-fast);
}
._search-input_1f96j_67::-moz-placeholder {
  color: var(--ui-text-faint);
}
._search-input_1f96j_67::placeholder {
  color: var(--ui-text-faint);
}
._search-input_1f96j_67:focus {
  background: var(--ui-accent-soft);
  border-color: var(--ui-accent-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent-blue) 10%, transparent);
}
._search-clear_1f96j_91 {
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  font-size: 14px;
}
._search-clear_1f96j_91:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 50%, transparent);
}
._search-clear_1f96j_91:active {
  transform: scale(0.9);
}

/* temp_stylePlugin:src/components/Trees/ServicesTree/ServicesTree.module.css */
._drop-overlay_1ft6g_1 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.52);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: var(--ui-font-size-md);
  color: var(--ui-text);
}
._drop-overlay-content-container_1ft6g_16 {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
._add-icon-overlay_1ft6g_24 {
  margin-bottom: 6px;
  font-size: 20px;
}
._icon-container_1ft6g_29 {
  margin-right: 6px;
  width: 16px;
  display: inline-flex;
  justify-content: center;
  color: var(--ui-text-faint);
}
._title_1ft6g_37 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._preview-button_1ft6g_44 {
  border: 1px solid transparent;
  background: transparent;
  padding: 0;
  margin-left: auto;
  color: inherit;
  opacity: 0.7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: var(--ui-radius-sm);
  transition:
    background var(--ui-transition-fast),
    border-color var(--ui-transition-fast),
    color var(--ui-transition-fast);
}
._preview-button_1ft6g_44:hover {
  opacity: 1;
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 52%, var(--ui-border));
}
._search-container_1ft6g_67 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: var(--ui-surface-1);
  border-bottom: 1px solid var(--ui-border);
}
._search-icon_1ft6g_76 {
  position: absolute;
  left: 20px;
  color: var(--ui-text-muted);
  font-size: 14px;
  pointer-events: none;
}
._search-input_1ft6g_84 {
  flex: 1;
  height: 32px;
  padding: 0 32px 0 36px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-2);
  color: var(--ui-text);
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font);
  outline: none;
  transition: all var(--ui-transition-fast);
}
._search-input_1ft6g_84::-moz-placeholder {
  color: var(--ui-text-faint);
}
._search-input_1ft6g_84::placeholder {
  color: var(--ui-text-faint);
}
._search-input_1ft6g_84:focus {
  background: var(--ui-accent-soft);
  border-color: var(--ui-accent-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent-blue) 10%, transparent);
}
._search-clear_1ft6g_108 {
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  font-size: 14px;
}
._search-clear_1ft6g_108:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 50%, transparent);
}
._search-clear_1ft6g_108:active {
  transform: scale(0.9);
}

/* temp_stylePlugin:src/components/HistoryPanel/HistoryPanel.module.css */
._panel_1373r_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background: var(--ui-surface-1);
  font-family: var(--ui-font);
}
._toolbar_1373r_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  flex-shrink: 0;
}
._toolbar-title_1373r_21 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
._toolbar-ds_1373r_32 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 1px 5px;
  border-radius: 99px;
  background: color-mix(in srgb, currentColor 14%, transparent);
}
._toolbar-actions_1373r_42 {
  display: flex;
  gap: 4px;
}
._action-btn_1373r_47 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  cursor: pointer;
  font-size: 14px;
  transition: all var(--ui-transition-fast);
}
._action-btn_1373r_47:hover:not(:disabled) {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
  background: var(--ui-surface-3);
}
._action-btn_1373r_47:disabled {
  opacity: 0.3;
  cursor: default;
}
._scroll_1373r_74 {
  flex: 1;
  overflow-y: auto;
  padding: 6px 0;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--ui-text) 15%, transparent) transparent;
}
._entry_1373r_83 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  min-height: 28px;
  transition: background var(--ui-transition-fast);
}
._entry_1373r_83:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 60%, transparent);
}
._entry--dimmed_1373r_96 {
  opacity: 0.45;
}
._entry-icon_1373r_100 {
  display: flex;
  align-items: center;
  font-size: 13px;
  flex-shrink: 0;
}
._entry-label_1373r_107 {
  flex: 1;
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._entry--dimmed_1373r_96 ._entry-label_1373r_107 {
  color: var(--ui-text-muted);
}
._entry-count_1373r_120 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-faint);
  background: var(--ui-surface-3);
  border-radius: 99px;
  padding: 0 5px;
  line-height: 16px;
}
._entry-ds_1373r_130 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.7;
}
._entry-time_1373r_138 {
  font-size: 10px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  min-width: 44px;
  text-align: right;
}
._current-marker_1373r_147 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  position: relative;
}
._current-marker_1373r_147::before,
._current-marker_1373r_147::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--ui-border);
}
._current-dot_1373r_163 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ui-accent-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent-blue) 25%, transparent);
  flex-shrink: 0;
}
._current-label_1373r_172 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-accent-blue);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
._empty_1373r_181 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px 16px;
  color: var(--ui-text-faint);
  font-size: 12px;
  text-align: center;
}
._empty_1373r_181 > :first-child {
  font-size: 24px;
  opacity: 0.4;
}
._footer_1373r_199 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-top: 1px solid var(--ui-border);
  font-size: 10px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
}
._footer-sep_1373r_210 {
  opacity: 0.4;
}

/* temp_stylePlugin:src/components/Inspector/CategorySwitcher/CategorySwitcher.module.css */
._controls_f5kyq_1 {
  width: 100%;
  display: flex;
  gap: 4px;
  align-items: center;
  margin: 6px 0 10px;
  min-width: 0;
}
._pill-row_f5kyq_10 {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  gap: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
._pill-row_f5kyq_10::-webkit-scrollbar {
  display: none;
}
._button_f5kyq_24 {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  background: transparent;
  color: #7a7a7e;
  height: 26px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 9px;
  cursor: pointer;
  transition:
    border-color var(--ui-transition-fast),
    color var(--ui-transition-fast),
    background var(--ui-transition-fast);
}
._button_f5kyq_24:hover {
  border-color: rgba(255, 255, 255, 0.14);
  color: var(--ui-text);
  background: rgba(255, 255, 255, 0.04);
}
._button--selected_f5kyq_46 {
  background: rgba(58, 156, 255, 0.14);
  border-color: rgba(58, 156, 255, 0.38);
  color: #5aaeff;
  box-shadow: 0 0 0 1px rgba(58, 156, 255, 0.08);
}
._button-label_f5kyq_53 {
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 600;
}
._search-button_f5kyq_61 {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #7a7a7e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color var(--ui-transition-fast), background var(--ui-transition-fast);
}
._search-button_f5kyq_61 i {
  font-size: 16px;
  line-height: 1;
}
._search-button_f5kyq_61:hover {
  color: #8a8a8e;
  background: transparent;
}
._search-button--selected_f5kyq_86 {
  color: #3a9cff;
}

/* temp_stylePlugin:src/components/Inspector/ClassPanel/ClassPanel.module.css */
._class-panel_1odf6_1 {
  margin-bottom: 12px;
  margin-top: 8px;
  position: relative;
  cursor: pointer;
  width: 100%;
  border-radius: var(--ui-radius-lg);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text);
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-medium);
  overflow: hidden;
  min-height: 52px;
  padding: 8px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  box-shadow: var(--ui-shadow-soft);
  transition: all var(--ui-transition-fast);
}
._class-panel-open_1odf6_24,
._class-panel_1odf6_1:not(._class-panel-disabled_1odf6_25):hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-2));
  border-color: var(--ui-accent-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent-blue) 10%, transparent);
  transform: translateY(-1px);
}
._class-panel_1odf6_1:not(._class-panel-disabled_1odf6_25):active {
  transform: translateY(0);
}
._class-panel-disabled_1odf6_25 {
  cursor: default;
  opacity: 0.6;
  pointer-events: none;
}
._class-panel-icon_1odf6_42 {
  width: 24px;
  height: 24px;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ui-text-muted);
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  border-radius: var(--ui-radius-sm);
  flex-shrink: 0;
}
._class-panel-label_1odf6_56 {
  overflow: hidden;
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._class-panel-label-primary_1odf6_65 {
  font-size: var(--ui-font-size-md);
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text);
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._class-panel-label-secondary_1odf6_75 {
  font-size: 10px;
  color: var(--ui-text-faint);
  font-family: var(--ui-font-mono);
  letter-spacing: 0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.75;
}
._class-panel-actions_1odf6_86 {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
._class-panel-action_1odf6_86 {
  width: 28px;
  height: 28px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
  color: var(--ui-text-muted);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 14px;
  transition: all var(--ui-transition-fast);
}
._class-panel-action_1odf6_86:hover:not(._class-panel-action--disabled_1odf6_110) {
  border-color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-soft) 40%, var(--ui-surface-2));
  color: var(--ui-text);
  transform: scale(1.1);
}
._class-panel-action_1odf6_86:active:not(._class-panel-action--disabled_1odf6_110) {
  transform: scale(0.95);
}
._class-panel-action--active_1odf6_121 {
  border-color: var(--ui-accent-blue);
  background: var(--ui-accent-soft);
  color: var(--ui-accent-blue);
}
._class-panel-action--active_1odf6_121:hover {
  background: color-mix(in srgb, var(--ui-accent-soft) 60%, var(--ui-surface-2));
}
._class-panel-action--disabled_1odf6_110 {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
._class-panel-copied_1odf6_137 {
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-medium);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ui-accent-blue);
  margin-right: 4px;
  animation: _fade-in_1odf6_1 200ms ease-out;
}
@keyframes _fade-in_1odf6_1 {
  from {
    opacity: 0;
    transform: translateX(-4px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
._class-picker-backdrop_1odf6_160 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  animation: _backdrop-in_1odf6_1 160ms ease-out;
}
._class-picker-modal_1odf6_172 {
  animation: _modal-in_1odf6_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes _backdrop-in_1odf6_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _modal-in_1odf6_1 {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(12px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* temp_stylePlugin:src/components/Inspector/FloatingLockedButton/FloatingLockedButton.module.css */
._floating-button-container_hc1cn_1 {
  position: absolute;
  right: 16px;
  width: 32px;
  height: 32px;
  font-size: 16px;
  background: var(--k5);
  color: var(--w95);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  cursor: pointer;
  opacity: 1;
  box-shadow:
    -0.4px -0.5px 10.6px -45px rgba(0, 0, 0, 0.146),
    0.1px 0.1px 25.5px -45px rgba(0, 0, 0, 0.22),
    1.7px 2.4px 48px -45px rgba(0, 0, 0, 0.271),
    5.6px 8px 85.5px -45px rgba(0, 0, 0, 0.314),
    14.5px 20.7px 160px -45px rgba(0, 0, 0, 0.369),
    42px 60px 383px -45px rgba(0, 0, 0, 0.51);
}
._icon-size_hc1cn_21 {
  font-size: 1rem;
}
._lock-icon_hc1cn_25 {
  opacity: 1;
  position: absolute;
  transition: opacity ease-in 150ms;
}
._floating-button-container_hc1cn_1:hover {
  opacity: 1;
  background: var(--w95);
  color: var(--k5);
}
._floating-button-container_hc1cn_1:hover ._lock-icon_hc1cn_25 {
  opacity: 0;
}
._unlock-icon_hc1cn_41 {
  opacity: 0;
  transition: opacity ease-in 150ms;
  margin-left: 6px;
}
._floating-button-container_hc1cn_1:hover ._unlock-icon_hc1cn_41 {
  opacity: 0.85;
}

/* temp_stylePlugin:src/components/Inspector/RemoteLockedAlarm/RemoteLockedAlarm.module.css */
._container_151zo_1 {
  position: absolute;
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
._alarm_151zo_11 {
  background: var(--k20);
  padding: 4px 6px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@supports (backdrop-filter: none) {
  ._alarm_151zo_11 {
    background: hsla(0, 0%, 20%, 0.45);
    backdrop-filter: blur(3px);
  }
}
._text_151zo_27 {
  margin: 0;
}
._remote-icon_151zo_31 {
  color: var(--h20);
  font-size: 16px;
  margin-right: 4px;
}

/* temp_stylePlugin:src/components/Inspector/Footer/Footer.module.css */
._footer-container_h3cdy_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 0 2px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 82%, transparent);
}
._footer-row_h3cdy_9 {
  min-height: 30px;
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
._footer-group_h3cdy_18 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._footer-divider_h3cdy_24 {
  width: 1px;
  height: 18px;
  background: color-mix(in srgb, var(--ui-border) 78%, transparent);
}
._separator_h3cdy_30 {
  width: 1px;
  height: 20px;
  background: var(--color-border);
  margin: 0 4px;
}
._button_h3cdy_37 {
  width: 30px;
  height: 28px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent) !important;
  border-radius: var(--ui-radius-sm) !important;
  background: color-mix(in srgb, var(--ui-surface-2) 84%, transparent) !important;
  color: var(--ui-text-muted) !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition:
    border-color var(--ui-transition-fast),
    background var(--ui-transition-fast),
    color var(--ui-transition-fast);
}
._button_h3cdy_37:hover:not(:disabled),
._button_h3cdy_37:focus:not(:disabled) {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 60%, var(--ui-border)) !important;
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-3)) !important;
  color: var(--ui-text) !important;
}
._button--destructive_h3cdy_58:hover:not(:disabled),
._button--destructive_h3cdy_58:focus:not(:disabled) {
  border-color: color-mix(in srgb, #ef4444 60%, var(--ui-border)) !important;
  background: color-mix(in srgb, #ef4444 12%, var(--ui-surface-3)) !important;
  color: #f87171 !important;
}

/* temp_stylePlugin:src/components/Inspector/GoBack/GoBack.module.css */
._container_1s47g_1 {
  display: flex;
  position: relative;
  margin: 10px 0 0 0;
  align-items: center;
  height: 30px;
}
._go-back_1s47g_9 {
  cursor: pointer;
  margin: 0px;
  box-sizing: border-box;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  padding-left: 0px;
  position: relative;
}
._go-back--overflow_1s47g_17 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._go-back--ellipsis_1s47g_23 {
  display: flex;
}
._go-back_1s47g_9:hover {
  color: var(--h230);
}
._go-back_1s47g_9 > span {
  margin: 0 3px;
}
._icon_1s47g_35 {
  margin-top: 1px;
}
._menu_1s47g_39 {
  width: 150px;
  border-radius: 10px;
  padding: 10px;
  background-color: rgba(50, 50, 50, 0.3);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  left: -50px;
  top: 10px;
  z-index: 1;
}
@-moz-document url-prefix() {
  ._menu_1s47g_39 {
    background-color: rgba(50, 50, 50, 0.98);
    backdrop-filter: none;
  }
}
@supports not (backdrop-filter: blur(20px)) {
  ._menu_1s47g_39 {
    background-color: rgba(50, 50, 50, 0.98);
  }
}
._menu-item_1s47g_68 {
  font-size: 0.75rem;
  display: flex;
  text-decoration: none;
  color: #ffffff;
  align-items: center;
}
._menu-item_1s47g_68:not(:first-child) {
  margin-top: 10px;
}
._menu-item_1s47g_68:hover {
  background: rgba(35, 35, 135, 0.5);
  cursor: pointer;
}

/* temp_stylePlugin:src/components/Inspector/Props/ArrayPropRenderer/ArrayHeader.module.css */
._array-buttons-container_1umxe_3 {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 2px;
}
._array-option-button_1umxe_10 {
  width: 22px;
  height: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--ui-border) 65%, transparent);
  color: var(--ui-text-faint);
  background: color-mix(in srgb, var(--ui-surface-2) 60%, transparent);
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  font-size: 11px;
  line-height: 1;
  transition:
    background var(--ui-transition-fast),
    border-color var(--ui-transition-fast),
    color var(--ui-transition-fast),
    opacity var(--ui-transition-fast);
}
._array-option-button_1umxe_10[disabled] {
  opacity: 0.3;
  pointer-events: none;
}
._array-option-button_1umxe_10:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 90%, transparent);
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._array-option-button_1umxe_10:last-child:hover {
  background: color-mix(in srgb, var(--ui-accent-red) 18%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-red) 55%, var(--ui-border));
  color: color-mix(in srgb, var(--ui-accent-red) 80%, white);
}

/* temp_stylePlugin:src/components/Inspector/Props/ArrayPropRenderer/ArrayPropRenderer.module.css */
._array-prop-container_18a7e_1 {
  position: relative;
  margin-bottom: 4px;
  transition:
    transform 160ms ease,
    opacity 160ms ease,
    box-shadow 160ms ease;
  will-change: transform;
}
._array-prop-container--placeholder_18a7e_10 {
  opacity: 0.3;
  transform: scale(0.99);
  filter: grayscale(0.2);
}
._array-dropzone_18a7e_16 {
  height: 0;
  margin: 0;
  border-radius: 6px;
  transition:
    height 160ms ease,
    margin 160ms ease,
    background-color 160ms ease;
}
._array-dropzone--dragging_18a7e_23 {
  height: 6px;
  margin: 2px 0;
}
._array-dropzone--active_18a7e_28 {
  height: 18px;
  background: color-mix(in srgb, var(--ui-accent-blue) 18%, transparent);
}
._add-item-inline-container_18a7e_37 {
  position: relative;
  width: 100%;
  height: 14px;
  margin: -1px 0 -1px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  opacity: 0;
  transition: opacity 140ms ease;
  pointer-events: none;
}
._array-prop-container_18a7e_1:hover ~ ._add-item-inline-container_18a7e_37,
._array-prop-container_18a7e_1:hover ._add-item-inline-container_18a7e_37,
._add-item-inline-container_18a7e_37:hover {
  opacity: 1;
  pointer-events: auto;
}
._add-item-inline-container_18a7e_37::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 50%;
  height: 1px;
  background: color-mix(in srgb, var(--ui-border) 60%, transparent);
  z-index: -1;
}
._add-item-inline_18a7e_37 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  color: var(--ui-text-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  transition:
    background var(--ui-transition-fast),
    border-color var(--ui-transition-fast),
    color var(--ui-transition-fast),
    transform var(--ui-transition-fast);
}
._add-item-inline_18a7e_37:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 18%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 50%, var(--ui-border));
  color: var(--ui-text);
  transform: scale(1.08);
}

/* temp_stylePlugin:src/components/Inspector/Props/PropsSection/NewParam/ObjectKeysControl/ObjectKeysControl.module.css */
._item-container_1siuy_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 8px 0;
  border-radius: 4px;
  border: solid 1px var(--k20);
}
._item-section_1siuy_10 {
  display: flex;
  flex-direction: column;
  padding: 0 4px 4px 4px;
  margin: 0 0 4px 0;
  height: 56px;
}
._item-section-label_1siuy_18 {
  margin: 4px 2px 0 0;
  padding: 4px 0px 8px 4px;
  font-weight: 500;
}
._remove-param-button_1siuy_24 {
  position: absolute;
  right: 4px;
  top: 4px;
}
._item-param-type-container_1siuy_30 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
._item-param-type_1siuy_30 {
  padding: 4px 2px;
  font-size: 10px;
  background: var(--k25);
  border-radius: 4px;
  text-align: center;
}

/* temp_stylePlugin:src/components/Inspector/Props/PropsSection/NewParam/NewParam.module.css */
._new-param_114fd_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 248px;
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
  padding: 0;
  overflow: visible;
  box-shadow: var(--ui-shadow-md), 0 8px 32px rgba(0, 0, 0, 0.25);
}
._new-param-header_114fd_15 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px 6px;
  border-bottom: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
}
._new-param-title_114fd_24 {
  font-size: 10px;
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
._new-param-close_114fd_32 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: none;
  background: transparent;
  color: var(--ui-text-faint);
  border-radius: var(--ui-radius-sm);
  cursor: pointer;
  font-size: 12px;
  transition: color var(--ui-transition-fast), background var(--ui-transition-fast);
  padding: 0;
}
._new-param-close_114fd_32:hover {
  color: var(--ui-text);
  background: var(--ui-surface-3);
}
._new-param-field_114fd_54 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 10px;
}
._field-label_114fd_61 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
._kind-row_114fd_70 {
  display: flex;
  gap: 4px;
}
._kind-chip_114fd_75 {
  flex: 1;
  height: 24px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: 10px;
  font-family: var(--ui-font);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
}
._kind-chip_114fd_75:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
  background: var(--ui-surface-3);
}
._kind-chip--active_114fd_94 {
  border-color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, transparent);
  color: var(--ui-accent-blue);
  font-weight: var(--ui-font-weight-medium);
}
._type-selector_114fd_102 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 26px;
  padding: 0 8px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface-2);
  color: var(--ui-text);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  text-align: left;
  width: 100%;
}
._type-selector_114fd_102:hover {
  border-color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-soft) 30%, var(--ui-surface-2));
}
._type-selector-label_114fd_125 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._type-selector-arrow_114fd_132 {
  color: var(--ui-text-muted);
  font-size: 14px;
  flex-shrink: 0;
}
._add-param-button_114fd_139 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 2px 10px 10px;
  min-height: 26px;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-medium);
  border-radius: var(--ui-radius-sm);
}
._picker-overlay_114fd_152 {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(2px);
  animation: _overlayIn_114fd_1 120ms ease;
}
@keyframes _overlayIn_114fd_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._picker-modal_114fd_169 {
  border-radius: var(--ui-radius-lg);
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
  animation: _modalIn_114fd_1 160ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes _modalIn_114fd_1 {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* temp_stylePlugin:src/components/Inspector/Props/PropsSection/PropsSection.module.css */
._section_5g6j4_1 {
  margin: 0;
  background: transparent;
  border-radius: 0;
  border: 0;
  overflow: visible;
  box-shadow: none;
}
._section--first_5g6j4_16 {
  margin-top: 0;
}
._section_5g6j4_1 + ._section_5g6j4_1 {
  margin-top: 14px;
}
._header_5g6j4_26 {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 0 12px;
  height: 32px;
  align-items: center;
  border-radius: 0;
  background: transparent;
  border-bottom: 1px solid var(--ui-border-strong);
  transition: background 0.15s ease;
  position: sticky;
  top: 0;
  z-index: 1;
}
._header_5g6j4_26:hover {
  background: color-mix(in srgb, var(--ui-surface-2) 50%, transparent);
}
._title_5g6j4_47 {
  margin-right: 4px;
  font-size: 10.5px;
  font-weight: 700;
  color: var(--ui-text);
  display: flex;
  align-items: center;
  gap: 0;
  cursor: pointer;
  min-width: 0;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
._status-dot_5g6j4_63 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--ui-accent-blue);
  box-shadow: 0 0 0 3px var(--ui-accent-mid);
  margin-right: 6px;
  flex-shrink: 0;
}
._title_5g6j4_47 > i {
  margin-top: 0;
  cursor: pointer;
  margin-right: 2px;
  color: var(--ui-text-faint);
  font-size: 14px;
  flex-shrink: 0;
}
._title_5g6j4_47 > label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
._metadata_5g6j4_89 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
._badge_5g6j4_96 {
  min-width: 19px;
  height: 18px;
  padding: 0 6px;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 60%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, transparent);
  color: color-mix(in srgb, var(--ui-accent-blue) 84%, white);
  font-size: 9px;
  font-weight: var(--ui-font-weight-semibold);
  font-family: var(--ui-font-mono);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._actions_5g6j4_113 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  opacity: 0;
  transition: opacity var(--ui-transition-fast);
}
._section_5g6j4_1:hover ._actions_5g6j4_113,
._section_5g6j4_1:focus-within ._actions_5g6j4_113,
._actions_5g6j4_113:focus-within {
  opacity: 1;
}
._add-icon_5g6j4_128 {
  margin-left: 0;
  width: 16px;
  height: 16px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 76%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 74%, transparent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._add-icon_5g6j4_128,
._help-container_5g6j4_141 {
  color: var(--ui-text-faint);
}
._icon_5g6j4_145:hover {
  color: var(--ui-text);
  cursor: pointer;
}
._separator_5g6j4_150 {
  display: none;
}
._content_5g6j4_154 {
  overflow: hidden;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform var(--ui-transition-medium);
  height: 0;
}
._content-expanded_5g6j4_162 {
  background-color: transparent;
  color: var(--ui-text-muted);
  transform: scaleY(1);
  height: auto;
  transition: transform var(--ui-transition-medium);
  padding: var(--inspector-section-gap, 6px) 0 10px;
}
._content-expanded--done_5g6j4_171 {
  transform: unset;
  overflow: visible;
}
._help-container_5g6j4_141 {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: color-mix(in srgb, var(--ui-surface-2) 74%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-text-muted);
}
._help-container_5g6j4_141:hover {
  background: var(--ui-surface-3);
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
  cursor: pointer;
}

/* temp_stylePlugin:src/components/Inspector/Props/Props.module.css */
._inactive-property-button_yu7is_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  border-radius: var(--ui-radius-md);
  cursor: pointer;
  transition: background var(--ui-transition-fast), border-color var(--ui-transition-fast);
}
._inactive-property-button_yu7is_1:hover {
  background: var(--ui-surface-2);
  border-color: var(--ui-border);
}
._inactive-property-name_yu7is_19 {
  flex: 1;
  font-size: var(--ui-font-size-sm);
  color: var(--ui-text);
  text-align: left;
}
._inactive-property-type_yu7is_26 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
  margin-right: auto;
}
._inactive-property-button--adding_yu7is_32 {
  opacity: 0.5;
  transform: translateX(4px);
  pointer-events: none;
}

/* temp_stylePlugin:src/components/Inspector/RootInputs/RootInputs.module.css */
._root-inputs-container_1jo9r_1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin: 2px 0 10px;
}
._root-input_1jo9r_1 {
  font-size: var(--ui-font-size-md);
  padding: 0 10px;
  height: 30px;
  font-family: var(--ui-font-mono);
  margin: 0;
  width: 100%;
  background: color-mix(in srgb, var(--ui-surface-2) 88%, transparent);
  color: var(--ui-text);
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 74%, transparent);
  outline: none;
  transition: var(--ui-transition-fast);
}
._root-input_1jo9r_1:focus {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-surface-2) 96%, transparent);
}
._root-input_1jo9r_1:not([disabled]) {
  background: color-mix(in srgb, var(--ui-surface-2) 88%, transparent);
}
._root-input_1jo9r_1[disabled] {
  color: var(--ui-text-faint);
  background: color-mix(in srgb, var(--ui-surface-2) 40%, transparent);
}
._root-input_1jo9r_1::-moz-placeholder {
  opacity: 0.55;
  color: var(--ui-text-faint);
}
._root-input_1jo9r_1::placeholder {
  opacity: 0.55;
  color: var(--ui-text-faint);
}
._root-input_1jo9r_1:not([disabled])::-moz-placeholder {
  opacity: 0.35;
}
._root-input_1jo9r_1:not([disabled])::placeholder {
  opacity: 0.35;
}
._root-input-container_1jo9r_41 {
  border-radius: var(--ui-radius-sm);
  padding: 0;
  margin-bottom: 0;
  border: 1px solid transparent;
}
._root-input-header_1jo9r_48 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
._root-input-container_1jo9r_41 label {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
  letter-spacing: var(--ui-letter-spacing-wide);
  text-transform: uppercase;
  font-weight: var(--ui-font-weight-medium);
}
._root-actions_1jo9r_64 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
._icon-action_1jo9r_70 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 76%, transparent);
  cursor: pointer;
  padding: 0;
  color: var(--ui-text-faint);
  transition: var(--ui-transition-fast);
}
._icon-action--active_1jo9r_85 {
  color: color-mix(in srgb, var(--ui-accent-blue) 82%, white);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, var(--ui-border));
  background: var(--ui-accent-soft);
}
._icon-action_1jo9r_70:hover {
  color: var(--ui-text);
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
}
._icon-action--disabled_1jo9r_97 {
  cursor: not-allowed;
  opacity: 0.5;
}
._copied-label_1jo9r_102 {
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--ui-accent-blue) 78%, white);
  font-family: var(--ui-font);
  margin-left: 2px;
}
._reference-badge_1jo9r_111 {
  margin-top: 2px;
  margin-bottom: 2px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 82%, transparent);
  color: var(--ui-text-muted);
  border-radius: var(--ui-radius-sm);
  padding: 3px 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font-mono);
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  cursor: pointer;
}
._reference-badge_1jo9r_111 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._reference-badge_1jo9r_111:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._inline-action_1jo9r_141 {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  background: color-mix(in srgb, var(--ui-surface-2) 82%, transparent);
  color: var(--ui-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
._inline-action_1jo9r_141:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}

/* temp_stylePlugin:src/components/Inspector/PropTitle/PropTitle.module.css */
._button_ptq5w_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  margin-left: 6px;
  border-radius: 6px;
}
._button_ptq5w_1:last-child {
  margin-left: 4px;
}
._button_ptq5w_1:focus {
  background: var(--ui-surface-3);
  color: var(--ui-text);
  border-color: var(--ui-border-strong);
}
._icon_ptq5w_21 {
  color: var(--ui-text-muted);
}

/* temp_stylePlugin:src/components/Inspector/Inspector.module.css */
._inspector_ro1aa_1 {
  height: 100%;
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font);
  display: flex;
  flex-flow: column;
  color: var(--ui-text);
  --inspector-input-h: 32px;
  --inspector-pill-h: 30px;
  --inspector-icon-btn-h: 28px;
  --inspector-header-vpad: 10px;
  --inspector-section-gap: 6px;
}
._inspector-missing-parameters_ro1aa_15 {
  width: 100%;
  height: 40px;
  display: flex;
  background: white;
}
._inspector-parameters_ro1aa_22 {
  width: 100%;
  flex-grow: 1;
}
._inspector-add-parameter_ro1aa_27 {
  display: block;
  width: 44px;
  text-align: center;
  height: 100%;
  line-height: 41px;
  border-right: 1px solid rgba(210, 210, 210);
  cursor: pointer;
}
._inspector-title_ro1aa_37 {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: bolder;
  color: darkgrey;
}
._inspector-shell_ro1aa_46 {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: var(--ui-radius-lg);
  background: color-mix(in srgb, var(--ui-surface-1) 92%, transparent);
  perspective: 1800px;
  transform-style: preserve-3d;
  overflow: hidden;
}
._inspector-content_ro1aa_57 {
  width: 100%;
  min-height: 0;
  position: absolute;
  inset: 0;
  height: 100%;
}
._inspector-transition-stage_ro1aa_65 {
  position: relative;
  width: 100%;
  height: 100%;
}
._d2__inspector-content-back-enter_ro1aa_72 {
  opacity: 0.06;
  transform: translate3d(-64px, 0, 0) scale(0.955) rotateY(5deg);
  filter: blur(6px) saturate(0.88);
  will-change:
    transform,
    opacity,
    filter;
  backface-visibility: hidden;
}
._d2__inspector-content-back-enter-active_ro1aa_79 {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1) rotateY(0deg);
  filter: blur(0) saturate(1);
  transition:
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 300ms cubic-bezier(0.22, 0.61, 0.36, 1),
    filter 360ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
._d2__inspector-content-back-exit_ro1aa_88 {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1) rotateY(0deg);
  filter: blur(0) saturate(1);
}
._d2__inspector-content-back-exit-active_ro1aa_93 {
  opacity: 0;
  transform: translate3d(54px, 0, 0) scale(0.945) rotateY(-4deg);
  filter: blur(5px) saturate(0.86);
  pointer-events: none;
  transition:
    transform 360ms cubic-bezier(0.32, 0.72, 0, 1),
    opacity 260ms cubic-bezier(0.32, 0.72, 0, 1),
    filter 300ms cubic-bezier(0.32, 0.72, 0, 1);
}
._d2__inspector-content-enter_ro1aa_105 {
  opacity: 0.06;
  transform: translate3d(64px, 0, 0) scale(0.955) rotateY(-5deg);
  filter: blur(6px) saturate(0.88);
  will-change:
    transform,
    opacity,
    filter;
  backface-visibility: hidden;
}
._d2__inspector-content-enter-active_ro1aa_112 {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1) rotateY(0deg);
  filter: blur(0) saturate(1);
  transition:
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 300ms cubic-bezier(0.22, 0.61, 0.36, 1),
    filter 360ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
._d2__inspector-content-exit_ro1aa_121 {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1) rotateY(0deg);
  filter: blur(0) saturate(1);
}
._d2__inspector-content-exit-active_ro1aa_126 {
  opacity: 0;
  transform: translate3d(-54px, 0, 0) scale(0.945) rotateY(4deg);
  filter: blur(5px) saturate(0.86);
  pointer-events: none;
  transition:
    transform 360ms cubic-bezier(0.32, 0.72, 0, 1),
    opacity 260ms cubic-bezier(0.32, 0.72, 0, 1),
    filter 300ms cubic-bezier(0.32, 0.72, 0, 1);
}
@media (prefers-reduced-motion: reduce) {
  ._d2__inspector-content-back-enter_ro1aa_72,
  ._d2__inspector-content-back-enter-active_ro1aa_79,
  ._d2__inspector-content-back-exit_ro1aa_88,
  ._d2__inspector-content-back-exit-active_ro1aa_93,
  ._d2__inspector-content-enter_ro1aa_105,
  ._d2__inspector-content-enter-active_ro1aa_112,
  ._d2__inspector-content-exit_ro1aa_121,
  ._d2__inspector-content-exit-active_ro1aa_126 {
    filter: none;
    transform: none;
    transition-duration: 0ms;
  }
}
._inspector-right-title_ro1aa_152 {
  margin-right: 16px;
  opacity: 1;
  color: var(--ui-text-muted);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-semibold);
  display: flex;
  align-items: center;
  gap: 6px;
}
._pin-button_ro1aa_165 {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--ui-text-muted);
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1;
  display: flex;
  align-items: center;
}
._pin-button_ro1aa_165:hover {
  color: var(--h230);
  background: rgba(255, 255, 255, 0.06);
}
._inspector-sidebar_ro1aa_184 {
  position: absolute;
  top: 0;
  left: -152px;
  width: 144px;
  height: 100%;
  padding: 8px 8px 8px 0;
  display: flex;
  flex-direction: column;
  background: color-mix(in srgb, var(--ui-surface-1) 92%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  border-right: none;
  border-radius: 12px 0 0 12px;
  box-shadow: var(--ui-shadow-soft);
  opacity: 0;
  transform: translateX(8px);
  pointer-events: none;
  transition: opacity var(--ui-transition-fast), transform var(--ui-transition-fast);
  z-index: 2;
}
[data2-id=d2-builder__floating-panel__inspector].floating-panel--focus ._inspector-sidebar_ro1aa_184,
[data2-id=d2-builder__floating-panel__inspector]:hover ._inspector-sidebar_ro1aa_184 {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
._inspector-tabs_ro1aa_212 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._inspector-tab_ro1aa_212 {
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  border-radius: 6px;
  padding: 10px 8px;
  font-size: var(--ui-font-size-sm);
  color: var(--ui-text-muted);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  box-shadow: var(--ui-shadow-soft);
  position: relative;
  transition:
    border-color var(--ui-transition-fast),
    background var(--ui-transition-fast),
    color var(--ui-transition-fast);
}
._inspector-tab--active_ro1aa_235 {
  background: var(--ui-accent-soft);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 60%, var(--ui-border));
  color: var(--ui-text);
  font-weight: var(--ui-font-weight-medium);
}
._inspector-tab--active_ro1aa_235::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--ui-accent-blue);
}
._inspector-sidebar-content_ro1aa_253 {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  overflow-y: auto;
}
._inspector-sidebar-title_ro1aa_262 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--ui-font-size-xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ui-text-muted);
  padding: 0 4px;
  font-weight: var(--ui-font-weight-medium);
}
._inspector-sidebar-count_ro1aa_274 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 46%, var(--ui-border));
  border-radius: 4px;
  padding: 1px 6px 0;
  font-size: 9px;
  color: color-mix(in srgb, var(--ui-accent-blue) 82%, white);
  font-family: var(--ui-font-mono);
}
._inspector-sidebar-empty_ro1aa_284 {
  font-size: var(--ui-font-size-sm);
  color: var(--ui-text-faint);
  padding: 4px;
}
._inspector-sidebar-list_ro1aa_290 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._inspector-sidebar-item_ro1aa_296 {
  border: 1px solid color-mix(in srgb, var(--ui-border) 82%, transparent);
  background: color-mix(in srgb, var(--ui-surface-1) 92%, transparent);
  border-radius: var(--ui-radius-md);
  padding: 8px;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  transition: border-color var(--ui-transition-fast), background var(--ui-transition-fast);
}
._inspector-sidebar-item_ro1aa_296:hover {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 42%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 10%, var(--ui-surface-2));
}
._inspector-sidebar-item-icon_ro1aa_315 {
  width: 22px;
  height: 22px;
  border-radius: var(--ui-radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--ui-surface-3) 86%, var(--ui-accent-soft));
  color: var(--ui-text-muted);
  flex-shrink: 0;
  font-size: 11px;
}
._inspector-sidebar-item-text_ro1aa_328 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._inspector-sidebar-item-title_ro1aa_335 {
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-medium);
  color: var(--ui-text);
  white-space: normal;
  overflow: hidden;
  text-overflow: clip;
}
._inspector-sidebar-item-meta_ro1aa_344 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  white-space: normal;
  overflow: hidden;
  text-overflow: clip;
}
._inspector-main_ro1aa_352 {
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 12px var(--ui-space-4);
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--ui-text) 20%, transparent) transparent;
}
._inspector-main_ro1aa_352::-webkit-scrollbar {
  width: 8px;
}
._inspector-main_ro1aa_352::-webkit-scrollbar-track {
  background: transparent;
}
._inspector-main_ro1aa_352::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--ui-text) 20%, transparent);
  border-radius: 4px;
}
._inspector-main_ro1aa_352::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--ui-text) 30%, transparent);
}
@media (prefers-reduced-motion: reduce) {
  ._inspector-main_ro1aa_352 {
    scroll-behavior: auto;
  }
}
._inspector_ro1aa_1 *:focus-visible {
  outline: 2px solid var(--ui-accent-blue);
  outline-offset: 2px;
  border-radius: var(--ui-radius-sm);
}
._inspector_ro1aa_1 button:focus-visible,
._inspector_ro1aa_1 input:focus-visible,
._inspector_ro1aa_1 select:focus-visible,
._inspector_ro1aa_1 textarea:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  outline-color: var(--ui-accent-blue);
  outline-offset: 2px;
}
._inspector-frozen-snapshot_ro1aa_405 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(0.3);
  scroll-behavior: auto;
}
._inspector-frozen-snapshot_ro1aa_405 * {
  scroll-behavior: auto !important;
  transition: none !important;
  animation: none !important;
}
._inspector-frozen-overlay_ro1aa_421 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}
._inspector-frozen-badge_ro1aa_431 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--ui-bg) 85%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-text) 12%, transparent);
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
  backdrop-filter: blur(4px);
}
._inspector-frozen-badge_ro1aa_431:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-bg) 92%, transparent);
}
@media (pointer: coarse) {
  ._inspector-main_ro1aa_352 {
    padding: 12px 16px 80px;
    -webkit-overflow-scrolling: touch;
  }
  ._inspector-main_ro1aa_352 input,
  ._inspector-main_ro1aa_352 select,
  ._inspector-main_ro1aa_352 textarea {
    font-size: 16px;
    min-height: 44px;
  }
  ._inspector-main_ro1aa_352 button {
    min-height: 44px;
    min-width: 44px;
  }
}

/* temp_stylePlugin:src/components/Inspector/InspectorTree/InspectorTree.module.css */
._tree_1opwn_1 {
  margin: 8px 0 12px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: color-mix(in srgb, var(--ui-surface-1) 86%, transparent);
  overflow: hidden;
  box-shadow: var(--ui-shadow-soft);
}
._section_1opwn_10 {
  border-top: 1px solid var(--ui-panel-border);
}
._section_1opwn_10:first-child {
  border-top: none;
}
._section-header_1opwn_18 {
  display: flex;
  align-items: center;
  width: 100%;
  border: none;
  background: transparent;
  color: var(--ui-text);
  padding: 8px 10px;
  cursor: pointer;
  font-size: var(--ui-font-size-sm);
}
._section-caret_1opwn_30 {
  display: inline-flex;
  margin-right: 4px;
  color: var(--ui-text-muted);
}
._section-title_1opwn_36 {
  font-weight: var(--ui-font-weight-medium);
}
._node_1opwn_40 {
  display: block;
}
._node-row_1opwn_44 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  padding: 7px 10px;
  cursor: pointer;
  font-size: var(--ui-font-size-sm);
  text-align: left;
  border-bottom: 1px solid rgba(145, 154, 166, 0.1);
  transition: var(--ui-transition-fast);
}
._node-row--active_1opwn_61 {
  color: var(--ui-text);
  background: var(--ui-accent-soft);
}
._node-row--current_1opwn_66 {
  color: var(--w100);
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--ui-accent-blue) 24%, var(--ui-surface-2)),
      color-mix(in srgb, var(--ui-accent-blue) 8%, transparent));
  font-weight: var(--ui-font-weight-semibold);
  box-shadow: inset 2px 0 0 var(--ui-accent-blue);
}
._caret_1opwn_73 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  min-width: 14px;
  color: var(--ui-text-muted);
}
._label_1opwn_82 {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
._children_1opwn_91 {
  padding-left: 4px;
  border-left: 1px solid color-mix(in srgb, var(--ui-border) 74%, transparent);
}
._node-actions_1opwn_96 {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._dependency-hint_1opwn_103 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
  border-radius: 4px;
  font-size: 9px;
  color: color-mix(in srgb, var(--ui-accent-blue) 84%, white);
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 54%, var(--ui-border));
  background: var(--ui-accent-soft);
}
._favorite-toggle_1opwn_115 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: color 150ms ease, background 150ms ease;
}
._favorite-toggle--active_1opwn_126 {
  color: color-mix(in srgb, var(--ui-accent-blue) 84%, white);
}
._favorite-toggle--inactive_1opwn_130 {
  color: var(--ui-text-faint);
}
._favorite-toggle--disabled_1opwn_134 {
  cursor: not-allowed;
  opacity: 0.5;
}
._dependency-count_1opwn_139 {
  font-weight: var(--ui-font-weight-medium);
}

/* temp_stylePlugin:src/components/DependenciesViewer/DependenciesViewer.module.css */
._container_w7no7_1 {
  padding: 14px 16px 18px;
}
._dependencies_w7no7_7 {
  margin: 10px 0;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._dependencies--selected_w7no7_15 {
  border: 1px solid hsl(340, 95%, 63%);
}
._title_w7no7_19 {
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 30px;
}
._title_w7no7_19 > label {
  height: 30px;
  line-height: 30px;
}
._title_w7no7_19 > i {
  margin-right: 10px;
}
._dependency_w7no7_37 {
  padding: 2px;
  display: grid;
  grid-template-columns: 30% 40% 30%;
  align-items: start;
  align-content: center;
  min-height: 23px;
}
._dependency_w7no7_37:hover {
  cursor: pointer;
  background: rgba(211, 0, 105, 0.5);
}
._dependency_w7no7_37 ._prop_w7no7_51 {
  text-align: right;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 200;
}
._dependency_w7no7_37 ._ref_w7no7_58 {
  margin-left: 15px;
  cursor: pointer;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  overflow: hidden;
  text-overflow: ellipsis;
}
._dependency_w7no7_37 ._tags_w7no7_65 {
  margin-left: 15px;
}
._tag_w7no7_65 {
  border-radius: 10px;
  padding: 0 8px;
  margin-right: 5px;
}
._options_w7no7_75 {
  width: 100%;
  display: flex;
  align-items: start;
}
._options_w7no7_75 > div {
  width: 50%;
}
._options-label_w7no7_83 {
  margin-left: 10px;
}
._option_w7no7_75 {
  display: flex;
  align-items: center;
}

/* temp_stylePlugin:src/components/Search/Search.module.css */
._container_1pv74_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._header_1pv74_8 {
  flex-shrink: 0;
  padding: 10px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid var(--ui-border);
}
._search-row_1pv74_18 {
  position: relative;
  display: flex;
  align-items: center;
}
._search-icon_1pv74_24 {
  position: absolute;
  left: 9px;
  font-size: 13px;
  color: var(--ui-text-faint);
  pointer-events: none;
  z-index: 1;
}
._input_1pv74_33 {
  flex: 1;
  min-width: 0;
  height: 32px;
  margin: 0;
  padding-left: 30px;
}
textarea._input_1pv74_33 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 30px;
}
._options-row_1pv74_47 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
._option-pill_1pv74_54 {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 7px;
  border-radius: 11px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-faint);
  font-size: 10px;
  font-family: var(--ui-font);
  letter-spacing: 0.02em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 120ms ease;
  white-space: nowrap;
}
._option-pill_1pv74_54:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text-muted);
}
._option-pill--active_1pv74_77 {
  background: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 18%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 50%, transparent);
  color: var(--ui-text);
}
._options-separator_1pv74_83 {
  width: 1px;
  height: 14px;
  background: var(--ui-border);
  flex-shrink: 0;
}
._scopes-row_1pv74_91 {
  display: flex;
  align-items: center;
  gap: 1px;
}
._scope-text_1pv74_97 {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 6px;
  margin: 0;
  font-size: 10px;
  font-family: var(--ui-font);
  color: var(--ui-text-faint);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 11px;
  transition: all 120ms ease;
}
._scope-text_1pv74_97:hover {
  color: var(--ui-text);
}
._scope-text--active_1pv74_116 {
  background: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 18%, var(--ui-surface-2));
  color: var(--ui-text);
}
._scopes-chevron_1pv74_121 {
  font-size: 12px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
}
._replace-toggle_1pv74_128 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 22px;
  padding: 0 6px;
  border-radius: 11px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-faint);
  font-size: 10px;
  font-family: var(--ui-font);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 120ms ease;
}
._replace-toggle_1pv74_128:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text-muted);
}
._replace-toggle--active_1pv74_150 {
  background: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 14%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 40%, transparent);
  color: var(--ui-text);
}
._replace-toggle_1pv74_128 label {
  font-size: inherit;
  cursor: pointer;
  pointer-events: none;
}
._replace-input-row_1pv74_161 {
  display: flex;
  gap: 6px;
  align-items: center;
}
._replace-input-row_1pv74_161 ._input_1pv74_33 {
  padding-left: 8px;
}
._replace-input-row_1pv74_161 ._button_1pv74_169 {
  height: 32px;
  flex-shrink: 0;
  white-space: nowrap;
}
._results_1pv74_176 {
  flex: 1;
  overflow-y: auto;
  padding: 6px 10px 10px;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--ui-surface-3) 86%, transparent) transparent;
}
._results_1pv74_176::-webkit-scrollbar {
  width: 4px;
}
._results_1pv74_176::-webkit-scrollbar-track {
  background: transparent;
}
._results_1pv74_176::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--ui-surface-3) 86%, transparent);
}
._results-empty_1pv74_195 {
  padding: 24px 12px;
  text-align: center;
  color: var(--ui-text-faint);
  font-size: 11px;
}
._result_1pv74_176 {
  margin-bottom: 6px;
  background: color-mix(in srgb, var(--ui-surface-2) 50%, transparent);
  border-radius: var(--ui-radius-md);
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  transition: border-color var(--ui-transition-fast);
  overflow: hidden;
}
._result_1pv74_176:hover {
  border-color: var(--ui-border);
}
._result--selected_1pv74_217 {
  border-color: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 60%, transparent);
  background: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 6%, transparent);
}
._result-header_1pv74_223 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 8px 4px;
}
._result-title_1pv74_231 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  cursor: pointer;
  flex: 1;
}
._result-title_1pv74_231 > i {
  flex-shrink: 0;
  color: var(--ui-text-faint);
  font-size: 13px;
}
._result-title_1pv74_231 > label {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--ui-font-weight-medium, 500);
}
._result-title_1pv74_231:hover > label {
  color: var(--panel-accent, var(--ui-accent-blue));
}
._result-meta_1pv74_255 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
._result-badge_1pv74_263 {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  border-radius: 9px;
  font-size: 9px;
  font-family: var(--ui-font);
  letter-spacing: 0.02em;
  white-space: nowrap;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-faint);
}
._result-badge--component_1pv74_277 {
  border-color: color-mix(in srgb, var(--h290) 50%, transparent);
  color: var(--h290);
  background: color-mix(in srgb, var(--h290) 10%, var(--ui-surface-2));
}
._result-workspaces_1pv74_284 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 8px 4px;
}
button._ws-badge_1pv74_291 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
._ws-badge_1pv74_291 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 20px;
  padding: 0 7px;
  border-radius: 10px;
  font-size: 9px;
  font-family: var(--ui-font);
  letter-spacing: 0.02em;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 120ms ease;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-faint);
}
._ws-badge_1pv74_291:hover {
  border-color: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 60%, transparent);
  color: var(--ui-text);
  background: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 10%, var(--ui-surface-2));
}
._ws-badge--current_1pv74_318 {
  border-color: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 50%, transparent);
  color: var(--ui-text);
  background: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 14%, var(--ui-surface-2));
}
._ws-badge--other_1pv74_323 {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 40%, transparent);
  color: var(--ui-accent-blue);
  background: color-mix(in srgb, var(--ui-accent-blue) 8%, var(--ui-surface-2));
}
._ws-badge--root_1pv74_328 {
  border-color: color-mix(in srgb, var(--ui-text-faint) 30%, transparent);
  color: var(--ui-text-muted);
  background: var(--ui-surface-2);
}
._ws-badge-icon_1pv74_333 {
  font-size: 10px;
  flex-shrink: 0;
}
._result-action-icon_1pv74_339 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: var(--ui-radius-sm);
  background: transparent;
  color: var(--ui-text-faint);
  font-size: 12px;
  cursor: pointer;
  transition: all 100ms ease;
  flex-shrink: 0;
}
._result-action-icon_1pv74_339:hover {
  background: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 14%, transparent);
  color: var(--ui-text);
}
._result-action-icon_1pv74_339:active {
  background: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 22%, transparent);
}
._result-matches_1pv74_363 {
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 40%, transparent);
  padding: 2px 4px 4px;
}
._result-match_1pv74_363 {
  padding: 2px 4px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) 28px;
  align-items: baseline;
  min-height: 20px;
  border-radius: var(--ui-radius-sm);
  transition: background var(--ui-transition-fast);
  font-size: 11px;
  line-height: 1.4;
}
._result-match_1pv74_363:hover {
  cursor: pointer;
  background: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 12%, transparent);
}
._result-match_1pv74_363 ._prop_1pv74_384 {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  color: var(--ui-text-faint);
  padding-right: 8px;
}
._result-match_1pv74_363 ._value_1pv74_393 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ui-text);
}
._match-actions_1pv74_399 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._match-badge_1pv74_406 {
  display: inline;
  background: var(--h260);
  padding: 0 4px;
  border-radius: 3px;
}
._match-highlight_1pv74_413 {
  background: color-mix(in srgb, var(--panel-accent, var(--ui-accent-blue)) 40%, transparent);
  border-radius: 2px;
  padding: 0 1px;
}
._match-highlight--replace_1pv74_418 {
  background: var(--super-red, #e53935);
  text-decoration: line-through;
}
._match-replacement_1pv74_423 {
  background: var(--bulba-green, #43a047);
  color: var(--k10, #111);
  border-radius: 2px;
  padding: 0 1px;
}

/* temp_stylePlugin:src/components/BundleVersions/Cards/ApplicationCard/ApplicationCard.module.css */
._application-card_1k936_1 {
  min-width: 80px;
  max-width: 160px;
  list-style: none;
  border: solid 1px var(--k30);
  border-radius: 4px;
  color: var(--w75);
  font-size: 10px;
  display: flex;
  align-items: center;
  transition: transform 200ms, box-shadow 200ms;
  transform: scale(1);
  position: relative;
  margin: 0 4px;
}
._application-card_1k936_1:hover {
  cursor: grab;
  transform: scale(1.05);
}
._application-card--follows-latest_1k936_22 {
  border: dashed 1px var(--k30);
}
._drag-icon_1k936_26 {
  margin: 0 8px 0 4px;
}
._application-info-container_1k936_30 {
  margin: 0.5rem 0.5rem 0.5rem 0;
}
._application-title_1k936_34 {
  font-size: 10px;
  margin: 0 0 4px 0;
}
._application-domain_1k936_39 {
  font-size: 8px;
  margin: 0;
}
._follow-latest-icon_1k936_44 {
  position: absolute;
  top: 0;
  right: 0;
}
._follow-latest-label_1k936_50 {
  background: var(--k20);
  color: var(--w70);
  padding: 0.25rem 0.75rem;
  font-size: 10px;
  border-radius: 4px;
  border: solid 1px var(--k30);
}
._follow-latest-arrow_1k936_59 {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--k30);
}
._follow-latest-label_1k936_50[data-placement^=top] > ._follow-latest-arrow_1k936_59 {
  bottom: -8px;
}

/* temp_stylePlugin:src/components/BundleVersions/Cards/Card.module.css */
._card_1grqw_1 {
  min-width: 80px;
  max-width: 160px;
  list-style: none;
  border: solid 1px var(--k30);
  border-radius: 4px;
  color: var(--w75);
  font-size: 10px;
  display: flex;
  align-items: center;
  transition: transform 200ms, box-shadow 200ms;
  transform: scale(1);
  position: relative;
  margin: 0 4px;
}
._card_1grqw_1:hover {
  cursor: grab;
  transform: scale(1.05);
}
._card--follows-latest_1grqw_22 {
  border: dashed 1px var(--k30);
}
._drag-icon_1grqw_26 {
  margin: 0 8px 0 4px;
}
._info-container_1grqw_30 {
  margin: 0.5rem 0.5rem 0.5rem 0;
}
._title_1grqw_34 {
  font-size: 10px;
  margin: 0 0 4px 0;
}
._domain_1grqw_39 {
  font-size: 8px;
  margin: 0;
}
._follow-latest-icon_1grqw_44 {
  position: absolute;
  top: 0;
  right: 0;
}
._follow-latest-label_1grqw_50 {
  background: var(--k20);
  color: var(--w70);
  padding: 0.25rem 0.75rem;
  font-size: 10px;
  border-radius: 4px;
  border: solid 1px var(--k30);
}
._follow-latest-arrow_1grqw_59 {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--k30);
}
._follow-latest-label_1grqw_50[data-placement^=top] > ._follow-latest-arrow_1grqw_59 {
  bottom: -8px;
}

/* temp_stylePlugin:src/components/BundleVersions/BundlesFooter.module.css */
._bundle-footer_upzuw_1 {
  height: 24px;
  display: flex;
  align-items: center;
}
._buttons-container_upzuw_7 {
  margin-left: auto;
  display: flex;
}
._bundle-footer-button_upzuw_12 {
  width: 112px;
  height: 24px;
  margin-left: 1rem;
}
@media screen and (max-height: 900px) {
  ._bundle-footer_upzuw_1 {
    height: 24px;
  }
  ._bundle-footer-button_upzuw_12 {
    height: 24px;
  }
}
._bundle-button-icon_upzuw_29 {
  color: rgba(255, 255, 255, 0.5);
}
._bundle-footer-button_upzuw_12:hover ._bundle-button-icon_upzuw_29 {
  color: rgba(0, 0, 0, 0.5);
}
._bundle-footer-label_upzuw_37 {
  display: flex;
  flex-direction: column;
  margin-right: 0.5rem;
}
._bundle-footer-input-label_upzuw_43 {
  font-size: 10px;
}
._button-container_upzuw_47 {
  position: relative;
}
._error_upzuw_51 {
  position: absolute;
  bottom: -16px;
  left: 16px;
  color: var(--h0);
  font-weight: 200;
}

/* temp_stylePlugin:src/components/BundleVersions/BundleListItem/BundleListItem.module.css */
._list-item_7vfpj_1 {
  position: relative;
  width: 100%;
  border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  padding: 10px 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
}
._list-container--drop-zone-hover_7vfpj_13 {
  outline: dashed 1px var(--h230);
}
._bundle-dropzone_7vfpj_17 {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
._bundle-dropzone--active_7vfpj_25 {
  opacity: 0.05;
  background: var(--w100);
}

/* temp_stylePlugin:src/components/BundleVersions/DeployToLatestDropZone/DeployToLatestDropZone.module.css */
._auto-latest-drop-zone_1fnjb_1 {
  width: 100%;
  height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 150ms ease-in-out;
}
._auto-latest-drop-zone--dragging_1fnjb_15 {
  pointer-events: all;
  background: linear-gradient(var(--h230), transparent);
  opacity: 0.5;
  color: var(--w90);
}
._auto-latest-drop-zone--dragging-over_1fnjb_22 {
  outline: dashed 1px var(--h230);
}

/* temp_stylePlugin:src/components/BundleVersions/LiveRow/LiveRow.module.css */
._list-item_49c0i_1 {
  position: relative;
  width: 100%;
  border-bottom: solid 1px rgba(255, 255, 255, 0.25);
  padding: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
._list-container--drop-zone-hover_49c0i_12 {
  outline: dashed 1px var(--h50);
}
._bundle-dropzone_49c0i_16 {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
._bundle-dropzone--active_49c0i_24 {
  opacity: 0.05;
  background: var(--w100);
}
._icon_49c0i_29 {
  padding-right: 1rem;
  font-size: 1.25rem;
  color: var(--splash-yellow);
}
._list-text_49c0i_35 {
  min-width: 88px;
  max-width: 240px;
}
._bundle-title_49c0i_40 {
  margin: 0;
  font-size: 16px;
}
._bundle-description_49c0i_45 {
  margin: 0.5rem 0 0 0;
}

/* temp_stylePlugin:src/components/BundleVersions/BundleVersions.module.css */
._list-container_3lro8_1 {
  list-style: none;
  padding: 0 12px;
  margin-top: 1rem;
  margin-bottom: 0;
}
._icon_3lro8_8 {
  padding-right: 1rem;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.5);
}
._list-text_3lro8_14 {
  min-width: 88px;
  max-width: 240px;
}
._bundle-title_3lro8_19 {
  margin: 0;
  font-size: 16px;
}
._bundle-date_3lro8_24 {
  margin: 0.25rem 0;
  font-size: 10px;
  font-weight: 300;
}
._bundle-description_3lro8_30 {
  margin: 0.5rem 0 0 0;
}
._application-cards-container_3lro8_34 {
  display: flex;
  flex-wrap: wrap;
}

/* temp_stylePlugin:src/components/KeyboardShortcuts/KeyboardShortcuts.module.css */
._key_19wkr_1 {
  font-size: 1rem;
  display: inline-block;
  margin: 0 1px;
  padding: 1px 7px;
  font-size: 12px;
  line-height: 1.5;
  color: #e7e8eb;
  text-shadow: 0 1px 0 #2d2d2d;
  background-color: #404345;
  border: 1px solid #7d848d;
  border-radius: 3px;
  overflow-wrap: break-word;
  box-shadow: 0 1px 1px rgba(12, 13, 14, 0.8);
  border-color: transparent;
  border-top-color: #6a737c;
}
._list_19wkr_19 {
  list-style: none;
  margin-left: 1rem;
  padding: 0 0 2rem 0;
}
._list-item_19wkr_25 {
  margin-top: 0.5rem;
}

/* temp_stylePlugin:src/components/TrashBin/LoadingOverlay/LoadingOverlay.module.css */
._loading-container_41x6x_1 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
}

/* temp_stylePlugin:src/components/TrashBin/Footer/Footer.module.css */
._selected-footer_rwmca_1 {
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._button_rwmca_8 {
  background: var(--h230);
  color: var(--w90);
  padding: 2px 14px;
  margin-right: 4px;
  width: 72px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
._button_rwmca_8:active,
._button_rwmca_8:focus {
  background: var(--h230);
  color: var(--w90);
  filter: brightness(1.1);
}
._button_rwmca_8:not([disabled]):hover {
  background: var(--h230);
  color: var(--w90);
  filter: brightness(1.1);
  cursor: pointer;
}
._button_rwmca_8:disabled {
  opacity: 0.77;
  cursor: not-allowed;
}
._delete-button_rwmca_40 {
  background: var(--super-red);
  color: var(--w90);
  padding: 2px 14px;
  margin-right: 4px;
  width: 72px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
._delete-button_rwmca_40:active,
._delete-button_rwmca_40:focus {
  background: var(--super-red);
  color: var(--w90);
  filter: brightness(1.1);
}
._delete-button_rwmca_40:not([disabled]):hover {
  background: var(--super-red);
  color: var(--w90);
  filter: brightness(1.1);
  cursor: pointer;
}
._delete-button_rwmca_40:disabled {
  opacity: 0.77;
  cursor: not-allowed;
}

/* temp_stylePlugin:src/components/TrashBin/SelectedSection/SelectedSection.module.css */
._selected-section_1sf3l_1 {
  margin: 0 1rem;
}
._selected-title_1sf3l_5 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--w90);
  letter-spacing: 0.5px;
}
._selected-subtitle_1sf3l_12 {
  font-size: 0.625rem;
  margin-top: 4px;
  font-weight: 300;
  color: var(--w75);
}
._selected-section-name_1sf3l_19 {
  font-size: 0.75rem;
  color: var(--w90);
  font-weight: 500;
}
._selected-section-list_1sf3l_25 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
._selected-section-list-item_1sf3l_33 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px rgba(255, 255, 255, 0.15);
}
._selected-section-list-item_1sf3l_33:last-child {
  border: none;
}
._selected-section-list-item-title_1sf3l_44 {
  font-size: 0.625rem;
  color: var(--w75);
  font-weight: 600;
  margin: 0.5rem 0;
}
._selected-section-list-item-data_1sf3l_51 {
  font-size: 0.625rem;
  color: var(--w85);
  font-weight: 600;
  letter-spacing: 0.3px;
  margin: 0;
}
._selected-section-warning_1sf3l_59 {
  color: var(--splash-yellow);
}
._selected-section-warning-icon_1sf3l_63 {
  color: var(--splash-yellow);
  margin-right: 0.25rem;
}

/* temp_stylePlugin:src/components/TrashBin/Preview/Preview.module.css */
._preview-container_1df6i_1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
}
._preview-holder_1df6i_11 {
  position: absolute;
}
._preview-icon_1df6i_15 {
  font-size: 20px;
}

/* temp_stylePlugin:src/components/TrashBin/TrashBin.module.css */
._container_1yglt_1 {
  display: grid;
  grid-template-columns: 2fr 4fr;
  grid-template-rows: 100% 100%;
  height: 100%;
  overflow: hidden;
}
._list_1yglt_9 {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0.25rem;
  overflow-y: scroll;
  height: 100%;
}
._list_1yglt_9::-webkit-scrollbar-track {
  background: var(--k25);
}
._list_1yglt_9::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.25);
}
._list-item_1yglt_25 {
  margin: 0 0.5rem 0 0.25rem;
  padding: 0.75rem;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1.2;
  display: flex;
  overflow-wrap: anywhere;
  align-items: center;
}
._list-item_1yglt_25:last-child {
  margin: 0.25rem 0.5rem 0.5rem 0.25rem;
}
._list-item--selected_1yglt_40 {
  background: var(--h230);
}
._item-icon_1yglt_44 {
  margin-right: 0.25rem;
}
._selected-container_1yglt_48 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
._selected-content_1yglt_54 {
  overflow-y: scroll;
  flex-grow: 1;
}
._selected-content_1yglt_54::-webkit-scrollbar-track {
  background: var(--k25);
}
._selected-content_1yglt_54::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.25);
}
._empty-trash_1yglt_67 {
  color: var(--w70);
  font-size: 12px;
  text-align: center;
  margin-top: 4px;
  font-weight: 200;
}
._left-cell_1yglt_75 {
  position: relative;
  height: 100%;
}

/* temp_stylePlugin:src/components/TimelinePanel/TimelinePanel.module.css */
._timeline_1pru1_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._toolbar_1pru1_11 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-bottom: 1px solid var(--ui-border);
  flex-shrink: 0;
}
._toolbar-btn_1pru1_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: var(--ui-radius-sm);
  background: none;
  color: var(--ui-text-muted);
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
}
._toolbar-btn_1pru1_20:hover {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}
._toolbar-divider_1pru1_39 {
  width: 1px;
  height: 16px;
  background: var(--ui-border);
  opacity: 0.5;
}
._toolbar-label_1pru1_46 {
  font-size: 9px;
  font-weight: 500;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
._toolbar-input_1pru1_54 {
  width: 48px;
  height: 20px;
  font-size: 10px;
  font-family:
    "SF Mono",
    "Menlo",
    monospace;
  font-variant-numeric: tabular-nums;
  text-align: center;
  color: var(--ui-text-muted);
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: 3px;
  outline: none;
  -moz-appearance: textfield;
}
._toolbar-input_1pru1_54::-webkit-inner-spin-button,
._toolbar-input_1pru1_54::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._toolbar-input_1pru1_54:focus {
  border-color: var(--ui-accent-blue);
}
._toolbar-unit_1pru1_79 {
  font-size: 9px;
  color: var(--ui-text-faint);
}
._toolbar-spacer_1pru1_84 {
  flex: 1;
}
._track_1pru1_90 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 16px 20px;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  min-height: 80px;
}
._track-line_1pru1_102 {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50%;
  height: 2px;
  background: var(--ui-border);
  transform: translateY(-1px);
  pointer-events: none;
}
._keyframe_1pru1_115 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 64px;
  padding: 0 8px;
  transition: transform 0.1s;
}
._keyframe_1pru1_115:hover {
  transform: scale(1.05);
}
._keyframe-diamond_1pru1_132 {
  width: 16px;
  height: 16px;
  background: var(--ui-surface-3);
  border: 2px solid var(--ui-border);
  border-radius: 3px;
  transform: rotate(45deg);
  transition:
    background 0.15s,
    border-color 0.15s,
    box-shadow 0.15s;
  flex-shrink: 0;
}
._keyframe_1pru1_115:hover ._keyframe-diamond_1pru1_132 {
  border-color: var(--ui-text-faint);
}
._keyframe--active_1pru1_147 ._keyframe-diamond_1pru1_132 {
  background: var(--ui-accent-blue);
  border-color: var(--ui-accent-blue);
  box-shadow: 0 0 8px rgba(58, 156, 255, 0.4);
}
._keyframe--playhead_1pru1_153 ._keyframe-diamond_1pru1_132 {
  background: #f59e0b;
  border-color: #f59e0b;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.5);
}
._keyframe-name_1pru1_159 {
  font-size: 9px;
  font-weight: 500;
  color: var(--ui-text-faint);
  white-space: nowrap;
  max-width: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.1s;
}
._keyframe--active_1pru1_147 ._keyframe-name_1pru1_159 {
  color: var(--ui-accent-blue);
}
._keyframe-name-input_1pru1_174 {
  font-size: 9px;
  font-weight: 500;
  color: var(--ui-text);
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-accent-blue);
  border-radius: 2px;
  outline: none;
  width: 64px;
  text-align: center;
  padding: 1px 3px;
}
._keyframe-transition_1pru1_189 {
  position: absolute;
  left: 100%;
  top: 8px;
  width: 32px;
  height: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
._keyframe-transition_1pru1_189::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--ui-border);
}
._keyframe-transition_1pru1_189::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-left: 4px solid var(--ui-border);
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
._keyframe-transition-ms_1pru1_220 {
  position: absolute;
  top: -14px;
  font-size: 7px;
  color: var(--ui-text-faint);
  white-space: nowrap;
  opacity: 0.5;
}
._keyframe-delete_1pru1_231 {
  position: absolute;
  top: -4px;
  right: 2px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: var(--ui-surface-2);
  color: var(--ui-text-faint);
  cursor: pointer;
  opacity: 0;
  transition:
    opacity 0.1s,
    background 0.1s,
    color 0.1s;
}
._keyframe_1pru1_115:hover ._keyframe-delete_1pru1_231 {
  opacity: 1;
}
._keyframe-delete_1pru1_231:hover {
  background: #f87171;
  color: white;
}
._empty_1pru1_260 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 100%;
  color: var(--ui-text-faint);
  font-size: 11px;
  opacity: 0.5;
}

/* temp_stylePlugin:src/components/controls/PushButton/PushButton.module.css */
._pushbutton_3jfq8_1 {
  width: 36px;
  height: 36px;
  margin-top: 0;
  border-radius: var(--ui-radius-sm);
  text-align: center;
  cursor: pointer;
  color: var(--ui-text-muted);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    border-color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    background 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 12px;
  position: relative;
  z-index: 0;
  background: var(--ui-surface-3);
  border: 1px solid var(--ui-border);
  box-shadow: var(--ui-shadow-soft);
  --pushbutton-accent: var(--ui-accent-blue);
  --pushbutton-accent-secondary: var(--ui-accent-blue);
}
._pushbutton_3jfq8_1:hover,
._pushbutton-selected_3jfq8_25 {
  transform: translateY(-1px);
  color: var(--ui-text);
}
._pushbutton_3jfq8_1:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-4);
}
._pushbutton-selected_3jfq8_25 {
  border-color: var(--pushbutton-accent);
  background: color-mix(in srgb, var(--pushbutton-accent) 12%, var(--ui-surface-4));
  box-shadow: 0 0 0 1px var(--pushbutton-accent-soft);
}
._pushbutton-selected_3jfq8_25:hover {
  border-color: var(--pushbutton-accent);
  background: var(--ui-surface-4);
  box-shadow: 0 0 0 1px var(--pushbutton-accent-soft);
}
._pushbutton-default_3jfq8_47 {
  --pushbutton-accent: var(--ui-accent-blue);
  --pushbutton-accent-secondary: var(--ui-accent-blue);
  --pushbutton-accent-bg: rgba(58, 156, 255, 0.72);
  --pushbutton-accent-bg-2: rgba(58, 156, 255, 0.42);
  --pushbutton-accent-soft: rgba(58, 156, 255, 0.25);
}
._pushbutton-data_3jfq8_55 {
  --pushbutton-accent: var(--ui-accent-blue);
  --pushbutton-accent-secondary: var(--ui-accent-blue);
  --pushbutton-accent-bg: rgba(58, 156, 255, 0.72);
  --pushbutton-accent-bg-2: rgba(58, 156, 255, 0.4);
  --pushbutton-accent-soft: rgba(58, 156, 255, 0.24);
}
._pushbutton-search_3jfq8_63 {
  --pushbutton-accent: var(--ui-accent-blue);
  --pushbutton-accent-secondary: var(--ui-accent-blue);
  --pushbutton-accent-bg: rgba(58, 156, 255, 0.72);
  --pushbutton-accent-bg-2: rgba(58, 156, 255, 0.4);
  --pushbutton-accent-soft: rgba(58, 156, 255, 0.24);
}
._pushbutton-service_3jfq8_71 {
  --pushbutton-accent: var(--ui-accent-blue);
  --pushbutton-accent-secondary: var(--ui-accent-blue);
  --pushbutton-accent-bg: rgba(58, 156, 255, 0.72);
  --pushbutton-accent-bg-2: rgba(58, 156, 255, 0.4);
  --pushbutton-accent-soft: rgba(58, 156, 255, 0.24);
}
._pushbutton-danger_3jfq8_79 {
  --pushbutton-accent: var(--ui-accent-blue);
  --pushbutton-accent-secondary: var(--ui-accent-blue);
  --pushbutton-accent-bg: rgba(58, 156, 255, 0.72);
  --pushbutton-accent-bg-2: rgba(58, 156, 255, 0.4);
  --pushbutton-accent-soft: rgba(58, 156, 255, 0.24);
}
._pushbutton-utility_3jfq8_87 {
  --pushbutton-accent: var(--ui-accent-blue);
  --pushbutton-accent-secondary: var(--ui-accent-blue);
  --pushbutton-accent-bg: rgba(58, 156, 255, 0.72);
  --pushbutton-accent-bg-2: rgba(58, 156, 255, 0.4);
  --pushbutton-accent-soft: rgba(58, 156, 255, 0.24);
}

/* temp_stylePlugin:src/components/Sidebar/Sidebar.module.css */
._sidebar_5ozdz_1 {
  width: 56px;
  top: 50px;
  bottom: 0;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  background: color-mix(in srgb, var(--ui-surface-1) 94%, transparent);
  border: 1px solid var(--ui-panel-border);
  box-shadow: var(--ui-shadow-soft);
  border-radius: 0;
  padding-top: 10px;
  padding-bottom: 12px;
  gap: 8px;
}
._sidebar_5ozdz_1._hidden_5ozdz_22 {
  transform: translateX(-72px);
  pointer-events: none;
}
._sidebar_5ozdz_1._hidden--right_5ozdz_27 {
  transform: translateX(72px);
}
._sidebar-item_5ozdz_31:first-child {
  background: color-mix(in srgb, var(--ui-surface-3) 84%, transparent) !important;
  margin-top: 2px;
  margin-bottom: 64px;
  font-size: 22px;
  position: absolute;
  top: 8px;
  left: 10px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
}
._sidebar-item_5ozdz_31:first-child:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-3)) !important;
}
._sidebar-item_5ozdz_31:last-child {
  transform: none;
  font-size: 16px;
}
._sidebar-item_5ozdz_31:last-child:hover {
  transform: none !important;
}
._sidebar-item_5ozdz_31:hover:not(:first-child) {
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-3));
  color: var(--ui-text);
  transform: translateY(-1px);
}
._sidebar-item-selected_5ozdz_63:hover {
  transform: translateY(-1px) !important;
}
._sidebar-item_5ozdz_31:not(._sidebar-item-selected_5ozdz_63):hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-3));
}

/* temp_stylePlugin:src/components/controls/ZoomStepper/ZoomStepper.module.css */
._label_1o9ph_1 {
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-medium);
  color: var(--ui-text);
  letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums;
  font-family: var(--ui-font-mono);
}
._stepper-container_1o9ph_10 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  background-color: color-mix(in srgb, var(--ui-surface-2) 92%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 84%, transparent);
  border-radius: 16px;
  width: 116px;
  height: 34px;
  overflow: hidden;
  box-shadow: var(--ui-shadow-soft);
  transition:
    background-color var(--ui-transition-fast),
    border-color var(--ui-transition-fast),
    box-shadow var(--ui-transition-fast);
}
._step_1o9ph_10 {
  width: 24px;
  height: 24px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 66%, transparent);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  color: var(--ui-text-muted);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: var(--ui-font-weight-semibold);
  line-height: 1;
  cursor: pointer;
  transition: var(--ui-transition-fast);
}
._step_1o9ph_10:hover {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 54%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 16%, var(--ui-surface-3));
  color: var(--ui-text);
}
._step_1o9ph_10:active {
  transform: translateY(1px);
}
._label-badge_1o9ph_53 {
  min-width: 46px;
  height: 24px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 82%, transparent);
  background: color-mix(in srgb, var(--ui-surface-1) 96%, var(--ui-accent-soft));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._label-badge_1o9ph_53::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 4px;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ui-accent-blue) 86%, white);
  opacity: 0.85;
}
._stepper-container_1o9ph_10:hover {
  border-color: var(--ui-border-strong);
  background: color-mix(in srgb, var(--ui-surface-2) 84%, var(--ui-accent-soft));
  box-shadow: var(--ui-shadow-soft), 0 0 0 1px color-mix(in srgb, var(--ui-accent-blue) 20%, transparent);
}

/* temp_stylePlugin:src/components/Topbar/LogOutButton/LogOutButton.module.css */
._logout-button_17mad_1 {
  height: 32px;
  width: 32px;
  cursor: pointer;
  color: var(--ui-text-muted);
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--ui-radius-sm);
  transition: var(--ui-transition-fast);
}
._logout-text_17mad_16 {
  font-size: var(--ui-font-size-xs);
  opacity: 0;
  position: absolute;
  top: -14px;
  white-space: nowrap;
  letter-spacing: var(--ui-letter-spacing-wide);
  color: var(--ui-text-muted);
  text-transform: uppercase;
}
._logout-button_17mad_1:focus {
  outline: 0;
}
._logout-button_17mad_1:hover {
  outline: 0;
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, var(--ui-border));
  color: var(--ui-text);
}
._logout-button_17mad_1:hover ._logout-text_17mad_16 {
  opacity: 1;
}

/* temp_stylePlugin:src/components/Topbar/SelectionNavigator/SelectionNavigator.module.css */
._container_11qvs_1 {
  position: relative;
  padding-right: 8px;
  margin-left: 2px;
  opacity: 0.9;
  transition: opacity var(--ui-transition-fast);
}
._container_11qvs_1:hover {
  opacity: 1;
}
._current-container_11qvs_13 {
  color: var(--ui-text);
  display: flex;
  align-items: center;
  font-size: 11px;
  min-height: 32px;
  padding: 0 10px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
}
._name_11qvs_25 {
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  line-height: 1.2;
}
._icon_11qvs_35 {
  width: 16px;
  margin: 0 6px 0 0;
}
._menu_11qvs_40 {
  width: 230px;
  border-radius: var(--ui-radius-md);
  padding: 8px;
  background-color: color-mix(in srgb, var(--ui-surface-4) 88%, var(--ui-surface-2));
  border: 1px solid var(--ui-panel-border);
  box-shadow: var(--ui-shadow-panel), var(--ui-panel-inset);
  position: absolute;
  left: 0;
  top: 40px;
}
._menu-item_11qvs_52 {
  font-size: var(--ui-font-size-sm);
  min-height: 30px;
  line-height: 1.3;
  display: flex;
  text-decoration: none;
  color: var(--ui-text);
  align-items: center;
  border-radius: var(--ui-radius-sm);
  border: 1px solid transparent;
  padding: 5px 8px;
}
._menu-item_11qvs_52:hover {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 54%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-3));
  cursor: pointer;
}

/* temp_stylePlugin:src/components/Topbar/BricksInsert/BricksInsert.module.css */
._container_1serd_1 {
  position: relative;
  padding-right: 8px;
  margin-left: 2px;
  cursor: pointer;
}
._current-container_1serd_8 {
  color: var(--ui-text);
  display: flex;
  align-items: center;
  font-size: var(--ui-font-size-sm);
  opacity: 0.9;
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 32px;
  padding: 0 10px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
}
._current-container_1serd_8:hover {
  opacity: 1;
}
._icon_1serd_25 {
  width: 16px;
  margin: 0 6px 0 0;
}
._menu_1serd_30 {
  width: 223px;
  border-radius: var(--ui-radius-md);
  padding: 8px;
  background-color: color-mix(in srgb, var(--ui-surface-4) 88%, var(--ui-surface-2));
  border: 1px solid var(--ui-panel-border);
  box-shadow: var(--ui-shadow-panel), var(--ui-panel-inset);
  position: absolute;
  left: 0px;
  top: 40px;
  max-height: 550px;
  overflow-x: hidden;
  overflow-y: auto;
}
._menu-item_1serd_45 {
  font-size: var(--ui-font-size-sm);
  display: flex;
  text-decoration: none;
  color: var(--ui-text);
  align-items: center;
  border-radius: var(--ui-radius-sm);
  border: 1px solid transparent;
  width: 100%;
  height: 110px;
  padding: 6px;
  transition: opacity 200ms ease-in-out;
  opacity: 0.9;
}
._menu-item_1serd_45:hover {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 54%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 10%, var(--ui-surface-3));
  cursor: pointer;
  opacity: 1;
}
._menu-item-image_1serd_67 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 64%, transparent);
}

/* temp_stylePlugin:src/components/Topbar/CollaboratorsList/CollaboratorsList.module.css */
._collaborators-bar-container_1b04v_1 {
  display: flex;
  justify-content: flex-end;
  margin-right: 2px;
  height: 100%;
  align-items: center;
}
._collaborator-avatar-container_1b04v_9 {
  position: relative;
  margin: 0 2px;
}
._collaborator-avatar_1b04v_9 {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 76%, transparent);
  font-size: 10px;
  font-weight: 200;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._collaborator-avatar-line_1b04v_27 {
  width: 30px;
  height: 3px;
  border-radius: 4px;
  position: absolute;
}
._expand-list-button_1b04v_34 {
  height: 30px;
  width: 24px;
  background: color-mix(in srgb, var(--ui-surface-3) 75%, transparent);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-text-muted);
  margin-left: 4px;
}
._expand-list-button_1b04v_34:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, var(--ui-border));
  color: var(--ui-text);
}
._list_1b04v_50 {
  max-height: 900px;
  overflow-y: auto;
  border-radius: var(--ui-radius-md);
  padding: 10px;
  background-color: color-mix(in srgb, var(--ui-surface-4) 88%, var(--ui-surface-2));
  border: 1px solid var(--ui-panel-border);
  box-shadow: var(--ui-shadow-panel), var(--ui-panel-inset);
  color: var(--ui-text);
  font-weight: 400;
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font);
}
._workspace-title_1b04v_64 {
  margin: 8px 4px;
  font-weight: var(--ui-font-weight-semibold);
  font-size: var(--ui-font-size-xs);
  letter-spacing: var(--ui-letter-spacing-wide);
  text-transform: uppercase;
  color: var(--ui-text-muted);
}
._collaborator-list_1b04v_73 {
  list-style: none;
  padding: 0;
  cursor: pointer;
}
._collaborator-item_1b04v_79 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: var(--ui-radius-sm);
}
._collaborator-item_1b04v_79:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 10%, var(--ui-surface-3));
}
._collaborator-name_1b04v_91 {
  font-size: var(--ui-font-size-sm);
  margin-left: 8px;
}

/* temp_stylePlugin:src/components/Topbar/RemoteCursorsButton/RemoteCursorsButton.module.css */
._button_5bb8k_1,
._ghost_5bb8k_2 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  cursor: pointer;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: var(--ui-radius-sm);
  transition: var(--ui-transition-fast);
}
._button_5bb8k_1:hover,
._ghost_5bb8k_2:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, var(--ui-border));
  transform: translateY(-1px);
}
._button--active_5bb8k_23 {
  color: color-mix(in srgb, var(--ui-accent-blue) 86%, white);
}
._button--inactive_5bb8k_27 {
  color: var(--ui-text-muted);
}
._ghost--inactive_5bb8k_31 {
  filter: grayscale(1);
}

/* temp_stylePlugin:src/components/CloudView/CloudView.module.css */
._root_4mnvf_5 {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: grid;
  grid-template-columns: 240px 1fr 420px;
  grid-template-rows: 56px 1fr;
  background: #07090d;
  color: #e6e8eb;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Inter",
    "SF Pro Text",
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  letter-spacing: 0.005em;
  animation: _fadeIn_4mnvf_1 220ms ease-out;
  height: 100vh;
  height: 100dvh;
  isolation: isolate;
  overflow: hidden;
}
._root_4mnvf_5::before {
  content: "";
  position: absolute;
  inset: -10%;
  pointer-events: none;
  z-index: -2;
  background:
    radial-gradient(
      640px 480px at 12% 22%,
      rgba(99, 102, 241, 0.16),
      transparent 65%),
    radial-gradient(
      720px 520px at 88% 18%,
      rgba(56, 189, 248, 0.10),
      transparent 60%),
    radial-gradient(
      560px 460px at 70% 88%,
      rgba(213, 73, 250, 0.08),
      transparent 65%),
    radial-gradient(
      420px 380px at 8% 92%,
      rgba(110, 231, 183, 0.05),
      transparent 65%);
  filter: blur(40px) saturate(120%);
  animation: _aurora_4mnvf_1 28s ease-in-out infinite alternate;
}
._root_4mnvf_5::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: 0.025;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 220px 220px;
}
@keyframes _aurora_4mnvf_1 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(-2%, 1%, 0) rotate(0.5deg);
  }
  100% {
    transform: translate3d(2%, -1%, 0) rotate(-0.5deg);
  }
}
._chat-mount_4mnvf_63 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.04);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.012),
      transparent),
    #070a0e;
}
._chat-mount_4mnvf_63 > ._chat_4mnvf_63 {
  flex: 1 1 0;
  min-height: 0;
  border-left: none;
  background: transparent;
}
._root_4mnvf_5._chat-fs_4mnvf_82 ._sidebar_4mnvf_82,
._root_4mnvf_5._chat-fs_4mnvf_82 ._main_4mnvf_83 {
  display: none;
}
._root_4mnvf_5._chat-fs_4mnvf_82 ._chat-mount_4mnvf_63 {
  grid-column: 1 / -1;
  grid-row: 2 / -1;
  border-left: none;
}
._root_4mnvf_5._mobile_4mnvf_95 {
  grid-template-columns: 1fr;
  grid-template-rows: 56px 1fr;
}
._root_4mnvf_5._mobile_4mnvf_95 ._sidebar_4mnvf_82 {
  position: fixed;
  top: 56px;
  bottom: 0;
  left: 0;
  width: 260px;
  z-index: 50;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: #070a0e;
  transform: translateX(-100%);
  transition: transform 220ms ease;
  box-shadow: 12px 0 40px -12px rgba(0, 0, 0, 0.5);
}
._root_4mnvf_5._mobile_4mnvf_95 ._sidebar_4mnvf_82._open_4mnvf_114,
._mobile-overlay_4mnvf_115 + ._sidebar_4mnvf_82 {
  transform: translateX(0);
}
._mobile-overlay_4mnvf_115 {
  position: fixed;
  inset: 56px 0 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 40;
  animation: _fadeIn_4mnvf_1 200ms ease-out;
}
._root_4mnvf_5._mobile_4mnvf_95 ._main_4mnvf_83 {
  grid-column: 1 / -1;
  padding: 18px 16px 80px;
}
._root_4mnvf_5._mobile_4mnvf_95 ._chat-mount_4mnvf_63 {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 100;
  transition: transform 240ms ease;
}
._root_4mnvf_5._mobile_4mnvf_95 ._mobile-chat-closed_4mnvf_140 {
  transform: translateY(100%);
  pointer-events: none;
}
._root_4mnvf_5._mobile_4mnvf_95 ._mobile-chat-open_4mnvf_145 {
  transform: translateY(0);
}
._mobile-menu-btn_4mnvf_149 {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: #e6e8eb;
  width: 36px;
  height: 36px;
  border-radius: 9px;
  font-size: 18px;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
._topbar-chat-fab_4mnvf_164 {
  background:
    linear-gradient(
      135deg,
      #6366f1,
      #38bdf8);
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 8px 22px -8px rgba(99, 102, 241, 0.6);
}
._chat_4mnvf_63._fullscreen_4mnvf_178 {
  display: grid;
  grid-template-columns: 280px 1fr;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  border-left: none;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-header_4mnvf_186 {
  grid-column: 1 / -1;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 15px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.02),
      rgba(255, 255, 255, 0));
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-thread-list_4mnvf_195 {
  grid-row: 2 / -1;
  grid-column: 1 / 2;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: none;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
  padding: 12px;
  gap: 4px;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.012);
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-thread-pill_4mnvf_209 {
  max-width: none;
  text-align: left;
  padding: 10px 12px;
  font-size: 12.5px;
  border-radius: 8px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-new_4mnvf_217 {
  text-align: left;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 12.5px;
  width: 100%;
  margin-top: 6px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-messages_4mnvf_226 {
  grid-column: 2 / -1;
  grid-row: 2 / 3;
  padding: 32px 18% 24px;
  font-size: 14.5px;
  min-height: 0;
  overflow-y: auto;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-empty_4mnvf_235 {
  padding: 64px 16px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-empty-emoji_4mnvf_239 {
  font-size: 44px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-empty-title_4mnvf_243 {
  font-size: 22px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-empty-subtitle_4mnvf_247 {
  max-width: 480px;
  font-size: 13.5px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-quick-prompts_4mnvf_252 {
  max-width: 520px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-quick-prompt_4mnvf_252 {
  padding: 14px 16px;
  font-size: 13.5px;
  border-radius: 12px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-message_4mnvf_226 {
  font-size: 14.5px;
  padding: 14px 18px;
  border-radius: 16px;
  max-width: 80%;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-message_4mnvf_226._user_4mnvf_269 {
  border-bottom-right-radius: 6px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-message_4mnvf_226._assistant_4mnvf_273 {
  border-bottom-left-radius: 6px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-input-wrap_4mnvf_277 {
  grid-column: 2 / -1;
  padding: 18px 18% 24px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-tool_4mnvf_282 {
  padding: 12px 16px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-tool-result_4mnvf_286 {
  padding: 12px 16px;
}
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-error_4mnvf_290,
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-warning_4mnvf_291,
._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-settings_4mnvf_292 {
  grid-column: 2 / -1;
  margin: 8px 18% 0;
}
@media (max-width: 820px) {
  ._root_4mnvf_5._mobile_4mnvf_95 ._topbar_4mnvf_164 {
    padding-top: max(0px, env(safe-area-inset-top));
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
    height: calc(56px + env(safe-area-inset-top));
  }
  ._root_4mnvf_5._mobile_4mnvf_95 ._sidebar_4mnvf_82 {
    top: calc(56px + env(safe-area-inset-top));
    padding-bottom: env(safe-area-inset-bottom);
  }
  ._root_4mnvf_5._mobile_4mnvf_95 ._mobile-overlay_4mnvf_115 {
    inset: calc(56px + env(safe-area-inset-top)) 0 0;
  }
  ._root_4mnvf_5._mobile_4mnvf_95 ._chat-mount_4mnvf_63 {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    height: 100dvh;
    background:
      radial-gradient(
        800px 400px at 80% -10%,
        rgba(99, 102, 241, 0.07),
        transparent 60%),
      #07090d;
  }
  ._root_4mnvf_5._mobile_4mnvf_95 ._main_4mnvf_83 {
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px);
  }
  ._chat-input_4mnvf_277,
  ._chat-settings-input_4mnvf_337,
  ._main-search_4mnvf_338,
  ._w-textarea_4mnvf_339,
  ._w-tester-url_4mnvf_340,
  ._tester-url_4mnvf_341 {
    font-size: 16px;
  }
  ._chat-send_4mnvf_346 {
    min-height: 44px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
  }
  ._chat-settings-btn_4mnvf_353 {
    width: 34px;
    height: 34px;
    font-size: 16px;
  }
  ._topbar-chat-fab_4mnvf_164,
  ._mobile-menu-btn_4mnvf_149 {
    width: 40px;
    height: 40px;
  }
  ._chat-tab_4mnvf_365 {
    padding: 8px 12px 8px 14px;
    font-size: 13px;
  }
  ._chat-thread-pill_4mnvf_209,
  ._chat-new_4mnvf_217 {
    padding: 8px 14px;
    font-size: 12.5px;
  }
  ._topbar-back_4mnvf_377,
  ._topbar-chat-fab_4mnvf_164,
  ._mobile-menu-btn_4mnvf_149,
  ._chat-send_4mnvf_346,
  ._chat-settings-btn_4mnvf_353,
  ._chat-tab_4mnvf_365,
  ._chat-tab-close_4mnvf_378,
  ._chat-thread-pill_4mnvf_209,
  ._chat-new_4mnvf_217,
  ._quick-action_4mnvf_379,
  ._product-card_4mnvf_379,
  ._sidebar-item_4mnvf_379,
  ._activity-row_4mnvf_380,
  ._card_4mnvf_380,
  ._publish-banner_4mnvf_380,
  ._chat-quick-prompt_4mnvf_252,
  ._chat-tool_4mnvf_282,
  ._chat-tool-result-chip_4mnvf_381,
  ._inline-widget_4mnvf_381,
  ._chat-settings-save_4mnvf_381,
  ._widget-stage-btn_4mnvf_382,
  ._w-icon-btn_4mnvf_382,
  ._device-btn_4mnvf_382,
  ._product-tab_4mnvf_382,
  ._category-btn_4mnvf_383,
  ._component-chip_4mnvf_383,
  ._detail-back_4mnvf_383,
  ._detail-toggle_4mnvf_383,
  ._w-tester-send_4mnvf_384,
  ._tester-send_4mnvf_384,
  ._tester-method_4mnvf_384 {
    -webkit-tap-highlight-color: transparent;
  }
  ._quick-action_4mnvf_379:hover,
  ._product-card_4mnvf_379:hover,
  ._card_4mnvf_380:hover,
  ._activity-row_4mnvf_380:hover,
  ._topbar-back_4mnvf_377:hover,
  ._chat-send_4mnvf_346:hover:not(:disabled),
  ._publish-banner_4mnvf_380:hover:not(:disabled) {
    transform: none;
  }
  ._chat-messages_4mnvf_226,
  ._main_4mnvf_83,
  ._sidebar_4mnvf_82,
  ._chat-tab-content_4mnvf_396,
  ._widget-stage-body_4mnvf_397,
  ._md-table-wrap_4mnvf_397,
  ._w-data-wrap_4mnvf_397 {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  ._topbar_4mnvf_164,
  ._sidebar_4mnvf_82,
  ._chat-header_4mnvf_186,
  ._chat-thread-list_4mnvf_195,
  ._chat-tabs_4mnvf_404,
  ._chat-input-wrap_4mnvf_277,
  ._chat-send-row_4mnvf_405,
  ._quick-actions_4mnvf_405 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  ._chat-message_4mnvf_226,
  ._chat-tool-result-body_4mnvf_410,
  ._chat-tool-args_4mnvf_410,
  ._md_4mnvf_397,
  ._md_4mnvf_397 p,
  ._md_4mnvf_397 code,
  ._md_4mnvf_397 pre,
  ._w-data-table_4mnvf_411 {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
  }
}
@media (max-width: 820px) {
  ._chat_4mnvf_63._fullscreen_4mnvf_178 {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    grid-template-rows: none;
  }
  ._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-thread-list_4mnvf_195 {
    grid-row: auto;
    grid-column: auto;
    flex-direction: row;
    flex-wrap: wrap;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding: 8px 12px;
    overflow-y: visible;
  }
  ._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-thread-pill_4mnvf_209,
  ._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-new_4mnvf_217 {
    width: auto;
    text-align: left;
    margin-top: 0;
  }
  ._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-messages_4mnvf_226,
  ._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-input-wrap_4mnvf_277,
  ._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-error_4mnvf_290,
  ._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-warning_4mnvf_291,
  ._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-settings_4mnvf_292 {
    grid-row: auto;
    grid-column: auto;
    padding-left: 14px;
    padding-right: 14px;
    margin-left: 0;
    margin-right: 0;
  }
  ._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-empty_4mnvf_235 {
    padding: 32px 16px;
  }
  ._chat_4mnvf_63._fullscreen_4mnvf_178 ._chat-message_4mnvf_226 {
    font-size: 13.5px;
    padding: 10px 14px;
    max-width: 92%;
  }
}
@media (max-width: 820px) {
  ._product-hero_4mnvf_465 {
    padding: 16px;
    flex-wrap: wrap;
    gap: 12px;
  }
  ._product-hero-stats_4mnvf_470 {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
    gap: 24px;
  }
  ._product-hero-stat_4mnvf_470 {
    text-align: left;
  }
  ._card-grid_4mnvf_479,
  ._product-grid_4mnvf_480 {
    grid-template-columns: 1fr;
  }
  ._detail-kv_4mnvf_483 {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 10px 14px;
  }
  ._main_4mnvf_83 {
    padding: 18px 14px 80px;
  }
  ._live-stage_4mnvf_491 {
    padding: 12px;
    min-height: 360px;
  }
  ._live-stage-canvas_4mnvf_495 {
    transform-origin: top left;
  }
  ._category-bar_4mnvf_498 ._main-search_4mnvf_338 {
    margin-left: 0;
    width: 100%;
    margin-top: 6px;
  }
  ._main-search_4mnvf_338 {
    width: 100%;
  }
}
@keyframes _fadeIn_4mnvf_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._topbar_4mnvf_164 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 18px;
  position: relative;
  background:
    linear-gradient(
      180deg,
      rgba(20, 23, 32, 0.72),
      rgba(7, 9, 13, 0.4));
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  backdrop-filter: saturate(160%) blur(20px);
  -webkit-backdrop-filter: saturate(160%) blur(20px);
  z-index: 10;
}
._topbar_4mnvf_164::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(99, 102, 241, 0.4),
      rgba(56, 189, 248, 0.35),
      rgba(213, 73, 250, 0.3),
      transparent);
  opacity: 0.7;
}
._brand_4mnvf_540 {
  font-weight: 600;
  letter-spacing: -0.01em;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #e6e9ef;
}
._brand-word_4mnvf_551 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
._topbar-spacer_4mnvf_557 {
  flex: 1;
}
._topbar-system_4mnvf_561 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: #c8ccd1;
  font-size: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
._topbar-system_4mnvf_561::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #4ade80;
  box-shadow: 0 0 10px rgba(74, 222, 128, 0.6);
}
._publish-banner_4mnvf_380 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 14px;
  border-radius: 999px;
  background:
    linear-gradient(
      135deg,
      rgba(245, 158, 11, 0.18),
      rgba(251, 191, 36, 0.12));
  border: 1px solid rgba(251, 191, 36, 0.4);
  color: #fde68a;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all 160ms ease;
  box-shadow: 0 8px 22px -10px rgba(251, 191, 36, 0.4);
}
._publish-banner_4mnvf_380:hover:not(:disabled) {
  filter: brightness(1.1);
  transform: translateY(-1px);
  box-shadow: 0 10px 26px -8px rgba(251, 191, 36, 0.5);
}
._publish-banner_4mnvf_380:disabled,
._publish-banner_4mnvf_380._publishing_4mnvf_609 {
  cursor: wait;
  opacity: 0.85;
}
._publish-banner-dot_4mnvf_614 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #fbbf24;
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.8);
  animation: _pulse_4mnvf_1 1.6s ease-in-out infinite;
  flex-shrink: 0;
}
._publish-banner-cta_4mnvf_624 {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
._publish-error_4mnvf_634 {
  color: #fca5a5;
  font-size: 11px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  padding: 3px 10px;
  border-radius: 999px;
}
._topbar-back_4mnvf_377 {
  padding: 6px 14px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: #e6e8eb;
  border: 1px solid rgba(255, 255, 255, 0.07);
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: all 160ms ease;
}
._topbar-back_4mnvf_377:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
  transform: translateY(-1px);
}
._topbar-back_4mnvf_377:active {
  transform: translateY(0);
}
._sidebar_4mnvf_82 {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  padding: 16px 12px;
  overflow-y: auto;
  background:
    linear-gradient(
      180deg,
      rgba(15, 18, 26, 0.55),
      rgba(7, 9, 13, 0.35));
  backdrop-filter: saturate(140%) blur(14px);
  -webkit-backdrop-filter: saturate(140%) blur(14px);
}
._sidebar-section-title_4mnvf_677 {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #59606b;
  font-weight: 600;
  padding: 4px 10px 8px;
}
._sidebar-item_4mnvf_379 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 9px;
  cursor: pointer;
  color: #b9bec7;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  transition:
    background 200ms ease,
    color 200ms ease,
    box-shadow 200ms ease,
    transform 160ms ease;
}
._sidebar-item_4mnvf_379:hover {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  transform: translateX(1px);
}
._sidebar-item_4mnvf_379._active_4mnvf_706 {
  background:
    linear-gradient(
      90deg,
      rgba(99, 102, 241, 0.22),
      rgba(99, 102, 241, 0.04));
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.28), 0 8px 22px -10px rgba(99, 102, 241, 0.45);
}
._sidebar-icon_4mnvf_718 {
  width: 18px;
  display: inline-flex;
  justify-content: center;
  font-size: 16px;
  opacity: 0.8;
}
._sidebar-product-dot_4mnvf_726 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  margin-right: 2px;
  flex-shrink: 0;
}
._sidebar-active-bar_4mnvf_734 {
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 0 3px 3px 0;
}
._sidebar-product-logo_4mnvf_743 {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  flex-shrink: 0;
}
._sidebar-item-text_4mnvf_751 {
  flex: 1;
}
._sidebar-item_4mnvf_379:hover ._sidebar-icon_4mnvf_718,
._sidebar-item_4mnvf_379._active_4mnvf_706 ._sidebar-icon_4mnvf_718 {
  opacity: 1;
}
._main_4mnvf_83 {
  overflow-y: auto;
  padding: 32px 40px 64px;
}
._main-title_4mnvf_767 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
  background:
    linear-gradient(
      180deg,
      #ffffff,
      #cdd2da);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
._main-subtitle_4mnvf_778 {
  color: #7d838e;
  margin: 0 0 28px;
  font-size: 13px;
}
._card-grid_4mnvf_479 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
}
._card_4mnvf_380 {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.03),
      rgba(255, 255, 255, 0.008));
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  padding: 18px;
  transition:
    transform 280ms cubic-bezier(0.2, 0.8, 0.2, 1),
    border-color 220ms ease,
    box-shadow 280ms ease,
    background 220ms ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
._card_4mnvf_380::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background:
    linear-gradient(
      135deg,
      rgba(99, 102, 241, 0.4),
      rgba(56, 189, 248, 0.25),
      rgba(213, 73, 250, 0.2));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 280ms ease;
  pointer-events: none;
}
._card_4mnvf_380::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(
      420px 220px at 30% 0%,
      rgba(99, 102, 241, 0.14),
      transparent 60%);
  opacity: 0;
  transition: opacity 280ms ease;
  pointer-events: none;
  z-index: -1;
}
._card_4mnvf_380:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 22px 50px -22px rgba(0, 0, 0, 0.75), 0 0 28px -8px rgba(99, 102, 241, 0.18);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.05),
      rgba(255, 255, 255, 0.012));
}
._card_4mnvf_380:hover::before {
  opacity: 1;
}
._card_4mnvf_380:hover::after {
  opacity: 1;
}
._card-label_4mnvf_848 {
  color: #7d838e;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
}
._card-value_4mnvf_856 {
  font-size: 26px;
  font-weight: 600;
  margin-top: 6px;
  letter-spacing: -0.02em;
  background:
    linear-gradient(
      180deg,
      #ffffff,
      #b9bec7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
._empty_4mnvf_867 {
  color: #59606b;
  padding: 48px 0;
  text-align: center;
  font-size: 13px;
}
._hero_4mnvf_876 {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 24px;
  padding: 36px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  margin-bottom: 26px;
  overflow: hidden;
  background:
    radial-gradient(
      1100px 500px at 0% 0%,
      rgba(99, 102, 241, 0.18),
      transparent 60%),
    radial-gradient(
      900px 400px at 100% 100%,
      rgba(56, 189, 248, 0.14),
      transparent 60%),
    radial-gradient(
      700px 380px at 60% 30%,
      rgba(213, 73, 250, 0.07),
      transparent 65%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.025),
      rgba(255, 255, 255, 0.006));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 22px 60px -28px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
._hero_4mnvf_876 {
  background-size:
    200% 200%,
    200% 200%,
    200% 200%,
    100% 100%;
  animation: _hero-drift_4mnvf_1 24s ease-in-out infinite alternate;
}
@keyframes _hero-drift_4mnvf_1 {
  0% {
    background-position:
      0% 0%,
      100% 100%,
      60% 40%,
      0 0;
  }
  100% {
    background-position:
      30% 20%,
      70% 80%,
      40% 60%,
      0 0;
  }
}
._hero_4mnvf_876::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      2px 2px at 20% 30%,
      rgba(255, 255, 255, 0.4),
      transparent),
    radial-gradient(
      1px 1px at 70% 60%,
      rgba(255, 255, 255, 0.3),
      transparent),
    radial-gradient(
      1.5px 1.5px at 40% 80%,
      rgba(255, 255, 255, 0.2),
      transparent),
    radial-gradient(
      1px 1px at 90% 20%,
      rgba(255, 255, 255, 0.3),
      transparent);
  opacity: 0.5;
  pointer-events: none;
}
._hero-left_4mnvf_922 {
  flex: 1;
  position: relative;
  z-index: 1;
}
._hero-eyebrow_4mnvf_928 {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #818cf8;
  font-weight: 700;
  margin-bottom: 6px;
}
._hero-title_4mnvf_937 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.025em;
  margin: 0 0 14px;
  background:
    linear-gradient(
      180deg,
      #fff,
      #c7d2fe);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1.1;
}
._hero-meta_4mnvf_949 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
._hero-pill_4mnvf_956 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: #c8ccd1;
  font-size: 11.5px;
  font-weight: 500;
  text-decoration: none;
  transition: all 140ms ease;
}
._hero-pill_4mnvf_956:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.14);
}
._hero-pill-dot_4mnvf_977 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #4ade80;
  box-shadow: 0 0 10px rgba(74, 222, 128, 0.6);
}
._quick-actions_4mnvf_405 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin-bottom: 28px;
}
._quick-action_4mnvf_379 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.035),
      rgba(255, 255, 255, 0.008));
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
  color: #e6e8eb;
  position: relative;
  overflow: hidden;
}
._quick-action_4mnvf_379::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(
      280px 160px at 0% 0%,
      rgba(99, 102, 241, 0.16),
      transparent 60%);
  opacity: 0;
  transition: opacity 280ms ease;
  pointer-events: none;
}
._quick-action_4mnvf_379:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 44px -18px rgba(0, 0, 0, 0.7), 0 0 26px -10px rgba(99, 102, 241, 0.25);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.05),
      rgba(255, 255, 255, 0.012));
  border-color: rgba(255, 255, 255, 0.14);
}
._quick-action_4mnvf_379:hover::before {
  opacity: 1;
}
._quick-action-icon_4mnvf_1035 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
._quick-action-label_4mnvf_1046 {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
}
._quick-action-arrow_4mnvf_1053 {
  color: #59606b;
  font-size: 14px;
  transition: transform 180ms ease, color 180ms ease;
}
._quick-action_4mnvf_379:hover ._quick-action-arrow_4mnvf_1053 {
  color: #c7d2fe;
  transform: translateX(3px);
}
._hero-section_4mnvf_1066 {
  margin-bottom: 28px;
}
._hero-section-head_4mnvf_1070 {
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}
._hero-section-title_4mnvf_1076 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7d838e;
  font-weight: 700;
}
._activity-list_4mnvf_1086 {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.012),
      rgba(255, 255, 255, 0.005));
}
._activity-row_4mnvf_380 {
  display: grid;
  grid-template-columns: 12px auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 11px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  cursor: pointer;
  font-size: 12.5px;
  transition: background 140ms ease;
}
._activity-row_4mnvf_380:last-child {
  border-bottom: none;
}
._activity-row_4mnvf_380:hover {
  background: rgba(255, 255, 255, 0.025);
}
._activity-dot_4mnvf_1116 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  box-shadow: 0 0 12px currentColor;
}
._activity-kind_4mnvf_1123 {
  font-family: ui-monospace, monospace;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #818cf8;
  background: rgba(99, 102, 241, 0.12);
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid rgba(99, 102, 241, 0.22);
}
._activity-title_4mnvf_1135 {
  color: #fff;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._activity-time_4mnvf_1143 {
  color: #7d838e;
  font-size: 11px;
  white-space: nowrap;
}
@media (max-width: 720px) {
  ._hero_4mnvf_876 {
    padding: 22px;
  }
  ._hero-title_4mnvf_937 {
    font-size: 28px;
  }
  ._activity-row_4mnvf_380 {
    grid-template-columns: 12px 1fr auto;
  }
  ._activity-kind_4mnvf_1123 {
    grid-column: 2 / -2;
  }
  ._activity-title_4mnvf_1135 {
    grid-column: 2 / -1;
  }
}
._product-grid_4mnvf_480 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}
._product-card_4mnvf_379 {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.025),
      rgba(255, 255, 255, 0.005));
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 14px;
  padding: 18px;
  cursor: pointer;
  transition:
    transform 200ms ease,
    border-color 200ms ease,
    box-shadow 200ms ease;
}
._product-card_4mnvf_379:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 18px 48px -16px rgba(0, 0, 0, 0.7);
}
._product-card-head_4mnvf_1191 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._product-card-icon_4mnvf_1197 {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
}
._product-card-logo_4mnvf_1208 {
  width: 26px;
  height: 26px;
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.45));
}
._product-card-title_4mnvf_1215 {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.005em;
}
._product-card-count_4mnvf_1221 {
  margin-left: auto;
  font-size: 18px;
  font-weight: 600;
  color: #c8ccd1;
  letter-spacing: -0.01em;
}
._product-card-tagline_4mnvf_1229 {
  font-size: 12px;
  color: #7d838e;
  margin-top: 8px;
  line-height: 1.5;
}
._product-card-components_4mnvf_1236 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
._product-card-comp_4mnvf_1236 {
  font-size: 10.5px;
  font-family: ui-monospace, monospace;
  color: #b9bec7;
  background: rgba(255, 255, 255, 0.03);
  padding: 2px 7px;
  border-radius: 4px;
  letter-spacing: 0.01em;
}
._product-card-comp-more_4mnvf_1255 {
  font-size: 10.5px;
  color: #7d838e;
  padding: 2px 7px;
}
._product-hero_4mnvf_465 {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 24px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 22px;
}
._product-hero-icon_4mnvf_1273 {
  width: 8px;
  height: 36px;
  border-radius: 4px;
  flex-shrink: 0;
}
._product-hero-logo_4mnvf_1280 {
  width: 44px;
  height: 44px;
  -o-object-fit: contain;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.6));
}
._product-hero-stats_4mnvf_470 {
  margin-left: auto;
  display: flex;
  gap: 18px;
}
._product-hero-stat_4mnvf_470 {
  text-align: right;
}
._product-hero-stat-value_4mnvf_1298 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #fff;
}
._product-hero-stat-label_4mnvf_1305 {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #59606b;
  font-weight: 600;
}
._category-bar_4mnvf_498 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
._category-btn_4mnvf_383 {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 8px 16px;
  color: #b9bec7;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  letter-spacing: -0.005em;
  transition: all 160ms ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
._category-btn_4mnvf_383:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}
._category-btn-count_4mnvf_1345 {
  font-size: 11px;
  background: rgba(0, 0, 0, 0.3);
  padding: 1px 7px;
  border-radius: 999px;
  font-weight: 500;
  color: #c8ccd1;
}
._category-btn_4mnvf_383._active_4mnvf_706 ._category-btn-count_4mnvf_1345 {
  background: rgba(255, 255, 255, 0.16);
}
._category-bar_4mnvf_498 ._main-search_4mnvf_338 {
  margin-left: auto;
}
._component-chips_4mnvf_1364 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
._component-chip_4mnvf_383 {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 999px;
  padding: 3px 10px 3px 12px;
  color: #7d838e;
  font-size: 11.5px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  transition: all 140ms ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
._component-chip_4mnvf_383:hover {
  border-color: rgba(255, 255, 255, 0.12);
  color: #c8ccd1;
}
._component-chip_4mnvf_383._active_4mnvf_706 {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.14);
  color: #fff;
}
._component-chip-count_4mnvf_1399 {
  font-family: ui-monospace, monospace;
  font-size: 10px;
  color: #59606b;
  background: rgba(0, 0, 0, 0.25);
  padding: 0 5px;
  border-radius: 3px;
}
._component-chip_4mnvf_383._active_4mnvf_706 ._component-chip-count_4mnvf_1399 {
  color: #c8ccd1;
}
._product-toolbar_4mnvf_1414 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
._product-tabs_4mnvf_1422 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1;
  min-width: 200px;
}
._product-tab_4mnvf_382 {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 6px 12px;
  color: #b9bec7;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  transition: all 140ms ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
._product-tab_4mnvf_382:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}
._product-tab_4mnvf_382._active_4mnvf_706 {
  background: rgba(99, 102, 241, 0.18);
  border-color: rgba(99, 102, 241, 0.4);
  color: #fff;
}
._product-tab-count_4mnvf_1457 {
  font-size: 10.5px;
  background: rgba(0, 0, 0, 0.25);
  padding: 1px 6px;
  border-radius: 999px;
  color: #c8ccd1;
}
._product-tab_4mnvf_382._active_4mnvf_706 ._product-tab-count_4mnvf_1457 {
  background: rgba(255, 255, 255, 0.12);
}
._detail-pill_4mnvf_1471 {
  font-size: 11px;
  font-family: ui-monospace, monospace;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  letter-spacing: 0.02em;
}
._detail-component-id_4mnvf_1480 {
  font-family: ui-monospace, monospace;
  font-size: 11.5px;
  background: rgba(255, 255, 255, 0.04);
  padding: 1px 7px;
  border-radius: 4px;
  color: #c8ccd1;
}
._detail-section-head_4mnvf_1489 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
._detail-section-head_4mnvf_1489 ._detail-section-title_4mnvf_1496 {
  margin-bottom: 0;
}
._detail-section-head_4mnvf_1489 ._detail-toggle_4mnvf_383 {
  margin-left: auto;
  font-size: 11px;
  margin-bottom: 0;
}
._live-container_4mnvf_1508 {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  background: #0a0d12;
  overflow: hidden;
  box-shadow: 0 16px 48px -20px rgba(0, 0, 0, 0.7);
}
._live-frame_4mnvf_1516 {
  min-height: 480px;
  max-height: 720px;
  overflow: auto;
  position: relative;
  isolation: isolate;
}
._live-stage_4mnvf_491 {
  position: relative;
  width: 100%;
  min-height: 520px;
  max-height: 80vh;
  overflow: auto;
  background:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.012) 25%,
      transparent 25%),
    linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.012) 25%,
      transparent 25%),
    linear-gradient(
      45deg,
      transparent 75%,
      rgba(255, 255, 255, 0.012) 75%),
    linear-gradient(
      -45deg,
      transparent 75%,
      rgba(255, 255, 255, 0.012) 75%);
  background-size: 24px 24px;
  background-position:
    0 0,
    0 12px,
    12px -12px,
    -12px 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 32px;
}
._live-stage-canvas_4mnvf_495 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 32px 80px -32px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05);
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  isolation: isolate;
}
._live-card_4mnvf_1560 {
  min-height: 480px;
  max-height: 80vh;
  overflow: auto;
  position: relative;
  isolation: isolate;
}
._device-switcher_4mnvf_1570 {
  display: flex;
  gap: 0;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  padding: 2px;
  margin-left: auto;
  margin-right: 8px;
}
._device-btn_4mnvf_382 {
  background: transparent;
  border: none;
  color: #7d838e;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  text-transform: capitalize;
  font-family: inherit;
  transition: all 140ms ease;
}
._device-btn_4mnvf_382:hover {
  color: #c8ccd1;
}
._device-btn_4mnvf_382._active_4mnvf_706 {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
._service-detail_4mnvf_1606 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
}
._service-meta-row_4mnvf_1613 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
._service-method_4mnvf_1620 {
  font-family: ui-monospace, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 3px 9px;
  border-radius: 5px;
  background: rgba(99, 102, 241, 0.18);
  color: #c7d2fe;
  border: 1px solid rgba(99, 102, 241, 0.3);
}
._service-method_4mnvf_1620[data-method=GET] {
  background: rgba(74, 222, 128, 0.16);
  color: #86efac;
  border-color: rgba(74, 222, 128, 0.3);
}
._service-method_4mnvf_1620[data-method=POST] {
  background: rgba(99, 102, 241, 0.16);
  color: #c7d2fe;
  border-color: rgba(99, 102, 241, 0.3);
}
._service-method_4mnvf_1620[data-method=PUT],
._service-method_4mnvf_1620[data-method=PATCH] {
  background: rgba(251, 191, 36, 0.16);
  color: #fde68a;
  border-color: rgba(251, 191, 36, 0.3);
}
._service-method_4mnvf_1620[data-method=DELETE] {
  background: rgba(239, 68, 68, 0.16);
  color: #fecaca;
  border-color: rgba(239, 68, 68, 0.3);
}
._service-route_4mnvf_1637 {
  font-family: ui-monospace, monospace;
  font-size: 12.5px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 4px 10px;
  border-radius: 6px;
  color: #e6e8eb;
}
._service-cron_4mnvf_1647 {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(120, 77, 250, 0.14);
  border: 1px solid rgba(120, 77, 250, 0.3);
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 12px;
  color: #ddd6fe;
}
._service-cron-label_4mnvf_1659 {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #a5b4fc;
}
._service-cron_4mnvf_1647 code {
  font-family: ui-monospace, monospace;
  font-size: 12px;
  color: #fff;
}
._service-handler_4mnvf_1672 {
  background: rgba(0, 0, 0, 0.36);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 16px 18px;
  margin: 0;
  font-size: 12px;
  color: #cbd5e1;
  line-height: 1.6;
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  white-space: pre-wrap;
  max-height: 600px;
  overflow: auto;
}
._auth-detail_4mnvf_1689 {
  padding: 14px 16px;
}
._auth-chip-row_4mnvf_1693 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
._auth-chip_4mnvf_1693 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  color: #e6e8eb;
}
._auth-chip_4mnvf_1693 strong {
  font-family: ui-monospace, monospace;
  color: #fff;
  font-weight: 600;
}
._auth-chip-type_4mnvf_1718 {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #7d838e;
  padding: 1px 6px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.25);
}
._auth-list_4mnvf_1728 {
  margin: 8px 0 0;
  padding-left: 18px;
  color: #c8ccd1;
  font-size: 13px;
  line-height: 1.7;
}
._auth-list_4mnvf_1728 li {
  font-family: ui-monospace, monospace;
  font-size: 12px;
}
._live-error_4mnvf_1741 {
  padding: 32px;
  color: #fca5a5;
  text-align: center;
  font-size: 13px;
}
._live-iframe-wrap_4mnvf_1748 {
  display: flex;
  flex-direction: column;
}
._live-iframe-bar_4mnvf_1753 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
._live-iframe-dot_4mnvf_1762 {
  width: 10px;
  height: 10px;
  border-radius: 999px;
}
._live-iframe-url_4mnvf_1768 {
  margin-left: 8px;
  font-size: 11.5px;
  font-family: ui-monospace, monospace;
  color: #b9bec7;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._live-iframe-open_4mnvf_1779 {
  font-size: 11px;
  color: #93c5fd;
  text-decoration: none;
  font-weight: 500;
  transition: color 140ms ease;
}
._live-iframe-open_4mnvf_1779:hover {
  color: #c7d2fe;
}
._live-iframe_4mnvf_1748 {
  width: 100%;
  height: 640px;
  border: none;
  background: #fff;
  display: block;
}
._main-header_4mnvf_1801 {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 24px;
}
._main-header_4mnvf_1801 > div:first-child {
  flex: 1;
}
._main-header_4mnvf_1801 ._main-title_4mnvf_767,
._main-header_4mnvf_1801 ._main-subtitle_4mnvf_778 {
  margin-bottom: 0;
}
._main-search_4mnvf_338 {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  color: #e6e8eb;
  font-size: 13px;
  padding: 8px 14px;
  outline: none;
  font-family: inherit;
  width: 280px;
  transition: all 160ms ease;
}
._main-search_4mnvf_338::-moz-placeholder {
  color: #59606b;
}
._main-search_4mnvf_338::placeholder {
  color: #59606b;
}
._main-search_4mnvf_338:focus {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(99, 102, 241, 0.4);
  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.06);
}
._card-row-name_4mnvf_1842 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-top: 6px;
  letter-spacing: -0.005em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._card-row-ref_4mnvf_1853 {
  font-size: 11.5px;
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  color: #818cf8;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._card-row-meta_4mnvf_1863 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  font-size: 11px;
  color: #59606b;
}
._workspace-current_4mnvf_1875 {
  margin-left: 6px;
  color: #67e8f9;
  font-size: 9.5px;
  letter-spacing: 0.05em;
}
._card-row-id_4mnvf_1882 {
  font-family: ui-monospace, monospace;
  color: #6f7681;
  background: rgba(255, 255, 255, 0.03);
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 10px;
}
._detail-header_4mnvf_1893 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
._detail-back_4mnvf_383 {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: #c8ccd1;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 160ms ease;
  font-family: inherit;
}
._detail-back_4mnvf_383:hover {
  background: rgba(99, 102, 241, 0.1);
  border-color: rgba(99, 102, 241, 0.3);
  color: #fff;
  transform: translateX(-2px);
}
._detail-section_4mnvf_1489 {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
._detail-section_4mnvf_1489:first-of-type {
  border-top: none;
  padding-top: 0;
}
._detail-section-title_4mnvf_1496 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #7d838e;
  font-weight: 600;
  margin-bottom: 14px;
}
._detail-grid_4mnvf_1940 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.012),
      rgba(255, 255, 255, 0.005));
}
._detail-kv_4mnvf_483 {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 16px;
  padding: 12px 18px;
  font-size: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  align-items: start;
}
._detail-kv_4mnvf_483:last-child {
  border-bottom: none;
}
._detail-kv_4mnvf_483:hover {
  background: rgba(255, 255, 255, 0.015);
}
._detail-key_4mnvf_1969 {
  color: #7d838e;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.005em;
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
}
._detail-value_4mnvf_1977 {
  color: #e6e8eb;
  word-break: break-word;
}
._detail-json_4mnvf_1982 {
  background: rgba(0, 0, 0, 0.28);
  border-radius: 6px;
  padding: 8px 10px;
  margin: 0;
  font-size: 11px;
  color: #cbd5e1;
  white-space: pre-wrap;
  max-height: 240px;
  overflow: auto;
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  border: 1px solid rgba(255, 255, 255, 0.04);
}
._detail-json-block_4mnvf_1996 {
  background: rgba(0, 0, 0, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 14px 16px;
  margin: 0;
  font-size: 11.5px;
  color: #cbd5e1;
  white-space: pre-wrap;
  max-height: 480px;
  overflow: auto;
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  line-height: 1.55;
}
._detail-toggle_4mnvf_383 {
  background: transparent;
  border: none;
  color: #818cf8;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  margin-bottom: 10px;
  font-family: inherit;
  letter-spacing: 0.02em;
  transition: color 140ms ease;
}
._detail-toggle_4mnvf_383:hover {
  color: #c7d2fe;
}
._chat_4mnvf_63 {
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  background:
    linear-gradient(
      180deg,
      rgba(20, 23, 32, 0.55),
      rgba(7, 10, 14, 0.7));
  backdrop-filter: saturate(140%) blur(14px);
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  height: 100%;
  min-height: 0;
  position: relative;
}
._chat_4mnvf_63::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(99, 102, 241, 0.5),
      rgba(56, 189, 248, 0.5),
      rgba(213, 73, 250, 0.4),
      transparent);
  opacity: 0.6;
}
._chat-header_4mnvf_186 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.005em;
}
._chat-header-icon_4mnvf_2064 {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #c7d2fe;
}
._chat-status_4mnvf_2073 {
  font-size: 11px;
  color: #7d838e;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 6px;
}
._chat-header-spacer_4mnvf_2082 {
  flex: 1;
}
._chat-cost_4mnvf_2086 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  font-size: 11px;
  font-weight: 600;
  color: #6ee7b7;
  background: rgba(110, 231, 183, 0.08);
  border: 1px solid rgba(110, 231, 183, 0.18);
  padding: 3px 9px;
  border-radius: 999px;
  letter-spacing: 0.02em;
  cursor: help;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background 0.15s, border-color 0.15s;
}
._chat-cost-live_4mnvf_2102 {
  background: rgba(110, 231, 183, 0.14);
  border-color: rgba(110, 231, 183, 0.32);
  animation: _chat-cost-pulse_4mnvf_1 1.4s ease-in-out infinite;
}
@keyframes _chat-cost-pulse_4mnvf_1 {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(110, 231, 183, 0);
  }
  50% {
    box-shadow: 0 0 0 3px rgba(110, 231, 183, 0.18);
  }
}
._chat-cost-turn_4mnvf_2113 {
  color: rgba(110, 231, 183, 0.7);
  font-size: 10px;
  font-weight: 500;
  padding-right: 6px;
  border-right: 1px solid rgba(110, 231, 183, 0.18);
}
._chat-cost-session_4mnvf_2120 {
  color: #6ee7b7;
}
._chat-effort_4mnvf_2124 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 8px 3px 6px;
  border-radius: 999px;
  cursor: pointer;
  background: transparent;
  border: 1px solid transparent;
  transition:
    background 0.15s,
    border-color 0.15s,
    color 0.15s;
  margin-right: 6px;
}
._chat-effort_4mnvf_2124:hover {
  background: rgba(255, 255, 255, 0.04);
}
._chat-effort-dot_4mnvf_2144 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.85;
  flex-shrink: 0;
}
._chat-effort_4mnvf_2124._effort-standard_4mnvf_2152 {
  color: #93c5fd;
  border-color: rgba(147, 197, 253, 0.18);
  background: rgba(147, 197, 253, 0.06);
}
._chat-effort_4mnvf_2124._effort-standard_4mnvf_2152:hover {
  background: rgba(147, 197, 253, 0.12);
  border-color: rgba(147, 197, 253, 0.32);
}
._chat-effort_4mnvf_2124._effort-max_4mnvf_2161 {
  color: #f0abfc;
  border-color: rgba(240, 171, 252, 0.22);
  background: rgba(240, 171, 252, 0.08);
  box-shadow: 0 0 0 0 rgba(240, 171, 252, 0);
  animation: _chat-effort-glow_4mnvf_1 2.4s ease-in-out infinite;
}
@keyframes _chat-effort-glow_4mnvf_1 {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(240, 171, 252, 0);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(240, 171, 252, 0.10);
  }
}
._chat-effort_4mnvf_2124._effort-max_4mnvf_2161:hover {
  background: rgba(240, 171, 252, 0.16);
  border-color: rgba(240, 171, 252, 0.4);
}
._chat-status-dot_4mnvf_2179 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #67e8f9;
  box-shadow: 0 0 10px rgba(103, 232, 249, 0.7);
  animation: _pulse_4mnvf_1 1.6s ease-in-out infinite;
}
@keyframes _pulse_4mnvf_1 {
  0%, 100% {
    opacity: 0.4;
    transform: scale(0.85);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
._chat-thread-list_4mnvf_195 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
._chat-thread-pill_4mnvf_209 {
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: #b9bec7;
  font-size: 11.5px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.04);
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 160ms ease;
}
._chat-thread-pill_4mnvf_209:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}
._chat-thread-pill_4mnvf_209._active_4mnvf_706 {
  background: rgba(99, 102, 241, 0.16);
  border-color: rgba(99, 102, 241, 0.3);
  color: #fff;
}
._chat-new_4mnvf_217 {
  padding: 5px 12px;
  border-radius: 999px;
  background: transparent;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  color: #7d838e;
  font-size: 11.5px;
  font-weight: 500;
  cursor: pointer;
  transition: all 160ms ease;
}
._chat-new_4mnvf_217:hover {
  border-color: rgba(99, 102, 241, 0.5);
  color: #93c5fd;
}
._chat-messages_4mnvf_226 {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  padding: 16px 16px 48px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  scroll-behavior: smooth;
  scroll-padding-bottom: 48px;
}
._chat-messages_4mnvf_226::-webkit-scrollbar {
  width: 6px;
}
._chat-messages_4mnvf_226::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 999px;
}
._chat-messages_4mnvf_226::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.12);
}
._chat-empty_4mnvf_235 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 16px;
  gap: 14px;
  flex: 1;
  justify-content: center;
}
._chat-empty-emoji_4mnvf_239 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 8px 24px rgba(99, 102, 241, 0.45));
}
._chat-empty-title_4mnvf_243 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  background:
    linear-gradient(
      180deg,
      #ffffff,
      #b9bec7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
._chat-empty-subtitle_4mnvf_247 {
  font-size: 12.5px;
  color: #7d838e;
  max-width: 280px;
  line-height: 1.5;
}
._chat-quick-prompts_4mnvf_252 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  width: 100%;
  max-width: 320px;
}
._chat-quick-prompt_4mnvf_252 {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 11px 14px;
  font-size: 12.5px;
  color: #c8ccd1;
  text-align: left;
  cursor: pointer;
  transition: all 240ms cubic-bezier(0.2, 0.8, 0.2, 1);
  font-family: inherit;
  position: relative;
  overflow: hidden;
}
._chat-quick-prompt_4mnvf_252::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      135deg,
      rgba(99, 102, 241, 0.14),
      transparent 60%);
  opacity: 0;
  transition: opacity 240ms ease;
  pointer-events: none;
}
._chat-quick-prompt_4mnvf_252:hover {
  background: rgba(99, 102, 241, 0.06);
  border-color: rgba(99, 102, 241, 0.32);
  color: #fff;
  transform: translateX(3px);
  box-shadow: 0 8px 22px -10px rgba(99, 102, 241, 0.4);
}
._chat-quick-prompt_4mnvf_252:hover::before {
  opacity: 1;
}
._chat-message_4mnvf_226 {
  border-radius: 14px;
  padding: 11px 15px;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 13.5px;
  line-height: 1.6;
  animation: _messageEnter_4mnvf_1 380ms cubic-bezier(0.2, 0.8, 0.2, 1);
  position: relative;
  cursor: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
._chat-message_4mnvf_226 *,
._md_4mnvf_397,
._md_4mnvf_397 *,
._chat-tool-result-body_4mnvf_410,
._chat-tool-args_4mnvf_410,
._chat-tool-image_4mnvf_2374,
._chat-message-image_4mnvf_2375 {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
@keyframes _messageEnter_4mnvf_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._chat-message_4mnvf_226._user_4mnvf_269 {
  background: rgba(99, 102, 241, 0.14);
  color: #f4f6fa;
  border: 1px solid rgba(129, 140, 248, 0.18);
  align-self: flex-end;
  max-width: 86%;
  border-bottom-right-radius: 4px;
}
._chat-message_4mnvf_226._assistant_4mnvf_273 {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
  align-self: flex-start;
  max-width: 100%;
  border-bottom-left-radius: 4px;
}
._md_4mnvf_397 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  white-space: normal;
}
._md_4mnvf_397 pre,
._md_4mnvf_397 code {
  white-space: pre-wrap;
}
._md_4mnvf_397 > *:first-child {
  margin-top: 0;
}
._md_4mnvf_397 > *:last-child {
  margin-bottom: 0;
}
._md-p_4mnvf_2426 {
  margin: 0;
  line-height: 1.55;
  white-space: normal;
  word-wrap: break-word;
}
._md-heading_4mnvf_2433 {
  margin: 4px 0 2px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #fff;
  font-size: 1em;
  line-height: 1.4;
}
._md-list_4mnvf_2442 {
  margin: 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  line-height: 1.55;
}
._md-list_4mnvf_2442 li {
  padding-left: 2px;
}
._md-list_4mnvf_2442 li::marker {
  color: rgba(255, 255, 255, 0.45);
}
._md-blockquote_4mnvf_2459 {
  margin: 4px 0;
  padding: 6px 12px;
  border-left: 3px solid rgba(99, 102, 241, 0.5);
  background: rgba(99, 102, 241, 0.06);
  border-radius: 0 8px 8px 0;
  color: #c8ccd1;
  font-style: italic;
}
._md-inline-code_4mnvf_2469 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  font-size: 0.9em;
  background: rgba(0, 0, 0, 0.36);
  padding: 1px 6px;
  border-radius: 4px;
  color: #fde68a;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
._md-code-block_4mnvf_2479 {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 12px 14px;
  margin: 4px 0;
  font-size: 0.85em;
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  color: #cbd5e1;
  overflow: auto;
  line-height: 1.55;
  position: relative;
}
._md-code-block_4mnvf_2479::before {
  content: attr(data-lang);
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #59606b;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
._md-code-block_4mnvf_2479 code {
  font-family: inherit;
  background: transparent;
  border: none;
  padding: 0;
  color: inherit;
  font-size: 1em;
}
._md-table-wrap_4mnvf_397 {
  overflow-x: auto;
  margin: 4px 0;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.02),
      rgba(255, 255, 255, 0.005));
  -webkit-overflow-scrolling: touch;
}
._md-table_4mnvf_397 {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92em;
  line-height: 1.45;
}
._md-table_4mnvf_397 th,
._md-table_4mnvf_397 td {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  vertical-align: top;
  white-space: normal;
}
._md-table_4mnvf_397 thead th {
  font-weight: 600;
  color: #fff;
  background: rgba(99, 102, 241, 0.08);
  border-bottom: 1px solid rgba(99, 102, 241, 0.22);
  letter-spacing: -0.005em;
  text-transform: none;
  font-size: 0.92em;
}
._md-table_4mnvf_397 tbody tr:last-child td {
  border-bottom: none;
}
._md-table_4mnvf_397 tbody tr:hover {
  background: rgba(255, 255, 255, 0.02);
}
._md-table_4mnvf_397 tbody td {
  color: #c8ccd1;
}
._md-table_4mnvf_397 tbody td:first-child {
  color: #fff;
  font-weight: 500;
}
@media (max-width: 720px) {
  ._md-table_4mnvf_397 th,
  ._md-table_4mnvf_397 td {
    padding: 7px 9px;
    font-size: 11.5px;
  }
}
._viz-card_4mnvf_2576 {
  margin: 8px 0 6px 0;
  padding: 14px 14px 12px 14px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
._viz-head_4mnvf_2587 {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 10px;
}
._viz-title_4mnvf_2594 {
  font-size: 12px;
  font-weight: 600;
  color: #e6eaf2;
  letter-spacing: 0.01em;
}
._viz-subtitle_4mnvf_2601 {
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.45);
  font-family:
    ui-monospace,
    SFMono-Regular,
    monospace;
}
._viz-body_4mnvf_2607 {
  width: 100%;
}
._viz-empty_4mnvf_2611 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
  font-style: italic;
  text-align: center;
  padding: 16px;
}
._viz-table-wrap_4mnvf_2621 {
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
._viz-table_4mnvf_2621 {
  width: 100%;
  border-collapse: collapse;
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}
._viz-table_4mnvf_2621 th,
._viz-table_4mnvf_2621 td {
  padding: 7px 10px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  vertical-align: top;
}
._viz-table_4mnvf_2621 thead th {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  position: sticky;
  top: 0;
}
._viz-table_4mnvf_2621 tbody tr:last-child td {
  border-bottom: none;
}
._viz-table_4mnvf_2621 tbody tr:hover {
  background: rgba(255, 255, 255, 0.02);
}
._viz-table_4mnvf_2621 tbody td {
  color: rgba(255, 255, 255, 0.85);
}
._viz-num_4mnvf_2665 {
  text-align: right;
  font-family:
    ui-monospace,
    SFMono-Regular,
    monospace;
}
._viz-table-more_4mnvf_2670 {
  padding: 6px 10px;
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  font-style: italic;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
._viz-chart-wrap_4mnvf_2681 {
  width: 100%;
}
._viz-chart_4mnvf_2681 {
  width: 100%;
  height: auto;
  display: block;
}
._viz-legend_4mnvf_2691 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 8px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.65);
}
._viz-legend-item_4mnvf_2700 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._viz-legend-dot_4mnvf_2706 {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  display: inline-block;
}
._viz-pie-wrap_4mnvf_2715 {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
._viz-pie_4mnvf_2715 {
  flex-shrink: 0;
  max-width: 220px;
  height: auto;
}
._viz-pie-legend_4mnvf_2728 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 200px;
}
._viz-pie-legend-row_4mnvf_2736 {
  display: grid;
  grid-template-columns: 12px 1fr auto auto;
  gap: 10px;
  align-items: center;
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}
._viz-pie-legend-label_4mnvf_2745 {
  color: rgba(255, 255, 255, 0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._viz-pie-legend-value_4mnvf_2752 {
  color: rgba(255, 255, 255, 0.7);
  font-family:
    ui-monospace,
    SFMono-Regular,
    monospace;
}
._viz-pie-legend-pct_4mnvf_2757 {
  color: rgba(255, 255, 255, 0.5);
  font-family:
    ui-monospace,
    SFMono-Regular,
    monospace;
  min-width: 36px;
  text-align: right;
}
._viz-kpi_4mnvf_2766 {
  padding: 10px 4px;
}
._viz-kpi-value_4mnvf_2770 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #f4f6fa;
  font-variant-numeric: tabular-nums;
}
._viz-kpi-label_4mnvf_2779 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
._viz-kpi-delta_4mnvf_2787 {
  margin-top: 6px;
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  padding: 2px 6px;
  border-radius: 4px;
}
._viz-kpi-delta_4mnvf_2787._positive_4mnvf_2799 {
  color: #6ee7b7;
  background: rgba(110, 231, 183, 0.08);
}
._viz-kpi-delta_4mnvf_2787._negative_4mnvf_2804 {
  color: #fda4af;
  background: rgba(253, 164, 175, 0.08);
}
._viz-kpi-delta-label_4mnvf_2809 {
  color: rgba(255, 255, 255, 0.45);
  font-weight: 400;
}
._viz-stats_4mnvf_2814 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}
._viz-stats_4mnvf_2814 ._viz-kpi_4mnvf_2766 {
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}
._viz-stats_4mnvf_2814 ._viz-kpi-value_4mnvf_2770 {
  font-size: 22px;
}
@media (max-width: 720px) {
  ._viz-kpi-value_4mnvf_2770 {
    font-size: 24px;
  }
  ._viz-stats_4mnvf_2814 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
  ._viz-pie-wrap_4mnvf_2715 {
    justify-content: center;
  }
}
._md-link_4mnvf_2843 {
  color: #93c5fd;
  text-decoration: underline;
  text-decoration-color: rgba(147, 197, 253, 0.4);
  text-underline-offset: 2px;
  transition: color 140ms ease;
}
._md-link_4mnvf_2843:hover {
  color: #c7d2fe;
}
._chat-message_4mnvf_226._user_4mnvf_269 ._md_4mnvf_397 > * {
  color: inherit;
}
._chat-message_4mnvf_226._user_4mnvf_269 ._md-inline-code_4mnvf_2469 {
  background: rgba(0, 0, 0, 0.28);
  color: #fde68a;
}
._chat-message_4mnvf_226._assistant_4mnvf_273._streaming_4mnvf_2873 {
  position: relative;
  border-color: rgba(129, 140, 248, 0.22);
  animation: _streamBreathe_4mnvf_1 3.6s ease-in-out infinite;
}
._chat-message_4mnvf_226._assistant_4mnvf_273._streaming_4mnvf_2873::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 1em;
  margin-left: 3px;
  vertical-align: text-bottom;
  border-radius: 2px;
  background: rgba(129, 140, 248, 0.85);
  animation: _caretBreathe_4mnvf_1 1.4s ease-in-out infinite;
  transform-origin: bottom;
}
@keyframes _caretBreathe_4mnvf_1 {
  0%, 100% {
    opacity: 0.45;
    transform: scaleY(0.92);
  }
  50% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes _streamBreathe_4mnvf_1 {
  0%, 100% {
    border-color: rgba(129, 140, 248, 0.18);
  }
  50% {
    border-color: rgba(129, 140, 248, 0.32);
  }
}
._chat-tool_4mnvf_282,
._chat-tool-result-chip_4mnvf_381,
._inline-widget_4mnvf_381 {
  animation: _chipEnter_4mnvf_1 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
@keyframes _chipEnter_4mnvf_1 {
  0% {
    opacity: 0;
    transform: translateY(6px) scale(0.985);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._chat-tool_4mnvf_282 {
  background: transparent;
  border: none;
  border-radius: 6px;
  padding: 4px 8px 4px 4px;
  font-size: 12.5px;
  color: #b9bec7;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-self: stretch;
  position: relative;
  cursor: pointer;
  transition: background 160ms ease;
}
._chat-tool_4mnvf_282:hover {
  background: rgba(255, 255, 255, 0.03);
}
._chat-tool_4mnvf_282._running_4mnvf_2942 {
  background: transparent;
}
._chat-tool-head_4mnvf_2946 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._chat-tool-icon_4mnvf_2952 {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(99, 102, 241, 0.18);
  color: #a5b4fc;
  font-size: 10px;
  flex-shrink: 0;
}
._chat-tool_4mnvf_282._running_4mnvf_2942 ._chat-tool-icon_4mnvf_2952 {
  background: rgba(56, 189, 248, 0.22);
  color: #67e8f9;
}
._chat-tool-spinner_4mnvf_2972 {
  display: block;
  transform-origin: 50% 50%;
  animation: _chat-spin_4mnvf_1 0.9s linear infinite;
}
._chat-tool-bolt_4mnvf_2978 {
  display: inline-block;
  line-height: 1;
}
@keyframes _chat-spin_4mnvf_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._chat-tool-name_4mnvf_2988 {
  color: #c8ccd1;
  font-weight: 500;
  letter-spacing: 0.005em;
  font-size: 12.5px;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Inter",
    sans-serif;
}
._chat-tool-raw_4mnvf_2996 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  font-size: 10.5px;
  color: #5a626d;
  letter-spacing: 0.02em;
}
._copy-toast_4mnvf_3004 {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(99, 102, 241, 0.92);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 999px;
  box-shadow: 0 8px 22px -8px rgba(99, 102, 241, 0.55);
  z-index: 5;
  pointer-events: none;
  animation: _copyToast_4mnvf_1 1500ms ease-out forwards;
}
@keyframes _copyToast_4mnvf_1 {
  0% {
    opacity: 0;
    transform: translate(-50%, -8px);
  }
  20% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  80% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -8px);
  }
}
._chat-tool-elapsed_4mnvf_3031 {
  margin-left: auto;
  font-family:
    ui-monospace,
    SFMono-Regular,
    monospace;
  font-size: 10.5px;
  color: #67e8f9;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}
._chat-tool-streaming_4mnvf_3040 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    monospace;
  font-size: 10.5px;
  color: rgba(167, 197, 252, 0.7);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  margin-left: 6px;
}
._chat-tool-chevron_4mnvf_3049 {
  color: #4a5260;
  font-size: 8px;
  transition: transform 180ms ease;
  margin-left: 4px;
}
._chat-tool_4mnvf_282._open_4mnvf_114 ._chat-tool-chevron_4mnvf_3049 {
  transform: rotate(90deg);
}
._chat-tool-args_4mnvf_410 {
  background: rgba(0, 0, 0, 0.28);
  border-radius: 8px;
  padding: 10px 12px;
  margin: 0;
  font-size: 11px;
  color: #b9bec7;
  white-space: pre-wrap;
  max-height: 240px;
  overflow: auto;
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  line-height: 1.5;
  border: 1px solid rgba(255, 255, 255, 0.04);
}
._chip-actions_4mnvf_3080 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-self: stretch;
  margin-top: 2px;
}
._chip-action_4mnvf_3080 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 8px 4px 4px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #8a909a;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  font-family: inherit;
  transition: background 140ms ease, color 140ms ease;
  text-align: left;
  max-width: 100%;
}
._chip-action_4mnvf_3080:hover {
  background: rgba(255, 255, 255, 0.04);
  color: #e6e8eb;
}
._chip-action-arrow_4mnvf_3111 {
  font-size: 11px;
  color: #5a626d;
  flex-shrink: 0;
  width: 18px;
  text-align: center;
}
._chat-quick-prompt_4mnvf_252 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 11px 14px 11px 13px;
  border-left-width: 3px;
  border-left-style: solid;
}
._chat-quick-prompt-tag_4mnvf_3130 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  opacity: 0.95;
}
._inline-widget-shell_4mnvf_3141 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._inline-widget_4mnvf_381._expanded_4mnvf_3148 {
  background: rgba(255, 255, 255, 0.03);
}
._inline-widget-toggle_4mnvf_3152 {
  font-size: 10.5px;
  font-weight: 500;
  color: #a5b4fc;
  letter-spacing: 0.02em;
}
._inline-widget-tab_4mnvf_3159 {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #7d838e;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  font-size: 10px;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 140ms ease;
  padding: 0;
}
._inline-widget-tab_4mnvf_3159:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #c8ccd1;
  border-color: rgba(255, 255, 255, 0.12);
}
._inline-widget-preview_4mnvf_3182 {
  border: 1px solid rgba(99, 102, 241, 0.2);
  border-radius: 12px;
  overflow: hidden;
  background: #0a0d12;
  min-height: 280px;
  max-height: 640px;
  display: flex;
  flex-direction: column;
  animation: _previewExpand_4mnvf_1 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
@keyframes _previewExpand_4mnvf_1 {
  0% {
    opacity: 0;
    transform: translateY(-4px) scaleY(0.96);
    transform-origin: top;
  }
  100% {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    transform-origin: top;
  }
}
._chat-tool-result-chip_4mnvf_381 {
  align-self: stretch;
  flex-shrink: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  overflow: hidden;
  transition: background 140ms ease;
}
._chat-tool-result-chip_4mnvf_381:hover {
  background: rgba(255, 255, 255, 0.03);
}
._chat-tool-result-chip_4mnvf_381._error_4mnvf_3215:hover {
  background: rgba(239, 68, 68, 0.04);
}
._chat-tool-result-chip-head_4mnvf_3219 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 8px 4px 4px;
  cursor: pointer;
  font-size: 12.5px;
  color: #b9bec7;
  min-height: 26px;
  flex-shrink: 0;
}
._chat-tool-result-chip-icon_4mnvf_3231 {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  background: rgba(74, 222, 128, 0.2);
  color: #86efac;
  flex-shrink: 0;
  box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.4);
  animation: _chipPulse_4mnvf_1 700ms ease-out 1;
}
@keyframes _chipPulse_4mnvf_1 {
  0% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.55);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(74, 222, 128, 0);
  }
}
._chat-tool-result-chip_4mnvf_381._error_4mnvf_3215 ._chat-tool-result-chip-icon_4mnvf_3231 {
  animation: _chipPulseError_4mnvf_1 700ms ease-out 1;
}
@keyframes _chipPulseError_4mnvf_1 {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.55);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(239, 68, 68, 0);
  }
}
._chat-tool-result-chip_4mnvf_381._error_4mnvf_3215 ._chat-tool-result-chip-icon_4mnvf_3231 {
  background: rgba(239, 68, 68, 0.18);
  color: #fecaca;
}
._chat-tool-result-chip-summary_4mnvf_3267 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  color: #c8ccd1;
}
._chat-tool-result-chip_4mnvf_381._error_4mnvf_3215 ._chat-tool-result-chip-summary_4mnvf_3267 {
  color: #fecaca;
}
._chat-tool-result-chevron_4mnvf_3280 {
  font-size: 9px;
  color: #59606b;
  transition: transform 160ms ease;
}
._chat-tool-result-chip_4mnvf_381._expanded_4mnvf_3148 ._chat-tool-result-chip-head_4mnvf_3219 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
._chat-tool-result-chip_4mnvf_381 ._chat-tool-result-body_4mnvf_410 {
  border-radius: 0;
  border: none;
  margin: 0;
  background: rgba(0, 0, 0, 0.32);
  max-height: 320px;
  padding: 12px 14px;
}
._chat-tool-image-wrap_4mnvf_3299 {
  padding: 8px;
  background: rgba(0, 0, 0, 0.28);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  justify-content: center;
}
._chat-tool-image_4mnvf_2374 {
  max-width: 100%;
  max-height: 480px;
  border-radius: 8px;
  display: block;
  box-shadow: 0 16px 36px -16px rgba(0, 0, 0, 0.6);
}
._chat-tool-result_4mnvf_286 {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.025),
      rgba(255, 255, 255, 0.01));
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 12px;
  color: #94a3b8;
  align-self: stretch;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._chat-tool-result_4mnvf_286._error_4mnvf_3215 {
  border-color: rgba(239, 68, 68, 0.32);
  background:
    linear-gradient(
      180deg,
      rgba(239, 68, 68, 0.06),
      rgba(239, 68, 68, 0.02));
}
._chat-tool-result-head_4mnvf_3338 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #59606b;
  font-weight: 600;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
._chat-tool-result_4mnvf_286._error_4mnvf_3215 ._chat-tool-result-head_4mnvf_3338 {
  color: #f87171;
}
._chat-tool-duration_4mnvf_3354 {
  color: #6ee7b7;
  font-size: 10.5px;
  font-family: ui-monospace, monospace;
  letter-spacing: 0.02em;
  text-transform: none;
}
._chat-tool-expand_4mnvf_3362 {
  margin-left: auto;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  color: #b9bec7;
  font-size: 10px;
  padding: 2px 8px;
  cursor: pointer;
  text-transform: lowercase;
  font-weight: 500;
  font-family: inherit;
  letter-spacing: 0.02em;
  transition: all 140ms ease;
}
._chat-tool-expand_4mnvf_3362:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
._chat-tool-result-body_4mnvf_410 {
  background: rgba(0, 0, 0, 0.28);
  border-radius: 8px;
  padding: 10px 12px;
  margin: 0;
  font-size: 11px;
  color: #cbd5e1;
  white-space: pre-wrap;
  max-height: 200px;
  overflow: auto;
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  line-height: 1.55;
  border: 1px solid rgba(255, 255, 255, 0.04);
  transition: max-height 220ms ease;
}
._chat-tool-result-body_4mnvf_410._expanded_4mnvf_3148 {
  max-height: 600px;
}
._chat-tool-result_4mnvf_286._error_4mnvf_3215 ._chat-tool-result-body_4mnvf_410 {
  color: #fecaca;
  border-color: rgba(239, 68, 68, 0.2);
}
._chat-input-wrap_4mnvf_277 {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  padding: 14px 14px 16px;
  background:
    linear-gradient(
      to top,
      rgba(99, 102, 241, 0.025),
      transparent 60%);
  position: relative;
}
._chat-input-shell_4mnvf_3420 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 18px;
  padding: 8px 8px 8px 12px;
  position: relative;
  isolation: isolate;
  transition:
    border-color 320ms cubic-bezier(0.2, 0.8, 0.2, 1),
    background 320ms cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
._chat-input-shell_4mnvf_3420::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(
      220px 80px at 50% 100%,
      rgba(99, 102, 241, 0.22),
      transparent 70%);
  opacity: 0;
  transition: opacity 320ms ease;
  filter: blur(14px);
  z-index: -1;
}
._chat-input-shell_4mnvf_3420:focus-within {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(129, 140, 248, 0.5);
  box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.18) inset, 0 12px 32px -16px rgba(99, 102, 241, 0.5);
}
._chat-input-shell_4mnvf_3420:focus-within::before {
  opacity: 1;
}
._chat-input-shell_4mnvf_3420._pending_4mnvf_3466 {
  border-color: rgba(56, 189, 248, 0.35);
}
._chat-input_4mnvf_277 {
  width: 100%;
  background: transparent;
  border: none;
  color: #f4f6f8;
  font-size: 14px;
  font-family: inherit;
  resize: none;
  min-height: 28px;
  max-height: 200px;
  outline: none;
  line-height: 1.55;
  padding: 6px 0;
}
._chat-input_4mnvf_277::-moz-placeholder {
  color: #5a626d;
  letter-spacing: 0.005em;
}
._chat-input_4mnvf_277::placeholder {
  color: #5a626d;
  letter-spacing: 0.005em;
}
._chat-attach-btn_4mnvf_3493 {
  background: transparent;
  border: 1px solid transparent;
  color: #7d838e;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms ease;
  flex-shrink: 0;
  align-self: flex-end;
  margin-bottom: 1px;
}
._chat-attach-btn_4mnvf_3493:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
  color: #c8ccd1;
}
._chat-attach-btn_4mnvf_3493:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
._chat-input-hint_4mnvf_3521 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  padding: 0 4px;
  font-size: 10.5px;
  color: #4f5560;
  letter-spacing: 0.02em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._chat-input-hint_4mnvf_3521 kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 4px;
  padding: 0 5px;
  height: 16px;
  font-size: 10px;
  color: #888f99;
  font-family: ui-monospace, monospace;
  letter-spacing: 0;
}
._chat-input-hint_4mnvf_3521 kbd + kbd {
  margin-left: 2px;
}
._chat-input-hint_4mnvf_3521 span {
  margin: 0 4px;
}
._chat-attachments_4mnvf_3553 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 12px 4px;
}
._chat-attachment_4mnvf_3553 {
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}
._chat-attachment_4mnvf_3553 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
._chat-attachment-remove_4mnvf_3578 {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-family: inherit;
}
._chat-attachment-remove_4mnvf_3578:hover {
  background: rgba(239, 68, 68, 0.9);
  border-color: rgba(255, 255, 255, 0.4);
}
._chat-attachment-text_4mnvf_3604 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 38px 8px 12px;
  height: 40px;
  border-radius: 10px;
  background: rgba(99, 102, 241, 0.08);
  border: 1px solid rgba(99, 102, 241, 0.25);
  color: #e6e9ef;
  font-size: 12px;
  max-width: 280px;
  flex-shrink: 0;
}
._chat-attachment-text-icon_4mnvf_3620 {
  display: inline-flex;
  color: #a5b4fc;
  flex-shrink: 0;
}
._chat-attachment-text-meta_4mnvf_3626 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  line-height: 1.25;
}
._chat-attachment-text-name_4mnvf_3634 {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._chat-attachment-text-size_4mnvf_3641 {
  font-size: 10.5px;
  color: #7d838e;
  font-variant-numeric: tabular-nums;
}
._chat-attachment-text_4mnvf_3604 ._chat-attachment-remove_4mnvf_3578 {
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
  width: 22px;
  height: 22px;
}
._chat-attach-btn_4mnvf_3493 {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: #b9bec7;
  width: 36px;
  height: 36px;
  border-radius: 9px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 140ms ease;
  flex-shrink: 0;
}
._chat-attach-btn_4mnvf_3493:hover:not(:disabled) {
  background: rgba(99, 102, 241, 0.16);
  border-color: rgba(99, 102, 241, 0.3);
  color: #c7d2fe;
}
._chat-attach-btn_4mnvf_3493:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
._chat-message_4mnvf_226._has-image_4mnvf_3684 {
  background: transparent;
  border: none;
  padding: 0;
  max-width: 60%;
}
._chat-message-image_4mnvf_2375 {
  display: block;
  max-width: 100%;
  max-height: 320px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 32px -16px rgba(0, 0, 0, 0.6);
}
._chat-send_4mnvf_346 {
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  align-self: flex-end;
  font-family: inherit;
  transition:
    background 280ms ease,
    color 240ms ease,
    box-shadow 320ms ease,
    transform 200ms ease;
}
._chat-send_4mnvf_346._idle_4mnvf_3723 {
  background: rgba(255, 255, 255, 0.05);
  color: #6a7180;
  box-shadow: none;
  cursor: not-allowed;
}
._chat-send_4mnvf_346._ready_4mnvf_3730 {
  background:
    radial-gradient(
      120% 120% at 30% 25%,
      rgba(255, 255, 255, 0.4),
      transparent 50%),
    linear-gradient(
      135deg,
      #6366f1,
      #38bdf8);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset, 0 8px 22px -8px rgba(99, 102, 241, 0.55);
}
._chat-send_4mnvf_346._ready_4mnvf_3730:hover {
  transform: translateY(-1px) scale(1.04);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.14) inset,
    0 14px 30px -8px rgba(99, 102, 241, 0.65),
    0 0 0 4px rgba(99, 102, 241, 0.16);
}
._chat-send_4mnvf_346._ready_4mnvf_3730:active {
  transform: translateY(0) scale(0.96);
}
._chat-send_4mnvf_346:disabled {
  cursor: not-allowed;
}
._chat-send_4mnvf_346._cancel_4mnvf_3756 {
  background:
    radial-gradient(
      120% 120% at 30% 25%,
      rgba(255, 255, 255, 0.35),
      transparent 50%),
    linear-gradient(
      135deg,
      #ef4444,
      #f97316);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset, 0 8px 22px -8px rgba(239, 68, 68, 0.55);
  cursor: pointer;
  animation: _cancelPulse_4mnvf_1 1.6s ease-in-out infinite alternate;
}
._chat-send_4mnvf_346._cancel_4mnvf_3756:hover {
  transform: translateY(-1px) scale(1.04);
}
@keyframes _cancelPulse_4mnvf_1 {
  from {
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.08) inset,
      0 8px 22px -8px rgba(239, 68, 68, 0.55),
      0 0 0 0 rgba(239, 68, 68, 0);
  }
  to {
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.08) inset,
      0 8px 22px -8px rgba(239, 68, 68, 0.55),
      0 0 0 6px rgba(239, 68, 68, 0.12);
  }
}
._chat-error_4mnvf_290 {
  color: #fca5a5;
  font-size: 12px;
  margin: 8px 14px 0;
  padding: 8px 12px;
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  background: rgba(239, 68, 68, 0.06);
}
._chat-warning_4mnvf_291 {
  color: #fcd34d;
  font-size: 11.5px;
  margin: 8px 14px 0;
  padding: 8px 12px;
  border: 1px solid rgba(251, 191, 36, 0.25);
  border-radius: 8px;
  background: rgba(251, 191, 36, 0.05);
  line-height: 1.5;
}
._chat-warning_4mnvf_291 code {
  font-family: ui-monospace, monospace;
  font-size: 10.5px;
  background: rgba(0, 0, 0, 0.3);
  padding: 1px 5px;
  border-radius: 3px;
  color: #fde68a;
}
._chat-settings-btn_4mnvf_353 {
  margin-left: auto;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: #b9bec7;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  font-size: 13px;
  cursor: pointer;
  transition: all 140ms ease;
}
._chat-settings-btn_4mnvf_353:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}
._chat-settings_4mnvf_292 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(99, 102, 241, 0.04);
  animation: _settingsIn_4mnvf_1 200ms ease-out;
}
@keyframes _settingsIn_4mnvf_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._chat-settings-label_4mnvf_3841 {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7d838e;
  font-weight: 600;
  margin-top: 4px;
}
._chat-settings-input_4mnvf_337 {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  color: #e6e8eb;
  font-size: 12px;
  padding: 7px 10px;
  outline: none;
  font-family: ui-monospace, monospace;
  transition: all 140ms ease;
}
._chat-settings-input_4mnvf_337:focus {
  border-color: rgba(99, 102, 241, 0.5);
  background: rgba(0, 0, 0, 0.35);
}
._chat-settings-row_4mnvf_3867 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}
._chat-settings-hint_4mnvf_3874 {
  flex: 1;
  font-size: 10.5px;
  color: #7d838e;
  line-height: 1.5;
}
._chat-settings-hint_4mnvf_3874 code {
  background: rgba(255, 255, 255, 0.05);
  padding: 0 4px;
  border-radius: 3px;
  font-family: ui-monospace, monospace;
  font-size: 10px;
  color: #c8ccd1;
}
._chat-settings-save_4mnvf_381 {
  background:
    linear-gradient(
      135deg,
      #6366f1,
      #38bdf8);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 160ms ease;
  font-family: inherit;
}
._chat-settings-save_4mnvf_381:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
}
._chat-thinking_4mnvf_3910 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 12px;
  color: #7d838e;
  font-style: italic;
  align-self: flex-start;
}
._chat-thinking-dots_4mnvf_3921 {
  display: inline-flex;
  gap: 3px;
}
._chat-thinking-dots_4mnvf_3921 span {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: #67e8f9;
  animation: _thinking_4mnvf_1 1.2s ease-in-out infinite;
}
._chat-thinking-dots_4mnvf_3921 span:nth-child(2) {
  animation-delay: 0.15s;
}
._chat-thinking-dots_4mnvf_3921 span:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes _thinking_4mnvf_1 {
  0%, 80%, 100% {
    opacity: 0.2;
    transform: scale(0.7);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
._inline-widget_4mnvf_381 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 8px 4px 4px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 160ms ease;
  align-self: stretch;
  position: relative;
  min-height: 26px;
  font-size: 12.5px;
}
._inline-widget_4mnvf_381::before {
  content: "\21b3";
  position: absolute;
  left: -14px;
  top: 6px;
  color: #4a5260;
  font-size: 11px;
}
._inline-widget_4mnvf_381:hover {
  background: rgba(255, 255, 255, 0.03);
}
._inline-widget-icon_4mnvf_3977 {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: rgba(129, 140, 248, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a5b4fc;
  font-size: 10px;
  flex-shrink: 0;
}
._inline-widget-body_4mnvf_3990 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 8px;
  overflow: hidden;
}
._inline-widget-kind_4mnvf_3999 {
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #818cf8;
  flex-shrink: 0;
}
._inline-widget-title_4mnvf_4008 {
  font-size: 12.5px;
  font-weight: 500;
  color: #d6dae0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
._inline-widget-ref_4mnvf_4018 {
  font-family: ui-monospace, monospace;
  font-size: 10.5px;
  color: #5a626d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}
._inline-widget-actions_4mnvf_4028 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._inline-widget-open_4mnvf_4035 {
  font-size: 10.5px;
  font-weight: 500;
  color: #818cf8;
  letter-spacing: 0.02em;
}
._inline-widget-loading_4mnvf_4042 {
  font-size: 10px;
  color: #59606b;
  font-style: italic;
}
._chat-tabs_4mnvf_404 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(10, 13, 19, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  overflow-x: auto;
  scrollbar-width: none;
  flex-shrink: 0;
}
._chat-tabs_4mnvf_404::-webkit-scrollbar {
  display: none;
}
._chat-tab_4mnvf_365 {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px 6px 12px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #b9bec7;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  flex-shrink: 0;
  max-width: 200px;
  transition: all 140ms ease;
}
._chat-tab_4mnvf_365:hover {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}
._chat-tab_4mnvf_365._active_4mnvf_706 {
  background: rgba(99, 102, 241, 0.16);
  border-color: rgba(99, 102, 241, 0.4);
  color: #fff;
}
._chat-tab-icon_4mnvf_4101 {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #818cf8;
}
._chat-tab_4mnvf_365._active_4mnvf_706 ._chat-tab-icon_4mnvf_4101 {
  color: #c7d2fe;
}
._chat-tab-label_4mnvf_4112 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._chat-tab-close_4mnvf_378 {
  font-size: 11px;
  color: #7d838e;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-left: 2px;
}
._chat-tab-close_4mnvf_378:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
._chat-tab-content_4mnvf_396 {
  flex: 1;
  overflow-y: auto;
  background: #07090d;
}
._widget-stage_4mnvf_382 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._widget-stage-head_4mnvf_4149 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.012);
}
._widget-stage-icon_4mnvf_4158 {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background:
    linear-gradient(
      135deg,
      #6366f1,
      #38bdf8);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  box-shadow: 0 6px 18px -8px rgba(99, 102, 241, 0.5);
}
._widget-stage-title_4mnvf_4171 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.005em;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._widget-stage-ref_4mnvf_4182 {
  font-family: ui-monospace, monospace;
  font-size: 11px;
  color: #818cf8;
  background: rgba(99, 102, 241, 0.1);
  padding: 2px 8px;
  border-radius: 4px;
}
._widget-stage-loading_4mnvf_4191 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 48px 24px;
  justify-content: center;
  color: #7d838e;
  font-size: 13px;
  text-align: center;
}
._widget-stage-actions_4mnvf_4203 {
  display: flex;
  gap: 8px;
}
._widget-stage-btn_4mnvf_382 {
  background: rgba(99, 102, 241, 0.16);
  color: #c7d2fe;
  border: 1px solid rgba(99, 102, 241, 0.3);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: all 140ms ease;
}
._widget-stage-btn_4mnvf_382:hover {
  background: rgba(99, 102, 241, 0.26);
  color: #fff;
  border-color: rgba(99, 102, 241, 0.5);
}
._widget-stage-loading_4mnvf_4191 code {
  font-family: ui-monospace, monospace;
  background: rgba(255, 255, 255, 0.04);
  padding: 1px 6px;
  border-radius: 4px;
  color: #c8ccd1;
}
._tester_4mnvf_341 {
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._widget-stage-body_4mnvf_397 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
._w-stats_4mnvf_4254 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 14px 18px 6px;
}
._w-stat_4mnvf_4254 {
  display: flex;
  flex-direction: column;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  min-width: 80px;
}
._w-stat-value_4mnvf_4272 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1.1;
}
._w-stat-label_4mnvf_4280 {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7d838e;
  margin-top: 2px;
  font-weight: 600;
}
._w-pill_4mnvf_4289 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(99, 102, 241, 0.14);
  color: #c7d2fe;
  border: 1px solid rgba(99, 102, 241, 0.25);
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 500;
}
._w-mono_4mnvf_4302 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  font-size: 11.5px;
  background: rgba(255, 255, 255, 0.04);
  color: #c8ccd1;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
._w-section-title_4mnvf_4316 {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #7d838e;
  font-weight: 700;
  padding: 12px 18px 8px;
}
._w-empty_4mnvf_4325 {
  color: #59606b;
  text-align: center;
  padding: 24px 16px;
  font-size: 13px;
  font-style: italic;
}
._w-hint_4mnvf_4333 {
  margin: 14px 18px;
  padding: 10px 14px;
  background: rgba(99, 102, 241, 0.06);
  border: 1px solid rgba(99, 102, 241, 0.18);
  border-radius: 10px;
  font-size: 12px;
  color: #c7d2fe;
  line-height: 1.55;
}
._w-hint_4mnvf_4333 em {
  font-style: normal;
  font-family: ui-monospace, monospace;
  font-size: 11.5px;
  background: rgba(0, 0, 0, 0.3);
  padding: 1px 6px;
  border-radius: 4px;
  color: #fde68a;
}
._w-error_4mnvf_4354 {
  margin: 8px 18px;
  padding: 10px 14px;
  background: rgba(239, 68, 68, 0.06);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 10px;
  color: #fca5a5;
  font-size: 12px;
}
._w-icon-btn_4mnvf_382 {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #c8ccd1;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 140ms ease;
}
._w-icon-btn_4mnvf_382:hover {
  background: rgba(99, 102, 241, 0.16);
  border-color: rgba(99, 102, 241, 0.3);
  color: #fff;
}
._w-textarea_4mnvf_339 {
  width: calc(100% - 36px);
  margin: 0 18px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  color: #cbd5e1;
  padding: 12px 14px;
  font-family: ui-monospace, monospace;
  font-size: 12px;
  min-height: 80px;
  max-height: 240px;
  resize: vertical;
  outline: none;
  line-height: 1.55;
  box-sizing: border-box;
}
._w-textarea_4mnvf_339:focus {
  border-color: rgba(99, 102, 241, 0.4);
  background: rgba(0, 0, 0, 0.4);
}
._w-surface_4mnvf_4411 {
  display: flex;
  flex-direction: column;
}
._w-toolbar_4mnvf_4416 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
._w-toolbar_4mnvf_4416 > ._device-switcher_4mnvf_1570 {
  margin-left: 0;
  margin-right: 0;
}
._w-iframe-wrap_4mnvf_4431 {
  display: flex;
  flex-direction: column;
  margin: 14px 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  overflow: hidden;
  background: #0a0d12;
}
._w-iframe-bar_4mnvf_4441 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
._w-iframe-bar_4mnvf_4441 ._live-iframe-url_4mnvf_1768 {
  flex: 1;
}
._w-iframe-bar_4mnvf_4441 ._w-icon-btn_4mnvf_382 {
  width: 26px;
  height: 26px;
  font-size: 12px;
}
._w-table_4mnvf_4462 {
  display: flex;
  flex-direction: column;
}
._w-field-list_4mnvf_4467 {
  display: flex;
  flex-direction: column;
  margin: 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.012),
      rgba(255, 255, 255, 0.005));
}
._w-field-row_4mnvf_4478 {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) auto;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  font-size: 12.5px;
}
._w-field-row_4mnvf_4478:last-child {
  border-bottom: none;
}
._w-field-row_4mnvf_4478:hover {
  background: rgba(255, 255, 255, 0.02);
}
._w-field-name_4mnvf_4496 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}
._w-field-key_4mnvf_4503 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._w-field-required_4mnvf_4512 {
  color: #fca5a5;
  font-weight: 600;
  font-size: 13px;
}
._w-field-title_4mnvf_4518 {
  color: #b9bec7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._w-field-type_4mnvf_4525 {
  color: #818cf8;
  font-size: 11px;
  font-family: ui-monospace, monospace;
  background: rgba(99, 102, 241, 0.14);
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid rgba(99, 102, 241, 0.22);
}
._w-section-head_4mnvf_4535 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px 6px;
}
._w-section-head_4mnvf_4535 ._w-section-title_4mnvf_4316 {
  margin-right: auto;
}
._w-data-wrap_4mnvf_397 {
  margin: 0 18px 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.012),
      rgba(255, 255, 255, 0.005));
}
._w-data-table_4mnvf_411 {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  font-family:
    ui-monospace,
    SFMono-Regular,
    "JetBrains Mono",
    Menlo,
    monospace;
}
._w-data-table_4mnvf_411 th,
._w-data-table_4mnvf_411 td {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._w-data-table_4mnvf_411 thead th {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Inter",
    sans-serif;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #818cf8;
  background: rgba(99, 102, 241, 0.08);
  border-bottom: 1px solid rgba(99, 102, 241, 0.2);
  font-weight: 700;
  position: sticky;
  top: 0;
  z-index: 1;
}
._w-data-table_4mnvf_411 tbody tr:last-child td {
  border-bottom: none;
}
._w-data-table_4mnvf_411 tbody tr:hover {
  background: rgba(255, 255, 255, 0.02);
}
._w-data-table_4mnvf_411 tbody td {
  color: #cbd5e1;
}
@media (max-width: 720px) {
  ._w-data-wrap_4mnvf_397 {
    margin: 0 14px 14px;
  }
  ._w-data-table_4mnvf_411 th,
  ._w-data-table_4mnvf_411 td {
    padding: 6px 9px;
    max-width: 160px;
    font-size: 11px;
  }
}
._w-assistant_4mnvf_4615 {
  display: flex;
  flex-direction: column;
}
._w-tester_4mnvf_340 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 18px 18px;
}
._w-tester-bar_4mnvf_4629 {
  display: flex;
  align-items: stretch;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  overflow: hidden;
}
._w-tester-method_4mnvf_4638,
._w-tester-bar_4mnvf_4629 select._w-tester-method_4mnvf_4638 {
  background: rgba(99, 102, 241, 0.18);
  color: #c7d2fe;
  border: none;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 700;
  font-family: ui-monospace, monospace;
  letter-spacing: 0.04em;
  cursor: pointer;
  outline: none;
  border-right: 1px solid rgba(99, 102, 241, 0.3);
  display: inline-flex;
  align-items: center;
}
._w-tester-method_4mnvf_4638[data-method=GET] {
  background: rgba(74, 222, 128, 0.16);
  color: #86efac;
  border-right-color: rgba(74, 222, 128, 0.3);
}
._w-tester-method_4mnvf_4638[data-method=POST] {
  background: rgba(99, 102, 241, 0.18);
  color: #c7d2fe;
  border-right-color: rgba(99, 102, 241, 0.3);
}
._w-tester-method_4mnvf_4638[data-method=PUT],
._w-tester-method_4mnvf_4638[data-method=PATCH] {
  background: rgba(251, 191, 36, 0.16);
  color: #fde68a;
  border-right-color: rgba(251, 191, 36, 0.3);
}
._w-tester-method_4mnvf_4638[data-method=DELETE] {
  background: rgba(239, 68, 68, 0.18);
  color: #fecaca;
  border-right-color: rgba(239, 68, 68, 0.3);
}
._w-tester-url_4mnvf_340 {
  flex: 1;
  background: transparent;
  border: none;
  color: #e6e8eb;
  padding: 10px 14px;
  font-family: ui-monospace, monospace;
  font-size: 12px;
  outline: none;
  min-width: 0;
}
._w-tester-send_4mnvf_384 {
  background:
    linear-gradient(
      135deg,
      #6366f1,
      #38bdf8);
  color: #fff;
  border: none;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: filter 140ms ease;
}
._w-tester-send_4mnvf_384:hover:not(:disabled) {
  filter: brightness(1.1);
}
._w-tester-send_4mnvf_384:disabled {
  opacity: 0.5;
  cursor: wait;
}
._w-tester-response_4mnvf_4694 {
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  overflow: hidden;
}
._w-tester-response-head_4mnvf_4700 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
._w-tester-status_4mnvf_4709 {
  font-family: ui-monospace, monospace;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.04em;
  padding: 3px 10px;
  border-radius: 5px;
}
._w-tester-status_4mnvf_4709[data-ok=yes] {
  background: rgba(74, 222, 128, 0.16);
  color: #86efac;
  border: 1px solid rgba(74, 222, 128, 0.3);
}
._w-tester-status_4mnvf_4709[data-ok=no] {
  background: rgba(239, 68, 68, 0.18);
  color: #fecaca;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
._w-tester-duration_4mnvf_4730 {
  font-family: ui-monospace, monospace;
  font-size: 11px;
  color: #6ee7b7;
  background: rgba(110, 231, 183, 0.08);
  padding: 1px 8px;
  border-radius: 4px;
}
._w-tester-response-body_4mnvf_4739 {
  background: rgba(0, 0, 0, 0.32);
  margin: 0;
  padding: 12px 14px;
  font-family: ui-monospace, monospace;
  font-size: 11.5px;
  color: #cbd5e1;
  white-space: pre-wrap;
  max-height: 360px;
  overflow: auto;
  line-height: 1.55;
}
._w-tester_4mnvf_340 ._w-textarea_4mnvf_339 {
  margin: 0;
  width: 100%;
}
._w-logs_4mnvf_4759 {
  padding: 14px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
._w-logs-bar_4mnvf_4767 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._w-logs-bar_4mnvf_4767 > ._w-section-title_4mnvf_4316 {
  margin-right: auto;
}
._w-logs-toggle_4mnvf_4777 {
  font-size: 11px;
  color: #7d838e;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._w-logs-toggle_4mnvf_4777 input {
  accent-color: #6366f1;
  width: 12px;
  height: 12px;
  margin: 0;
}
._w-logs-list_4mnvf_4794 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 360px;
  overflow: auto;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 6px;
}
._w-log_4mnvf_4759 {
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 6px;
  font-size: 11.5px;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;
  color: #cbd5e1;
  align-items: center;
  background: rgba(255, 255, 255, 0.012);
  border: 1px solid transparent;
}
._w-log_4mnvf_4759:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
}
._w-log_4mnvf_4759._failed_4mnvf_4825 {
  background: rgba(239, 68, 68, 0.05);
  border-color: rgba(239, 68, 68, 0.18);
}
._w-log-time_4mnvf_4830 {
  color: #7d838e;
  font-size: 10.5px;
}
._w-log-status_4mnvf_4835 {
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 10px;
}
._w-log-status_4mnvf_4835[data-ok=yes] {
  background: rgba(74, 222, 128, 0.16);
  color: #86efac;
}
._w-log-status_4mnvf_4835[data-ok=no] {
  background: rgba(239, 68, 68, 0.16);
  color: #fecaca;
}
._w-log-duration_4mnvf_4853 {
  color: #6ee7b7;
  font-size: 10.5px;
}
._w-log-msg_4mnvf_4858 {
  color: #c8ccd1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._w-log_4mnvf_4759._failed_4mnvf_4825 ._w-log-msg_4mnvf_4858 {
  color: #fca5a5;
}
@media (max-width: 720px) {
  ._w-log_4mnvf_4759 {
    grid-template-columns: auto auto;
    gap: 6px 10px;
  }
  ._w-log-msg_4mnvf_4858 {
    grid-column: 1 / -1;
    white-space: normal;
  }
}
._w-http-client_4mnvf_4882 {
  display: flex;
  flex-direction: column;
}
._w-req-list_4mnvf_4887 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 18px;
  padding: 6px;
  background: rgba(255, 255, 255, 0.012);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
}
._w-req_4mnvf_4887 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #c8ccd1;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
  transition: all 140ms ease;
}
._w-req_4mnvf_4887:hover {
  background: rgba(255, 255, 255, 0.03);
}
._w-req_4mnvf_4887._active_4mnvf_706 {
  background: rgba(99, 102, 241, 0.14);
  border-color: rgba(99, 102, 241, 0.3);
  color: #fff;
}
._w-req-method_4mnvf_4923 {
  font-family: ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 2px 8px;
  border-radius: 4px;
  flex-shrink: 0;
  background: rgba(99, 102, 241, 0.18);
  color: #c7d2fe;
  border: 1px solid rgba(99, 102, 241, 0.3);
}
._w-req-method_4mnvf_4923[data-method=GET] {
  background: rgba(74, 222, 128, 0.16);
  color: #86efac;
  border-color: rgba(74, 222, 128, 0.3);
}
._w-req-method_4mnvf_4923[data-method=POST] {
  background: rgba(99, 102, 241, 0.18);
  color: #c7d2fe;
  border-color: rgba(99, 102, 241, 0.3);
}
._w-req-method_4mnvf_4923[data-method=PUT],
._w-req-method_4mnvf_4923[data-method=PATCH] {
  background: rgba(251, 191, 36, 0.16);
  color: #fde68a;
  border-color: rgba(251, 191, 36, 0.3);
}
._w-req-method_4mnvf_4923[data-method=DELETE] {
  background: rgba(239, 68, 68, 0.18);
  color: #fecaca;
  border-color: rgba(239, 68, 68, 0.3);
}
._w-req-name_4mnvf_4942 {
  font-size: 12.5px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._w-req-path_4mnvf_4950 {
  font-family: ui-monospace, monospace;
  font-size: 11px;
  color: #818cf8;
  margin-left: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50%;
}
._w-drive_4mnvf_4963 {
  display: flex;
  flex-direction: column;
}
._w-generic_4mnvf_4970 {
  padding: 14px 18px;
}
._w-kv-list_4mnvf_4974 {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
}
._w-kv_4mnvf_4974 {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 14px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  font-size: 12.5px;
}
._w-kv_4mnvf_4974:last-child {
  border-bottom: none;
}
._w-kv-key_4mnvf_4995 {
  color: #7d838e;
  font-family: ui-monospace, monospace;
  font-size: 11.5px;
}
._w-kv-value_4mnvf_5001 {
  color: #e6e8eb;
  word-break: break-word;
}
@media (max-width: 720px) {
  ._w-stats_4mnvf_4254 {
    padding: 12px 14px 4px;
    gap: 8px;
  }
  ._w-stat_4mnvf_4254 {
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
  }
  ._w-section-title_4mnvf_4316 {
    padding: 10px 14px 6px;
  }
  ._w-textarea_4mnvf_339,
  ._w-iframe-wrap_4mnvf_4431 {
    margin-left: 14px;
    margin-right: 14px;
  }
  ._w-textarea_4mnvf_339 {
    width: calc(100% - 28px);
  }
  ._w-tester_4mnvf_340 {
    padding: 12px 14px 14px;
  }
  ._w-field-list_4mnvf_4467,
  ._w-req-list_4mnvf_4887 {
    margin: 0 14px;
  }
  ._w-field-row_4mnvf_4478 {
    grid-template-columns: 1fr auto;
    gap: 8px;
  }
  ._w-field-row_4mnvf_4478 ._w-field-title_4mnvf_4518 {
    grid-column: 1 / -1;
    color: #7d838e;
    font-size: 11.5px;
  }
  ._w-kv_4mnvf_4974 {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  ._w-tester-bar_4mnvf_4629 {
    flex-direction: column;
  }
  ._w-tester-method_4mnvf_4638 {
    border-right: none;
    border-bottom: 1px solid rgba(99, 102, 241, 0.3);
    justify-content: flex-start;
    padding: 8px 14px;
  }
  ._w-tester-url_4mnvf_340 {
    padding: 8px 14px;
  }
  ._w-tester-send_4mnvf_384 {
    padding: 10px;
  }
  ._w-req_4mnvf_4887 {
    flex-wrap: wrap;
  }
  ._w-req-path_4mnvf_4950 {
    max-width: 100%;
    margin-left: 30px;
    flex-basis: 100%;
  }
  ._w-iframe_4mnvf_4431 {
    height: 480px;
  }
  ._live-stage_4mnvf_491 {
    padding: 8px;
  }
  ._widget-stage-head_4mnvf_4149 {
    padding: 12px 14px;
  }
  ._widget-stage-ref_4mnvf_4182 {
    display: none;
  }
}
._tester-bar_4mnvf_5085 {
  display: flex;
  align-items: stretch;
  gap: 0;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  overflow: hidden;
}
._tester-method_4mnvf_384 {
  background: rgba(99, 102, 241, 0.16);
  color: #c7d2fe;
  border: none;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 700;
  font-family: ui-monospace, monospace;
  letter-spacing: 0.04em;
  cursor: pointer;
  outline: none;
  border-right: 1px solid rgba(99, 102, 241, 0.3);
}
._tester-url_4mnvf_341 {
  flex: 1;
  background: transparent;
  border: none;
  color: #e6e8eb;
  padding: 10px 14px;
  font-family: ui-monospace, monospace;
  font-size: 12px;
  outline: none;
}
._tester-send_4mnvf_384 {
  background:
    linear-gradient(
      135deg,
      #6366f1,
      #38bdf8);
  color: #fff;
  border: none;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: filter 140ms ease;
}
._tester-send_4mnvf_384:hover:not(:disabled) {
  filter: brightness(1.1);
}
._tester-send_4mnvf_384:disabled {
  opacity: 0.5;
  cursor: wait;
}
._tester-body_4mnvf_5141 {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  color: #cbd5e1;
  padding: 12px 14px;
  font-family: ui-monospace, monospace;
  font-size: 12px;
  min-height: 100px;
  resize: vertical;
  outline: none;
  line-height: 1.55;
}
._tester-body_4mnvf_5141:focus {
  border-color: rgba(99, 102, 241, 0.4);
}
._tester-error_4mnvf_5159 {
  color: #fca5a5;
  font-size: 12px;
  padding: 8px 12px;
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  background: rgba(239, 68, 68, 0.06);
}
._tester-response_4mnvf_5168 {
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  overflow: hidden;
}
._tester-response-head_4mnvf_5174 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
._tester-status_4mnvf_5183 {
  font-family: ui-monospace, monospace;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.04em;
  padding: 3px 9px;
  border-radius: 5px;
}
._tester-status_4mnvf_5183[data-ok=yes] {
  background: rgba(74, 222, 128, 0.16);
  color: #86efac;
  border: 1px solid rgba(74, 222, 128, 0.3);
}
._tester-status_4mnvf_5183[data-ok=no] {
  background: rgba(239, 68, 68, 0.16);
  color: #fecaca;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
._tester-duration_4mnvf_5204 {
  font-family: ui-monospace, monospace;
  font-size: 11px;
  color: #6ee7b7;
  background: rgba(110, 231, 183, 0.08);
  padding: 1px 7px;
  border-radius: 4px;
}
._tester-response-body_4mnvf_5213 {
  background: rgba(0, 0, 0, 0.32);
  margin: 0;
  padding: 12px 14px;
  font-family: ui-monospace, monospace;
  font-size: 11.5px;
  color: #cbd5e1;
  white-space: pre-wrap;
  max-height: 360px;
  overflow: auto;
  line-height: 1.55;
}
@media (prefers-reduced-motion: reduce) {
  ._root_4mnvf_5::before,
  ._brand-mark_4mnvf_5242,
  ._brand-arc_4mnvf_5243,
  ._hero_4mnvf_876,
  ._chat-cost-live_4mnvf_2102,
  ._chat-effort_4mnvf_2124._effort-max_4mnvf_2161,
  ._chat-status-dot_4mnvf_2179,
  ._chat-message_4mnvf_226._assistant_4mnvf_273._streaming_4mnvf_2873,
  ._chat-message_4mnvf_226._assistant_4mnvf_273._streaming_4mnvf_2873::before,
  ._chat-message_4mnvf_226._assistant_4mnvf_273._streaming_4mnvf_2873::after,
  ._chat-message_4mnvf_226 {
    animation: none !important;
  }
}
@media (max-width: 820px) {
  ._root_4mnvf_5::before {
    animation: none;
  }
  ._chat-cost-live_4mnvf_2102,
  ._chat-effort_4mnvf_2124._effort-max_4mnvf_2161,
  ._chat-message_4mnvf_226._assistant_4mnvf_273._streaming_4mnvf_2873,
  ._chat-message_4mnvf_226._assistant_4mnvf_273._streaming_4mnvf_2873::before,
  ._chat-message_4mnvf_226._assistant_4mnvf_273._streaming_4mnvf_2873::after {
    animation: none;
  }
  ._topbar_4mnvf_164,
  ._chat-header_4mnvf_186,
  ._sidebar_4mnvf_82 {
    backdrop-filter: saturate(120%) blur(8px);
    -webkit-backdrop-filter: saturate(120%) blur(8px);
  }
}
._chat-message_4mnvf_226,
._chat-tool_4mnvf_282,
._chat-tool-result-chip_4mnvf_381,
._viz-card_4mnvf_2576 {
  content-visibility: auto;
  contain-intrinsic-size: auto 80px;
}
._root_4mnvf_5._chat-drawer-mode_4mnvf_5303 {
  grid-template-columns: 240px 1fr;
}
._root_4mnvf_5._chat-drawer-mode_4mnvf_5303 > ._chat-mount_4mnvf_63 {
  position: fixed;
  top: 56px;
  right: 0;
  bottom: 0;
  width: 420px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.012),
      transparent),
    #070a0e;
  box-shadow: -16px 0 40px rgba(0, 0, 0, 0.5);
  transform: translateX(100%);
  transition: transform 220ms cubic-bezier(0.32, 0.72, 0.21, 1);
  z-index: 50;
}
._root_4mnvf_5._chat-drawer-mode_4mnvf_5303 > ._chat-mount_4mnvf_63._chat-drawer-open_4mnvf_5323 {
  transform: translateX(0);
}
._chat-fab_4mnvf_5327 {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: none;
  background:
    linear-gradient(
      135deg,
      #6366f1,
      #38bdf8);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(99, 102, 241, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.08);
  z-index: 51;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s, box-shadow 0.15s;
}
._chat-fab_4mnvf_5327:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 28px rgba(99, 102, 241, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.12);
}
._main-flush_4mnvf_5353 {
  padding: 0 !important;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/AssistantViewer/ImageStudio.module.css */
._studio_deq0z_2 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background: var(--ui-surface-1);
  --av-accent: var(--h290);
  --av-accent-raw: hsl(285, 40%, 62%);
  --av-accent-soft: rgba(139, 100, 185, 0.12);
  --av-accent-mid: rgba(139, 100, 185, 0.22);
  --av-accent-glow: rgba(139, 100, 185, 0.06);
}
._modes_deq0z_18 {
  display: flex;
  gap: 3px;
  padding: 6px 8px;
  border-bottom: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  overflow-x: auto;
  scrollbar-width: none;
  flex-shrink: 0;
}
._modes_deq0z_18::-webkit-scrollbar {
  display: none;
}
._mode-btn_deq0z_31 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 5px 8px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-3);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex: 1 1 44px;
  min-width: 44px;
}
._mode-btn_deq0z_31:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-4);
  transform: translateY(-1px);
}
._mode-btn-active_deq0z_52 {
  background: var(--av-accent-soft);
  border-color: color-mix(in srgb, var(--av-accent-raw) 55%, var(--ui-border));
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(139, 100, 185, 0.15);
}
._mode-icon_deq0z_58 {
  font-size: 14px;
  color: var(--ui-text-muted);
  line-height: 1;
  transition: color var(--ui-transition-fast);
  flex-shrink: 0;
}
._mode-btn-active_deq0z_52 ._mode-icon_deq0z_58 {
  color: var(--av-accent);
}
._mode-label_deq0z_66 {
  font-size: 9px;
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  transition: color var(--ui-transition-fast);
}
._mode-btn-active_deq0z_52 ._mode-label_deq0z_66 {
  color: var(--av-accent);
}
._body_deq0z_78 {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.10) transparent;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._body_deq0z_78::-webkit-scrollbar {
  width: 4px;
}
._body_deq0z_78::-webkit-scrollbar-track {
  background: transparent;
}
._body_deq0z_78::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 99px;
}
._section_deq0z_93 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._section-label_deq0z_95 {
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  display: flex;
  align-items: center;
  gap: 5px;
}
._section-label_deq0z_95 i {
  font-size: 10px;
  color: var(--av-accent);
  opacity: 0.8;
}
._section-muted_deq0z_106 {
  font-weight: 400;
  color: var(--ui-text-faint);
  text-transform: none;
  letter-spacing: 0;
}
._subject_deq0z_109 {
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  color: var(--ui-text);
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font);
  padding: 8px 10px;
  resize: none;
  min-height: 52px;
  line-height: 1.5;
  outline: none;
  transition: border-color var(--ui-transition-fast), background var(--ui-transition-fast);
}
._subject_deq0z_109::-moz-placeholder {
  color: var(--ui-text-faint);
}
._subject_deq0z_109::placeholder {
  color: var(--ui-text-faint);
}
._subject_deq0z_109:focus {
  border-color: color-mix(in srgb, var(--av-accent-raw) 60%, var(--ui-border));
  background: rgba(139, 100, 185, 0.05);
}
._chips_deq0z_132 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
._chip_deq0z_132 {
  padding: 4px 9px;
  border-radius: 99px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-medium);
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  gap: 4px;
}
._chip_deq0z_132:hover {
  background: var(--ui-surface-3);
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._chip-active_deq0z_152 {
  background: var(--av-accent-soft);
  border-color: color-mix(in srgb, var(--av-accent-raw) 50%, var(--ui-border));
  color: var(--av-accent);
}
._chip-active_deq0z_152:hover {
  background: var(--av-accent-mid);
}
._chip-sub_deq0z_158 {
  opacity: 0.55;
  font-size: 9px;
}
._two-col_deq0z_161 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
}
._three-col_deq0z_162 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  align-items: start;
}
._moods_deq0z_165 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
._mood_deq0z_165 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 5px 6px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid transparent;
  transition: all var(--ui-transition-fast);
}
._mood_deq0z_165:hover {
  background: var(--ui-surface-2);
  border-color: var(--ui-border);
}
._mood-active_deq0z_175 {
  background: var(--av-accent-soft) !important;
  border-color: color-mix(in srgb, var(--av-accent-raw) 45%, var(--ui-border)) !important;
}
._mood-swatch_deq0z_176 {
  width: 28px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  flex-shrink: 0;
}
._mood-label_deq0z_177 {
  font-size: 9px;
  color: var(--ui-text-faint);
  text-align: center;
  letter-spacing: 0.04em;
  font-weight: var(--ui-font-weight-medium);
  text-transform: uppercase;
}
._mood-active_deq0z_175 ._mood-label_deq0z_177 {
  color: var(--av-accent);
}
._angle-picker_deq0z_181 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}
._angle-scene_deq0z_182 {
  width: 80px;
  height: 80px;
  perspective: 180px;
  cursor: grab;
  flex-shrink: 0;
}
._angle-scene_deq0z_182:active {
  cursor: grabbing;
}
._angle-cube_deq0z_188 {
  width: 80px;
  height: 80px;
  position: relative;
  transform-style: preserve-3d;
}
._cube-face_deq0z_193 {
  position: absolute;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(139, 100, 185, 0.22);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: background 0.15s, border-color 0.15s;
}
._angle-cube_deq0z_188:hover ._cube-face_deq0z_193 {
  border-color: rgba(139, 100, 185, 0.42);
}
._angle-label_deq0z_204 {
  font-size: var(--ui-font-size-xs);
  color: var(--av-accent);
  text-align: center;
  font-weight: var(--ui-font-weight-medium);
  min-height: 16px;
}
._angle-presets_deq0z_208 {
  display: flex;
  gap: 3px;
}
._angle-preset_deq0z_208 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  cursor: pointer;
  font-size: 9px;
  transition: all var(--ui-transition-fast);
}
._angle-preset_deq0z_208:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
  color: var(--ui-text);
}
._angle-preset-active_deq0z_217 {
  border-color: color-mix(in srgb, var(--av-accent-raw) 55%, var(--ui-border));
  background: var(--av-accent-soft);
  color: var(--av-accent);
}
._aspects_deq0z_220 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
._aspect-btn_deq0z_221 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 8px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._aspect-btn_deq0z_221:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
}
._aspect-btn-active_deq0z_229 {
  border-color: color-mix(in srgb, var(--av-accent-raw) 50%, var(--ui-border));
  background: var(--av-accent-soft);
}
._aspect-rect_deq0z_230 {
  border: 1.5px solid var(--ui-text-faint);
  border-radius: 2px;
  transition: border-color var(--ui-transition-fast);
}
._aspect-btn-active_deq0z_229 ._aspect-rect_deq0z_230 {
  border-color: var(--av-accent);
}
._aspect-text_deq0z_232 {
  font-size: 9px;
  color: var(--ui-text-faint);
  letter-spacing: 0.03em;
  font-weight: 500;
}
._aspect-btn-active_deq0z_229 ._aspect-text_deq0z_232 {
  color: var(--av-accent);
}
._light-rig_deq0z_236 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  padding: 8px;
}
._light-row_deq0z_244 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._light-header_deq0z_246 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-muted);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._light-dot-on_deq0z_256 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: hsl(55, 80%, 65%);
  box-shadow: 0 0 5px hsl(55, 80%, 65%);
  flex-shrink: 0;
}
._light-dot-off_deq0z_257 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ui-text-faint);
  flex-shrink: 0;
}
._light-dot-fill_deq0z_258 {
  background: hsl(210, 60%, 65%);
  box-shadow: 0 0 5px hsl(210, 60%, 65%);
}
._light-dot-rim_deq0z_259 {
  background: hsl(290, 60%, 70%);
  box-shadow: 0 0 5px hsl(290, 60%, 70%);
}
._light-toggle_deq0z_261 {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  color: var(--ui-text-faint);
  cursor: pointer;
  flex-shrink: 0;
  transition: all var(--ui-transition-fast);
}
._light-toggle_deq0z_261:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._light-toggle-on_deq0z_271 {
  background: var(--av-accent-soft);
  border-color: color-mix(in srgb, var(--av-accent-raw) 50%, var(--ui-border));
  color: var(--av-accent);
}
._light-controls_deq0z_273 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 4px;
}
._compass_deq0z_276 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  width: 72px;
}
._compass-cell_deq0z_280 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  border-radius: 3px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  font-size: 8px;
  color: var(--ui-text-faint);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._compass-cell_deq0z_280:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
  color: var(--ui-text);
}
._compass-cell-active_deq0z_290 {
  background: var(--av-accent-soft);
  border-color: color-mix(in srgb, var(--av-accent-raw) 50%, var(--ui-border));
  color: var(--av-accent);
}
._compass-center_deq0z_291 {
  cursor: default;
  background: var(--ui-surface-1);
  color: var(--ui-text-faint);
  font-size: 9px;
}
._compass-center_deq0z_291:hover {
  background: var(--ui-surface-1);
  border-color: var(--ui-border);
  color: var(--ui-text-faint);
}
._light-colors_deq0z_295 {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
._light-color_deq0z_295 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform var(--ui-transition-fast), border-color var(--ui-transition-fast);
  flex-shrink: 0;
}
._light-color_deq0z_295:hover {
  transform: scale(1.2);
}
._light-color-active_deq0z_303 {
  border-color: rgba(255, 255, 255, 0.8) !important;
  transform: scale(1.15);
}
._intensity_deq0z_306 {
  display: flex;
  gap: 2px;
}
._intensity-btn_deq0z_307 {
  padding: 2px 7px;
  border-radius: 3px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  font-size: 9px;
  color: var(--ui-text-faint);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._intensity-btn_deq0z_307:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._intensity-btn-active_deq0z_314 {
  background: var(--av-accent-soft);
  border-color: color-mix(in srgb, var(--av-accent-raw) 50%, var(--ui-border));
  color: var(--av-accent);
}
._light-divider_deq0z_316 {
  height: 1px;
  background: var(--ui-border-subtle);
  margin: 2px 0;
}
._dual-upload_deq0z_319 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
._upload-slot_deq0z_321 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._upload-slot-label_deq0z_324 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
  font-weight: var(--ui-font-weight-medium);
  display: flex;
  align-items: center;
  gap: 4px;
}
._upload-required_deq0z_330 {
  color: hsl(0, 70%, 60%);
  font-size: 10px;
}
._drop-zone_deq0z_332 {
  border: 1.5px dashed var(--ui-border);
  border-radius: var(--ui-radius-md);
  padding: 14px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  background: rgba(255, 255, 255, 0.02);
  min-height: 70px;
}
._drop-zone_deq0z_332:hover,
._drop-zone-active_deq0z_342 {
  border-color: color-mix(in srgb, var(--av-accent-raw) 55%, var(--ui-border));
  background: var(--av-accent-glow);
}
._drop-icon_deq0z_346 {
  font-size: 20px;
  color: var(--ui-text-faint);
}
._drop-text_deq0z_347 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  text-align: center;
  line-height: 1.4;
}
._preview-wrap_deq0z_349 {
  position: relative;
  border-radius: var(--ui-radius-md);
  overflow: hidden;
  border: 1px solid var(--ui-border);
}
._preview-img_deq0z_353 {
  display: block;
  width: 100%;
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
}
._preview-remove_deq0z_354 {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  cursor: pointer;
  transition: background var(--ui-transition-fast);
}
._preview-remove_deq0z_354:hover {
  background: rgba(200, 50, 50, 0.7);
}
._swap-toggles_deq0z_364 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
._swap-toggle_deq0z_364 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  border-radius: 99px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all var(--ui-transition-fast);
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
}
._swap-toggle_deq0z_364:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._swap-toggle-on_deq0z_373 {
  background: var(--av-accent-soft);
  border-color: color-mix(in srgb, var(--av-accent-raw) 50%, var(--ui-border));
  color: var(--av-accent);
}
._swap-check_deq0z_374 {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  border: 1px solid currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
}
._prompt-wrap_deq0z_377 {
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  padding: 8px 10px;
  display: flex;
  align-items: flex-start;
  gap: 7px;
}
._prompt-icon_deq0z_384 {
  font-size: 11px;
  color: var(--av-accent);
  margin-top: 1px;
  flex-shrink: 0;
}
._prompt-text_deq0z_385 {
  font-family: var(--ui-font-mono);
  font-size: 10px;
  color: var(--ui-text-muted);
  line-height: 1.6;
  flex: 1;
  min-width: 0;
  word-break: break-word;
}
._prompt-empty_deq0z_386 {
  color: var(--ui-text-faint);
  font-style: italic;
}
._footer_deq0z_389 {
  flex-shrink: 0;
  border-top: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 7px;
  position: sticky;
  bottom: 0;
  z-index: 1;
}
._count-label_deq0z_400 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  flex-shrink: 0;
}
._count-btns_deq0z_401 {
  display: flex;
  gap: 2px;
}
._count-btn_deq0z_401 {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-3);
  color: var(--ui-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ui-font-size-xs);
  cursor: pointer;
  font-weight: 500;
  transition: all var(--ui-transition-fast);
}
._count-btn_deq0z_401:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._count-btn-active_deq0z_410 {
  background: var(--av-accent-soft);
  border-color: color-mix(in srgb, var(--av-accent-raw) 55%, var(--ui-border));
  color: var(--av-accent);
}
._footer-gap_deq0z_411 {
  flex: 1;
}
._neg-btn_deq0z_413 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  cursor: pointer;
  padding: 3px 6px;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: all var(--ui-transition-fast);
  flex-shrink: 0;
}
._neg-btn_deq0z_413:hover {
  border-color: var(--ui-border);
  background: var(--ui-surface-3);
  color: var(--ui-text-muted);
}
._generate-btn_deq0z_420 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  height: 32px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--av-accent-raw) 55%, var(--ui-border));
  background: var(--av-accent-soft);
  color: var(--av-accent);
  font-size: var(--ui-font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  white-space: nowrap;
  flex-shrink: 0;
  font-family: var(--ui-font);
}
._generate-btn_deq0z_420:hover:not(:disabled) {
  background: var(--av-accent-mid);
  border-color: color-mix(in srgb, var(--av-accent-raw) 70%, var(--ui-border));
  transform: translateY(-1px);
  box-shadow: 0 3px 12px rgba(139, 100, 185, 0.2);
}
._generate-btn_deq0z_420:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
._neg-section_deq0z_440 {
  padding: 5px 10px;
  border-top: 1px solid var(--ui-border-subtle);
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
._neg-label_deq0z_445 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  flex-shrink: 0;
  white-space: nowrap;
}
._neg-input_deq0z_446 {
  flex: 1;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--ui-border);
  border-radius: 4px;
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  padding: 4px 8px;
  outline: none;
  transition: border-color var(--ui-transition-fast);
}
._neg-input_deq0z_446:focus {
  border-color: color-mix(in srgb, var(--av-accent-raw) 40%, var(--ui-border));
}
._neg-input_deq0z_446::-moz-placeholder {
  color: var(--ui-text-faint);
}
._neg-input_deq0z_446::placeholder {
  color: var(--ui-text-faint);
}
._analyze-btn_deq0z_456 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 16px;
  border-radius: var(--ui-radius-md);
  border: 1.5px dashed color-mix(in srgb, var(--av-accent-raw) 50%, var(--ui-border));
  background: var(--av-accent-glow);
  color: var(--av-accent);
  font-size: var(--ui-font-size-sm);
  font-weight: 600;
  font-family: var(--ui-font);
  cursor: pointer;
  transition: all var(--ui-transition-medium);
  letter-spacing: 0.01em;
}
._analyze-btn_deq0z_456:hover:not(:disabled) {
  background: var(--av-accent-soft);
  border-style: solid;
  border-color: color-mix(in srgb, var(--av-accent-raw) 65%, var(--ui-border));
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(139, 100, 185, 0.18);
}
._analyze-btn_deq0z_456:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
._analyze-loading_deq0z_483 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 10px;
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-sm);
  border-radius: var(--ui-radius-md);
  background: var(--av-accent-glow);
  border: 1px solid var(--ui-border);
}
@keyframes _spin_deq0z_1 {
  to {
    transform: rotate(360deg);
  }
}
._analyze-spinner_deq0z_495 {
  animation: _spin_deq0z_1 0.8s linear infinite;
  font-size: 16px;
  color: var(--av-accent);
  flex-shrink: 0;
}
._variation-gallery_deq0z_498 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
._variation-card_deq0z_504 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 9px 10px;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._variation-card_deq0z_504:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
._variation-card-selected_deq0z_523 {
  background: var(--av-accent-soft) !important;
  border-color: color-mix(in srgb, var(--av-accent-raw) 60%, var(--ui-border)) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--av-accent-raw) 25%, transparent) !important;
}
._variation-card-num_deq0z_529 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--ui-surface-4);
  border: 1px solid var(--ui-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 700;
  color: var(--ui-text-faint);
  letter-spacing: 0;
  margin-top: 1px;
  transition: all var(--ui-transition-fast);
}
._variation-card-selected_deq0z_523 ._variation-card-num_deq0z_529 {
  background: var(--av-accent);
  border-color: var(--av-accent);
  color: white;
}
._variation-card-body_deq0z_552 {
  flex: 1;
  min-width: 0;
}
._variation-card-title_deq0z_554 {
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text);
  margin-bottom: 3px;
  line-height: 1.3;
}
._variation-card-selected_deq0z_523 ._variation-card-title_deq0z_554 {
  color: var(--av-accent);
}
._variation-card-desc_deq0z_563 {
  font-size: 10px;
  color: var(--ui-text-faint);
  line-height: 1.5;
}
._variation-card-selected_deq0z_523 ._variation-card-desc_deq0z_563 {
  color: var(--ui-text-muted);
}
._variation-card-check_deq0z_570 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--av-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  color: white;
  margin-top: 1px;
}
._reanalyze-row_deq0z_585 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._reanalyze-btn_deq0z_591 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  align-self: flex-start;
}
._reanalyze-btn_deq0z_591:hover:not(:disabled) {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
  background: var(--ui-surface-3);
}
._reanalyze-btn_deq0z_591:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
._selected-prompt-preview_deq0z_609 {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  padding: 7px 9px;
}
._swap-banner_deq0z_620 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: rgba(139, 100, 185, 0.07);
  border: 1px solid color-mix(in srgb, var(--av-accent-raw) 20%, var(--ui-border));
  border-radius: var(--ui-radius-md);
  padding: 8px 10px;
}
._swap-banner-icon_deq0z_627 {
  font-size: 14px;
  color: var(--av-accent);
  flex-shrink: 0;
  margin-top: 1px;
}
._swap-banner-text_deq0z_628 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
  line-height: 1.55;
}
._swap-banner-text_deq0z_628 strong {
  color: var(--ui-text);
  font-weight: 500;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/AssistantViewer/Scene3DPreview.module.css */
._s3d-root_17ckw_2 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._s3d-viewport_17ckw_9 {
  height: 170px;
  perspective: 360px;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  background:
    radial-gradient(
      ellipse at 50% 35%,
      #1a1025 0%,
      #080610 100%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._s3d-world_17ckw_24 {
  transform-style: preserve-3d;
  width: 0;
  height: 0;
  position: relative;
}
._s3d-ground_17ckw_32 {
  position: absolute;
  width: 180px;
  height: 180px;
  top: -90px;
  left: -90px;
  transform: rotateX(90deg) translateZ(52px);
  border-radius: 50%;
  border: 1px solid rgba(139, 100, 185, 0.12);
  background:
    radial-gradient(
      ellipse at center,
      rgba(139, 100, 185, 0.06) 0%,
      transparent 70%);
}
._s3d-subject_17ckw_45 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: -29px;
  left: -29px;
  border-radius: 6px;
  border: 1.5px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.04);
  overflow: hidden;
  transform-style: preserve-3d;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
}
._s3d-subject-img_17ckw_59 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
._s3d-subject-ph_17ckw_65 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.15);
}
._s3d-orb-wrap_17ckw_76 {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
._s3d-orb_17ckw_76 {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.12s ease, outline-offset 0.12s;
}
._s3d-orb_17ckw_76:hover {
  transform: translate(-50%, -50%) scale(1.5);
}
._s3d-orb-active_17ckw_97 {
  outline: 2px solid rgba(255, 255, 255, 0.85);
  outline-offset: 3px;
}
._s3d-drag-hint_17ckw_103 {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 9px;
  color: rgba(255, 255, 255, 0.18);
  pointer-events: none;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
._s3d-panel_17ckw_116 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  padding: 7px 8px;
}
._s3d-tabs_17ckw_127 {
  display: flex;
  gap: 3px;
}
._s3d-tab_17ckw_127 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-medium);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._s3d-tab_17ckw_127:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
}
._s3d-tab-active_17ckw_153 {
  background: rgba(139, 100, 185, 0.12);
  border-color: color-mix(in srgb, rgba(139, 100, 185, 1) 50%, var(--ui-border));
  color: var(--ui-text);
}
._s3d-tab-dot_17ckw_159 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
._s3d-badge_17ckw_166 {
  padding: 1px 5px;
  border-radius: 99px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
._s3d-badge-on_17ckw_175 {
  background: rgba(68, 200, 136, 0.15);
  color: hsl(152, 55%, 60%);
}
._s3d-badge-off_17ckw_176 {
  background: rgba(255, 255, 255, 0.05);
  color: var(--ui-text-faint);
}
._s3d-editor_17ckw_179 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._s3d-toggle_17ckw_185 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 99px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all var(--ui-transition-fast);
  align-self: flex-start;
}
._s3d-toggle_17ckw_185:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._s3d-toggle-on_17ckw_201 {
  background: rgba(68, 200, 136, 0.1);
  border-color: hsl(152, 55%, 45%);
  color: hsl(152, 55%, 60%);
}
._s3d-colors_17ckw_208 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
._s3d-color_17ckw_208 {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform var(--ui-transition-fast), border-color var(--ui-transition-fast);
  flex-shrink: 0;
}
._s3d-color_17ckw_208:hover {
  transform: scale(1.25);
}
._s3d-color-active_17ckw_224 {
  border-color: rgba(255, 255, 255, 0.85) !important;
  transform: scale(1.2);
}
._s3d-row_17ckw_227 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
._s3d-intensity_17ckw_234 {
  display: flex;
  gap: 2px;
}
._s3d-intensity-btn_17ckw_239 {
  padding: 3px 8px;
  border-radius: 3px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  font-size: 9px;
  color: var(--ui-text-faint);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._s3d-intensity-btn_17ckw_239:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._s3d-intensity-btn-active_17ckw_251 {
  background: rgba(139, 100, 185, 0.12);
  border-color: color-mix(in srgb, rgba(139, 100, 185, 1) 50%, var(--ui-border));
  color: var(--h290);
}
._s3d-compass_17ckw_258 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  width: 68px;
}
._s3d-cc_17ckw_265 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  border-radius: 3px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  font-size: 7px;
  color: var(--ui-text-faint);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._s3d-cc_17ckw_265:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._s3d-cc-active_17ckw_280 {
  background: rgba(139, 100, 185, 0.12);
  border-color: color-mix(in srgb, rgba(139, 100, 185, 1) 50%, var(--ui-border));
  color: var(--h290);
}
._s3d-cc-center_17ckw_285 {
  cursor: default;
  background: var(--ui-surface-1);
  font-size: 6px;
}
._s3d-cc-center_17ckw_285:hover {
  background: var(--ui-surface-1);
  border-color: var(--ui-border);
  color: var(--ui-text-faint);
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/AssistantViewer/STLRenderStudio.module.css */
._stl-root_glmy7_2 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
._stl-studio_glmy7_11 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0;
}
._stl-studio-loaded_glmy7_18 {
  grid-template-columns: 1fr 162px;
  grid-template-rows: auto auto;
  gap: 8px;
}
._stl-canvas-wrap_glmy7_25 {
  position: relative;
  border-radius: var(--ui-radius-md);
  overflow: hidden;
  border: 1px solid var(--ui-border);
  background: #080610;
  min-height: 240px;
  align-self: stretch;
}
._stl-canvas_glmy7_25 {
  display: block;
  width: 100%;
  height: 100%;
  cursor: grab;
}
._stl-canvas_glmy7_25:active {
  cursor: grabbing;
}
._stl-canvas-overlay_glmy7_44 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 6px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.55),
      transparent);
  pointer-events: none;
}
._stl-canvas-actions_glmy7_56 {
  pointer-events: all;
  display: flex;
  align-items: center;
  gap: 6px;
}
._stl-zoom-hint_glmy7_58 {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.22);
  letter-spacing: 0.04em;
  white-space: nowrap;
  pointer-events: none;
}
._stl-canvas-name_glmy7_66 {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.45);
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._stl-icon-btn_glmy7_75 {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
  transition: all var(--ui-transition-fast);
}
._stl-icon-btn_glmy7_75:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}
._stl-captured-badge_glmy7_91 {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 99px;
  background: rgba(68, 200, 136, 0.18);
  border: 1px solid hsl(152, 55%, 45%);
  color: hsl(152, 55%, 60%);
  font-size: var(--ui-font-size-xs);
  font-weight: 600;
  pointer-events: none;
}
._stl-dropzone_glmy7_110 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  padding: 20px;
  border-radius: var(--ui-radius-md);
  transition: background var(--ui-transition-fast);
}
._stl-dropzone_glmy7_110:hover,
._stl-dropzone-active_glmy7_124 {
  background: rgba(139, 100, 185, 0.06);
}
._stl-drop-icon_glmy7_128 {
  font-size: 36px;
  color: rgba(139, 100, 185, 0.4);
  transition: color var(--ui-transition-fast);
}
._stl-dropzone_glmy7_110:hover ._stl-drop-icon_glmy7_128,
._stl-dropzone-active_glmy7_124 ._stl-drop-icon_glmy7_128 {
  color: rgba(139, 100, 185, 0.8);
}
._stl-drop-title_glmy7_136 {
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-muted);
}
._stl-drop-sub_glmy7_141 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
}
._stl-drop-error_glmy7_145 {
  font-size: var(--ui-font-size-xs);
  color: hsl(0, 70%, 60%);
  margin-top: 4px;
}
._stl-props_glmy7_152 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  padding: 2px 0;
}
._stl-prop-section_glmy7_160 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._stl-prop-label_glmy7_166 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
._stl-prop-label_glmy7_166 i {
  font-size: 9px;
  color: var(--h290);
}
._stl-mat-grid_glmy7_179 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
}
._stl-mat-btn_glmy7_185 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all var(--ui-transition-fast);
  white-space: nowrap;
  overflow: hidden;
}
._stl-mat-btn_glmy7_185:hover {
  background: var(--ui-surface-3);
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._stl-mat-btn-active_glmy7_202 {
  background: rgba(139, 100, 185, 0.12);
  border-color: color-mix(in srgb, rgba(139, 100, 185, 1) 50%, var(--ui-border));
  color: var(--h290);
}
._stl-mat-swatch_glmy7_208 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
._stl-bg-row_glmy7_217 {
  display: flex;
  gap: 3px;
}
._stl-bg-btn_glmy7_222 {
  flex: 1;
  text-align: center;
  padding: 4px 4px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all var(--ui-transition-fast);
  white-space: nowrap;
}
._stl-bg-btn_glmy7_222:hover {
  background: var(--ui-surface-3);
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._stl-bg-btn-active_glmy7_237 {
  background: rgba(139, 100, 185, 0.12);
  border-color: color-mix(in srgb, rgba(139, 100, 185, 1) 50%, var(--ui-border));
  color: var(--h290);
}
._stl-ltabs_glmy7_244 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._stl-ltab_glmy7_244 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all var(--ui-transition-fast);
}
._stl-ltab_glmy7_244:hover {
  background: var(--ui-surface-3);
  border-color: var(--ui-border-strong);
}
._stl-ltab-active_glmy7_265 {
  background: rgba(139, 100, 185, 0.1);
  border-color: color-mix(in srgb, rgba(139, 100, 185, 1) 50%, var(--ui-border));
  color: var(--ui-text);
}
._stl-ltab-dot_glmy7_271 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
._stl-ltab-name_glmy7_278 {
  flex: 1;
}
._stl-ltab-pill_glmy7_280 {
  padding: 1px 4px;
  border-radius: 99px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
._stl-ltab-pill-on_glmy7_288 {
  background: rgba(68, 200, 136, 0.15);
  color: hsl(152, 55%, 60%);
}
._stl-ltab-pill-off_glmy7_289 {
  background: rgba(255, 255, 255, 0.05);
  color: var(--ui-text-faint);
}
._stl-ltoggle_glmy7_292 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 99px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-self: flex-start;
  transition: all var(--ui-transition-fast);
}
._stl-ltoggle_glmy7_292:hover {
  border-color: var(--ui-border-strong);
}
._stl-ltoggle-on_glmy7_308 {
  background: rgba(68, 200, 136, 0.1);
  border-color: hsl(152, 55%, 45%);
  color: hsl(152, 55%, 60%);
}
._stl-lcolors_glmy7_315 {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
._stl-ldot_glmy7_321 {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform var(--ui-transition-fast), border-color var(--ui-transition-fast);
}
._stl-ldot_glmy7_321:hover {
  transform: scale(1.3);
}
._stl-ldot-active_glmy7_331 {
  border-color: rgba(255, 255, 255, 0.85) !important;
  transform: scale(1.2);
}
._stl-lsliders_glmy7_334 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._stl-lrow_glmy7_340 {
  display: flex;
  align-items: center;
  gap: 4px;
}
._stl-lkey_glmy7_346 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  white-space: nowrap;
  min-width: 22px;
  font-variant-numeric: tabular-nums;
}
._stl-lslider_glmy7_334 {
  flex: 1;
  height: 3px;
  accent-color: var(--h290);
  cursor: pointer;
  min-width: 0;
}
._stl-lval_glmy7_362 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
  min-width: 26px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
._stl-prompt-bar_glmy7_371 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
}
._stl-prompt-icon_glmy7_382 {
  font-size: 14px;
  color: var(--h290);
  flex-shrink: 0;
}
._stl-prompt-input_glmy7_388 {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  color: var(--ui-text);
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font);
  min-width: 0;
}
._stl-prompt-input_glmy7_388::-moz-placeholder {
  color: var(--ui-text-faint);
}
._stl-prompt-input_glmy7_388::placeholder {
  color: var(--ui-text-faint);
}
._stl-gen-btn_glmy7_401 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 6px 12px;
  border-radius: var(--ui-radius-md);
  border: 1.5px solid color-mix(in srgb, rgba(139, 100, 185, 1) 55%, var(--ui-border));
  background: rgba(139, 100, 185, 0.12);
  color: var(--h290);
  font-size: var(--ui-font-size-xs);
  font-weight: 600;
  font-family: var(--ui-font);
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--ui-transition-medium);
  letter-spacing: 0.01em;
}
._stl-gen-btn_glmy7_401:hover:not(:disabled) {
  background: rgba(139, 100, 185, 0.22);
  border-color: color-mix(in srgb, rgba(139, 100, 185, 1) 75%, var(--ui-border));
  box-shadow: 0 4px 16px rgba(139, 100, 185, 0.2);
}
._stl-gen-btn_glmy7_401:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
._stl-gen-btn-done_glmy7_425 {
  background: rgba(68, 200, 136, 0.1);
  border-color: hsl(152, 55%, 45%);
  color: hsl(152, 55%, 60%);
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/AssistantViewer/ToolsSheet.module.css */
._tools-sheet_t9cbp_2 {
  display: flex;
  flex-direction: column;
  background: var(--ui-surface-1);
  overflow: visible;
  height: 100%;
}
._tabs_t9cbp_11 {
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 5px 6px 0;
  background: var(--ui-surface-2);
  border-bottom: 1px solid var(--ui-border);
  flex-shrink: 0;
  overflow: visible;
}
._tab_t9cbp_11 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  border-radius: var(--ui-radius-sm) var(--ui-radius-sm) 0 0;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-medium);
  color: var(--ui-text-faint);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-bottom: none;
  transition: all var(--ui-transition-fast);
}
._tab_t9cbp_11:hover {
  color: var(--ui-text-muted);
  background: var(--ui-surface-3);
}
._tab-active_t9cbp_38 {
  background: var(--ui-surface-1);
  border-color: var(--ui-border);
  color: var(--ui-text);
  margin-bottom: -1px;
}
._tab-spacer_t9cbp_45 {
  flex: 1;
}
._add-wrap_t9cbp_48 {
  margin-bottom: 5px;
}
._add-btn_t9cbp_52 {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 3px 7px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-3);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-medium);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._add-btn_t9cbp_52:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-4);
  color: var(--ui-text);
}
._add-btn-open_t9cbp_61 {
  background: var(--ui-surface-4);
  border-color: var(--ui-border-strong);
}
._add-menu_t9cbp_63 {
  z-index: 9999;
  background: var(--ui-surface-3);
  border: 1px solid var(--ui-border-strong);
  border-radius: var(--ui-radius-md);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  min-width: 170px;
  animation: _menu-pop_t9cbp_1 0.15s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes _menu-pop_t9cbp_1 {
  from {
    opacity: 0;
    transform: scale(0.94) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
._add-option_t9cbp_79 {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 12px;
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  border-bottom: 1px solid var(--ui-border-subtle);
}
._add-option_t9cbp_79:last-child {
  border-bottom: none;
}
._add-option_t9cbp_79:hover {
  background: var(--ui-surface-4);
  color: var(--ui-text);
}
._ts-list_t9cbp_90 {
  flex: 1;
  overflow-y: auto;
  overflow-x: visible;
  padding: 6px 7px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
}
._ts-list_t9cbp_90::-webkit-scrollbar {
  width: 3px;
}
._ts-list_t9cbp_90::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 99px;
}
._ts-empty_t9cbp_102 {
  padding: 16px 12px;
  text-align: center;
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  font-style: italic;
}
._tool-card_t9cbp_108 {
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-2);
  overflow: hidden;
  transition: border-color var(--ui-transition-fast);
}
._tool-card_t9cbp_108:hover {
  border-color: var(--ui-border-strong);
}
._tool-card-hdr_t9cbp_115 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 7px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._tool-type-icon_t9cbp_120 {
  width: 20px;
  height: 20px;
  border-radius: var(--ui-radius-sm);
  background: rgba(139, 100, 185, 0.14);
  border: 1px solid rgba(139, 100, 185, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: var(--av-accent, hsl(285,40%,62%));
  flex-shrink: 0;
}
._tool-card-info_t9cbp_128 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
._tool-name-input_t9cbp_133 {
  background: transparent;
  border: none;
  color: var(--ui-text);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  font-family: var(--ui-font);
  outline: none;
  padding: 0;
  min-width: 0;
  flex: 1;
  cursor: text;
}
._tool-name-input_t9cbp_133::-moz-placeholder {
  color: var(--ui-text-faint);
}
._tool-name-input_t9cbp_133::placeholder {
  color: var(--ui-text-faint);
}
._tool-name-input_t9cbp_133:focus {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
._tool-type-badge_t9cbp_141 {
  font-size: 10px;
  padding: 1px 5px;
  border-radius: 99px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-1);
  color: var(--ui-text-faint);
  white-space: nowrap;
  flex-shrink: 0;
}
._tool-card-btns_t9cbp_147 {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
._tool-chevron_t9cbp_149 {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ui-text-faint);
  font-size: 11px;
  transition: transform var(--ui-transition-fast);
}
._tool-chevron-open_t9cbp_154 {
  transform: rotate(180deg);
}
._tool-remove-btn_t9cbp_156 {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: var(--ui-text-faint);
  font-size: 10px;
  cursor: pointer;
  transition: all var(--ui-transition-fast);
}
._tool-remove-btn_t9cbp_156:hover {
  background: rgba(220, 60, 60, 0.15);
  border: 1px solid rgba(220, 60, 60, 0.25);
  color: hsl(0, 65%, 60%);
}
._tool-card-body_t9cbp_166 {
  border-top: 1px solid var(--ui-border-subtle);
  padding: 7px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--ui-surface-1);
  animation: _body-enter_t9cbp_1 0.18s ease forwards;
}
@keyframes _body-enter_t9cbp_1 {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._tf_t9cbp_175 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._tf-grow_t9cbp_176 {
  flex: 1;
}
._tf-row_t9cbp_177 {
  display: flex;
  gap: 5px;
  align-items: flex-end;
}
._tf-label_t9cbp_178 {
  font-size: 10px;
  color: var(--ui-text-faint);
  letter-spacing: 0.04em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._tf-input_t9cbp_180 {
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-text);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  padding: 3px 6px;
  outline: none;
  width: 100%;
  transition: border-color var(--ui-transition-fast);
}
._tf-input_t9cbp_180:focus {
  border-color: color-mix(in srgb, var(--av-accent, hsl(285,40%,62%)) 60%, var(--ui-border));
}
._tf-input_t9cbp_180::-moz-placeholder {
  color: var(--ui-text-faint);
}
._tf-input_t9cbp_180::placeholder {
  color: var(--ui-text-faint);
}
._tf-textarea_t9cbp_190 {
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-text);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  padding: 4px 6px;
  outline: none;
  resize: none;
  line-height: 1.45;
  width: 100%;
  transition: border-color var(--ui-transition-fast);
}
._tf-textarea_t9cbp_190:focus {
  border-color: color-mix(in srgb, var(--av-accent, hsl(285,40%,62%)) 60%, var(--ui-border));
}
._tf-textarea_t9cbp_190::-moz-placeholder {
  color: var(--ui-text-faint);
}
._tf-textarea_t9cbp_190::placeholder {
  color: var(--ui-text-faint);
}
._tf-select_t9cbp_200 {
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-text);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  padding: 3px 6px;
  outline: none;
  cursor: pointer;
}
._tf-select_t9cbp_200:focus {
  border-color: color-mix(in srgb, var(--av-accent, hsl(285,40%,62%)) 60%, var(--ui-border));
}
._picker-trigger_t9cbp_209 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-xs);
  font-family: var(--ui-font);
  cursor: pointer;
  min-height: 24px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: border-color var(--ui-transition-fast), color var(--ui-transition-fast);
}
._picker-trigger_t9cbp_209:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._picker-trigger-icon_t9cbp_219 {
  color: var(--ui-text-faint);
  flex-shrink: 0;
  font-size: 11px;
}
._picker-trigger-label_t9cbp_220 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._picker-trigger-placeholder_t9cbp_221 {
  flex: 1;
  color: var(--ui-text-faint);
  font-style: italic;
}
._picker-trigger-chevron_t9cbp_222 {
  color: var(--ui-text-faint);
  flex-shrink: 0;
  margin-left: auto;
}
._picker-overlay_t9cbp_224 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _pickerFadeIn_t9cbp_1 120ms ease;
}
._picker-modal_t9cbp_230 {
  animation: _pickerScaleIn_t9cbp_1 140ms cubic-bezier(0.34, 1.3, 0.64, 1);
}
@keyframes _pickerFadeIn_t9cbp_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _pickerScaleIn_t9cbp_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._playground_t9cbp_235 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._play-controls_t9cbp_241 {
  flex-shrink: 0;
  padding: 8px 7px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  border-bottom: 1px solid var(--ui-border);
}
._play-desc_t9cbp_248 {
  font-size: 10px;
  color: var(--ui-text-faint);
  line-height: 1.45;
  font-style: italic;
  padding: 0 1px;
}
._play-run-btn_t9cbp_254 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: var(--ui-radius-sm);
  background: var(--av-accent-soft, rgba(139,100,185,0.12));
  border: 1px solid color-mix(in srgb, var(--av-accent-raw, hsl(285,40%,62%)) 45%, var(--ui-border));
  color: var(--av-accent, hsl(285,40%,62%));
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._play-run-btn_t9cbp_254:hover {
  background: var(--av-accent-mid, rgba(139,100,185,0.22));
  transform: translateY(-1px);
}
._play-run-btn_t9cbp_254:active {
  transform: translateY(0);
}
._play-results_t9cbp_269 {
  flex: 1;
  overflow-y: auto;
  padding: 6px 7px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
}
._play-results-label_t9cbp_275 {
  font-size: 10px;
  color: var(--ui-text-faint);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  flex-shrink: 0;
  padding: 2px 1px;
}
._play-result_t9cbp_269 {
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface-2);
  overflow: hidden;
  transition: border-color var(--ui-transition-fast);
}
._play-result-pending_t9cbp_285 {
  border-color: color-mix(in srgb, var(--av-accent-raw, hsl(285,40%,62%)) 35%, var(--ui-border));
}
._play-result-hdr_t9cbp_287 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 7px;
  border-bottom: 1px solid var(--ui-border-subtle);
  background: var(--ui-surface-3);
}
._play-result-name_t9cbp_293 {
  font-size: 10px;
  font-weight: var(--ui-font-weight-semibold);
  color: var(--ui-text-muted);
}
._play-result-status_t9cbp_295 {
  font-size: 10px;
  letter-spacing: 0.04em;
  color: var(--ui-text-faint);
}
._play-result-ok_t9cbp_296 {
  color: hsl(145, 55%, 50%);
}
._play-result-err_t9cbp_297 {
  color: hsl(0, 65%, 60%);
}
._play-result-body_t9cbp_299 {
  font-family: var(--ui-font-mono);
  font-size: 10px;
  line-height: 1.45;
  padding: 6px 7px;
  color: var(--ui-text);
  white-space: pre-wrap;
  word-break: break-all;
  max-height: 140px;
  overflow-y: auto;
  scrollbar-width: thin;
}
._play-empty_t9cbp_306 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--ui-text-faint);
  font-size: var(--ui-font-size-xs);
  font-style: italic;
  padding: 24px;
  text-align: center;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/AssistantViewer/AssistantViewer.module.css */
._assistant_ejiv9_2 {
  --av-accent: var(--h290);
  --av-accent-raw: hsl(285, 40%, 62%);
  --av-accent-soft: rgba(139, 100, 185, 0.12);
  --av-accent-mid: rgba(139, 100, 185, 0.22);
  --av-accent-glow: rgba(139, 100, 185, 0.06);
  background: var(--ui-surface-1);
  width: 100%;
  height: 100%;
  font-family: var(--ui-font);
  color: var(--ui-text);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._header_ejiv9_19 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  background: var(--ui-surface-2);
  border-bottom: 1px solid var(--ui-border);
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: background var(--ui-transition-fast);
}
._header_ejiv9_19:hover {
  background: var(--ui-surface-3);
}
._hdr-icon_ejiv9_30 {
  width: 24px;
  height: 24px;
  border-radius: var(--ui-radius-sm);
  background: var(--av-accent-soft);
  border: 1px solid color-mix(in srgb, var(--av-accent-raw) 30%, var(--ui-border));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--av-accent);
  font-size: 11px;
  flex-shrink: 0;
}
._hdr-info_ejiv9_38 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
._hdr-name_ejiv9_43 {
  font-size: var(--ui-font-size-md);
  font-weight: var(--ui-font-weight-semibold);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
}
._hdr-model_ejiv9_49 {
  font-size: var(--ui-font-size-xs);
  padding: 1px 5px;
  border-radius: 99px;
  background: var(--av-accent-soft);
  border: 1px solid color-mix(in srgb, var(--av-accent-raw) 28%, var(--ui-border));
  color: var(--av-accent);
  white-space: nowrap;
  flex-shrink: 0;
  font-weight: var(--ui-font-weight-medium);
}
._hdr-badge-agent_ejiv9_57 {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: var(--ui-font-size-xs);
  padding: 1px 6px;
  border-radius: 99px;
  background: color-mix(in srgb, hsl(45, 90%, 60%) 14%, var(--ui-surface-2));
  border: 1px solid color-mix(in srgb, hsl(45, 90%, 60%) 35%, var(--ui-border));
  color: hsl(45, 85%, 65%);
  white-space: nowrap;
  flex-shrink: 0;
  font-weight: var(--ui-font-weight-medium);
}
._hdr-state_ejiv9_66 {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
}
._state-dot_ejiv9_68 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ui-text-faint);
  transition: background var(--ui-transition-fast);
  flex-shrink: 0;
}
._state-dot-ready_ejiv9_73 {
  background: hsl(145, 55%, 50%);
  box-shadow: 0 0 4px hsl(145, 55%, 50%);
}
._state-dot-busy_ejiv9_74 {
  background: var(--av-accent);
  box-shadow: 0 0 5px var(--av-accent-raw);
  animation: _pulse-dot_ejiv9_1 1.2s ease-in-out infinite;
}
@keyframes _pulse-dot_ejiv9_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.7);
  }
}
._state-lbl_ejiv9_77 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  letter-spacing: 0.04em;
}
._body_ejiv9_80 {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
._left-bar_ejiv9_88 {
  width: 38px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--ui-surface-2);
  border-right: 1px solid var(--ui-border);
  padding: 5px 0;
  gap: 1px;
  overflow: visible;
  z-index: 1;
}
._lb-section_ejiv9_102 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  width: 100%;
}
._lb-divider_ejiv9_110 {
  width: 20px;
  height: 1px;
  background: var(--ui-border);
  margin: 4px auto;
  flex-shrink: 0;
}
._lb-spacer_ejiv9_117 {
  flex: 1;
}
._lb-btn_ejiv9_120 {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: var(--ui-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: var(--ui-text-faint);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._lb-btn_ejiv9_120:hover {
  background: var(--ui-surface-3);
  color: var(--ui-text-muted);
}
._lb-btn-active_ejiv9_135 {
  background: var(--av-accent-soft);
  color: var(--av-accent);
  border: 1px solid color-mix(in srgb, var(--av-accent-raw) 38%, var(--ui-border));
}
._lb-btn-amber_ejiv9_140 {
  background: color-mix(in srgb, hsl(45, 90%, 60%) 14%, var(--ui-surface-2));
  color: hsl(45, 85%, 65%);
  border: 1px solid color-mix(in srgb, hsl(45, 90%, 60%) 38%, var(--ui-border));
}
._lb-badge_ejiv9_146 {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 13px;
  height: 13px;
  border-radius: 99px;
  background: var(--av-accent);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  pointer-events: none;
}
._tools-panel_ejiv9_160 {
  width: 210px;
  flex-shrink: 0;
  border-right: 1px solid var(--ui-border);
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  background: var(--ui-surface-1);
  animation: _panel-slide_ejiv9_1 0.2s cubic-bezier(0.34, 1.0, 0.64, 1) forwards;
}
@keyframes _panel-slide_ejiv9_1 {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
._main_ejiv9_178 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._behaviour-strip_ejiv9_187 {
  padding: 5px 10px;
  flex-shrink: 0;
  border-bottom: 1px solid var(--ui-border-subtle);
  display: flex;
  align-items: flex-start;
  gap: 5px;
  background: var(--av-accent-glow);
}
._behaviour-icon_ejiv9_193 {
  color: var(--av-accent);
  font-size: 9px;
  margin-top: 2px;
  opacity: 0.7;
  flex-shrink: 0;
}
._behaviour-text_ejiv9_194 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-muted);
  line-height: 1.5;
  font-style: italic;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
._img-root_ejiv9_203 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._img-canvas_ejiv9_208 {
  flex: 1;
  min-height: 80px;
  position: relative;
  overflow: hidden;
  background: var(--ui-surface-1);
  display: flex;
  align-items: center;
  justify-content: center;
}
._img-canvas-shrink_ejiv9_214 {
  flex: 0 0 150px;
  min-height: 150px;
}
._img-canvas-busy_ejiv9_215 {
  background: var(--ui-surface-1);
}
._gen-overlay_ejiv9_218 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  overflow: hidden;
}
._gen-shimmer_ejiv9_223 {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      135deg,
      transparent 0%,
      rgba(139, 100, 185, 0.04) 25%,
      rgba(139, 100, 185, 0.10) 50%,
      rgba(139, 100, 185, 0.04) 75%,
      transparent 100%);
  background-size: 300% 300%;
  animation: _shimmer-sweep_ejiv9_1 2s ease-in-out infinite;
}
@keyframes _shimmer-sweep_ejiv9_1 {
  0%, 100% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
}
._gen-orbs_ejiv9_230 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
._gen-orb_ejiv9_230 {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(139, 100, 185, 0.22) 0%,
      transparent 70%);
  animation: _orb-float_ejiv9_1 3s ease-in-out var(--d, 0s) infinite;
  filter: blur(20px);
}
._gen-orb_ejiv9_230:nth-child(1) {
  top: 10%;
  left: 15%;
}
._gen-orb_ejiv9_230:nth-child(2) {
  top: 40%;
  right: 10%;
  width: 140px;
  height: 140px;
}
._gen-orb_ejiv9_230:nth-child(3) {
  bottom: 10%;
  left: 40%;
  width: 120px;
  height: 120px;
}
@keyframes _orb-float_ejiv9_1 {
  0%, 100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translate(10px, -15px) scale(1.12);
    opacity: 1;
  }
}
._gen-text_ejiv9_240 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-semibold);
  color: var(--av-accent);
  letter-spacing: 0.04em;
  text-shadow: 0 0 20px rgba(139, 100, 185, 0.5);
  animation: _gen-pulse_ejiv9_1 1.8s ease-in-out infinite;
}
@keyframes _gen-pulse_ejiv9_1 {
  0%, 100% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
}
._img-gallery_ejiv9_251 {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1fr;
}
._img-gallery-multi_ejiv9_252 {
  grid-template-columns: 1fr 1fr;
}
._img-item_ejiv9_253 {
  position: relative;
  overflow: hidden;
  background: var(--ui-surface-2);
  animation: _img-enter_ejiv9_1 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--i,0) * 80ms) both;
}
@keyframes _img-enter_ejiv9_1 {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._img-item_ejiv9_253 img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: zoom-in;
  transition: transform 0.4s ease;
}
._img-item_ejiv9_253:hover img {
  transform: scale(1.03);
}
._img-zoom_ejiv9_260 {
  position: absolute;
  bottom: 6px;
  right: 6px;
  width: 26px;
  height: 26px;
  border-radius: var(--ui-radius-sm);
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity var(--ui-transition-fast);
  cursor: zoom-in;
  pointer-events: none;
}
._img-item_ejiv9_253:hover ._img-zoom_ejiv9_260 {
  opacity: 1;
  pointer-events: auto;
}
._img-empty_ejiv9_271 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 20px;
}
._img-empty-glow_ejiv9_272 {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(139, 100, 185, 0.10) 0%,
      transparent 70%);
  pointer-events: none;
}
._img-empty-icon_ejiv9_273 {
  font-size: 28px;
  color: color-mix(in srgb, var(--av-accent-raw) 55%, var(--ui-text-faint));
  opacity: 0.65;
}
._img-empty-lbl_ejiv9_274 {
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-medium);
  color: var(--ui-text-muted);
  letter-spacing: -0.01em;
}
._img-empty-sub_ejiv9_275 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
}
._studio-fab_ejiv9_278 {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 99px;
  border: 1px solid color-mix(in srgb, var(--av-accent-raw) 45%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-surface-3) 90%, transparent);
  backdrop-filter: blur(8px);
  color: var(--av-accent);
  font-size: var(--ui-font-size-xs);
  font-weight: 600;
  font-family: var(--ui-font);
  cursor: pointer;
  letter-spacing: 0.03em;
  transition: all var(--ui-transition-fast);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
._studio-fab_ejiv9_278:hover {
  background: var(--av-accent-soft);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(139, 100, 185, 0.25);
}
._studio-fab-open_ejiv9_290 {
  background: var(--av-accent-soft);
}
._studio-sheet_ejiv9_293 {
  flex: 0 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-top: 1px solid transparent;
  background: var(--ui-surface-1);
  transition: border-color 0.3s ease;
}
._studio-sheet-open_ejiv9_298 {
  flex: 1;
  min-height: 0;
  border-top-color: var(--ui-border);
}
._studio-sheet-open_ejiv9_298 ._studio-body_ejiv9_299 {
  animation: _sheet-enter_ejiv9_1 0.28s cubic-bezier(0.34, 1.0, 0.64, 1) forwards;
}
@keyframes _sheet-enter_ejiv9_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._studio-hdr_ejiv9_302 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px 5px;
  background: var(--ui-surface-2);
  border-bottom: 1px solid var(--ui-border);
  flex-shrink: 0;
  position: relative;
}
._studio-drag_ejiv9_307 {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 3px;
  border-radius: 99px;
  background: var(--ui-border-strong);
  cursor: pointer;
  opacity: 0.6;
  transition: opacity var(--ui-transition-fast);
}
._studio-drag_ejiv9_307:hover {
  opacity: 1;
}
._studio-title_ejiv9_314 {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  color: var(--av-accent);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-left: 12px;
}
._studio-close_ejiv9_319 {
  margin-left: auto;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-3);
  color: var(--ui-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  cursor: pointer;
  transition: all var(--ui-transition-fast);
}
._studio-close_ejiv9_319:hover {
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._studio-body_ejiv9_299 {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
._messages_ejiv9_331 {
  flex: 1;
  overflow-y: auto;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
}
._messages_ejiv9_331::-webkit-scrollbar {
  width: 3px;
}
._messages_ejiv9_331::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 99px;
}
._welcome_ejiv9_341 {
  align-self: flex-start;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  max-width: 90%;
}
._welcome-av_ejiv9_342 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--av-accent-soft);
  border: 1px solid color-mix(in srgb, var(--av-accent-raw) 30%, var(--ui-border));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  color: var(--av-accent);
  flex-shrink: 0;
  margin-top: 2px;
}
._welcome-bubble_ejiv9_348 {
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: 4px 12px 12px 12px;
  padding: 7px 10px;
  font-size: var(--ui-font-size-sm);
  line-height: 1.55;
}
._msg-row_ejiv9_355 {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
._msg-row-user_ejiv9_356 {
  flex-direction: row-reverse;
}
._msg-av_ejiv9_358 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--ui-surface-3);
  border: 1px solid var(--ui-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  color: var(--ui-text-muted);
  flex-shrink: 0;
  margin-top: 2px;
}
._msg-av-ai_ejiv9_364 {
  background: var(--av-accent-soft);
  border-color: color-mix(in srgb, var(--av-accent-raw) 30%, var(--ui-border));
  color: var(--av-accent);
}
._msg-av-user_ejiv9_365 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 35%, var(--ui-border));
  color: var(--ui-accent-blue);
}
._msg-wrap_ejiv9_367 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
._msg-row-user_ejiv9_356 ._msg-wrap_ejiv9_367 {
  align-items: flex-end;
}
._msg-bubble_ejiv9_370 {
  max-width: 90%;
  border-radius: 4px 12px 12px 12px;
  padding: 7px 10px;
  font-size: var(--ui-font-size-sm);
  line-height: 1.55;
  word-break: break-word;
  position: relative;
}
._msg-bubble-ai_ejiv9_375 {
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: 4px 12px 12px 12px;
}
._msg-bubble-user_ejiv9_376 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-3));
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 35%, var(--ui-border));
  border-radius: 12px 4px 12px 12px;
}
._msg-bubble-stream_ejiv9_381 {
  border-color: color-mix(in srgb, var(--av-accent-raw) 40%, var(--ui-border));
  background: color-mix(in srgb, var(--av-accent-soft) 70%, var(--ui-surface-2));
}
._stream-cursor_ejiv9_386 {
  display: inline-block;
  width: 2px;
  height: 12px;
  background: var(--av-accent);
  margin-left: 2px;
  vertical-align: middle;
  border-radius: 1px;
  animation: _blink_ejiv9_1 0.75s step-end infinite;
}
@keyframes _blink_ejiv9_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
._msg-actions_ejiv9_394 {
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity var(--ui-transition-fast);
  pointer-events: none;
}
._msg-wrap_ejiv9_367:hover ._msg-actions_ejiv9_394 {
  opacity: 1;
  pointer-events: auto;
}
._msg-act-btn_ejiv9_397 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-muted);
  cursor: pointer;
  font-size: 9px;
  transition: all var(--ui-transition-fast);
}
._msg-act-btn_ejiv9_397:hover {
  background: var(--ui-surface-4);
  color: var(--ui-text);
}
._json-output_ejiv9_407 {
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  padding: 8px;
  font-family: var(--ui-font-mono);
  font-size: 10px;
  line-height: 1.5;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-all;
  max-width: 88%;
}
._html-frame_ejiv9_412 {
  width: 88%;
  min-height: 100px;
  max-height: 260px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: #fff;
}
._image-results_ejiv9_413 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 88%;
}
._image-results-multi_ejiv9_414 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
._image-result_ejiv9_413 {
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  overflow: hidden;
  cursor: zoom-in;
}
._image-result_ejiv9_413 img {
  display: block;
  width: 100%;
  height: auto;
}
._image-empty_ejiv9_417 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
}
._empty-state_ejiv9_420 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px;
  pointer-events: none;
}
._empty-icon_ejiv9_425 {
  font-size: 24px;
  color: color-mix(in srgb, var(--av-accent-raw) 40%, var(--ui-text-faint));
  opacity: 0.5;
}
._empty-lbl_ejiv9_426 {
  font-size: var(--ui-font-size-sm);
  text-align: center;
  color: var(--ui-text-faint);
  max-width: 180px;
  line-height: 1.5;
}
._typing_ejiv9_429 {
  display: flex;
  align-items: center;
}
._typing-dots_ejiv9_430 {
  display: flex;
  gap: 3px;
  padding: 9px 12px;
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: 4px 12px 12px 12px;
}
._dot_ejiv9_434 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--av-accent);
  animation: _bounce_ejiv9_1 1.3s ease-in-out infinite;
}
._dot_ejiv9_434:nth-child(2) {
  animation-delay: 0.18s;
}
._dot_ejiv9_434:nth-child(3) {
  animation-delay: 0.36s;
}
@keyframes _bounce_ejiv9_1 {
  0%, 60%, 100% {
    transform: translateY(0);
    opacity: 0.45;
  }
  30% {
    transform: translateY(-4px);
    opacity: 1;
  }
}
._tool-status_ejiv9_443 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  background: color-mix(in srgb, hsl(45, 90%, 60%) 08%, var(--ui-surface-2));
  border: 1px solid color-mix(in srgb, hsl(45, 90%, 60%) 28%, var(--ui-border));
  border-radius: 4px 12px 12px 12px;
  font-size: var(--ui-font-size-xs);
  color: hsl(45, 80%, 65%);
  animation: _tool-pulse_ejiv9_1 1.6s ease-in-out infinite;
}
@keyframes _tool-pulse_ejiv9_1 {
  0%, 100% {
    opacity: 0.85;
  }
  50% {
    opacity: 1;
  }
}
._input-area_ejiv9_455 {
  border-top: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  flex-shrink: 0;
  padding: 6px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._agent-bar_ejiv9_461 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 7px;
  border-radius: var(--ui-radius-sm);
  background: color-mix(in srgb, hsl(45, 90%, 60%) 08%, var(--ui-surface-2));
  border: 1px solid color-mix(in srgb, hsl(45, 90%, 60%) 25%, var(--ui-border));
  font-size: var(--ui-font-size-xs);
  color: hsl(45, 75%, 60%);
}
._input-row_ejiv9_469 {
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
._input-field_ejiv9_471 {
  flex: 1;
  min-width: 0;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  color: var(--ui-text);
  font-size: var(--ui-font-size-sm);
  font-family: var(--ui-font);
  padding: 6px 9px;
  resize: none;
  min-height: 30px;
  max-height: 96px;
  line-height: 1.4;
  outline: none;
  transition: border-color var(--ui-transition-fast), background var(--ui-transition-fast);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
}
._input-field_ejiv9_471::-moz-placeholder {
  color: var(--ui-text-faint);
}
._input-field_ejiv9_471::placeholder {
  color: var(--ui-text-faint);
}
._input-field_ejiv9_471:focus {
  border-color: color-mix(in srgb, var(--av-accent-raw) 60%, var(--ui-border));
  background: rgba(139, 100, 185, 0.04);
}
._input-field_ejiv9_471:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
._input-btns_ejiv9_484 {
  display: flex;
  gap: 3px;
  flex-shrink: 0;
  align-items: flex-end;
}
._iBtn_ejiv9_486 {
  width: 28px;
  height: 28px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-3);
  color: var(--ui-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  flex-shrink: 0;
}
._iBtn_ejiv9_486:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-4);
  color: var(--ui-text);
}
._iBtn-send_ejiv9_493 {
  background: var(--av-accent-soft);
  border-color: color-mix(in srgb, var(--av-accent-raw) 50%, var(--ui-border));
  color: var(--av-accent);
}
._iBtn-send_ejiv9_493:hover {
  background: var(--av-accent-mid);
}
._iBtn-rec_ejiv9_495 {
  background: color-mix(in srgb, hsl(0, 70%, 55%) 14%, var(--ui-surface-3));
  border-color: hsl(0, 60%, 50%);
  color: hsl(0, 70%, 65%);
  animation: _rec-pulse_ejiv9_1 1.5s ease-in-out infinite;
}
._iBtn-active_ejiv9_496 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 50%, var(--ui-border));
  color: var(--ui-accent-blue);
}
@keyframes _rec-pulse_ejiv9_1 {
  0%, 100% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 0 2px rgba(220, 60, 60, 0.2);
  }
}
._input-meta_ejiv9_499 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
._input-hint_ejiv9_500 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  letter-spacing: 0.02em;
}
._input-acts_ejiv9_501 {
  display: flex;
  gap: 3px;
}
._mini-btn_ejiv9_503 {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: transparent;
  color: var(--ui-text-faint);
  font-size: var(--ui-font-size-xs);
  cursor: pointer;
  transition: all var(--ui-transition-fast);
  font-family: var(--ui-font);
}
._mini-btn_ejiv9_503:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-3);
  color: var(--ui-text-muted);
}
._md-content_ejiv9_513 {
  line-height: 1.6;
}
._md-content_ejiv9_513 p {
  margin: 0 0 5px;
}
._md-content_ejiv9_513 p:last-child {
  margin-bottom: 0;
}
._md-content_ejiv9_513 strong {
  font-weight: var(--ui-font-weight-semibold);
}
._md-content_ejiv9_513 em {
  font-style: italic;
  color: var(--ui-text-muted);
}
._md-content_ejiv9_513 code {
  font-family: var(--ui-font-mono);
  font-size: 10px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid var(--ui-border);
  border-radius: 3px;
  padding: 1px 4px;
}
._md-content_ejiv9_513 pre {
  font-family: var(--ui-font-mono);
  font-size: 10px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  padding: 7px 9px;
  overflow-x: auto;
  margin: 5px 0;
  line-height: 1.5;
}
._md-content_ejiv9_513 pre code {
  background: none;
  border: none;
  padding: 0;
  font-size: inherit;
}
._md-content_ejiv9_513 ul,
._md-content_ejiv9_513 ol {
  margin: 4px 0 4px 14px;
  padding: 0;
}
._md-content_ejiv9_513 li {
  margin-bottom: 2px;
}
._md-content_ejiv9_513 h1,
._md-content_ejiv9_513 h2,
._md-content_ejiv9_513 h3 {
  font-weight: var(--ui-font-weight-semibold);
  margin: 7px 0 3px;
}
._md-content_ejiv9_513 h1 {
  font-size: 14px;
}
._md-content_ejiv9_513 h2 {
  font-size: 13px;
}
._md-content_ejiv9_513 h3 {
  font-size: 12px;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/DataViewer/Tabs.module.css */
._tabs_1g9y3_1 {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #161616;
  top: 0;
  width: 220px;
  overflow: auto;
  border-right: 1px solid #333;
}
._tab_1g9y3_1 {
  background: #161616;
  color: var(--w90);
  text-align: left;
  padding: 10px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 34px;
  width: 100%;
  display: block;
}
._tab_1g9y3_1:hover {
  background: var(--w90);
  color: #5b5b61;
}
._tab_1g9y3_1 ~ ._tab_1g9y3_1 {
  border-top: 1px solid #333;
}
._tab-selected_1g9y3_34 {
  background: var(--h230);
}

/* temp_stylePlugin:../../node_modules/react-datasheet/lib/react-datasheet.css */
span.data-grid-container,
span.data-grid-container:focus {
  outline: none;
}
.data-grid-container .data-grid {
  table-layout: fixed;
  border-collapse: collapse;
}
.data-grid-container .data-grid .cell.updated {
  background-color: rgba(0, 145, 253, 0.16);
  transition: background-color 0ms ease;
}
.data-grid-container .data-grid .cell {
  height: 17px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: cell;
  background-color: unset;
  transition: background-color 500ms ease;
  vertical-align: middle;
  text-align: right;
  border: 1px solid #DDD;
  padding: 0;
}
.data-grid-container .data-grid .cell.selected {
  border: 1px double rgb(33, 133, 208);
  transition: none;
  box-shadow: inset 0 -100px 0 rgba(33, 133, 208, 0.15);
}
.data-grid-container .data-grid .cell.read-only {
  background: whitesmoke;
  color: #999;
  text-align: center;
}
.data-grid-container .data-grid .cell > .text {
  padding: 2px 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.data-grid-container .data-grid .cell > input {
  outline: none !important;
  border: 2px solid rgb(33, 133, 208);
  text-align: right;
  width: calc(100% - 6px);
  height: 11px;
  background: none;
  display: block;
}
.data-grid-container .data-grid .cell {
  vertical-align: bottom;
}
.data-grid-container .data-grid .cell,
.data-grid-container .data-grid.wrap .cell,
.data-grid-container .data-grid.wrap .cell.wrap,
.data-grid-container .data-grid .cell.wrap,
.data-grid-container .data-grid.nowrap .cell.wrap,
.data-grid-container .data-grid.clip .cell.wrap {
  white-space: normal;
}
.data-grid-container .data-grid.nowrap .cell,
.data-grid-container .data-grid.nowrap .cell.nowrap,
.data-grid-container .data-grid .cell.nowrap,
.data-grid-container .data-grid.wrap .cell.nowrap,
.data-grid-container .data-grid.clip .cell.nowrap {
  white-space: nowrap;
  overflow-x: visible;
}
.data-grid-container .data-grid.clip .cell,
.data-grid-container .data-grid.clip .cell.clip,
.data-grid-container .data-grid .cell.clip,
.data-grid-container .data-grid.wrap .cell.clip,
.data-grid-container .data-grid.nowrap .cell.clip {
  white-space: nowrap;
  overflow-x: hidden;
}
.data-grid-container .data-grid .cell .value-viewer,
.data-grid-container .data-grid .cell .data-editor {
  display: block;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/DataViewer/DataSheet.module.css */
._datasheet_1lhik_1 {
  width: calc(100% - 220px);
  height: 100%;
  margin-left: 220px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._datasheet-toolbar_1lhik_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #121212;
  border: 1px solid #222;
  border-radius: 8px;
  padding: 10px 12px;
}
._toolbar-left_1lhik_22 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
._toolbar-actions_1lhik_29 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
._find-field_1lhik_36 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 6px;
  background: #1a1a1a;
  border: 1px solid #292929;
  font-size: 12px;
  color: #dcdcdc;
}
._find-field_1lhik_36 input {
  background: transparent;
  border: none;
  outline: none;
  color: #f0f0f0;
  font-size: 12px;
  min-width: 140px;
}
._find-field_1lhik_36 input::-moz-placeholder {
  color: #7f7f7f;
}
._find-field_1lhik_36 input::placeholder {
  color: #7f7f7f;
}
._toolbar-actions_1lhik_29 button {
  background: #1e1e1e;
  border: 1px solid #2e2e2e;
  color: #f0f0f0;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s ease;
}
._toolbar-actions_1lhik_29 button:hover:not(:disabled) {
  border-color: #3a7afe;
  color: #ffffff;
}
._toolbar-actions_1lhik_29 button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._semantic-panel_1lhik_82 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #111111;
  border: 1px solid #222;
  border-radius: 8px;
  padding: 12px;
}
._semantic-header_1lhik_92 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
._semantic-title_1lhik_100 {
  font-size: 13px;
  font-weight: 600;
  color: #f0f0f0;
}
._semantic-meta_1lhik_106 {
  font-size: 12px;
  color: #9ca3af;
}
._semantic-controls_1lhik_111 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
}
._semantic-field_1lhik_118 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: #d1d5db;
  min-width: 160px;
}
._semantic-field_1lhik_118 input {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  padding: 6px 8px;
  color: #f0f0f0;
  font-size: 12px;
}
._semantic-field_1lhik_118 input::-moz-placeholder {
  color: #6b7280;
}
._semantic-field_1lhik_118 input::placeholder {
  color: #6b7280;
}
._semantic-toggle_1lhik_140 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #d1d5db;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  padding: 6px 8px;
  height: 30px;
}
._semantic-actions_1lhik_153 {
  display: flex;
  gap: 8px;
  align-items: center;
}
._semantic-actions_1lhik_153 button {
  background: #1e1e1e;
  border: 1px solid #2e2e2e;
  color: #f0f0f0;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s ease;
}
._semantic-actions_1lhik_153 button:hover:not(:disabled) {
  border-color: #3a7afe;
  color: #ffffff;
}
._semantic-actions_1lhik_153 button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._semantic-error_1lhik_180 {
  font-size: 12px;
  color: #f87171;
  background: rgba(248, 113, 113, 0.12);
  border: 1px solid rgba(248, 113, 113, 0.2);
  border-radius: 6px;
  padding: 6px 8px;
}
._semantic-results_1lhik_189 {
  max-height: 200px;
  overflow: auto;
  background: #0b0b0b;
  border: 1px solid #1f1f1f;
  border-radius: 8px;
  padding: 8px;
  color: #e5e7eb;
  font-size: 11px;
  line-height: 1.4;
  font-family:
    "Fira Code",
    "Fira Mono",
    "Menlo",
    "Consolas",
    monospace;
  white-space: pre-wrap;
}
._tag_1lhik_203 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 6px;
  background: #1a1a1a;
  border: 1px solid #292929;
  font-size: 12px;
  color: #dcdcdc;
}
._tag_1lhik_203[data-status=loading] {
  border-color: #f59e0b;
  color: #f59e0b;
}
._tag_1lhik_203[data-status=ready] {
  border-color: #22c55e;
  color: #22c55e;
}
._datasheet-container_1lhik_225 {
  flex: 1;
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  overflow-anchor: none;
  border: 1px solid #1f1f1f;
  border-radius: 8px;
  background: #0f0f0f;
}
._datasheet-header_1lhik_237 {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #0f0f0f;
  border-bottom: 1px solid #1f1f1f;
  display: inline-block;
  min-width: 100%;
}
._datasheet-header_1lhik_237 .cell {
  cursor: pointer;
}
._virtualized-content_1lhik_252 {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
._json-value_1lhik_258 {
  cursor: pointer;
}
._json-modal_1lhik_262 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(920px, 92vw);
  height: min(720px, 82vh);
  background: #0b0b0b;
  border: 1px solid #242424;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}
._json-modal-header_1lhik_277 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #1f1f1f;
  color: #f0f0f0;
  font-size: 14px;
}
._json-modal-title_1lhik_287 {
  font-weight: 600;
}
._json-modal-hint_1lhik_291 {
  font-size: 12px;
  color: #9ca3af;
}
._json-modal-body_1lhik_296 {
  flex: 1;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._json-editor_1lhik_304 {
  flex: 1;
  font-family:
    "Fira Code",
    "Fira Mono",
    "Menlo",
    "Consolas",
    monospace;
  font-size: 12px;
  background: #111111;
  border: 1px solid #1f1f1f;
  border-radius: 8px;
  color: #e5e7eb;
  overflow: auto;
}
._json-error_1lhik_315 {
  color: #ef4444;
  font-size: 12px;
}
._json-modal-footer_1lhik_320 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #1f1f1f;
}
._json-button_1lhik_328,
._json-button-primary_1lhik_329 {
  background: #1e1e1e;
  border: 1px solid #2e2e2e;
  color: #f0f0f0;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s ease;
}
._json-button_1lhik_328:hover,
._json-button-primary_1lhik_329:hover {
  border-color: #3a7afe;
  color: #ffffff;
}
._json-button-primary_1lhik_329 {
  background: #1b2b53;
  border-color: #2c4892;
}
._datasheet-footer_1lhik_352 {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 40px;
  background-color: #202020;
  border-top: 1px solid #303030;
  display: flex;
  align-items: center;
  padding: 0 20px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  z-index: 100;
  flex-shrink: 0;
  transition: min-height 0.2s ease;
}
._datasheet-footer_1lhik_352::-webkit-scrollbar {
  height: 4px;
}
._datasheet-footer_1lhik_352::-webkit-scrollbar-track {
  background: #141414;
}
._datasheet-footer_1lhik_352::-webkit-scrollbar-thumb {
  background: #404040;
  border-radius: 2px;
}
._datasheet-footer_1lhik_352::-webkit-scrollbar-thumb:hover {
  background: #505050;
}
._datasheet-footer-text_1lhik_390 {
  color: #F0F0F0;
  font-size: 12px;
  padding: 0 12px;
  border-right: 1px solid #303030;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 38px;
  line-height: 1.2;
}
._datasheet-footer-text_1lhik_390:last-child {
  border-right: none;
}
._datasheet-footer-text_1lhik_390 strong {
  font-weight: 600;
  color: #FFFFFF;
}
._datasheet-footer-text_1lhik_390 button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #1e1e1e;
  border: 1px solid #2e2e2e;
  color: #f0f0f0;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  font-family: inherit;
  line-height: 1;
  transition: all 0.15s ease;
  margin: 0;
}
._datasheet-footer-text_1lhik_390 button + button {
  margin-left: 6px;
}
._datasheet-footer-text_1lhik_390 button:hover:not(:disabled) {
  border-color: #3a7afe;
  color: #ffffff;
}
._datasheet-footer-text_1lhik_390 button:active {
  transform: translateY(1px);
}
._datasheet-footer-text_1lhik_390 button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._datasheet-footer-text_1lhik_390[data-status=error] {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
  border-radius: 4px;
  margin: 2px 0;
}
._datasheet-footer-text_1lhik_390[data-status=warning] {
  color: #fbbf24;
  background-color: rgba(251, 191, 36, 0.1);
  border-radius: 4px;
  margin: 2px 0;
}
._datasheet-footer-text_1lhik_390[data-status=success] {
  color: #4ade80;
  background-color: rgba(74, 222, 128, 0.1);
  border-radius: 4px;
  margin: 2px 0;
}
@media (max-width: 1200px) {
  ._datasheet-footer-text_1lhik_390 {
    font-size: 11px;
    padding: 0 8px;
  }
}
@media (max-width: 900px) {
  ._datasheet-footer-text_1lhik_390 {
    font-size: 10px;
    padding: 0 6px;
  }
}
._index-cell_1lhik_485 {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-variant-numeric: tabular-nums;
}
._index-cell-selected_1lhik_496 {
  color: #3a7afe;
  font-size: 14px;
}
._tag_1lhik_203[data-status=selected] {
  border-color: #3a7afe;
  color: #3a7afe;
}
._btn-danger_1lhik_509 {
  background: rgba(239, 68, 68, 0.12) !important;
  border: 1px solid rgba(239, 68, 68, 0.4) !important;
  color: #f87171 !important;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s ease;
}
._btn-danger_1lhik_509:hover {
  background: rgba(239, 68, 68, 0.22) !important;
  border-color: #ef4444 !important;
  color: #fca5a5 !important;
}
.cell {
  background-color: #141414 !important;
  border-color: #202020 !important;
  padding: 10px 10px !important;
}
.cell .value-viewer {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 20px;
  min-height: 20px;
  max-width: 200px;
  white-space: nowrap;
}
.cell.read-only {
  background-color: #141414 !important;
}
.cell.selected {
  background-color: rgb(31, 36, 66) !important;
}
.cell.selected.editing .data-editor {
  color: #F0F0F0 !important;
  caret-color: #F0F0F0 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  height: 100% !important;
  font: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}
.cell.selected.editing {
  border: 1px solid rgba(58, 122, 254, 0.5) !important;
  box-shadow: none !important;
}
tr.row-selected td.cell {
  background-color: rgba(31, 36, 90, 0.9) !important;
}
tr.row-selected td.cell:first-child {
  background-color: rgba(58, 122, 254, 0.25) !important;
  border-left: 2px solid #3a7afe !important;
}
tr.row-selected td.cell.read-only {
  background-color: rgba(31, 36, 90, 0.9) !important;
}
tr.row-cursor td.cell:first-child {
  border-left: 2px solid #f59e0b !important;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/DataViewer/DataSheetEmpty.module.css */
._container_17oid_1 {
  width: calc(100% - 220px);
  height: 100%;
  margin-left: 220px;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
._cta_17oid_11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
._cta_17oid_11:hover {
  cursor: pointer;
  color: var(--h230);
}
._cta_17oid_11 p {
  font-size: 16px;
}
._icon_17oid_26 {
  font-size: 150px;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/DataViewer/DataExplorerDashboard.module.css */
._dashboard_igqzj_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: #0f0f0f;
  border: 1px solid #1f1f1f;
  border-radius: 12px;
  width: calc(100% - 220px);
  margin-left: 220px;
  height: calc(100% - 32px);
  overflow: hidden;
}
._header_igqzj_15 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
._header_igqzj_15 h2 {
  margin: 0;
  font-size: 20px;
  color: #f9fafb;
}
._header_igqzj_15 p {
  margin: 6px 0 0;
  color: #9ca3af;
  font-size: 12px;
}
._selector_igqzj_35 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #d1d5db;
}
._selector_igqzj_35 select,
._selector_igqzj_35 button {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  color: #f0f0f0;
  padding: 6px 10px;
  font-size: 12px;
}
._selector_igqzj_35 button {
  cursor: pointer;
}
._tabs_igqzj_58 {
  display: flex;
  gap: 8px;
}
._tabs_igqzj_58 button {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 12px;
  color: #d1d5db;
  cursor: pointer;
}
._tabs_igqzj_58 ._active_igqzj_73 {
  border-color: #3a7afe;
  color: #ffffff;
}
._overview_igqzj_78 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: auto;
  padding-bottom: 8px;
  flex: 1;
}
._cards_igqzj_87 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}
._card_igqzj_87 {
  background: #121212;
  border: 1px solid #242424;
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #d1d5db;
  font-size: 12px;
}
._card_igqzj_87 strong {
  font-size: 18px;
  color: #f9fafb;
}
._overview-details_igqzj_110 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
._overview-details_igqzj_110 h3 {
  margin: 0 0 6px;
  font-size: 14px;
  color: #f9fafb;
}
._overview-details_igqzj_110 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  color: #d1d5db;
}
._pill_igqzj_133 {
  margin-left: 6px;
  padding: 2px 6px;
  background: #1a1a1a;
  border-radius: 999px;
  font-size: 10px;
  color: #93c5fd;
}
._navigator_igqzj_142 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  flex: 1;
}
._navigator-columns_igqzj_150 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 1fr);
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
  flex: 1;
}
._navigator-column_igqzj_150 {
  background: #121212;
  border: 1px solid #242424;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  min-height: 280px;
  height: 100%;
}
._navigator-header_igqzj_170 {
  padding: 10px 12px;
  border-bottom: 1px solid #1f1f1f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #9ca3af;
}
._navigator-header_igqzj_170 h4 {
  margin: 0;
  font-size: 13px;
  color: #f9fafb;
}
._navigator-list_igqzj_186 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  flex: 1;
  overflow-y: auto;
}
._navigator-list_igqzj_186 button {
  background: #1a1a1a;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #e5e7eb;
  padding: 6px 8px;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
._navigator-list_igqzj_186 ._selected_igqzj_209 {
  border-color: #3a7afe;
  color: #ffffff;
}
._navigator-up_igqzj_214 {
  color: #9ca3af;
  background: transparent;
  border: 1px dashed #2a2a2a;
}
._nav-icon_igqzj_220 {
  width: 18px;
  text-align: center;
}
._ask_igqzj_225 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  height: 100%;
}
._ask-controls_igqzj_233 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
._ask-controls_igqzj_233 label {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  color: #d1d5db;
}
._ask-controls_igqzj_233 select {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  color: #f0f0f0;
  padding: 6px 8px;
  font-size: 12px;
}
._chat_igqzj_257 {
  background: #0b0b0b;
  border: 1px solid #1f1f1f;
  border-radius: 10px;
  padding: 12px;
  max-height: 320px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._msg-user_igqzj_269,
._msg-assistant_igqzj_270 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: #e5e7eb;
}
._msg-user_igqzj_269 strong {
  color: #93c5fd;
}
._msg-assistant_igqzj_270 strong {
  color: #a7f3d0;
}
._ask-input_igqzj_286 {
  display: flex;
  gap: 8px;
}
._ask-input_igqzj_286 input {
  flex: 1;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 12px;
  color: #f0f0f0;
}
._ask-input_igqzj_286 button {
  background: #1e1e1e;
  border: 1px solid #2e2e2e;
  color: #f0f0f0;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
}
._muted_igqzj_311 {
  color: #6b7280;
  font-size: 12px;
}
._error_igqzj_316 {
  background: rgba(248, 113, 113, 0.12);
  border: 1px solid rgba(248, 113, 113, 0.2);
  color: #f87171;
  font-size: 12px;
  padding: 6px 8px;
  border-radius: 6px;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/DataViewer/DataViewer.module.css */
._datasource_1y3ji_1 {
  background: #141414;
  width: 100%;
  height: 100%;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  font-size: 12px;
  position: absolute;
  color: #DFDFDF;
  border: 1px solid #272727;
}
._dataset-setup_1y3ji_12 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 16px;
  text-align: center;
}

/* temp_stylePlugin:src/components/Topbar/Toolbar/Toolbar.module.css */
._toolbar_uk4xf_1 {
  font-size: 14px;
  height: 100%;
  color: var(--ui-text-muted);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
._tool_uk4xf_1 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  transition: var(--ui-transition-fast);
}
._tool_uk4xf_1:hover:not(._tool-selected_uk4xf_24) {
  background: color-mix(in srgb, var(--ui-accent-blue) 10%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 45%, var(--ui-border));
  color: var(--ui-text);
  transform: translateY(-1px);
}
._tool-selected_uk4xf_24 {
  background: var(--ui-accent-soft);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 60%, var(--ui-border));
  color: color-mix(in srgb, var(--ui-accent-blue) 84%, white);
  box-shadow: 0 0 0 1px var(--ui-accent-soft);
}

/* temp_stylePlugin:src/components/Topbar/Topbar.module.css */
._topbar_1tzp7_1 {
  background: color-mix(in srgb, var(--ui-surface-1) 94%, transparent);
  height: 52px;
  width: 100%;
  position: absolute;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 82%, transparent);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}
._topbar-button_1tzp7_14 {
  width: 32px;
  height: 32px;
  color: var(--ui-text-muted);
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 78%, transparent);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
  transition: var(--ui-transition-fast);
}
._topbar-button_1tzp7_14:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-3));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 52%, var(--ui-border));
  color: var(--ui-text);
}
._toolbar_1tzp7_35 {
  height: 100%;
  margin-left: 8px;
  margin-right: 8px;
}
._left-buttons_1tzp7_41 {
  position: absolute;
  top: 0px;
  left: 0;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-left: 16px;
}
._right-buttons_1tzp7_53 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding-right: 16px;
}
._action-buttons_1tzp7_66 {
  height: 100%;
  display: flex;
  color: var(--ui-text);
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-right: 6px;
}
._topbar-system-name_1tzp7_77 {
  color: var(--ui-text);
  font-size: var(--ui-font-size-md);
  font-weight: var(--ui-font-weight-medium);
  letter-spacing: -0.01em;
  margin: 0;
}
._topbar-workspace-name_1tzp7_84 {
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-sm);
  margin-left: 5px;
  letter-spacing: var(--ui-letter-spacing-wide);
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 0;
}
._button_1tzp7_94 {
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: var(--ui-radius-sm);
  line-height: 32px;
  margin: 0px 8px;
  background-color: var(--ui-surface-3);
  border: 1px solid var(--ui-border);
  cursor: pointer;
  transition: 0.1s;
  box-shadow: var(--ui-shadow-soft);
}
._button_1tzp7_94:hover {
  background: var(--ui-surface-4);
  border-color: var(--ui-border-strong);
  color: #f4f7fa;
}
._separator_1tzp7_114 {
  width: 8px;
}
._menu_1tzp7_118 {
  max-height: 500px;
  overflow: auto;
  width: 230px;
  border-radius: var(--ui-radius-md);
  padding: 8px;
  background-color: color-mix(in srgb, var(--ui-surface-4) 88%, var(--ui-surface-2));
  border: 1px solid var(--ui-panel-border);
  box-shadow: var(--ui-shadow-panel), var(--ui-panel-inset);
}
._menu-item_1tzp7_128 {
  font-size: var(--ui-font-size-sm);
  min-height: 30px;
  line-height: 20px;
  display: block;
  text-decoration: none;
  color: var(--ui-text);
  border-radius: var(--ui-radius-sm);
  border: 1px solid transparent;
}
._menu-item_1tzp7_128:hover {
  border-color: color-mix(in srgb, var(--ui-accent-blue) 50%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-3));
  cursor: pointer;
}
._menu-item_1tzp7_128 i {
  width: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
._menu-item-play_1tzp7_148 {
  display: grid;
  grid-template-columns: 1fr 20px 20px;
  gap: 5px;
  align-items: center;
  padding: 0 8px 0 10px;
  font-size: var(--ui-font-size-sm);
  min-height: 30px;
  line-height: 20px;
  text-decoration: none;
  color: var(--ui-text);
  border-radius: var(--ui-radius-sm);
  border: 1px solid transparent;
}
._menu-item-play_1tzp7_148:hover {
  border-color: var(--ui-border-strong);
  background: rgba(255, 255, 255, 0.03);
}
._menu-item-play_1tzp7_148 a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ui-text);
  cursor: pointer;
}
._menu-item-play_1tzp7_148 i {
  width: 20px;
  cursor: pointer;
  color: var(--ui-text);
}

/* temp_stylePlugin:src/components/MiniMap/MiniMap.module.css */
._map_j7t8g_1 {
  transition: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid white;
  bottom: 10px;
  left: 50%;
  perspective: 1000;
  z-index: 99999;
  contain: strict;
}
._map_j7t8g_1:hover {
  background: rgba(0, 0, 0, 1);
}

/* temp_stylePlugin:src/components/XRayOverlay/XRayOverlay.module.css */
._overlay_rjolh_1 {
  position: fixed;
  inset: 0;
  z-index: 88888;
  pointer-events: none;
}
._block_rjolh_8 {
  position: absolute;
  border-radius: 3px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 2px 4px;
  box-sizing: border-box;
  transition: background 200ms ease;
  outline: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}
._block-label_rjolh_20 {
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  font-family: ui-monospace, monospace;
  pointer-events: none;
}
._legend_rjolh_31 {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: rgba(10, 10, 14, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  animation: _legendIn_rjolh_1 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes _legendIn_rjolh_1 {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._legend-title_rjolh_53 {
  font-size: 10px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: ui-monospace, monospace;
}
._legend-gradient_rjolh_62 {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
._legend-gradient-bar_rjolh_68 {
  width: 10px;
  flex-shrink: 0;
  border-radius: 4px;
  background:
    linear-gradient(
      to bottom,
      hsla(220, 90%, 58%, 0.85),
      hsla(110, 90%, 58%, 0.85),
      hsla(55, 90%, 58%, 0.85),
      hsla(30, 90%, 58%, 0.85),
      hsla(0, 90%, 58%, 0.85));
}
._legend-gradient-labels_rjolh_82 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.65);
  font-family: ui-monospace, monospace;
  min-height: 64px;
}
._legend-hint_rjolh_92 {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.3);
  font-family: ui-monospace, monospace;
  margin-top: 2px;
}
._legend-hint_rjolh_92 kbd {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 3px;
  padding: 0 4px;
  font-family: inherit;
}

/* temp_stylePlugin:src/components/Panels/Data2Menu/Data2Menu.module.css */
._data2-logo_12f9m_1 {
  color: var(--ui-text-muted);
  width: 32px;
  height: 32px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  border-radius: var(--ui-radius-sm);
  border: 1px solid color-mix(in srgb, var(--ui-border) 76%, transparent);
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
}
._logo_12f9m_16 {
  filter: none;
  opacity: 0.65;
  transition: opacity var(--ui-transition-fast);
}
._data2-logo_12f9m_1[aria-expanded=true] ._logo_12f9m_16,
._data2-logo_12f9m_1:hover ._logo_12f9m_16 {
  opacity: 1;
}
._data2-menu_12f9m_27 {
  background: var(--ui-panel-bg);
  min-width: 300px;
  color: var(--ui-text);
  font-size: var(--ui-font-size-md);
  border: 1px solid var(--ui-panel-border);
  border-radius: var(--ui-radius-md);
  box-shadow: var(--ui-shadow-panel), var(--ui-panel-inset);
  padding: 6px;
}
._data2-menu-item_12f9m_38 {
  padding: 8px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: var(--ui-radius-sm);
  border: 1px solid transparent;
  transition:
    border-color var(--ui-transition-fast),
    background var(--ui-transition-fast),
    color var(--ui-transition-fast);
}
._data2-menu-item_12f9m_38:hover {
  color: var(--ui-text);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 50%, var(--ui-border));
  background: color-mix(in srgb, var(--ui-accent-blue) 10%, var(--ui-surface-3));
}
._data2-menu-item--selected_12f9m_52 {
  background: var(--ui-accent-soft);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 56%, var(--ui-border));
  color: color-mix(in srgb, var(--ui-accent-blue) 80%, white);
}
._data2-menu-item_12f9m_38 > img {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
._icon_12f9m_64 {
  font-size: 16px;
  margin-right: 10px;
}
._notification-counter_12f9m_69 {
  position: absolute;
  color: #fff;
  background-color: var(--ui-accent-blue);
  width: 14px;
  height: 14px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  top: -4px;
  right: -4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._menu-item-seperator_12f9m_85 {
  border-bottom: solid 1px color-mix(in srgb, var(--ui-border) 84%, transparent);
  margin-bottom: 6px;
  padding-bottom: 10px;
}

/* temp_stylePlugin:src/components/Panels/InspectorSubmenu.module.css */
._container_nnhtr_1 {
  position: relative;
}
._pin-dot_nnhtr_5 {
  position: absolute;
  bottom: 2px;
  right: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4ebbef;
  pointer-events: none;
}
._submenu_nnhtr_16 {
  position: fixed;
  width: 220px;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  z-index: 999999;
  padding: 4px 0;
  overflow: hidden;
}
._submenu-item_nnhtr_28 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  cursor: pointer;
  font-size: 11px;
  color: #ccc;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
}
._submenu-item_nnhtr_28:hover {
  background: rgba(255, 255, 255, 0.06);
}
._submenu-item--active_nnhtr_46 {
  background: rgba(78, 187, 239, 0.1);
  color: #4ebbef;
  font-weight: 600;
}
._submenu-item_nnhtr_28 i {
  font-size: 14px;
  flex-shrink: 0;
}
._submenu-label_nnhtr_57 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
._unpin-button_nnhtr_65 {
  margin-left: auto;
  background: none;
  border: none;
  cursor: pointer;
  color: #666;
  padding: 2px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1;
  display: flex;
  flex-shrink: 0;
}
._unpin-button_nnhtr_65:hover {
  color: #e55;
  background: rgba(255, 255, 255, 0.06);
}
._separator_nnhtr_84 {
  height: 1px;
  background: #333;
  margin: 3px 0;
}

/* temp_stylePlugin:src/components/Inspector/PinnedInspectorPanel/PinnedInspectorPanel.module.css */
._pinned-wrapper_ilxc3_1 {
  position: relative;
  width: 100%;
  height: 100%;
}
._inspector-live_ilxc3_7 {
  width: 100%;
  height: 100%;
}
._loading-state_ilxc3_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--ui-text-faint);
  font-size: 18px;
  opacity: 0.5;
}
._inspector-snapshot_ilxc3_23 {
  width: 100%;
  height: 100%;
  overflow: auto;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  scroll-behavior: auto;
  opacity: 0.5;
  filter: grayscale(0.3);
}
._inspector-snapshot_ilxc3_23 * {
  scroll-behavior: auto !important;
  transition: none !important;
  animation: none !important;
}
._frozen-overlay_ilxc3_40 {
  position: absolute;
  inset: 0;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 12px;
  background:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.18) 0%,
      transparent 40%);
  transition: background var(--ui-transition-fast);
}
._frozen-overlay_ilxc3_40:hover {
  background:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.28) 0%,
      transparent 50%);
}
._frozen-badge_ilxc3_57 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--ui-surface-1) 92%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 72%, transparent);
  box-shadow: var(--ui-shadow-soft);
  font-size: var(--ui-font-size-sm);
  color: var(--ui-text-muted);
  pointer-events: none;
}
._frozen-badge_ilxc3_57 i {
  font-size: 12px;
  color: var(--ui-accent-blue);
}
._frozen-edit-hint_ilxc3_76 {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-text-faint);
  margin-left: 4px;
}
._editing-bar_ilxc3_82 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: color-mix(in srgb, var(--ui-accent-blue) 12%, var(--ui-surface-1));
  border-top: 1px solid color-mix(in srgb, var(--ui-accent-blue) 32%, var(--ui-border));
  font-size: var(--ui-font-size-sm);
  color: var(--ui-text);
}
._editing-bar_ilxc3_82 i {
  font-size: 13px;
  color: var(--ui-accent-blue);
}
._done-button_ilxc3_103 {
  margin-left: auto;
  background: none;
  border: 1px solid color-mix(in srgb, var(--ui-accent-blue) 48%, var(--ui-border));
  border-radius: 4px;
  cursor: pointer;
  color: var(--ui-accent-blue);
  padding: 3px 10px;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-medium);
  transition: background var(--ui-transition-fast), border-color var(--ui-transition-fast);
}
._done-button_ilxc3_103:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, transparent);
  border-color: var(--ui-accent-blue);
}

/* temp_stylePlugin:src/components/CDViewer/CDViewer.module.css */
._root_vihdp_1 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-family: var(--ui-font-mono);
  font-size: 12px;
  color: var(--ui-text);
  background: var(--ui-surface-1);
}
._inputPane_vihdp_15 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  height: 100%;
  box-sizing: border-box;
}
._inputHint_vihdp_24 {
  font-size: 11px;
  color: var(--ui-text-muted);
  letter-spacing: 0.02em;
}
._textarea_vihdp_30 {
  flex: 1;
  background: color-mix(in srgb, var(--ui-surface-3) 55%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 55%, transparent);
  border-radius: 6px;
  padding: 8px 10px;
  color: var(--ui-text);
  font-family: var(--ui-font-mono);
  font-size: 11px;
  line-height: 1.55;
  resize: none;
  outline: none;
}
._textarea_vihdp_30:focus {
  border-color: color-mix(in srgb, var(--ui-accent) 80%, transparent);
}
._error_vihdp_47 {
  font-size: 11px;
  color: #ff453a;
  padding: 2px 0;
}
._inputFooter_vihdp_53 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._hint_vihdp_59 {
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.55;
}
._parseBtn_vihdp_65 {
  padding: 5px 14px;
  background: var(--ui-accent, #5ac8fa);
  color: #000;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  font-family: var(--ui-font-mono);
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 0.04em;
}
._parseBtn_vihdp_65:hover {
  filter: brightness(1.1);
}
._viewPane_vihdp_81 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
._half_vihdp_90 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
._divider_vihdp_98 {
  height: 1px;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._halfHeader_vihdp_104 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 38%, transparent);
  flex-shrink: 0;
  min-height: 26px;
}
._halfLabel_vihdp_114 {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--ui-text-muted);
  opacity: 0.55;
  flex-shrink: 0;
}
._newBtn_vihdp_123 {
  background: none;
  border: 1px solid color-mix(in srgb, var(--ui-border) 55%, transparent);
  color: var(--ui-text-muted);
  font-size: 10px;
  font-family: var(--ui-font-mono);
  cursor: pointer;
  padding: 2px 7px;
  border-radius: 4px;
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
._newBtn_vihdp_123:hover {
  color: var(--ui-text);
  border-color: color-mix(in srgb, var(--ui-border) 80%, transparent);
}
._breadcrumb_vihdp_142 {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  flex: 1;
}
._breadcrumbLink_vihdp_150 {
  font-size: 10px;
  color: var(--ui-text-muted);
  cursor: pointer;
  padding: 1px 3px;
  border-radius: 3px;
  white-space: nowrap;
}
._breadcrumbLink_vihdp_150:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 60%, transparent);
}
._breadcrumbCurrent_vihdp_163 {
  font-size: 10px;
  color: var(--ui-text);
  font-weight: 600;
  padding: 1px 3px;
  white-space: nowrap;
}
._breadcrumbSep_vihdp_171 {
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.35;
}
._columns_vihdp_179 {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
}
._column_vihdp_179 {
  min-width: 200px;
  width: 200px;
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 38%, transparent);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
._colHeader_vihdp_196 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 35%, transparent);
  flex-shrink: 0;
  min-height: 24px;
}
._colTypeName_vihdp_206 {
  font-size: 11px;
  font-weight: 600;
  color: var(--ui-text);
}
._cdKindTag_vihdp_212 {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 1px 4px;
  border-radius: 3px;
  flex-shrink: 0;
}
._ck-expression_vihdp_220 {
  background: rgba(191, 90, 242, 0.15);
  color: #bf5af2;
}
._ck-algorithmic_vihdp_221 {
  background: rgba(255, 159, 10, 0.15);
  color: #ff9f0a;
}
._breakTag_vihdp_223 {
  font-size: 9px;
  padding: 1px 4px;
  border-radius: 3px;
  background: rgba(255, 149, 0, 0.16);
  color: #ff9f0a;
  letter-spacing: 0.04em;
  font-weight: 600;
}
._colCount_vihdp_233 {
  font-size: 9px;
  color: var(--ui-text-muted);
  opacity: 0.4;
  margin-left: auto;
}
._inspectBtn_vihdp_240 {
  background: none;
  border: none;
  padding: 0 2px;
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.45;
  cursor: pointer;
  line-height: 1;
  flex-shrink: 0;
}
._inspectBtn_vihdp_240:hover {
  opacity: 1;
  color: var(--ui-accent, #5ac8fa);
}
._colBody_vihdp_256 {
  flex: 1;
  overflow-y: auto;
  padding: 2px 0;
}
._emptyMsg_vihdp_262 {
  padding: 8px 10px;
  font-size: 11px;
  color: var(--ui-text-muted);
  opacity: 0.45;
  font-style: italic;
}
._paramRow_vihdp_272 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 7px;
  min-height: 23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._paramRowNav_vihdp_281 {
  cursor: pointer;
}
._paramRowNav_vihdp_281:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 55%, transparent);
}
._paramRowSel_vihdp_285 {
  background: color-mix(in srgb, var(--ui-accent, #5ac8fa) 13%, transparent) !important;
}
._kindPill_vihdp_289 {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 1px 3px;
  border-radius: 3px;
  flex-shrink: 0;
  width: 22px;
  text-align: center;
}
._k-control_vihdp_299 {
  background: rgba(52, 199, 89, 0.16);
  color: #34c759;
}
._k-navigate_vihdp_300 {
  background: rgba(90, 200, 250, 0.16);
  color: #5ac8fa;
}
._k-array_vihdp_301 {
  background: rgba(255, 159, 10, 0.16);
  color: #ff9f0a;
}
._paramKey_vihdp_303 {
  font-size: 11px;
  color: var(--ui-text);
  flex-shrink: 0;
  min-width: 44px;
}
._paramType_vihdp_310 {
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.5;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 66px;
}
._paramVal_vihdp_321 {
  font-size: 10px;
  color: var(--ui-text-muted);
  flex: 1;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.65;
}
._chevron_vihdp_332 {
  font-size: 14px;
  color: var(--ui-text-muted);
  flex-shrink: 0;
  opacity: 0.4;
  margin-left: auto;
}
._inspectorRows_vihdp_342 {
  flex: 1;
  overflow-y: auto;
  padding: 2px 0;
}
._inspRow_vihdp_348 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  min-height: 30px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 22%, transparent);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._inspRowNav_vihdp_358 {
  cursor: pointer;
}
._inspRowNav_vihdp_358:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 50%, transparent);
}
._inspRowSel_vihdp_362 {
  background: color-mix(in srgb, var(--ui-accent, #5ac8fa) 10%, transparent) !important;
}
._inspLeft_vihdp_366 {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 1;
  min-width: 0;
}
._kindDot_vihdp_374 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
._kd-control_vihdp_380 {
  background: #34c759;
}
._kd-navigate_vihdp_381 {
  background: #5ac8fa;
}
._kd-array_vihdp_382 {
  background: #ff9f0a;
}
._inspLabel_vihdp_384 {
  font-size: 12px;
  color: var(--ui-text);
  flex-shrink: 0;
}
._disabledTag_vihdp_390 {
  font-size: 8px;
  padding: 1px 3px;
  border-radius: 3px;
  background: rgba(142, 142, 147, 0.16);
  color: #8e8e93;
  letter-spacing: 0.04em;
}
._breakTagSm_vihdp_399 {
  font-size: 8px;
  padding: 1px 3px;
  border-radius: 3px;
  background: rgba(255, 149, 0, 0.14);
  color: #ff9f0a;
  letter-spacing: 0.04em;
}
._inspRight_vihdp_408 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  max-width: 55%;
}
._inspType_vihdp_416 {
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90px;
}
._inspVal_vihdp_426 {
  font-size: 11px;
  color: var(--ui-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
  opacity: 0.75;
}
._inspArrow_vihdp_436 {
  font-size: 16px;
  color: var(--ui-text-muted);
  opacity: 0.4;
}
._modeTabs_vihdp_444 {
  display: flex;
  gap: 2px;
  flex: 1;
}
._modeTab_vihdp_444 {
  padding: 2px 8px;
  background: none;
  border: 1px solid color-mix(in srgb, var(--ui-border) 38%, transparent);
  border-radius: 4px;
  color: var(--ui-text-muted);
  font-family: var(--ui-font-mono);
  font-size: 10px;
  cursor: pointer;
  letter-spacing: 0.04em;
}
._modeTab_vihdp_444:hover {
  color: var(--ui-text);
  border-color: color-mix(in srgb, var(--ui-border) 65%, transparent);
}
._modeTabActive_vihdp_465 {
  background: color-mix(in srgb, var(--ui-accent, #5ac8fa) 14%, transparent);
  border-color: color-mix(in srgb, var(--ui-accent, #5ac8fa) 45%, transparent);
  color: var(--ui-accent, #5ac8fa);
}
._treeScroll_vihdp_473 {
  flex: 1;
  overflow-y: auto;
  padding: 4px 0;
}
._treeNode_vihdp_479 {
}
._treeNodeHead_vihdp_481 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  min-height: 24px;
}
._treeTypeName_vihdp_489 {
  font-size: 11px;
  font-weight: 600;
  color: var(--ui-text);
}
._treeCtlCount_vihdp_495 {
  font-size: 9px;
  color: var(--ui-text-muted);
  opacity: 0.38;
  letter-spacing: 0.03em;
}
._treeParamRow_vihdp_502 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 1px 0;
  min-height: 18px;
}
._treeParamKey_vihdp_510 {
  font-size: 10px;
  color: var(--ui-text-muted);
  font-weight: 500;
}
._codeViewWrap_vihdp_518 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  height: 100%;
}
._codeSplitOuter_vihdp_529 {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
._codeLeftPane_vihdp_538 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
._jsPane_vihdp_547 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  border-left: 1px solid color-mix(in srgb, var(--ui-border) 40%, transparent);
  background: color-mix(in srgb, var(--ui-surface-1) 70%, #0a0f1a 30%);
  overflow: hidden;
}
._jsPaneHeader_vihdp_557 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 30%, transparent);
  flex-shrink: 0;
}
._jsPaneTitle_vihdp_566 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.45;
}
._jsPaneHint_vihdp_574 {
  font-size: 10px;
  opacity: 0.3;
  font-style: italic;
}
._jsPaneScroll_vihdp_580 {
  flex: 1;
  overflow: auto;
  padding: 8px 12px;
}
._jsPaneCode_vihdp_586 {
  margin: 0;
  font-family: var(--ui-font-mono);
  font-size: 11px;
  line-height: 1.7;
  white-space: pre;
  color: var(--ui-text);
}
._jsToggleBtn_vihdp_596 {
  padding: 3px 8px;
  background: color-mix(in srgb, var(--ui-border) 40%, transparent);
  color: var(--ui-text-muted);
  border: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  border-radius: 4px;
  font-size: 10px;
  font-family: var(--ui-font-mono);
  font-weight: 600;
  letter-spacing: 0.05em;
  cursor: pointer;
}
._jsToggleBtn_vihdp_596:hover {
  background: color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._jsToggleBtnActive_vihdp_609 {
  background: color-mix(in srgb, #f7df1e 25%, transparent) !important;
  color: #f7df1e !important;
  border-color: color-mix(in srgb, #f7df1e 40%, transparent) !important;
}
._codeArea_vihdp_616 {
  flex: 1;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  min-height: 0;
  background: color-mix(in srgb, var(--ui-surface-1) 80%, #000 20%);
}
._lineGutter_vihdp_627 {
  width: 34px;
  flex-shrink: 0;
  overflow: hidden;
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 22%, transparent);
  padding: 10px 0;
  box-sizing: border-box;
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._lineNum_vihdp_637 {
  font-size: 11px;
  line-height: 1.7;
  color: var(--ui-text-muted);
  opacity: 0.28;
  padding: 0 6px 0 0;
  font-family: var(--ui-font-mono);
}
._codeScroll_vihdp_646 {
  flex: 1;
  overflow-y: auto;
  overflow-x: auto;
  padding: 0;
  background: transparent;
}
._codeInner_vihdp_655 {
  position: relative;
  min-width: -moz-max-content;
  min-width: max-content;
  min-height: 100%;
}
._indentOverlay_vihdp_662 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
._indentGuide_vihdp_668 {
  position: absolute;
  width: 1px;
  background: color-mix(in srgb, var(--ui-border) 28%, transparent);
}
._bracketHighlight_vihdp_675 {
  position: absolute;
  width: 8px;
  height: 20px;
  background: color-mix(in srgb, var(--ui-accent, #5ac8fa) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-accent, #5ac8fa) 45%, transparent);
  border-radius: 2px;
  pointer-events: none;
  z-index: 1;
}
._acDropdown_vihdp_687 {
  position: absolute;
  left: 44px;
  z-index: 100;
  background: color-mix(in srgb, var(--ui-surface-2, #1c1c1e) 97%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-border) 65%, transparent);
  border-radius: 6px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
  min-width: 156px;
  max-width: 270px;
  overflow: hidden;
}
._acItem_vihdp_699 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  font-size: 11px;
  font-family: var(--ui-font-mono);
  color: var(--ui-text);
  cursor: pointer;
  white-space: nowrap;
}
._acItem_vihdp_699:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._acItemSel_vihdp_711 {
  background: color-mix(in srgb, var(--ui-accent, #5ac8fa) 13%, transparent) !important;
}
._acKind_vihdp_712 {
  font-size: 8px;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 3px;
  flex-shrink: 0;
  min-width: 16px;
  text-align: center;
  letter-spacing: 0.03em;
}
._acKindType_vihdp_722 {
  background: rgba(90, 200, 250, 0.18);
  color: #5ac8fa;
}
._acKindFn_vihdp_723 {
  background: rgba(48, 209, 88, 0.16);
  color: #30d158;
}
._acKindParam_vihdp_724 {
  background: rgba(191, 90, 242, 0.16);
  color: #bf5af2;
}
._acDetail_vihdp_725 {
  margin-left: auto;
  font-size: 9px;
  color: var(--ui-text-muted);
  opacity: 0.4;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  white-space: nowrap;
}
._tokenBar_vihdp_737 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 28%, transparent);
  flex-shrink: 0;
  background: color-mix(in srgb, var(--ui-surface-1) 80%, #000 20%);
}
._tokenPillRef_vihdp_746 {
  font-size: 11px;
  font-family: var(--ui-font-mono);
  color: #64d2ff;
  background: rgba(100, 210, 255, 0.09);
  padding: 1px 8px;
  border-radius: 4px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._tokenPillModule_vihdp_758 {
  font-size: 11px;
  font-family: var(--ui-font-mono);
  color: #ffd60a;
  background: rgba(255, 214, 10, 0.09);
  padding: 1px 8px;
  border-radius: 4px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._tokenNavBtn_vihdp_770 {
  background: none;
  border: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  color: var(--ui-text-muted);
  font-size: 10px;
  font-family: var(--ui-font-mono);
  cursor: pointer;
  padding: 2px 7px;
  border-radius: 4px;
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
._tokenNavBtn_vihdp_770:hover {
  color: var(--ui-text);
  border-color: color-mix(in srgb, var(--ui-border) 80%, transparent);
}
._refPickerOverlay_vihdp_788 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: transparent;
}
._refPickerWrap_vihdp_794 {
  position: absolute;
  bottom: 48px;
  left: 50%;
  transform: translateX(-50%);
  width: 360px;
  max-width: 90vw;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  border: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._navCrumb_vihdp_808 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 28%, transparent);
  flex-shrink: 0;
  background: color-mix(in srgb, var(--ui-surface-1) 80%, #000 20%);
  overflow: hidden;
  font-family: var(--ui-font-mono);
}
._navCrumbRoot_vihdp_819 {
  font-size: 11px;
  font-weight: 600;
  color: #5ac8fa;
  flex-shrink: 0;
  cursor: pointer;
  opacity: 0.6;
}
._navCrumbRoot_vihdp_819:hover {
  opacity: 1;
}
._navCrumbSep_vihdp_830 {
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.35;
  flex-shrink: 0;
}
._navCrumbKey_vihdp_836 {
  font-size: 11px;
  color: var(--ui-text);
  opacity: 0.5;
  flex-shrink: 0;
  cursor: pointer;
}
._navCrumbKey_vihdp_836:hover {
  opacity: 0.9;
}
._navCrumbActive_vihdp_846 {
  opacity: 1 !important;
  color: var(--ui-text) !important;
}
._navCrumbDot_vihdp_850 {
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.3;
  flex-shrink: 0;
  margin: 0 1px;
}
._navCrumbType_vihdp_857 {
  font-size: 11px;
  font-weight: 600;
  color: #5ac8fa;
  flex-shrink: 0;
}
._navCrumbParen_vihdp_863 {
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.4;
  flex-shrink: 0;
}
._navCrumbComma_vihdp_869 {
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.35;
  flex-shrink: 0;
}
._navCrumbParam_vihdp_875 {
  font-size: 9px;
  color: #bf5af2;
  background: rgba(191, 90, 242, 0.1);
  padding: 1px 5px;
  border-radius: 3px;
  flex-shrink: 0;
}
._navCrumbParamActive_vihdp_883 {
  background: rgba(191, 90, 242, 0.28) !important;
  color: #e0aaff !important;
  font-weight: 700;
}
._navCrumbSync_vihdp_888 {
  margin-left: auto;
  font-size: 9px;
  color: var(--ui-text-muted);
  opacity: 0.35;
  flex-shrink: 0;
}
._codeEditor_vihdp_897 {
  position: relative;
  z-index: 2;
  min-width: -moz-max-content;
  min-width: max-content;
  font-family: var(--ui-font-mono) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: var(--ui-text);
  background: transparent !important;
}
._codeTextarea_vihdp_908 {
  outline: none !important;
  caret-color: var(--ui-text) !important;
}
._codeEditor_vihdp_897 .token.builtin {
  color: #30d158;
  font-weight: 500;
}
._codeEditor_vihdp_897 .token.keyword {
  color: #ff9f0a;
  font-weight: 700;
}
._codeEditor_vihdp_897 .token.class-name {
  color: #5ac8fa;
  font-weight: 600;
}
._codeEditor_vihdp_897 .token.string {
  color: #32d74b;
}
._codeEditor_vihdp_897 .token.number {
  color: #ff9f0a;
}
._codeEditor_vihdp_897 .token.boolean {
  color: #ff9f0a;
}
._codeEditor_vihdp_897 .token.variable {
  color: #bf5af2;
}
._codeEditor_vihdp_897 .token.moduleRef {
  color: #ffd60a;
  font-style: italic;
}
._codeEditor_vihdp_897 .token.reference {
  color: #64d2ff;
  font-style: italic;
}
._codeEditor_vihdp_897 .token.attr-name {
  color: var(--ui-text-muted);
  opacity: 0.55;
}
._codeEditor_vihdp_897 .token.comment {
  color: var(--ui-text-muted);
  opacity: 0.28;
  font-style: italic;
}
._codeEditor_vihdp_897 .token.operator {
  color: #e5c07b;
}
._codeEditor_vihdp_897 .token.punctuation {
  color: var(--ui-text-muted);
  opacity: 0.35;
}
._codeErrors_vihdp_931 {
  padding: 5px 10px;
  background: rgba(255, 69, 58, 0.08);
  border-top: 1px solid rgba(255, 69, 58, 0.22);
  max-height: 72px;
  overflow-y: auto;
  flex-shrink: 0;
}
._codeError_vihdp_931 {
  font-size: 10px;
  color: #ff453a;
  line-height: 1.55;
  font-family: var(--ui-font-mono);
}
._codeFooter_vihdp_948 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 38%, transparent);
  flex-shrink: 0;
  background: color-mix(in srgb, var(--ui-surface-1) 80%, #000 20%);
}
._codeStatus_vihdp_958 {
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.45;
  flex: 1;
  letter-spacing: 0.02em;
}
._codeStatusErr_vihdp_966 {
  color: #ff453a !important;
  opacity: 1 !important;
}
._codeStatusOk_vihdp_967 {
  color: #32d74b !important;
  opacity: 1 !important;
}
._pulseScroll_vihdp_971 {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
._pulseHeader_vihdp_977 {
  padding: 5px 10px 6px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 25%, transparent);
  flex-shrink: 0;
}
._pulseHint_vihdp_982 {
  font-size: 9px;
  color: var(--ui-text-muted);
  opacity: 0.32;
  letter-spacing: 0.02em;
}
._pulseEntry_vihdp_989 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px 3px 0;
  min-height: 24px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 10%, transparent);
}
._pulseBadge_vihdp_998 {
  font-size: 9px;
  font-weight: 700;
  min-width: 22px;
  height: 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  letter-spacing: 0;
}
._pb-expression_vihdp_1010 {
  background: rgba(90, 200, 250, 0.15);
  color: #5ac8fa;
}
._pb-algorithmic_vihdp_1011 {
  background: rgba(255, 159, 10, 0.15);
  color: #ff9f0a;
}
._pulseIcon_vihdp_1014 {
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
  width: 14px;
  text-align: center;
}
._pi-expression_vihdp_1021 {
  color: #5ac8fa;
  opacity: 0.8;
}
._pi-algorithmic_vihdp_1022 {
  color: #ff9f0a;
  opacity: 0.9;
}
._pi-array_vihdp_1023 {
  color: var(--ui-text-muted);
  opacity: 0.5;
}
._pulseParamKey_vihdp_1025 {
  font-size: 9px;
  color: var(--ui-text-muted);
  opacity: 0.45;
  flex-shrink: 0;
}
._pulseConnector_vihdp_1031 {
  font-size: 9px;
  color: var(--ui-text-muted);
  opacity: 0.22;
  flex-shrink: 0;
}
._pulseTypeName_vihdp_1037 {
  font-size: 11px;
  color: var(--ui-text);
  font-weight: 500;
  flex-shrink: 0;
}
._peArray_vihdp_1043 ._pulseTypeName_vihdp_1037 {
  color: var(--ui-text-muted);
  font-style: italic;
  font-weight: 400;
}
._pulseInputs_vihdp_1050 {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: auto;
  flex-shrink: 0;
}
._pulseFromArrow_vihdp_1057 {
  font-size: 10px;
  color: var(--ui-text-muted);
  opacity: 0.3;
}
._pulseMiniRef_vihdp_1062 {
  font-size: 8px;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 3px;
  letter-spacing: 0;
}
._pe-algorithmic_vihdp_1070 {
  background: color-mix(in srgb, rgba(255, 159, 10, 0.035) 100%, transparent);
}
._pe-expression_vihdp_1073 {
  background: transparent;
}
._blockGutter_vihdp_1078 {
  width: 14px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background: color-mix(in srgb, var(--ui-surface-1) 90%, #000 10%);
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 20%, transparent);
}
._blockGutterInner_vihdp_1086 {
  position: relative;
}
._blockBar_vihdp_1089 {
  position: absolute;
  width: 2px;
  border-radius: 1px;
  cursor: pointer;
  transition: opacity 0.1s;
}
._blockBar_vihdp_1089:hover {
  opacity: 0.9 !important;
}
._blockBarActive_vihdp_1099 {
}
._foldBtn_vihdp_1102 {
  position: absolute;
  right: 0;
  width: 10px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  color: var(--ui-text-muted);
  opacity: 0.4;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  line-height: 1;
}
._foldBtn_vihdp_1102:hover {
  opacity: 1;
  color: var(--ui-text);
}
.fold-placeholder {
  color: var(--ui-text-muted) !important;
  opacity: 0.5;
  font-style: italic;
}

/* temp_stylePlugin:src/components/Panels/Panels.module.css */
._bottom-position_7rwrw_1 {
  position: absolute;
  bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/RenderablePlaceholder/RenderablePlaceholder.module.css */
._container_smd99_1 {
  font-size: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--k5);
  color: var(--w90);
  width: 100%;
  height: 100%;
}
._placeholder-icon_smd99_13 {
  margin-bottom: 24px;
}
._text_smd99_17 {
  z-index: 1;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/RouterViewer/RouterViewer.module.css */
._router_1f0vv_1 {
  background: #000000;
  width: 100%;
  height: 100%;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: white;
  position: relative;
  overflow: hidden;
}
._router_1f0vv_1:hover {
  cursor: pointer;
}
._router_1f0vv_1:hover > ._icon_1f0vv_14 {
  transform: scale(1.2);
  transition: transform 0.2s linear;
}
._icon_1f0vv_14 {
  font-size: 100px;
  height: calc(100% - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
._title_1f0vv_31 {
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--h230);
  text-overflow: ellipsis;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/ApplicationViewer/ApplicationViewer.module.css */
._application-viewer_zoadb_1 {
  width: 100%;
  height: calc(100% + 50px);
}
._application-body_zoadb_6 {
  width: 100%;
  height: calc(100% - 50px);
}
._address-bar-container_zoadb_11 {
  background: var(--k10);
  height: 50px;
  display: flex;
  align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: solid var(--k20) 1px;
  border-bottom: none;
}
._navigation-button_zoadb_22 {
  color: var(--w70);
  border: none;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  border-radius: 4px;
  background: none;
}
._navigation-button-back_zoadb_34 {
  margin-left: 8px;
}
._navigation-button_zoadb_22:hover {
  background: var(--k20);
}
._navigation-button_zoadb_22:disabled {
  color: var(--k25);
  background: none;
}
._address-bar_zoadb_11 {
  width: 40%;
  min-width: 256px;
  margin: auto;
  height: 32px;
  text-align: center;
  background: none;
  border: solid var(--k20) 1px;
  border-radius: 4px;
  color: var(--w75);
}
._address-bar_zoadb_11:focus,
._address-bar_zoadb_11:active {
  outline: 0;
  text-align: left;
  border: solid var(--h230) 3px;
  padding-left: 8px;
}
._preview_zoadb_67 {
  width: 32px;
  height: 32px;
  color: var(--w70);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin-right: 8px;
}
._preview_zoadb_67:hover {
  background: var(--k20);
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/ServiceViewer/ServiceViewer.module.css */
._service_343cc_1 {
  background: #000000;
  width: 100%;
  height: 100%;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: white;
  position: relative;
  overflow: hidden;
}
._service_343cc_1:hover {
  cursor: pointer;
}
._service_343cc_1:hover > ._icon_343cc_14 {
  transform: scale(1.2);
}
._icon_343cc_14 {
  font-size: 100px;
  height: calc(100% - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
._title_343cc_31 {
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--h230);
  text-overflow: ellipsis;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/WhatsAppAccountViewer/WhatsAppAccountViewer.module.css */
._container_jrr72_1 {
  background: #111b21;
  width: 100%;
  height: 100%;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: #e9edef;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
._header_jrr72_13 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: #202c33;
  border-bottom: 1px solid #2a3942;
}
._headerIcon_jrr72_22 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #25d366;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  flex-shrink: 0;
}
._headerInfo_jrr72_35 {
  flex: 1;
  min-width: 0;
}
._headerTitle_jrr72_40 {
  font-size: 15px;
  font-weight: 600;
  color: #e9edef;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._headerSub_jrr72_49 {
  font-size: 12px;
  color: #8696a0;
  margin-top: 2px;
}
._statusBadge_jrr72_55 {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 10px;
  flex-shrink: 0;
}
._statusConnected_jrr72_63 {
  background: rgba(37, 211, 102, 0.15);
  color: #25d366;
}
._statusDisconnected_jrr72_68 {
  background: rgba(255, 180, 0, 0.15);
  color: #ffb400;
}
._tabs_jrr72_74 {
  display: flex;
  border-bottom: 1px solid #2a3942;
  background: #202c33;
}
._tab_jrr72_74 {
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #8696a0;
  cursor: pointer;
  border: none;
  background: none;
  border-bottom: 2px solid transparent;
  transition: color 0.15s, border-color 0.15s;
}
._tab_jrr72_74:hover {
  color: #e9edef;
}
._tabActive_jrr72_96 {
  color: #25d366;
  border-bottom-color: #25d366;
}
._tabContent_jrr72_101 {
  flex: 1;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
}
._accountCard_jrr72_110 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._infoCard_jrr72_117 {
  background: #202c33;
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._infoCardRow_jrr72_126 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}
._infoCardLabel_jrr72_133 {
  color: #8696a0;
  font-size: 12px;
}
._infoCardValue_jrr72_138 {
  color: #e9edef;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 12px;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  cursor: text;
}
._phoneCard_jrr72_146 {
  background: #202c33;
  border-radius: 10px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: background 0.15s;
}
._phoneCard_jrr72_146:hover {
  background: #2a3942;
}
._phoneCardInfo_jrr72_161 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
}
._phoneCardName_jrr72_170 {
  color: #e9edef;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._phoneCardActions_jrr72_179 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
._phoneCardsGrid_jrr72_186 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 8px;
}
._body_jrr72_192 {
  flex: 1;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
}
._section_jrr72_202 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._sectionHeader_jrr72_208 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._sectionTitle_jrr72_214 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #25d366;
}
._field_jrr72_222 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}
._fieldLabel_jrr72_229 {
  color: #8696a0;
}
._fieldValue_jrr72_233 {
  color: #e9edef;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 12px;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  cursor: text;
}
._addNumberButton_jrr72_242 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: transparent;
  color: #25d366;
  border: 1px solid #25d366;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
._addNumberButton_jrr72_242:hover {
  background: rgba(37, 211, 102, 0.12);
}
._providerSelector_jrr72_262 {
  display: flex;
  gap: 8px;
  margin: 12px 0;
  width: 100%;
}
._providerOption_jrr72_269 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid #2a3942;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  color: #8696a0;
}
._providerOption_jrr72_269:hover {
  border-color: #8696a0;
  background: rgba(255, 255, 255, 0.06);
}
._providerOptionSelected_jrr72_289 {
  border-color: #25d366;
  background: rgba(37, 211, 102, 0.08);
  color: #e9edef;
}
._providerOptionLabel_jrr72_295 {
  font-size: 12px;
  font-weight: 600;
}
._providerOptionDesc_jrr72_300 {
  font-size: 10px;
  opacity: 0.7;
  text-align: center;
}
._connectButton_jrr72_306 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  background: #25d366;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}
._connectButton_jrr72_306:hover {
  background: #1ebe57;
}
._phoneList_jrr72_327 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._phoneItem_jrr72_333 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #202c33;
  border-radius: 8px;
  font-size: 13px;
}
._phoneIcon_jrr72_343 {
  color: #25d366;
  font-size: 14px;
}
._phoneRef_jrr72_348 {
  flex: 1;
  color: #e9edef;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._phoneId_jrr72_356 {
  color: #8696a0;
  font-size: 11px;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
}
._phoneIconDeregistered_jrr72_362 {
  color: #8696a0;
  font-size: 14px;
}
._statusActive_jrr72_367 {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 8px;
  background: rgba(37, 211, 102, 0.15);
  color: #25d366;
  flex-shrink: 0;
}
._statusDeregistered_jrr72_377 {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 8px;
  background: rgba(134, 150, 160, 0.15);
  color: #8696a0;
  flex-shrink: 0;
}
._refreshButton_jrr72_387 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  color: #8696a0;
  border: 1px solid #2a3942;
  border-radius: 6px;
  font-size: 11px;
  cursor: pointer;
  flex-shrink: 0;
  transition: color 0.15s, border-color 0.15s;
}
._refreshButton_jrr72_387:hover {
  color: #e9edef;
  border-color: #8696a0;
}
._refreshButton_jrr72_387:disabled {
  cursor: default;
  opacity: 0.6;
}
._disconnectButton_jrr72_414 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 6px;
  font-size: 11px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s, border-color 0.15s;
}
._disconnectButton_jrr72_414:hover {
  background: rgba(239, 68, 68, 0.12);
  border-color: #ef4444;
}
._templateActions_jrr72_437 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
._templateActionButton_jrr72_443 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: transparent;
  color: #25d366;
  border: 1px solid #25d366;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}
._templateActionButton_jrr72_443:hover {
  background: rgba(37, 211, 102, 0.12);
}
._templateActionButton_jrr72_443:disabled {
  opacity: 0.5;
  cursor: default;
}
._templateList_jrr72_467 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._templateItem_jrr72_473 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  background: #202c33;
  border-radius: 8px;
  font-size: 12px;
}
._templateItemHeader_jrr72_483 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._templateName_jrr72_490 {
  font-weight: 600;
  color: #e9edef;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._templateMeta_jrr72_500 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 11px;
}
._metaTag_jrr72_507 {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 8px;
  flex-shrink: 0;
}
._metaTagLang_jrr72_515 {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
}
._metaTagMarketing_jrr72_520 {
  background: rgba(168, 85, 247, 0.15);
  color: #a855f7;
}
._metaTagUtility_jrr72_525 {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}
._metaTagAuth_jrr72_530 {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
}
._metaTagQualityHigh_jrr72_535 {
  background: rgba(37, 211, 102, 0.15);
  color: #25d366;
}
._metaTagQualityMedium_jrr72_540 {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
}
._metaTagQualityLow_jrr72_545 {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}
._metaTagQualityUnknown_jrr72_550 {
  background: rgba(134, 150, 160, 0.15);
  color: #8696a0;
}
._templateFilters_jrr72_556 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
._filterInput_jrr72_563 {
  background: #111b21;
  border: 1px solid #2a3942;
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 11px;
  color: #e9edef;
  outline: none;
  transition: border-color 0.15s;
  min-width: 0;
  flex: 1;
  max-width: 180px;
}
._filterInput_jrr72_563:focus {
  border-color: #25d366;
}
._filterInput_jrr72_563::-moz-placeholder {
  color: #8696a0;
}
._filterInput_jrr72_563::placeholder {
  color: #8696a0;
}
._filterSelect_jrr72_585 {
  background: #111b21;
  border: 1px solid #2a3942;
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 11px;
  color: #e9edef;
  outline: none;
  cursor: pointer;
  transition: border-color 0.15s;
}
._filterSelect_jrr72_585:focus {
  border-color: #25d366;
}
._filterCount_jrr72_601 {
  font-size: 11px;
  color: #8696a0;
  margin-left: auto;
}
._templateHeader_jrr72_607 {
  font-size: 13px;
  font-weight: 600;
  color: #e9edef;
  margin-bottom: 2px;
}
._templateHeaderMedia_jrr72_614 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #8696a0;
  padding: 6px 8px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 4px;
  margin-bottom: 2px;
}
._templateBody_jrr72_626 {
  font-size: 12px;
  color: #8696a0;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.4;
}
._templateFooter_jrr72_634 {
  font-size: 11px;
  color: rgba(134, 150, 160, 0.7);
  margin-top: 2px;
}
._templateButtons_jrr72_640 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
._templateButton_jrr72_640 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #0096ff;
  padding: 4px 8px;
  border: 1px solid rgba(0, 150, 255, 0.25);
  border-radius: 4px;
  background: rgba(0, 150, 255, 0.08);
}
._templateStatus_jrr72_659 {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 8px;
  flex-shrink: 0;
}
._templateStatusApproved_jrr72_667 {
  background: rgba(37, 211, 102, 0.15);
  color: #25d366;
}
._templateStatusPending_jrr72_672 {
  background: rgba(255, 180, 0, 0.15);
  color: #ffb400;
}
._templateStatusRejected_jrr72_677 {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}
._templateRejected_jrr72_682 {
  font-size: 11px;
  color: #ef4444;
  padding: 4px 8px;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 4px;
}
._templateItemActions_jrr72_690 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
._deleteButton_jrr72_696 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  background: transparent;
  color: #ef4444;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
._deleteButton_jrr72_696:hover {
  background: rgba(239, 68, 68, 0.12);
  border-color: #ef4444;
}
._createForm_jrr72_717 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  background: #0a1014;
  border-radius: 8px;
  border: 1px solid #2a3942;
}
._formRow_jrr72_727 {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  min-width: 0;
}
._formField_jrr72_734 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
._formFieldLabel_jrr72_742 {
  font-size: 11px;
  color: #8696a0;
}
._formInput_jrr72_747 {
  background: #111b21;
  border: 1px solid #2a3942;
  border-radius: 6px;
  padding: 8px 10px;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 12px;
  color: #e9edef;
  outline: none;
  transition: border-color 0.15s;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
._formInput_jrr72_747:focus {
  border-color: #25d366;
}
._formSelect_jrr72_766 {
  background: #111b21;
  border: 1px solid #2a3942;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 12px;
  color: #e9edef;
  outline: none;
  cursor: pointer;
  transition: border-color 0.15s;
  min-width: 0;
  box-sizing: border-box;
}
._formSelect_jrr72_766:focus {
  border-color: #25d366;
}
._formTextarea_jrr72_784 {
  background: #111b21;
  border: 1px solid #2a3942;
  border-radius: 6px;
  padding: 8px 10px;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 12px;
  color: #e9edef;
  resize: vertical;
  min-height: 60px;
  outline: none;
  transition: border-color 0.15s;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
._formTextarea_jrr72_784:focus {
  border-color: #25d366;
}
._createButton_jrr72_805 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  background: #25d366;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}
._createButton_jrr72_805:hover:not(:disabled) {
  background: #1ebe57;
}
._createButton_jrr72_805:disabled {
  opacity: 0.5;
  cursor: default;
}
._formError_jrr72_830 {
  font-size: 12px;
  color: #ef4444;
  padding: 6px 10px;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 6px;
}
._variableSamples_jrr72_839 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._variableSampleRow_jrr72_845 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._variableTag_jrr72_851 {
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 11px;
  color: #25d366;
  background: rgba(37, 211, 102, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
  flex-shrink: 0;
  min-width: 40px;
  text-align: center;
}
._formFieldLabelRow_jrr72_863 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
._buttonRow_jrr72_871 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  min-width: 0;
}
._buttonRow_jrr72_871 ._formInput_jrr72_747,
._buttonRow_jrr72_871 ._formSelect_jrr72_766 {
  min-width: 0;
  flex: 1;
}
._tplBubbleContainer_jrr72_886 {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
._tplBubbleChatArea_jrr72_894 {
  flex: 1;
  background: #0b141a;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 180px;
}
._tplBubbleEmpty_jrr72_904 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 12px;
  color: #8696a0;
  font-style: italic;
}
._tplBubbleRow_jrr72_914 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
._tplBubble_jrr72_886 {
  position: relative;
  background: #005c4b;
  border-radius: 8px;
  border-top-right-radius: 0;
  padding: 6px 8px;
  max-width: 90%;
  min-width: 100px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
._tplBubbleTail_jrr72_932 {
  position: absolute;
  top: 0;
  right: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid #005c4b;
  border-bottom: 8px solid transparent;
}
._tplBubbleHeaderText_jrr72_942 {
  font-size: 14px;
  font-weight: 700;
  color: #e9edef;
  padding: 2px 4px 4px;
}
._tplBubbleMediaHeader_jrr72_949 {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 4px;
}
._tplBubbleHeaderImage_jrr72_955 {
  width: 100%;
  max-height: 140px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
._tplBubbleHeaderVideo_jrr72_962 {
  width: 100%;
  max-height: 140px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
._tplBubbleMediaPlaceholder_jrr72_969 {
  height: 100px;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #8696a0;
}
._tplBubbleDocHeader_jrr72_979 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 4px;
  font-size: 12px;
  color: #8696a0;
}
._tplBubbleDocIcon_jrr72_991 {
  font-size: 20px;
}
._tplBubbleBody_jrr72_995 {
  font-size: 13px;
  color: #e9edef;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
  padding: 2px 4px;
}
._tplBubbleVariable_jrr72_1004 {
  color: #25d366;
  font-weight: 600;
}
._tplBubbleFooter_jrr72_1009 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.45);
  padding: 2px 4px 0;
}
._tplBubbleTime_jrr72_1015 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
  padding-right: 2px;
}
._tplBubbleButtons_jrr72_1025 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-width: 90%;
  width: 100%;
}
._tplBubbleButton_jrr72_1025 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #005c4b;
  border-radius: 8px;
  padding: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #0096ff;
  cursor: default;
}
._templateFormSplit_jrr72_1048 {
  display: flex;
  gap: 16px;
}
._templateFormLeft_jrr72_1053 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
._templateFormRight_jrr72_1061 {
  flex: 1;
  min-width: 0;
}
._emptyState_jrr72_1067 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 12px;
  color: #8696a0;
  font-size: 13px;
  text-align: center;
  padding: 20px;
}
._emptyIcon_jrr72_1080 {
  font-size: 48px;
  color: #25d366;
  opacity: 0.5;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/WhatsAppNumberViewer/WhatsAppNumberViewer.module.css */
._container_qc44b_1 {
  background: #111b21;
  width: 100%;
  height: 100%;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: #e9edef;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
._header_qc44b_14 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: #202c33;
  border-bottom: 1px solid #2a3942;
}
._headerIcon_qc44b_23 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #25d366;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  flex-shrink: 0;
}
._headerInfo_qc44b_36 {
  flex: 1;
  min-width: 0;
}
._headerTitle_qc44b_41 {
  font-size: 15px;
  font-weight: 600;
  color: #e9edef;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._headerSub_qc44b_50 {
  font-size: 12px;
  color: #8696a0;
  margin-top: 2px;
}
._statusBar_qc44b_56 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: #1a262d;
  border-bottom: 1px solid #2a3942;
  min-height: 36px;
}
._statusChip_qc44b_66 {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 4px;
  background: rgba(134, 150, 160, 0.15);
  color: #8696a0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
._statusChip_qc44b_66[data-value=connected] {
  background: rgba(37, 211, 102, 0.15);
  color: #25d366;
}
._statusChip_qc44b_66[data-value=green] {
  background: rgba(37, 211, 102, 0.15);
  color: #25d366;
}
._statusChip_qc44b_66[data-value=yellow] {
  background: rgba(255, 193, 7, 0.15);
  color: #ffc107;
}
._statusChip_qc44b_66[data-value=red] {
  background: rgba(255, 59, 48, 0.15);
  color: #ff3b30;
}
._statusLoading_qc44b_97 {
  font-size: 11px;
  color: #8696a0;
}
._statusActions_qc44b_102 {
  margin-left: auto;
  display: flex;
  gap: 4px;
}
._statusRefresh_qc44b_108 {
  background: none;
  border: none;
  color: #8696a0;
  cursor: pointer;
  font-size: 12px;
  padding: 2px 4px;
  transition: color 0.15s;
}
._statusRefresh_qc44b_108:hover {
  color: #e9edef;
}
._body_qc44b_122 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
._tabs_qc44b_129 {
  display: flex;
  border-bottom: 1px solid #2a3942;
  background: #202c33;
}
._tab_qc44b_129 {
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #8696a0;
  cursor: pointer;
  border: none;
  background: none;
  border-bottom: 2px solid transparent;
  transition: color 0.15s, border-color 0.15s;
}
._tab_qc44b_129:hover {
  color: #e9edef;
}
._tabActive_qc44b_151 {
  color: #25d366;
  border-bottom-color: #25d366;
}
._tabContent_qc44b_156 {
  flex: 1;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
}
._filtersBar_qc44b_166 {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 10px 12px;
  background: #202c33;
  border-radius: 8px;
}
._filterField_qc44b_176 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 80px;
}
._filterLabel_qc44b_184 {
  font-size: 10px;
  color: #8696a0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
._filterInput_qc44b_191 {
  background: #0a1014;
  border: 1px solid #2a3942;
  border-radius: 6px;
  padding: 5px 8px;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 11px;
  color: #e9edef;
  outline: none;
  transition: border-color 0.15s;
  width: 100%;
  box-sizing: border-box;
}
._filterInput_qc44b_191:focus {
  border-color: #25d366;
}
._filterSelect_qc44b_209 {
  background: #0a1014;
  border: 1px solid #2a3942;
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 11px;
  color: #e9edef;
  outline: none;
  cursor: pointer;
  transition: border-color 0.15s;
}
._filterSelect_qc44b_209:focus {
  border-color: #25d366;
}
._filterApplyButton_qc44b_225 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: #25d366;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
  flex-shrink: 0;
}
._filterApplyButton_qc44b_225:hover {
  background: #1ebe57;
}
._filterClearButton_qc44b_246 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: transparent;
  color: #8696a0;
  border: 1px solid #2a3942;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
}
._filterClearButton_qc44b_246:hover {
  color: #e9edef;
  border-color: #8696a0;
}
._logList_qc44b_267 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._logAccordion_qc44b_273 {
  border-radius: 8px;
  overflow: hidden;
  background: #202c33;
}
._logItem_qc44b_279 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.15s;
}
._logItem_qc44b_279:hover {
  background: #2a3942;
}
._logItemExpanded_qc44b_293 {
  background: #2a3942;
  border-bottom: 1px solid #1e2a31;
}
._logChevron_qc44b_298 {
  font-size: 9px;
  color: #8696a0;
  flex-shrink: 0;
  width: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._logTime_qc44b_308 {
  color: #8696a0;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 11px;
  flex-shrink: 0;
  line-height: 1;
}
._logFrom_qc44b_316 {
  color: #e9edef;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 11px;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 110px;
  line-height: 1;
}
._logType_qc44b_329 {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 10px;
  padding: 3px 6px;
  border-radius: 4px;
  flex-shrink: 0;
}
._logTypeMessage_qc44b_339 {
  background: rgba(37, 211, 102, 0.15);
  color: #25d366;
}
._logTypeStatus_qc44b_344 {
  background: rgba(0, 150, 255, 0.15);
  color: #0096ff;
}
._logStatusDot_qc44b_349 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #8696a0;
}
._logStatusSuccess_qc44b_357 {
  background: #25d366;
}
._logStatusError_qc44b_361 {
  background: #ff6b6b;
}
._logStatusRunning_qc44b_365 {
  background: #0096ff;
}
._logVersion_qc44b_369 {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 4px;
  flex-shrink: 0;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
}
._logVersionLive_qc44b_380 {
  background: rgba(255, 171, 0, 0.15);
  color: #ffab00;
}
._logVersionBundle_qc44b_385 {
  background: rgba(101, 84, 192, 0.15);
  color: #9b8afb;
}
._logManual_qc44b_390 {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 4px;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
  background: rgba(0, 150, 255, 0.15);
  color: #0096ff;
}
._logDuration_qc44b_407 {
  color: #8696a0;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 11px;
  line-height: 1;
  flex-shrink: 0;
  margin-left: auto;
}
._loadMoreButton_qc44b_416 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 8px;
  background: #202c33;
  color: #8696a0;
  border: 1px solid #2a3942;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
._loadMoreButton_qc44b_416:hover:not(:disabled) {
  background: #2a3942;
  color: #e9edef;
}
._loadMoreButton_qc44b_416:disabled {
  opacity: 0.5;
  cursor: default;
}
._logDetailBody_qc44b_444 {
  padding: 12px;
}
._logDetailSection_qc44b_448 {
  margin-bottom: 12px;
}
._logDetailSection_qc44b_448:last-child {
  margin-bottom: 0;
}
._logDetailSectionTitle_qc44b_456 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #25d366;
  margin-bottom: 6px;
}
._logInfoGrid_qc44b_466 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 12px;
  font-size: 11px;
  padding: 8px 10px;
  background: #0a1014;
  border-radius: 6px;
}
._logInfoLabel_qc44b_476 {
  color: #8696a0;
  white-space: nowrap;
}
._logInfoValue_qc44b_481 {
  color: #e9edef;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  word-break: break-all;
}
._logInfoValueError_qc44b_487 {
  color: #ff6b6b;
}
._logJsonViewer_qc44b_492 {
  background: #0a1014;
  border-radius: 6px;
  padding: 8px 10px;
  max-height: 250px;
  overflow-y: auto;
}
._logEntries_qc44b_501 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: #0a1014;
  border-radius: 6px;
  padding: 4px;
}
._logEntry_qc44b_510 {
  padding: 6px 8px;
  border-radius: 4px;
}
._logEntry_qc44b_510:hover {
  background: rgba(255, 255, 255, 0.03);
}
._logEntryHeader_qc44b_519 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._logEntryLevel_qc44b_525 {
  font-size: 10px;
  font-weight: 600;
  padding: 1px 5px;
  border-radius: 3px;
  background: rgba(37, 211, 102, 0.15);
  color: #25d366;
  flex-shrink: 0;
  text-transform: uppercase;
}
._logEntryLevelError_qc44b_536 {
  background: rgba(255, 107, 107, 0.15);
  color: #ff6b6b;
}
._logEntryLevelWarn_qc44b_541 {
  background: rgba(255, 171, 0, 0.15);
  color: #ffab00;
}
._logEntryMessage_qc44b_546 {
  font-size: 12px;
  color: #e9edef;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._logEntryTime_qc44b_555 {
  font-size: 10px;
  color: #8696a0;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  flex-shrink: 0;
  margin-left: auto;
}
._playgroundSection_qc44b_564 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._playgroundLabel_qc44b_570 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #25d366;
}
._playgroundTextarea_qc44b_578 {
  background: #0a1014;
  border: 1px solid #2a3942;
  border-radius: 8px;
  padding: 12px;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 12px;
  color: #e9edef;
  resize: vertical;
  min-height: 80px;
  outline: none;
  transition: border-color 0.15s;
}
._playgroundTextarea_qc44b_578:focus {
  border-color: #25d366;
}
._playgroundInput_qc44b_596 {
  background: #0a1014;
  border: 1px solid #2a3942;
  border-radius: 8px;
  padding: 8px 12px;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 12px;
  color: #e9edef;
  outline: none;
  transition: border-color 0.15s;
}
._playgroundInput_qc44b_596:focus {
  border-color: #25d366;
}
._playgroundRow_qc44b_612 {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
._playgroundField_qc44b_618 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
._playgroundFieldLabel_qc44b_625 {
  font-size: 11px;
  color: #8696a0;
}
._playgroundButton_qc44b_630 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  background: #25d366;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}
._playgroundButton_qc44b_630:hover:not(:disabled) {
  background: #1ebe57;
}
._playgroundButton_qc44b_630:disabled {
  opacity: 0.5;
  cursor: default;
}
._playgroundButtonSecondary_qc44b_656 {
  background: transparent;
  color: #25d366;
  border: 1px solid #25d366;
}
._playgroundButtonSecondary_qc44b_656:hover:not(:disabled) {
  background: rgba(37, 211, 102, 0.12);
}
._playgroundResult_qc44b_666 {
  background: #0a1014;
  padding: 12px;
  border-radius: 8px;
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  font-size: 11px;
  color: #e9edef;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-all;
  max-height: 200px;
  overflow-y: auto;
}
._playgroundResultError_qc44b_680 {
  border: 1px solid rgba(255, 107, 107, 0.3);
  color: #ff6b6b;
}
._playgroundSelect_qc44b_685 {
  background: #0a1014;
  border: 1px solid #2a3942;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 12px;
  color: #e9edef;
  outline: none;
  transition: border-color 0.15s;
  cursor: pointer;
}
._playgroundSelect_qc44b_685:focus {
  border-color: #25d366;
}
._templatePreview_qc44b_701 {
  background: #202c33;
  border: 1px solid #2a3942;
  border-radius: 8px;
  padding: 12px;
  font-size: 13px;
  color: #e9edef;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.5;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
._emptyState_qc44b_714 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 8px;
  color: #8696a0;
  font-size: 13px;
  text-align: center;
  padding: 20px;
}
._emptyIcon_qc44b_727 {
  font-size: 32px;
  color: #25d366;
  opacity: 0.5;
}
._refreshButton_qc44b_733 {
  padding: 4px 10px;
  background: transparent;
  color: #25d366;
  border: 1px solid #25d366;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}
._refreshButton_qc44b_733:hover {
  background: rgba(37, 211, 102, 0.12);
}
._messagePreview_qc44b_750 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background: #0a1014;
  border-radius: 6px;
  overflow: hidden;
}
._messagePreviewThumb_qc44b_760 {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}
._messagePreviewStickerThumb_qc44b_768 {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
  object-fit: contain;
  flex-shrink: 0;
}
._messagePreviewVideo_qc44b_775 {
  width: 100px;
  height: 60px;
  border-radius: 4px;
  flex-shrink: 0;
}
._messagePreviewAudio_qc44b_782 {
  width: 100%;
  max-width: 250px;
  height: 32px;
}
._messagePreviewText_qc44b_788 {
  font-size: 12px;
  color: #e9edef;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
._messagePreviewCaption_qc44b_797 {
  font-size: 11px;
  color: #8696a0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._messagePreviewMeta_qc44b_805 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #e9edef;
}
._messagePreviewIcon_qc44b_813 {
  font-size: 16px;
  color: #8696a0;
  flex-shrink: 0;
}
._messagePreviewEmoji_qc44b_819 {
  font-size: 24px;
  flex-shrink: 0;
}
._messagePreviewLink_qc44b_824 {
  color: #0096ff;
  text-decoration: none;
  font-size: 11px;
}
._messagePreviewLink_qc44b_824:hover {
  text-decoration: underline;
}
._messagingSplit_qc44b_835 {
  display: flex;
  gap: 16px;
  flex: 1;
  min-height: 0;
}
._messagingForm_qc44b_842 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  overflow-y: auto;
}
._messagingPreview_qc44b_851 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
._webhookJsonPreview_qc44b_859 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  background: #0a1014;
  border-radius: 8px;
  padding: 12px;
  overflow-y: auto;
}
._bubblePreviewContainer_qc44b_871 {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
._bubbleChatArea_qc44b_879 {
  flex: 1;
  background: #0b141a;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 L35 15 L30 12 L25 15Z' fill='%23ffffff' opacity='0.02'/%3E%3C/svg%3E");
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 200px;
}
._bubbleEmpty_qc44b_890 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 12px;
  color: #8696a0;
  font-style: italic;
}
._bubbleRow_qc44b_900 {
  display: flex;
  justify-content: flex-end;
}
._bubble_qc44b_871 {
  position: relative;
  background: #005c4b;
  border-radius: 8px;
  border-top-right-radius: 0;
  padding: 6px 8px;
  max-width: 85%;
  min-width: 80px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
._bubbleTail_qc44b_916 {
  position: absolute;
  top: 0;
  right: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid #005c4b;
  border-top: 0px solid transparent;
  border-bottom: 8px solid transparent;
}
._bubbleText_qc44b_927 {
  font-size: 13px;
  color: #e9edef;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
  padding: 2px 4px;
}
._bubbleTime_qc44b_936 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
  padding-right: 2px;
}
._bubbleCheck_qc44b_947 {
  font-size: 12px;
  color: #53bdeb;
}
._bubbleMediaPlaceholder_qc44b_953 {
  width: 250px;
  height: 120px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8696a0;
  font-size: 28px;
  margin-bottom: 2px;
}
._bubbleImage_qc44b_967 {
  width: 100%;
  max-width: 250px;
  border-radius: 6px;
  display: block;
  margin-bottom: 2px;
}
._bubbleVideo_qc44b_976 {
  width: 100%;
  max-width: 250px;
  border-radius: 6px;
  display: block;
  margin-bottom: 2px;
}
._bubbleAudioRow_qc44b_985 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
._bubbleAudioAvatar_qc44b_992 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #00a884;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
  color: #fff;
}
._bubbleAudio_qc44b_985 {
  flex: 1;
  height: 36px;
  min-width: 0;
}
._bubbleDocument_qc44b_1012 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 2px;
}
._bubbleDocumentIcon_qc44b_1022 {
  font-size: 28px;
  color: #8696a0;
  flex-shrink: 0;
}
._bubbleDocumentInfo_qc44b_1028 {
  flex: 1;
  min-width: 0;
}
._bubbleDocumentName_qc44b_1033 {
  font-size: 12px;
  color: #e9edef;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._bubbleDocumentMeta_qc44b_1042 {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
}
._bubbleDocumentDownload_qc44b_1048 {
  font-size: 22px;
  color: #8696a0;
  flex-shrink: 0;
  text-decoration: none;
  transition: color 0.15s;
}
._bubbleDocumentDownload_qc44b_1048:hover {
  color: #e9edef;
}
._bubbleLocation_qc44b_1061 {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 2px;
}
._bubbleLocationMap_qc44b_1067 {
  background: #1a2e35;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._bubbleLocationPin_qc44b_1075 {
  font-size: 28px;
  color: #ff6b6b;
}
._bubbleLocationInfo_qc44b_1080 {
  padding: 8px 10px;
  background: rgba(0, 0, 0, 0.15);
}
._bubbleLocationName_qc44b_1085 {
  font-size: 13px;
  font-weight: 600;
  color: #e9edef;
}
._bubbleLocationAddress_qc44b_1091 {
  font-size: 12px;
  color: #8696a0;
  margin-top: 2px;
}
._bubbleLocationCoords_qc44b_1097 {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  font-family:
    "SF Mono",
    "Fira Code",
    monospace;
  margin-top: 4px;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/SynthViewer/SynthViewer.module.css */
._synth_1eof8_1 {
  background: #000000;
  width: 100%;
  height: 100%;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: white;
  position: relative;
  overflow: hidden;
}
._synth_1eof8_1:hover {
  cursor: pointer;
}
._synth_1eof8_1:hover > ._icon_1eof8_14 {
  transform: scale(1.2);
  transition: transform 0.2s linear;
}
._icon_1eof8_14 {
  font-size: 100px;
  height: calc(100% - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
._title_1eof8_31 {
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--h230);
  text-overflow: ellipsis;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/BuddyViewer/BuddyViewer.module.css */
._buddy_qb86k_1 {
  background: #000000;
  width: 100%;
  height: 100%;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: white;
  position: relative;
  overflow: hidden;
}
._buddy_qb86k_1:hover {
  cursor: pointer;
}
._buddy_qb86k_1:hover > ._icon_qb86k_14 {
  transform: scale(1.2);
  transition: transform 0.2s linear;
}
._icon_qb86k_14 {
  font-size: 100px;
  height: calc(100% - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
._title_qb86k_31 {
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--h230);
  text-overflow: ellipsis;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/AuthenticationStrategyViewer/AuthenticationStrategyViewer.module.css */
._authentication-strategy_n6d3j_1 {
  background: #000000;
  width: 100%;
  height: 100%;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: white;
  position: relative;
  overflow: hidden;
}
._authentication-strategy_n6d3j_1:hover {
  cursor: pointer;
}
._authentication-strategy_n6d3j_1:hover > ._icon_n6d3j_14 {
  transform: scale(1.2);
}
._icon_n6d3j_14 {
  font-size: 100px;
  height: calc(100% - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
._title_n6d3j_31 {
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--h230);
  text-overflow: ellipsis;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/StoreViewer/StoreViewer.module.css */
._store_w7ts4_1 {
  background: #000000;
  width: 100%;
  height: 100%;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: white;
  position: relative;
  overflow: hidden;
}
._store_w7ts4_1:hover {
  cursor: pointer;
}
._store_w7ts4_1:hover > ._icon_w7ts4_14 {
  transform: scale(1.2);
  transition: transform 0.2s linear;
}
._icon_w7ts4_14 {
  font-size: 100px;
  height: calc(100% - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
._title_w7ts4_31 {
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--h230);
  text-overflow: ellipsis;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/RenderableControls/ControlButton/ControlButton.module.css */
._button_c1d3m_1 {
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 100%;
  line-height: 32px;
  margin: 0;
  background-color: var(--ui-surface-3);
  border: 1px solid var(--ui-border);
  cursor: pointer;
  box-shadow: var(--ui-shadow-soft);
  color: var(--ui-text);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._button_c1d3m_1:hover {
  background: var(--ui-surface-4);
  border-color: var(--ui-border-strong);
  color: var(--w100);
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/RenderableControls/DeviceSelector/DeviceSelector.module.css */
._device-selector-container_wa4n1_1 {
  position: relative;
  width: 32px;
  height: 32px;
}
._device-selector-container--hidden_wa4n1_7 {
  opacity: 0;
  pointer-events: none;
}
._floating-device-button_wa4n1_12 {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
._floating-device-button--collapsed_wa4n1_22 {
  pointer-events: none;
}
._control-button--reset-margin_wa4n1_26 {
  margin: 0;
}
._control-button--selected_wa4n1_30 {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  z-index: 1;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/RenderableControls/FocusButton/FocusButton.module.css */
._container_1myoe_1 {
  margin-right: 10px;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/RenderableControls/PreviewButton/PreviewButton.module.css */
._container_mi1i8_1 {
  margin-right: 0;
}
._link_mi1i8_5 {
  text-decoration: none;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/ArtboardRulers.module.css */
._rulers_1nrx6_1 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
._ruler-horizontal_1nrx6_8,
._ruler-vertical_1nrx6_9 {
  position: absolute;
  background: #141414;
  border: 1px solid #202020;
  pointer-events: auto;
}
._ruler-horizontal_1nrx6_8 {
  left: var(--ruler-origin-x, 0);
  top: var(--ruler-origin-y, 0);
  width: var(--ruler-span-x, 0);
  height: var(--ruler-size, 18px);
  cursor: row-resize;
  background-image:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0.22) 1px,
      transparent 1px),
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0.35) 1px,
      transparent 1px);
  background-size: var(--artboard-grid-size, 8px) 100%, calc(var(--artboard-grid-size, 8px) * 5) 100%;
  background-position: var(--ruler-offset-x, 0) 0, var(--ruler-offset-x, 0) 0;
}
._ruler-vertical_1nrx6_9 {
  top: var(--ruler-origin-y, 0);
  left: var(--ruler-origin-x, 0);
  height: var(--ruler-span-y, 0);
  width: var(--ruler-size, 18px);
  cursor: col-resize;
  background-image:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.22) 1px,
      transparent 1px),
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.35) 1px,
      transparent 1px);
  background-size: 100% var(--artboard-grid-size, 8px), 100% calc(var(--artboard-grid-size, 8px) * 5);
  background-position: 0 var(--ruler-offset-y, 0), 0 var(--ruler-offset-y, 0);
}
._ruler-corner_1nrx6_42 {
  position: absolute;
  top: var(--ruler-origin-y, 0);
  left: var(--ruler-origin-x, 0);
  width: var(--ruler-size, 18px);
  height: var(--ruler-size, 18px);
  background: #141414;
  border: 1px solid #202020;
  pointer-events: auto;
  cursor: crosshair;
}
._grid-overlay_1nrx6_54 {
  position: absolute;
  pointer-events: none;
  background-image:
    linear-gradient(
      to right,
      rgba(140, 140, 140, 0.1) 1px,
      transparent 1px),
    linear-gradient(
      to bottom,
      rgba(140, 140, 140, 0.1) 1px,
      transparent 1px);
  background-repeat: repeat;
}
._guide-line_1nrx6_63 {
  position: absolute;
  background: rgba(58, 122, 254, 0.6);
  pointer-events: auto;
}
._guide-line-horizontal_1nrx6_69 {
  left: 0;
  right: 0;
  height: 1px;
  cursor: row-resize;
}
._guide-line-vertical_1nrx6_76 {
  top: 0;
  bottom: 0;
  width: 1px;
  cursor: col-resize;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/ArtboardHeader.module.css */
._header_yuojr_1 {
  position: fixed;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  pointer-events: auto;
  z-index: 8;
}
._title-chip_yuojr_10 {
  --header-pill-bg: rgba(16, 19, 24, 0.92);
  --header-pill-border: rgba(255, 255, 255, 0.08);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  min-height: 36px;
  background: var(--header-pill-bg);
  border: 1px solid var(--header-pill-border);
  border-radius: 999px;
  color: var(--ui-text);
  box-shadow: var(--ui-shadow-soft);
  backdrop-filter: blur(14px);
}
._title-action_yuojr_26 {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-3);
  color: var(--ui-text-muted);
  cursor: pointer;
}
._title-action_yuojr_26:hover {
  border-color: var(--ui-accent-blue);
  color: var(--ui-text);
}
._title_yuojr_10 {
  border: none;
  background: transparent;
  color: inherit;
  font-size: 14px;
  font-weight: var(--ui-font-weight-medium);
  letter-spacing: var(--ui-letter-spacing-tight);
  line-height: 1.2;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  outline: none;
  min-width: 120px;
}
._title-input_yuojr_59 {
  color: var(--ui-text);
}
._controls_yuojr_63 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  min-height: 36px;
  background: var(--header-pill-bg, rgba(16, 19, 24, 0.88));
  border: 1px solid var(--header-pill-border, rgba(255, 255, 255, 0.08));
  border-radius: 999px;
  box-shadow: var(--ui-shadow-soft);
  backdrop-filter: blur(14px);
}
._rotate3d-btn_yuojr_76 {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--ui-surface-3);
  border: 1px solid var(--ui-border);
  color: var(--ui-text-muted);
  cursor: pointer;
  font-size: 13px;
  transition: color 0.15s, border-color 0.15s;
}
._rotate3d-btn_yuojr_76:hover {
  background: var(--ui-surface-4);
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
._rotate3d-btn_yuojr_76[data-active=true] {
  color: var(--ui-accent-blue);
  border-color: var(--ui-accent-blue);
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/ArtboardOverlay.module.css */
._artboard-root_17q50_1 {
  position: relative;
  width: 100%;
  height: 100%;
}
._artboard-root-selected_17q50_7 {
  position: relative;
  --artboard-line: calc(1px / var(--artboard-zoom, 1));
}
._artboard-root-selected_17q50_7::before,
._artboard-root-selected_17q50_7::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
._artboard-root-selected_17q50_7::before {
  background-image:
    linear-gradient(
      to right,
      rgba(140, 140, 140, var(--artboard-grid-alpha, 0)) var(--artboard-line),
      transparent var(--artboard-line)),
    linear-gradient(
      to bottom,
      rgba(140, 140, 140, var(--artboard-grid-alpha, 0)) var(--artboard-line),
      transparent var(--artboard-line));
  background-size: var(--artboard-grid-size, 8px) var(--artboard-grid-size, 8px), var(--artboard-grid-size, 8px) var(--artboard-grid-size, 8px);
  background-position: 0 0, 0 0;
  background-repeat: repeat;
  z-index: 1;
}
._artboard-root-selected_17q50_7::after {
  background-image:
    linear-gradient(
      to right,
      rgba(58, 122, 254, var(--artboard-guides-alpha, 0)) var(--artboard-line),
      transparent var(--artboard-line)),
    linear-gradient(
      to bottom,
      rgba(58, 122, 254, var(--artboard-guides-alpha, 0)) var(--artboard-line),
      transparent var(--artboard-line));
  background-size: 1px 100%, 100% 1px;
  background-position: 50% 0, 0 50%;
  background-repeat: no-repeat;
  z-index: 2;
}

/* temp_stylePlugin:src/components/NewInfinity/Renderables/EmptyStateRenderables/EmptyStateRenderables.module.css */
._container_izrt8_1 {
  position: fixed;
  width: 300px;
  height: 300px;
  color: #f3f3f3;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 20px;
  cursor: pointer;
}
._button-container_izrt8_13 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #121212;
  padding: 48px;
}
._icon_izrt8_24 {
  font-size: 44px;
}
._text_izrt8_28 {
  text-align: center;
  margin-top: 2rem;
}
._button-container_izrt8_13:hover {
  background: #232323;
}
._button-container_izrt8_13:hover ._icon_izrt8_24 {
  color: #f9f9f9;
}
._button-container_izrt8_13:hover ._text_izrt8_28 {
  color: #f9f9f9;
}
._artboard-color_izrt8_45 {
  color: var(--artboard-color);
}

/* temp_stylePlugin:src/components/NewInfinity/NewInfinity.module.css */
._renderables-holder_cx3dd_1 {
  transform-origin: 0px 0px;
  position: relative;
  transform-style: flat;
}

/* temp_stylePlugin:src/components/InfinityAnnotations/FreeTransform/Tools/SelectionTool/ResizeHandle.module.css */
._handleContainer_ygavx_1 {
  position: absolute;
  width: 12px;
  height: 12px;
}
._handle_ygavx_1 {
  border: 1px solid var(--ui-selection-handle-border);
  position: absolute;
  background: var(--ui-selection-handle);
  width: 10px;
  height: 10px;
  transform: scale(0.5);
  transition: transform 150ms ease-in-out;
  outline: solid 1px rgba(155, 172, 192, 0.4);
}
._handleContainer_ygavx_1:hover ._handle_ygavx_1 {
  transform: scale(1);
}
._handle_ygavx_1[data-handle-position=lb] {
  transform: scale(0.5) translate3d(6px, -6px, 0);
}
._handle_ygavx_1[data-handle-position=lt] {
  transform: scale(0.5) translate3d(6px, 6px, 0);
}
._handle_ygavx_1[data-handle-position=rt] {
  transform: scale(0.5) translate3d(-6px, 6px, 0);
}
._handle_ygavx_1[data-handle-position=rb] {
  transform: scale(0.5) translate3d(-6px, -6px, 0);
}
._handle_ygavx_1[data-handle-position=l] {
  transform: scale(0.5) translate3d(6px, 0, 0);
}
._handle_ygavx_1[data-handle-position=r] {
  transform: scale(0.5) translate3d(-6px, 0, 0);
}
._handle_ygavx_1[data-handle-position=t] {
  transform: scale(0.5) translate3d(0, 6px, 0);
}
._handle_ygavx_1[data-handle-position=b] {
  transform: scale(0.5) translate3d(0, -6px, 0);
}

/* temp_stylePlugin:src/components/InfinityAnnotations/FreeTransform/Tools/SelectionTool/SelectionTool.module.css */
._position-hint_1i37u_1 {
  position: fixed;
  pointer-events: none;
  min-width: 208px;
  padding: 9px 10px;
  border-radius: 8px;
  border: 1px solid var(--ui-hint-border);
  background: var(--ui-hint-bg);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
  color: var(--ui-text);
  font-size: 11px;
  line-height: 1.25;
  z-index: 24;
}
._position-hint-header_1i37u_16 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
._position-hint-title_1i37u_23 {
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ui-text-muted);
}
._position-hint-chip_1i37u_30 {
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid rgba(155, 172, 192, 0.44);
  background: rgba(155, 172, 192, 0.14);
  color: var(--ui-text-muted);
  font-size: 9px;
}
._position-hint-grid_1i37u_39 {
  display: grid;
  grid-template-columns: auto auto;
  row-gap: 4px;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
._position-hint-label_1i37u_46 {
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 9px;
}
._position-hint-value_1i37u_53 {
  color: var(--ui-text);
  text-align: right;
  font-family: var(--ui-font-mono);
  font-size: 10px;
}
._position-hint-footer_1i37u_60 {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--ui-border-subtle);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._position-hint-subtle_1i37u_69 {
  color: var(--ui-text-faint);
  font-size: 9px;
}
._radius-handle_1i37u_74 {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid var(--ui-selection-handle-border);
  background: var(--ui-selection-handle);
  box-shadow: 0 0 0 1px rgba(155, 172, 192, 0.26);
  transform: translate3d(-50%, -50%, 0);
  transition:
    transform 120ms ease,
    box-shadow 120ms ease,
    border-color 120ms ease;
  z-index: 3;
  cursor: pointer;
}
._radius-handle_1i37u_74::before {
  content: "";
  position: absolute;
  inset: -6px;
}
._radius-handle_1i37u_74:hover {
  transform: translate3d(-50%, -50%, 0) scale(1.1);
}
._radius-handle-inherit_1i37u_98 {
  background: transparent;
  border-style: dashed;
  border-color: var(--ui-selection-outline);
  opacity: 0.6;
}
._radius-handle-inherit_1i37u_98:hover {
  opacity: 1;
}
._radius-handle-active_1i37u_109 {
  border-color: var(--ui-selection-outline);
  box-shadow: 0 0 0 2px rgba(155, 172, 192, 0.42);
  transform: translate3d(-50%, -50%, 0) scale(1.2);
}

/* temp_stylePlugin:src/components/InfinityAnnotations/FreeTransform/Tools/SelectionTool/Guides.module.css */
._line_1hhx6_1 {
  width: 1px;
  height: 1px;
  background: var(--ui-guide);
  opacity: 1;
  pointer-events: none;
  position: absolute;
}
._size-bracket_1hhx6_10 {
  position: absolute;
  pointer-events: none;
  opacity: 0.95;
  filter: drop-shadow(0 0 4px rgba(176, 196, 216, 0.35));
  animation: _bracketFadeIn_1hhx6_1 160ms ease-out;
}
._size-bracket-line_1hhx6_18,
._size-bracket-start_1hhx6_19,
._size-bracket-end_1hhx6_20 {
  position: absolute;
  background: var(--size-bracket-color, var(--ui-guide));
  box-shadow: 0 0 2px rgba(176, 196, 216, 0.22);
}
._vertical-bracket_1hhx6_26 ._size-bracket-line_1hhx6_18 {
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
  background:
    linear-gradient(
      to bottom,
      rgba(176, 196, 216, 0),
      var(--size-bracket-color, var(--ui-guide)) 30%,
      var(--size-bracket-color, var(--ui-guide)) 70%,
      rgba(176, 196, 216, 0));
}
._vertical-bracket_1hhx6_26 ._size-bracket-start_1hhx6_19,
._vertical-bracket_1hhx6_26 ._size-bracket-end_1hhx6_20 {
  left: 0;
  width: 100%;
  height: 1px;
}
._vertical-bracket_1hhx6_26 ._size-bracket-start_1hhx6_19 {
  top: 0;
}
._vertical-bracket_1hhx6_26 ._size-bracket-end_1hhx6_20 {
  bottom: 0;
}
._horizontal-bracket_1hhx6_57 ._size-bracket-line_1hhx6_18 {
  top: 50%;
  left: 0;
  height: 1px;
  width: 100%;
  transform: translateY(-50%);
  background:
    linear-gradient(
      to right,
      rgba(176, 196, 216, 0),
      var(--size-bracket-color, var(--ui-guide)) 30%,
      var(--size-bracket-color, var(--ui-guide)) 70%,
      rgba(176, 196, 216, 0));
}
._horizontal-bracket_1hhx6_57 ._size-bracket-start_1hhx6_19,
._horizontal-bracket_1hhx6_57 ._size-bracket-end_1hhx6_20 {
  top: 0;
  height: 100%;
  width: 1px;
}
._horizontal-bracket_1hhx6_57 ._size-bracket-start_1hhx6_19 {
  left: 0;
}
._horizontal-bracket_1hhx6_57 ._size-bracket-end_1hhx6_20 {
  right: 0;
}
@keyframes _bracketFadeIn_1hhx6_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 0.95;
    transform: scale(1);
  }
}
._horizontal-guide_1hhx6_100 {
  width: 150vw;
}
._vertical-guide_1hhx6_104 {
  height: 150vh;
}

/* temp_stylePlugin:src/components/InfinityAnnotations/FreeTransform/FreeTransform.module.css */
._select-box_6yukl_1 {
  position: absolute;
  outline: var(--ui-selection-outline) 1px dashed;
  pointer-events: none;
  overflow: visible;
}

/* temp_stylePlugin:src/components/InfinityAnnotations/FreeTransform/FreeTransformHover.module.css */
._hover-box_17dio_1 {
  position: absolute;
  outline: var(--ui-selection-outline) 1px solid;
  pointer-events: none;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  box-shadow: 0px 0px 0px transparent;
  transition: box-shadow 1000ms;
}
._ui-state-box_17dio_12 {
  color: var(--ui-text);
  font-size: 9px;
  padding: 1px;
  margin: 0px;
  margin-top: 1px;
  pointer-events: initial;
  border: 1px solid transparent;
  padding: 4px 8px;
  border-radius: 999px;
  margin: 5px 0px 0px 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  background: var(--ui-surface-3);
  border-color: var(--ui-border);
}
._ui-state-box_17dio_12:hover {
  border-color: var(--ui-border-strong);
}
._glow_17dio_33 {
  box-shadow: 0 0 0 1px rgba(199, 182, 148, 0.42);
}

/* temp_stylePlugin:src/components/InfinityAnnotations/AreaSelect/AreaSelect.module.css */
._area-selection-holder_va2p7_1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* temp_stylePlugin:src/components/InfinityAnnotations/RemoteSelectedHover/RemoteSelectedHover.module.css */
._hover-box_1m607_1 {
  position: absolute;
  pointer-events: none;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  box-shadow: 0px 0px 0px transparent;
  transition: box-shadow 1000ms, opacity 80ms linear;
}
._remote-user-label_1m607_11 {
  font-size: 8px;
  position: absolute;
  top: 100%;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -2px;
  color: var(--w90);
  white-space: nowrap;
  transform-origin: top left;
  transition: 0.4s;
}
._remote-user-label_1m607_11:hover {
  transform: scale(1) !important;
}
._edit-tooltip_1m607_30 {
  background: var(--k20);
  color: var(--w70);
  padding: 0.25rem 0.75rem;
  font-size: 10px;
  border-radius: 4px;
  border: solid 1px var(--k30);
}
._force-edit-floating-button_1m607_39 {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: hsla(20, 95%, 63%, 0.7);
  backdrop-filter: blur(3px);
  color: var(--k20);
  drop-shadow:
    0.3px 0.5px 0.7px hsl(0deg 0% 0% / 0.1),
    1.5px 2.9px 3.7px -0.4px hsl(0deg 0% 0% / 0.1),
    2.7px 5.4px 6.8px -0.7px hsl(0deg 0% 0% / 0.1),
    4.5px 8.9px 11.2px -1.1px hsl(0deg 0% 0% / 0.1),
    7.1px 14.3px 18px -1.4px hsl(0deg 0% 0% / 0.1),
    11.2px 22.3px 28.1px -1.8px hsl(0deg 0% 0% / 0.1),
    17px 33.9px 42.7px -2.1px hsl(0deg 0% 0% / 0.1),
    25px 50px 62.9px -2.5px hsl(0deg 0% 0% / 0.1);
  cursor: pointer;
}
._force-edit-floating-button_1m607_39:hover {
  background: var(--h20);
}
._remote-user-icon_1m607_61 {
  font-size: 10px;
  margin-right: 2px;
}
._remote-edit-icon_1m607_66 {
  font-size: 12px;
}

/* temp_stylePlugin:src/components/InfinityAnnotations/RemoteDraw/RemoteDraw.module.css */
._container_qwa9k_1 {
  position: fixed;
  top: 0;
  left: 0;
  transform-origin: left top;
}

/* temp_stylePlugin:src/components/NewInfinity/RenderablesMenu/RenderablesMenu.module.css */
._menu_y41l8_1 {
  position: absolute;
  width: 660px;
  height: 430px;
  z-index: 1;
}

/* temp_stylePlugin:src/components/RemoteCursors/Crosshair/Crosshair.module.css */
._crosshair_382dc_1 {
  transform: translate3d(-19px, -18px, 0px);
}

/* temp_stylePlugin:src/components/RemoteCursors/Grab/Grab.module.css */
._grab_bt8fg_1 {
  transform: translate3d(-17px, -17px, 0px);
}

/* temp_stylePlugin:src/components/RemoteCursors/Pointer/Pointer.module.css */
._pointer_1tj3g_1 {
  transform: translate3d(-14px, -11px, 0px);
}

/* temp_stylePlugin:src/components/RemoteCursors/RemoteCursors.module.css */
._remote-cursor-container_1iym3_1 {
  position: absolute;
  width: 8px;
  height: 8px;
  transition: transform 50ms linear, opacity 80ms linear;
  pointer-events: none;
}
._name-label_1iym3_9 {
  font-size: 10px;
  position: absolute;
  color: var(--w90);
  padding: 2px 4px;
  border-radius: 2px;
  left: 4px;
  top: 20px;
  white-space: nowrap;
}

/* temp_stylePlugin:src/components/InfinityAnnotations/RenderableTitles/RenderableTitle.module.css */
._renderable-title-container_6wmhm_1 {
  position: absolute;
  margin-top: -28px;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._renderable-title_6wmhm_1 {
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
  font-weight: 400;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  letter-spacing: 0.01em;
}
._artboard-chip_6wmhm_25 {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 4px 12px;
  min-height: 28px;
  background: rgba(16, 19, 24, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.45);
}
._artboard-chip_6wmhm_25 ._renderable-title_6wmhm_1 {
  color: inherit;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.01em;
}
._artboard-chip_6wmhm_25 ._renderable-title-editable_6wmhm_44:hover {
  outline: none;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
}
._renderable-title-editable_6wmhm_44:hover {
  outline: solid var(--h230) 2px;
  cursor: pointer;
}
._renderable-title_6wmhm_1:focus {
  outline: solid var(--h230) 2px;
  outline-offset: 0;
  background: var(--w90);
  color: rgb(28, 28, 28);
  width: 100%;
}
._renderable-title-input-spacer_6wmhm_63 {
  opacity: 0;
  float: left;
  height: 0;
  white-space: nowrap;
  min-width: 100px;
}
._icon_6wmhm_71 {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 20px;
  left: -30px;
  color: var(--w90);
  transition: 200ms;
}
._icon_6wmhm_71:hover {
  cursor: pointer;
  color: var(--h230);
}
._renderable-titles_6wmhm_87 {
  transform-origin: top left;
}
._renderable-title-reverse-scale_6wmhm_91 {
  transform-origin: bottom left;
}
._renderable-titles_6wmhm_87 ._renderable-title-reverse-scale_6wmhm_91 {
  transform: scale(1);
}

/* temp_stylePlugin:src/components/PastePicker/PastePicker.module.css */
._overlay_ltf07_2 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_ltf07_1 120ms ease;
}
._modal_ltf07_14 {
  animation: _scaleIn_ltf07_1 140ms cubic-bezier(0.34, 1.3, 0.64, 1);
}
@keyframes _fadeIn_ltf07_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _scaleIn_ltf07_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._picker_ltf07_22 {
  width: min(840px, 94vw);
  height: min(560px, 82vh);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: var(--ui-surface-1);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
  font-family: var(--ui-font);
  color: var(--ui-text);
}
._header_ltf07_37 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  height: 56px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
  color: var(--ui-text-muted);
}
._header-title_ltf07_48 {
  font-size: 14px;
  font-weight: 600;
  color: var(--ui-text);
  white-space: nowrap;
  flex-shrink: 0;
}
._header-count_ltf07_56 {
  font-size: 11px;
  color: var(--ui-text-faint);
  padding: 2px 7px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  flex-shrink: 0;
}
._header-spacer_ltf07_65 {
  flex: 1;
}
._close-btn_ltf07_67 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--ui-text-faint);
  font-size: 18px;
  padding: 2px 6px;
  border-radius: 6px;
  line-height: 1;
  transition: color 100ms, background 100ms;
  flex-shrink: 0;
}
._close-btn_ltf07_67:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._body_ltf07_85 {
  display: flex;
  flex: 1;
  overflow: hidden;
}
._resource-list_ltf07_92 {
  width: 280px;
  flex-shrink: 0;
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  overflow-y: auto;
  padding: 8px 6px;
}
._section-header_ltf07_100 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--ui-text-faint);
  padding: 10px 10px 4px;
}
._resource-item_ltf07_109 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  height: 38px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 100ms, border-color 100ms;
}
._resource-item_ltf07_109:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._resource-item--selected_ltf07_124 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  border-color: color-mix(in srgb, var(--ui-accent-blue) 55%, transparent);
}
._resource-icon_ltf07_129 {
  width: 16px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
._resource-name_ltf07_137 {
  flex: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._resource-type_ltf07_145 {
  font-size: 10px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._resource-badge_ltf07_155 {
  flex-shrink: 0;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  white-space: nowrap;
}
._resource-badge--new_ltf07_163 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  color: var(--ui-accent-blue);
}
._resource-badge--existing_ltf07_168 {
  background: color-mix(in srgb, #22c55e 16%, var(--ui-surface-2));
  color: #22c55e;
}
._center_ltf07_174 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._center-header_ltf07_181 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 40%, transparent);
  flex-shrink: 0;
}
._center-title_ltf07_190 {
  font-size: 13px;
  font-weight: 600;
  color: var(--ui-text);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._toggle_ltf07_200 {
  display: inline-flex;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  flex-shrink: 0;
}
._toggle-btn_ltf07_209 {
  padding: 5px 12px;
  font-size: 12px;
  font-family: var(--ui-font);
  border: none;
  background: transparent;
  color: var(--ui-text-muted);
  cursor: pointer;
  transition: background 100ms, color 100ms;
  white-space: nowrap;
}
._toggle-btn_ltf07_209:hover {
  color: var(--ui-text);
}
._toggle-btn--active_ltf07_223 {
  background: var(--ui-accent-blue);
  color: #fff;
}
._search-input_ltf07_228 {
  flex: 1;
  font-size: 13px;
  background: transparent;
  border: none;
  outline: none;
  color: var(--ui-text);
  font-family: var(--ui-font);
  min-width: 0;
  padding: 0;
}
._search-input_ltf07_228::-moz-placeholder {
  color: var(--ui-text-faint);
}
._search-input_ltf07_228::placeholder {
  color: var(--ui-text-faint);
}
._match-list_ltf07_241 {
  flex: 1;
  overflow-y: auto;
  padding: 8px 6px;
}
._match-item_ltf07_247 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  height: 36px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 100ms, border-color 100ms;
}
._match-item_ltf07_247:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 72%, transparent);
  border-color: color-mix(in srgb, var(--ui-border) 60%, transparent);
}
._match-item--selected_ltf07_262 {
  background: color-mix(in srgb, #22c55e 14%, var(--ui-surface-2));
  border-color: color-mix(in srgb, #22c55e 55%, transparent);
}
._match-icon_ltf07_267 {
  width: 16px;
  color: var(--ui-text-faint);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
._match-name_ltf07_275 {
  flex: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._match-ref_ltf07_283 {
  font-size: 10px;
  color: var(--ui-text-faint);
  font-family: var(--ui-font-mono);
  flex-shrink: 0;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._match-confidence_ltf07_294 {
  flex-shrink: 0;
  font-size: 9px;
  padding: 1px 5px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
._match-confidence--exact_ltf07_303 {
  background: color-mix(in srgb, #22c55e 18%, var(--ui-surface-2));
  color: #22c55e;
}
._match-confidence--same_ltf07_308 {
  background: color-mix(in srgb, var(--ui-accent-blue) 14%, var(--ui-surface-2));
  color: var(--ui-accent-blue);
}
._no-matches_ltf07_313 {
  color: var(--ui-text-faint);
  font-size: 12px;
  margin: 40px auto;
  text-align: center;
  line-height: 1.6;
}
._preview_ltf07_322 {
  width: 220px;
  flex-shrink: 0;
  border-left: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
._preview-empty_ltf07_333 {
  color: var(--ui-text-faint);
  font-size: 12px;
  margin: auto;
  text-align: center;
  line-height: 1.6;
}
._preview-title_ltf07_341 {
  font-size: 15px;
  font-weight: 600;
}
._preview-pkg_ltf07_346 {
  font-size: 10px;
  color: var(--ui-text-faint);
}
._preview-ref_ltf07_351 {
  font-size: 11px;
  color: var(--ui-text-faint);
  font-family: var(--ui-font-mono);
  padding: 3px 6px;
  background: var(--ui-surface-2);
  border-radius: 4px;
  word-break: break-all;
}
._preview-divider_ltf07_361 {
  border: none;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 50%, transparent);
  margin: 4px 0;
}
._preview-label_ltf07_367 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ui-text-faint);
  margin-top: 4px;
}
._preview-field_ltf07_376 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  font-size: 12px;
  color: var(--ui-text-muted);
}
._preview-field-key_ltf07_385 {
  flex-shrink: 0;
}
._preview-field-value_ltf07_387 {
  font-size: 10px;
  color: var(--ui-text-faint);
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
._footer_ltf07_398 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
}
._footer-spacer_ltf07_407 {
  flex: 1;
}
._footer-summary_ltf07_409 {
  font-size: 11px;
  color: var(--ui-text-faint);
}
._btn_ltf07_414 {
  padding: 7px 18px;
  font-size: 13px;
  font-family: var(--ui-font);
  border-radius: 8px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text);
  cursor: pointer;
  transition: background 100ms, border-color 100ms;
}
._btn_ltf07_414:hover {
  background: var(--ui-surface-3);
  border-color: var(--ui-border-strong);
}
._btn--primary_ltf07_430 {
  background: var(--ui-accent-blue);
  border-color: var(--ui-accent-blue);
  color: #fff;
}
._btn--primary_ltf07_430:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 85%, #000);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 85%, #000);
}

/* temp_stylePlugin:src/components/CsvUploadPicker/CsvUploadPicker.module.css */
._overlay_9wbtu_2 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_9wbtu_1 120ms ease;
}
._modal_9wbtu_14 {
  animation: _scaleIn_9wbtu_1 140ms cubic-bezier(0.34, 1.3, 0.64, 1);
  width: 96vw;
  height: 92vh;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: var(--ui-surface-1);
  border: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
  font-family: var(--ui-font);
  color: var(--ui-text);
}
@keyframes _fadeIn_9wbtu_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _scaleIn_9wbtu_1 {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._header_9wbtu_33 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  height: 56px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
}
._header-title_9wbtu_43 {
  font-size: 14px;
  font-weight: 600;
  color: var(--ui-text);
  flex-shrink: 0;
}
._header-badge_9wbtu_50 {
  font-size: 11px;
  color: var(--ui-text-faint);
  padding: 2px 7px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-surface-3) 80%, transparent);
  flex-shrink: 0;
}
._header-spacer_9wbtu_59 {
  flex: 1;
}
._close-btn_9wbtu_61 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--ui-text-faint);
  font-size: 18px;
  padding: 2px 6px;
  border-radius: 6px;
  line-height: 1;
  transition: color 100ms, background 100ms;
  flex-shrink: 0;
}
._close-btn_9wbtu_61:hover {
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-surface-3) 70%, transparent);
}
._mapping-bar_9wbtu_79 {
  display: flex;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
  overflow-x: auto;
  background: var(--ui-surface-2);
}
._mapping-col_9wbtu_87 {
  min-width: 160px;
  max-width: 220px;
  flex: 1;
  padding: 8px 10px;
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 40%, transparent);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._mapping-col--unmapped_9wbtu_98 {
  opacity: 0.45;
}
._mapping-csv-header_9wbtu_102 {
  font-size: 11px;
  font-weight: 600;
  color: var(--ui-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._mapping-select_9wbtu_111 {
  font-size: 12px;
  font-family: var(--ui-font);
  background: var(--ui-surface-1);
  border: 1px solid var(--ui-border);
  border-radius: 6px;
  color: var(--ui-text);
  padding: 3px 6px;
  outline: none;
  cursor: pointer;
  transition: border-color 100ms;
}
._mapping-select_9wbtu_111:focus {
  border-color: var(--ui-accent-blue);
}
._mapping-type_9wbtu_127 {
  font-size: 9px;
  color: var(--ui-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._grid-wrapper_9wbtu_135 {
  flex: 1;
  overflow: auto;
  position: relative;
}
._grid_9wbtu_135 {
  border-collapse: collapse;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
._grid-header-row_9wbtu_147 {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--ui-surface-2);
}
._grid-th_9wbtu_154 {
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 600;
  color: var(--ui-text-muted);
  text-align: left;
  border-bottom: 2px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 30%, transparent);
  min-width: 160px;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: sticky;
  top: 0;
  background: var(--ui-surface-2);
}
._grid-th--unmapped_9wbtu_172 {
  opacity: 0.4;
}
._grid-th--row-num_9wbtu_176 {
  min-width: 52px;
  max-width: 52px;
  width: 52px;
  text-align: center;
  color: var(--ui-text-faint);
}
._grid-row_9wbtu_184 {
  transition: background 60ms;
}
._grid-row_9wbtu_184:hover {
  background: color-mix(in srgb, var(--ui-surface-3) 50%, transparent);
}
._grid-cell_9wbtu_191 {
  padding: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 25%, transparent);
  border-right: 1px solid color-mix(in srgb, var(--ui-border) 25%, transparent);
  min-width: 160px;
  max-width: 220px;
  height: 34px;
  vertical-align: middle;
}
._grid-cell--row-num_9wbtu_201 {
  min-width: 52px;
  max-width: 52px;
  width: 52px;
  text-align: center;
  font-size: 10px;
  color: var(--ui-text-faint);
  padding: 0 6px;
  background: color-mix(in srgb, var(--ui-surface-2) 50%, transparent);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._grid-cell--unmapped_9wbtu_213 {
  opacity: 0.35;
}
._grid-cell--mismatch_9wbtu_217 {
  background: color-mix(in srgb, #f59e0b 10%, transparent);
}
._grid-cell--edited_9wbtu_221 {
  background: color-mix(in srgb, var(--ui-accent-blue) 8%, transparent);
}
._cell-display_9wbtu_225 {
  padding: 6px 10px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: text;
  height: 100%;
  display: flex;
  align-items: center;
}
._cell-input_9wbtu_237 {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: var(--ui-surface-1);
  color: var(--ui-text);
  font-size: 12px;
  font-family: var(--ui-font);
  padding: 6px 10px;
  box-shadow: inset 0 0 0 2px var(--ui-accent-blue);
}
._footer_9wbtu_251 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 60%, transparent);
  flex-shrink: 0;
}
._footer-spacer_9wbtu_260 {
  flex: 1;
}
._footer-summary_9wbtu_262 {
  font-size: 11px;
  color: var(--ui-text-faint);
}
._footer-preview-note_9wbtu_267 {
  font-size: 11px;
  color: var(--ui-text-faint);
  font-style: italic;
}
._btn_9wbtu_273 {
  padding: 7px 18px;
  font-size: 13px;
  font-family: var(--ui-font);
  border-radius: 8px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text);
  cursor: pointer;
  transition: background 100ms, border-color 100ms;
}
._btn_9wbtu_273:hover {
  background: var(--ui-surface-3);
  border-color: var(--ui-border-strong);
}
._btn--primary_9wbtu_289 {
  background: var(--ui-accent-blue);
  border-color: var(--ui-accent-blue);
  color: #fff;
}
._btn--primary_9wbtu_289:hover {
  background: color-mix(in srgb, var(--ui-accent-blue) 85%, #000);
  border-color: color-mix(in srgb, var(--ui-accent-blue) 85%, #000);
}

/* temp_stylePlugin:src/App.module.css */
._interface_fl7qi_1 {
  width: 100vw;
  height: 100vh !important;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
inputp[type=checkbox] {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
}
._interface-builder_fl7qi_19 {
  display: flex;
  flex-grow: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  z-index: 0;
}
._left-pane_fl7qi_27 {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 12px;
  left: 84px;
  height: 490px;
  z-index: 30;
  background: var(--ui-panel-bg);
  border: 1px solid var(--ui-panel-border);
  box-shadow: var(--ui-shadow-panel), var(--ui-panel-inset);
  border-radius: 16px;
}
._stage-container_fl7qi_41 {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
._stage_fl7qi_41 {
  position: absolute;
  border: 1px solid black;
  width: 1280px;
  box-sizing: border-box;
  height: 800px;
}
._right-pane_fl7qi_56 {
  position: fixed;
  right: 84px;
  width: 215px;
  height: 90%;
  overflow: hidden;
  z-index: 30;
  background: var(--ui-panel-bg);
  border: 1px solid var(--ui-panel-border);
  border-radius: 16px;
  box-shadow: var(--ui-shadow-panel), var(--ui-panel-inset);
}
._hide_fl7qi_69 {
  opacity: 0;
}

/* temp_stylePlugin:src/components/AccessControl/LoadingBar.module.css */
._splash_1ue0u_4 {
  position: absolute;
  inset: 0;
  background: var(--ui-bg, #101012);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  opacity: 0;
  animation: _splashFadeIn_1ue0u_1 600ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  transition: opacity 900ms cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes _splashFadeIn_1ue0u_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._splash_1ue0u_4._fading_1ue0u_22 {
  opacity: 0;
  pointer-events: none;
}
@keyframes _shimmer_1ue0u_1 {
  0% {
    background-position: -400% 0;
  }
  100% {
    background-position: 400% 0;
  }
}
._sk_1ue0u_28 {
  border-radius: 4px;
  background:
    linear-gradient(
      90deg,
      var(--ui-surface-3, #2a2a2d) 25%,
      color-mix(in srgb, var(--ui-surface-4, #303035) 60%, var(--ui-accent-blue, #3a9cff)) 50%,
      var(--ui-surface-3, #2a2a2d) 75%);
  background-size: 400% 100%;
  animation: _shimmer_1ue0u_1 3.2s infinite ease-in-out;
}
._skeleton_1ue0u_50 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  opacity: 0;
  animation: _skFadeIn_1ue0u_1 200ms ease forwards;
}
@keyframes _skFadeIn_1ue0u_1 {
  to {
    opacity: 1;
  }
}
._skTopbar_1ue0u_62 {
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 14px;
  gap: 8px;
  background: var(--ui-surface-1, #1e1e20);
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 60%, transparent);
  transform: translateY(-100%);
  animation: _slideDown_1ue0u_1 600ms 400ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes _slideDown_1ue0u_1 {
  to {
    transform: translateY(0);
  }
}
._skTopbarLeft_1ue0u_77,
._skTopbarRight_1ue0u_78 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._skTopbarCenter_1ue0u_84 {
  flex: 1;
  display: flex;
  justify-content: center;
}
._skBody_1ue0u_91 {
  flex: 1;
  display: flex;
  overflow: hidden;
}
._skLeftPanel_1ue0u_98 {
  width: 215px;
  flex-shrink: 0;
  border-right: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 60%, transparent);
  background: var(--ui-surface-1, #1e1e20);
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  animation: _slideRight_1ue0u_1 700ms 700ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes _slideRight_1ue0u_1 {
  to {
    transform: translateX(0);
  }
}
._skRightPanel_1ue0u_112 {
  width: 260px;
  flex-shrink: 0;
  border-left: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 60%, transparent);
  background: var(--ui-surface-1, #1e1e20);
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  animation: _slideLeft_1ue0u_1 700ms 900ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes _slideLeft_1ue0u_1 {
  to {
    transform: translateX(0);
  }
}
._skCanvas_1ue0u_126 {
  flex: 1;
  position: relative;
  background: var(--ui-bg, #101012);
  background-image:
    radial-gradient(
      circle,
      color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 90%, transparent) 1px,
      transparent 1px);
  background-size: 24px 24px;
  opacity: 0;
  animation: _skFadeIn_1ue0u_1 800ms 600ms ease both;
  overflow: hidden;
}
._skPanelHeader_1ue0u_142 {
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 50%, transparent);
}
._skChip_1ue0u_155 {
  height: 22px;
  border-radius: 5px;
}
._skDot_1ue0u_156 {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
._skDot_1ue0u_156._small_1ue0u_157 {
  width: 16px;
  height: 16px;
}
._skLine_1ue0u_158 {
  height: 8px;
  border-radius: 4px;
}
._skTreeIcon_1ue0u_159 {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  flex-shrink: 0;
}
._skSectionLabel_1ue0u_160 {
  height: 8px;
  width: 45%;
  margin-bottom: 4px;
}
._skPropField_1ue0u_161 {
  flex: 1;
  height: 22px;
  border-radius: 5px;
}
._skBlockHeader_1ue0u_162 {
  height: 18px;
  flex-shrink: 0;
  border-radius: 0;
}
._skDivider_1ue0u_163 {
  height: 1px;
  border-radius: 0;
  margin: 2px 10px;
}
._w32_1ue0u_165 {
  width: 32px;
}
._w40_1ue0u_166 {
  width: 40%;
}
._w48_1ue0u_167 {
  width: 48px;
}
._w56_1ue0u_168 {
  width: 56px;
}
._w60_1ue0u_169 {
  width: 60%;
}
._w72_1ue0u_170 {
  width: 72%;
}
._w80_1ue0u_171 {
  width: 80px;
}
._skTreeItems_1ue0u_174 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 6px 0;
}
._skTreeRow_1ue0u_181 {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  opacity: 0;
  animation: _rowIn_1ue0u_1 200ms ease both;
}
@keyframes _rowIn_1ue0u_1 {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
._skInspectorSection_1ue0u_196 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 10px;
}
._skPropRow_1ue0u_203 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  opacity: 0;
  animation: _rowIn_1ue0u_1 200ms ease both;
}
._skBlock_1ue0u_162 {
  position: absolute;
  border: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 90%, transparent);
  border-radius: 6px;
  background: var(--ui-surface-1, #1e1e20);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  animation: _blockIn_1ue0u_1 500ms cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: var(--delay, 0s);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}
@keyframes _blockIn_1ue0u_1 {
  0% {
    opacity: 0;
    transform: scale(0.88) translateY(6px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
._skBlockBody_1ue0u_234 {
  flex: 1;
  background: color-mix(in srgb, var(--ui-surface-2, #252528) 55%, transparent);
}
._skConnectors_1ue0u_240 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  animation: _skFadeIn_1ue0u_1 500ms ease both;
  animation-delay: var(--delay, 0s);
}
._skConnectors_1ue0u_240 line {
  stroke: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 25%, transparent);
  stroke-width: 1;
}
._canvasWatermark_1ue0u_257 {
  position: absolute;
  bottom: 14px;
  right: 16px;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--ui-font);
  color: color-mix(in srgb, var(--ui-text-faint, #5a5a5e) 35%, transparent);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0;
  animation: _skFadeIn_1ue0u_1 800ms 2.2s ease both;
}
._canvasWatermarkSup_1ue0u_270 {
  color: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 45%, transparent);
  font-size: 9px;
  vertical-align: super;
}
._statusBar_1ue0u_279 {
  height: 38px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 18px;
  background: var(--ui-surface-1, #1e1e20);
  border-top: 1px solid color-mix(in srgb, var(--ui-border, rgba(255,255,255,0.06)) 70%, transparent);
  opacity: 0;
  animation: _skFadeIn_1ue0u_1 600ms 1100ms ease both;
}
._statusLeft_1ue0u_292 {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-shrink: 0;
}
._statusRing_1ue0u_299 {
  flex-shrink: 0;
}
._statusLogo_1ue0u_301 {
  font-family: var(--ui-font);
  font-size: 14px;
  font-weight: 700;
  color: var(--ui-text, #f0f0ec);
  letter-spacing: -0.01em;
}
._statusLogoSup_1ue0u_309 {
  font-size: 9px;
  vertical-align: super;
  color: var(--ui-accent-blue, #3a9cff);
}
._statusSteps_1ue0u_316 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
._statusStep_1ue0u_316 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ui-surface-4, #303035);
  transition: background 400ms ease, transform 400ms ease;
}
._statusStepDone_1ue0u_331 {
  background: var(--ui-accent-blue, #3a9cff);
  box-shadow: 0 0 6px rgba(58, 156, 255, 0.5);
}
._statusStepActive_1ue0u_336 {
  background: color-mix(in srgb, var(--ui-accent-blue, #3a9cff) 50%, transparent);
  transform: scale(1.3);
  animation: _pulse_1ue0u_1 900ms ease-in-out infinite alternate;
}
@keyframes _pulse_1ue0u_1 {
  from {
    box-shadow: 0 0 4px rgba(58, 156, 255, 0.3);
  }
  to {
    box-shadow: 0 0 10px rgba(58, 156, 255, 0.7);
  }
}
@keyframes _phaseIn_1ue0u_1 {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._statusPhase_1ue0u_352 {
  flex: 1;
  font-size: 11px;
  color: var(--ui-text-muted, #8a8a8e);
  letter-spacing: 0.02em;
  animation: _phaseIn_1ue0u_1 500ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
._bar_1ue0u_363 {
  position: absolute;
  width: 100vw;
  height: 1px;
  background: var(--w70);
  top: 0;
  left: 0;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* temp_stylePlugin:../../node_modules/normalize.css/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}

/* temp_stylePlugin:../../node_modules/tippy.js/dist/tippy.css */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property:
    transform,
    visibility,
    opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

/* src/font/inter.css */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("./Inter-Thin.IUOMN4HW.woff2") format("woff2"), url("./Inter-Thin.MUM7DYQ7.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("./Inter-ThinItalic.AB5RI7ZJ.woff2") format("woff2"), url("./Inter-ThinItalic.EJHZVFCH.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("./Inter-ExtraLight.7GWURIUN.woff2") format("woff2"), url("./Inter-ExtraLight.NWAWMDRT.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("./Inter-ExtraLightItalic.PQZLPTJA.woff2") format("woff2"), url("./Inter-ExtraLightItalic.FWBUQSHN.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./Inter-Light.A2X6COZL.woff2") format("woff2"), url("./Inter-Light.MLEWPO6W.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("./Inter-LightItalic.H2HTNPOD.woff2") format("woff2"), url("./Inter-LightItalic.6WN2CQOT.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./Inter-Regular.U5F6TEU7.woff2") format("woff2"), url("./Inter-Regular.CJMPZWTZ.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./Inter-Italic.RQ2W3YOO.woff2") format("woff2"), url("./Inter-Italic.PXIDFCKV.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./Inter-Medium.RNI73PYA.woff2") format("woff2"), url("./Inter-Medium.R35QKO2F.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("./Inter-MediumItalic.EXQWR2LS.woff2") format("woff2"), url("./Inter-MediumItalic.AVX2526N.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./Inter-SemiBold.7ZIMHKJU.woff2") format("woff2"), url("./Inter-SemiBold.7BWDFOQP.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("./Inter-SemiBoldItalic.HTKDDYVI.woff2") format("woff2"), url("./Inter-SemiBoldItalic.B4AHTHZ7.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./Inter-Bold.FINJV4KU.woff2") format("woff2"), url("./Inter-Bold.ZN4TVV5P.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./Inter-BoldItalic.O52UQICD.woff2") format("woff2"), url("./Inter-BoldItalic.CV5SJ4GZ.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./Inter-ExtraBold.6VXKNDPB.woff2") format("woff2"), url("./Inter-ExtraBold.D6P5HPRZ.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("./Inter-ExtraBoldItalic.3ILV4YNS.woff2") format("woff2"), url("./Inter-ExtraBoldItalic.QSPC7RBG.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./Inter-Black.PCIUJ5K5.woff2") format("woff2"), url("./Inter-Black.GF2EZZQM.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("./Inter-BlackItalic.S7JBKCTE.woff2") format("woff2"), url("./Inter-BlackItalic.X3SGNBCK.woff") format("woff");
}
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url("./Inter-roman.var.DWNGCZOL.woff2") format("woff2");
}
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: "Italic";
  src: url("./Inter-italic.var.FQSUHL4T.woff2") format("woff2");
}
@font-face {
  font-family: "Inter var experimental";
  font-weight: 100 900;
  font-display: swap;
  font-style: oblique 0deg 10deg;
  src: url("./Inter.var.RPLHSTPV.woff2") format("woff2");
}

/* temp_stylePlugin:src/index.module.css */
html,
body,
#app {
  background: var(--ui-bg);
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  font-family: var(--ui-font);
  font-weight: var(--ui-font-weight-regular);
  letter-spacing: var(--ui-letter-spacing-tight);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#user-interface {
  margin-top: calc(52px - 100vh);
  position: absolute;
  margin-bottom: 0;
  margin-right: 50px;
  margin-left: 50px;
  width: calc(100vw - 100px);
  height: calc(100vh - 52px);
  overflow: hidden;
}
* {
  -webkit-text-size-adjust: auto !important;
  box-sizing: border-box;
}
.d2-cursor__grab {
  cursor: grab;
}
.d2-cursor__grabbing {
  cursor: grabbing;
}
.d2-cursor__crosshair {
  cursor: crosshair;
}
.d2-cursor__zoom-in {
  cursor: zoom-in;
}
.d2-cursor__zoom-out {
  cursor: zoom-out;
}
.d2-cursor__ai {
  cursor: crosshair;
}
:root {
  --h340: hsl(340, 30%, 58%);
  --h310: hsl(310, 28%, 58%);
  --h290: hsl(285, 24%, 60%);
  --h260: hsl(258, 22%, 61%);
  --h230: hsl(216, 28%, 63%);
  --h180: hsl(188, 22%, 58%);
  --h150: hsl(154, 20%, 56%);
  --h80: hsl(78, 28%, 56%);
  --h50: hsl(44, 30%, 60%);
  --h20: hsl(20, 32%, 58%);
  --h0: hsl(0, 30%, 60%);
  --bulba-green: hsl(152, 24%, 54%);
  --super-red: hsl(0, 34%, 54%);
  --splash-yellow: hsl(47, 38%, 56%);
  --miami-blue: hsl(194, 30%, 58%);
  --k0: #0f1113;
  --k5: #12161a;
  --k10: #171b20;
  --k15: #1d232a;
  --k20: #252c35;
  --k25: #2d3641;
  --k30: #38424f;
  --w100: hsl(0, 0%, 100%);
  --w95: hsl(0, 0%, 95%);
  --w90: hsl(0, 0%, 90%);
  --w85: hsl(0, 0%, 85%);
  --w80: hsl(0, 0%, 80%);
  --w75: hsl(0, 0%, 75%);
  --w70: hsl(0, 0%, 70%);
  --ui-bg: #101012;
  --ui-surface-1: #1e1e20;
  --ui-surface-2: #252528;
  --ui-surface-3: #2a2a2d;
  --ui-surface-4: #303035;
  --ui-border: rgba(255, 255, 255, 0.06);
  --ui-border-strong: rgba(255, 255, 255, 0.12);
  --ui-border-subtle: rgba(255, 255, 255, 0.04);
  --ui-text: #f0f0ec;
  --ui-text-muted: #b8b8bd;
  --ui-text-faint: #8a8a8f;
  --ui-radius-sm: 6px;
  --ui-radius-md: 8px;
  --ui-radius-lg: 16px;
  --ui-shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.04);
  --ui-shadow-panel: 0 24px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --ui-panel-bg: #1e1e20;
  --ui-panel-border: rgba(255, 255, 255, 0.08);
  --ui-panel-inset: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --ui-font:
    "SF Pro Text",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    system-ui,
    sans-serif;
  --ui-font-mono:
    "SF Mono",
    "Menlo",
    "Monaco",
    "Consolas",
    monospace;
  --ui-font-size-xs: 10px;
  --ui-font-size-sm: 11px;
  --ui-font-size-md: 13px;
  --ui-font-size-lg: 15px;
  --ui-font-weight-regular: 400;
  --ui-font-weight-medium: 500;
  --ui-font-weight-semibold: 600;
  --ui-letter-spacing-tight: 0;
  --ui-letter-spacing-wide: 0.06em;
  --ui-space-0: 2px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 40px;
  --ui-accent-primary: #3a9cff;
  --ui-accent-blue: #3a9cff;
  --ui-accent-cyan: #3a9cff;
  --ui-accent-magenta: #3a9cff;
  --ui-accent-amber: #3a9cff;
  --ui-accent-violet: #3a9cff;
  --ui-accent-green: #3a9cff;
  --ui-accent-red: #3a9cff;
  --ui-accent-soft: rgba(58, 156, 255, 0.12);
  --ui-accent-mid: rgba(58, 156, 255, 0.2);
  --ui-accent-gradient:
    linear-gradient(
      135deg,
      #3a9cff 0%,
      #3a9cff 100%);
  --ui-focus-ring: rgba(58, 156, 255, 0.2);
  --ui-transition-fast: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ui-transition-medium: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ui-transition-toggle: 350ms cubic-bezier(0.34, 1.56, 0.64, 1);
  --ui-guide: rgba(176, 196, 216, 0.82);
  --ui-guide-subtle: rgba(176, 196, 216, 0.58);
  --ui-guide-parent: rgba(199, 182, 148, 0.78);
  --ui-selection-outline: #9badc0;
  --ui-selection-handle: #f3f6fa;
  --ui-selection-handle-border: #8799ad;
  --ui-hint-bg: rgba(24, 29, 35, 0.96);
  --ui-hint-border: rgba(150, 162, 178, 0.42);
  --artboard-color: var(--h230);
  --data-color: var(--h340);
  --file-color: var(--h50);
  --assistant-color: var(--h290);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-button {
  display: none;
}
.hide-scrollbar::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  display: none;
}
.hide-scrollbar::-webkit-scrollbar-track {
  box-shadow: none;
  border: none;
}
.hide-scrollbar::-webkit-scrollbar-thumb {
  box-shadow: none;
  border: none;
  display: none;
}
.hide-scrollbar::-webkit-scrollbar-button {
  display: none;
}
div.d2-grow-h > div.data2-artboard {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
div.d2-grow-w > div.data2-artboard {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}