._index_4xo2z_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  width: 100%;
  max-width: 40rem;
  margin: var(--space-12) auto 0;
}
@media (max-width: 768px) {
  ._index_4xo2z_1 {
    margin-top: var(--space-4);
  }
}

._intro_4xo2z_15 {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
._intro_4xo2z_15 p {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
}

._shortcuts_4xo2z_27 {
  padding: var(--space-5);
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
}
._shortcuts_4xo2z_27 h2 {
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
}
._shortcuts_4xo2z_27 dl {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
}

._shortcut_4xo2z_27 {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
._shortcut_4xo2z_27 dt {
  display: flex;
  gap: 2px;
  width: 3.5rem;
}
._shortcut_4xo2z_27 dd {
  margin: 0;
  color: var(--text-secondary);
}._not-found_1retx_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-16);
  text-align: center;
}
._not-found_1retx_1 h2 {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: var(--text-5xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-none);
}
._not-found_1retx_1 p {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-base);
}._settings_19cnt_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
._settings_19cnt_1 h1 {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--text-xl);
  font-weight: var(--font-semibold);
}

._group_19cnt_13 {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
._group_19cnt_13 h2 {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
}

._dropdowns-grid_19cnt_25 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  align-items: start;
  gap: var(--space-4);
}

._column_19cnt_32 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--bg-canvas);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
}
._column_19cnt_32 ._column-head_19cnt_40 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-2) var(--space-3);
  background: var(--bg-surface);
  border-bottom: 1px solid var(--border-subtle);
}
._column_19cnt_32 ._column-head_19cnt_40 span:first-child {
  color: var(--text-primary);
  font-weight: var(--font-semibold);
  text-transform: uppercase;
}
._column_19cnt_32 ._column-head_19cnt_40 span:last-child {
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}
._column_19cnt_32 ._column-content_19cnt_58 {
  display: flex;
  flex-direction: column;
  padding: var(--space-1);
}
._column_19cnt_32 ._column-content_19cnt_58 label {
  justify-content: space-between;
  width: 100%;
  padding: var(--space-1) var(--space-2);
  color: var(--text-secondary);
  line-height: var(--leading-normal);
  border-radius: var(--radius-md);
}
._column_19cnt_32 ._column-content_19cnt_58 label:hover {
  color: var(--text-primary);
  background: var(--gray-a2);
}._checkbox-wrapper_nsano_1 {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: fit-content;
  cursor: pointer;
}
._checkbox-wrapper_nsano_1 input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
._checkbox-wrapper_nsano_1 input[type=checkbox]:focus-visible + ._checkbox_nsano_1 {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
._checkbox-wrapper_nsano_1._label-left_nsano_24 {
  flex-direction: row-reverse;
}
._checkbox-wrapper_nsano_1._label-right_nsano_27 {
  flex-direction: row;
}
._checkbox-wrapper_nsano_1._disabled_nsano_30 {
  cursor: not-allowed;
}
._checkbox-wrapper_nsano_1:hover ._checkbox_nsano_1:not(._checked_nsano_33):not(._disabled_nsano_30) {
  box-shadow: inset 0 0 0 1px var(--border-hover);
}
._checkbox-wrapper_nsano_1 ._checkbox_nsano_1 {
  display: grid;
  place-items: center;
  flex: none;
  height: 1.125rem;
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  background-color: var(--bg-subtle);
  box-shadow: inset 0 0 0 1px var(--border-ui);
  transition: background-color var(--transition-fast), box-shadow var(--transition-fast);
}
._checkbox-wrapper_nsano_1 ._checkbox_nsano_1 ._check-mark_nsano_47 {
  width: 85%;
  height: 85%;
  opacity: 0;
  scale: 0;
  transform-origin: center;
  transition: opacity var(--transition-fast), scale 50ms ease-in-out;
}
._checkbox-wrapper_nsano_1 ._checkbox_nsano_1._checked_nsano_33 {
  background-color: var(--accent-solid);
  box-shadow: none;
}
._checkbox-wrapper_nsano_1 ._checkbox_nsano_1._checked_nsano_33 ._check-mark_nsano_47 {
  display: block;
  opacity: 1;
  scale: 1;
  color: var(--accent-contrast);
}
._checkbox-wrapper_nsano_1 ._checkbox_nsano_1._disabled_nsano_30 {
  cursor: not-allowed;
  box-shadow: inset 0 0 0 1px var(--border-subtle);
  background-color: var(--gray-a2);
  color: var(--text-disabled);
}._container_1sa6w_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}
._container_1sa6w_1 h1 {
  margin: 0 0 var(--space-2);
  color: var(--text-primary);
  font-size: var(--text-xl);
  font-weight: var(--font-semibold);
}
._container_1sa6w_1 h2 {
  width: 100%;
  margin: var(--space-6) 0 var(--space-3);
  padding-bottom: var(--space-2);
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-subtle);
  font-size: var(--text-md);
  font-weight: var(--font-semibold);
  line-height: var(--leading-tight);
  margin: var(--space-6) 0 0;
}
._container_1sa6w_1 a {
  width: fit-content;
  color: var(--accent-text);
  text-decoration: none;
  text-underline-offset: 3px;
  cursor: pointer;
}
._container_1sa6w_1 a:hover {
  text-decoration: underline;
}
._container_1sa6w_1 ._iframes-container_1sa6w_34 {
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
}
._container_1sa6w_1 ._iframes-container_1sa6w_34 ._iframe_1sa6w_34 {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  border: none;
  border-radius: var(--radius-md);
}
._container_1sa6w_1 ._links_1sa6w_46 {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
._container_1sa6w_1 ._links_1sa6w_46 a {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}

._project_1sa6w_56 {
  padding: var(--space-4);
}

._with-url_1sa6w_60._project_1sa6w_56 {
  padding-top: var(--space-2);
}
._with-url_1sa6w_60 > a {
  display: block;
  margin-bottom: var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}

._collapse_1sa6w_70 {
  padding: 0;
  border-bottom: 1px solid var(--border-subtle);
}
._collapse_1sa6w_70:last-child {
  border-bottom: none;
}
._collapse_1sa6w_70 ._collapse-head_1sa6w_77 {
  min-height: 3.25rem;
  padding: var(--space-3) var(--space-5);
  border-radius: 0;
  background: var(--bg-surface);
}
._collapse_1sa6w_70 ._collapse-head_1sa6w_77:hover {
  background: var(--bg-ui);
}
._collapse_1sa6w_70 ._collapse-head_1sa6w_77:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--focus-ring);
}
._collapse_1sa6w_70 ._collapse-head_1sa6w_77 ._head-content_1sa6w_90 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  cursor: pointer;
}
._collapse_1sa6w_70 ._collapse-head_1sa6w_77 ._head-content_1sa6w_90 span {
  color: var(--text-primary);
  font-size: var(--text-md);
  font-weight: var(--font-medium);
}
._collapse_1sa6w_70 ._collapse-head_1sa6w_77 ._head-content_1sa6w_90 ._icon_1sa6w_101 {
  color: var(--text-muted);
  transition: transform 0.5s ease;
}
._collapse_1sa6w_70 ._collapse-head_1sa6w_77 ._head-content_1sa6w_90._open_1sa6w_105 ._icon_1sa6w_101 {
  transform: rotate(90deg);
}._collapse_q0j8u_1 {
  --state-transition-duration: 0.5s;
  width: 100%;
  overflow: hidden;
}
._collapse_q0j8u_1 ._collapse-head_q0j8u_6 {
  display: flex;
  outline: none;
}
._collapse_q0j8u_1 ._collapse-head_q0j8u_6:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: -2px;
}
._collapse_q0j8u_1 ._collapse-head_q0j8u_6 {
  align-items: center;
  justify-content: space-between;
  padding: var(--space-2) 0 var(--space-2) var(--space-3);
  color: var(--text-primary);
  background: transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}
._collapse_q0j8u_1 ._collapse-head_q0j8u_6:hover {
  background-color: var(--gray-a2);
}
._collapse_q0j8u_1 ._collapse-head_q0j8u_6 ._left_q0j8u_27 {
  display: flex;
  align-items: center;
}
._collapse_q0j8u_1 ._collapse-head_q0j8u_6 ._right_q0j8u_31 {
  display: flex;
  align-items: center;
  color: var(--text-muted);
}
._collapse_q0j8u_1 ._collapse-head_q0j8u_6 ._icon-container_q0j8u_36 {
  display: flex;
  color: var(--text-muted);
}
._collapse_q0j8u_1 ._collapse-head_q0j8u_6 ._icon-container_q0j8u_36 ._icon_q0j8u_36 {
  font-size: 18px;
  transition: transform var(--state-transition-duration) ease;
}
._collapse_q0j8u_1 ._collapse-head_q0j8u_6 ._icon-container_q0j8u_36._open_q0j8u_44 ._icon_q0j8u_36 {
  transform: rotate(90deg);
}
@media (max-width: 768px) {
  ._collapse_q0j8u_1 ._collapse-head_q0j8u_6 {
    padding: var(--space-3);
  }
}
._collapse_q0j8u_1 ._collapse-body_q0j8u_52 {
  display: grid;
  grid-template-rows: 0fr;
  color: var(--text-secondary);
  background: var(--bg-subtle);
  font-size: var(--text-sm);
  transition: grid-template-rows var(--state-transition-duration) ease;
}
@media (prefers-reduced-motion: reduce) {
  ._collapse_q0j8u_1 ._collapse-body_q0j8u_52 {
    transition: none;
  }
}
._collapse_q0j8u_1 ._collapse-inner_q0j8u_65 {
  min-height: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  ._collapse_q0j8u_1 ._collapse-inner_q0j8u_65 > div {
    padding: var(--space-3);
  }
}
._collapse_q0j8u_1._open_q0j8u_44 ._collapse-body_q0j8u_52 {
  grid-template-rows: 1fr;
}._error_1ikio_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  color: var(--danger-text);
  background-color: var(--danger-bg);
  border: 1px solid var(--danger-border);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  line-height: var(--leading-tight);
}._json_15mrk_1 {
  min-width: 0;
  padding-left: 1rem;
  color: var(--text-secondary);
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  line-height: var(--leading-relaxed);
  text-align: left;
  white-space: normal;
}
._json_15mrk_1 * {
  font-family: inherit;
}

._entry_15mrk_15 {
  position: relative;
}

._row_15mrk_19 {
  position: relative;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._children_15mrk_25 {
  margin-left: 0.3125rem;
  padding-left: 1.25rem;
  border-left: 1px solid var(--border-subtle);
}

._toggle_15mrk_31 {
  position: absolute;
  top: 0;
  left: -1rem;
  display: grid;
  place-items: center;
  width: 0.875rem;
  height: 1.625em;
  padding: 0;
  color: var(--text-muted);
  background: none;
  border: none;
  border-radius: var(--radius-xs);
  cursor: pointer;
}
._toggle_15mrk_31 svg {
  transition: rotate var(--transition-fast);
}
._toggle_15mrk_31._open_15mrk_49 svg {
  rotate: 90deg;
}
._toggle_15mrk_31:hover {
  color: var(--text-primary);
}
._toggle_15mrk_31:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 0;
}

._clickable_15mrk_60 {
  cursor: pointer;
}

._key_15mrk_64 {
  color: var(--text-secondary);
}
._key_15mrk_64._clickable_15mrk_60:hover {
  color: var(--text-primary);
}

._punctuation_15mrk_71 {
  color: var(--text-muted);
}

._label_15mrk_75 {
  color: var(--text-muted);
  font-style: italic;
}

._ellipsis_15mrk_80 {
  padding: 0 0.25rem;
  margin: 0 0.125rem;
  color: var(--text-muted);
  background-color: var(--gray-a3);
  border-radius: var(--radius-xs);
  cursor: pointer;
}
._ellipsis_15mrk_80:hover {
  color: var(--text-primary);
  background-color: var(--gray-a5);
}

._count_15mrk_93 {
  margin-left: var(--space-2);
  color: var(--text-disabled);
  font-size: var(--text-xs);
}

._string_15mrk_99 {
  color: var(--green-11);
}

._number_15mrk_103 {
  color: var(--blue-11);
}

._boolean_15mrk_107 {
  color: var(--amber-11);
}

._empty_15mrk_111 {
  color: var(--text-muted);
  font-style: italic;
}

._special_15mrk_116 {
  color: var(--accent-11);
}._badge_1vq9j_1 {
  display: inline-flex;
  align-items: center;
  height: 1.25rem;
  padding: 0 var(--space-2);
  border-radius: var(--radius-full);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  line-height: 1;
  white-space: nowrap;
}
._badge_1vq9j_1._success_1vq9j_13 {
  color: var(--success-text);
  background-color: var(--success-bg);
  box-shadow: inset 0 0 0 1px var(--success-border);
}
._badge_1vq9j_1._danger_1vq9j_18 {
  color: var(--danger-text);
  background-color: var(--danger-bg);
  box-shadow: inset 0 0 0 1px var(--danger-border);
}
._badge_1vq9j_1._warning_1vq9j_23 {
  color: var(--warning-text);
  background-color: var(--warning-bg);
  box-shadow: inset 0 0 0 1px var(--warning-border);
}
._badge_1vq9j_1._neutral_1vq9j_28 {
  color: var(--text-secondary);
  background-color: var(--gray-a3);
  box-shadow: inset 0 0 0 1px var(--gray-a5);
}._button_11gc4_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  height: var(--control-height);
  padding: 0 var(--space-4);
  border: none;
  border-radius: var(--radius-md);
  font-family: inherit;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);
}
._button_11gc4_1:focus {
  outline: none;
}
._button_11gc4_1:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
._button_11gc4_1._solid_11gc4_24 {
  background-color: var(--accent-solid);
  color: var(--accent-contrast);
}
._button_11gc4_1._solid_11gc4_24:hover:not(:disabled) {
  background-color: var(--accent-solid-hover);
}
._button_11gc4_1._solid_11gc4_24:active:not(:disabled) {
  filter: brightness(0.95);
}
._button_11gc4_1._outline_11gc4_34 {
  background-color: var(--color-transparent);
  color: var(--text-primary);
  box-shadow: inset 0 0 0 1px var(--border-ui);
}
._button_11gc4_1._outline_11gc4_34:hover:not(:disabled) {
  background-color: var(--gray-a3);
  box-shadow: inset 0 0 0 1px var(--border-hover);
}
._button_11gc4_1._outline_11gc4_34:active:not(:disabled) {
  background-color: var(--gray-a4);
}
._button_11gc4_1._disabled_11gc4_46:disabled {
  cursor: not-allowed;
}
._button_11gc4_1._disabled_11gc4_46:disabled._solid_11gc4_24 {
  background-color: var(--gray-a3);
  color: var(--text-disabled);
}
._button_11gc4_1._disabled_11gc4_46:disabled._outline_11gc4_34 {
  color: var(--text-disabled);
  box-shadow: inset 0 0 0 1px var(--border-subtle);
  background-color: var(--color-transparent);
}

._url_11gc4_59 {
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}._code_lebz6_1 {
  scrollbar-width: thin;
  scrollbar-color: var(--gray-7) transparent;
}
@supports selector(::-webkit-scrollbar) {
  ._code_lebz6_1 {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  ._code_lebz6_1::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ._code_lebz6_1::-webkit-scrollbar-track {
    background: transparent;
  }
  ._code_lebz6_1::-webkit-scrollbar-thumb {
    background: var(--gray-7);
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 1000px;
  }
  ._code_lebz6_1::-webkit-scrollbar-thumb:hover {
    background: var(--gray-8);
    background-clip: padding-box;
  }
  ._code_lebz6_1::-webkit-scrollbar-corner {
    background: transparent;
    border: none;
  }
}
._code_lebz6_1 {
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: var(--space-1) var(--space-2);
  overflow-x: auto;
  color: var(--text-secondary);
  background-color: var(--bg-subtle);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: var(--leading-relaxed);
}._menu_1jxk9_1 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  min-width: 10rem;
  padding: var(--space-1);
  background-color: var(--bg-surface);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-5);
  visibility: hidden;
}._container_dvbhp_1 {
  background-color: var(--bg-subtle);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
  padding: var(--space-2) var(--space-3) var(--space-2) var(--space-2);
}
._container_dvbhp_1 audio {
  display: none;
}

._play_dvbhp_16 {
  display: grid;
  place-items: center;
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  color: var(--accent-contrast);
  background-color: var(--accent-solid);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color var(--transition-fast);
}
._play_dvbhp_16:hover:not(:disabled) {
  background-color: var(--accent-solid-hover);
}
._play_dvbhp_16:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
._play_dvbhp_16:disabled {
  color: var(--text-disabled);
  background-color: var(--gray-a3);
  cursor: not-allowed;
}

._time_dvbhp_43 {
  flex: none;
  min-width: 6.5rem;
  color: var(--text-secondary);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-variant-numeric: tabular-nums;
  text-align: center;
  white-space: nowrap;
}

._seek-bar_dvbhp_54 {
  flex: 1;
  min-width: 4rem;
}

._error_dvbhp_59 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--space-1);
  color: var(--danger-text);
  font-size: var(--text-xs);
}._container_9z1fh_1 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  outline: none;
}
._container_9z1fh_1:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
._container_9z1fh_1._full-screen_9z1fh_13 {
  border-radius: 0;
}
._container_9z1fh_1._idle_9z1fh_16 {
  cursor: none;
}
._container_9z1fh_1._idle_9z1fh_16 ._controls_9z1fh_19 {
  opacity: 0;
  translate: 0 0.5rem;
  pointer-events: none;
}

._video_9z1fh_25 {
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
}

._overlay_9z1fh_32 {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}

._error_9z1fh_40 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  color: var(--danger-text);
  background-color: var(--bg-surface);
  border: 1px solid var(--danger-border);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
}
._error_9z1fh_40 span {
  color: inherit;
}

._big-play_9z1fh_55 {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0 0 0 3px;
  color: var(--gray-12);
  background-color: var(--black-a8);
  border: 1px solid var(--gray-a6);
  border-radius: 50%;
  cursor: pointer;
  translate: -50% -50%;
  backdrop-filter: blur(4px);
  transition: background-color var(--transition-fast), scale var(--transition-fast);
}
._big-play_9z1fh_55:hover {
  background-color: var(--accent-9);
  scale: 1.05;
}

._controls_9z1fh_19 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding: var(--space-8) var(--space-3) var(--space-2);
  background: linear-gradient(to top, var(--black-a9), var(--black-a5) 60%, transparent);
  transition: opacity 0.25s ease, translate 0.25s ease;
}

._row_9z1fh_91 {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

._time_9z1fh_97 {
  color: var(--gray-12);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._spacer_9z1fh_105 {
  flex: 1;
}._loader_1425b_1 {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--accent-9);
}
._loader_1425b_1._fill-page_1425b_8 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  pointer-events: none;
}
._loader_1425b_1._fill-page_1425b_8 * {
  pointer-events: all;
}
._loader_1425b_1._fill-container_1425b_20 {
  width: 100%;
  height: 100%;
}._trigger_jytju_1 {
  height: var(--control-height);
  color: var(--text-primary);
  background-color: var(--bg-subtle);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-md);
  font-family: inherit;
  font-size: var(--text-sm);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
._trigger_jytju_1:hover {
  border-color: var(--border-hover);
}
._trigger_jytju_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  width: auto;
  padding: 0 var(--space-3) 0 var(--space-1);
  cursor: pointer;
}
._trigger_jytju_1:focus-visible {
  outline: none;
  border-color: var(--accent-8);
  box-shadow: 0 0 0 1px var(--accent-8);
}
._trigger_jytju_1[aria-expanded=true] {
  border-color: var(--accent-8);
  box-shadow: 0 0 0 1px var(--accent-8);
}

._swatch_jytju_32 {
  background-color: var(--gray-12);
  background-image: repeating-conic-gradient(var(--gray-7) 0% 25%, transparent 0% 50%);
  background-size: 6px 6px;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  border-radius: var(--radius-sm);
  box-shadow: inset 0 0 0 1px var(--gray-a6);
}
._swatch_jytju_32 span {
  display: block;
  width: 100%;
  height: 100%;
}

._trigger-text_jytju_49 {
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}

._panel_jytju_55 {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 15.5rem;
  margin-top: var(--space-1);
  padding: var(--space-3);
  background-color: var(--bg-surface);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-5);
}

._area_jytju_68 {
  position: relative;
  width: 100%;
  height: 10rem;
  border-radius: var(--radius-md);
  cursor: crosshair;
  outline: none;
  touch-action: none;
}
._area_jytju_68._round_jytju_77 {
  width: 12rem;
  height: 12rem;
  margin: 0 auto;
  border-radius: 50%;
}
._area_jytju_68._round_jytju_77 ._layer_jytju_83 {
  border-radius: 50%;
}
._area_jytju_68 ._layer_jytju_83 {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
._area_jytju_68 > ._thumb_jytju_92 {
  width: 14px;
  height: 14px;
}
._area_jytju_68:focus-visible > ._thumb_jytju_92 {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

._thumb_jytju_92 {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 16px;
  height: 16px;
  border: 2px solid var(--gray-12);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--black-a5), 0 1px 4px var(--black-a6);
  translate: -50% -50%;
  pointer-events: none;
}

._controls_jytju_114 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

._icon-button_jytju_120 {
  display: grid;
  place-items: center;
  flex: none;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  color: var(--text-secondary);
  background: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
}
._icon-button_jytju_120:hover {
  color: var(--text-primary);
  background-color: var(--gray-a4);
}
._icon-button_jytju_120:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 0;
}

._preview_jytju_142 {
  background-color: var(--gray-12);
  background-image: repeating-conic-gradient(var(--gray-7) 0% 25%, transparent 0% 50%);
  background-size: 8px 8px;
  flex: none;
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--gray-a6);
}
._preview_jytju_142 div {
  width: 100%;
  height: 100%;
}

._sliders_jytju_158 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}

._slider_jytju_158 {
  position: relative;
  height: 0.75rem;
  margin: 0 6px;
  cursor: pointer;
  outline: none;
  touch-action: none;
}
._slider_jytju_158._checkered_jytju_174::before {
  background-color: var(--gray-12);
  background-image: repeating-conic-gradient(var(--gray-7) 0% 25%, transparent 0% 50%);
  background-size: 6px 6px;
  position: absolute;
  inset: 0 -6px;
  border-radius: var(--radius-full);
  content: "";
}
._slider_jytju_158 ._slider-track_jytju_183 {
  position: absolute;
  inset: 0 -6px;
  border-radius: var(--radius-full);
  box-shadow: inset 0 0 0 1px var(--gray-a5);
}
._slider_jytju_158:focus-visible ._thumb_jytju_92 {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

._inputs_jytju_194 {
  display: flex;
  align-items: flex-start;
  gap: var(--space-1);
}

._format_jytju_200 {
  flex: none;
  width: 2.75rem;
  height: var(--control-height);
  padding: 0;
  color: var(--text-secondary);
  background-color: var(--color-transparent);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-md);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  cursor: pointer;
}
._format_jytju_200:hover {
  color: var(--text-primary);
  border-color: var(--border-hover);
}
._format_jytju_200:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 0;
}

._hex_jytju_223 {
  flex: 3;
  min-width: 0;
}
._hex_jytju_223 input {
  padding: 0 var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}

._channel_jytju_233 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 0;
}
._channel_jytju_233 input {
  height: var(--control-height);
  color: var(--text-primary);
  background-color: var(--bg-subtle);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-md);
  font-family: inherit;
  font-size: var(--text-sm);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
._channel_jytju_233 input:hover {
  border-color: var(--border-hover);
}
._channel_jytju_233 input {
  width: 100%;
  padding: 0 2px;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  text-align: center;
  outline: none;
}
._channel_jytju_233 input:focus {
  border-color: var(--accent-8);
  box-shadow: 0 0 0 1px var(--accent-8);
}
._channel_jytju_233 span {
  color: var(--text-muted);
  font-size: 0.625rem;
  font-weight: var(--font-medium);
}._input-container_v2cfe_1 {
  height: var(--control-height);
  color: var(--text-primary);
  background-color: var(--bg-subtle);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-md);
  font-family: inherit;
  font-size: var(--text-sm);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
._input-container_v2cfe_1:hover {
  border-color: var(--border-hover);
}
._input-container_v2cfe_1 {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  width: 100%;
  overflow: hidden;
}
._input-container_v2cfe_1:focus-within {
  border-color: var(--accent-8);
  box-shadow: 0 0 0 1px var(--accent-8);
}

._input_v2cfe_1 {
  width: 100%;
  height: 100%;
  padding: 0 var(--space-3);
  background-color: var(--color-transparent);
  outline: none;
  border: none;
  color: var(--text-primary);
  font-family: inherit;
  font-size: inherit;
  -webkit-tap-highlight-color: var(--color-transparent);
}
._input_v2cfe_1::placeholder {
  color: var(--text-muted);
}

._disabled_v2cfe_42 {
  background-color: var(--gray-a2);
  color: var(--text-disabled);
  cursor: not-allowed;
}
._disabled_v2cfe_42:hover {
  border-color: var(--border-ui);
}
._disabled_v2cfe_42 ._input_v2cfe_1 {
  color: var(--text-disabled);
  cursor: not-allowed;
}._container_19o0l_1 {
  display: grid;
  place-items: center;
  width: 1.25rem;
  aspect-ratio: 1;
  padding: 0;
  color: var(--text-muted);
  background: none;
  border: none;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--border-ui);
  cursor: pointer;
  transition: color var(--transition-fast), box-shadow var(--transition-fast);
}
._container_19o0l_1:hover {
  color: var(--text-primary);
  box-shadow: inset 0 0 0 1px var(--border-hover);
}
._container_19o0l_1:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

._info-tooltip_19o0l_24 {
  max-width: 300px;
  padding: var(--space-2) var(--space-3);
  background-color: var(--bg-surface);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-4);
}
._info-tooltip_19o0l_24 span {
  width: 100%;
  max-width: 100%;
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  overflow-wrap: break-word;
}._input-container_5crbe_1 {
  height: var(--control-height);
  color: var(--text-primary);
  background-color: var(--bg-subtle);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-md);
  font-family: inherit;
  font-size: var(--text-sm);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
._input-container_5crbe_1:hover {
  border-color: var(--border-hover);
}
._input-container_5crbe_1 {
  display: flex;
  width: 100%;
  overflow: hidden;
}
._input-container_5crbe_1:focus-within {
  border-color: var(--accent-8);
  box-shadow: 0 0 0 1px var(--accent-8);
}
._input-container_5crbe_1._disabled_5crbe_23 {
  background-color: var(--gray-a2);
  cursor: not-allowed;
}
._input-container_5crbe_1._disabled_5crbe_23:hover {
  border-color: var(--border-ui);
}
._input-container_5crbe_1._disabled_5crbe_23 ._input_5crbe_1 {
  color: var(--text-disabled);
  cursor: not-allowed;
}

._buttons-container_5crbe_35 {
  display: flex;
  flex-direction: column;
  width: 1.5rem;
  height: 100%;
  border-left: 1px solid var(--border-subtle);
}
._buttons-container_5crbe_35 ._button_5crbe_35 {
  display: grid;
  place-items: center;
  height: 50%;
  padding: 0;
  border: none;
  color: var(--text-muted);
  background-color: var(--color-transparent);
  cursor: pointer;
  transition: color var(--transition-fast), background-color var(--transition-fast);
}
._buttons-container_5crbe_35 ._button_5crbe_35 + ._button_5crbe_35 {
  border-top: 1px solid var(--border-subtle);
}
._buttons-container_5crbe_35 ._button_5crbe_35:hover:not(:disabled) {
  color: var(--text-primary);
  background-color: var(--bg-hover);
}
._buttons-container_5crbe_35 ._button_5crbe_35:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}
._buttons-container_5crbe_35 ._button_5crbe_35 ._icon_5crbe_64 {
  height: 0.875rem;
  aspect-ratio: 1;
  stroke: currentColor;
}

._input_5crbe_1 {
  width: 100%;
  height: 100%;
  padding: 0 var(--space-3);
  color: var(--text-primary);
  outline: none;
  background-color: var(--color-transparent);
  border: none;
  font-family: var(--font-mono);
  font-size: inherit;
  -moz-appearance: textfield;
}
._input_5crbe_1::-webkit-outer-spin-button, ._input_5crbe_1::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}._container_1ud5f_1 {
  position: relative;
  display: inline-flex;
}
._container_1ud5f_1 input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
._container_1ud5f_1 input[type=radio]:focus-visible + ._radio_1ud5f_16 {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
._container_1ud5f_1 ._radio_1ud5f_16 {
  width: 1.125rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--bg-subtle);
  box-shadow: inset 0 0 0 1px var(--border-ui);
  cursor: pointer;
  transition: background-color var(--transition-fast), box-shadow var(--transition-fast);
}
._container_1ud5f_1 ._radio_1ud5f_16:hover:not(._checked_1ud5f_29):not(._disabled_1ud5f_29) {
  box-shadow: inset 0 0 0 1px var(--border-hover);
}
._container_1ud5f_1 ._radio_1ud5f_16 ._radio-inner_1ud5f_32 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--accent-contrast);
  transform: scale(0);
  transition: transform var(--transition-fast);
}
._container_1ud5f_1 ._radio_1ud5f_16._checked_1ud5f_29 {
  background-color: var(--accent-solid);
  box-shadow: none;
}
._container_1ud5f_1 ._radio_1ud5f_16._checked_1ud5f_29 ._radio-inner_1ud5f_32 {
  transform: scale(0.4);
}
._container_1ud5f_1 ._radio_1ud5f_16._disabled_1ud5f_29 {
  box-shadow: inset 0 0 0 1px var(--border-subtle);
  background-color: var(--gray-a2);
  cursor: not-allowed;
}._switcher_gec7v_1 {
  display: flex;
  height: fit-content;
  gap: var(--space-2);
  outline: none;
}
._switcher_gec7v_1:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: var(--radius-md);
}
._switcher_gec7v_1 ._button_gec7v_12 {
  display: grid;
  place-items: center;
  flex: none;
  width: var(--control-height);
  height: var(--control-height);
  padding: 0;
  color: var(--text-secondary);
  background-color: var(--bg-subtle);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-md);
  font: inherit;
  user-select: none;
  cursor: pointer;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}
._switcher_gec7v_1 ._button_gec7v_12:hover {
  color: var(--text-primary);
  background-color: var(--bg-ui);
  border-color: var(--border-hover);
}
._switcher_gec7v_1 ._button_gec7v_12:active {
  background-color: var(--bg-hover);
}
._switcher_gec7v_1 ._children_gec7v_36 {
  flex: 1;
  min-width: 0;
}._table-container_47cls_1 {
  overflow: hidden;
  background: var(--bg-canvas);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
}

._table_47cls_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._header_47cls_14 {
  position: sticky;
  top: 0;
  z-index: 10;
  display: grid;
  background: var(--bg-surface);
  border-bottom: 1px solid var(--border-subtle);
}

._header-cell_47cls_23 {
  display: flex;
  min-width: 0;
  align-items: center;
  min-height: 2.5rem;
  padding: var(--space-2) var(--space-3);
  color: var(--text-muted);
  background: var(--bg-surface);
  border-right: 1px solid var(--border-subtle);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
}
._header-cell_47cls_23._first_47cls_35 {
  border-left: none;
}
._header-cell_47cls_23._last_47cls_38 {
  border-right: none;
}

._body_47cls_42 {
  scrollbar-width: thin;
  scrollbar-color: var(--gray-7) transparent;
}
@supports selector(::-webkit-scrollbar) {
  ._body_47cls_42 {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  ._body_47cls_42::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ._body_47cls_42::-webkit-scrollbar-track {
    background: transparent;
  }
  ._body_47cls_42::-webkit-scrollbar-thumb {
    background: var(--gray-7);
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 1000px;
  }
  ._body_47cls_42::-webkit-scrollbar-thumb:hover {
    background: var(--gray-8);
    background-clip: padding-box;
  }
  ._body_47cls_42::-webkit-scrollbar-corner {
    background: transparent;
    border: none;
  }
}
._body_47cls_42 {
  overflow-y: auto;
}

._row_47cls_77 {
  display: grid;
  border-bottom: 1px solid var(--border-subtle);
  transition: background-color var(--transition-fast);
}
._row_47cls_77:hover {
  background: var(--gray-a2);
}
._row_47cls_77._striped_47cls_85 {
  background: var(--bg-canvas);
}
._row_47cls_77._striped_47cls_85:hover {
  background: var(--gray-a2);
}
._row_47cls_77:last-child {
  border-bottom: none;
}
._row_47cls_77._compact_47cls_94 ._cell_47cls_94 {
  min-height: 2.25rem;
  padding: var(--space-1) var(--space-3);
}

._cell_47cls_94 {
  display: flex;
  min-width: 0;
  align-items: center;
  min-height: 2.75rem;
  padding: var(--space-2) var(--space-3);
  color: var(--text-secondary);
  border-right: 1px solid var(--border-subtle);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  word-break: break-word;
}
._cell_47cls_94._first_47cls_35 {
  border-left: none;
}
._cell_47cls_94._last_47cls_38 {
  border-right: none;
}

._empty_47cls_118 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-8);
  background: var(--bg-subtle);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
}

._empty-message_47cls_128 {
  color: var(--text-muted);
  font-size: var(--text-sm);
}._text-area_voz26_1 {
  height: var(--control-height);
  color: var(--text-primary);
  background-color: var(--bg-subtle);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-md);
  font-family: inherit;
  font-size: var(--text-sm);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
._text-area_voz26_1:hover {
  border-color: var(--border-hover);
}
._text-area_voz26_1 {
  scrollbar-width: thin;
  scrollbar-color: var(--gray-7) transparent;
}
@supports selector(::-webkit-scrollbar) {
  ._text-area_voz26_1 {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  ._text-area_voz26_1::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ._text-area_voz26_1::-webkit-scrollbar-track {
    background: transparent;
  }
  ._text-area_voz26_1::-webkit-scrollbar-thumb {
    background: var(--gray-7);
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 1000px;
  }
  ._text-area_voz26_1::-webkit-scrollbar-thumb:hover {
    background: var(--gray-8);
    background-clip: padding-box;
  }
  ._text-area_voz26_1::-webkit-scrollbar-corner {
    background: transparent;
    border: none;
  }
}
._text-area_voz26_1 {
  width: 100%;
  height: 64px;
  min-height: var(--control-height);
  padding: var(--space-2) var(--space-3);
  resize: none;
  line-height: var(--leading-normal);
}
._text-area_voz26_1::placeholder {
  color: var(--text-muted);
}
._text-area_voz26_1:focus {
  outline: none;
  border-color: var(--accent-8);
  box-shadow: 0 0 0 1px var(--accent-8);
}
._text-area_voz26_1:disabled, ._text-area_voz26_1:read-only {
  background-color: var(--gray-a2);
  color: var(--text-secondary);
}
._text-area_voz26_1:read-only {
  cursor: default;
}
._text-area_voz26_1:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}._section_rsez9_1 {
  --state-transition-duration: 0.5s;
  overflow: hidden;
  background-color: var(--bg-canvas);
  border: 1px solid var(--border-subtle);
  border-top: none;
}
._section_rsez9_1 ._head_rsez9_8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  min-height: 3.25rem;
  padding: var(--space-3) var(--space-5);
  cursor: pointer;
  background-color: var(--bg-surface);
  transition: background-color var(--transition-fast), box-shadow var(--transition-fast);
}
._section_rsez9_1 ._head_rsez9_8 > span {
  color: var(--text-primary);
  font-size: var(--text-md);
  font-weight: var(--font-medium);
  line-height: var(--leading-tight);
}
._section_rsez9_1 ._head_rsez9_8:hover {
  background-color: var(--bg-ui);
}
._section_rsez9_1 ._head_rsez9_8:hover ._chevron_rsez9_28 {
  color: var(--text-primary);
}
._section_rsez9_1 ._body_rsez9_31 {
  height: 0;
  padding: 0 var(--space-5);
  overflow: hidden;
  transition: height var(--state-transition-duration) ease, padding var(--state-transition-duration) ease;
}
._section_rsez9_1 ._body_rsez9_31 > * > h2:first-child,
._section_rsez9_1 ._body_rsez9_31 > * > :first-child > h2:first-child {
  margin-top: 0;
}
._section_rsez9_1 ._chevron_rsez9_28 {
  flex: none;
  color: var(--text-muted);
  transition: transform var(--state-transition-duration) ease, color var(--transition-fast);
}
._section_rsez9_1._open_rsez9_46 ._head_rsez9_8 {
  box-shadow: inset 0 -1px 0 var(--border-subtle);
}
._section_rsez9_1._open_rsez9_46 ._chevron_rsez9_28 {
  transform: rotate(90deg);
}
._section_rsez9_1._open_rsez9_46 ._body_rsez9_31 {
  height: auto;
  padding: var(--space-5);
}
._section_rsez9_1:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: -2px;
}
._section_rsez9_1:first-of-type {
  border-top: 1px solid var(--border-subtle);
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}
._section_rsez9_1:last-of-type {
  border-bottom-left-radius: var(--radius-xl);
  border-bottom-right-radius: var(--radius-xl);
}
@media (max-width: 768px) {
  ._section_rsez9_1 ._head_rsez9_8 {
    padding: var(--space-3) var(--space-4);
  }
  ._section_rsez9_1 ._body_rsez9_31 {
    padding: 0 var(--space-3);
  }
  ._section_rsez9_1._open_rsez9_46 ._body_rsez9_31 {
    padding: var(--space-4) var(--space-3);
  }
}._container_vdxes_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-5);
  background-color: var(--danger-bg);
  border: 1px solid var(--danger-border);
  border-radius: var(--radius-lg);
}
._container_vdxes_1 h3 {
  margin: 0;
  color: var(--danger-text);
  font-size: var(--text-md);
  font-weight: var(--font-semibold);
}
._container_vdxes_1 ._error-data_vdxes_17 {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: 100%;
}
._container_vdxes_1 ._error-data_vdxes_17 span {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}._header_abdah_1 {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  height: var(--header-height);
  background-color: var(--bg-surface);
  border-bottom: 1px solid var(--border-subtle);
}

._inner_abdah_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  height: 100%;
  max-width: var(--layout-max-width);
  margin: 0 auto;
  padding: 0 var(--space-6);
}
@media (max-width: 768px) {
  ._inner_abdah_10 {
    padding: 0 var(--space-4);
  }
}

._nav_abdah_26 {
  scrollbar-width: thin;
  scrollbar-color: var(--gray-7) transparent;
}
@supports selector(::-webkit-scrollbar) {
  ._nav_abdah_26 {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  ._nav_abdah_26::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ._nav_abdah_26::-webkit-scrollbar-track {
    background: transparent;
  }
  ._nav_abdah_26::-webkit-scrollbar-thumb {
    background: var(--gray-7);
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 1000px;
  }
  ._nav_abdah_26::-webkit-scrollbar-thumb:hover {
    background: var(--gray-8);
    background-clip: padding-box;
  }
  ._nav_abdah_26::-webkit-scrollbar-corner {
    background: transparent;
    border: none;
  }
}
._nav_abdah_26 {
  display: flex;
  align-self: stretch;
  gap: var(--space-1);
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

._link_abdah_66 {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--space-3);
  color: var(--text-muted);
  text-decoration: none;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  white-space: nowrap;
  transition: color var(--transition-fast), box-shadow var(--transition-fast);
}
._link_abdah_66:hover {
  color: var(--text-primary);
  box-shadow: inset 0 -2px 0 var(--gray-a6);
}
._link_abdah_66:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: -2px;
}
._link_abdah_66._active_abdah_86 {
  color: var(--text-primary);
  box-shadow: inset 0 -2px 0 var(--accent-9);
}
@media (max-width: 640px) {
  ._link_abdah_66 {
    padding: 0 var(--space-2);
  }
}

._search_abdah_96 {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-2);
  height: 2rem;
  padding: 0 var(--space-2) 0 var(--space-3);
  color: var(--text-muted);
  background-color: var(--bg-canvas);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-md);
  font-family: inherit;
  font-size: var(--text-sm);
  cursor: pointer;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}
._search_abdah_96:hover {
  color: var(--text-primary);
  border-color: var(--border-hover);
}
._search_abdah_96:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
._search_abdah_96 ._search-label_abdah_120 {
  color: inherit;
  margin-right: var(--space-4);
}
._search_abdah_96 ._keys_abdah_124 {
  display: flex;
  gap: 2px;
}
@media (max-width: 640px) {
  ._search_abdah_96 {
    padding: 0 var(--space-2);
  }
  ._search_abdah_96 ._search-label_abdah_120,
  ._search_abdah_96 ._keys_abdah_124 {
    display: none;
  }
}._container_9z8yx_1 {
  position: fixed;
  top: calc(var(--header-height) + var(--space-4));
  left: 50%;
  z-index: var(--z-overlay);
  translate: -50% 0;
  opacity: 1;
  transition: translate 0.2s ease, opacity 0.2s ease;
}
@starting-style {
  ._container_9z8yx_1 {
    translate: -50% -1rem;
    opacity: 0;
  }
}
._container_9z8yx_1:not(._open_9z8yx_16) {
  translate: -50% -1rem;
  opacity: 0;
  pointer-events: none;
}
._container_9z8yx_1 ._input_9z8yx_21 {
  width: min(560px, 100vw - var(--space-8));
  height: 44px;
  background-color: var(--bg-surface);
  border: 1px solid var(--border-ui);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-5);
}
._container_9z8yx_1 ._input_9z8yx_21:focus-within {
  border-color: var(--accent-8);
  box-shadow: 0 0 0 1px var(--accent-8);
}
._container_9z8yx_1 ._input_9z8yx_21 input {
  color: var(--text-primary);
  font-size: var(--text-base);
}._error_1433n_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  max-width: 800px;
  margin: var(--space-6) auto;
  padding: var(--space-8);
  overflow-x: hidden;
  background: var(--danger-bg);
  border: 1px solid var(--danger-border);
  border-radius: var(--radius-xl);
}
._error_1433n_1 h1 {
  margin: 0;
  color: var(--danger-text);
  font-size: var(--text-xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-tight);
  text-align: center;
}
._error_1433n_1 h2 {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--text-base);
  font-weight: var(--font-medium);
  line-height: var(--leading-normal);
  text-align: center;
}
._error_1433n_1 h2 span {
  color: var(--danger-text);
  font-family: var(--font-mono);
  font-weight: var(--font-medium);
}
._error_1433n_1 pre {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: var(--space-4);
  overflow-x: auto;
  color: var(--text-secondary);
  background: var(--bg-canvas);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  font-size: var(--text-xs);
  line-height: var(--leading-relaxed);
  white-space: break-spaces;
}._main_1n0pk_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--layout-max-width);
  min-height: calc(100vh - var(--header-height));
  margin: 0 auto;
  padding: var(--space-8) var(--space-6) var(--space-16);
  color: var(--text-primary);
}
@media (max-width: 768px) {
  ._main_1n0pk_1 {
    padding: var(--space-4) var(--space-4) var(--space-12);
  }
}:root {
  --shadow-1: inset 0 -1px 1px 0 var(--gray-a3), inset 0 0 0 1px var(--gray-a3), inset 0 3px 4px 0 var(--black-a5),
  inset 0 0 0 1px var(--gray-a4);
  --shadow-2: 0 0 0 1px var(--gray-a5), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6),
  0 1px 3px 0 var(--black-a8);
  --shadow-3: 0 0 0 1px var(--gray-a5), 0 2px 3px -2px var(--black-a3), 0 3px 8px -2px var(--black-a6),
  0 4px 12px -4px var(--black-a7);
  --shadow-4: 0 0 0 1px var(--gray-a5), 0 8px 40px var(--black-a3), 0 12px 32px -16px var(--black-a5);
  --shadow-5: 0 0 0 1px var(--gray-a5), 0 12px 60px var(--black-a5), 0 12px 32px -16px var(--black-a7);
  --shadow-6: 0 0 0 1px var(--gray-a5), 0 12px 60px var(--black-a4), 0 16px 64px var(--black-a6),
  0 16px 36px -20px var(--black-a11);
  --transition-all: all 0.2s ease-in-out;
  --transition-fast: 0.15s ease;
  --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  --font-mono: 'Fira Code', ui-monospace, 'SFMono-Regular', 'Menlo', 'Consolas', monospace;
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 0.9375rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --tracking-tight: -0.025em;
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 1.65;
  --leading-loose-lg: 2;
  --z-hide: -1;
  --z-auto: auto;
  --z-base: 0;
  --z-docked: 10;
  --z-dropdown: 1000;
  --z-sticky: 1100;
  --z-banner: 1200;
  --z-overlay: 1300;
  --z-modal: 1400;
  --z-popover: 1500;
  --z-skiplink: 1600;
  --z-toast: 1700;
  --z-tooltip: 1800;
  --radius-none: 0;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-full: 9999px;
  --layout-max-width: 1200px;
  --header-height: 3.5rem;
  --control-height: 2rem;
  --gray-1: #141011;
  --gray-2: #1e1919;
  --gray-3: #272121;
  --gray-4: #2e2828;
  --gray-5: #362f2f;
  --gray-6: #403839;
  --gray-7: #4e4646;
  --gray-8: #675e5f;
  --gray-9: #756c6d;
  --gray-10: #82797a;
  --gray-11: #b9b2b2;
  --gray-12: #f1eded;
  --gray-a1: #00000000;
  --gray-a2: #fce1ca0b;
  --gray-a3: #fbded315;
  --gray-a4: #f9e3db1d;
  --gray-a5: #fee6e025;
  --gray-a6: #fee4e630;
  --gray-a7: #ffebe83f;
  --gray-a8: #fdebec5b;
  --gray-a9: #fdedee6a;
  --gray-a10: #feeff078;
  --gray-a11: #fef5f5b4;
  --gray-a12: #fffbfbf0;
  --accent-1: #191111;
  --accent-2: #201313;
  --accent-3: #3b1215;
  --accent-4: #500f17;
  --accent-5: #61161f;
  --accent-6: #72232a;
  --accent-7: #8c333a;
  --accent-8: #b8414b;
  --accent-9: #e62e4b;
  --accent-10: #f25563;
  --accent-11: #ff9497;
  --accent-12: #ffd2d2;
  --accent-a1: #00000000;
  --accent-a2: #ef47350e;
  --accent-a3: #fb1c292b;
  --accent-a4: #fc0c2842;
  --accent-a5: #fe223c54;
  --accent-a6: #ff404f66;
  --accent-a7: #fe546183;
  --accent-a8: #ff5664b2;
  --accent-a9: #ff3252e4;
  --accent-a10: #ff5968f1;
  --accent-a11: #ff9497ff;
  --accent-a12: #ffd2d2ff;
  --red-1: #181111;
  --red-2: #1f1513;
  --red-3: #391714;
  --red-4: #4e1511;
  --red-5: #5e1c16;
  --red-6: #6e2920;
  --red-7: #853a2d;
  --red-8: #ac4d39;
  --red-9: #e54d2e;
  --red-10: #ec6142;
  --red-11: #ff977d;
  --red-12: #fbd3cb;
  --red-a1: #00000000;
  --red-a2: #fe7a3c0c;
  --red-a3: #fa3c2429;
  --red-a4: #ff24113f;
  --red-a5: #fd362151;
  --red-a6: #fe513862;
  --red-a7: #fe674b7b;
  --red-a8: #ff6e4fa5;
  --red-a9: #ff5532e3;
  --red-a10: #fe6846eb;
  --red-a11: #ff977dff;
  --red-a12: #ffd6cefb;
  --green-1: #0e1512;
  --green-2: #121b17;
  --green-3: #132d21;
  --green-4: #113b29;
  --green-5: #174933;
  --green-6: #20573e;
  --green-7: #28684a;
  --green-8: #2f7c57;
  --green-9: #30a46c;
  --green-10: #33b074;
  --green-11: #3dd68c;
  --green-12: #b1f1cb;
  --green-a1: #00000000;
  --green-a2: #007c4c1a;
  --green-a3: #0cff951f;
  --green-a4: #03fe962e;
  --green-a5: #21fe9f3d;
  --green-a6: #3cfea84c;
  --green-a7: #4affac5e;
  --green-a8: #4ffdab74;
  --green-a9: #41ffa49e;
  --green-a10: #42ffa5ab;
  --green-a11: #45fea5d4;
  --green-a12: #bafed6f1;
  --amber-1: #16120c;
  --amber-2: #1d180f;
  --amber-3: #302008;
  --amber-4: #3f2700;
  --amber-5: #4d3000;
  --amber-6: #5c3d05;
  --amber-7: #714f19;
  --amber-8: #8f6424;
  --amber-9: #ffc53d;
  --amber-10: #ffd60a;
  --amber-11: #ffca16;
  --amber-12: #ffe7b3;
  --amber-a1: #00000000;
  --amber-a2: #6154001e;
  --amber-a3: #492e0087;
  --amber-a4: #3f2700ff;
  --amber-a5: #4d3000ff;
  --amber-a6: #7a5000b4;
  --amber-a7: #ffaf2565;
  --amber-a8: #feb03586;
  --amber-a9: #ffc53dff;
  --amber-a10: #ffd60aff;
  --amber-a11: #ffca16ff;
  --amber-a12: #ffe7b3ff;
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
  --blue-a1: #00000000;
  --blue-a2: #004ba127;
  --blue-a3: #0054aa5a;
  --blue-a4: #003362ff;
  --blue-a5: #004074ff;
  --blue-a6: #0c8afe7f;
  --blue-a7: #2891fe98;
  --blue-a8: #3094feb9;
  --blue-a9: #0090ffff;
  --blue-a10: #3b9effff;
  --blue-a11: #70b8ffff;
  --blue-a12: #c2e6ffff;
  --black-a1: rgba(0, 0, 0, 0.05);
  --black-a2: rgba(0, 0, 0, 0.1);
  --black-a3: rgba(0, 0, 0, 0.15);
  --black-a4: rgba(0, 0, 0, 0.2);
  --black-a5: rgba(0, 0, 0, 0.3);
  --black-a6: rgba(0, 0, 0, 0.4);
  --black-a7: rgba(0, 0, 0, 0.5);
  --black-a8: rgba(0, 0, 0, 0.6);
  --black-a9: rgba(0, 0, 0, 0.7);
  --black-a10: rgba(0, 0, 0, 0.8);
  --black-a11: rgba(0, 0, 0, 0.9);
  --black-a12: rgba(0, 0, 0, 0.95);
  --text-primary: var(--gray-12);
  --text-secondary: var(--gray-11);
  --text-muted: var(--gray-10);
  --text-disabled: var(--gray-8);
  --bg-canvas: var(--gray-1);
  --bg-surface: var(--gray-2);
  --bg-subtle: var(--gray-2);
  --bg-ui: var(--gray-3);
  --bg-hover: var(--gray-4);
  --bg-active: var(--gray-5);
  --bg-overlay: var(--black-a7);
  --border-subtle: var(--gray-5);
  --border-ui: var(--gray-6);
  --border-hover: var(--gray-7);
  --border-strong: var(--gray-8);
  --focus-ring: var(--accent-8);
  --accent-bg: var(--accent-a3);
  --accent-border: var(--accent-a7);
  --accent-text: var(--accent-11);
  --accent-solid: var(--accent-9);
  --accent-solid-hover: var(--accent-10);
  --accent-contrast: #ffffff;
  --success-bg: var(--green-a3);
  --success-border: var(--green-a6);
  --success-text: var(--green-11);
  --success-solid: var(--green-9);
  --danger-bg: var(--red-a3);
  --danger-border: var(--red-a6);
  --danger-text: var(--red-11);
  --danger-solid: var(--red-9);
  --warning-bg: var(--amber-a3);
  --warning-border: var(--amber-a7);
  --warning-text: var(--amber-11);
  --warning-solid: var(--amber-9);
  --info-bg: var(--blue-a3);
  --info-border: var(--blue-a6);
  --info-text: var(--blue-11);
  --info-solid: var(--blue-9);
  --color-overlay: var(--bg-overlay);
  --color-surface: var(--gray-a2);
  --color-transparent: transparent;
  --color-black: #000000;
  --color-white: var(--gray-11);
  --color-white-transparent-10: #f1edede6;
  --color-white-transparent-20: #f1ededcc;
  --color-white-transparent-30: #f1ededb3;
  --color-white-transparent-40: #f1eded99;
  --color-white-transparent-50: #f1eded80;
  --color-green: var(--green-11);
  --color-red: var(--red-10);
  --color-warning: var(--amber-9);
  --color-blue: var(--blue-10);
  --color-special-hsl-1: hsl(223, 100%, 50%);
  --color-special-hsl-2: hsla(350, 75%, 49%, 0.96);
  --color-special-hsl-3: hsla(213, 68%, 75%, 1);
  --color-special-hsl-4: hsla(226, 72%, 54%, 0.76);
  --color-special-hsl-5: hsla(189, 100%, 74%, 1);
  --color-special-hsl-6: hsla(350, 100%, 56%, 0.76);
  --color-special-hsl-7: hsl(157, 100%, 52%);
  --color-special-hsl-8: hsla(141, 100%, 76%, 1);
  --color-special-hsl-9: hsl(205, 81%, 49%);
  --color-special-hsl-10: hsl(278, 80%, 53%);
  --color-special-hsl-11: hsl(0, 82%, 40%);
  --color-special-oklch-1: oklch(77% 0.5 200);
  --color-special-oklch-2: oklch(77% 0.5 230);
  --color-special-oklch-3: oklch(77% 0.5 260);
  --color-special-oklch-4: oklch(77% 0.5 280);
  --color-special-oklch-5: oklch(77% 0.5 300);
  --color-special-oklch-6: oklch(70% 0.3 0);
  --color-special-oklch-7: oklch(100% 0.25 160);
  --color-special-oklch-8: oklch(75% 0.5 180);
  --color-special-oklch-9: oklch(75% 0.5 210);
  --color-special-oklch-10: oklch(75% 0.5 230);
  --color-special-oklch-11: oklch(75% 0.5 260);
  --color-special-oklch-12: oklch(80% 0.3 305);
  --color-special-pure-red: red;
  --color-special-pure-green: #00ff00;
  --color-special-pure-blue: blue;
  --color-special-text-gradient-1: var(--color-special-pure-red);
  --color-special-text-gradient-2: hsl(120, 100%, calc(90% - 10%));
  --color-special-text-gradient-3: var(--color-special-pure-green);
  --color-special-text-gradient-4: rgb(calc(0.5 + 25), 0, 255);
  --color-special-text-gradient-5: rgba(255, 0, 0, 1);
  --color-special-text-gradient-6: rgb(0, 8, 227);
  --color-special-text-gradient-7: rgb(255, 0, 189);
  --color-special-text-gradient-8: hsl(0, 70%, 50%);
  --color-special-text-gradient-9: hsl(180, 70%, 50%);
  --color-special-text-gradient-10: hsl(360, 70%, 50%);
}

* {
  font-family: var(--font-sans);
  box-sizing: border-box;
}

:root {
  interpolate-size: allow-keywords;
  color-scheme: dark;
  scroll-padding-top: calc(var(--header-height) + var(--space-4));
}

html,
body {
  scrollbar-width: thin;
  scrollbar-color: var(--gray-7) transparent;
}
@supports selector(::-webkit-scrollbar) {
  html,
  body {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track {
    background: transparent;
  }
  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb {
    background: var(--gray-7);
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 1000px;
  }
  html::-webkit-scrollbar-thumb:hover,
  body::-webkit-scrollbar-thumb:hover {
    background: var(--gray-8);
    background-clip: padding-box;
  }
  html::-webkit-scrollbar-corner,
  body::-webkit-scrollbar-corner {
    background: transparent;
    border: none;
  }
}
html,
body {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  background-color: var(--bg-canvas);
  color: var(--text-primary);
  scroll-behavior: smooth;
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
  font-weight: var(--font-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

::selection {
  background-color: var(--accent-a5);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div {
  color: var(--text-secondary);
}

code,
kbd,
pre,
samp {
  font-family: var(--font-mono);
}

kbd {
  display: inline-block;
  min-width: 1.5em;
  padding: 0 var(--space-1);
  font-size: var(--text-xs);
  line-height: 1.6;
  text-align: center;
  color: var(--text-primary);
  background-color: var(--bg-ui);
  border: 1px solid var(--border-ui);
  border-bottom-width: 2px;
  border-radius: var(--radius-sm);
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.search-highlight {
  color: var(--text-primary);
  background-color: var(--accent-a4);
  box-shadow: 0 0 0 2px var(--accent-a4);
  border-radius: var(--radius-xs);
  transition: background-color 0.2s ease;
}