/* auto-generated by app-compiler */
html {
  touch-action: pan-x pan-y;
}
html,
body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:active,
a:hover {
  outline-width: 0;
}
[contenteditable]:focus {
  outline: 0px solid transparent;
}
.clickable {
  cursor: pointer;
}
.scrollable {
  scrollbar-gutter: stable;
}
.scrollable,
.scrollable.y {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.scrollable.x {
  overflow-x: auto;
  overflow-y: hidden;
}
.scrollable.both {
  overflow-x: auto;
  overflow-y: auto;
}
*[stage-out] :not(.tab-button) {
  display: none;
}
*[stage-out][stage-visibility] {
  display: none;
}
widget {
  display: none;
}
.no-select {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
:where(body.theme-genesis) {
  color: #D7DBDF;
  background: #181A1B;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'STHeiti', 'Microsoft YaHei', SimSun, Song, sans-serif;
}
:where(body.theme-genesis) ::selection {
  background: #272C31;
  color: #F1F3F5;
}
:where(body.theme-business) {
  color: #272522;
  background: #FCFCFB;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'STHeiti', 'Microsoft YaHei', SimSun, Song, sans-serif;
}
:where(body.theme-business) ::selection {
  background: #E8E5E0;
  color: #111111;
}
.ca-viewport {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  cursor: text;
  overflow: visible;
  user-select: none;
  font-size: 13px;
  word-break: break-word;
  line-height: 1.6;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'STHeiti', 'Microsoft YaHei', SimSun, Song, sans-serif;
}
.ca-viewport .ca-scrollable {
  overflow: auto;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  scrollbar-gutter: stable;
}
.ca-viewport hr {
  height: 0.5px;
  opacity: 0.3;
}
.ca-viewport .ca-layout {
  position: relative;
}
.ca-viewport .ca-doc {
  margin: 1px;
  white-space: pre-wrap;
}
.ca-viewport .ca-doc > p,
.ca-viewport .ca-doc > ul,
.ca-viewport .ca-doc > li,
.ca-viewport .ca-doc > ol {
  margin: 0;
  padding: 0;
}
.ca-viewport .ca-emphasis {
  font-weight: bold;
}
.ca-viewport .ca-code-block-content {
  white-space: pre-wrap;
}
.ca-viewport .ca-block-last-line-break:last-child::after {
  content: "⏎";
  opacity: 0.1;
}
.ca-viewport .ca-caret-current {
  z-index: 11;
}
.ca-viewport[viewport-mode="reader"] .ca-decorator {
  opacity: 0;
}
.ca-viewport[viewport-mode="reader"] .ca-decorator.ca-list-prefix,
.ca-viewport[viewport-mode="reader"] .ca-decorator.ca-headline-prefix,
.ca-viewport[viewport-mode="reader"] .ca-decorator.ca-emphasis {
  display: none;
}
.ca-viewport[viewport-mode="reader"] .ca-decorator.ca-cursor-nearby {
  opacity: 1;
}
.ca-viewport[viewport-mode="reader"] .ca-list-item {
  list-style: disc;
}
.ca-viewport .ca-selection-container {
  pointer-events: none;
}
.ca-viewport .ca-selection-rect-container {
  pointer-events: none;
  opacity: 0.56;
  transition: opacity 0.15s;
}
.ca-viewport .ca-decorator.ca-cursor-nearby {
  display: inline;
  opacity: 1;
}
.ca-viewport .ca-decorator {
  display: inline;
  opacity: 0.1;
}
.ca-viewport .ca-unknown-rune {
  background: #792828;
  color: white;
  border-radius: 2px;
  display: inline-block;
}
.ca-viewport .ca-puri-rune {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: bottom;
  background: #eef2f5;
  max-width: 88%;
  padding: 0 3px;
  border-radius: 4px;
  margin: 1px 2px;
}
.ca-viewport .ca-puri-rune:hover {
  cursor: pointer;
  text-decoration: underline;
}
.ca-viewport .ca-list-item {
  list-style: none;
  margin-left: 0;
}
.ca-viewport[viewport-mode="display"] .ca-decorator {
  opacity: 0;
}
.ca-viewport[viewport-mode="display"] .ca-decorator.ca-list-prefix,
.ca-viewport[viewport-mode="display"] .ca-decorator.ca-headline-prefix,
.ca-viewport[viewport-mode="display"] .ca-decorator.ca-emphasis {
  display: none;
}
.ca-viewport[viewport-mode="display"] .ca-decorator.ca-cursor-nearby {
  opacity: 1;
}
.ca-viewport[viewport-mode="display"] .ca-list-item {
  list-style: disc;
}
.ca-viewport[viewport-mode="display"] .ca-list-item {
  list-style-position: inside;
}
.ca-viewport[viewport-mode="display"] .ca-list-item.ca-list-indent-0 {
  margin-left: 3px;
}
.ca-viewport[viewport-mode="display"] .ca-list-item.ca-list-indent-1 {
  margin-left: 15px;
}
.ca-viewport[viewport-mode="display"] .ca-list-item.ca-list-indent-2 {
  margin-left: 27px;
}
.ca-viewport[viewport-mode="display"] .ca-list-item.ca-list-indent-3 {
  margin-left: 39px;
}
.ca-viewport[viewport-mode="display"] .ca-list-item.ca-list-indent-4 {
  margin-left: 51px;
}
.ca-viewport[viewport-mode="display"] .ca-list-item.ca-list-indent-5 {
  margin-left: 63px;
}
.ca-viewport[viewport-mode="display"] .ca-list-item.ca-list-indent-6 {
  margin-left: 75px;
}
.ca-viewport .ca-list-item img {
  max-height: 20px;
  object-fit: contain;
}
.ca-viewport [data-spell="tag"] {
  display: inline-block;
  padding: 0 5px;
  margin: 0 2px;
  border-radius: 3px;
  box-sizing: border-box;
}
.ca-viewport .ca-list-cross,
.ca-viewport .ca-list-check,
.ca-viewport .ca-list-comment {
  opacity: 0.67;
}
.ca-viewport .ca-code-block-copy-button {
  cursor: pointer;
  position: absolute;
  right: 5px;
  bottom: 5px;
  border: none;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  line-height: 1.2;
}
.ca-viewport [data-spell="about"] {
  border-radius: 3px;
}
.ca-theme-dark.ca-viewport:not(.ca-viewport-active) .ca-selection {
  background: #555;
}
.ca-theme-dark.ca-viewport-active .ca-selection {
  background: #00c5fa;
}
.ca-theme-dark .ca-doc > p,
.ca-theme-dark .ca-doc > ul,
.ca-theme-dark .ca-doc > li,
.ca-theme-dark .ca-doc > ol {
  color: white;
}
.ca-theme-dark .ca-doc {
  color: white;
}
.ca-theme-dark .ca-caret {
  z-index: 10;
  opacity: 1;
  border-radius: 1px;
  box-sizing: border-box;
}
.ca-theme-dark .ca-caret .shape {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: none;
}
.ca-theme-dark .ca-line-placeholder {
  color: red;
  opacity: 0;
}
.ca-theme-dark .ca-caret.slim.blink-on {
  opacity: 1;
}
.ca-theme-dark .ca-caret.slim.blink-off {
  opacity: 0;
}
.ca-theme-dark .ca-caret.slim.colorful-on .shape {
  background-color: #44daff;
  border: none;
  transition: background-color 0.1s ease-out;
}
.ca-theme-dark .ca-caret.slim.colorful-off .shape {
  background-color: #6c7696;
  transition: background-color 0.1s ease-out;
  border: none;
}
.ca-theme-dark .ca-caret.cover.blink-on {
  opacity: 1;
}
.ca-theme-dark .ca-caret.cover.blink-off {
  opacity: 0.8;
}
.ca-theme-dark .ca-caret.cover.colorful-on .shape {
  transition: background-color 0.1s ease-out;
  border: 1px solid rgba(68, 218, 255, 0.8);
  background: rgba(68, 218, 255, 0.15);
  border-radius: 2px;
}
.ca-theme-dark .ca-caret.cover.colorful-off .shape {
  transition: background-color 0.1s ease-out;
  border: 1px solid #6c7696;
  background: rgba(108, 118, 150, 0.15);
  border-radius: 2px;
}
.ca-theme-dark .ca-caret-guest {
  background-color: #4445;
}
.ca-theme-dark .ca-doc .ca-st-text,
.ca-theme-dark .ca-doc .ca-st-whitespace,
.ca-theme-dark .ca-doc .ca-st-newline {
  color: inherit;
}
.ca-theme-dark .ca-doc .ca-st-punctuation,
.ca-theme-dark .ca-doc .ca-st-delimiter {
  color: #d4d4d4;
}
.ca-theme-dark .ca-doc .ca-st-identifier {
  color: inherit;
}
.ca-theme-dark .ca-doc .ca-st-keyword {
  color: #c586c0;
}
.ca-theme-dark .ca-doc .ca-st-number,
.ca-theme-dark .ca-doc .ca-st-boolean,
.ca-theme-dark .ca-doc .ca-st-null,
.ca-theme-dark .ca-doc .ca-st-constant {
  color: #b5cea8;
}
.ca-theme-dark .ca-doc .ca-st-string,
.ca-theme-dark .ca-doc .ca-st-template,
.ca-theme-dark .ca-doc .ca-st-url {
  color: #ce9178;
}
.ca-theme-dark .ca-doc .ca-st-comment {
  color: #6a9955;
}
.ca-theme-dark .ca-doc .ca-st-operator {
  color: #d4d4d4;
}
.ca-theme-dark .ca-doc .ca-st-escape {
  color: #d7ba7d;
}
.ca-theme-dark .ca-doc .ca-st-regex {
  color: #d16969;
}
.ca-theme-dark .ca-doc .ca-st-property {
  color: #9cdcfe;
}
.ca-theme-dark .ca-doc .ca-st-function {
  color: #dcdcaa;
}
.ca-theme-dark .ca-doc .ca-st-type,
.ca-theme-dark .ca-doc .ca-st-tag {
  color: #4ec9b0;
}
.ca-theme-dark .ca-doc .ca-st-variable,
.ca-theme-dark .ca-doc .ca-st-attribute {
  color: #9cdcfe;
}
.ca-theme-dark .ca-doc .ca-st-invalid {
  color: #f44747;
  text-decoration: underline wavy currentColor;
}
.ca-theme-dark .ca-doc > code {
  padding: 0 6px 0 24px;
  box-sizing: border-box;
  display: block;
  font-size: 12px;
  background: #313131;
  padding-right: 5px;
  border-radius: 4px;
}
.ca-theme-dark .ca-doc > code.ca-cursor-nearby {
  border-radius: 0;
}
.ca-theme-dark .ca-doc > code .ca-st-codeblock-fence,
.ca-theme-dark .ca-doc > code .ca-st-codeblock-annotation {
  position: relative;
}
.ca-theme-dark .ca-doc > code .ca-st-codeblock-annotation {
  font-size: 11px;
  color: #aaa;
  float: right;
}
.ca-theme-dark .ca-doc > code .ca-cursor-nearby.ca-st-codeblock-fence {
  opacity: 1;
}
.ca-theme-dark .ca-doc > code .ca-st-codeblock-fence {
  opacity: 0;
}
.ca-theme-dark .ca-ime-composing {
  border-bottom: 1px solid rgba(22, 171, 240, 0.8);
}
.ca-theme-dark .ca-selection {
  background: #6c7696;
}
.ca-theme-dark .ca-bold {
  font-weight: 900;
  color: #e01498;
}
.ca-theme-dark code.ca-code-block {
  display: block;
  position: relative;
  padding: 0px 20px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  white-space: pre-wrap;
}
.ca-theme-dark .ca-code-block-copy-button {
  color: #ddd;
  background: rgba(255, 255, 255, 0.1);
}
.ca-theme-dark .ca-code-block-copy-button:hover {
  background: rgba(255, 255, 255, 0.18);
}
.ca-theme-dark [data-spell="plainLink"],
.ca-theme-dark a {
  color: #aaa;
  cursor: pointer;
}
.ca-theme-dark [data-spell="plainLink"]:hover,
.ca-theme-dark a:hover {
  text-decoration: underline;
}
.ca-theme-dark [data-spell="tag"] {
  color: white;
  background: #232924;
  box-shadow: inset 0 0 0px 0.5px #444;
}
.ca-theme-dark [data-spell="badge"] {
  display: inline-block;
  padding: 0 2px;
  border-radius: 3px;
}
.ca-theme-dark [data-spell="badge"][data-badge="DONE" i] {
  color: #008000;
}
.ca-theme-dark [data-spell="badge"][data-badge="CHECKED" i] {
  color: #008000;
}
.ca-theme-dark [data-spell="badge"][data-badge="TODO" i] {
  color: orange;
}
.ca-theme-dark [data-spell="badge"][data-badge="MAYBE" i] {
  color: pink;
}
.ca-theme-dark [data-spell="badge"][data-badge="CANCELLED" i] {
  color: #888;
}
.ca-theme-dark [data-spell="badge"][data-badge="SKIPPED" i] {
  background: #808080;
}
.ca-theme-dark [data-spell="badge"][data-badge="FILLME" i] {
  color: palevioletred;
}
.ca-theme-dark .ca-puri-rune {
  background: rgba(155, 155, 155, 0.19);
}
.ca-theme-dark .ca-puri-rune > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca-theme-dark .ca-puri-rune:hover {
  text-decoration: underline;
}
.ca-theme-dark .ca-list-prefix {
  color: #ffe337;
}
.ca-theme-dark .ca-prefix-tilde {
  color: #ff7d13;
  display: inline-block;
  will-change: transform;
  animation: tilde-float 1.6s ease-in-out infinite;
}
.ca-theme-dark .ca-prefix-check {
  color: #27c249;
}
.ca-theme-dark .ca-prefix-append-focus {
  color: orange;
}
.ca-theme-dark .ca-prefix-focus {
  color: #ee38ff;
}
.ca-theme-dark .ca-prefix-cross,
.ca-theme-dark .ca-prefix-comment {
  color: #888;
}
.ca-theme-dark .ca-prefix-check {
  display: inline-block;
  animation: check-bump 0.2s ease-in-out 1;
}
.ca-theme-dark .ca-list-exclamation {
  color: #fff;
}
@keyframes tilde-float {
  0%,
  100% {
    transform: translateY(0);
    opacity: 0.85;
  }
  50% {
    transform: translateY(-3px);
    opacity: 1;
  }
}
@keyframes check-bump {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
    scale: 1.3;
  }
  100% {
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ca-theme-dark .ca-prefix-tilde {
    animation: none;
  }
}
.ca-theme-dark [data-spell="about"] {
  color: #ff9dd6;
  background: #282828;
}
.ca-theme-light.ca-viewport:not(.ca-viewport-active) .ca-selection {
  background: #d7d7d7;
}
.ca-theme-light.ca-viewport-active .ca-selection {
  background: #ffd38a;
}
.ca-theme-light .ca-doc > p,
.ca-theme-light .ca-doc > ul,
.ca-theme-light .ca-doc > li,
.ca-theme-light .ca-doc > ol {
  color: #1f2328;
}
.ca-theme-light .ca-doc {
  color: #1f2328;
}
.ca-theme-light .ca-caret {
  z-index: 10;
  opacity: 1;
  border-radius: 1px;
  box-sizing: border-box;
}
.ca-theme-light .ca-caret .shape {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: none;
}
.ca-theme-light .ca-line-placeholder {
  color: #c93c37;
  opacity: 0;
}
.ca-theme-light .ca-caret.slim.blink-on {
  opacity: 1;
}
.ca-theme-light .ca-caret.slim.blink-off {
  opacity: 0;
}
.ca-theme-light .ca-caret.slim.colorful-on .shape {
  background-color: #111;
  border: none;
  transition: background-color 0.1s ease-out;
}
.ca-theme-light .ca-caret.slim.colorful-off .shape {
  background-color: #666;
  transition: background-color 0.1s ease-out;
  border: none;
}
.ca-theme-light .ca-caret.cover.blink-on {
  opacity: 1;
}
.ca-theme-light .ca-caret.cover.blink-off {
  opacity: 0.8;
}
.ca-theme-light .ca-caret.cover.colorful-on .shape {
  transition: background-color 0.1s ease-out;
  border: 1px solid rgba(17, 17, 17, 0.9);
  background: rgba(255, 153, 0, 0.22);
  border-radius: 2px;
}
.ca-theme-light .ca-caret.cover.colorful-off .shape {
  transition: background-color 0.1s ease-out;
  border: 1px solid rgba(102, 102, 102, 0.75);
  background: rgba(255, 153, 0, 0.12);
  border-radius: 2px;
}
.ca-theme-light .ca-caret-guest {
  background-color: rgba(31, 35, 40, 0.14);
}
.ca-theme-light .ca-doc .ca-st-text,
.ca-theme-light .ca-doc .ca-st-whitespace,
.ca-theme-light .ca-doc .ca-st-newline {
  color: inherit;
}
.ca-theme-light .ca-doc .ca-st-punctuation,
.ca-theme-light .ca-doc .ca-st-delimiter {
  color: #57606a;
}
.ca-theme-light .ca-doc .ca-st-identifier {
  color: inherit;
}
.ca-theme-light .ca-doc .ca-st-keyword {
  color: #8250df;
}
.ca-theme-light .ca-doc .ca-st-number,
.ca-theme-light .ca-doc .ca-st-boolean,
.ca-theme-light .ca-doc .ca-st-null,
.ca-theme-light .ca-doc .ca-st-constant {
  color: #0550ae;
}
.ca-theme-light .ca-doc .ca-st-string,
.ca-theme-light .ca-doc .ca-st-template,
.ca-theme-light .ca-doc .ca-st-url {
  color: #0a3069;
}
.ca-theme-light .ca-doc .ca-st-comment {
  color: #6e7781;
}
.ca-theme-light .ca-doc .ca-st-operator {
  color: #57606a;
}
.ca-theme-light .ca-doc .ca-st-escape {
  color: #9a6700;
}
.ca-theme-light .ca-doc .ca-st-regex {
  color: #bc4c00;
}
.ca-theme-light .ca-doc .ca-st-property {
  color: #953800;
}
.ca-theme-light .ca-doc .ca-st-function {
  color: #0a3069;
}
.ca-theme-light .ca-doc .ca-st-type,
.ca-theme-light .ca-doc .ca-st-tag {
  color: #116329;
}
.ca-theme-light .ca-doc .ca-st-variable,
.ca-theme-light .ca-doc .ca-st-attribute {
  color: #0550ae;
}
.ca-theme-light .ca-doc .ca-st-invalid {
  color: #cf222e;
  text-decoration: underline wavy currentColor;
}
.ca-theme-light .ca-doc > code {
  padding: 0 6px 0 24px;
  box-sizing: border-box;
  display: block;
  font-size: 12px;
  background: #f6f8fa;
  padding-right: 5px;
  border-radius: 4px;
  border: 1px solid #d8dee4;
}
.ca-theme-light .ca-doc > code.ca-cursor-nearby {
  border-radius: 0;
}
.ca-theme-light .ca-doc > code .ca-st-codeblock-fence,
.ca-theme-light .ca-doc > code .ca-st-codeblock-annotation {
  position: relative;
}
.ca-theme-light .ca-doc > code .ca-st-codeblock-annotation {
  font-size: 11px;
  color: #6e7781;
  float: right;
}
.ca-theme-light .ca-doc > code .ca-cursor-nearby.ca-st-codeblock-fence {
  opacity: 1;
}
.ca-theme-light .ca-doc > code .ca-st-codeblock-fence {
  opacity: 0;
}
.ca-theme-light .ca-ime-composing {
  border-bottom: 1px solid rgba(188, 76, 0, 0.8);
}
.ca-theme-light .ca-selection {
  background: #ffe7b8;
}
.ca-theme-light .ca-bold {
  font-weight: 900;
  color: #c2185b;
}
.ca-theme-light code.ca-code-block {
  display: block;
  position: relative;
  padding: 0px 20px;
  border-radius: 8px;
  background: rgba(31, 35, 40, 0.04);
  border: 1px solid rgba(31, 35, 40, 0.08);
  white-space: pre-wrap;
}
.ca-theme-light .ca-code-block-copy-button {
  color: #444;
  background: rgba(31, 35, 40, 0.08);
}
.ca-theme-light .ca-code-block-copy-button:hover {
  background: rgba(31, 35, 40, 0.14);
}
.ca-theme-light [data-spell="plainLink"],
.ca-theme-light a {
  cursor: pointer;
  color: #666;
}
.ca-theme-light [data-spell="plainLink"]:hover,
.ca-theme-light a:hover {
  text-decoration: underline;
}
.ca-theme-light [data-spell="tag"] {
  color: #1f1f1f;
  background: #f2f2f2;
  box-shadow: inset 0 0 0px 0.5px #cecece;
}
.ca-theme-light [data-spell="badge"] {
  display: inline-block;
  padding: 0 2px;
  border-radius: 3px;
}
.ca-theme-light [data-spell="badge"][data-badge="DONE" i] {
  color: #008000;
}
.ca-theme-light [data-spell="badge"][data-badge="CHECKED" i] {
  color: #008000;
}
.ca-theme-light [data-spell="badge"][data-badge="TODO" i] {
  color: orange;
}
.ca-theme-light [data-spell="badge"][data-badge="MAYBE" i] {
  color: lightseagreen;
}
.ca-theme-light [data-spell="badge"][data-badge="CANCELLED" i] {
  color: #888;
}
.ca-theme-light [data-spell="badge"][data-badge="SKIPPED" i] {
  color: #808080;
}
.ca-theme-light [data-spell="badge"][data-badge="FILLME" i] {
  color: palevioletred;
}
.ca-theme-light .ca-puri-rune {
  background: rgba(31, 35, 40, 0.07);
  color: #333;
}
.ca-theme-light .ca-puri-rune > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca-theme-light .ca-puri-rune:hover {
  text-decoration: underline;
}
.ca-theme-light .ca-list-prefix {
  color: #9a6700;
  color: #d99e00;
}
.ca-theme-light .ca-prefix-tilde {
  color: #de3905;
  display: inline-block;
  will-change: transform;
  animation: tilde-float 1.6s ease-in-out infinite;
}
.ca-theme-light .ca-prefix-check {
  color: #1a7f37;
}
.ca-theme-light .ca-prefix-append-focus {
  color: #b35900;
}
.ca-theme-light .ca-prefix-focus {
  color: #a219b8;
}
.ca-theme-light .ca-prefix-cross,
.ca-theme-light .ca-prefix-comment {
  color: #7a7a7a;
}
.ca-theme-light .ca-prefix-check {
  display: inline-block;
  animation: check-bump 0.2s ease-in-out 1;
}
.ca-theme-light .ca-list-exclamation {
  color: #1f2328;
}
@keyframes tilde-float {
  0%,
  100% {
    transform: translateY(0);
    opacity: 0.85;
  }
  50% {
    transform: translateY(-3px);
    opacity: 1;
  }
}
@keyframes check-bump {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
    scale: 1.3;
  }
  100% {
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ca-theme-light .ca-prefix-tilde {
    animation: none;
  }
}
.ca-theme-light [data-spell="about"] {
  color: #ff0190;
  background: #e8eaf4;
}
.ca-viewport.article .ca-doc > p {
  margin: 10px 0;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/accessibility/hotkeyVisualizer.html.R.js */
.hotkey-visualizer-a94aff {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 1000;
  pointer-events: none;
}
.hotkey-visualizer-a94aff .surface {
  display: flex;
  align-items: end;
  min-height: 28px;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 140ms ease, transform 140ms ease;
}
.hotkey-visualizer-a94aff .surface.show {
  opacity: 1;
  transform: translateY(0);
}
.hotkey-visualizer-a94aff .keys {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.key-list-item-767b59 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  color: #222;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 2px 6px rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: transform 140ms ease, opacity 140ms ease;
  user-select: none;
  box-sizing: border-box;
}
.key-list-item-767b59.modifier {
  color: #444;
  background: rgba(252, 252, 252, 0.96);
}
.key-list-item-767b59.normal {
  color: #111;
}
.key-list-item-767b59 .glyph {
  white-space: nowrap;
  line-height: 1;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/icon/icon.html.R.js */
.icon-dcd0d4 {
  text-transform: uppercase;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  line-height: 1;
  vertical-align: middle;
  flex: 0 0 auto;
}
.icon-dcd0d4 > svg,
.icon-dcd0d4 > span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 100%;
  width: 100%;
  height: 100%;
  line-height: 1;
}
.icon-dcd0d4 svg {
  display: block;
  width: 100%;
  height: 100%;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/loading/loading.html.R.js */
.loading-6d4497 {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.loading-6d4497 .simple {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.loading-6d4497 .simple {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.25);
  /*border-top: @line-width solid rgba(255, 255, 255, 0.2);
        border-right: @line-width solid rgba(255, 255, 255, 0.2);
        border-bottom: @line-width solid rgba(255, 255, 255, 0.2);
        border-left: @line-width solid #ffffff;*/
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: key-simple 1.1s infinite linear;
  animation: key-simple 1.1s infinite linear;
}
@-webkit-keyframes key-simple {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes key-simple {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/loading/loading.theme/business/loading.html.R.js */
.loading-5b4d11 {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.loading-5b4d11 .simple {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.loading-5b4d11 .simple {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(17, 24, 39, 0.14);
  border-left-color: #4A617E;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: key-simple 1.1s infinite linear;
  animation: key-simple 1.1s infinite linear;
}
@-webkit-keyframes key-simple {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes key-simple {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/commonUI/toaster.html.R.js */
.toaster-e81ee8 {
  width: min(320px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  cursor: default;
  pointer-events: none;
}
.toaster-e81ee8.show .pop-wrapper {
  transform: translateY(0);
  opacity: 1;
}
.toaster-e81ee8.fade-out .pop-wrapper {
  transform: translateY(-6px);
  opacity: 0;
}
.toaster-e81ee8 .pop-wrapper {
  position: relative;
  overflow: hidden;
  min-height: 36px;
  background: #252729;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
  color: rgba(255, 255, 255, 0.84);
  opacity: 0;
  transform: translateY(-8px);
  transition: transform 160ms ease, opacity 160ms ease;
  pointer-events: auto;
}
.toaster-e81ee8 .progress-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: rgba(255, 255, 255, 0.08);
}
.toaster-e81ee8 .progress-bar .progress {
  height: 100%;
  width: 1%;
  background: #8EB6DF;
  transition: width 100ms linear;
}
.toaster-e81ee8 .message {
  overflow: hidden;
  padding: 10px 12px 11px;
  color: inherit;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.01em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/commonUI/toaster.theme/business/toaster.html.R.js */
.toaster-78d98e {
  width: min(320px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  cursor: default;
  pointer-events: none;
}
.toaster-78d98e.show .pop-wrapper {
  transform: translateY(0);
  opacity: 1;
}
.toaster-78d98e.fade-out .pop-wrapper {
  transform: translateY(-6px);
  opacity: 0;
}
.toaster-78d98e .pop-wrapper {
  position: relative;
  overflow: hidden;
  min-height: 36px;
  background: #FCFCFB;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(17, 17, 17, 0.1);
  color: #272522;
  opacity: 0;
  transform: translateY(-8px);
  transition: transform 160ms ease, opacity 160ms ease;
  pointer-events: auto;
}
.toaster-78d98e .progress-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #ECEAE7;
}
.toaster-78d98e .progress-bar .progress {
  height: 100%;
  width: 1%;
  background: #6B6761;
  transition: width 100ms linear;
}
.toaster-78d98e .message {
  overflow: hidden;
  padding: 10px 12px 11px;
  color: inherit;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.01em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/window/windowBox.html.R.js */
.window-box-60b5ce {
  position: absolute;
  overflow: hidden;
  max-height: 80%;
  max-width: 80%;
  align-items: center;
  justify-content: center;
  box-shadow: var(--genesis-shadow-float, 0 16px 40px rgba(0, 0, 0, 0.34));
  background: var(--genesis-bg-panel-strong, #202327);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  border-radius: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 320px;
  min-height: 120px;
}
.window-box-60b5ce > .title {
  display: none;
  width: 100%;
  min-height: 34px;
  line-height: 18px;
  padding: 8px 14px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  text-align: center;
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
  font-size: 12px;
  font-family: var(--genesis-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  position: relative;
  cursor: grab;
  user-select: none;
  background: var(--genesis-bg-chrome, #111111);
}
.window-box-60b5ce > .title:active {
  cursor: grabbing;
}
.window-box-60b5ce.with-title > .title {
  display: block;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .window-box-60b5ce {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
  }
}
.window-box-60b5ce > .title > .window-controls {
  position: absolute;
  right: 12px;
  top: 50%;
  display: flex;
  gap: 7px;
  transform: translateY(-50%);
}
.window-box-60b5ce > .title .minimize-button,
.window-box-60b5ce > .title .close-button {
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: var(--genesis-radius-pill, 999px);
  border: 1px solid rgba(0, 0, 0, 0.22);
  box-sizing: border-box;
  transition: background-color var(--genesis-duration-fast, 160ms) ease, border-color var(--genesis-duration-fast, 160ms) ease, box-shadow var(--genesis-duration-fast, 160ms) ease;
}
.window-box-60b5ce > .title > .window-controls > .minimize-button {
  background-color: rgba(245, 191, 79, 0.95);
}
.window-box-60b5ce > .title > .window-controls > .minimize-button:hover {
  background-color: #ffd66e;
  box-shadow: 0 0 0 1px rgba(245, 191, 79, 0.18);
}
.window-box-60b5ce > .title > .window-controls > .close-button {
  background-color: rgba(255, 95, 86, 0.92);
}
.window-box-60b5ce > .title > .window-controls > .close-button:hover {
  border-color: rgba(0, 0, 0, 0.3);
  background-color: #ff5f56;
  box-shadow: 0 0 0 1px rgba(255, 95, 86, 0.18);
}
.window-box-60b5ce > .container {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  min-height: 0;
  background: var(--genesis-bg-panel, #202224);
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/window/windowBox.theme/business/windowBox.html.R.js */
.window-box-8a44bb {
  position: absolute;
  overflow: hidden;
  max-height: 80%;
  max-width: 80%;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
  background: #FFFFFF;
  color: #1A1D22;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 320px;
  min-height: 120px;
}
.window-box-8a44bb > .title {
  display: none;
  width: 100%;
  min-height: 34px;
  line-height: 18px;
  padding: 8px 14px 8px 20px;
  box-sizing: border-box;
  text-align: left;
  color: #efefef;
  font-size: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  letter-spacing: normal;
  text-transform: none;
  position: relative;
  cursor: grab;
  user-select: none;
  background: #312e2e;
}
.window-box-8a44bb > .title:active {
  cursor: grabbing;
}
.window-box-8a44bb.with-title > .title {
  display: block;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .window-box-8a44bb {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
  }
}
.window-box-8a44bb > .title > .window-controls {
  position: absolute;
  right: 12px;
  top: 50%;
  display: flex;
  gap: 7px;
  transform: translateY(-50%);
}
.window-box-8a44bb > .title .minimize-button,
.window-box-8a44bb > .title .close-button {
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: 1px solid #D9DEE4;
  box-sizing: border-box;
  transition: background-color 140ms ease;
}
.window-box-8a44bb > .title > .window-controls > .minimize-button {
  background-color: #E8B647;
}
.window-box-8a44bb > .title > .window-controls > .minimize-button:hover {
  background-color: #F3C558;
}
.window-box-8a44bb > .title > .window-controls > .close-button {
  background-color: #D74E42;
}
.window-box-8a44bb > .title > .window-controls > .close-button:hover {
  background-color: #C94338;
}
.window-box-8a44bb > .container {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  min-height: 0;
  background: #FFFFFF;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/window/windowBar.html.R.js */
.window-bar-9e014f {
  display: none;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.12));
  border-radius: var(--genesis-radius-pill, 999px);
  background: var(--genesis-bg-chrome, #16181b);
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.68));
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease, border-color var(--genesis-duration-fast, 160ms) ease;
}
.window-bar-9e014f.has-windows {
  display: inline-flex;
}
.window-bar-9e014f:hover {
  background: var(--genesis-bg-panel-strong, #24272c);
  border-color: var(--genesis-border, rgba(255, 255, 255, 0.22));
  color: var(--genesis-fg, rgba(255, 255, 255, 0.92));
}
.window-bar-9e014f > .window-marker {
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 999px;
  background: #f5bf4f;
  box-shadow: 0 0 0 3px rgba(245, 191, 79, 0.12);
}
.window-bar-9e014f > .window-title {
  max-width: 156px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1;
}
.window-bar-9e014f > .window-count {
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  box-sizing: border-box;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: inherit;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}
.window-bar-9e014f > .window-count:not(:empty) {
  display: inline-flex;
}
.window-picker-5a8693 {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  box-sizing: border-box;
  background: rgba(9, 11, 15, 0.42);
  backdrop-filter: blur(10px);
}
.window-picker-5a8693 > .window-picker-panel {
  width: min(560px, 100%);
  max-height: min(72vh, 640px);
  overflow: auto;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: rgba(26, 29, 34, 0.38);
  backdrop-filter: blur(20px) saturate(1.15);
}
.window-picker-5a8693 .window-picker-heading {
  padding: 10px 12px 14px;
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.5));
  font-size: 10px;
  font-family: var(--genesis-font-mono, ui-monospace, monospace);
  letter-spacing: 0.12em;
}
.window-list-item-d1a227 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin: 2px 0;
  padding: 6px 6px 6px 12px;
  box-sizing: border-box;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color var(--genesis-duration-fast, 160ms) ease;
}
.window-list-item-d1a227:hover {
  background: rgba(255, 255, 255, 0.09);
}
.window-list-item-d1a227 > .window-picker-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--genesis-fg, rgba(255, 255, 255, 0.9));
  font-size: 13px;
}
.window-list-item-d1a227 button {
  height: 28px;
  border: 0;
  border-radius: 7px;
  font: inherit;
  cursor: pointer;
  transition: background-color var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease;
}
.window-list-item-d1a227 > .close-button {
  width: 28px;
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.52));
  background: transparent;
  font-size: 20px;
  line-height: 1;
}
.window-list-item-d1a227 > .close-button:hover {
  color: #ff9189;
  background: rgba(255, 107, 97, 0.14);
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/menu/menu/menu.html.R.js */
.menu-94eb86 {
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  top: 0;
  left: 0;
  box-sizing: border-box;
  min-width: 280px;
  background: var(--genesis-bg-panel-strong, #1C1D1F);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  border-radius: 0;
  box-shadow: var(--genesis-shadow-float, 0 16px 40px rgba(0, 0, 0, 0.34));
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-94eb86 {
    flex-direction: column-reverse;
    border-radius: 0;
    border-bottom: none;
    box-shadow: 0 -8px 36px rgba(0, 0, 0, 0.34);
  }
}
.menu-94eb86 .title {
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: var(--genesis-bg-chrome, #111111);
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
  padding: 7px 10px;
  border-bottom: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  font-family: var(--genesis-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
}
.menu-94eb86 .filter {
  width: 100%;
  padding: 9px 10px;
  box-sizing: border-box;
  background: var(--genesis-bg-field, #141617);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  caret-color: var(--genesis-accent, #B0B6BE);
  font-size: 12px;
  line-height: 18px;
  transition: background-color var(--genesis-duration-fast, 160ms) ease, box-shadow var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease, border-color var(--genesis-duration-fast, 160ms) ease;
}
.menu-94eb86 .filter::placeholder {
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
}
.menu-94eb86 .filter:focus {
  outline: none;
  background: var(--genesis-bg-field, #141617);
  box-shadow: none;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-94eb86 .filter {
    border-bottom: 0;
    border-top: 0;
    padding: 14px 18px;
    font-size: 16px;
  }
}
.menu-94eb86.long input {
  display: block;
}
.menu-94eb86 > .empty-hint {
  display: none;
  text-align: center;
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
  padding: 18px 14px;
  font-size: 12px;
}
.menu-94eb86.empty {
  height: auto;
}
.menu-94eb86.empty .empty-hint {
  display: block;
}
.menu-94eb86.empty .option-list {
  display: none;
}
.menu-94eb86.empty input {
  display: none;
}
.menu-94eb86 .option-list {
  min-height: 240px;
  max-height: 480px;
  overflow: auto;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-94eb86 .option-list {
    flex-direction: column-reverse;
    padding: 0;
    gap: 0;
  }
}
.menu-94eb86 .option-list-item {
  cursor: pointer;
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  padding: 0 10px;
  height: 28px;
  min-height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  background: transparent;
  border-radius: 0;
  font-size: 12px;
  font-weight: 400;
  width: 100%;
  transition: background-color var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease, box-shadow var(--genesis-duration-fast, 160ms) ease;
}
.menu-94eb86 .option-list-item:hover {
  background: var(--genesis-bg-hover, rgba(255, 255, 255, 0.05));
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-94eb86 .option-list-item {
    line-height: 30px;
    height: auto;
    min-height: 56px;
    padding: 14px 18px;
    box-sizing: border-box;
    border-top: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
    border-radius: 0;
    font-size: 16px;
    width: 100%;
  }
  .menu-94eb86 .option-list-item:first-child {
    border-top: none;
  }
  .menu-94eb86 .option-list-item:hover {
    background: var(--genesis-bg-hover, rgba(255, 255, 255, 0.05));
  }
}
.menu-94eb86 .option-list-item.active {
  color: var(--genesis-accent, #B0B6BE);
  background: var(--genesis-bg-active, rgba(176, 182, 190, 0.14));
  box-shadow: none;
}
.menu-94eb86 .option-list-item.active .extra-mark {
  color: var(--genesis-accent, #B0B6BE);
}
.option-43421d {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  transition: background-color var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease, box-shadow var(--genesis-duration-fast, 160ms) ease;
}
.option-43421d .name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  height: 100%;
  white-space: pre;
  padding-right: 18px;
  box-sizing: border-box;
}
.option-43421d .loading-mark {
  display: none;
  position: absolute;
  right: 5px;
  top: 0;
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
  font-size: 11px;
}
.option-43421d.loading .loading-mark {
  display: block;
}
.option-43421d .extra-mark {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 100%;
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
  font-size: 10px;
  line-height: 1;
  position: absolute;
  right: 2px;
  top: 0;
}
.option-43421d .extra-mark.show {
  display: flex;
}
.option-43421d.loading .extra-mark {
  display: none;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .option-43421d .extra-mark {
    top: 0;
    right: 18px;
    width: 18px;
    font-size: 12px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/menu/menu/menu.theme/business/menu.html.R.js */
.menu-6c627a {
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  top: 0;
  left: 0;
  box-sizing: border-box;
  min-width: 280px;
  background: #FCFCFB;
  color: #272522;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 0;
  box-shadow: 0 10px 28px rgba(17, 17, 17, 0.14);
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-6c627a {
    flex-direction: column-reverse;
    border-radius: 0;
    border-bottom: none;
    box-shadow: 0 -8px 28px rgba(17, 17, 17, 0.14);
  }
}
.menu-6c627a .title {
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  background: #F4F3F1;
  color: #6B6761;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
  font-family: inherit;
}
.menu-6c627a .filter {
  width: 100%;
  padding: 9px 10px;
  box-sizing: border-box;
  background: #FCFCFB;
  color: #272522;
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  outline: none;
  box-shadow: inset 0 -1px 0 rgba(17, 17, 17, 0.08);
  appearance: none;
  -webkit-appearance: none;
  caret-color: #111111;
  font-size: 12px;
  line-height: 18px;
  transition: background-color 140ms ease, box-shadow 140ms ease, color 140ms ease, border-color 140ms ease;
}
.menu-6c627a .filter::placeholder {
  color: #6B6761;
}
.menu-6c627a .filter:focus {
  outline: none;
  background: #FCFCFB;
  box-shadow: inset 0 -1px 0 rgba(17, 17, 17, 0.18), inset 0 0 0 1px rgba(17, 17, 17, 0.18);
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-6c627a .filter {
    border-bottom: 0;
    border-top: 0;
    padding: 14px 18px;
    font-size: 16px;
  }
}
.menu-6c627a.long input {
  display: block;
}
.menu-6c627a > .empty-hint {
  display: none;
  text-align: center;
  color: #6B6761;
  padding: 18px 14px;
  font-size: 12px;
}
.menu-6c627a.empty {
  height: auto;
}
.menu-6c627a.empty .empty-hint {
  display: block;
}
.menu-6c627a.empty .option-list {
  display: none;
}
.menu-6c627a.empty input {
  display: none;
}
.menu-6c627a .option-list {
  min-height: 240px;
  max-height: 480px;
  overflow: auto;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-6c627a .option-list {
    flex-direction: column-reverse;
    padding: 0;
    gap: 0;
  }
}
.menu-6c627a .option-list-item {
  cursor: pointer;
  color: #272522;
  padding: 0 10px;
  height: 28px;
  min-height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  background: transparent;
  border-radius: 0;
  font-size: 12px;
  font-weight: 400;
  width: 100%;
  transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}
.menu-6c627a .option-list-item:hover {
  background: #F4F3F1;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-6c627a .option-list-item {
    line-height: 30px;
    height: auto;
    min-height: 56px;
    padding: 14px 18px;
    box-sizing: border-box;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 0;
    font-size: 16px;
    width: 100%;
  }
  .menu-6c627a .option-list-item:first-child {
    border-top: none;
  }
  .menu-6c627a .option-list-item:hover {
    background: #F4F3F1;
  }
}
.menu-6c627a .option-list-item.active {
  color: #FFFFFF;
  background: #272522;
  box-shadow: none;
}
.menu-6c627a .option-list-item.active .extra-mark {
  color: #FFFFFF;
}
.option-65a9f2 {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}
.option-65a9f2 .name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  height: 100%;
  white-space: pre;
  padding-right: 18px;
  box-sizing: border-box;
}
.option-65a9f2 .loading-mark {
  display: none;
  position: absolute;
  right: 5px;
  top: 0;
  color: #6B6761;
  font-size: 11px;
}
.option-65a9f2.loading .loading-mark {
  display: block;
}
.option-65a9f2 .extra-mark {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 100%;
  color: #6B6761;
  font-size: 10px;
  line-height: 1;
  position: absolute;
  right: 2px;
  top: 0;
}
.option-65a9f2 .extra-mark.show {
  display: flex;
}
.option-65a9f2.loading .extra-mark {
  display: none;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .option-65a9f2 .extra-mark {
    top: 0;
    right: 18px;
    width: 18px;
    font-size: 12px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/menu/menu/menu.theme/genesis/menu.html.R.js */
.menu-fc4e2c {
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  top: 0;
  left: 0;
  box-sizing: border-box;
  min-width: 280px;
  background: #1C1C1B;
  color: #F1F0EE;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-fc4e2c {
    flex-direction: column-reverse;
    border-radius: 0;
    border-bottom: none;
    box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.42);
  }
}
.menu-fc4e2c .title {
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: #252523;
  color: #A7A39C;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.menu-fc4e2c .filter {
  width: 100%;
  padding: 9px 10px;
  box-sizing: border-box;
  background: #1C1C1B;
  color: #F1F0EE;
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  outline: none;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  appearance: none;
  -webkit-appearance: none;
  caret-color: #FFFFFF;
  font-size: 12px;
  line-height: 18px;
  transition: background-color 140ms ease, box-shadow 140ms ease, color 140ms ease, border-color 140ms ease;
}
.menu-fc4e2c .filter::placeholder {
  color: #A7A39C;
}
.menu-fc4e2c .filter:focus {
  outline: none;
  background: #1C1C1B;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-fc4e2c .filter {
    border-bottom: 0;
    border-top: 0;
    padding: 14px 18px;
    font-size: 16px;
  }
}
.menu-fc4e2c.long input {
  display: block;
}
.menu-fc4e2c > .empty-hint {
  display: none;
  text-align: center;
  color: #A7A39C;
  padding: 18px 14px;
  font-size: 12px;
}
.menu-fc4e2c.empty {
  height: auto;
}
.menu-fc4e2c.empty .empty-hint {
  display: block;
}
.menu-fc4e2c.empty .option-list {
  display: none;
}
.menu-fc4e2c.empty input {
  display: none;
}
.menu-fc4e2c .option-list {
  min-height: 240px;
  max-height: 480px;
  overflow: auto;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-fc4e2c .option-list {
    flex-direction: column-reverse;
    padding: 0;
    gap: 0;
  }
}
.menu-fc4e2c .option-list-item {
  cursor: pointer;
  color: #F1F0EE;
  padding: 0 10px;
  height: 28px;
  min-height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  background: transparent;
  border-radius: 0;
  font-size: 12px;
  font-weight: 400;
  width: 100%;
  transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}
.menu-fc4e2c .option-list-item:hover {
  background: #252523;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-fc4e2c .option-list-item {
    line-height: 30px;
    height: auto;
    min-height: 56px;
    padding: 14px 18px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    font-size: 16px;
    width: 100%;
  }
  .menu-fc4e2c .option-list-item:first-child {
    border-top: none;
  }
  .menu-fc4e2c .option-list-item:hover {
    background: #252523;
  }
}
.menu-fc4e2c .option-list-item.active {
  color: #FFFFFF;
  background: #343431;
  box-shadow: none;
}
.menu-fc4e2c .option-list-item.active .extra-mark {
  color: #FFFFFF;
}
.option-f4885e {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}
.option-f4885e .name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  height: 100%;
  white-space: pre;
  padding-right: 18px;
  box-sizing: border-box;
}
.option-f4885e .loading-mark {
  display: none;
  position: absolute;
  right: 5px;
  top: 0;
  color: #A7A39C;
  font-size: 11px;
}
.option-f4885e.loading .loading-mark {
  display: block;
}
.option-f4885e .extra-mark {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 100%;
  color: #A7A39C;
  font-size: 10px;
  line-height: 1;
  position: absolute;
  right: 2px;
  top: 0;
}
.option-f4885e .extra-mark.show {
  display: flex;
}
.option-f4885e.loading .extra-mark {
  display: none;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .option-f4885e .extra-mark {
    top: 0;
    right: 18px;
    width: 18px;
    font-size: 12px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/layout/siteContainerLayout.html.R.js */
.site-container-layout-0e2db4 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  overflow: hidden;
  position: absolute;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/layout/siteLeftBarLayout.html.R.js */
.site-left-bar-layout-974f4d {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #222;
  display: flex;
  flex-direction: row;
}
.site-left-bar-layout-974f4d .side-bar {
  width: 48px;
  padding: 0;
  margin: 0;
  background: #222;
  border-right: 1px solid #181818;
  width: 80px;
}
.site-left-bar-layout-974f4d .side-bar .item {
  height: 65px;
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #aaa;
}
.site-left-bar-layout-974f4d .side-bar .item:hover {
  cursor: pointer;
  background: #1c1c1c;
  color: white;
}
.site-left-bar-layout-974f4d .side-bar .item.active {
  box-shadow: inset 0 0 2px 0px rgba(0, 0, 0, 0.3);
  background: rgba(80, 80, 80, 0.3);
  color: white;
  cursor: pointer;
}
.site-left-bar-layout-974f4d .side-bar .item .title {
  display: block;
  font-size: 10px;
  margin-top: 12px;
  transform: scale(0.9);
}
.site-left-bar-layout-974f4d > .container {
  flex: 1;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  width: 100%;
}
.site-left-bar-layout-974f4d .mobile-only {
  display: none;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .site-left-bar-layout-974f4d {
    flex-direction: column;
  }
  .site-left-bar-layout-974f4d .menu-button .fa::before,
  .site-left-bar-layout-974f4d .side-bar .item .icon::before {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .site-left-bar-layout-974f4d .title-bar {
    height: 48px;
    width: 100%;
    display: flex;
    position: relative;
    z-index: 2;
    background: #222;
    border-bottom: 1px solid #1a1a1a;
    text-align: center;
    line-height: 48px;
    align-items: center;
    justify-content: center;
  }
  .site-left-bar-layout-974f4d .menu-button {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .site-left-bar-layout-974f4d .side-bar {
    width: 80%;
    height: 100%;
    position: absolute;
    top: 48px;
    padding-bottom: 48px;
    z-index: 2;
    transform: translateX(-100%);
    border-top: 1px solid #1a1a1a;
    transition: all 160ms ease-in-out;
  }
  .site-left-bar-layout-974f4d .side-bar .item {
    height: 48px;
    padding: 0;
    border-bottom: 1px solid #1a1a1a;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
  .site-left-bar-layout-974f4d .side-bar .item .icon {
    width: 48px;
    height: 48px;
  }
  .site-left-bar-layout-974f4d .side-bar .item .title {
    margin: 0;
    margin-left: 12px;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
  }
  .site-left-bar-layout-974f4d .backdrop {
    z-index: 1;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
  }
  .site-left-bar-layout-974f4d.is-menu-unfolded .side-bar {
    transform: translateX(0);
  }
  .site-left-bar-layout-974f4d.is-menu-unfolded .backdrop {
    display: block;
  }
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/layout/siteLeftBarLayout.theme/business/siteLeftBarLayout.html.R.js */
.site-left-bar-layout-d8fd78 {
  position: absolute;
  inset: 0;
  background: #f2f4f6;
  display: flex;
  flex-direction: row;
  color: #1f2933;
}
.site-left-bar-layout-d8fd78 .side-bar {
  width: 80px;
  flex: 0 0 80px;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border-right: 0.5px solid #dfe3e8;
}
.site-left-bar-layout-d8fd78 .side-bar .item {
  width: 100%;
  height: 65px;
  padding: 10px 6px;
  border: 0;
  border-bottom: 0.5px solid #edf0f2;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #667085;
  font: inherit;
  cursor: pointer;
  transition: background-color 140ms ease, color 140ms ease;
}
.site-left-bar-layout-d8fd78 .side-bar .item:hover {
  background: #f5f7f8;
  color: #344054;
}
.site-left-bar-layout-d8fd78 .side-bar .item:focus-visible {
  outline: 2px solid #b8c2cc;
  outline-offset: -2px;
  position: relative;
  z-index: 1;
}
.site-left-bar-layout-d8fd78 .side-bar .item.active {
  background: #e9edf1;
  color: #1f2933;
  box-shadow: inset 2px 0 0 #475467;
}
.site-left-bar-layout-d8fd78 .side-bar .item .icon {
  line-height: 1;
}
.site-left-bar-layout-d8fd78 .side-bar .item .title {
  display: block;
  max-width: 100%;
  margin-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1.2;
}
.site-left-bar-layout-d8fd78 > .container {
  flex: 1;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  width: 100%;
}
.site-left-bar-layout-d8fd78 .mobile-only {
  display: none;
}
@media (min-device-width: 320px) and (max-device-width: 820px) and (-webkit-min-device-pixel-ratio: 2) {
  .site-left-bar-layout-d8fd78 {
    flex-direction: column;
  }
  .site-left-bar-layout-d8fd78 .menu-button .fa::before,
  .site-left-bar-layout-d8fd78 .side-bar .item .icon::before {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .site-left-bar-layout-d8fd78 .title-bar {
    height: 48px;
    width: 100%;
    display: flex;
    position: relative;
    z-index: 2;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-bottom: 0.5px solid #dfe3e8;
    color: #1f2933;
    text-align: center;
  }
  .site-left-bar-layout-d8fd78 .menu-button {
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    color: #475467;
    font: inherit;
  }
  .site-left-bar-layout-d8fd78 .menu-button:hover {
    background: #f5f7f8;
    color: #1f2933;
  }
  .site-left-bar-layout-d8fd78 .menu-button:focus-visible {
    outline: 2px solid #b8c2cc;
    outline-offset: -2px;
  }
  .site-left-bar-layout-d8fd78 .side-bar {
    width: min(320px, 80%);
    height: 100%;
    position: absolute;
    top: 48px;
    padding-bottom: 48px;
    z-index: 2;
    transform: translateX(-100%);
    border-top: 0.5px solid #dfe3e8;
    box-shadow: 12px 0 24px rgba(31, 41, 51, 0.12);
    transition: transform 160ms ease-in-out;
  }
  .site-left-bar-layout-d8fd78 .side-bar .item {
    height: 48px;
    padding: 0;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
  }
  .site-left-bar-layout-d8fd78 .side-bar .item .icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .site-left-bar-layout-d8fd78 .side-bar .item .title {
    margin: 0 12px;
    font-size: 14px;
    line-height: 1.2;
    transform: none;
  }
  .site-left-bar-layout-d8fd78 .backdrop {
    z-index: 1;
    display: none;
    position: absolute;
    inset: 0;
    background: rgba(31, 41, 51, 0.32);
  }
  .site-left-bar-layout-d8fd78.is-menu-unfolded .side-bar {
    transform: translateX(0);
  }
  .site-left-bar-layout-d8fd78.is-menu-unfolded .backdrop {
    display: block;
  }
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/layout/siteSinglePageLayout.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/layout/tabLayout.html.R.js */
.tab-layout-c53854 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tab-layout-c53854.left {
  flex-direction: row;
}
.tab-layout-c53854.left > .tabs {
  width: 200px;
  flex-direction: column;
}
.tab-layout-c53854.enable-tab-delete .tab-delete-button {
  display: block;
}
.tab-layout-c53854 .tabs {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #1a1a1a;
  border-right: 1px solid #1a1a1a;
  box-sizing: border-box;
}
.tab-layout-c53854 .tab-create-button,
.tab-layout-c53854 .tab-return-button {
  padding: 6px 18px;
  border-right: 1px solid #1a1a1a;
  align-items: center;
  justify-content: center;
  display: flex;
}
.tab-layout-c53854 .tab-create-button .text,
.tab-layout-c53854 .tab-return-button .text {
  padding-left: 6px;
}
.tab-layout-c53854 .tab-create-button {
  display: none;
}
.tab-layout-c53854.enable-tab-create .tab-create-button {
  display: flex;
}
.tab-layout-c53854 > .container {
  flex: 1;
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.tab-layout-c53854 > .container .main-view {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.tab-layout-c53854 .main-view {
  flex: 1;
}
.mobile-tab-layout-e35752 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-bottom: 1px solid #181818;
}
.mobile-tab-layout-e35752 > .title {
  width: 100%;
  flex: 0;
  border-bottom: 1px solid #181818;
  padding: 4px;
  text-align: left;
}
.mobile-tab-layout-e35752 .icon {
  margin-right: 4px;
}
.mobile-tab-layout-e35752 > .container {
  flex: 1;
  overflow: auto;
  z-index: 0;
  position: relative;
}
.tab-list-item-ac56c7 {
  border-top: 1px solid #1a1a1a;
  color: #aaa;
  display: flex;
  align-items: center;
  justify-self: center;
}
.tab-list-item-ac56c7:first-child {
  border-left: 1px solid #1a1a1a;
}
.tab-list-item-ac56c7.no-title-icon .title-icon {
  display: none;
}
.tab-list-item-ac56c7 .title {
  padding: 10px 14px;
}
.tab-list-item-ac56c7 i {
  padding: 0 8px;
}
.tab-list-item-ac56c7:hover {
  cursor: pointer;
  background: #1c1c1c;
  color: white;
  position: relative;
}
.tab-list-item-ac56c7.active {
  box-shadow: inset 0 0 2px 0px rgba(0, 0, 0, 0.3);
  background: rgba(80, 80, 80, 0.3);
  color: white;
  cursor: pointer;
}
.tab-list-item-ac56c7 .tab-delete-button {
  display: none;
}
.tab-list-item-ac56c7 .tab-delete-button:hover {
  color: red;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/table/table.html.R.js */
.table-82bd90 {
  position: relative;
  border-bottom: 2px solid #333;
  display: flex;
  flex-direction: column;
}
.table-82bd90 .empty-hint {
  display: none;
}
.table-82bd90 .empty-hint.empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #666;
  text-align: center;
  flex: 1;
}
.table-82bd90 th.full {
  position: sticky;
  top: 0;
  /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  background: #333;
}
.table-82bd90 th {
  background: transparent;
}
.table-82bd90 > .table {
  border-collapse: collapse;
  width: 100%;
}
.table-82bd90 > .table > tbody {
  line-height: 36px;
}
.table-82bd90 > .table tr,
.table-82bd90 > .table td,
.table-82bd90 > .table th {
  box-sizing: border-box;
  padding: 2px 10px;
  border-bottom: 1px solid #333;
  word-break: break-all;
  text-align: left;
}
.table-82bd90 > .table tr:hover,
.table-82bd90 > .table td:hover,
.table-82bd90 > .table th:hover {
  background: #282828;
}
.table-82bd90 > .table th {
  padding: 6px 10px;
}
.table-82bd90 > .table th {
  color: #eee;
}
.table-82bd90 > .table .mobile-head,
.table-82bd90 > .table th tr th {
  font-weight: 700;
}
.table-82bd90 > .table a.action {
  color: #378dff;
  padding: 0 7px;
  display: inline-block;
}
.table-82bd90 > .table.single-line td {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table-82bd90.transposed > .table > thead {
  display: none;
}
.table-82bd90.transposed > .table tr td,
.table-82bd90.transposed > .table tr th {
  border-top: 1px solid #777;
}
.table-82bd90.transposed > .table tr.last td,
.table-82bd90.transposed > .table tr.last th {
  border-bottom: 1px solid #777;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/actions/actions.html.R.js */
.actions-342948 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.button-d83f07 {
  margin: 4px 4px;
  white-space: nowrap;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/selector/selector.html.R.js */
.selector-25a720 {
  display: inline-block;
  text-align: left;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #414141;
  border-radius: 2px;
  background-color: #222;
  padding: 0 8px;
  transition: all 200ms;
  width: 280px;
  min-width: 200px;
}
.selector-25a720:hover,
.selector-25a720.active {
  background-color: #282828;
  border: 1px solid #606060;
}
.selector-25a720 > .name {
  flex: 1;
  height: 32px;
  line-height: 32px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selector-25a720 > .name.placeholder {
  color: #888;
}
.selector-25a720 > .icon {
  transition: all 300ms;
  flex-shrink: 0;
}
.selector-25a720.active > .icon {
  transform: rotate(180deg);
}
.choices-8f6d4a {
  max-width: 100%;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
  background: #303030;
  box-sizing: border-box;
  padding: 5px;
  overflow: hidden;
  border-radius: 2px;
}
.choices-8f6d4a .filter {
  display: none;
  width: 100%;
  padding: 6px 10px;
  box-sizing: border-box;
  background: transparent;
}
.choices-8f6d4a.long input {
  display: block;
}
.choices-8f6d4a > .empty-hint {
  display: none;
  text-align: center;
  color: #999;
  padding: 0 #999;
}
.choices-8f6d4a.empty {
  height: auto;
}
.choices-8f6d4a.empty .empty-hint {
  display: block;
}
.choices-8f6d4a.empty .option-list {
  display: none;
}
.choices-8f6d4a .option-list {
  max-height: 320px;
  overflow: auto;
}
.choices-8f6d4a .option-list-item {
  cursor: pointer;
  color: #aaa;
  padding: 4px 10px;
  line-height: 24px;
  word-break: break-all;
  box-sizing: border-box;
}
.choices-8f6d4a .option-list-item:hover,
.choices-8f6d4a .option-list-item .active {
  color: #fff;
  background: #353535;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/navigation/breadcrumb.html.R.js */
.breadcrumb-c07847 {
  display: flex;
  flex-direction: column;
  position: absolute;
  height: 100%;
  width: 100%;
  background: #222;
  left: 0;
  top: 0;
  overflow: hidden;
}
.breadcrumb-c07847 > .container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  overflow: hidden;
}
.breadcrumb-c07847 .breadcrumb-body {
  flex: 1;
}
.breadcrumb-c07847 .breadcrumb-header {
  display: flex;
  flex-direction: row;
}
.breadcrumb-c07847 .breadcrumb-header {
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
}
.breadcrumb-c07847 .home-button,
.breadcrumb-c07847 .back-button {
  padding: 10px 14px;
  border-right: 1px solid #1a1a1a;
  align-items: center;
  justify-content: center;
  display: flex;
}
.breadcrumb-c07847 .home-button .text,
.breadcrumb-c07847 .back-button .text {
  padding-left: 6px;
}
.breadcrumb-c07847 .nav-list {
  flex: 1;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}
.nav-list-item-9bd102.self {
  display: flex;
  flex-direction: row;
  padding: 2px;
}
.nav-list-item-9bd102:first-child .left-arrow {
  display: none;
}
.nav-list-item-9bd102 .left-arrow {
  padding-right: 2px;
}
.nav-list-item-9bd102 .name {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav-list-item-9bd102 .name:hover {
  color: white;
  text-decoration: underline;
}
.nav-list-item-9bd102.current .name {
  padding: 0px 7px;
  line-height: 24px;
  margin: 4px 0;
  color: white;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/ui/image/imageDisplayer.html.R.js */
.image-displayer-40d738 {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  background: black;
}
.image-displayer-40d738 .image-buffer {
  display: inline-block;
}
.image-displayer-40d738.instant .buffers .image-buffer {
  transition: none;
}
.image-displayer-40d738 .buffers {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.image-buffer-b2625c {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translateX(-9999px);
  transition: all 160ms;
  position: absolute;
  top: 0;
  left: 0;
}
.image-buffer-b2625c img {
  background-color: white;
  transition: opacity 300ms;
  opacity: 1;
  cursor: grab;
}
.image-buffer-b2625c .loading-hint,
.image-buffer-b2625c .failure-message {
  display: none;
  color: white;
}
.image-buffer-b2625c.loading .loading-hint {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-buffer-b2625c.loading .loading-hint cube-loading-hint {
  width: 180px;
}
.image-buffer-b2625c.ready img {
  opacity: 1;
}
.image-buffer-b2625c .image-wrapper {
  display: inline-block;
}
.image-buffer-b2625c.fail .image-wrapper {
  width: 256px;
  height: 256px;
  background: black;
  color: white;
  display: inline-block;
}
.image-buffer-b2625c.fail .image-wrapper img {
  display: none;
}
.image-buffer-b2625c.fail .failure-message {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  position: absolute;
  left: 0;
  right: 0;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/singular/hierarchy/node/nodeWrapper.html.R.js */
.node-wrapper-2d3204 {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 250ms;
  user-select: none;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/singular/mark/shortcutHud.html.R.js */
.shortcut-hud-62a028 {
  position: fixed;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  padding: 2px;
  color: #aaa;
  z-index: 1000;
  width: 100%;
}
.shortcut-hud-62a028 .shortcuts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
}
.shortcut-hud-62a028 .entry {
  flex: 1;
  max-width: 150px;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  color: #ccc;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shortcut-list-item-0d3a4d {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
.shortcut-list-item-0d3a4d:hover {
  color: #eee;
  cursor: pointer;
}
.shortcut-list-item-0d3a4d .headline {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shortcut-list-item-0d3a4d .remove {
  opacity: 0.5;
  padding: 0 2px;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0;
}
.shortcut-list-item-0d3a4d .remove:hover {
  opacity: 1;
  color: #ff4444;
}
@keyframes blink {
  0% {
    background: rgba(0, 0, 0, 0.75);
  }
  25% {
    background: rgba(255, 255, 255, 0.3);
  }
  100% {
    background: rgba(0, 0, 0, 0.1);
  }
}
.shortcut-list-item-0d3a4d.blinking {
  animation: blink 0.25s ease-in-out;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/singular/renderContext.html.R.js */
.render-context-0167ae {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #222;
  position: relative;
}
body.theme-business .render-context-0167ae {
  background: #fdfdfb;
}
.render-context-0167ae .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.render-context-0167ae canvas[data-id="background"].layer {
  pointer-events: auto;
}
.render-context-0167ae > div[data-id="uiContainer"] {
  overflow: visible;
  overscroll-behavior: none;
  /* Don't block events towards background */
  width: 0;
  height: 0;
}
.render-context-0167ae div[data-id="nodeOverlayLayer"] {
  pointer-events: none;
}
.render-context-0167ae div[data-id="hudLayer"] {
  pointer-events: none;
}
.render-context-0167ae div[data-id="hudLayer"] > * {
  pointer-events: auto;
}
.render-context-0167ae canvas[data-id="foreground"] {
  pointer-events: none;
}
.render-context-0167ae div[data-id="cursorLayer"] {
  pointer-events: none;
}
.render-context-0167ae > [data-id="popups"] {
  pointer-events: none;
  overscroll-behavior: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.render-context-0167ae > [data-id="popups"] > * {
  pointer-events: auto;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/singular/selection/selectionIndicator.html.R.js */
.selection-indicator-60a175 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 256px;
  min-height: 36px;
  padding: 7px 40px 7px 12px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 0;
  border-radius: 0 0 4px 4px;
  background: #202224;
  color: rgba(255, 255, 255, 0.92);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.28);
}
.selection-indicator-60a175 .selection-label {
  color: rgba(255, 255, 255, 0.58);
  font-weight: 500;
}
.selection-indicator-60a175 .selection-count {
  min-width: 18px;
  color: rgba(255, 255, 255, 0.92);
  font-variant-numeric: tabular-nums;
  text-align: left;
}
.selection-indicator-60a175 .selection-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: rgba(255, 255, 255, 0.58);
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.selection-indicator-60a175 .selection-actions:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
}
.selection-indicator-60a175 .selection-actions:focus-visible {
  outline: 2px solid rgba(176, 182, 190, 0.58);
  outline-offset: 1px;
}
.selection-indicator-60a175 .selection-actions icon {
  pointer-events: none;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/singular/selection/selectionIndicator.theme/business/selectionIndicator.html.R.js */
.selection-indicator-7614dc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 256px;
  min-height: 36px;
  padding: 7px 40px 7px 12px;
  box-sizing: border-box;
  border: 0.5px solid #D9DEE5;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  background: #FFFFFF;
  color: #1A1D22;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.08);
}
.selection-indicator-7614dc .selection-label {
  color: #667085;
  font-weight: 500;
}
.selection-indicator-7614dc .selection-count {
  min-width: 18px;
  color: #1A1D22;
  font-variant-numeric: tabular-nums;
  text-align: left;
}
.selection-indicator-7614dc .selection-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #667085;
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.selection-indicator-7614dc .selection-actions:hover {
  background: #F1F3F5;
  color: #1A1D22;
}
.selection-indicator-7614dc .selection-actions:focus-visible {
  outline: 2px solid #C7DFFF;
  outline-offset: 1px;
}
.selection-indicator-7614dc .selection-actions icon {
  pointer-events: none;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/singular/ui/iconButton.html.R.js */
.icon-button-4642b3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #ccc;
  cursor: pointer;
  font-style: normal;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.icon-button-4642b3:hover {
  translate: scale(1.2);
}
.icon-button-4642b3.solid {
  color: #444;
  background-color: #eee;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/singular/ui/iconButton.theme/business/iconButton.html.R.js */
.icon-button-486c3d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #666C74;
  cursor: pointer;
  font-style: normal;
  user-select: none;
  box-shadow: none;
  transition: transform 140ms ease, background 140ms ease, color 140ms ease, box-shadow 140ms ease;
}
.icon-button-486c3d:hover {
  color: #111318;
  background: #F5F6F8;
  transform: scale(1.06);
}
.icon-button-486c3d:active {
  transform: scale(0.98);
  background: rgba(17, 24, 39, 0.1);
}
.icon-button-486c3d.solid {
  color: #111318;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px #E7EAEE, 0 1px 2px rgba(15, 23, 42, 0.06);
}
.icon-button-486c3d.solid:hover {
  color: #4A617E;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px #D9DEE4, 0 2px 4px rgba(15, 23, 42, 0.08);
}
.icon-button-486c3d.solid:active {
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px #D9DEE4, 0 1px 2px rgba(15, 23, 42, 0.04);
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/theme/themeChooser.html.R.js */
.theme-chooser-b4a785 {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  overflow: auto;
  background: #17191C;
  color: rgba(255, 255, 255, 0.88);
  font-family: ui-sans-serif, system-ui, sans-serif;
}
.theme-chooser-b4a785 .content {
  width: min(100%, 720px);
}
.theme-chooser-b4a785 .intro {
  margin-bottom: 28px;
}
.theme-chooser-b4a785 .eyebrow {
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.46);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.theme-chooser-b4a785 h1 {
  margin: 0;
  color: rgba(255, 255, 255, 0.94);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.theme-chooser-b4a785 p {
  margin: 9px 0 0;
  color: rgba(255, 255, 255, 0.54);
  font-size: 14px;
  line-height: 1.5;
}
.theme-chooser-b4a785 .theme-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}
.theme-chooser-b4a785 .theme-option {
  width: 100%;
  min-height: 164px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 12px;
  background: #202327;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease;
}
.theme-chooser-b4a785 .theme-preview {
  width: 100%;
  min-height: 72px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-family: ui-sans-serif, system-ui, sans-serif;
}
.theme-chooser-b4a785 .theme-preview-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.theme-chooser-b4a785 .theme-preview-copy {
  opacity: 0.58;
  font-size: 11px;
}
.theme-chooser-b4a785 .theme-copy {
  min-height: 39px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.theme-chooser-b4a785 .theme-option:hover,
.theme-chooser-b4a785 .theme-option:focus-visible {
  border-color: rgba(255, 255, 255, 0.38);
  background: #282C31;
  outline: none;
}
.theme-chooser-b4a785 .theme-option.active {
  border-color: rgba(176, 182, 190, 0.76);
  background: #272B30;
}
.theme-chooser-b4a785 .theme-name {
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
  font-weight: 600;
}
.theme-chooser-b4a785 .theme-description {
  color: rgba(255, 255, 255, 0.52);
  font-size: 12px;
  line-height: 1.45;
}
@media (max-width: 560px) {
  .theme-chooser-b4a785 {
    align-items: flex-start;
    padding: 24px 18px;
  }
  .theme-chooser-b4a785 .theme-list {
    grid-template-columns: 1fr;
  }
}
.theme-list-item-c98557 {
  display: block;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/theme/themeChooser.theme/business/themeChooser.html.R.js */
.theme-chooser-f7e4aa {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  overflow: auto;
  background: #F2F4F6;
  color: #1A1D22;
  font-family: ui-sans-serif, system-ui, sans-serif;
}
.theme-chooser-f7e4aa .content {
  width: min(100%, 720px);
}
.theme-chooser-f7e4aa .intro {
  margin-bottom: 28px;
}
.theme-chooser-f7e4aa .eyebrow {
  margin-bottom: 8px;
  color: #667085;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.theme-chooser-f7e4aa h1 {
  margin: 0;
  color: #1A1D22;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.theme-chooser-f7e4aa p {
  margin: 9px 0 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.5;
}
.theme-chooser-f7e4aa .theme-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}
.theme-chooser-f7e4aa .theme-option {
  width: 100%;
  min-height: 164px;
  padding: 12px;
  border: 0.5px solid #D7DCE2;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 12px;
  background: #FFFFFF;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
.theme-chooser-f7e4aa .theme-option:hover {
  border-color: #BFC7D0;
  background: #F8F9FA;
}
.theme-chooser-f7e4aa .theme-option:focus-visible {
  border-color: #7C8794;
  outline: 2px solid #D6DEE8;
  outline-offset: 2px;
}
.theme-chooser-f7e4aa .theme-option.active {
  border-color: #64748B;
  background: #F8F9FA;
  box-shadow: inset 3px 0 0 #64748B;
}
.theme-chooser-f7e4aa .theme-preview {
  width: 100%;
  min-height: 72px;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 0.5px solid rgba(17, 17, 17, 0.14);
  font-family: ui-sans-serif, system-ui, sans-serif;
}
.theme-chooser-f7e4aa .theme-preview-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.theme-chooser-f7e4aa .theme-preview-copy {
  opacity: 0.58;
  font-size: 11px;
}
.theme-chooser-f7e4aa .theme-copy {
  min-height: 39px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.theme-chooser-f7e4aa .theme-name {
  color: #1A1D22;
  font-size: 15px;
  font-weight: 600;
}
.theme-chooser-f7e4aa .theme-description {
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}
@media (max-width: 560px) {
  .theme-chooser-f7e4aa {
    align-items: flex-start;
    padding: 24px 18px;
  }
  .theme-chooser-f7e4aa .theme-list {
    grid-template-columns: 1fr;
  }
}
.theme-list-item-715ef7 {
  display: block;
}
/* /home/wuminghan/workspace/@branch-ts/practice-auth3-web/src/authenticator/authenticator.html.R.js */
.authenticator-687f4b {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.86);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.authenticator-687f4b .content,
.authenticator-687f4b .panel-view {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.authenticator-687f4b .entry {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  background: #191919;
}
.authenticator-687f4b .auth-card {
  width: min(380px, 100%);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.authenticator-687f4b .brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-bottom: 32px;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 650;
}
.authenticator-687f4b .brand-mark {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 7px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 750;
}
.authenticator-687f4b .brand-mark.has-logo {
  border: none;
}
.authenticator-687f4b .brand-mark img,
.authenticator-687f4b .brand-mark.has-logo > * {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.authenticator-687f4b h1 {
  margin: 0 0 9px;
  color: #FFFFFF;
  text-align: center;
  font-size: 30px;
  line-height: 1.18;
  letter-spacing: -0.035em;
}
.authenticator-687f4b .copy {
  margin-bottom: 27px;
  color: rgba(255, 255, 255, 0.58);
  text-align: center;
  font-size: 14px;
  line-height: 1.55;
}
.authenticator-687f4b .actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.authenticator-687f4b button {
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 5px;
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.authenticator-687f4b button:hover {
  background: rgba(255, 255, 255, 0.08);
}
.authenticator-687f4b button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}
.authenticator-687f4b button.primary {
  border-color: #FFFFFF;
  background: #FFFFFF;
  color: #191919;
}
.authenticator-687f4b button.primary:hover {
  background: #EAEAEA;
}
.authenticator-687f4b .divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 18px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 12px;
}
.authenticator-687f4b .divider::before,
.authenticator-687f4b .divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.13);
}
.authenticator-687f4b .account-choice {
  display: flex;
  justify-content: center;
  gap: 5px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
}
.authenticator-687f4b .account-choice button,
.authenticator-687f4b .reset {
  min-height: auto;
  padding: 0;
  border: none;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.authenticator-687f4b .account-choice button:hover,
.authenticator-687f4b .reset:hover {
  background: transparent;
  color: #CCCCCC;
}
.authenticator-687f4b .reset {
  align-self: center;
  margin-top: 15px;
  color: rgba(255, 255, 255, 0.74);
}
.authenticator-687f4b .status {
  min-height: 18px;
  margin-top: 25px;
  color: rgba(255, 255, 255, 0.42);
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
.authenticator-687f4b button:disabled {
  cursor: default;
  opacity: 0.5;
}
/* /home/wuminghan/workspace/@branch-ts/practice-auth3-web/src/authenticator/authenticator.theme/business/authenticator.html.R.js */
.authenticator-0b73bc {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #37352F;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.authenticator-0b73bc .content,
.authenticator-0b73bc .panel-view {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.authenticator-0b73bc .entry {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  background: #FFFFFF;
}
.authenticator-0b73bc .auth-card {
  width: min(380px, 100%);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.authenticator-0b73bc .brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-bottom: 32px;
  color: #37352F;
  font-size: 17px;
  font-weight: 650;
}
.authenticator-0b73bc .brand-mark {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #37352F;
  border-radius: 7px;
  color: #37352F;
  font-size: 16px;
  font-weight: 750;
}
.authenticator-0b73bc .brand-mark.has-logo {
  border: none;
}
.authenticator-0b73bc .brand-mark img,
.authenticator-0b73bc .brand-mark.has-logo > * {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.authenticator-0b73bc h1 {
  margin: 0 0 9px;
  color: #37352F;
  text-align: center;
  font-size: 30px;
  line-height: 1.18;
  letter-spacing: -0.035em;
}
.authenticator-0b73bc .copy {
  margin-bottom: 27px;
  color: #787774;
  text-align: center;
  font-size: 14px;
  line-height: 1.55;
}
.authenticator-0b73bc .actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.authenticator-0b73bc button {
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid #E3E2E0;
  border-radius: 5px;
  background: #FFFFFF;
  color: #37352F;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.authenticator-0b73bc button:hover {
  background: #F7F7F5;
  border-color: #D3D1CB;
}
.authenticator-0b73bc button:focus-visible {
  outline: 2px solid #A8D8FF;
  outline-offset: 2px;
}
.authenticator-0b73bc button.primary {
  border-color: #37352F;
  background: #37352F;
  color: #FFFFFF;
}
.authenticator-0b73bc button.primary:hover {
  background: #1F1F1E;
}
.authenticator-0b73bc .divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 18px;
  color: #9B9A97;
  font-size: 12px;
}
.authenticator-0b73bc .divider::before,
.authenticator-0b73bc .divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #E9E9E7;
}
.authenticator-0b73bc .account-choice {
  display: flex;
  justify-content: center;
  gap: 5px;
  color: #787774;
  font-size: 13px;
}
.authenticator-0b73bc .account-choice button,
.authenticator-0b73bc .reset {
  min-height: auto;
  padding: 0;
  border: none;
  color: #37352F;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.authenticator-0b73bc .account-choice button:hover,
.authenticator-0b73bc .reset:hover {
  background: transparent;
  color: #787774;
}
.authenticator-0b73bc .reset {
  align-self: center;
  margin-top: 15px;
  color: #787774;
}
.authenticator-0b73bc .status {
  min-height: 18px;
  margin-top: 25px;
  color: #9B9A97;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
.authenticator-0b73bc button:disabled {
  cursor: default;
  opacity: 0.5;
}
/* /home/wuminghan/workspace/@branch-ts/practice-auth3-web/src/authenticator/emailPasswordLogin.html.R.js */
.email-password-login-d39615 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #181A1B;
  color: rgba(255, 255, 255, 0.84);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.email-password-login-d39615 .body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 28px;
}
.email-password-login-d39615 .banner,
.email-password-login-d39615 .shell {
  width: min(860px, 100%);
  box-sizing: border-box;
}
.email-password-login-d39615 .banner {
  padding: 11px 13px;
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  border-left-width: 3px;
  background: #202224;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  line-height: 1.5;
}
.email-password-login-d39615 .banner.error {
  border-color: rgba(255, 122, 122, 0.24);
  border-left-color: #FF7A7A;
  background: rgba(255, 122, 122, 0.1);
  color: #FF7A7A;
}
.email-password-login-d39615 .banner.status {
  border-left-color: #B0B6BE;
}
.email-password-login-d39615 .shell-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(360px, 430px);
  overflow: hidden;
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: #202224;
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.12);
}
.email-password-login-d39615 .preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
  min-height: 520px;
  padding: 42px;
  background: #191919;
  border-right: 0.5px solid rgba(255, 255, 255, 0.08);
}
.email-password-login-d39615 .preview-mark,
.email-password-login-d39615 .panel-mark,
.email-password-login-d39615 .state-mark,
.email-password-login-d39615 .meta-label {
  color: #B0B6BE;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.email-password-login-d39615 .preview-title {
  max-width: 340px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 38px;
  line-height: 1.06;
  font-weight: 700;
  letter-spacing: -0.035em;
}
.email-password-login-d39615 .preview-copy {
  max-width: 350px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.6;
}
.email-password-login-d39615 .preview-meter,
.email-password-login-d39615 .pulse-bar {
  width: 100%;
  height: 5px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}
.email-password-login-d39615 .preview-meter-fill,
.email-password-login-d39615 .pulse-fill {
  height: 100%;
  background: #B0B6BE;
}
.email-password-login-d39615 .preview-meter-fill {
  width: 72%;
}
.email-password-login-d39615 .pulse-fill {
  width: 68%;
}
.email-password-login-d39615 .preview-foot,
.email-password-login-d39615 .footer-note {
  color: #B0B6BE;
  font-size: 12px;
  line-height: 1.5;
}
.email-password-login-d39615 .panel,
.email-password-login-d39615 .state-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 34px;
  background: #202224;
}
.email-password-login-d39615 .back {
  align-self: flex-start;
  margin-bottom: 21px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.email-password-login-d39615 .back:hover {
  color: rgba(255, 255, 255, 0.92);
}
.email-password-login-d39615 .back:focus-visible {
  outline: 2px solid rgba(176, 182, 190, 0.28);
  outline-offset: 3px;
}
.email-password-login-d39615 .headline {
  margin-top: 12px;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 30px;
  line-height: 1.1;
  font-weight: 650;
  letter-spacing: -0.03em;
}
.email-password-login-d39615 .hint {
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.55;
}
.email-password-login-d39615 .field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.email-password-login-d39615 .field-span-2 {
  grid-column: span 2;
}
.email-password-login-d39615 .field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.email-password-login-d39615 label {
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 600;
}
.email-password-login-d39615 input {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: #202224;
  color: rgba(255, 255, 255, 0.92);
  font: inherit;
  font-size: 14px;
  box-sizing: border-box;
}
.email-password-login-d39615 input::placeholder {
  color: rgba(255, 255, 255, 0.18);
}
.email-password-login-d39615 input:focus {
  outline: 2px solid rgba(176, 182, 190, 0.28);
  outline-offset: -1px;
  border-color: rgba(255, 255, 255, 0.18);
}
.email-password-login-d39615 .meta-card {
  margin-bottom: 18px;
  padding: 12px 14px;
  border-left: 3px solid #B0B6BE;
  background: #191919;
}
.email-password-login-d39615 .mono {
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 13px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.email-password-login-d39615 .actions {
  display: flex;
  gap: 10px;
  margin-top: 22px;
}
.email-password-login-d39615 .actions.single {
  flex-direction: column;
}
.email-password-login-d39615 .actions button {
  width: 100%;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: #202224;
  color: rgba(255, 255, 255, 0.84);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.email-password-login-d39615 .actions button:hover {
  background: #181A1B;
  border-color: rgba(255, 255, 255, 0.18);
}
.email-password-login-d39615 .actions button.primary {
  border-color: rgba(255, 255, 255, 0.84);
  background: rgba(255, 255, 255, 0.84);
  color: #202224;
}
.email-password-login-d39615 .actions button.primary:hover {
  border-color: #FFFFFF;
  background: #FFFFFF;
  color: #111111;
}
.email-password-login-d39615 .actions button:focus-visible {
  outline: 2px solid rgba(176, 182, 190, 0.28);
  outline-offset: 2px;
}
.email-password-login-d39615 .actions button:disabled,
.email-password-login-d39615 input:disabled,
.email-password-login-d39615 .back:disabled {
  opacity: 0.5;
  cursor: default;
}
.email-password-login-d39615 .shell-state {
  display: flex;
  justify-content: center;
}
.email-password-login-d39615 .state-card {
  width: min(500px, 100%);
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  border-top: 3px solid #B0B6BE;
  border-radius: 6px;
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.1);
}
.email-password-login-d39615 .success-card {
  border-top-color: #72C78C;
}
@media (max-width: 720px) {
  .email-password-login-d39615 .body {
    padding: 16px;
  }
  .email-password-login-d39615 .shell-form {
    grid-template-columns: 1fr;
  }
  .email-password-login-d39615 .preview {
    display: none;
  }
  .email-password-login-d39615 .panel {
    min-height: 460px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-auth3-web/src/authenticator/emailPasswordLogin.theme/business/emailPasswordLogin.html.R.js */
.email-password-login-a2785b {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #37352F;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.email-password-login-a2785b .body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  box-sizing: border-box;
  background: #FFFFFF;
}
.email-password-login-a2785b .auth-card {
  width: min(380px, 100%);
  display: flex;
  flex-direction: column;
}
.email-password-login-a2785b .back {
  align-self: flex-start;
  min-height: auto;
  margin: 0 0 25px;
  padding: 0;
  border: none;
  background: transparent;
  color: #787774;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.email-password-login-a2785b .back:hover {
  color: #37352F;
}
.email-password-login-a2785b .eyebrow {
  margin-bottom: 9px;
  color: #9B9A97;
  font-size: 12px;
  font-weight: 650;
}
.email-password-login-a2785b .state .eyebrow {
  text-align: center;
}
.email-password-login-a2785b h1 {
  margin: 0 0 9px;
  color: #37352F;
  font-size: 30px;
  line-height: 1.18;
  letter-spacing: -0.035em;
}
.email-password-login-a2785b .state h1,
.email-password-login-a2785b .state .hint {
  text-align: center;
}
.email-password-login-a2785b .hint {
  margin-bottom: 25px;
  color: #787774;
  font-size: 14px;
  line-height: 1.55;
}
.email-password-login-a2785b .notice {
  margin-bottom: 14px;
  padding: 10px 12px;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.45;
}
.email-password-login-a2785b .notice.error {
  background: #FFF6F3;
  color: #B42318;
}
.email-password-login-a2785b .notice.status {
  background: #F7F7F5;
  color: #787774;
}
.email-password-login-a2785b .fields {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 21px;
}
.email-password-login-a2785b label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #5F5E5B;
  font-size: 12px;
  font-weight: 600;
}
.email-password-login-a2785b input {
  width: 100%;
  min-height: 43px;
  padding: 10px 12px;
  box-sizing: border-box;
  border: 1px solid #E3E2E0;
  border-radius: 5px;
  background: #FFFFFF;
  color: #37352F;
  font: inherit;
  font-size: 14px;
}
.email-password-login-a2785b input::placeholder {
  color: #B7B6B2;
}
.email-password-login-a2785b input:focus {
  outline: 2px solid #A8D8FF;
  outline-offset: -1px;
  border-color: #A8D8FF;
}
.email-password-login-a2785b button.primary {
  min-height: 43px;
  border: 1px solid #37352F;
  border-radius: 5px;
  background: #37352F;
  color: #FFFFFF;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.email-password-login-a2785b button.primary:hover {
  background: #1F1F1E;
}
.email-password-login-a2785b button:focus-visible {
  outline: 2px solid #A8D8FF;
  outline-offset: 2px;
}
.email-password-login-a2785b button:disabled,
.email-password-login-a2785b input:disabled {
  cursor: default;
  opacity: 0.5;
}
/* /home/wuminghan/workspace/@branch-ts/practice-auth3-web/src/authenticator/emailPasswordRegister.html.R.js */
.email-password-register-0560b9 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #181A1B;
  color: rgba(255, 255, 255, 0.84);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.email-password-register-0560b9 .body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 28px;
}
.email-password-register-0560b9 .banner,
.email-password-register-0560b9 .shell {
  width: min(860px, 100%);
  box-sizing: border-box;
}
.email-password-register-0560b9 .banner {
  padding: 11px 13px;
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  border-left-width: 3px;
  background: #202224;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  line-height: 1.5;
}
.email-password-register-0560b9 .banner.error {
  border-color: rgba(255, 122, 122, 0.24);
  border-left-color: #FF7A7A;
  background: rgba(255, 122, 122, 0.1);
  color: #FF7A7A;
}
.email-password-register-0560b9 .banner.status {
  border-left-color: #B0B6BE;
}
.email-password-register-0560b9 .shell-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(360px, 430px);
  overflow: hidden;
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: #202224;
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.12);
}
.email-password-register-0560b9 .preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 18px;
  min-height: 520px;
  padding: 42px;
  background: #191919;
  border-right: 0.5px solid rgba(255, 255, 255, 0.08);
}
.email-password-register-0560b9 .preview-mark,
.email-password-register-0560b9 .panel-mark,
.email-password-register-0560b9 .state-mark,
.email-password-register-0560b9 .meta-label {
  color: #B0B6BE;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.email-password-register-0560b9 .preview-title {
  max-width: 350px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 38px;
  line-height: 1.06;
  font-weight: 700;
  letter-spacing: -0.035em;
}
.email-password-register-0560b9 .preview-copy {
  max-width: 350px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.6;
}
.email-password-register-0560b9 .preview-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 6px;
}
.email-password-register-0560b9 .preview-stat {
  padding: 12px 13px;
  background: #202224;
  border: 0.5px solid rgba(255, 255, 255, 0.08);
}
.email-password-register-0560b9 .preview-stat-value {
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
  font-weight: 700;
}
.email-password-register-0560b9 .preview-stat-label {
  color: #B0B6BE;
  font-size: 12px;
  line-height: 1.4;
}
.email-password-register-0560b9 .panel,
.email-password-register-0560b9 .state-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 34px;
  background: #202224;
}
.email-password-register-0560b9 .back {
  align-self: flex-start;
  margin-bottom: 21px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.email-password-register-0560b9 .back:hover {
  color: rgba(255, 255, 255, 0.92);
}
.email-password-register-0560b9 .back:focus-visible {
  outline: 2px solid rgba(176, 182, 190, 0.28);
  outline-offset: 3px;
}
.email-password-register-0560b9 .headline {
  margin-top: 12px;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 30px;
  line-height: 1.1;
  font-weight: 650;
  letter-spacing: -0.03em;
}
.email-password-register-0560b9 .hint {
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.55;
}
.email-password-register-0560b9 .field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.email-password-register-0560b9 .field-span-2 {
  grid-column: span 2;
}
.email-password-register-0560b9 .field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.email-password-register-0560b9 .inline-field {
  margin-top: 10px;
}
.email-password-register-0560b9 label {
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 600;
}
.email-password-register-0560b9 input {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: #202224;
  color: rgba(255, 255, 255, 0.92);
  font: inherit;
  font-size: 14px;
  box-sizing: border-box;
}
.email-password-register-0560b9 input::placeholder {
  color: rgba(255, 255, 255, 0.18);
}
.email-password-register-0560b9 input:focus {
  outline: 2px solid rgba(176, 182, 190, 0.28);
  outline-offset: -1px;
  border-color: rgba(255, 255, 255, 0.18);
}
.email-password-register-0560b9 .meta-card {
  margin-bottom: 18px;
  padding: 12px 14px;
  border-left: 3px solid #B0B6BE;
  background: #191919;
}
.email-password-register-0560b9 .actions {
  display: flex;
  gap: 10px;
  margin-top: 22px;
}
.email-password-register-0560b9 .actions.single {
  flex-direction: column;
}
.email-password-register-0560b9 .footer-note {
  margin-top: 16px;
  color: #B0B6BE;
  font-size: 12px;
  line-height: 1.5;
}
.email-password-register-0560b9 .actions button {
  width: 100%;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: #202224;
  color: rgba(255, 255, 255, 0.84);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.email-password-register-0560b9 .actions button:hover {
  background: #181A1B;
  border-color: rgba(255, 255, 255, 0.18);
}
.email-password-register-0560b9 .actions button.primary {
  border-color: rgba(255, 255, 255, 0.84);
  background: rgba(255, 255, 255, 0.84);
  color: #202224;
}
.email-password-register-0560b9 .actions button.primary:hover {
  border-color: #FFFFFF;
  background: #FFFFFF;
  color: #111111;
}
.email-password-register-0560b9 .actions button:focus-visible {
  outline: 2px solid rgba(176, 182, 190, 0.28);
  outline-offset: 2px;
}
.email-password-register-0560b9 .actions button:disabled,
.email-password-register-0560b9 input:disabled,
.email-password-register-0560b9 .back:disabled {
  opacity: 0.5;
  cursor: default;
}
.email-password-register-0560b9 .pulse-bar {
  width: 100%;
  height: 5px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}
.email-password-register-0560b9 .pulse-fill {
  width: 68%;
  height: 100%;
  background: #B0B6BE;
}
.email-password-register-0560b9 .shell-state {
  display: flex;
  justify-content: center;
}
.email-password-register-0560b9 .state-card {
  width: min(500px, 100%);
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  border-top: 3px solid #B0B6BE;
  border-radius: 6px;
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.1);
}
.email-password-register-0560b9 .success-card {
  border-top-color: #72C78C;
}
@media (max-width: 720px) {
  .email-password-register-0560b9 .body {
    padding: 16px;
  }
  .email-password-register-0560b9 .shell-form {
    grid-template-columns: 1fr;
  }
  .email-password-register-0560b9 .preview {
    display: none;
  }
  .email-password-register-0560b9 .panel {
    min-height: 460px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-auth3-web/src/authenticator/emailPasswordRegister.theme/business/emailPasswordRegister.html.R.js */
.email-password-register-0cd959 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #37352F;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.email-password-register-0cd959 .body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  box-sizing: border-box;
  background: #FFFFFF;
}
.email-password-register-0cd959 .auth-card {
  width: min(380px, 100%);
  display: flex;
  flex-direction: column;
}
.email-password-register-0cd959 .back {
  align-self: flex-start;
  min-height: auto;
  margin: 0 0 25px;
  padding: 0;
  border: none;
  background: transparent;
  color: #787774;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.email-password-register-0cd959 .back:hover {
  color: #37352F;
}
.email-password-register-0cd959 .eyebrow {
  margin-bottom: 9px;
  color: #9B9A97;
  font-size: 12px;
  font-weight: 650;
}
.email-password-register-0cd959 .state .eyebrow {
  text-align: center;
}
.email-password-register-0cd959 h1 {
  margin: 0 0 9px;
  color: #37352F;
  font-size: 30px;
  line-height: 1.18;
  letter-spacing: -0.035em;
}
.email-password-register-0cd959 .state h1,
.email-password-register-0cd959 .state .hint {
  text-align: center;
}
.email-password-register-0cd959 .hint {
  margin-bottom: 25px;
  color: #787774;
  font-size: 14px;
  line-height: 1.55;
}
.email-password-register-0cd959 .footer-note {
  margin-top: 16px;
  color: #787774;
  font-size: 12px;
  line-height: 1.5;
}
.email-password-register-0cd959 .notice {
  margin-bottom: 14px;
  padding: 10px 12px;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.45;
}
.email-password-register-0cd959 .notice.error {
  background: #FFF6F3;
  color: #B42318;
}
.email-password-register-0cd959 .notice.status {
  background: #F7F7F5;
  color: #787774;
}
.email-password-register-0cd959 .fields {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 21px;
}
.email-password-register-0cd959 label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #5F5E5B;
  font-size: 12px;
  font-weight: 600;
}
.email-password-register-0cd959 input {
  width: 100%;
  min-height: 43px;
  padding: 10px 12px;
  box-sizing: border-box;
  border: 1px solid #E3E2E0;
  border-radius: 5px;
  background: #FFFFFF;
  color: #37352F;
  font: inherit;
  font-size: 14px;
}
.email-password-register-0cd959 input::placeholder {
  color: #B7B6B2;
}
.email-password-register-0cd959 input:focus {
  outline: 2px solid #A8D8FF;
  outline-offset: -1px;
  border-color: #A8D8FF;
}
.email-password-register-0cd959 button.primary,
.email-password-register-0cd959 button.secondary {
  min-height: 43px;
  border-radius: 5px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.email-password-register-0cd959 button.primary {
  border: 1px solid #37352F;
  background: #37352F;
  color: #FFFFFF;
}
.email-password-register-0cd959 button.primary:hover {
  background: #1F1F1E;
}
.email-password-register-0cd959 button.secondary {
  border: 1px solid #E3E2E0;
  background: #FFFFFF;
  color: #37352F;
}
.email-password-register-0cd959 button:focus-visible {
  outline: 2px solid #A8D8FF;
  outline-offset: 2px;
}
.email-password-register-0cd959 button:disabled,
.email-password-register-0cd959 input:disabled {
  cursor: default;
  opacity: 0.5;
}
/* /home/wuminghan/workspace/@branch-ts/practice-auth3-web/src/authenticator/emailPasswordReset.html.R.js */
.email-password-reset-ce85e7 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #181A1B;
  color: rgba(255, 255, 255, 0.84);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.email-password-reset-ce85e7 .body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 28px;
}
.email-password-reset-ce85e7 .banner,
.email-password-reset-ce85e7 .shell {
  width: min(860px, 100%);
  box-sizing: border-box;
}
.email-password-reset-ce85e7 .banner {
  padding: 11px 13px;
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  border-left-width: 3px;
  background: #202224;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  line-height: 1.5;
}
.email-password-reset-ce85e7 .banner.error {
  border-color: rgba(255, 122, 122, 0.24);
  border-left-color: #FF7A7A;
  background: rgba(255, 122, 122, 0.1);
  color: #FF7A7A;
}
.email-password-reset-ce85e7 .banner.status {
  border-left-color: #B0B6BE;
}
.email-password-reset-ce85e7 .shell-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(360px, 430px);
  overflow: hidden;
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: #202224;
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.12);
}
.email-password-reset-ce85e7 .preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 18px;
  min-height: 520px;
  padding: 42px;
  background: #191919;
  border-right: 0.5px solid rgba(255, 255, 255, 0.08);
}
.email-password-reset-ce85e7 .preview-mark,
.email-password-reset-ce85e7 .panel-mark,
.email-password-reset-ce85e7 .state-mark,
.email-password-reset-ce85e7 .meta-label {
  color: #B0B6BE;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.email-password-reset-ce85e7 .preview-title {
  max-width: 350px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 38px;
  line-height: 1.06;
  font-weight: 700;
  letter-spacing: -0.035em;
}
.email-password-reset-ce85e7 .preview-copy {
  max-width: 350px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.6;
}
.email-password-reset-ce85e7 .preview-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}
.email-password-reset-ce85e7 .preview-pill {
  padding: 7px 9px;
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  background: #202224;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
}
.email-password-reset-ce85e7 .panel,
.email-password-reset-ce85e7 .state-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 34px;
  background: #202224;
}
.email-password-reset-ce85e7 .back {
  align-self: flex-start;
  margin-bottom: 21px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.email-password-reset-ce85e7 .back:hover {
  color: rgba(255, 255, 255, 0.92);
}
.email-password-reset-ce85e7 .back:focus-visible {
  outline: 2px solid rgba(176, 182, 190, 0.28);
  outline-offset: 3px;
}
.email-password-reset-ce85e7 .headline {
  margin-top: 12px;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 30px;
  line-height: 1.1;
  font-weight: 650;
  letter-spacing: -0.03em;
}
.email-password-reset-ce85e7 .hint {
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.55;
}
.email-password-reset-ce85e7 .field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.email-password-reset-ce85e7 .field-span-2 {
  grid-column: span 2;
}
.email-password-reset-ce85e7 .field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.email-password-reset-ce85e7 .inline-field {
  margin-bottom: 18px;
}
.email-password-reset-ce85e7 label {
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 600;
}
.email-password-reset-ce85e7 input {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: #202224;
  color: rgba(255, 255, 255, 0.92);
  font: inherit;
  font-size: 14px;
  box-sizing: border-box;
}
.email-password-reset-ce85e7 input::placeholder {
  color: rgba(255, 255, 255, 0.18);
}
.email-password-reset-ce85e7 input:focus {
  outline: 2px solid rgba(176, 182, 190, 0.28);
  outline-offset: -1px;
  border-color: rgba(255, 255, 255, 0.18);
}
.email-password-reset-ce85e7 .meta-card {
  margin-bottom: 18px;
  padding: 12px 14px;
  border-left: 3px solid #B0B6BE;
  background: #191919;
}
.email-password-reset-ce85e7 .mono {
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 13px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.email-password-reset-ce85e7 .actions {
  display: flex;
  gap: 10px;
  margin-top: 22px;
}
.email-password-reset-ce85e7 .actions.single {
  flex-direction: column;
}
.email-password-reset-ce85e7 .footer-note {
  margin-top: 16px;
  color: #B0B6BE;
  font-size: 12px;
  line-height: 1.5;
}
.email-password-reset-ce85e7 .actions button {
  width: 100%;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: #202224;
  color: rgba(255, 255, 255, 0.84);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.email-password-reset-ce85e7 .actions button:hover {
  background: #181A1B;
  border-color: rgba(255, 255, 255, 0.18);
}
.email-password-reset-ce85e7 .actions button.primary {
  border-color: rgba(255, 255, 255, 0.84);
  background: rgba(255, 255, 255, 0.84);
  color: #202224;
}
.email-password-reset-ce85e7 .actions button.primary:hover {
  border-color: #FFFFFF;
  background: #FFFFFF;
  color: #111111;
}
.email-password-reset-ce85e7 .actions button:focus-visible {
  outline: 2px solid rgba(176, 182, 190, 0.28);
  outline-offset: 2px;
}
.email-password-reset-ce85e7 .actions button:disabled,
.email-password-reset-ce85e7 input:disabled,
.email-password-reset-ce85e7 .back:disabled {
  opacity: 0.5;
  cursor: default;
}
.email-password-reset-ce85e7 .pulse-bar {
  width: 100%;
  height: 5px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}
.email-password-reset-ce85e7 .pulse-fill {
  width: 68%;
  height: 100%;
  background: #B0B6BE;
}
.email-password-reset-ce85e7 .shell-state {
  display: flex;
  justify-content: center;
}
.email-password-reset-ce85e7 .state-card {
  width: min(500px, 100%);
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  border-top: 3px solid #B0B6BE;
  border-radius: 6px;
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.1);
}
.email-password-reset-ce85e7 .success-card {
  border-top-color: #72C78C;
}
@media (max-width: 720px) {
  .email-password-reset-ce85e7 .body {
    padding: 16px;
  }
  .email-password-reset-ce85e7 .shell-form {
    grid-template-columns: 1fr;
  }
  .email-password-reset-ce85e7 .preview {
    display: none;
  }
  .email-password-reset-ce85e7 .panel {
    min-height: 460px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-auth3-web/src/authenticator/emailPasswordReset.theme/business/emailPasswordReset.html.R.js */
.email-password-reset-555295 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #37352F;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.email-password-reset-555295 .body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  box-sizing: border-box;
  background: #FFFFFF;
}
.email-password-reset-555295 .auth-card {
  width: min(380px, 100%);
  display: flex;
  flex-direction: column;
}
.email-password-reset-555295 .back {
  align-self: flex-start;
  min-height: auto;
  margin: 0 0 25px;
  padding: 0;
  border: none;
  background: transparent;
  color: #787774;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.email-password-reset-555295 .back:hover {
  color: #37352F;
}
.email-password-reset-555295 .eyebrow {
  margin-bottom: 9px;
  color: #9B9A97;
  font-size: 12px;
  font-weight: 650;
}
.email-password-reset-555295 .state .eyebrow {
  text-align: center;
}
.email-password-reset-555295 h1 {
  margin: 0 0 9px;
  color: #37352F;
  font-size: 30px;
  line-height: 1.18;
  letter-spacing: -0.035em;
}
.email-password-reset-555295 .state h1,
.email-password-reset-555295 .state .hint {
  text-align: center;
}
.email-password-reset-555295 .hint {
  margin-bottom: 25px;
  color: #787774;
  font-size: 14px;
  line-height: 1.55;
}
.email-password-reset-555295 .notice {
  margin-bottom: 14px;
  padding: 10px 12px;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.45;
}
.email-password-reset-555295 .notice.error {
  background: #FFF6F3;
  color: #B42318;
}
.email-password-reset-555295 .notice.status {
  background: #F7F7F5;
  color: #787774;
}
.email-password-reset-555295 .fields {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 21px;
}
.email-password-reset-555295 label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #5F5E5B;
  font-size: 12px;
  font-weight: 600;
}
.email-password-reset-555295 input {
  width: 100%;
  min-height: 43px;
  padding: 10px 12px;
  box-sizing: border-box;
  border: 1px solid #E3E2E0;
  border-radius: 5px;
  background: #FFFFFF;
  color: #37352F;
  font: inherit;
  font-size: 14px;
}
.email-password-reset-555295 input::placeholder {
  color: #B7B6B2;
}
.email-password-reset-555295 input:focus {
  outline: 2px solid #A8D8FF;
  outline-offset: -1px;
  border-color: #A8D8FF;
}
.email-password-reset-555295 button.primary,
.email-password-reset-555295 button.secondary {
  min-height: 43px;
  border-radius: 5px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.email-password-reset-555295 button.primary {
  border: 1px solid #37352F;
  background: #37352F;
  color: #FFFFFF;
}
.email-password-reset-555295 button.primary:hover {
  background: #1F1F1E;
}
.email-password-reset-555295 button.secondary {
  border: 1px solid #E3E2E0;
  background: #FFFFFF;
  color: #37352F;
}
.email-password-reset-555295 button:focus-visible {
  outline: 2px solid #A8D8FF;
  outline-offset: 2px;
}
.email-password-reset-555295 button:disabled,
.email-password-reset-555295 input:disabled {
  cursor: default;
  opacity: 0.5;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/billingGate/billingGateDialog.html.R.js */
.billing-gate-dialog-45fef6 {
  width: min(100%, 440px);
  box-sizing: border-box;
  padding: 32px;
  background: #181A1B;
  color: #e2e3e1;
  text-align: center;
}
.billing-gate-dialog-45fef6 .icon {
  width: 40px;
  height: 40px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #ffc107;
  color: #181A1B;
  font-size: 26px;
  font-weight: 700;
  line-height: 40px;
}
.billing-gate-dialog-45fef6 h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 22px;
}
.billing-gate-dialog-45fef6 p {
  margin: 0;
  color: #b9b9b9;
  line-height: 1.55;
}
.billing-gate-dialog-45fef6 .source,
.billing-gate-dialog-45fef6 .policy,
.billing-gate-dialog-45fef6 .hint {
  margin-top: 12px;
  color: #90979e;
  font-size: 12px;
}
.billing-gate-dialog-45fef6 .suggestions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 22px 0 12px;
}
.billing-gate-dialog-45fef6 .suggestions button,
.billing-gate-dialog-45fef6 .dismiss {
  border: 1px solid #555;
  background: transparent;
  color: #d0d0d0;
}
.billing-gate-dialog-45fef6 .amount-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  color: #dfe3e6;
  font-size: 14px;
  text-align: left;
}
.billing-gate-dialog-45fef6 input {
  width: 132px;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #555;
  border-radius: 6px;
  background: #111;
  color: #fff;
  font: inherit;
}
.billing-gate-dialog-45fef6 .actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}
.billing-gate-dialog-45fef6 button {
  min-width: 112px;
  padding: 10px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.billing-gate-dialog-45fef6 .upgrade {
  width: 100%;
  margin-top: 22px;
  border: 0;
  background: #ffc107;
  color: #181A1B;
}
.billing-gate-dialog-45fef6 .checkout-link {
  display: none;
}
.billing-gate-dialog-45fef6 [stage~="state:attention"] .checkout-link {
  display: inline-block;
}
.billing-gate-dialog-45fef6 button:disabled {
  cursor: wait;
  opacity: 0.65;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/billingGate/billingGateDialog.theme/genesis/billingGateDialog.html.R.js */
.billing-gate-dialog-648045 {
  box-sizing: border-box;
  width: min(100%, 460px);
  padding: 30px 32px 24px;
  background: #181a1b;
  color: #d7dbdf;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  text-align: left;
}
.billing-gate-dialog-648045 .dialog-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.billing-gate-dialog-648045 .eyebrow,
.billing-gate-dialog-648045 .field-label {
  color: #8f9aa4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.billing-gate-dialog-648045 .icon {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #4b535b;
  border-radius: 50%;
  color: #f1f3f5;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}
.billing-gate-dialog-648045 .dialog-body {
  margin-top: 18px;
}
.billing-gate-dialog-648045 h2 {
  margin: 0;
  color: #f1f3f5;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
.billing-gate-dialog-648045 p {
  margin: 0;
  color: #b9c0c7;
  font-size: 13px;
  line-height: 1.6;
}
.billing-gate-dialog-648045 .introduction {
  margin-top: 10px;
}
.billing-gate-dialog-648045 .source {
  margin-top: 12px;
  padding: 9px 11px;
  border-left: 2px solid #66717b;
  background: #202224;
  color: #b9c0c7;
  font-size: 12px;
}
.billing-gate-dialog-648045 .amount-section {
  margin-top: 25px;
  padding-top: 18px;
  border-top: 1px solid #353b41;
}
.billing-gate-dialog-648045 .suggestions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 11px;
}
.billing-gate-dialog-648045 button {
  border-radius: 3px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.billing-gate-dialog-648045 .suggestions button {
  min-height: 38px;
  border: 1px solid #4b535b;
  background: #202224;
  color: #d7dbdf;
}
.billing-gate-dialog-648045 .suggestions button:hover,
.billing-gate-dialog-648045 .dismiss:hover {
  border-color: #77838d;
  background: #282b2d;
  color: #f1f3f5;
}
.billing-gate-dialog-648045 .amount-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 10px;
  color: #b9c0c7;
  font-size: 12px;
  font-weight: 700;
}
.billing-gate-dialog-648045 input {
  width: 142px;
  box-sizing: border-box;
  padding: 10px 11px;
  border: 1px solid #4b535b;
  border-radius: 3px;
  background: #141617;
  color: #f1f3f5;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
}
.billing-gate-dialog-648045 .policy {
  margin-top: 10px;
  color: #8f9aa4;
  font-size: 11px;
}
.billing-gate-dialog-648045 .upgrade {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-top: 22px;
  padding: 12px 14px;
  border: 1px solid #f1f3f5;
  background: #f1f3f5;
  color: #181a1b;
  text-align: left;
}
.billing-gate-dialog-648045 .upgrade:hover {
  background: #d7dbdf;
}
.billing-gate-dialog-648045 .checkout-note {
  margin-top: 8px;
  color: #8f9aa4;
  font-size: 11px;
  text-align: center;
}
.billing-gate-dialog-648045 .status-panel {
  min-height: 190px;
  padding-top: 20px;
  text-align: center;
}
.billing-gate-dialog-648045 .status-mark {
  display: grid;
  width: 38px;
  height: 38px;
  margin: 0 auto 16px;
  place-items: center;
  border: 1px solid #66717b;
  border-radius: 50%;
  color: #d7dbdf;
  font-size: 18px;
  font-weight: 700;
}
.billing-gate-dialog-648045 .status-panel p {
  max-width: 330px;
  margin: 10px auto 0;
}
.billing-gate-dialog-648045 .settled .status-mark {
  border-color: #87a98e;
  color: #b7d7bc;
}
.billing-gate-dialog-648045 .attention .status-mark {
  border-color: #b99b62;
  color: #dec27f;
}
.billing-gate-dialog-648045 .checkout-link {
  display: none;
  max-width: 330px;
  margin: 20px auto 0;
}
.billing-gate-dialog-648045 [stage~="state:attention"] .checkout-link {
  display: flex;
}
.billing-gate-dialog-648045 .hint {
  min-height: 18px;
  margin-top: 15px;
  color: #8f9aa4;
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
}
.billing-gate-dialog-648045 .actions {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.billing-gate-dialog-648045 .dismiss {
  padding: 7px 10px;
  border: 1px solid transparent;
  background: transparent;
  color: #b9c0c7;
}
.billing-gate-dialog-648045 button:disabled {
  cursor: wait;
  opacity: 0.65;
}
.billing-gate-dialog-648045 button:focus-visible,
.billing-gate-dialog-648045 input:focus-visible {
  outline: 2px solid #9aabb9;
  outline-offset: 2px;
}
@media (max-width: 520px) {
  .billing-gate-dialog-648045 {
    padding: 26px 20px 20px;
  }
  .billing-gate-dialog-648045 h2 {
    font-size: 23px;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/billingGate/billingGateDialog.theme/business/billingGateDialog.html.R.js */
.billing-gate-dialog-ff22fa {
  box-sizing: border-box;
  width: min(100%, 460px);
  padding: 30px 32px 24px;
  border: 1px solid #dce1e6;
  background: #fff;
  color: #303840;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  text-align: left;
}
.billing-gate-dialog-ff22fa .dialog-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.billing-gate-dialog-ff22fa .eyebrow,
.billing-gate-dialog-ff22fa .field-label {
  color: #69737d;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.billing-gate-dialog-ff22fa .icon {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #c5cdd5;
  border-radius: 50%;
  color: #303840;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}
.billing-gate-dialog-ff22fa .dialog-body {
  margin-top: 18px;
}
.billing-gate-dialog-ff22fa h2 {
  margin: 0;
  color: #202428;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
.billing-gate-dialog-ff22fa p {
  margin: 0;
  color: #56616b;
  font-size: 13px;
  line-height: 1.6;
}
.billing-gate-dialog-ff22fa .introduction {
  margin-top: 10px;
}
.billing-gate-dialog-ff22fa .source {
  margin-top: 12px;
  padding: 9px 11px;
  border-left: 2px solid #8d9ba8;
  background: #f8f9fa;
  color: #56616b;
  font-size: 12px;
}
.billing-gate-dialog-ff22fa .amount-section {
  margin-top: 25px;
  padding-top: 18px;
  border-top: 1px solid #dce1e6;
}
.billing-gate-dialog-ff22fa .suggestions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 11px;
}
.billing-gate-dialog-ff22fa button {
  border-radius: 3px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.billing-gate-dialog-ff22fa .suggestions button {
  min-height: 38px;
  border: 1px solid #c5cdd5;
  background: #fff;
  color: #303840;
}
.billing-gate-dialog-ff22fa .suggestions button:hover,
.billing-gate-dialog-ff22fa .dismiss:hover {
  border-color: #8d9ba8;
  background: #f1f3f5;
  color: #202428;
}
.billing-gate-dialog-ff22fa .amount-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 10px;
  color: #56616b;
  font-size: 12px;
  font-weight: 700;
}
.billing-gate-dialog-ff22fa input {
  width: 142px;
  box-sizing: border-box;
  padding: 10px 11px;
  border: 1px solid #c5cdd5;
  border-radius: 3px;
  background: #fff;
  color: #202428;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
}
.billing-gate-dialog-ff22fa .policy {
  margin-top: 10px;
  color: #69737d;
  font-size: 11px;
}
.billing-gate-dialog-ff22fa .upgrade {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-top: 22px;
  padding: 12px 14px;
  border: 1px solid #303840;
  background: #303840;
  color: #fff;
  text-align: left;
}
.billing-gate-dialog-ff22fa .upgrade:hover {
  border-color: #202428;
  background: #202428;
}
.billing-gate-dialog-ff22fa .checkout-note {
  margin-top: 8px;
  color: #69737d;
  font-size: 11px;
  text-align: center;
}
.billing-gate-dialog-ff22fa .status-panel {
  min-height: 190px;
  padding-top: 20px;
  text-align: center;
}
.billing-gate-dialog-ff22fa .status-mark {
  display: grid;
  width: 38px;
  height: 38px;
  margin: 0 auto 16px;
  place-items: center;
  border: 1px solid #8d9ba8;
  border-radius: 50%;
  color: #56616b;
  font-size: 18px;
  font-weight: 700;
}
.billing-gate-dialog-ff22fa .status-panel p {
  max-width: 330px;
  margin: 10px auto 0;
}
.billing-gate-dialog-ff22fa .settled .status-mark {
  border-color: #779f81;
  color: #477a54;
}
.billing-gate-dialog-ff22fa .attention .status-mark {
  border-color: #c5a563;
  color: #86692c;
}
.billing-gate-dialog-ff22fa .checkout-link {
  display: none;
  max-width: 330px;
  margin: 20px auto 0;
}
.billing-gate-dialog-ff22fa [stage~="state:attention"] .checkout-link {
  display: flex;
}
.billing-gate-dialog-ff22fa .hint {
  min-height: 18px;
  margin-top: 15px;
  color: #69737d;
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
}
.billing-gate-dialog-ff22fa .actions {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.billing-gate-dialog-ff22fa .dismiss {
  padding: 7px 10px;
  border: 1px solid transparent;
  background: transparent;
  color: #56616b;
}
.billing-gate-dialog-ff22fa button:disabled {
  cursor: wait;
  opacity: 0.65;
}
.billing-gate-dialog-ff22fa button:focus-visible,
.billing-gate-dialog-ff22fa input:focus-visible {
  outline: 2px solid #8d9ba8;
  outline-offset: 2px;
}
@media (max-width: 520px) {
  .billing-gate-dialog-ff22fa {
    padding: 26px 20px 20px;
  }
  .billing-gate-dialog-ff22fa h2 {
    font-size: 23px;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/market/planCheckout/planCheckout.html.R.js */
.plan-checkout-d78ea6 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #181A1B;
  color: #e2e3e1;
  overflow-y: auto;
  width: 100%;
}
.plan-checkout-d78ea6 .checkout-header {
  padding: 40px 32px 32px;
  background: #222;
  border-bottom: 1px solid #333;
  text-align: center;
}
.plan-checkout-d78ea6 .checkout-header h2 {
  margin: 0 0 12px 0;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}
.plan-checkout-d78ea6 .header-subtitle {
  margin: 0;
  font-size: 16px;
  color: #888;
}
.plan-checkout-d78ea6 .plans-container {
  flex: 1;
  padding: 48px 32px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.plan-checkout-d78ea6 .plans-container > div {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1200px;
  width: 100%;
}
.plan-checkout-d78ea6 .plan-card {
  background: #222;
  border: 2px solid #333;
  border-radius: 12px;
  padding: 32px;
  width: 320px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  position: relative;
}
.plan-checkout-d78ea6 .plan-card:hover {
  border-color: #ffc107;
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(255, 193, 7, 0.2);
}
.plan-checkout-d78ea6 .plan-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.plan-checkout-d78ea6 .plan-name {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #ffc107;
  text-transform: capitalize;
}
.plan-checkout-d78ea6 .plan-badge {
  background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
  color: #000;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.plan-checkout-d78ea6 .plan-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 12px;
}
.plan-checkout-d78ea6 .price-amount {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.plan-checkout-d78ea6 .price-currency {
  font-size: 20px;
  font-weight: 500;
  color: #888;
}
.plan-checkout-d78ea6 .plan-duration {
  font-size: 16px;
  color: #888;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #333;
}
.plan-checkout-d78ea6 .plan-features {
  flex: 1;
  margin-bottom: 32px;
}
.plan-checkout-d78ea6 .feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.plan-checkout-d78ea6 .feature-icon {
  width: 24px;
  height: 24px;
  background: #28a745;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  flex-shrink: 0;
}
.plan-checkout-d78ea6 .feature-text {
  font-size: 14px;
  color: #e2e3e1;
}
.plan-checkout-d78ea6 .purchase-button {
  width: 100%;
  padding: 16px 24px;
  background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
  color: #000;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.plan-checkout-d78ea6 .purchase-button:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 16px rgba(255, 193, 7, 0.4);
}
.plan-checkout-d78ea6 .purchase-button:active {
  transform: scale(0.98);
}
.plan-checkout-d78ea6 .plan-details {
  margin-top: 16px;
  text-align: center;
}
.plan-checkout-d78ea6 .detail-note {
  font-size: 12px;
  color: #666;
}
.plan-checkout-d78ea6 .checkout-container {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
}
.plan-checkout-d78ea6 .checkout-content {
  max-width: 600px;
  width: 100%;
  background: #222;
  border: 2px solid #333;
  border-radius: 16px;
  padding: 48px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.plan-checkout-d78ea6 .checkout-icon {
  color: #ffc107;
  margin-bottom: 24px;
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.05);
  }
}
.plan-checkout-d78ea6 .checkout-title {
  margin: 0 0 16px 0;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}
.plan-checkout-d78ea6 .checkout-description {
  margin: 0 0 32px 0;
  font-size: 16px;
  color: #888;
  line-height: 1.6;
}
.plan-checkout-d78ea6 .checkout-action-btn {
  width: 100%;
  max-width: 400px;
  padding: 20px 32px;
  background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
  color: #000;
  border: none;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 32px;
}
.plan-checkout-d78ea6 .checkout-action-btn:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(255, 193, 7, 0.4);
}
.plan-checkout-d78ea6 .checkout-action-btn:active {
  transform: scale(0.98);
}
.plan-checkout-d78ea6 .checkout-alternative {
  width: 100%;
  padding: 24px 0;
  border-top: 1px solid #333;
  margin-bottom: 24px;
}
.plan-checkout-d78ea6 .alternative-text {
  margin: 0 0 16px 0;
  font-size: 14px;
  color: #666;
}
.plan-checkout-d78ea6 .copy-link-btn {
  padding: 12px 24px;
  background: #333;
  color: #ffc107;
  border: 1px solid #444;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 16px;
}
.plan-checkout-d78ea6 .copy-link-btn:hover {
  background: #444;
  border-color: #ffc107;
}
.plan-checkout-d78ea6 .checkout-uri-display {
  width: 100%;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
  overflow: hidden;
}
.plan-checkout-d78ea6 .checkout-uri-display code {
  display: block;
  color: #888;
  font-size: 12px;
  font-family: 'Courier New', monospace;
  word-break: break-all;
  white-space: pre-wrap;
}
.plan-checkout-d78ea6 .back-to-plans-btn {
  padding: 12px 24px;
  background: transparent;
  color: #888;
  border: 1px solid #444;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.plan-checkout-d78ea6 .back-to-plans-btn:hover {
  color: #ffc107;
  border-color: #ffc107;
}
.plan-checkout-d78ea6 .plan-card[stage~="disabled:disabled"] {
  opacity: 0.5;
  pointer-events: none;
}
.plan-checkout-d78ea6 .plan-card[stage~="disabled:disabled"] .purchase-button {
  background: #444;
  cursor: not-allowed;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/market/planCheckout/planCheckout.theme/business/planCheckout.html.R.js */
.plan-checkout-b41e23 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #fcfcfb;
  color: #272522;
}
.plan-checkout-b41e23 .checkout-header {
  padding: 40px 32px 28px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
  background: #fff;
}
.plan-checkout-b41e23 .header-content {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}
.plan-checkout-b41e23 .eyebrow,
.plan-checkout-b41e23 .plan-label {
  color: #8a847c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.plan-checkout-b41e23 .checkout-header h2 {
  margin: 8px 0 0;
  color: #111;
  font-size: 25px;
  font-weight: 650;
  letter-spacing: -0.025em;
}
.plan-checkout-b41e23 .header-subtitle {
  margin: 8px 0 0;
  color: #6b6761;
  font-size: 14px;
  line-height: 1.55;
}
.plan-checkout-b41e23 .plans-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
}
.plan-checkout-b41e23 .plans-container > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  width: 100%;
  max-width: 1120px;
}
.plan-checkout-b41e23 .plan-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  transition: border-color 160ms ease, background-color 160ms ease;
}
.plan-checkout-b41e23 .plan-card:hover {
  border-color: rgba(17, 17, 17, 0.2);
  background: #fdfdfc;
}
.plan-checkout-b41e23 .plan-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
}
.plan-checkout-b41e23 .plan-name {
  margin: 6px 0 0;
  color: #111;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
  text-transform: capitalize;
}
.plan-checkout-b41e23 .plan-badge {
  border: 1px solid rgba(17, 17, 17, 0.12);
  padding: 4px 7px;
  color: #272522;
  background: #f4f3f1;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.plan-checkout-b41e23 .plan-price {
  display: flex;
  align-items: baseline;
  gap: 7px;
}
.plan-checkout-b41e23 .price-amount {
  color: #111;
  font-size: 32px;
  font-weight: 650;
  letter-spacing: -0.035em;
  line-height: 1;
}
.plan-checkout-b41e23 .price-currency {
  color: #6b6761;
  font-size: 12px;
  font-weight: 600;
}
.plan-checkout-b41e23 .plan-duration {
  margin-top: 8px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
  color: #6b6761;
  font-size: 12px;
}
.plan-checkout-b41e23 .plan-features {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 11px;
  padding: 20px 0 24px;
}
.plan-checkout-b41e23 .feature-item {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #272522;
  font-size: 13px;
  line-height: 1.45;
}
.plan-checkout-b41e23 .feature-icon {
  color: #3d8055;
  font-size: 13px;
  font-weight: 700;
}
.plan-checkout-b41e23 .purchase-button,
.plan-checkout-b41e23 .checkout-action-btn,
.plan-checkout-b41e23 .copy-link-btn,
.plan-checkout-b41e23 .back-to-plans-btn {
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 4px;
  padding: 8px 11px;
  background: #fff;
  color: #272522;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.plan-checkout-b41e23 .purchase-button {
  width: 100%;
  border-color: #111;
  background: #111;
  color: #fff;
}
.plan-checkout-b41e23 .purchase-button:hover,
.plan-checkout-b41e23 .checkout-action-btn:hover {
  border-color: #272522;
  background: #272522;
}
.plan-checkout-b41e23 .plan-details {
  margin-top: 12px;
}
.plan-checkout-b41e23 .detail-note {
  color: #8a847c;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}
.plan-checkout-b41e23 .checkout-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
}
.plan-checkout-b41e23 .checkout-content {
  width: 100%;
  max-width: 560px;
  padding: 32px;
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.08);
}
.plan-checkout-b41e23 .checkout-icon {
  display: flex;
  margin-bottom: 22px;
  color: #6b6761;
}
.plan-checkout-b41e23 .checkout-title {
  margin: 8px 0 0;
  color: #111;
  font-size: 24px;
  font-weight: 650;
  letter-spacing: -0.025em;
}
.plan-checkout-b41e23 .checkout-description {
  margin: 10px 0 28px;
  color: #6b6761;
  font-size: 14px;
  line-height: 1.6;
}
.plan-checkout-b41e23 .checkout-action-btn {
  border-color: #111;
  background: #111;
  color: #fff;
}
.plan-checkout-b41e23 .checkout-alternative {
  margin: 24px 0;
  padding-top: 20px;
  border-top: 1px solid rgba(17, 17, 17, 0.08);
}
.plan-checkout-b41e23 .alternative-text {
  margin: 0 0 12px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.plan-checkout-b41e23 .copy-link-btn:hover,
.plan-checkout-b41e23 .back-to-plans-btn:hover {
  border-color: rgba(17, 17, 17, 0.2);
  background: #f4f3f1;
  color: #111;
}
.plan-checkout-b41e23 .checkout-uri-display {
  margin-top: 12px;
  padding: 10px;
  background: #f4f3f1;
  border: 1px solid rgba(17, 17, 17, 0.06);
  overflow: hidden;
}
.plan-checkout-b41e23 .checkout-uri-display code {
  display: block;
  color: #6b6761;
  font-size: 11px;
  word-break: break-all;
  white-space: pre-wrap;
}
.plan-checkout-b41e23 .purchase-button:focus-visible,
.plan-checkout-b41e23 .checkout-action-btn:focus-visible,
.plan-checkout-b41e23 .copy-link-btn:focus-visible,
.plan-checkout-b41e23 .back-to-plans-btn:focus-visible {
  outline: 2px solid #8a847c;
  outline-offset: 2px;
}
.plan-checkout-b41e23 .plan-card[stage~="disabled:disabled"] {
  opacity: 0.45;
  pointer-events: none;
}
.plan-checkout-b41e23 .plan-card[stage~="disabled:disabled"] .purchase-button {
  border-color: rgba(17, 17, 17, 0.1);
  background: #eceae7;
  color: #6b6761;
  cursor: not-allowed;
}
@media (max-width: 600px) {
  .plan-checkout-b41e23 .checkout-header,
  .plan-checkout-b41e23 .plans-container,
  .plan-checkout-b41e23 .checkout-container {
    padding-right: 16px;
    padding-left: 16px;
  }
  .plan-checkout-b41e23 .checkout-header {
    padding-top: 28px;
  }
  .plan-checkout-b41e23 .plans-container {
    padding-top: 20px;
  }
  .plan-checkout-b41e23 .checkout-content {
    padding: 24px 20px;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/market/planCheckout/planCheckout.theme/genesis/planCheckout.html.R.js */
.plan-checkout-5d6255 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #181a1b;
  color: #d7dbdf;
}
.plan-checkout-5d6255 .checkout-header {
  padding: 40px 32px 28px;
  border-bottom: 1px solid #353b41;
  background: #202224;
}
.plan-checkout-5d6255 .header-content {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}
.plan-checkout-5d6255 .eyebrow,
.plan-checkout-5d6255 .plan-label {
  color: #8f9aa4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.plan-checkout-5d6255 .checkout-header h2 {
  margin: 8px 0 0;
  color: #f1f3f5;
  font-size: 25px;
  font-weight: 650;
  letter-spacing: -0.025em;
}
.plan-checkout-5d6255 .header-subtitle {
  margin: 8px 0 0;
  color: #aeb6be;
  font-size: 14px;
  line-height: 1.55;
}
.plan-checkout-5d6255 .plans-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
}
.plan-checkout-5d6255 .plans-container > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  width: 100%;
  max-width: 1120px;
}
.plan-checkout-5d6255 .plan-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  background: #202224;
  border: 1px solid #353b41;
  transition: border-color 160ms ease, background-color 160ms ease;
}
.plan-checkout-5d6255 .plan-card:hover {
  border-color: #66717b;
  background: #252729;
}
.plan-checkout-5d6255 .plan-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
}
.plan-checkout-5d6255 .plan-name {
  margin: 6px 0 0;
  color: #f1f3f5;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
  text-transform: capitalize;
}
.plan-checkout-5d6255 .plan-badge {
  border: 1px solid #4b535b;
  padding: 4px 7px;
  color: #d7dbdf;
  background: #282b2d;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.plan-checkout-5d6255 .plan-price {
  display: flex;
  align-items: baseline;
  gap: 7px;
}
.plan-checkout-5d6255 .price-amount {
  color: #f1f3f5;
  font-size: 32px;
  font-weight: 650;
  letter-spacing: -0.035em;
  line-height: 1;
}
.plan-checkout-5d6255 .price-currency {
  color: #aeb6be;
  font-size: 12px;
  font-weight: 600;
}
.plan-checkout-5d6255 .plan-duration {
  margin-top: 8px;
  padding-bottom: 20px;
  border-bottom: 1px solid #353b41;
  color: #aeb6be;
  font-size: 12px;
}
.plan-checkout-5d6255 .plan-features {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 11px;
  padding: 20px 0 24px;
}
.plan-checkout-5d6255 .feature-item {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #d7dbdf;
  font-size: 13px;
  line-height: 1.45;
}
.plan-checkout-5d6255 .feature-icon {
  color: #6fa781;
  font-size: 13px;
  font-weight: 700;
}
.plan-checkout-5d6255 .purchase-button,
.plan-checkout-5d6255 .checkout-action-btn,
.plan-checkout-5d6255 .copy-link-btn,
.plan-checkout-5d6255 .back-to-plans-btn {
  border: 1px solid #4b535b;
  border-radius: 4px;
  padding: 8px 11px;
  background: #202224;
  color: #d7dbdf;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.plan-checkout-5d6255 .purchase-button {
  width: 100%;
  border-color: #f1f3f5;
  background: #f1f3f5;
  color: #181a1b;
}
.plan-checkout-5d6255 .purchase-button:hover,
.plan-checkout-5d6255 .checkout-action-btn:hover {
  border-color: #d7dbdf;
  background: #d7dbdf;
  color: #181a1b;
}
.plan-checkout-5d6255 .plan-details {
  margin-top: 12px;
}
.plan-checkout-5d6255 .detail-note {
  color: #8f9aa4;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}
.plan-checkout-5d6255 .checkout-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
}
.plan-checkout-5d6255 .checkout-content {
  width: 100%;
  max-width: 560px;
  padding: 32px;
  background: #202224;
  border: 1px solid #353b41;
}
.plan-checkout-5d6255 .checkout-icon {
  display: flex;
  margin-bottom: 22px;
  color: #aeb6be;
}
.plan-checkout-5d6255 .checkout-title {
  margin: 8px 0 0;
  color: #f1f3f5;
  font-size: 24px;
  font-weight: 650;
  letter-spacing: -0.025em;
}
.plan-checkout-5d6255 .checkout-description {
  margin: 10px 0 28px;
  color: #aeb6be;
  font-size: 14px;
  line-height: 1.6;
}
.plan-checkout-5d6255 .checkout-action-btn {
  border-color: #f1f3f5;
  background: #f1f3f5;
  color: #181a1b;
}
.plan-checkout-5d6255 .checkout-alternative {
  margin: 24px 0;
  padding-top: 20px;
  border-top: 1px solid #353b41;
}
.plan-checkout-5d6255 .alternative-text {
  margin: 0 0 12px;
  color: #aeb6be;
  font-size: 12px;
  line-height: 1.5;
}
.plan-checkout-5d6255 .copy-link-btn:hover,
.plan-checkout-5d6255 .back-to-plans-btn:hover {
  border-color: #66717b;
  background: #282b2d;
  color: #f1f3f5;
}
.plan-checkout-5d6255 .checkout-uri-display {
  margin-top: 12px;
  padding: 10px;
  background: #141617;
  border: 1px solid #353b41;
  overflow: hidden;
}
.plan-checkout-5d6255 .checkout-uri-display code {
  display: block;
  color: #8f9aa4;
  font-size: 11px;
  word-break: break-all;
  white-space: pre-wrap;
}
.plan-checkout-5d6255 .purchase-button:focus-visible,
.plan-checkout-5d6255 .checkout-action-btn:focus-visible,
.plan-checkout-5d6255 .copy-link-btn:focus-visible,
.plan-checkout-5d6255 .back-to-plans-btn:focus-visible {
  outline: 2px solid #9aabb9;
  outline-offset: 2px;
}
.plan-checkout-5d6255 .plan-card[stage~="disabled:disabled"] {
  opacity: 0.45;
  pointer-events: none;
}
.plan-checkout-5d6255 .plan-card[stage~="disabled:disabled"] .purchase-button {
  border-color: #353b41;
  background: #282b2d;
  color: #8f9aa4;
  cursor: not-allowed;
}
@media (max-width: 600px) {
  .plan-checkout-5d6255 .checkout-header,
  .plan-checkout-5d6255 .plans-container,
  .plan-checkout-5d6255 .checkout-container {
    padding-right: 16px;
    padding-left: 16px;
  }
  .plan-checkout-5d6255 .checkout-header {
    padding-top: 28px;
  }
  .plan-checkout-5d6255 .plans-container {
    padding-top: 20px;
  }
  .plan-checkout-5d6255 .checkout-content {
    padding: 24px 20px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-cps-web/src/fileSystemContextReportInspector.html.R.js */
.file-system-context-report-inspector-4571a4 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #222;
  color: #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-family: 'Open Sans', "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", SimSun, Song, sans-serif;
}
.file-system-context-report-inspector-4571a4 .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(30, 30, 30, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  box-sizing: border-box;
}
.file-system-context-report-inspector-4571a4 .tabs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.file-system-context-report-inspector-4571a4 .tab {
  background: rgba(60, 120, 255, 0.15);
  color: #6496ff;
  border: 1px solid rgba(60, 120, 255, 0.4);
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 13px;
  cursor: pointer;
  transition: all 150ms;
  height: 32px;
  box-sizing: border-box;
}
.file-system-context-report-inspector-4571a4 .tab:hover {
  background: rgba(60, 120, 255, 0.25);
  border-color: rgba(60, 120, 255, 0.6);
}
.file-system-context-report-inspector-4571a4 .tab.active {
  background: rgba(60, 120, 255, 0.35);
}
.file-system-context-report-inspector-4571a4 .summary {
  color: rgba(255, 255, 255, 0.6);
  font-family: monospace;
  font-size: 12px;
  white-space: nowrap;
}
.file-system-context-report-inspector-4571a4 .pane {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.file-system-context-report-inspector-4571a4 .left {
  width: 344px;
  flex-shrink: 0;
  background: #191919;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.file-system-context-report-inspector-4571a4 .left-header {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.file-system-context-report-inspector-4571a4 .list {
  flex: 1;
  overflow: auto;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.file-system-context-report-inspector-4571a4 .list-item {
  background: #343434;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 12px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 150ms;
  user-select: none;
}
.file-system-context-report-inspector-4571a4 .list-item:hover {
  background: rgba(60, 120, 255, 0.15);
  border-color: rgba(60, 120, 255, 0.4);
}
.file-system-context-report-inspector-4571a4 .list-item.selected {
  background: #3e5f66;
  border-color: rgba(255, 255, 255, 0.18);
}
.file-system-context-report-inspector-4571a4 .line1 {
  font-family: monospace;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-system-context-report-inspector-4571a4 .line2,
.file-system-context-report-inspector-4571a4 .line3 {
  margin-top: 4px;
  font-family: monospace;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-system-context-report-inspector-4571a4 .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #222;
}
.file-system-context-report-inspector-4571a4 .detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #1e1e1e;
  box-sizing: border-box;
  flex-shrink: 0;
}
.file-system-context-report-inspector-4571a4 .title {
  font-family: monospace;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-system-context-report-inspector-4571a4 .button {
  background: rgba(60, 120, 255, 0.15);
  color: #6496ff;
  border: 1px solid rgba(60, 120, 255, 0.4);
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 13px;
  cursor: pointer;
  transition: all 150ms;
  height: 32px;
  box-sizing: border-box;
  flex-shrink: 0;
}
.file-system-context-report-inspector-4571a4 .button:hover {
  background: rgba(60, 120, 255, 0.25);
  border-color: rgba(60, 120, 255, 0.6);
}
.file-system-context-report-inspector-4571a4 .detail-sub {
  padding: 10px 16px;
  color: rgba(255, 255, 255, 0.6);
  font-family: monospace;
  font-size: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  flex-shrink: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.file-system-context-report-inspector-4571a4 .content {
  flex: 1;
  margin: 0;
  padding: 16px;
  overflow: auto;
  background: #111;
  color: rgba(255, 255, 255, 0.9);
  font-family: monospace;
  font-size: 12px;
  line-height: 20px;
  white-space: pre;
  box-sizing: border-box;
  border: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-cps-web/src/fileSystemContextRotationInspector.html.R.js */
.file-system-context-rotation-inspector-486bad {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #222;
  color: #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-family: 'Open Sans', "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", SimSun, Song, sans-serif;
}
.file-system-context-rotation-inspector-486bad .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(30, 30, 30, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  box-sizing: border-box;
}
.file-system-context-rotation-inspector-486bad .title {
  font-family: monospace;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-system-context-rotation-inspector-486bad .summary {
  color: rgba(255, 255, 255, 0.6);
  font-family: monospace;
  font-size: 12px;
  white-space: nowrap;
  flex-shrink: 0;
}
.file-system-context-rotation-inspector-486bad .pane {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.file-system-context-rotation-inspector-486bad .left {
  width: 344px;
  flex-shrink: 0;
  background: #191919;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.file-system-context-rotation-inspector-486bad .left-header {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.file-system-context-rotation-inspector-486bad .list {
  flex: 1;
  overflow: auto;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.file-system-context-rotation-inspector-486bad .list-item {
  background: #343434;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 12px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 150ms;
  user-select: none;
}
.file-system-context-rotation-inspector-486bad .list-item:hover {
  background: rgba(60, 120, 255, 0.15);
  border-color: rgba(60, 120, 255, 0.4);
}
.file-system-context-rotation-inspector-486bad .list-item.selected {
  background: #3e5f66;
  border-color: rgba(255, 255, 255, 0.18);
}
.file-system-context-rotation-inspector-486bad .line1 {
  font-family: monospace;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-system-context-rotation-inspector-486bad .line2,
.file-system-context-rotation-inspector-486bad .line3 {
  margin-top: 4px;
  font-family: monospace;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-system-context-rotation-inspector-486bad .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #222;
}
.file-system-context-rotation-inspector-486bad .detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #1e1e1e;
  box-sizing: border-box;
  flex-shrink: 0;
}
.file-system-context-rotation-inspector-486bad .detail-title {
  font-family: monospace;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-system-context-rotation-inspector-486bad .tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.file-system-context-rotation-inspector-486bad .tab {
  background: rgba(60, 120, 255, 0.15);
  color: #6496ff;
  border: 1px solid rgba(60, 120, 255, 0.4);
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 13px;
  cursor: pointer;
  transition: all 150ms;
  height: 32px;
  box-sizing: border-box;
}
.file-system-context-rotation-inspector-486bad .tab:hover {
  background: rgba(60, 120, 255, 0.25);
  border-color: rgba(60, 120, 255, 0.6);
}
.file-system-context-rotation-inspector-486bad .tab.active {
  background: rgba(60, 120, 255, 0.35);
}
.file-system-context-rotation-inspector-486bad .tab.hidden {
  display: none;
}
.file-system-context-rotation-inspector-486bad .detail-sub {
  padding: 10px 16px;
  color: rgba(255, 255, 255, 0.6);
  font-family: monospace;
  font-size: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  flex-shrink: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.file-system-context-rotation-inspector-486bad .content-pane {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.file-system-context-rotation-inspector-486bad .result-hint {
  padding: 10px 16px;
  color: rgba(255, 255, 255, 0.7);
  font-family: monospace;
  font-size: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  flex-shrink: 0;
  white-space: pre-wrap;
  word-break: break-word;
  background: #171717;
}
.file-system-context-rotation-inspector-486bad .content {
  flex: 1;
  margin: 0;
  padding: 16px;
  overflow: auto;
  background: #111;
  color: rgba(255, 255, 255, 0.9);
  font-family: monospace;
  font-size: 12px;
  line-height: 20px;
  white-space: pre;
  box-sizing: border-box;
  border: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-cps-web/src/bucketContentInspector/bucketContentInspector.html.R.js */
.bucket-content-inspector-07140e {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #181A1B;
  overflow: hidden;
}
.bucket-content-inspector-07140e .inspector-header {
  padding: 16px 24px;
  background: #222;
  border-bottom: 1px solid #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.bucket-content-inspector-07140e .uri-info {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  flex: 1;
  min-width: 0;
}
.bucket-content-inspector-07140e .uri-label {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  flex-shrink: 0;
}
.bucket-content-inspector-07140e .uri-value {
  font-size: 13px;
  color: #a8c7fa;
  font-family: monospace;
  background: rgba(168, 199, 250, 0.1);
  padding: 6px 12px;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s;
}
.bucket-content-inspector-07140e .uri-value:hover {
  background: rgba(168, 199, 250, 0.15);
}
.bucket-content-inspector-07140e .header-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}
.bucket-content-inspector-07140e .action-btn {
  padding: 6px 12px;
  background: rgba(60, 120, 255, 0.15);
  color: #6496ff;
  border: 1px solid rgba(60, 120, 255, 0.4);
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  transition: all 150ms;
}
.bucket-content-inspector-07140e .action-btn:hover {
  background: rgba(60, 120, 255, 0.25);
  border-color: rgba(60, 120, 255, 0.6);
}
.bucket-content-inspector-07140e .inspector-body {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.bucket-content-inspector-07140e .loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #888;
}
.bucket-content-inspector-07140e .loading-text {
  font-size: 14px;
  animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
.bucket-content-inspector-07140e .error-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
  padding: 24px;
}
.bucket-content-inspector-07140e .error-icon {
  font-size: 48px;
  color: #f44336;
}
.bucket-content-inspector-07140e .error-message {
  color: #f44336;
  font-size: 14px;
  text-align: center;
  max-width: 400px;
}
.bucket-content-inspector-07140e .retry-btn {
  padding: 10px 24px;
  background: rgba(244, 67, 54, 0.15);
  color: #f44336;
  border: 1px solid rgba(244, 67, 54, 0.4);
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: all 150ms;
}
.bucket-content-inspector-07140e .retry-btn:hover {
  background: rgba(244, 67, 54, 0.25);
  border-color: rgba(244, 67, 54, 0.6);
}
.bucket-content-inspector-07140e .image-body {
  display: flex;
  flex-direction: column;
}
.bucket-content-inspector-07140e .image-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #111;
  min-height: 200px;
  overflow: hidden;
}
.bucket-content-inspector-07140e .image-preview {
  max-width: 100%;
  max-height: calc(100vh - 300px);
  object-fit: contain;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.2s;
}
.bucket-content-inspector-07140e .image-preview:hover {
  transform: scale(1.02);
}
.bucket-content-inspector-07140e .file-body {
  display: flex;
  flex-direction: column;
}
.bucket-content-inspector-07140e .file-icon-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  background: #1e2021;
  gap: 16px;
}
.bucket-content-inspector-07140e .file-icon {
  font-size: 64px;
}
.bucket-content-inspector-07140e .file-name {
  font-size: 16px;
  color: #e2e3e1;
  font-family: monospace;
  word-break: break-all;
  text-align: center;
  max-width: 80%;
}
.bucket-content-inspector-07140e .audio-body {
  display: flex;
  flex-direction: column;
}
.bucket-content-inspector-07140e .audio-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  background: #1e2021;
}
.bucket-content-inspector-07140e .audio-preview {
  width: 100%;
  max-width: 500px;
}
.bucket-content-inspector-07140e .video-body {
  display: flex;
  flex-direction: column;
}
.bucket-content-inspector-07140e .video-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #111;
  min-height: 200px;
}
.bucket-content-inspector-07140e .video-preview {
  max-width: 100%;
  max-height: calc(100vh - 300px);
  border-radius: 4px;
}
.bucket-content-inspector-07140e .meta-section {
  padding: 16px 24px;
  flex-shrink: 0;
}
.bucket-content-inspector-07140e .meta-widget {
  width: 100%;
}
.meta-property-list-f78fd8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background: #282828;
  border-radius: 6px;
  box-sizing: border-box;
}
.meta-property-item-2dc7ac {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #333;
}
.meta-property-item-2dc7ac:last-child {
  border-bottom: none;
}
.meta-property-item-2dc7ac .property-label {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  font-weight: 500;
}
.meta-property-item-2dc7ac .property-value {
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-family: monospace;
  word-break: break-all;
  text-align: right;
  max-width: 60%;
}
/* /home/wuminghan/workspace/@branch-ts/cas/src/editor/selection/selectionMenu.html.R.js */
.selection-menu-5fc27a {
  position: absolute;
  background: white;
  padding: 4px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  z-index: 1000;
}
.menu-item-fa695c {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.menu-item-fa695c:hover {
  background-color: #f0f0f0;
}
.menu-item-fa695c:active {
  background-color: #e0e0e0;
}
/* /home/wuminghan/workspace/@branch-ts/cas/src/editor/search/searchPanel.html.R.js */
.search-panel-6be096 {
  position: absolute;
  top: 20px;
  right: 20px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  gap: 8px;
  align-items: center;
  z-index: 1000;
  min-width: 300px;
}
.search-panel-6be096 .search-input-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 4px;
}
.search-panel-6be096 input[data-id="searchInput"] {
  padding: 4px 8px;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: none;
  font-size: 13px;
}
.search-panel-6be096 input[data-id="searchInput"]:focus {
  border-color: #4a90e2;
}
.search-panel-6be096 .search-info {
  font-size: 11px;
  color: #666;
  min-height: 14px;
}
.search-panel-6be096 .search-controls {
  display: flex;
  gap: 4px;
}
.search-panel-6be096 button {
  background: white;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 4px 8px;
  cursor: pointer;
  font-size: 14px;
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-panel-6be096 button:hover {
  background: #f5f5f5;
  border-color: #bbb;
}
.search-panel-6be096 button:active {
  background: #e5e5e5;
}
.search-panel-6be096 button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* /home/wuminghan/workspace/@branch-ts/cas/src/autoComplete/autoCompleter.html.R.js */
.auto-completer-040537 {
  position: absolute;
  z-index: 100;
  box-shadow: -1px 0 3px 0 rgba(200, 200, 200, 0.9);
  background-color: white;
  box-sizing: border-box;
  overflow: hidden;
  transition: all 100ms;
}
.auto-completer-040537 .font-bold {
  font-weight: bold;
}
.auto-completer-040537.left .candidates,
.auto-completer-040537.left .preview {
  float: right;
}
.auto-completer-040537 .candidates {
  float: left;
  width: 200px;
  max-height: 200px;
  overflow: auto;
  padding: 6px 0 6px 6px;
}
.auto-completer-040537 .candidates .item {
  cursor: pointer;
  background-color: white;
  padding: 2px 0px 2px 15px;
  transition: all 50ms;
  color: #444;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.auto-completer-040537 .candidates .item.active {
  background-color: #323437;
  position: relative;
  text-indent: -4px;
  color: white;
}
.auto-completer-040537 .preview {
  min-width: 100px;
  min-height: 200px;
  height: 200px;
  overflow: hidden;
  max-width: 300px;
  background-color: white;
  float: left;
}
.auto-completer-040537 .preview.empty {
  display: none;
}
.auto-completer-040537 .preview > video {
  transition: all 1s;
}
.auto-completer-040537 .preview > img {
  margin: 0 auto;
  display: block;
  padding: 10px;
  box-sizing: border-box;
}
.auto-completer-040537 .preview .description {
  white-space: pre-wrap;
  display: block;
  padding: 10px;
  box-sizing: border-box;
}
/* /home/wuminghan/workspace/@branch-ts/cas/src/web/richTextInput.html.R.js */
.rich-text-input-8f9c2b {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 38px;
  width: 100%;
}
.rich-text-input-8f9c2b > * {
  min-width: 0;
  flex: 1;
}
/* /home/wuminghan/workspace/@branch-ts/cas/src/web/richTextDisplay.html.R.js */
/* /home/wuminghan/workspace/verset/webapp/src/script/view/probeSetupGuide.html.R.js */
.probe-setup-guide-87e063 {
  display: block;
  min-height: 100%;
  background: #181a1b;
  color: rgba(255, 255, 255, 0.92);
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.probe-setup-guide-87e063 .probe-setup-guide-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 42px 34px;
}
.probe-setup-guide-87e063 .eyebrow,
.probe-setup-guide-87e063 .method-title,
.probe-setup-guide-87e063 .pairing-label {
  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.probe-setup-guide-87e063 h1 {
  margin: 10px 0 12px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 27px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.18;
}
.probe-setup-guide-87e063 .introduction {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.6;
}
.probe-setup-guide-87e063 .install-method-tabs {
  display: flex;
  margin-top: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  overflow-x: auto;
}
.probe-setup-guide-87e063 .install-method-tabs button {
  flex: none;
  padding: 9px 11px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: rgba(255, 255, 255, 0.56);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.probe-setup-guide-87e063 .install-method-tabs button.active {
  border-bottom-color: #b0b6be;
  color: rgba(255, 255, 255, 0.94);
}
.probe-setup-guide-87e063 .install-method-tabs button:hover {
  color: rgba(255, 255, 255, 0.9);
}
.probe-setup-guide-87e063 .manual-install,
.probe-setup-guide-87e063 .agent-install {
  padding-top: 23px;
}
.probe-setup-guide-87e063 .steps {
  display: grid;
  gap: 10px;
  margin: 17px 0 20px;
  padding: 0;
  list-style: none;
}
.probe-setup-guide-87e063 .steps li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: rgba(255, 255, 255, 0.84);
  font-size: 13px;
  line-height: 1.45;
}
.probe-setup-guide-87e063 .step-number {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.58);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
}
.probe-setup-guide-87e063 .command-area {
  display: flex;
  align-items: stretch;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #141617;
}
.probe-setup-guide-87e063 .command {
  flex: 1;
  min-width: 0;
  padding: 12px 13px;
  overflow: auto;
  color: rgba(255, 255, 255, 0.9);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  white-space: pre-wrap;
}
.probe-setup-guide-87e063 .copy-command,
.probe-setup-guide-87e063 .refresh-code,
.probe-setup-guide-87e063 .copy-skill,
.probe-setup-guide-87e063 .dismiss,
.probe-setup-guide-87e063 .ready,
.probe-setup-guide-87e063 .copy-code {
  border-radius: 3px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.probe-setup-guide-87e063 .copy-command {
  padding: 0 12px;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  background: #202224;
  color: rgba(255, 255, 255, 0.78);
  white-space: nowrap;
}
.probe-setup-guide-87e063 .copy-command:hover,
.probe-setup-guide-87e063 .refresh-code:hover,
.probe-setup-guide-87e063 .copy-skill:hover,
.probe-setup-guide-87e063 .copy-code:hover {
  background: #282b2d;
}
.probe-setup-guide-87e063 .copy-notice,
.probe-setup-guide-87e063 .pairing-status,
.probe-setup-guide-87e063 .skill-notice {
  min-height: 18px;
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.56);
  font-size: 11px;
  line-height: 1.45;
}
.probe-setup-guide-87e063 .agent-install p {
  margin: 6px 0 12px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 12px;
  line-height: 1.5;
}
.probe-setup-guide-87e063 .agent-skill {
  max-height: 210px;
  margin: 0;
  padding: 12px;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #141617;
  color: rgba(255, 255, 255, 0.8);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.probe-setup-guide-87e063 .copy-skill {
  margin-top: 10px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: transparent;
  color: rgba(255, 255, 255, 0.78);
}
.probe-setup-guide-87e063 .pairing {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.probe-setup-guide-87e063 .pairing-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}
.probe-setup-guide-87e063 .pairing-help {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 11px;
  line-height: 1.4;
}
.probe-setup-guide-87e063 .refresh-code,
.probe-setup-guide-87e063 .copy-code {
  flex: none;
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: transparent;
  color: rgba(255, 255, 255, 0.78);
  white-space: nowrap;
}
.probe-setup-guide-87e063 .pairing-code-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
}
.probe-setup-guide-87e063 .pairing-code {
  display: block;
  color: rgba(255, 255, 255, 0.94);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1;
}
.probe-setup-guide-87e063 button:focus-visible {
  outline: 2px solid rgba(176, 182, 190, 0.65);
  outline-offset: 2px;
}
@media (max-width: 560px) {
  .probe-setup-guide-87e063 .probe-setup-guide-content {
    padding: 30px 20px;
  }
  .probe-setup-guide-87e063 h1 {
    font-size: 24px;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/view/probeSetupGuide.theme/genesis/probeSetupGuide.html.R.js */
.probe-setup-guide-479206 {
  display: block;
  min-height: 100%;
  background: #181a1b;
  color: rgba(255, 255, 255, 0.92);
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.probe-setup-guide-479206 .probe-setup-guide-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 42px 34px;
}
.probe-setup-guide-479206 .eyebrow,
.probe-setup-guide-479206 .method-title,
.probe-setup-guide-479206 .pairing-label {
  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.probe-setup-guide-479206 h1 {
  margin: 10px 0 12px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 27px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.18;
}
.probe-setup-guide-479206 .introduction {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.6;
}
.probe-setup-guide-479206 .install-method-tabs {
  display: flex;
  margin-top: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  overflow-x: auto;
}
.probe-setup-guide-479206 .install-method-tabs button {
  flex: none;
  padding: 9px 11px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: rgba(255, 255, 255, 0.56);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.probe-setup-guide-479206 .install-method-tabs button.active {
  border-bottom-color: #b0b6be;
  color: rgba(255, 255, 255, 0.94);
}
.probe-setup-guide-479206 .install-method-tabs button:hover {
  color: rgba(255, 255, 255, 0.9);
}
.probe-setup-guide-479206 .manual-install,
.probe-setup-guide-479206 .agent-install {
  padding-top: 23px;
}
.probe-setup-guide-479206 .steps {
  display: grid;
  gap: 10px;
  margin: 17px 0 20px;
  padding: 0;
  list-style: none;
}
.probe-setup-guide-479206 .steps li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: rgba(255, 255, 255, 0.84);
  font-size: 13px;
  line-height: 1.45;
}
.probe-setup-guide-479206 .step-number {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.58);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
}
.probe-setup-guide-479206 .command-area {
  display: flex;
  align-items: stretch;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #141617;
}
.probe-setup-guide-479206 .command {
  flex: 1;
  min-width: 0;
  padding: 12px 13px;
  overflow: auto;
  color: rgba(255, 255, 255, 0.9);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  white-space: pre-wrap;
}
.probe-setup-guide-479206 .copy-command,
.probe-setup-guide-479206 .refresh-code,
.probe-setup-guide-479206 .copy-skill,
.probe-setup-guide-479206 .dismiss,
.probe-setup-guide-479206 .ready,
.probe-setup-guide-479206 .copy-code {
  border-radius: 3px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.probe-setup-guide-479206 .copy-command {
  padding: 0 12px;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  background: #202224;
  color: rgba(255, 255, 255, 0.78);
  white-space: nowrap;
}
.probe-setup-guide-479206 .copy-command:hover,
.probe-setup-guide-479206 .refresh-code:hover,
.probe-setup-guide-479206 .copy-skill:hover,
.probe-setup-guide-479206 .copy-code:hover {
  background: #282b2d;
}
.probe-setup-guide-479206 .copy-notice,
.probe-setup-guide-479206 .pairing-status,
.probe-setup-guide-479206 .skill-notice {
  min-height: 18px;
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.56);
  font-size: 11px;
  line-height: 1.45;
}
.probe-setup-guide-479206 .agent-install p {
  margin: 6px 0 12px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 12px;
  line-height: 1.5;
}
.probe-setup-guide-479206 .agent-skill {
  max-height: 210px;
  margin: 0;
  padding: 12px;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #141617;
  color: rgba(255, 255, 255, 0.8);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.probe-setup-guide-479206 .copy-skill {
  margin-top: 10px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: transparent;
  color: rgba(255, 255, 255, 0.78);
}
.probe-setup-guide-479206 .pairing {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.probe-setup-guide-479206 .pairing-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}
.probe-setup-guide-479206 .pairing-help {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 11px;
  line-height: 1.4;
}
.probe-setup-guide-479206 .refresh-code,
.probe-setup-guide-479206 .copy-code {
  flex: none;
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: transparent;
  color: rgba(255, 255, 255, 0.78);
  white-space: nowrap;
}
.probe-setup-guide-479206 .pairing-code-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
}
.probe-setup-guide-479206 .pairing-code {
  display: block;
  color: rgba(255, 255, 255, 0.94);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1;
}
.probe-setup-guide-479206 button:focus-visible {
  outline: 2px solid rgba(176, 182, 190, 0.65);
  outline-offset: 2px;
}
@media (max-width: 560px) {
  .probe-setup-guide-479206 .probe-setup-guide-content {
    padding: 30px 20px;
  }
  .probe-setup-guide-479206 h1 {
    font-size: 24px;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/view/probeSetupGuide.theme/business/probeSetupGuide.html.R.js */
.probe-setup-guide-4b9f49 {
  display: block;
  min-height: 100%;
  background: #fff;
  color: #202428;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.probe-setup-guide-4b9f49 .probe-setup-guide-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 42px 34px;
}
.probe-setup-guide-4b9f49 .eyebrow,
.probe-setup-guide-4b9f49 .method-title,
.probe-setup-guide-4b9f49 .pairing-label {
  color: #69737d;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.probe-setup-guide-4b9f49 h1 {
  margin: 10px 0 12px;
  color: #202428;
  font-size: 27px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.18;
}
.probe-setup-guide-4b9f49 .introduction {
  margin: 0;
  color: #56616b;
  font-size: 14px;
  line-height: 1.6;
}
.probe-setup-guide-4b9f49 .install-method-tabs {
  display: flex;
  margin-top: 28px;
  border-bottom: 0.5px solid #d4dae0;
  overflow-x: auto;
}
.probe-setup-guide-4b9f49 .install-method-tabs button {
  flex: none;
  padding: 9px 11px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #69737d;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.probe-setup-guide-4b9f49 .install-method-tabs button.active {
  border-bottom-color: #303840;
  color: #202428;
}
.probe-setup-guide-4b9f49 .install-method-tabs button:hover {
  color: #202428;
  background: #f1f3f5;
}
.probe-setup-guide-4b9f49 .manual-install,
.probe-setup-guide-4b9f49 .agent-install {
  padding-top: 23px;
}
.probe-setup-guide-4b9f49 .steps {
  display: grid;
  gap: 10px;
  margin: 17px 0 20px;
  padding: 0;
  list-style: none;
}
.probe-setup-guide-4b9f49 .steps li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: #303840;
  font-size: 13px;
  line-height: 1.45;
}
.probe-setup-guide-4b9f49 .step-number {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid #c5cdd5;
  border-radius: 50%;
  color: #69737d;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
}
.probe-setup-guide-4b9f49 .command-area {
  display: flex;
  align-items: stretch;
  border: 1px solid #c5cdd5;
  background: #f8f9fa;
}
.probe-setup-guide-4b9f49 .command {
  flex: 1;
  min-width: 0;
  padding: 12px 13px;
  overflow: auto;
  color: #303840;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  white-space: pre-wrap;
}
.probe-setup-guide-4b9f49 .copy-command,
.probe-setup-guide-4b9f49 .refresh-code,
.probe-setup-guide-4b9f49 .copy-skill,
.probe-setup-guide-4b9f49 .dismiss,
.probe-setup-guide-4b9f49 .ready,
.probe-setup-guide-4b9f49 .copy-code {
  border-radius: 3px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.probe-setup-guide-4b9f49 .copy-command {
  padding: 0 12px;
  border: 0;
  border-left: 1px solid #c5cdd5;
  background: #fff;
  color: #303840;
  white-space: nowrap;
}
.probe-setup-guide-4b9f49 .copy-command:hover,
.probe-setup-guide-4b9f49 .refresh-code:hover,
.probe-setup-guide-4b9f49 .copy-skill:hover,
.probe-setup-guide-4b9f49 .copy-code:hover {
  background: #f1f3f5;
}
.probe-setup-guide-4b9f49 .copy-notice,
.probe-setup-guide-4b9f49 .pairing-status,
.probe-setup-guide-4b9f49 .skill-notice {
  min-height: 18px;
  margin-top: 7px;
  color: #69737d;
  font-size: 11px;
  line-height: 1.45;
}
.probe-setup-guide-4b9f49 .agent-install p {
  margin: 6px 0 12px;
  color: #56616b;
  font-size: 12px;
  line-height: 1.5;
}
.probe-setup-guide-4b9f49 .agent-skill {
  max-height: 210px;
  margin: 0;
  padding: 12px;
  overflow: auto;
  border: 1px solid #c5cdd5;
  background: #f8f9fa;
  color: #303840;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.probe-setup-guide-4b9f49 .copy-skill {
  margin-top: 10px;
  padding: 7px 10px;
  border: 1px solid #c5cdd5;
  background: #fff;
  color: #303840;
}
.probe-setup-guide-4b9f49 .pairing {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 0.5px solid #d4dae0;
}
.probe-setup-guide-4b9f49 .pairing-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}
.probe-setup-guide-4b9f49 .pairing-help {
  margin-top: 4px;
  color: #69737d;
  font-size: 11px;
  line-height: 1.4;
}
.probe-setup-guide-4b9f49 .refresh-code,
.probe-setup-guide-4b9f49 .copy-code {
  flex: none;
  padding: 6px 8px;
  border: 1px solid #c5cdd5;
  background: #fff;
  color: #303840;
  white-space: nowrap;
}
.probe-setup-guide-4b9f49 .pairing-code-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
}
.probe-setup-guide-4b9f49 .pairing-code {
  display: block;
  color: #202428;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1;
}
.probe-setup-guide-4b9f49 button:focus-visible {
  outline: 2px solid #8d9ba8;
  outline-offset: 2px;
}
@media (max-width: 560px) {
  .probe-setup-guide-4b9f49 .probe-setup-guide-content {
    padding: 30px 20px;
  }
  .probe-setup-guide-4b9f49 h1 {
    font-size: 24px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpDraftResultProductArea.html.R.js */
.idp-draft-result-product-area-bac6e5 {
  width: 100%;
  height: 100%;
}
.idp-draft-result-product-area-bac6e5 .edit-area,
.idp-draft-result-product-area-bac6e5 .display-area {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.idp-draft-result-product-area-bac6e5 textarea {
  width: 100%;
  height: 100%;
  resize: none;
  padding: 8px;
  border: 1px solid #444;
  border-radius: 4px;
  box-sizing: border-box;
}
.idp-draft-result-product-area-bac6e5 .display-area {
  padding: 8px;
  border: 1px solid #444;
  border-radius: 4px;
  white-space: pre-wrap;
  box-sizing: border-box;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpEjectionProductArea.html.R.js */
.idp-ejection-product-area-ba1847 {
  max-height: 100%;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  color: #222;
  background-color: #fff;
}
.product-blocks-list-item-82924a {
  white-space: pre-wrap;
  padding: 8px;
  margin: 4px 0;
}
.product-blocks-list-item-82924a.pending {
  opacity: 0.6;
}
.default-text-block-view-caac9e .content {
  white-space: pre-wrap;
  padding: 4px;
  margin: 2px 0;
}
.default-product-block-view-dc4eee .content {
  white-space: pre-wrap;
  padding: 4px;
  margin: 2px 0;
  background-color: #444;
  color: #ddd;
}
/* /home/wuminghan/workspace/@branch-ts/web-consensus/src/theme/theme.business.next/spec.html.R.js */
.theme-business {
  --business-canvas: #f4f3f1;
  --business-surface: #ffffff;
  --business-work-surface: #fcfcfb;
  --business-ink: #111111;
  --business-action-ink: #272522;
  --business-muted-ink: #6b6761;
  --business-quiet-ink: #8a847c;
  --business-line: rgba(17, 17, 17, 0.08);
  --business-strong-line: rgba(17, 17, 17, 0.12);
  --business-radius: 3px;
  --business-space-1: 4px;
  --business-space-2: 8px;
  --business-space-3: 12px;
  --business-space-4: 16px;
  --business-space-5: 20px;
  --business-space-6: 24px;
  --business-space-7: 30px;
  --business-space-page: 48px;
  --business-action-height: 30px;
  --business-heading-padding: 28px var(--business-space-7) var(--business-space-6);
  --business-row-padding: 10px var(--business-space-4);
  --business-fact-padding: 11px var(--business-space-3);
  --business-action-padding: 0 11px;
  --business-notice-padding: 14px var(--business-space-4);
  font-family: ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: auto;
}
.theme-business[data-id="examples"] > [data-id^="example-"] {
  box-sizing: border-box;
  min-height: 100vh;
  padding: var(--business-space-page);
  background: var(--business-canvas);
  color: var(--business-ink);
}
.theme-business[data-id="examples"] .action-set-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .action-set-surface {
  width: min(760px, 100%);
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .action-set-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding: var(--business-heading-padding);
  border-bottom: 0.5px solid var(--business-line);
}
.theme-business[data-id="examples"] .action-set-kicker,
.theme-business[data-id="examples"] .action-set-sample-label {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.02em;
}
.theme-business[data-id="examples"] .action-set-title {
  margin-top: 6px;
  color: #111111;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
.theme-business[data-id="examples"] .action-set-description {
  max-width: 400px;
  margin-top: 7px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .action-set-actions,
.theme-business[data-id="examples"] .action-set-samples {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.theme-business[data-id="examples"] .action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 76px;
  height: 30px;
  padding: 0 11px;
  border: 0.5px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: #272522;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}
.theme-business[data-id="examples"] .action-button:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: 2px;
}
.theme-business[data-id="examples"] .action-button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}
.theme-business[data-id="examples"] .action-button-primary {
  background: #272522;
  color: #ffffff;
}
.theme-business[data-id="examples"] .action-button-primary:not(:disabled):hover {
  background: #111111;
}
.theme-business[data-id="examples"] .action-button-secondary {
  border-color: rgba(17, 17, 17, 0.22);
  background: #ffffff;
}
.theme-business[data-id="examples"] .action-button-secondary:not(:disabled):hover {
  border-color: rgba(17, 17, 17, 0.38);
  background: #f8f7f5;
  color: #111111;
}
.theme-business[data-id="examples"] .action-button-quiet {
  min-width: auto;
  color: #6b6761;
}
.theme-business[data-id="examples"] .action-button-quiet:not(:disabled):hover {
  background: #f4f3f1;
  color: #272522;
}
.theme-business[data-id="examples"] .action-set-reference {
  padding: 22px 30px 28px;
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .action-set-reference-title {
  margin-bottom: 14px;
  color: #272522;
  font-size: 12px;
  font-weight: 400;
}
.theme-business[data-id="examples"] .action-set-samples {
  gap: 24px;
}
.theme-business[data-id="examples"] .action-set-sample {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.theme-business[data-id="examples"] .sticky-notice-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .sticky-notice-stack {
  display: flex;
  flex-direction: column;
  gap: var(--business-space-3);
  width: min(400px, 100%);
}
.theme-business[data-id="examples"] .option-set-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .option-set-surface {
  width: min(640px, 100%);
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .option-set-heading {
  padding: var(--business-heading-padding);
  border-bottom: 0.5px solid var(--business-line);
}
.theme-business[data-id="examples"] .option-set-kicker {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.02em;
}
.theme-business[data-id="examples"] .option-set-title {
  margin-top: 6px;
  color: #111111;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
.theme-business[data-id="examples"] .option-set-description {
  max-width: 460px;
  margin-top: 7px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .option-set-list {
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .option-row {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  min-height: 64px;
  padding: 13px 30px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  cursor: pointer;
  transition: background-color 140ms ease;
}
.theme-business[data-id="examples"] .option-row:last-child {
  border-bottom: 0;
}
.theme-business[data-id="examples"] .option-row:not(.is-unavailable):hover {
  background: #f8f7f5;
}
.theme-business[data-id="examples"] .option-row:not(.is-unavailable):focus-within {
  background: #f8f7f5;
}
.theme-business[data-id="examples"] .option-row.is-unavailable {
  cursor: not-allowed;
}
.theme-business[data-id="examples"] .check-control {
  appearance: none;
  display: grid;
  place-content: center;
  width: 15px;
  height: 15px;
  margin: 2px 0 0;
  border: 1px solid rgba(17, 17, 17, 0.22);
  border-radius: 3px;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease;
}
.theme-business[data-id="examples"] .check-control::after {
  width: 7px;
  height: 4px;
  border-bottom: 1.5px solid #ffffff;
  border-left: 1.5px solid #ffffff;
  content: "";
  opacity: 0;
  transform: rotate(-45deg) translate(1px, -1px);
}
.theme-business[data-id="examples"] .check-control:hover {
  border-color: #6b6761;
}
.theme-business[data-id="examples"] .check-control:checked {
  border-color: #272522;
  background: #272522;
}
.theme-business[data-id="examples"] .check-control:checked::after {
  opacity: 1;
}
.theme-business[data-id="examples"] .check-control:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: 2px;
}
.theme-business[data-id="examples"] .check-control:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}
.theme-business[data-id="examples"] .option-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 3px;
}
.theme-business[data-id="examples"] .option-name {
  color: #272522;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.theme-business[data-id="examples"] .option-description {
  color: #6b6761;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.45;
}
.theme-business[data-id="examples"] .option-row.is-unavailable .option-copy {
  opacity: 0.55;
}
.theme-business[data-id="examples"] .field-editor-example,
.theme-business[data-id="examples"] .dialog-frame-example,
.theme-business[data-id="examples"] .record-facts-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .record-facts-surface {
  width: min(640px, 100%);
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  background: #ffffff;
}
.theme-business[data-id="examples"] .record-facts-heading {
  padding: var(--business-heading-padding);
  border-bottom: 0.5px solid var(--business-line);
}
.theme-business[data-id="examples"] .record-facts-kicker {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.02em;
}
.theme-business[data-id="examples"] .record-facts-title {
  margin-top: 6px;
  color: #111111;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
.theme-business[data-id="examples"] .record-facts-description {
  max-width: 460px;
  margin-top: 7px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .record-facts-list {
  margin: 0;
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .record-facts-row {
  display: grid;
  grid-template-columns: minmax(128px, 30%) minmax(0, 1fr);
  align-items: baseline;
  gap: 20px;
  padding: 11px 30px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .record-facts-row:last-child {
  border-bottom: 0;
}
.theme-business[data-id="examples"] .record-facts-label {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .record-facts-value {
  min-width: 0;
  margin: 0;
  color: #272522;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.theme-business[data-id="examples"] .record-facts-code {
  color: #6b6761;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
}
.theme-business[data-id="examples"] .record-facts-status {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 7px;
  border-radius: 9px;
  background: #eceae7;
  color: #514d48;
  font-size: 11px;
  line-height: 1;
}
.theme-business[data-id="examples"] .record-facts-status.is-ready {
  background: #e5f3eb;
  color: #067647;
}
.theme-business[data-id="examples"] .layout-stack-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .layout-stack-surface {
  width: min(640px, 100%);
  height: min(420px, calc(100vh - 96px));
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .layout-stack-header {
  padding: 18px 22px 16px;
  border-bottom: 0.5px solid var(--business-line);
  background: #ffffff;
}
.theme-business[data-id="examples"] .layout-stack-title {
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}
.theme-business[data-id="examples"] .layout-stack-description,
.theme-business[data-id="examples"] .layout-stack-section-copy {
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .layout-stack-description {
  margin-top: 4px;
}
.theme-business[data-id="examples"] .layout-stack-content {
  gap: 16px;
  padding: 18px 22px 24px;
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .layout-stack-section {
  min-height: 86px;
  padding-top: 16px;
  border-top: 0.5px solid var(--business-line);
}
.theme-business[data-id="examples"] .layout-stack-section:first-child {
  padding-top: 0;
  border-top: 0;
}
.theme-business[data-id="examples"] .layout-stack-section-title {
  color: #272522;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.theme-business[data-id="examples"] .layout-stack-section-copy {
  margin-top: 5px;
}
.theme-business[data-id="examples"] .field-editor-surface,
.theme-business[data-id="examples"] .dialog-frame {
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .field-editor-surface {
  width: min(640px, 100%);
}
.theme-business[data-id="examples"] .field-editor-heading {
  padding: var(--business-heading-padding);
  border-bottom: 0.5px solid var(--business-line);
}
.theme-business[data-id="examples"] .field-editor-kicker {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.02em;
}
.theme-business[data-id="examples"] .field-editor-title {
  margin-top: 6px;
  color: #111111;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
.theme-business[data-id="examples"] .field-editor-description {
  max-width: 460px;
  margin-top: 7px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .field-editor-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  padding: 24px 30px 28px;
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .field-editor-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 6px;
}
.theme-business[data-id="examples"] .field-editor-field-wide {
  grid-column: 1 / -1;
}
.theme-business[data-id="examples"] .field-editor-label {
  color: #6b6761;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.theme-business[data-id="examples"] .field-editor-control {
  width: 100%;
  min-height: 34px;
  padding: 7px 8px;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  outline: 0;
  box-sizing: border-box;
  background: #ffffff;
  color: #272522;
  font: inherit;
  font-size: 12px;
  line-height: 1.45;
}
.theme-business[data-id="examples"] .field-editor-control:focus {
  border-color: #8a847c;
  box-shadow: 0 0 0 2px #eceae7;
}
.theme-business[data-id="examples"] .field-editor-textarea {
  min-height: 80px;
  resize: vertical;
}
.theme-business[data-id="examples"] .field-editor-code {
  min-height: 108px;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
}
.theme-business[data-id="examples"] .field-editor-hint {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
}
.theme-business[data-id="examples"] .choice-menu-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .choice-menu-specimen {
  width: min(680px, 100%);
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .choice-menu-specimen-heading {
  padding: var(--business-heading-padding);
  border-bottom: 0.5px solid var(--business-line);
}
.theme-business[data-id="examples"] .choice-menu-specimen-kicker {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.02em;
}
.theme-business[data-id="examples"] .choice-menu-specimen-title {
  margin-top: 6px;
  color: #111111;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
.theme-business[data-id="examples"] .choice-menu-specimen-description,
.theme-business[data-id="examples"] .choice-menu-empty-state {
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .choice-menu-specimen-description {
  max-width: 500px;
  margin-top: 7px;
}
.theme-business[data-id="examples"] .choice-menu {
  width: min(360px, calc(100% - 60px));
  margin: 28px auto 0;
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.14);
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(17, 17, 17, 0.12);
}
.theme-business[data-id="examples"] .choice-menu-context {
  padding: 11px 12px 8px;
  color: #6b6761;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}
.theme-business[data-id="examples"] .choice-menu-filter {
  display: block;
  width: 100%;
  height: 34px;
  padding: 7px 12px;
  border: 0;
  border-top: 0.5px solid rgba(17, 17, 17, 0.08);
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  outline: 0;
  box-sizing: border-box;
  background: #fcfcfb;
  color: #272522;
  caret-color: #111111;
  font: inherit;
  font-size: 12px;
  line-height: 18px;
}
.theme-business[data-id="examples"] .choice-menu-filter::placeholder {
  color: #8a847c;
}
.theme-business[data-id="examples"] .choice-menu-filter:focus {
  box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.22);
}
.theme-business[data-id="examples"] .choice-menu-options {
  max-height: 168px;
  overflow: auto;
}
.theme-business[data-id="examples"] .choice-menu-option {
  display: block;
  width: 100%;
  height: 28px;
  padding: 0 12px;
  overflow: hidden;
  border: 0;
  box-sizing: border-box;
  background: transparent;
  color: #272522;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-business[data-id="examples"] .choice-menu-option:hover {
  background: #f4f3f1;
}
.theme-business[data-id="examples"] .choice-menu-option.is-active {
  background: #272522;
  color: #ffffff;
}
.theme-business[data-id="examples"] .choice-menu-option:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: -2px;
}
.theme-business[data-id="examples"] .choice-menu-option-loading {
  float: right;
  color: #8a847c;
}
.theme-business[data-id="examples"] .choice-menu-empty-state {
  margin: 18px 30px 28px;
  color: #8a847c;
  font-size: 11px;
}
.theme-business[data-id="examples"] .linked-record-row-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .linked-record-row-surface {
  width: min(640px, 100%);
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .linked-record-row-heading {
  padding: var(--business-heading-padding);
  border-bottom: 0.5px solid var(--business-line);
}
.theme-business[data-id="examples"] .linked-record-row-kicker {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.02em;
}
.theme-business[data-id="examples"] .linked-record-row-title {
  margin-top: 6px;
  color: #111111;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
.theme-business[data-id="examples"] .linked-record-row-description {
  max-width: 470px;
  margin-top: 7px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .linked-record-list {
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .linked-record-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: stretch;
  min-height: 58px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .linked-record-row:last-child {
  border-bottom: 0;
}
.theme-business[data-id="examples"] .linked-record-row.is-active {
  box-shadow: inset 2px 0 #6b6761;
  background: #eceae7;
}
.theme-business[data-id="examples"] .linked-record-row-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  gap: 3px;
  padding: 10px 16px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.theme-business[data-id="examples"] .linked-record-row-main:hover {
  background: #f8f7f5;
}
.theme-business[data-id="examples"] .linked-record-row.is-active .linked-record-row-main:hover {
  background: #e5e2de;
}
.theme-business[data-id="examples"] .linked-record-row-title-text,
.theme-business[data-id="examples"] .linked-record-row-description-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-business[data-id="examples"] .linked-record-row-title-text {
  color: #272522;
  font-size: 12px;
  font-weight: 400;
}
.theme-business[data-id="examples"] .linked-record-row-description-text {
  color: #6b6761;
  font-size: 11px;
  font-weight: 300;
}
.theme-business[data-id="examples"] .linked-record-row-action {
  align-self: center;
  justify-self: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #6b6761;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  line-height: 1;
}
.theme-business[data-id="examples"] .linked-record-row-action:hover {
  background: #e2dfdb;
  color: #272522;
}
.theme-business[data-id="examples"] .linked-record-row-main:focus-visible,
.theme-business[data-id="examples"] .linked-record-row-action:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: -2px;
}
.theme-business[data-id="examples"] .dialog-frame-backdrop {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(760px, 100%);
  padding: 44px;
  box-sizing: border-box;
  background: #e5e2de;
}
.theme-business[data-id="examples"] .dialog-frame {
  width: min(440px, 100%);
}
.theme-business[data-id="examples"] .dialog-frame-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px 16px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .dialog-frame-title {
  color: #272522;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
}
.theme-business[data-id="examples"] .dialog-frame-description {
  margin-top: 4px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.45;
}
.theme-business[data-id="examples"] .dialog-frame-close {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #6b6761;
  cursor: pointer;
  font-size: 17px;
  line-height: 1;
}
.theme-business[data-id="examples"] .dialog-frame-close:hover {
  background: #f4f3f1;
  color: #272522;
}
.theme-business[data-id="examples"] .dialog-frame-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .dialog-frame-body .option-row {
  min-height: auto;
  padding: 0;
  border: 0;
}
.theme-business[data-id="examples"] .dialog-frame-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 20px;
  border-top: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
}
.theme-business[data-id="examples"] .tab-strip-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .tab-strip-surface {
  width: min(720px, 100%);
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .tab-strip-heading {
  padding: var(--business-heading-padding);
  border-bottom: 0.5px solid var(--business-line);
}
.theme-business[data-id="examples"] .tab-strip-kicker {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.02em;
}
.theme-business[data-id="examples"] .tab-strip-title {
  margin-top: 6px;
  color: #111111;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
.theme-business[data-id="examples"] .tab-strip-description,
.theme-business[data-id="examples"] .tab-strip-panel-description,
.theme-business[data-id="examples"] .tab-strip-context-note {
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .tab-strip-description {
  max-width: 540px;
  margin-top: 7px;
}
.theme-business[data-id="examples"] .tab-strip {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 0 16px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
}
.theme-business[data-id="examples"] .tab-strip-tab {
  flex: 0 0 auto;
  margin-bottom: -0.5px;
  padding: 12px 1px 10px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #6b6761;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}
.theme-business[data-id="examples"] .tab-strip-tab:hover {
  color: #272522;
}
.theme-business[data-id="examples"] .tab-strip-tab.is-active {
  border-bottom-color: #6b6761;
  color: #111111;
}
.theme-business[data-id="examples"] .tab-strip-tab:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: -2px;
}
.theme-business[data-id="examples"] .tab-strip-actions {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  min-width: 0;
}
.theme-business[data-id="examples"] .tab-strip-panel {
  padding: 20px 30px 18px;
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .tab-strip-panel-title {
  color: #272522;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.theme-business[data-id="examples"] .tab-strip-panel-description {
  max-width: 470px;
  margin-top: 5px;
}
.theme-business[data-id="examples"] .tab-strip-context-note {
  padding: 12px 30px;
  border-top: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
  color: #8a847c;
  font-size: 11px;
}
.theme-business[data-id="examples"] .inspector-heading-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .inspector-heading-surface {
  width: min(720px, 100%);
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .inspector-heading {
  padding: 16px 22px 12px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .inspector-heading-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.theme-business[data-id="examples"] .inspector-heading-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-business[data-id="examples"] .inspector-heading-context {
  margin-top: 4px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.45;
}
.theme-business[data-id="examples"] .inspector-heading-surface .tab-strip {
  padding-inline: 22px;
}
.theme-business[data-id="examples"] .inspector-heading-panel {
  padding: 18px 22px 22px;
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .inspector-heading-editor-surface {
  min-height: 112px;
  margin-top: 9px;
  padding: 14px;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  box-sizing: border-box;
  background: #ffffff;
  color: #6b6761;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .collection-title {
  color: #8a847c;
  font-size: 12px;
  font-weight: 300;
}
.theme-business[data-id="examples"] .record-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 6px;
  box-sizing: border-box;
  height: 96px;
  padding: 10px 16px;
  border: 0.5px solid rgba(17, 17, 17, 0.1);
  background: #ffffff;
  cursor: pointer;
  overflow: hidden;
}
.theme-business[data-id="examples"] .record-row:hover {
  background: #f8f7f5;
}
.theme-business[data-id="examples"] .record-row.is-active {
  padding-left: 14px;
  background: #eceae7;
  box-shadow: inset 2px 0 #6b6761;
}
.theme-business[data-id="examples"] .record-row-topline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.theme-business[data-id="examples"] .record-row-title {
  min-width: 0;
  overflow: hidden;
  color: #111111;
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-business[data-id="examples"] .record-row-raw-meta {
  flex-shrink: 0;
  overflow: hidden;
  max-width: 40%;
  color: #8a847c;
  font-size: 12px;
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-business[data-id="examples"] .record-row-actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 18px;
  margin: -2px -4px -2px 0;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #8a847c;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  line-height: 1;
}
.theme-business[data-id="examples"] .record-row-actions:hover {
  background: #e2dfdb;
  color: #272522;
}
.theme-business[data-id="examples"] .record-row-actions:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: 1px;
}
.theme-business[data-id="examples"] .record-row-brief {
  display: -webkit-box;
  overflow: hidden;
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.theme-business[data-id="examples"] .record-browser-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .record-browser {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: min(680px, calc(100vh - 96px));
  min-height: 420px;
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  background: #fcfcfb;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .browser-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px 16px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
}
.theme-business[data-id="examples"] .browser-title {
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.theme-business[data-id="examples"] .browser-description {
  margin-top: 4px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.45;
}
.theme-business[data-id="examples"] .icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6b6761;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}
.theme-business[data-id="examples"] .icon-button:hover {
  background: #f4f3f1;
  color: #272522;
}
.theme-business[data-id="examples"] .browser-body {
  display: grid;
  grid-template-columns: 304px minmax(0, 1fr);
  flex: 1;
  min-height: 0;
}
.theme-business[data-id="examples"] .collection-pane {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-right: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #f4f3f1;
}
.theme-business[data-id="examples"] .collection-pane > .tab-strip,
.theme-business[data-id="examples"] .collection-pane > .collection-header {
  flex: 0 0 auto;
}
.theme-business[data-id="examples"] .collection-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}
.theme-business[data-id="examples"] .collection-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px 11px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
}
.theme-business[data-id="examples"] .section-action {
  padding: 0;
  border: 0;
  background: transparent;
  color: #272522;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
}
.theme-business[data-id="examples"] .section-action:hover {
  color: #6b6761;
}
.theme-business[data-id="examples"] .collection-list .record-row {
  border-width: 0 0 0.5px;
  border-color: rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .inspector-pane {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .inspector-empty {
  max-width: 360px;
  padding: 24px;
  text-align: center;
}
.theme-business[data-id="examples"] .inspector-empty-title {
  color: #272522;
  font-size: 14px;
  font-weight: 400;
}
.theme-business[data-id="examples"] .inspector-empty-description {
  margin-top: 8px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .record-browser-detail-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .record-browser-detail-inspector {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
}
.theme-business[data-id="examples"] .record-browser-detail-inspector .inspector-heading {
  flex: 0 0 auto;
  padding: 16px 22px 12px;
}
.theme-business[data-id="examples"] .record-browser-detail-inspector .tab-strip {
  flex: 0 0 auto;
  padding-inline: 22px;
}
.theme-business[data-id="examples"] .record-browser-inline-heading {
  display: flex;
  flex: 0 0 auto;
  align-items: stretch;
  min-width: 0;
  padding: 0 22px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
}
.theme-business[data-id="examples"] .record-browser-inline-heading .inspector-heading-name {
  display: flex;
  align-items: center;
  flex: 0 1 180px;
  margin-right: 20px;
}
.theme-business[data-id="examples"] .record-browser-inline-tabs {
  flex: 0 1 auto;
  gap: 16px;
  padding: 0;
  border-bottom: 0;
}
.theme-business[data-id="examples"] .record-browser-inline-heading .action-button {
  align-self: center;
  flex: 0 0 auto;
  margin-left: auto;
}
.theme-business[data-id="examples"] .record-browser-detail-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 18px;
  min-height: 0;
  overflow: auto;
  padding: 20px 22px 24px;
  background: #fcfcfb;
}
.theme-business[data-id="examples"] .record-browser-detail-section {
  min-width: 0;
}
.theme-business[data-id="examples"] .record-browser-detail-section-title {
  color: #272522;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.theme-business[data-id="examples"] .record-browser-detail-section-description {
  max-width: 560px;
  margin-top: 5px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .record-browser-detail-section-secondary {
  padding-top: 18px;
  border-top: 0.5px solid rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .record-browser-detail-linked-list {
  max-width: 480px;
  margin-top: 10px;
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.1);
  background: #ffffff;
}
.theme-business[data-id="examples"] .outcome-frame-example,
.theme-business[data-id="examples"] .section-heading-example,
.theme-business[data-id="examples"] .copyable-value-example,
.theme-business[data-id="examples"] .fact-grid-example,
.theme-business[data-id="examples"] .transaction-row-example {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-business[data-id="examples"] .outcome-frame-example-stack {
  display: grid;
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
  align-content: center;
  justify-items: center;
  gap: var(--business-space-4);
  width: 100%;
}
.theme-business[data-id="examples"] .section-heading-surface,
.theme-business[data-id="examples"] .fact-grid-surface,
.theme-business[data-id="examples"] .transaction-row-surface {
  width: min(100%, 820px);
  overflow: hidden;
  border: 0.5px solid var(--business-strong-line);
  background: var(--business-surface);
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .section-heading-example-body {
  padding: var(--business-space-6) var(--business-space-7);
  color: var(--business-muted-ink);
  font-size: 13px;
  font-weight: 300;
  line-height: 1.55;
}
.theme-business[data-id="examples"] .copyable-value-surface {
  width: min(100%, 720px);
  padding: var(--business-space-7);
  border: 0.5px solid var(--business-strong-line);
  background: var(--business-surface);
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business[data-id="examples"] .copyable-value-example-kicker {
  color: var(--business-quiet-ink);
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
}
.theme-business[data-id="examples"] .copyable-value-example-title {
  margin-top: var(--business-space-1);
  color: var(--business-ink);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.theme-business[data-id="examples"] .copyable-value-example-description {
  max-width: 520px;
  margin-top: var(--business-space-2);
  color: var(--business-muted-ink);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
}
.theme-business[data-id="examples"] .copyable-value-example-list {
  display: flex;
  flex-direction: column;
  gap: var(--business-space-3);
  margin-top: var(--business-space-5);
}
@media (max-width: 760px) {
  .theme-business[data-id="examples"][data-id="examples"] > [data-id^="example-"] {
    padding: var(--business-space-6);
  }
  .theme-business[data-id="examples"] .record-browser {
    height: calc(100vh - 48px);
  }
  .theme-business[data-id="examples"] .browser-body {
    grid-template-columns: minmax(210px, 42%) minmax(0, 1fr);
  }
  .theme-business[data-id="examples"] .action-set-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
  .theme-business[data-id="examples"] .business-section-heading {
    flex-direction: column;
  }
  .theme-business[data-id="examples"] .business-section-heading-actions {
    justify-content: flex-start;
  }
  .theme-business[data-id="examples"] .business-fact-grid {
    grid-template-columns: 1fr;
  }
  .theme-business[data-id="examples"] .business-fact-grid-item,
  .theme-business[data-id="examples"] .business-fact-grid-item:nth-child(even),
  .theme-business[data-id="examples"] .business-fact-grid-item:nth-last-child(-n + 2) {
    border-right: 0;
    border-bottom: 0.5px solid var(--business-line);
  }
  .theme-business[data-id="examples"] .business-fact-grid-item:last-child {
    border-bottom: 0;
  }
  .theme-business[data-id="examples"] .business-transaction-row {
    flex-direction: column;
  }
  .theme-business[data-id="examples"] .business-transaction-row-amounts {
    align-items: flex-start;
    text-align: left;
  }
}
.theme-business .business-record-browser {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--business-work-surface);
}
.theme-business .business-layout-stack {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.theme-business .business-layout-fixed {
  flex: 0 0 auto;
}
.theme-business .business-layout-remainder {
  flex: 1 1 auto;
  min-height: 0;
}
.theme-business .business-layout-scroll {
  overflow: auto;
}
.theme-business .business-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 76px;
  height: var(--business-action-height);
  padding: var(--business-action-padding);
  border: 0.5px solid transparent;
  border-radius: var(--business-radius);
  background: transparent;
  color: var(--business-action-ink);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}
.theme-business .business-action-button:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: 2px;
}
.theme-business .business-action-button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}
.theme-business .business-action-button-primary {
  background: #272522;
  color: #ffffff;
}
.theme-business .business-action-button-primary:not(:disabled):hover {
  background: #111111;
}
.theme-business .business-action-button-secondary {
  border-color: rgba(17, 17, 17, 0.22);
  background: #ffffff;
}
.theme-business .business-action-button-secondary:not(:disabled):hover {
  border-color: rgba(17, 17, 17, 0.38);
  background: #f8f7f5;
  color: #111111;
}
.theme-business .business-action-button-quiet {
  min-width: auto;
  color: #6b6761;
}
.theme-business .business-action-button-quiet:not(:disabled):hover {
  background: #f4f3f1;
  color: #272522;
}
.theme-business .business-sticky-notice {
  overflow: hidden;
  border: 0.5px solid var(--business-strong-line);
  border-radius: var(--business-radius);
  background: var(--business-surface);
  box-shadow: 0 12px 30px rgba(17, 17, 17, 0.1);
}
.theme-business .business-sticky-notice-content {
  padding: var(--business-notice-padding);
}
.theme-business .business-sticky-notice-layout {
  display: flex;
  flex-direction: column;
  gap: var(--business-space-1);
  min-width: 0;
}
.theme-business .business-sticky-notice-context {
  color: var(--business-quiet-ink);
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
}
.theme-business .business-sticky-notice-message {
  color: var(--business-action-ink);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.theme-business .business-sticky-notice-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--business-space-1);
  margin-top: var(--business-space-1);
}
.theme-business .business-sticky-notice-action {
  min-width: auto;
  height: 26px;
  padding: 0 7px;
}
.theme-business .business-sticky-notice-separator {
  color: var(--business-quiet-ink);
  font-size: 11px;
  font-weight: 300;
  line-height: 1;
}
.theme-business .business-outcome-frame {
  box-sizing: border-box;
  width: 560px;
  max-width: 100%;
  padding: 36px;
  border: 0.5px solid var(--business-strong-line);
  border-radius: var(--business-radius);
  background: var(--business-surface);
  color: var(--business-action-ink);
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business .business-outcome-frame-status {
  display: flex;
  align-items: center;
  gap: var(--business-space-2);
}
.theme-business .business-outcome-frame-mark {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 0.5px solid var(--business-strong-line);
  border-radius: 50%;
  color: var(--business-muted-ink);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}
.theme-business .business-outcome-frame-mark-success {
  border-color: rgba(61, 128, 85, 0.45);
  color: #3d8055;
}
.theme-business .business-outcome-frame-mark-attention {
  border-color: rgba(182, 75, 66, 0.45);
  color: #b64b42;
}
.theme-business .business-outcome-frame-mark-progress {
  color: var(--business-muted-ink);
}
.theme-business .business-outcome-frame-mark-progress::before {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: -5px 0 currentColor, 5px 0 currentColor;
  content: "";
}
.theme-business .business-outcome-frame-context {
  color: var(--business-quiet-ink);
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
}
.theme-business .business-outcome-frame-title {
  margin: var(--business-space-4) 0 0;
  color: var(--business-ink);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.theme-business .business-outcome-frame-message {
  margin: var(--business-space-3) 0 0;
  color: var(--business-muted-ink);
  font-size: 13px;
  line-height: 1.55;
}
.theme-business .business-outcome-frame-facts {
  margin-top: var(--business-space-6);
  box-shadow: none;
}
.theme-business .business-outcome-frame-value-attention {
  color: #b64b42;
}
.theme-business .business-outcome-frame-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--business-space-2);
  margin-top: var(--business-space-6);
}
.theme-business .business-outcome-frame-note {
  margin: var(--business-space-6) 0 0;
  padding-top: var(--business-space-5);
  border-top: 0.5px solid var(--business-line);
  color: var(--business-quiet-ink);
  font-size: 11px;
  font-weight: 300;
  line-height: 1.5;
}
.theme-business .business-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--business-space-5);
  padding: var(--business-heading-padding);
  border-bottom: 0.5px solid var(--business-line);
  background: var(--business-surface);
}
.theme-business .business-section-heading-copy {
  min-width: 0;
}
.theme-business .business-section-heading-title {
  margin: 0;
  color: var(--business-ink);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.theme-business .business-section-heading-context {
  max-width: 520px;
  margin: var(--business-space-1) 0 0;
  color: var(--business-muted-ink);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
}
.theme-business .business-section-heading-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--business-space-2);
}
.theme-business .business-copyable-value {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--business-space-2) var(--business-space-3);
  min-width: 0;
  padding: var(--business-space-3);
  border: 0.5px solid var(--business-strong-line);
  border-radius: var(--business-radius);
  background: var(--business-work-surface);
}
.theme-business .business-copyable-value-main {
  min-width: 0;
}
.theme-business .business-copyable-value-label {
  margin-bottom: var(--business-space-1);
  color: var(--business-quiet-ink);
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
}
.theme-business .business-copyable-value-content {
  display: block;
  overflow: auto;
  color: var(--business-action-ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  line-height: 1.5;
  white-space: nowrap;
}
.theme-business .business-copyable-value-action {
  align-self: center;
}
.theme-business .business-copyable-value-feedback {
  grid-column: 1 / -1;
  min-height: 16px;
  color: var(--business-quiet-ink);
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}
.theme-business .business-fact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  background: var(--business-surface);
}
.theme-business .business-fact-grid-item {
  min-width: 0;
  padding: var(--business-fact-padding);
  border-right: 0.5px solid var(--business-line);
  border-bottom: 0.5px solid var(--business-line);
}
.theme-business .business-fact-grid-item:nth-child(even) {
  border-right: 0;
}
.theme-business .business-fact-grid-item:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.theme-business .business-fact-grid-label {
  margin-bottom: var(--business-space-1);
  color: var(--business-quiet-ink);
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
}
.theme-business .business-fact-grid-value {
  min-width: 0;
  margin: 0;
  color: var(--business-action-ink);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.theme-business .business-fact-grid-value-emphasis {
  color: var(--business-ink);
  font-weight: 600;
}
.theme-business .business-fact-grid-value-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
}
.theme-business .business-transaction-list {
  overflow: hidden;
  border: 0.5px solid var(--business-strong-line);
  border-top: 0;
  background: var(--business-surface);
}
.theme-business .business-transaction-row {
  display: flex;
  justify-content: space-between;
  gap: var(--business-space-5);
  min-width: 0;
  padding: var(--business-space-4) var(--business-space-5);
  border-bottom: 0.5px solid var(--business-line);
}
.theme-business .business-transaction-row:last-child {
  border-bottom: 0;
}
.theme-business .business-transaction-row:hover {
  background: var(--business-work-surface);
}
.theme-business .business-transaction-row-content,
.theme-business .business-transaction-row-amounts {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}
.theme-business .business-transaction-row-amounts {
  flex: 0 0 auto;
  align-items: flex-end;
  text-align: right;
}
.theme-business .business-transaction-row-title,
.theme-business .business-transaction-row-amount {
  color: var(--business-action-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}
.theme-business .business-transaction-row-note,
.theme-business .business-transaction-row-time,
.theme-business .business-transaction-row-tax {
  color: var(--business-muted-ink);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.45;
}
.theme-business .business-tab-strip {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--business-space-4);
  min-width: 0;
  padding: 0 var(--business-space-4);
  border-bottom: 0.5px solid var(--business-line);
  background: var(--business-surface);
}
.theme-business .business-tab-strip-tab {
  flex: 0 0 auto;
  margin-bottom: -0.5px;
  padding: 12px 1px 10px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--business-muted-ink);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}
.theme-business .business-tab-strip-tab:hover {
  color: var(--business-action-ink);
}
.theme-business .business-tab-strip-tab.is-active,
.theme-business .business-tab-strip-tab.active {
  border-bottom-color: var(--business-muted-ink);
  color: var(--business-ink);
}
.theme-business .business-tab-strip-tab:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: -2px;
}
.theme-business .business-record-facts {
  margin: 0;
  overflow: hidden;
  border: 0.5px solid var(--business-strong-line);
  background: var(--business-surface);
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.08);
}
.theme-business .business-record-facts-row {
  display: grid;
  grid-template-columns: minmax(128px, 30%) minmax(0, 1fr);
  align-items: baseline;
  gap: var(--business-space-5);
  min-width: 0;
  padding: var(--business-fact-padding);
  border-bottom: 0.5px solid var(--business-line);
}
.theme-business .business-record-facts-row:last-child {
  border-bottom: 0;
}
.theme-business .business-record-facts-label {
  color: var(--business-quiet-ink);
  font-size: 11px;
  font-weight: 300;
  line-height: 1.5;
}
.theme-business .business-record-facts-value {
  min-width: 0;
  margin: 0;
  color: var(--business-action-ink);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.theme-business .business-collection-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--business-space-2);
  box-sizing: border-box;
  min-width: 0;
  padding: var(--business-row-padding);
  overflow: hidden;
  border: 0;
  border-bottom: 0.5px solid var(--business-line);
  background: var(--business-surface);
  color: var(--business-action-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.theme-business .business-collection-row:hover {
  background: var(--business-work-surface);
}
.theme-business .business-collection-row.is-active,
.theme-business .business-collection-row.is-selected {
  background: #eceae7;
  box-shadow: inset 2px 0 var(--business-muted-ink);
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/aiSuggestedEditor/aiSuggestedEditor.html.R.js */
.ai-suggested-editor-6dd180 {
  position: absolute;
  width: 860px;
  height: 620px;
  display: flex;
  flex-direction: column;
  background: #1f1f1f;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.55);
  overflow: hidden;
  box-sizing: border-box;
  background: #ffffff;
  border-color: #dfe5ee;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(16, 24, 40, 0.2);
  color: #1d2939;
}
.ai-suggested-editor-6dd180 .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.18);
}
.ai-suggested-editor-6dd180 .title {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-suggested-editor-6dd180 .icon-btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
}
.ai-suggested-editor-6dd180 .icon-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.ai-suggested-editor-6dd180 .content {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 12px;
  box-sizing: border-box;
  overflow: hidden;
}
.ai-suggested-editor-6dd180 .panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.ai-suggested-editor-6dd180 .panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ai-suggested-editor-6dd180 label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.ai-suggested-editor-6dd180 .action-btn {
  padding: 6px 10px;
  background: rgba(60, 120, 255, 0.15);
  color: #6496ff;
  border: 1px solid rgba(60, 120, 255, 0.4);
  border-radius: 8px;
  cursor: pointer;
  transition: all 150ms;
  font-size: 13px;
  white-space: nowrap;
}
.ai-suggested-editor-6dd180 .action-btn:hover {
  background: rgba(60, 120, 255, 0.25);
  border-color: rgba(60, 120, 255, 0.6);
}
.ai-suggested-editor-6dd180 .action-btn:disabled {
  cursor: default;
  opacity: 0.55;
}
.ai-suggested-editor-6dd180 .text-area,
.ai-suggested-editor-6dd180 .code-area {
  width: 100%;
  border: none;
  outline: none;
  padding: 10px 12px;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.4;
  resize: none;
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.ai-suggested-editor-6dd180 .code-area {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.ai-suggested-editor-6dd180 .footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.18);
}
.ai-suggested-editor-6dd180 .ghost-btn {
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  cursor: pointer;
  transition: all 150ms;
  font-size: 13px;
}
.ai-suggested-editor-6dd180 .ghost-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}
.ai-suggested-editor-6dd180 .primary-btn {
  padding: 8px 12px;
  background: rgba(60, 120, 255, 0.25);
  color: #a0c8ff;
  border: 1px solid rgba(60, 120, 255, 0.55);
  border-radius: 10px;
  cursor: pointer;
  transition: all 150ms;
  font-size: 13px;
  font-weight: 700;
}
.ai-suggested-editor-6dd180 .primary-btn:hover {
  background: rgba(60, 120, 255, 0.35);
  border-color: rgba(60, 120, 255, 0.75);
}
.ai-suggested-editor-6dd180 .header {
  padding: 14px 18px;
  border-bottom-color: #e8ecf2;
  background: #ffffff;
}
.ai-suggested-editor-6dd180 .title {
  color: #344054;
}
.ai-suggested-editor-6dd180 .icon-btn {
  border-color: #d5dce7;
  background: #ffffff;
  color: #667085;
}
.ai-suggested-editor-6dd180 .icon-btn:hover {
  background: #f2f4f7;
  color: #344054;
}
.ai-suggested-editor-6dd180 .content {
  gap: 16px;
  padding: 18px;
}
.ai-suggested-editor-6dd180 .panel {
  border-color: #dfe5ee;
  background: #f8fafc;
}
.ai-suggested-editor-6dd180 .panel-header {
  border-bottom-color: #e8ecf2;
}
.ai-suggested-editor-6dd180 label {
  color: #667085;
  font-size: 11px;
  letter-spacing: 0.04em;
}
.ai-suggested-editor-6dd180 .action-btn {
  border-color: #c7d2fe;
  background: #eef2ff;
  color: #4338ca;
}
.ai-suggested-editor-6dd180 .action-btn:hover {
  border-color: #a5b4fc;
  background: #e0e7ff;
}
.ai-suggested-editor-6dd180 .text-area,
.ai-suggested-editor-6dd180 .code-area {
  color: #344054;
}
.ai-suggested-editor-6dd180 .footer {
  padding: 14px 18px;
  border-top-color: #e8ecf2;
  background: #ffffff;
}
.ai-suggested-editor-6dd180 .ghost-btn {
  border-color: #d5dce7;
  background: #ffffff;
  color: #475467;
}
.ai-suggested-editor-6dd180 .ghost-btn:hover {
  border-color: #aebbd0;
  background: #f8fafc;
  color: #1d2939;
}
.ai-suggested-editor-6dd180 .primary-btn {
  border-color: #4f46e5;
  background: #4f46e5;
  color: #ffffff;
}
.ai-suggested-editor-6dd180 .primary-btn:hover {
  border-color: #4338ca;
  background: #4338ca;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/aiSuggestedEditor/aiSuggestedEditor.theme/business/aiSuggestedEditor.html.R.js */
.ai-suggested-editor-5eefff {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 860px;
  height: 620px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 6px;
  background: #FFFFFF;
  color: #111111;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
}
.ai-suggested-editor-5eefff .header,
.ai-suggested-editor-5eefff .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #FFFFFF;
}
.ai-suggested-editor-5eefff .header {
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.ai-suggested-editor-5eefff .footer {
  justify-content: flex-end;
  gap: 8px;
  border-top: 0.5px solid rgba(17, 17, 17, 0.08);
}
.ai-suggested-editor-5eefff .title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #272522;
  font-size: 14px;
  font-weight: 600;
}
.ai-suggested-editor-5eefff .icon-btn {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #6B6761;
  cursor: pointer;
  font-size: 17px;
}
.ai-suggested-editor-5eefff .icon-btn:hover {
  background: #F4F3F1;
  color: #272522;
}
.ai-suggested-editor-5eefff .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 16px;
  box-sizing: border-box;
  background: #F4F3F1;
}
.ai-suggested-editor-5eefff .panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 3px;
  background: #FFFFFF;
  overflow: hidden;
}
.ai-suggested-editor-5eefff .panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.ai-suggested-editor-5eefff label {
  color: #6B6761;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.ai-suggested-editor-5eefff .text-area,
.ai-suggested-editor-5eefff .code-area {
  flex: 1;
  min-height: 0;
  width: 100%;
  padding: 10px;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  resize: none;
  color: #272522;
  background: #FFFFFF;
  font-size: 13px;
  line-height: 1.45;
  overflow: auto;
}
.ai-suggested-editor-5eefff .code-area {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.ai-suggested-editor-5eefff .text-area:focus,
.ai-suggested-editor-5eefff .code-area:focus {
  box-shadow: inset 0 0 0 2px #ECEAE7;
}
.ai-suggested-editor-5eefff .action-btn,
.ai-suggested-editor-5eefff .ghost-btn,
.ai-suggested-editor-5eefff .primary-btn {
  padding: 6px 10px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}
.ai-suggested-editor-5eefff .action-btn,
.ai-suggested-editor-5eefff .ghost-btn {
  border: 1px solid rgba(17, 17, 17, 0.08);
  background: #FFFFFF;
  color: #6B6761;
}
.ai-suggested-editor-5eefff .action-btn:hover,
.ai-suggested-editor-5eefff .ghost-btn:hover {
  border-color: rgba(17, 17, 17, 0.16);
  background: #F4F3F1;
  color: #111111;
}
.ai-suggested-editor-5eefff .action-btn:disabled {
  cursor: default;
  opacity: 0.6;
}
.ai-suggested-editor-5eefff .primary-btn {
  border: 1px solid #272522;
  background: #272522;
  color: #FFFFFF;
  font-weight: 600;
}
.ai-suggested-editor-5eefff .primary-btn:hover {
  border-color: #111111;
  background: #111111;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/aiSuggestedEditor/aiSuggestedEditor.theme/genesis/aiSuggestedEditor.html.R.js */
.ai-suggested-editor-4f4f27 {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 860px;
  height: 620px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #353B41;
  border-radius: 6px;
  background: #202224;
  color: #F1F3F5;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
}
.ai-suggested-editor-4f4f27 .header,
.ai-suggested-editor-4f4f27 .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #202224;
}
.ai-suggested-editor-4f4f27 .header {
  border-bottom: 0.5px solid #353B41;
}
.ai-suggested-editor-4f4f27 .footer {
  justify-content: flex-end;
  gap: 8px;
  border-top: 0.5px solid #353B41;
}
.ai-suggested-editor-4f4f27 .title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #D7DBDF;
  font-size: 14px;
  font-weight: 600;
}
.ai-suggested-editor-4f4f27 .icon-btn {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #8F9AA4;
  cursor: pointer;
  font-size: 17px;
}
.ai-suggested-editor-4f4f27 .icon-btn:hover {
  background: #282B2D;
  color: #D7DBDF;
}
.ai-suggested-editor-4f4f27 .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 16px;
  box-sizing: border-box;
  background: #282B2D;
}
.ai-suggested-editor-4f4f27 .panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
  overflow: hidden;
}
.ai-suggested-editor-4f4f27 .panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  border-bottom: 0.5px solid #353B41;
}
.ai-suggested-editor-4f4f27 label {
  color: #8F9AA4;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.ai-suggested-editor-4f4f27 .text-area,
.ai-suggested-editor-4f4f27 .code-area {
  flex: 1;
  min-height: 0;
  width: 100%;
  padding: 10px;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  resize: none;
  color: #D7DBDF;
  background: #202224;
  font-size: 13px;
  line-height: 1.45;
  overflow: auto;
}
.ai-suggested-editor-4f4f27 .code-area {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.ai-suggested-editor-4f4f27 .text-area:focus,
.ai-suggested-editor-4f4f27 .code-area:focus {
  box-shadow: inset 0 0 0 2px #303438;
}
.ai-suggested-editor-4f4f27 .action-btn,
.ai-suggested-editor-4f4f27 .ghost-btn,
.ai-suggested-editor-4f4f27 .primary-btn {
  padding: 6px 10px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}
.ai-suggested-editor-4f4f27 .action-btn,
.ai-suggested-editor-4f4f27 .ghost-btn {
  border: 1px solid #353B41;
  background: #202224;
  color: #8F9AA4;
}
.ai-suggested-editor-4f4f27 .action-btn:hover,
.ai-suggested-editor-4f4f27 .ghost-btn:hover {
  border-color: #4B535B;
  background: #282B2D;
  color: #F1F3F5;
}
.ai-suggested-editor-4f4f27 .action-btn:disabled {
  cursor: default;
  opacity: 0.6;
}
.ai-suggested-editor-4f4f27 .primary-btn {
  border: 1px solid #D7DBDF;
  background: #D7DBDF;
  color: #202224;
  font-weight: 600;
}
.ai-suggested-editor-4f4f27 .primary-btn:hover {
  border-color: #F1F3F5;
  background: #F1F3F5;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/dutyInspector/dutyInspector.html.R.js */
.duty-inspector-c1981c {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: #222;
  overflow: hidden;
  box-sizing: border-box;
  background: #f7f9fc;
  color: #1d2939;
}
.duty-inspector-c1981c .duty-header {
  padding: 20px;
  background: rgba(30, 30, 30, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.duty-inspector-c1981c .duty-tabs {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(24, 24, 24, 0.96);
  flex-shrink: 0;
}
.duty-inspector-c1981c .duty-title-section label,
.duty-inspector-c1981c .meta-field label,
.duty-inspector-c1981c .section-header label {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 4px;
  font-weight: 600;
}
.duty-inspector-c1981c .name-edit-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.duty-inspector-c1981c .duty-name-text {
  flex: 1;
  min-width: 0;
  padding: 2px 0px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
}
.duty-inspector-c1981c .duty-name-text.editing {
  min-height: 48px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  cursor: text;
  white-space: pre;
  overflow: auto;
  text-overflow: clip;
}
.duty-inspector-c1981c .duty-name-text:empty::before {
  content: attr(data-placeholder);
  color: rgba(255, 255, 255, 0.35);
  font-weight: 500;
}
.duty-inspector-c1981c .edit-name-btn,
.duty-inspector-c1981c .save-btn,
.duty-inspector-c1981c .tab-btn,
.duty-inspector-c1981c .secondary-btn,
.duty-inspector-c1981c .remove-guidebook-btn {
  border-radius: 8px;
  cursor: pointer;
  transition: all 150ms;
  font-size: 13px;
  flex-shrink: 0;
}
.duty-inspector-c1981c .edit-name-btn,
.duty-inspector-c1981c .secondary-btn {
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.16);
}
.duty-inspector-c1981c .tab-btn {
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.68);
  font-weight: 600;
}
.duty-inspector-c1981c .edit-name-btn:hover,
.duty-inspector-c1981c .secondary-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}
.duty-inspector-c1981c .tab-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
}
.duty-inspector-c1981c .save-btn {
  padding: 8px 12px;
  background: rgba(60, 120, 255, 0.15);
  color: #6496ff;
  border: 1px solid rgba(60, 120, 255, 0.4);
}
.duty-inspector-c1981c .save-btn:hover {
  background: rgba(60, 120, 255, 0.25);
  border-color: rgba(60, 120, 255, 0.6);
}
.duty-inspector-c1981c .tab-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.duty-inspector-c1981c .duty-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.duty-inspector-c1981c .meta-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.duty-inspector-c1981c .meta-field-wide {
  grid-column: 1 / -1;
}
.duty-inspector-c1981c .meta-field-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.duty-inspector-c1981c .linked-item-btn,
.duty-inspector-c1981c .guidebook-item {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  cursor: pointer;
  text-align: left;
  transition: all 150ms;
  box-sizing: border-box;
}
.duty-inspector-c1981c .linked-item-btn:hover,
.duty-inspector-c1981c .guidebook-item:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.22);
}
.duty-inspector-c1981c .linked-item-title,
.duty-inspector-c1981c .guidebook-item-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.4;
}
.duty-inspector-c1981c .toggle-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0px 2px;
  color: rgba(255, 255, 255, 0.82);
  text-transform: none;
  margin-bottom: 0;
}
.duty-inspector-c1981c .guidebook-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 52px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
}
.duty-inspector-c1981c .guidebook-list:empty::before {
  content: "No Playbooks linked yet.";
  color: rgba(255, 255, 255, 0.35);
  font-size: 13px;
  line-height: 1.4;
  padding: 6px 4px;
}
.duty-inspector-c1981c .guidebook-item-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.duty-inspector-c1981c .remove-guidebook-btn {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 90, 90, 0.26);
  background: rgba(255, 90, 90, 0.08);
  color: rgba(255, 140, 140, 0.92);
  font-size: 18px;
  line-height: 1;
  padding: 0;
}
.duty-inspector-c1981c .guidebook-actions-btn {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: transparent;
  color: rgba(255, 255, 255, 0.58);
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}
.duty-inspector-c1981c .guidebook-actions-btn:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.duty-inspector-c1981c .meta-field-hint {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 11px;
  line-height: 1.4;
}
.duty-inspector-c1981c .duty-content {
  flex: 1;
  padding: 20px;
}
.duty-inspector-c1981c .description-section,
.duty-inspector-c1981c .guidebooks-section {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 8px;
  box-sizing: border-box;
}
.duty-inspector-c1981c .guidebooks-section {
  overflow: auto;
}
.duty-inspector-c1981c .description-section {
  overflow: hidden;
}
.duty-inspector-c1981c .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 8px;
}
.duty-inspector-c1981c .section-title {
  display: flex;
  align-items: baseline;
  gap: 3px;
}
.duty-inspector-c1981c .section-title label {
  display: inline-block;
}
.duty-inspector-c1981c .dirty-indicator {
  color: #ff5a5a;
  font-size: 12px;
  line-height: 1;
  user-select: none;
  vertical-align: sub;
}
.duty-inspector-c1981c .tab-btn.stage-active {
  background: rgba(60, 120, 255, 0.22);
  border-color: rgba(60, 120, 255, 0.5);
  color: #fff;
}
.duty-inspector-c1981c.saved .dirty-indicator {
  visibility: hidden;
}
.duty-inspector-c1981c.saved [data-id=saveBtn] {
  visibility: hidden;
}
.duty-inspector-c1981c .viewport-container {
  flex: 1;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: #444;
}
.duty-inspector-c1981c .viewport-container .ca-viewport {
  padding: 12px;
}
.duty-inspector-c1981c .duty-header {
  padding: 24px;
  gap: 20px;
  background: #ffffff;
  border-bottom-color: #dfe5ee;
}
.duty-inspector-c1981c .duty-tabs {
  gap: 8px;
  padding: 10px 24px;
  border-bottom-color: #dfe5ee;
  background: #ffffff;
}
.duty-inspector-c1981c .duty-title-section label,
.duty-inspector-c1981c .meta-field label,
.duty-inspector-c1981c .section-header label {
  color: #667085;
  font-size: 11px;
  letter-spacing: 0.04em;
}
.duty-inspector-c1981c .duty-name-text {
  color: #172033;
  font-size: 18px;
  letter-spacing: -0.015em;
}
.duty-inspector-c1981c .duty-name-text:empty::before {
  color: #98a2b3;
}
.duty-inspector-c1981c .duty-name-text.editing {
  border-color: #a5b4fc;
  background: #ffffff;
  box-shadow: 0 0 0 3px #eef2ff;
}
.duty-inspector-c1981c .edit-name-btn,
.duty-inspector-c1981c .secondary-btn {
  border-color: #d5dce7;
  background: #ffffff;
  color: #475467;
}
.duty-inspector-c1981c .edit-name-btn:hover,
.duty-inspector-c1981c .secondary-btn:hover {
  border-color: #aebbd0;
  background: #f8fafc;
  color: #1d2939;
}
.duty-inspector-c1981c .tab-btn {
  border-color: transparent;
  background: transparent;
  color: #667085;
  border-radius: 7px;
}
.duty-inspector-c1981c .tab-btn:hover {
  background: #f2f4f7;
  color: #344054;
}
.duty-inspector-c1981c .tab-btn.stage-active {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #3730a3;
}
.duty-inspector-c1981c .save-btn {
  border-color: #4f46e5;
  background: #4f46e5;
  color: #ffffff;
  border-radius: 8px;
}
.duty-inspector-c1981c .save-btn:hover {
  border-color: #4338ca;
  background: #4338ca;
}
.duty-inspector-c1981c .duty-meta-grid {
  gap: 18px;
}
.duty-inspector-c1981c .linked-item-btn,
.duty-inspector-c1981c .guidebook-item {
  border-color: #dfe5ee;
  border-radius: 8px;
  background: #ffffff;
  color: #344054;
}
.duty-inspector-c1981c .linked-item-btn:hover,
.duty-inspector-c1981c .guidebook-item:hover {
  border-color: #aebbd0;
  background: #f8fafc;
}
.duty-inspector-c1981c .toggle-row {
  color: #475467;
}
.duty-inspector-c1981c .guidebook-list {
  border-color: #dfe5ee;
  background: #f8fafc;
}
.duty-inspector-c1981c .guidebook-list:empty::before {
  color: #98a2b3;
}
.duty-inspector-c1981c .remove-guidebook-btn {
  border-color: #fecaca;
  background: #fff5f5;
  color: #b42318;
}
.duty-inspector-c1981c .remove-guidebook-btn:hover {
  border-color: #fda29b;
  background: #fee4e2;
  color: #912018;
}
.duty-inspector-c1981c .meta-field-hint {
  color: #667085;
}
.duty-inspector-c1981c .duty-content {
  padding: 24px;
}
.duty-inspector-c1981c .description-section,
.duty-inspector-c1981c .guidebooks-section {
  padding: 4px;
}
.duty-inspector-c1981c .dirty-indicator {
  color: #d92d20;
}
.duty-inspector-c1981c .viewport-container {
  border-color: #dfe5ee;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}
.duty-inspector-c1981c .viewport-container .ca-viewport {
  padding: 16px;
}
.duty-inspector-c1981c .choice-item {
  gap: 12px;
  cursor: pointer;
}
.duty-inspector-c1981c .choice-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.duty-inspector-c1981c .choice-name {
  color: #344054;
  font-size: 13px;
  font-weight: 600;
}
.duty-inspector-c1981c .choice-description {
  color: #667085;
  font-size: 11px;
  line-height: 1.4;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/dutyInspector/dutyInspector.theme/business/dutyInspector.html.R.js */
.duty-inspector-67f0eb {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: #fcfcfb;
  color: #111111;
  font-family: ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: auto;
}
.duty-inspector-67f0eb .inspector-header {
  flex: 0 0 auto;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
}
.duty-inspector-67f0eb .inspector-heading {
  padding: 16px 22px 14px;
}
.duty-inspector-67f0eb .inspector-inline-heading {
  display: flex;
  align-items: stretch;
  min-width: 0;
  padding: 0 22px;
  border-top: 0.5px solid rgba(17, 17, 17, 0.08);
}
.duty-inspector-67f0eb .inspector-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.duty-inspector-67f0eb .inspector-inline-heading .inspector-name-row {
  flex: 0 1 180px;
  margin-right: 20px;
}
.duty-inspector-67f0eb .inspector-name {
  flex: 1;
  min-width: 0;
  padding: 2px 0;
  overflow: hidden;
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.duty-inspector-67f0eb .inspector-name:empty::before {
  content: attr(data-placeholder);
  color: #8a847c;
  font-weight: 400;
}
.duty-inspector-67f0eb .inspector-name.editing {
  min-height: 40px;
  padding: 8px;
  overflow: auto;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  outline: 2px solid #eceae7;
  text-overflow: clip;
  white-space: pre;
}
.duty-inspector-67f0eb .business-tab-strip {
  flex: 1 1 auto;
  padding: 0;
  border-bottom: 0;
}
.duty-inspector-67f0eb .inspector-meta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  gap: 14px 22px;
  margin-top: 14px;
}
.duty-inspector-67f0eb .field-editor-field,
.duty-inspector-67f0eb .default-duty-field,
.duty-inspector-67f0eb .settings-field,
.duty-inspector-67f0eb .meta-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 6px;
}
.duty-inspector-67f0eb .field-editor-label {
  color: #6b6761;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.duty-inspector-67f0eb .linked-record-selector {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 34px;
  padding: 7px 8px;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  background: #ffffff;
  color: #272522;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.duty-inspector-67f0eb .linked-record-selector:hover {
  border-color: rgba(17, 17, 17, 0.38);
  background: #f8f7f5;
}
.duty-inspector-67f0eb .linked-record-selector:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: 2px;
}
.duty-inspector-67f0eb .linked-record-selector-title {
  overflow: hidden;
  font-size: 12px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.duty-inspector-67f0eb .option-row {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  min-height: 64px;
  padding: 13px 0;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  cursor: pointer;
}
.duty-inspector-67f0eb .option-row-compact {
  min-height: 28px;
  padding: 0;
  border: 0;
}
.duty-inspector-67f0eb .check-control {
  appearance: none;
  display: grid;
  place-content: center;
  width: 15px;
  height: 15px;
  margin: 2px 0 0;
  border: 1px solid rgba(17, 17, 17, 0.22);
  border-radius: 3px;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.duty-inspector-67f0eb .check-control::after {
  width: 7px;
  height: 4px;
  border-bottom: 1.5px solid #ffffff;
  border-left: 1.5px solid #ffffff;
  content: "";
  opacity: 0;
  transform: rotate(-45deg) translate(1px, -1px);
}
.duty-inspector-67f0eb .check-control:hover {
  border-color: #6b6761;
}
.duty-inspector-67f0eb .check-control:checked {
  border-color: #272522;
  background: #272522;
}
.duty-inspector-67f0eb .check-control:checked::after {
  opacity: 1;
}
.duty-inspector-67f0eb .check-control:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: 2px;
}
.duty-inspector-67f0eb .option-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 3px;
}
.duty-inspector-67f0eb .option-name {
  color: #272522;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.duty-inspector-67f0eb .option-description {
  color: #6b6761;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.45;
}
.duty-inspector-67f0eb .field-editor-hint,
.duty-inspector-67f0eb .meta-field-hint {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
}
.duty-inspector-67f0eb .tab-strip-actions,
.duty-inspector-67f0eb .meta-field-header,
.duty-inspector-67f0eb .settings-field-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.duty-inspector-67f0eb .tab-strip-actions {
  flex: 1 1 auto;
  justify-content: flex-end;
  min-width: 0;
}
.duty-inspector-67f0eb .meta-field-header,
.duty-inspector-67f0eb .settings-field-header {
  justify-content: space-between;
}
.duty-inspector-67f0eb .dirty-indicator {
  color: #b42318;
  font-size: 14px;
  font-style: normal;
}
.duty-inspector-67f0eb .inspector-content {
  flex: 1;
  min-height: 0;
  padding: 18px 22px;
  overflow: hidden;
  box-sizing: border-box;
}
.duty-inspector-67f0eb .editor-section {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.duty-inspector-67f0eb .editor-section-header {
  margin-bottom: 9px;
}
.duty-inspector-67f0eb .editor-viewport {
  flex: 1;
  min-height: 160px;
  overflow: auto;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  background: #ffffff;
}
.duty-inspector-67f0eb .editor-viewport .ca-viewport {
  padding: 14px;
}
.duty-inspector-67f0eb .settings-section {
  height: 100%;
  max-width: 640px;
  overflow: auto;
}
.duty-inspector-67f0eb .attunement-field {
  margin-top: 18px;
}
.duty-inspector-67f0eb .linked-record-list,
.duty-inspector-67f0eb .guidebook-list {
  display: flex;
  flex-direction: column;
  min-height: 44px;
  border-top: 0.5px solid rgba(17, 17, 17, 0.08);
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.duty-inspector-67f0eb .linked-record-list:empty::before,
.duty-inspector-67f0eb .guidebook-list:empty::before {
  padding: 10px 0;
  color: #8a847c;
  font-size: 12px;
  content: "No Playbooks linked yet.";
}
.duty-inspector-67f0eb .linked-record-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: stretch;
  min-height: 46px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.duty-inspector-67f0eb .linked-record-row:last-child {
  border-bottom: 0;
}
.duty-inspector-67f0eb .linked-record-row-main {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 10px 0;
  border: 0;
  background: transparent;
  color: #272522;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.duty-inspector-67f0eb .linked-record-row-main:hover {
  color: #111111;
}
.duty-inspector-67f0eb .linked-record-row-title {
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.duty-inspector-67f0eb .linked-record-row-action {
  align-self: center;
  justify-self: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #6b6761;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  line-height: 1;
}
.duty-inspector-67f0eb .linked-record-row-action:hover {
  background: #e2dfdb;
  color: #272522;
}
.duty-inspector-67f0eb .linked-record-row-main:focus-visible,
.duty-inspector-67f0eb .linked-record-row-action:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: -2px;
}
.duty-inspector-67f0eb .option-list {
  display: flex;
  flex-direction: column;
  min-height: 44px;
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  border-radius: 3px;
  background: #ffffff;
}
.duty-inspector-67f0eb .option-list:empty::before {
  padding: 10px 12px;
  color: #8a847c;
  font-size: 12px;
  content: "No attunements available.";
}
.duty-inspector-67f0eb .option-list .option-row {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  min-height: 64px;
  padding: 13px 12px;
  border: 0;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: transparent;
  cursor: pointer;
  transition: background-color 140ms ease;
}
.duty-inspector-67f0eb .option-list .option-row:last-child {
  border-bottom: 0;
}
.duty-inspector-67f0eb .option-list .option-row:hover,
.duty-inspector-67f0eb .option-list .option-row:focus-within {
  background: #f8f7f5;
}
.duty-inspector-67f0eb .option-list .check-control {
  appearance: none;
  display: grid;
  place-content: center;
  width: 15px;
  height: 15px;
  margin: 2px 0 0;
  border: 1px solid rgba(17, 17, 17, 0.22);
  border-radius: 3px;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.duty-inspector-67f0eb .option-list .check-control::after {
  width: 7px;
  height: 4px;
  border-bottom: 1.5px solid #ffffff;
  border-left: 1.5px solid #ffffff;
  content: "";
  opacity: 0;
  transform: rotate(-45deg) translate(1px, -1px);
}
.duty-inspector-67f0eb .option-list .check-control:hover {
  border-color: #6b6761;
}
.duty-inspector-67f0eb .option-list .check-control:checked {
  border-color: #272522;
  background: #272522;
}
.duty-inspector-67f0eb .option-list .check-control:checked::after {
  opacity: 1;
}
.duty-inspector-67f0eb .option-list .check-control:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: 2px;
}
.duty-inspector-67f0eb .choice-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 3px;
}
.duty-inspector-67f0eb .choice-name {
  color: #272522;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.duty-inspector-67f0eb .choice-description {
  color: #6b6761;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.45;
}
@media (max-width: 620px) {
  .duty-inspector-67f0eb .inspector-heading,
  .duty-inspector-67f0eb .inspector-inline-heading,
  .duty-inspector-67f0eb .inspector-content {
    padding-inline: 16px;
  }
  .duty-inspector-67f0eb .inspector-meta-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .duty-inspector-67f0eb .business-tab-strip {
    gap: 10px;
    overflow: auto;
  }
  .duty-inspector-67f0eb .inspector-inline-heading .inspector-name-row {
    flex-basis: 128px;
    margin-right: 12px;
  }
  .duty-inspector-67f0eb .tab-strip-actions {
    flex: 0 0 auto;
    margin-left: auto;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/dutyInspector/dutyInspector.theme/genesis/dutyInspector.html.R.js */
.duty-inspector-c625d7 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #181A1B;
  color: #F1F3F5;
  box-sizing: border-box;
}
.duty-inspector-c625d7 .duty-header {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px 22px 18px;
  border-bottom: 0.5px solid #353B41;
  background: #202224;
  flex-shrink: 0;
}
.duty-inspector-c625d7 .duty-heading {
  padding-bottom: 14px;
  border-bottom: 0.5px solid #353B41;
}
.duty-inspector-c625d7 label {
  display: block;
  margin: 0;
  color: #8F9AA4;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.duty-inspector-c625d7 .name-edit-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.duty-inspector-c625d7 .duty-name-text {
  flex: 1;
  min-width: 0;
  padding: 2px 0;
  color: #F1F3F5;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.duty-inspector-c625d7 .duty-name-text:empty::before {
  content: attr(data-placeholder);
  color: #8F9AA4;
  font-weight: 500;
}
.duty-inspector-c625d7 .duty-name-text.editing {
  min-height: 40px;
  padding: 8px;
  border: 1px solid #4B535B;
  border-radius: 3px;
  background: #202224;
  outline: 2px solid #303438;
  white-space: pre;
  overflow: auto;
  text-overflow: clip;
}
.duty-inspector-c625d7 .edit-name-btn,
.duty-inspector-c625d7 .secondary-btn,
.duty-inspector-c625d7 .save-btn,
.duty-inspector-c625d7 .tab-btn,
.duty-inspector-c625d7 .guidebook-actions-btn {
  cursor: pointer;
  font-size: 12px;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}
.duty-inspector-c625d7 .edit-name-btn,
.duty-inspector-c625d7 .secondary-btn {
  padding: 5px 8px;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
  color: #8F9AA4;
}
.duty-inspector-c625d7 .edit-name-btn:hover,
.duty-inspector-c625d7 .secondary-btn:hover {
  border-color: #4B535B;
  background: #282B2D;
  color: #F1F3F5;
}
.duty-inspector-c625d7 .duty-meta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  gap: 14px 22px;
  align-items: start;
}
.duty-inspector-c625d7 .meta-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 6px;
}
.duty-inspector-c625d7 .meta-field-wide {
  grid-column: 1/-1;
}
.duty-inspector-c625d7 .meta-field-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.duty-inspector-c625d7 .linked-item-btn,
.duty-inspector-c625d7 .guidebook-item {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
  color: #D7DBDF;
  text-align: left;
  cursor: pointer;
}
.duty-inspector-c625d7 .linked-item-btn:hover,
.duty-inspector-c625d7 .guidebook-item:hover {
  background: #282B2D;
  border-color: #4B535B;
}
.duty-inspector-c625d7 .linked-item-title,
.duty-inspector-c625d7 .guidebook-item-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.4;
}
.duty-inspector-c625d7 .toggle-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  color: #D7DBDF;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.duty-inspector-c625d7 .default-duty-detail {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-left: 23px;
  color: #8F9AA4;
  font-size: 11px;
  line-height: 1.4;
}
.duty-inspector-c625d7 .default-duty-detail span:first-child {
  color: #8F9AA4;
}
@media (max-width: 520px) {
  .duty-inspector-c625d7 .duty-meta-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
}
.duty-inspector-c625d7 .business-checkbox {
  appearance: none;
  display: grid;
  place-content: center;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin: 1px 0 0;
  border: 1px solid #66717B;
  border-radius: 3px;
  background: #202224;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease;
}
.duty-inspector-c625d7 .business-checkbox::after {
  content: "";
  width: 7px;
  height: 4px;
  border-bottom: 1.5px solid #202224;
  border-left: 1.5px solid #202224;
  transform: rotate(-45deg) translate(1px, -1px);
  opacity: 0;
}
.duty-inspector-c625d7 .business-checkbox:hover {
  border-color: #8F9AA4;
}
.duty-inspector-c625d7 .business-checkbox:checked {
  border-color: #D7DBDF;
  background: #D7DBDF;
}
.duty-inspector-c625d7 .business-checkbox:checked::after {
  opacity: 1;
}
.duty-inspector-c625d7 .business-checkbox:focus-visible {
  outline: 2px solid #303438;
  outline-offset: 2px;
}
.duty-inspector-c625d7 .meta-field-hint {
  color: #8F9AA4;
  font-size: 11px;
  line-height: 1.45;
}
.duty-inspector-c625d7 .duty-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 22px;
  border-bottom: 0.5px solid #353B41;
  background: #202224;
  flex-shrink: 0;
}
.duty-inspector-c625d7 .tab-btn {
  padding: 6px 9px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #8F9AA4;
  font-weight: 600;
}
.duty-inspector-c625d7 .tab-btn:hover {
  background: #282B2D;
  color: #D7DBDF;
}
.duty-inspector-c625d7 .tab-btn.stage-active {
  background: #303438;
  color: #F1F3F5;
}
.duty-inspector-c625d7 .tab-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.duty-inspector-c625d7 .dirty-indicator {
  color: #B42318;
  font-style: normal;
  font-size: 14px;
}
.duty-inspector-c625d7 .save-btn {
  padding: 6px 10px;
  border: 1px solid #D7DBDF;
  border-radius: 3px;
  background: #D7DBDF;
  color: #202224;
  font-weight: 600;
}
.duty-inspector-c625d7 .save-btn:hover {
  background: #F1F3F5;
  border-color: #F1F3F5;
}
.duty-inspector-c625d7.saved .dirty-indicator,
.duty-inspector-c625d7.saved [data-id=saveBtn] {
  visibility: hidden;
}
.duty-inspector-c625d7 .duty-content {
  flex: 1;
  min-height: 0;
  padding: 18px 22px;
  overflow: auto;
  box-sizing: border-box;
}
.duty-inspector-c625d7 .description-section,
.duty-inspector-c625d7 .guidebooks-section {
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
}
.duty-inspector-c625d7 .description-section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.duty-inspector-c625d7 .guidebooks-section {
  max-width: 640px;
}
.duty-inspector-c625d7 .section-header {
  margin-bottom: 9px;
}
.duty-inspector-c625d7 .viewport-container {
  flex: 1;
  min-height: 160px;
  overflow: auto;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
}
.duty-inspector-c625d7 .viewport-container .ca-viewport {
  padding: 14px;
}
.duty-inspector-c625d7 .guidebook-list {
  display: flex;
  flex-direction: column;
  min-height: 44px;
  border-top: 0.5px solid #353B41;
  border-bottom: 0.5px solid #353B41;
}
.duty-inspector-c625d7 .guidebook-list:empty::before {
  content: "No Playbooks linked yet.";
  padding: 10px 0;
  color: #8F9AA4;
  font-size: 12px;
}
.duty-inspector-c625d7 .guidebook-item-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 0;
  border-bottom: 0.5px solid #353B41;
}
.duty-inspector-c625d7 .guidebook-item-row:last-child {
  border-bottom: 0;
}
.duty-inspector-c625d7 .guidebook-actions-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #8F9AA4;
  font-size: 14px;
  line-height: 1;
}
.duty-inspector-c625d7 .guidebook-actions-btn:hover {
  background: #282B2D;
  color: #D7DBDF;
}
.duty-inspector-c625d7 .guidebook-item.choice-item {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  border-bottom: 0.5px solid #353B41;
  background: transparent;
}
.duty-inspector-c625d7 .guidebook-item.choice-item:last-child {
  border-bottom: 0;
}
.duty-inspector-c625d7 .guidebook-item.choice-item:hover {
  border-color: #353B41;
  background: #282B2D;
}
.duty-inspector-c625d7 .choice-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.duty-inspector-c625d7 .choice-name {
  color: #D7DBDF;
  font-size: 12px;
  font-weight: 600;
}
.duty-inspector-c625d7 .choice-description {
  color: #8F9AA4;
  font-size: 11px;
  line-height: 1.4;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/guidebookInspector/guidebookInspector.html.R.js */
.guidebook-inspector-437074 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: #222;
  overflow: hidden;
  box-sizing: border-box;
  background: #f7f9fc;
  color: #1d2939;
}
.guidebook-inspector-437074 .guidebook-header {
  padding: 20px;
  background: rgba(30, 30, 30, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}
.guidebook-inspector-437074 .guidebook-title-section {
  margin-bottom: 16px;
}
.guidebook-inspector-437074 .guidebook-title-section label,
.guidebook-inspector-437074 .meta-field label {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 4px;
  font-weight: 600;
}
.guidebook-inspector-437074 .name-edit-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.guidebook-inspector-437074 .guidebook-name-text {
  flex: 1;
  min-width: 0;
  padding: 2px 0px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
}
.guidebook-inspector-437074 .guidebook-name-text.editing {
  min-height: 48px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  cursor: text;
  white-space: pre;
  overflow: auto;
  text-overflow: clip;
}
.guidebook-inspector-437074 .guidebook-name-text:empty::before {
  content: attr(data-placeholder);
  color: rgba(255, 255, 255, 0.35);
  font-weight: 500;
}
.guidebook-inspector-437074 .edit-name-btn,
.guidebook-inspector-437074 .save-btn {
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 150ms;
  font-size: 13px;
  flex-shrink: 0;
}
.guidebook-inspector-437074 .edit-name-btn {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.16);
}
.guidebook-inspector-437074 .edit-name-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}
.guidebook-inspector-437074 .guidebook-meta-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.guidebook-inspector-437074 .meta-field {
  display: flex;
  flex-direction: column;
}
.guidebook-inspector-437074 .meta-field input {
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  outline: none;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  box-sizing: border-box;
}
.guidebook-inspector-437074 .meta-field input:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
}
.guidebook-inspector-437074 .guidebook-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px;
}
.guidebook-inspector-437074 .content-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 8px;
  overflow: hidden;
  box-sizing: border-box;
}
.guidebook-inspector-437074 .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 8px;
}
.guidebook-inspector-437074 .section-header label {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.guidebook-inspector-437074 .dirty-indicator {
  color: #ff5a5a;
  font-size: 12px;
  line-height: 1;
  user-select: none;
  vertical-align: sub;
}
.guidebook-inspector-437074 .section-title {
  display: flex;
  align-items: baseline;
  gap: 3px;
}
.guidebook-inspector-437074 .section-title label {
  display: inline-block;
}
.guidebook-inspector-437074.saved .dirty-indicator {
  visibility: hidden;
}
.guidebook-inspector-437074.saved [data-id=saveBtn] {
  visibility: hidden;
}
.guidebook-inspector-437074 .save-btn {
  background: rgba(60, 120, 255, 0.15);
  color: #6496ff;
  border: 1px solid rgba(60, 120, 255, 0.4);
}
.guidebook-inspector-437074 .save-btn:hover {
  background: rgba(60, 120, 255, 0.25);
  border-color: rgba(60, 120, 255, 0.6);
}
.guidebook-inspector-437074 .viewport-container {
  flex: 1;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: #444;
}
.guidebook-inspector-437074 .viewport-container .ca-viewport {
  padding: 12px;
}
.guidebook-inspector-437074 .guidebook-header {
  padding: 24px;
  background: #ffffff;
  border-bottom-color: #dfe5ee;
}
.guidebook-inspector-437074 .guidebook-title-section label,
.guidebook-inspector-437074 .meta-field label {
  color: #667085;
  font-size: 11px;
  letter-spacing: 0.04em;
}
.guidebook-inspector-437074 .guidebook-name-text {
  color: #172033;
  font-size: 18px;
  letter-spacing: -0.015em;
}
.guidebook-inspector-437074 .guidebook-name-text:empty::before {
  color: #98a2b3;
}
.guidebook-inspector-437074 .guidebook-name-text.editing {
  border-color: #a5b4fc;
  background: #ffffff;
  box-shadow: 0 0 0 3px #eef2ff;
}
.guidebook-inspector-437074 .edit-name-btn {
  border-color: #d5dce7;
  background: #ffffff;
  color: #475467;
}
.guidebook-inspector-437074 .edit-name-btn:hover {
  border-color: #aebbd0;
  background: #f8fafc;
  color: #1d2939;
}
.guidebook-inspector-437074 .meta-field input {
  border-color: #d5dce7;
  border-radius: 8px;
  background: #ffffff;
  color: #344054;
}
.guidebook-inspector-437074 .meta-field input:focus {
  border-color: #818cf8;
  background: #ffffff;
  box-shadow: 0 0 0 3px #eef2ff;
}
.guidebook-inspector-437074 .guidebook-content {
  padding: 24px;
}
.guidebook-inspector-437074 .content-section {
  padding: 4px;
}
.guidebook-inspector-437074 .section-header label {
  color: #344054;
}
.guidebook-inspector-437074 .dirty-indicator {
  color: #d92d20;
}
.guidebook-inspector-437074 .save-btn {
  border-color: #4f46e5;
  background: #4f46e5;
  color: #ffffff;
}
.guidebook-inspector-437074 .save-btn:hover {
  border-color: #4338ca;
  background: #4338ca;
}
.guidebook-inspector-437074 .viewport-container {
  border-color: #dfe5ee;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}
.guidebook-inspector-437074 .viewport-container .ca-viewport {
  padding: 16px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/guidebookInspector/guidebookInspector.theme/business/guidebookInspector.html.R.js */
.guidebook-inspector-e3a0e4 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: #fcfcfb;
  color: #111111;
  font-family: ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: auto;
}
.guidebook-inspector-e3a0e4 .inspector-header {
  flex: 0 0 auto;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
}
.guidebook-inspector-e3a0e4 .inspector-inline-heading {
  display: flex;
  align-items: stretch;
  min-width: 0;
  padding: 0 22px;
}
.guidebook-inspector-e3a0e4 .inspector-heading {
  padding: 0 22px 18px;
}
.guidebook-inspector-e3a0e4 .inspector-name-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.guidebook-inspector-e3a0e4 .inspector-name {
  flex: 1;
  min-width: 0;
  padding: 2px 0;
  overflow: hidden;
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guidebook-inspector-e3a0e4 .inspector-name:empty::before {
  content: attr(data-placeholder);
  color: #8a847c;
  font-weight: 400;
}
.guidebook-inspector-e3a0e4 .inspector-name.editing {
  min-height: 40px;
  padding: 8px;
  overflow: auto;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  outline: 2px solid #eceae7;
  text-overflow: clip;
  white-space: pre;
}
.guidebook-inspector-e3a0e4 .field-editor-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 6px;
}
.guidebook-inspector-e3a0e4 .guidebook-for-field {
  max-width: 400px;
  margin-top: 16px;
}
.guidebook-inspector-e3a0e4 .field-editor-label {
  color: #6b6761;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.guidebook-inspector-e3a0e4 .field-editor-control {
  width: 100%;
  min-height: 34px;
  padding: 7px 8px;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  outline: 0;
  box-sizing: border-box;
  background: #ffffff;
  color: #272522;
  font: inherit;
  font-size: 12px;
  line-height: 1.45;
}
.guidebook-inspector-e3a0e4 .field-editor-control:focus {
  border-color: #8a847c;
  box-shadow: 0 0 0 2px #eceae7;
}
.guidebook-inspector-e3a0e4 .inspector-content {
  flex: 1;
  min-height: 0;
  padding: 18px 22px;
  overflow: hidden;
  box-sizing: border-box;
}
.guidebook-inspector-e3a0e4 .editor-section {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.guidebook-inspector-e3a0e4 .editor-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 9px;
}
.guidebook-inspector-e3a0e4 .inspector-inline-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}
.guidebook-inspector-e3a0e4 .dirty-indicator {
  color: #b42318;
  font-size: 14px;
  font-style: normal;
}
.guidebook-inspector-e3a0e4 .editor-viewport {
  flex: 1;
  min-height: 160px;
  overflow: auto;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  background: #ffffff;
}
.guidebook-inspector-e3a0e4 .editor-viewport .ca-viewport {
  padding: 14px;
}
@media (max-width: 620px) {
  .guidebook-inspector-e3a0e4 .inspector-inline-heading,
  .guidebook-inspector-e3a0e4 .inspector-heading,
  .guidebook-inspector-e3a0e4 .inspector-content {
    padding-inline: 16px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/guidebookInspector/guidebookInspector.theme/genesis/guidebookInspector.html.R.js */
.guidebook-inspector-b358ae {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #181A1B;
  color: #F1F3F5;
  box-sizing: border-box;
}
.guidebook-inspector-b358ae .guidebook-header {
  padding: 18px 22px;
  border-bottom: 0.5px solid #353B41;
  background: #202224;
  flex-shrink: 0;
}
.guidebook-inspector-b358ae .guidebook-title-section {
  margin-bottom: 14px;
}
.guidebook-inspector-b358ae label {
  display: block;
  margin-bottom: 4px;
  color: #8F9AA4;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.guidebook-inspector-b358ae .name-edit-row {
  flex: 1;
  min-width: 0;
  padding: 2px 0;
  color: #F1F3F5;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guidebook-inspector-b358ae .guidebook-name-text:empty::before {
  content: attr(data-placeholder);
  color: #8F9AA4;
  font-weight: 500;
}
.guidebook-inspector-b358ae .guidebook-name-text.editing {
  min-height: 40px;
  padding: 8px;
  border: 1px solid #4B535B;
  border-radius: 3px;
  background: #202224;
  outline: 2px solid #303438;
  white-space: pre;
  overflow: auto;
  text-overflow: clip;
}
.guidebook-inspector-b358ae .edit-name-btn,
.guidebook-inspector-b358ae .save-btn {
  padding: 5px 8px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}
.guidebook-inspector-b358ae .edit-name-btn {
  border: 1px solid #353B41;
  background: #202224;
  color: #8F9AA4;
}
.guidebook-inspector-b358ae .edit-name-btn:hover {
  border-color: #4B535B;
  background: #282B2D;
  color: #F1F3F5;
}
.guidebook-inspector-b358ae .meta-field {
  display: flex;
  flex-direction: column;
  max-width: 400px;
}
.guidebook-inspector-b358ae .meta-field input {
  padding: 7px 8px;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
  color: #D7DBDF;
  outline: none;
}
.guidebook-inspector-b358ae .meta-field input:focus {
  border-color: #8F9AA4;
  outline: 2px solid #303438;
}
.guidebook-inspector-b358ae .guidebook-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 18px 22px;
  overflow: hidden;
}
.guidebook-inspector-b358ae .content-section {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.guidebook-inspector-b358ae .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 9px;
}
.guidebook-inspector-b358ae .section-title {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.guidebook-inspector-b358ae .section-title label {
  margin: 0;
}
.guidebook-inspector-b358ae .dirty-indicator {
  color: #B42318;
  font-style: normal;
  font-size: 14px;
}
.guidebook-inspector-b358ae.saved .dirty-indicator,
.guidebook-inspector-b358ae.saved [data-id=saveBtn] {
  visibility: hidden;
}
.guidebook-inspector-b358ae .save-btn {
  border: 1px solid #D7DBDF;
  background: #D7DBDF;
  color: #202224;
  font-weight: 600;
}
.guidebook-inspector-b358ae .save-btn:hover {
  border-color: #F1F3F5;
  background: #F1F3F5;
}
.guidebook-inspector-b358ae .viewport-container {
  flex: 1;
  min-height: 160px;
  overflow: auto;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
}
.guidebook-inspector-b358ae .viewport-container .ca-viewport {
  padding: 14px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/guildExplorer/guildExplorer.html.R.js */
.guild-explorer-065a4d {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #141414;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  background: #f4f6fa;
  color: #1d2939;
}
.guild-explorer-065a4d .explorer-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(34, 34, 34, 0.98), rgba(24, 24, 24, 0.98));
  flex-shrink: 0;
}
.guild-explorer-065a4d .header-main {
  flex: 1;
  min-width: 0;
}
.guild-explorer-065a4d .header-actions {
  flex-shrink: 0;
}
.guild-explorer-065a4d .guild-name {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
}
.guild-explorer-065a4d .guild-description {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
  line-height: 1.4;
}
.guild-explorer-065a4d .header-action-btn {
  padding: 6px 12px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.82);
  cursor: pointer;
  transition: 150ms ease;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.guild-explorer-065a4d .header-action-btn:hover {
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.guild-explorer-065a4d .explorer-body {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  overflow: hidden;
}
.guild-explorer-065a4d .sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: #171717;
}
.guild-explorer-065a4d .sidebar-tabs {
  display: flex;
  align-items: stretch;
  gap: 20px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}
.guild-explorer-065a4d .sidebar-tab {
  appearance: none;
  padding: 14px 2px 13px;
  margin-bottom: -1px;
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: rgba(255, 255, 255, 0.54);
  cursor: pointer;
  transition: 150ms ease;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.guild-explorer-065a4d .sidebar-tab:hover {
  color: rgba(255, 255, 255, 0.92);
}
.guild-explorer-065a4d .sidebar-tab.is-active {
  border-bottom-color: rgba(87, 146, 255, 0.88);
  color: #d7e5ff;
}
.guild-explorer-065a4d .sidebar-content {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 16px;
}
.guild-explorer-065a4d .list-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 100%;
}
.guild-explorer-065a4d .panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.guild-explorer-065a4d .panel-title {
  font-size: 12px;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.42);
}
.guild-explorer-065a4d .panel-create-btn {
  padding: 6px 10px;
  border-radius: 9px;
  border: 1px solid rgba(87, 146, 255, 0.36);
  background: rgba(87, 146, 255, 0.14);
  color: #9dc0ff;
  cursor: pointer;
  transition: 150ms ease;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.guild-explorer-065a4d .panel-create-btn:hover {
  border-color: rgba(87, 146, 255, 0.54);
  background: rgba(87, 146, 255, 0.22);
  color: #c3d8ff;
}
.guild-explorer-065a4d .panel-create-btn:active {
  background: rgba(87, 146, 255, 0.3);
}
.guild-explorer-065a4d .panel-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.guild-explorer-065a4d .entity-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 14px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  cursor: pointer;
  transition: 150ms ease;
  box-sizing: border-box;
}
.guild-explorer-065a4d .entity-item:hover {
  border-color: rgba(87, 146, 255, 0.34);
  background: rgba(255, 255, 255, 0.06);
}
.guild-explorer-065a4d .entity-item.is-active {
  border-color: rgba(87, 146, 255, 0.52);
  background: rgba(87, 146, 255, 0.14);
  box-shadow: inset 0 0 0 1px rgba(87, 146, 255, 0.18);
}
.guild-explorer-065a4d .entity-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.guild-explorer-065a4d .entity-name {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  min-width: 0;
  word-break: break-word;
}
.guild-explorer-065a4d .entity-kind {
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
  letter-spacing: 0.08em;
}
.guild-explorer-065a4d .entity-meta {
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  line-height: 1.35;
  word-break: break-word;
}
.guild-explorer-065a4d .entity-meta-label {
  color: rgba(255, 255, 255, 0.38);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.guild-explorer-065a4d .entity-preview {
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow: hidden;
  max-height: 84px;
}
.guild-explorer-065a4d .detail-panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #111;
}
.guild-explorer-065a4d .detail-body {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
}
.guild-explorer-065a4d .detail-empty,
.guild-explorer-065a4d .detail-slot-wrap,
.guild-explorer-065a4d .detail-slot {
  width: 100%;
  height: 100%;
  min-height: 0;
}
.guild-explorer-065a4d .detail-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 32px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
}
.guild-explorer-065a4d .empty-title {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
.guild-explorer-065a4d .empty-text {
  max-width: 440px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.54);
}
.guild-explorer-065a4d .detail-slot-wrap {
  overflow: hidden;
}
.guild-explorer-065a4d .detail-slot {
  overflow: hidden;
}
.guild-explorer-065a4d .explorer-header {
  padding: 24px 28px 20px;
  border-bottom-color: #dfe5ee;
  background: #ffffff;
}
.guild-explorer-065a4d .guild-name {
  font-size: 24px;
  letter-spacing: -0.025em;
  color: #162033;
}
.guild-explorer-065a4d .guild-description {
  margin-top: 7px;
  color: #667085;
  font-size: 13px;
}
.guild-explorer-065a4d .header-action-btn {
  width: 34px;
  height: 34px;
  padding: 0;
  border-color: #d5dce7;
  background: #ffffff;
  color: #475467;
  border-radius: 9px;
  font-size: 17px;
  font-weight: 700;
}
.guild-explorer-065a4d .header-action-btn:hover {
  border-color: #aebbd0;
  background: #f7f9fc;
  color: #1d2939;
}
.guild-explorer-065a4d .explorer-body {
  grid-template-columns: 304px minmax(0, 1fr);
}
.guild-explorer-065a4d .sidebar {
  border-right-color: #dfe5ee;
  background: #ffffff;
}
.guild-explorer-065a4d .sidebar-tabs {
  gap: 16px;
  padding: 0 18px;
  border-bottom-color: #e8ecf2;
}
.guild-explorer-065a4d .sidebar-tab {
  padding: 15px 2px 13px;
  color: #667085;
  font-size: 11px;
  letter-spacing: 0.05em;
}
.guild-explorer-065a4d .sidebar-tab:hover {
  color: #344054;
}
.guild-explorer-065a4d .sidebar-tab.is-active {
  border-bottom-color: #4f46e5;
  color: #3730a3;
}
.guild-explorer-065a4d .sidebar-content {
  padding: 18px;
  background: #f8fafc;
}
.guild-explorer-065a4d .list-panel {
  gap: 14px;
}
.guild-explorer-065a4d .panel-title {
  color: #667085;
  font-size: 11px;
  letter-spacing: 0.07em;
}
.guild-explorer-065a4d .panel-create-btn {
  padding: 7px 10px;
  border-color: #c7d2fe;
  background: #eef2ff;
  color: #4338ca;
  border-radius: 8px;
}
.guild-explorer-065a4d .panel-create-btn:hover {
  border-color: #a5b4fc;
  background: #e0e7ff;
  color: #3730a3;
}
.guild-explorer-065a4d .panel-create-btn:active {
  background: #c7d2fe;
}
.guild-explorer-065a4d .panel-list {
  gap: 9px;
}
.guild-explorer-065a4d .entity-item {
  gap: 7px;
  padding: 13px;
  border-radius: 10px;
  border-color: #e1e7ef;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}
.guild-explorer-065a4d .entity-item:hover {
  border-color: #b9c6da;
  background: #ffffff;
  box-shadow: 0 3px 8px rgba(16, 24, 40, 0.07);
}
.guild-explorer-065a4d .entity-item.is-active {
  border-color: #a5b4fc;
  background: #eef2ff;
  box-shadow: inset 3px 0 #4f46e5;
}
.guild-explorer-065a4d .entity-name {
  color: #1d2939;
  font-size: 13px;
}
.guild-explorer-065a4d .entity-kind {
  background: #f2f4f7;
  color: #667085;
  font-size: 9px;
}
.guild-explorer-065a4d .entity-meta-label {
  color: #98a2b3;
  font-size: 9px;
}
.guild-explorer-065a4d .entity-meta {
  color: #667085;
  font-size: 12px;
}
.guild-explorer-065a4d .entity-preview {
  color: #475467;
  font-size: 12px;
  max-height: 70px;
}
.guild-explorer-065a4d .detail-panel {
  background: #f4f6fa;
}
.guild-explorer-065a4d .detail-empty {
  color: #475467;
}
.guild-explorer-065a4d .empty-title {
  color: #1d2939;
  font-size: 21px;
  letter-spacing: -0.02em;
}
.guild-explorer-065a4d .empty-text {
  color: #667085;
}
@media (max-width: 760px) {
  .guild-explorer-065a4d .explorer-header {
    padding: 18px 20px 16px;
  }
  .guild-explorer-065a4d .explorer-body {
    grid-template-columns: minmax(220px, 42%) minmax(0, 1fr);
  }
  .guild-explorer-065a4d .sidebar-content {
    padding: 12px;
  }
  .guild-explorer-065a4d .sidebar-tabs {
    padding: 0 12px;
    gap: 10px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/guildExplorer/guildExplorer.theme/business/guildExplorer.html.R.js */
.guild-explorer-726613 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: #fcfcfb;
  color: #111111;
  font-family: ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: auto;
}
.guild-explorer-726613 .browser-header {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px 16px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
}
.guild-explorer-726613 .header-main {
  min-width: 0;
  flex: 1;
}
.guild-explorer-726613 .browser-title {
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.guild-explorer-726613 .browser-description {
  margin-top: 4px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.45;
}
.guild-explorer-726613 .icon-button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #6b6761;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  line-height: 1;
}
.guild-explorer-726613 .icon-button:hover {
  background: #f4f3f1;
  color: #272522;
}
.guild-explorer-726613 .icon-button:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: 2px;
}
.guild-explorer-726613 .icon-button icon,
.guild-explorer-726613 .icon-button icon svg {
  display: block;
  width: 15px;
  height: 15px;
}
.guild-explorer-726613 .browser-body {
  display: grid;
  grid-template-columns: 304px minmax(0, 1fr);
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.guild-explorer-726613 .collection-pane {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  border-right: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #f4f3f1;
}
.guild-explorer-726613 .sidebar-content {
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.guild-explorer-726613 .list-panel {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.guild-explorer-726613 .collection-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px 11px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
}
.guild-explorer-726613 .collection-title {
  color: #8a847c;
  font-size: 12px;
  font-weight: 300;
}
.guild-explorer-726613 .section-action {
  padding: 0;
  border: 0;
  background: transparent;
  color: #272522;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}
.guild-explorer-726613 .section-action:hover {
  color: #6b6761;
}
.guild-explorer-726613 .section-action:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: 2px;
}
.guild-explorer-726613 .collection-list {
  min-width: 0;
}
.guild-explorer-726613 .record-row {
  height: 96px;
}
.guild-explorer-726613 .record-row-topline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.guild-explorer-726613 .record-row-title {
  min-width: 0;
  overflow: hidden;
  color: #111111;
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guild-explorer-726613 .record-row-raw-meta {
  flex: 0 1 auto;
  max-width: 40%;
  overflow: hidden;
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guild-explorer-726613 .record-row-brief {
  display: -webkit-box;
  overflow: hidden;
  color: #6b6761;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.guild-explorer-726613 .record-row-brief-label {
  color: #8a847c;
}
.guild-explorer-726613 .record-row-brief-label::after {
  content: " ";
}
.guild-explorer-726613 .record-row-brief span + span::before {
  content: " ";
}
.guild-explorer-726613 .inspector-pane {
  display: flex;
  min-width: 0;
  min-height: 0;
  background: #fcfcfb;
}
.guild-explorer-726613 .detail-body,
.guild-explorer-726613 .detail-slot-wrap,
.guild-explorer-726613 .detail-slot {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.guild-explorer-726613 .detail-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  padding: 24px;
  text-align: center;
}
.guild-explorer-726613 .inspector-empty {
  max-width: 360px;
  margin: auto;
}
.guild-explorer-726613 .inspector-empty-title {
  color: #272522;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.guild-explorer-726613 .inspector-empty-description {
  margin-top: 8px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 760px) {
  .guild-explorer-726613 .browser-body {
    grid-template-columns: minmax(210px, 42%) minmax(0, 1fr);
  }
  .guild-explorer-726613 .browser-header {
    padding-inline: 16px;
  }
  .guild-explorer-726613 .collection-pane .business-tab-strip {
    gap: 10px;
    padding-inline: 12px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/guildExplorer/guildExplorer.theme/genesis/guildExplorer.html.R.js */
.guild-explorer-599aee {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: #181A1B;
  color: #F1F3F5;
}
.guild-explorer-599aee .explorer-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px 16px;
  border-bottom: 0.5px solid #353B41;
  background: #202224;
  flex-shrink: 0;
}
.guild-explorer-599aee .header-main {
  min-width: 0;
  flex: 1;
}
.guild-explorer-599aee .guild-name {
  color: #F1F3F5;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.guild-explorer-599aee .guild-description {
  margin-top: 4px;
  color: #8F9AA4;
  font-size: 13px;
  line-height: 1.45;
}
.guild-explorer-599aee .header-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #8F9AA4;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}
.guild-explorer-599aee .header-action-btn:hover {
  background: #282B2D;
  color: #D7DBDF;
}
.guild-explorer-599aee .header-action-btn icon,
.guild-explorer-599aee .header-action-btn icon svg {
  display: block;
  width: 15px;
  height: 15px;
}
.guild-explorer-599aee .explorer-body {
  display: grid;
  grid-template-columns: 304px minmax(0, 1fr);
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.guild-explorer-599aee .sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  border-right: 0.5px solid #353B41;
  background: #282B2D;
}
.guild-explorer-599aee .sidebar-tabs {
  display: flex;
  gap: 16px;
  padding: 0 16px;
  border-bottom: 0.5px solid #353B41;
  background: #202224;
  flex-shrink: 0;
}
.guild-explorer-599aee .sidebar-tab {
  margin-bottom: -0.5px;
  padding: 12px 1px 10px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #8F9AA4;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.guild-explorer-599aee .sidebar-tab:hover {
  color: #D7DBDF;
}
.guild-explorer-599aee .sidebar-tab.is-active {
  border-bottom-color: #8F9AA4;
  color: #F1F3F5;
}
.guild-explorer-599aee .sidebar-content {
  flex: 1;
  min-height: 0;
  overflow: auto;
  background: #282B2D;
}
.guild-explorer-599aee .list-panel {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.guild-explorer-599aee .panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px 11px;
  background: #202224;
  border-bottom: 0.5px solid #353B41;
}
.guild-explorer-599aee .panel-title {
  color: #8F9AA4;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.guild-explorer-599aee .panel-create-btn {
  display: flex;
  flex-direction: column;
}
.guild-explorer-599aee .entity-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 12px 16px;
  border-bottom: 0.5px solid #353B41;
  background: #202224;
  cursor: pointer;
  box-sizing: border-box;
}
.guild-explorer-599aee .entity-item:hover {
  background: #282B2D;
}
.guild-explorer-599aee .entity-item.is-active {
  background: #303438;
  box-shadow: inset 2px 0 #8F9AA4;
  padding-left: 14px;
}
.guild-explorer-599aee .entity-topline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.guild-explorer-599aee .entity-name {
  min-width: 0;
  color: #F1F3F5;
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.guild-explorer-599aee .entity-kind {
  flex-shrink: 0;
  color: #8F9AA4;
  font-size: 10px;
  letter-spacing: 0.04em;
}
.guild-explorer-599aee .entity-meta-label {
  color: #8F9AA4;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.guild-explorer-599aee .entity-meta {
  color: #8F9AA4;
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.guild-explorer-599aee .entity-preview {
  color: #8F9AA4;
  font-size: 12px;
  line-height: 1.4;
  white-space: pre-wrap;
  overflow: hidden;
  max-height: 50px;
}
.guild-explorer-599aee .detail-panel,
.guild-explorer-599aee .detail-body,
.guild-explorer-599aee .detail-slot-wrap,
.guild-explorer-599aee .detail-slot {
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
}
.guild-explorer-599aee .detail-panel {
  display: flex;
  flex-direction: column;
  background: #181A1B;
}
.guild-explorer-599aee .detail-body,
.guild-explorer-599aee .detail-slot-wrap,
.guild-explorer-599aee .detail-slot {
  overflow: hidden;
}
.guild-explorer-599aee .detail-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 100%;
  padding: 24px;
  box-sizing: border-box;
  text-align: center;
}
.guild-explorer-599aee .empty-title {
  color: #D7DBDF;
  font-size: 15px;
  font-weight: 600;
}
.guild-explorer-599aee .empty-text {
  max-width: 360px;
  color: #8F9AA4;
  font-size: 13px;
  line-height: 1.5;
}
@media (max-width: 760px) {
  .guild-explorer-599aee .explorer-body {
    grid-template-columns: minmax(210px, 42%) minmax(0, 1fr);
  }
  .guild-explorer-599aee .explorer-header {
    padding-inline: 16px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/heroInspector/heroInspector.html.R.js */
.hero-inspector-688c79 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: #222;
  overflow: hidden;
  box-sizing: border-box;
  background: #f7f9fc;
  color: #1d2939;
}
.hero-inspector-688c79 .hero-name-input {
  width: 100%;
  padding: 12px;
  font-size: 20px;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  outline: none;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  box-sizing: border-box;
}
.hero-inspector-688c79 .name-edit-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-inspector-688c79 .hero-name-row {
  flex: 0 1 320px;
  min-width: 0;
  max-width: min(100%, 380px);
}
.hero-inspector-688c79 .hero-name-text {
  flex: 1;
  min-width: 0;
  padding: 2px 0px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
}
.hero-inspector-688c79 .hero-name-text.editing {
  min-height: 48px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  cursor: text;
  white-space: pre;
  overflow: auto;
  text-overflow: clip;
}
.hero-inspector-688c79 .hero-name-text:empty::before {
  content: attr(data-placeholder);
  color: rgba(255, 255, 255, 0.35);
  font-weight: 500;
}
.hero-inspector-688c79 .edit-name-btn {
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  cursor: pointer;
  transition: all 150ms;
  font-size: 13px;
  flex-shrink: 0;
}
.hero-inspector-688c79 .edit-name-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}
.hero-inspector-688c79 .edit-name-btn:active {
  background: rgba(255, 255, 255, 0.14);
}
.hero-inspector-688c79 .hero-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(24, 24, 24, 0.96);
  flex-shrink: 0;
}
.hero-inspector-688c79 .tab-btn {
  flex-shrink: 0;
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.68);
  cursor: pointer;
  transition: all 150ms;
  font-size: 13px;
  font-weight: 600;
}
.hero-inspector-688c79 .tab-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
}
.hero-inspector-688c79 .tab-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.hero-inspector-688c79 .meta-field {
  display: flex;
  flex-direction: column;
}
.hero-inspector-688c79 .meta-field-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.hero-inspector-688c79 .meta-field label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
  margin: 0;
}
.hero-inspector-688c79 .add-guidebook-btn,
.hero-inspector-688c79 .remove-guidebook-btn {
  border-radius: 8px;
  cursor: pointer;
  transition: all 150ms;
  font-size: 13px;
  flex-shrink: 0;
}
.hero-inspector-688c79 .add-guidebook-btn {
  padding: 6px 12px;
  background: rgba(80, 180, 120, 0.14);
  color: rgba(120, 220, 160, 0.95);
  border: 1px solid rgba(80, 180, 120, 0.35);
}
.hero-inspector-688c79 .add-guidebook-btn:hover {
  background: rgba(80, 180, 120, 0.22);
  border-color: rgba(80, 180, 120, 0.55);
  color: #fff;
}
.hero-inspector-688c79 .meta-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 52px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
}
.hero-inspector-688c79 .guidebook-list:empty::before {
  content: "No Playbooks linked yet.";
  color: rgba(255, 255, 255, 0.35);
  font-size: 13px;
  line-height: 1.4;
  padding: 6px 4px;
}
.hero-inspector-688c79 .duties-list:empty::before {
  content: "No Roles assigned yet.";
  color: rgba(255, 255, 255, 0.35);
  font-size: 13px;
  line-height: 1.4;
  padding: 6px 4px;
}
.hero-inspector-688c79 .shellware-list:empty::before {
  content: "No shellware options available.";
  color: rgba(255, 255, 255, 0.35);
  font-size: 13px;
  line-height: 1.4;
  padding: 6px 4px;
}
.hero-inspector-688c79 .guidebook-item-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hero-inspector-688c79 .guidebook-item {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  cursor: pointer;
  text-align: left;
  transition: all 150ms;
}
.hero-inspector-688c79 .guidebook-item:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.22);
}
.hero-inspector-688c79 .guidebook-item-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.4;
}
.hero-inspector-688c79 .guidebook-actions-btn {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: transparent;
  color: rgba(255, 255, 255, 0.58);
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}
.hero-inspector-688c79 .guidebook-actions-btn:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.hero-inspector-688c79 .meta-field-hint {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 11px;
  line-height: 1.4;
}
.hero-inspector-688c79 .hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px;
}
.hero-inspector-688c79 .characteristic-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 8px;
  overflow: hidden;
  box-sizing: border-box;
}
.hero-inspector-688c79 .guidebooks-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: auto;
  padding: 8px;
  box-sizing: border-box;
}
.hero-inspector-688c79 .shellwares-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 8px;
  box-sizing: border-box;
}
.hero-inspector-688c79 .llm-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 8px;
  box-sizing: border-box;
}
.hero-inspector-688c79 .meta-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 96px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
}
.hero-inspector-688c79 .meta-card-title {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
}
.hero-inspector-688c79 .meta-card-line {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.64);
  line-height: 1.5;
  word-break: break-word;
}
.hero-inspector-688c79 .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 8px;
}
.hero-inspector-688c79 .section-header label {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.hero-inspector-688c79 .dirty-indicator {
  color: #ff5a5a;
  font-size: 12px;
  line-height: 1;
  user-select: none;
  vertical-align: sub;
}
.hero-inspector-688c79 .section-title {
  display: flex;
  align-items: baseline;
  gap: 3px;
}
.hero-inspector-688c79 .section-title label {
  display: inline-block;
}
.hero-inspector-688c79 .tab-btn.stage-active {
  background: rgba(60, 120, 255, 0.22);
  border-color: rgba(60, 120, 255, 0.5);
  color: #fff;
}
.hero-inspector-688c79.saved .dirty-indicator {
  visibility: hidden;
}
.hero-inspector-688c79.saved [data-id=saveBtn] {
  visibility: hidden;
}
.hero-inspector-688c79 .save-btn {
  padding: 6px 12px;
  background: rgba(60, 120, 255, 0.15);
  color: #6496ff;
  border: 1px solid rgba(60, 120, 255, 0.4);
  border-radius: 6px;
  cursor: pointer;
  transition: all 150ms;
  font-size: 13px;
}
.hero-inspector-688c79 .save-btn:hover {
  background: rgba(60, 120, 255, 0.25);
  border-color: rgba(60, 120, 255, 0.6);
}
.hero-inspector-688c79 .save-btn:active {
  background: rgba(60, 120, 255, 0.35);
}
.hero-inspector-688c79 .viewport-container {
  flex: 1;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: #444;
}
.hero-inspector-688c79 .viewport-container .ca-viewport {
  padding: 12px;
}
.hero-inspector-688c79 .hero-tabs {
  gap: 8px;
  padding: 12px 24px;
  border-bottom-color: #dfe5ee;
  background: #ffffff;
}
.hero-inspector-688c79 .hero-name-text {
  color: #172033;
  font-size: 18px;
  letter-spacing: -0.015em;
}
.hero-inspector-688c79 .hero-name-text:empty::before {
  color: #98a2b3;
}
.hero-inspector-688c79 .hero-name-text.editing {
  border-color: #a5b4fc;
  background: #ffffff;
  box-shadow: 0 0 0 3px #eef2ff;
}
.hero-inspector-688c79 .edit-name-btn {
  border-color: #d5dce7;
  background: #ffffff;
  color: #475467;
}
.hero-inspector-688c79 .edit-name-btn:hover {
  border-color: #aebbd0;
  background: #f8fafc;
  color: #1d2939;
}
.hero-inspector-688c79 .tab-btn {
  border-color: transparent;
  background: transparent;
  color: #667085;
  border-radius: 7px;
}
.hero-inspector-688c79 .tab-btn:hover {
  background: #f2f4f7;
  color: #344054;
}
.hero-inspector-688c79 .tab-btn.stage-active {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #3730a3;
}
.hero-inspector-688c79 .meta-field label {
  color: #667085;
  font-size: 11px;
  letter-spacing: 0.04em;
}
.hero-inspector-688c79 .add-guidebook-btn {
  border-color: #c7d2fe;
  background: #eef2ff;
  color: #4338ca;
}
.hero-inspector-688c79 .add-guidebook-btn:hover {
  border-color: #a5b4fc;
  background: #e0e7ff;
  color: #3730a3;
}
.hero-inspector-688c79 .meta-list {
  border-color: #dfe5ee;
  background: #f8fafc;
}
.hero-inspector-688c79 .guidebook-list:empty::before,
.hero-inspector-688c79 .duties-list:empty::before,
.hero-inspector-688c79 .shellware-list:empty::before {
  color: #98a2b3;
}
.hero-inspector-688c79 .guidebook-item {
  border-color: #dfe5ee;
  background: #ffffff;
  color: #344054;
}
.hero-inspector-688c79 .guidebook-item:hover {
  border-color: #aebbd0;
  background: #f8fafc;
}
.hero-inspector-688c79 .remove-guidebook-btn {
  border-color: #fecaca;
  background: #fff5f5;
  color: #b42318;
}
.hero-inspector-688c79 .remove-guidebook-btn:hover {
  border-color: #fda29b;
  background: #fee4e2;
  color: #912018;
}
.hero-inspector-688c79 .meta-field-hint {
  color: #667085;
}
.hero-inspector-688c79 .hero-content {
  padding: 24px;
}
.hero-inspector-688c79 .characteristic-section,
.hero-inspector-688c79 .guidebooks-section,
.hero-inspector-688c79 .shellwares-section,
.hero-inspector-688c79 .llm-section {
  padding: 4px;
}
.hero-inspector-688c79 .guidebooks-section {
  gap: 20px;
}
.hero-inspector-688c79 .meta-card {
  border-color: #dfe5ee;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}
.hero-inspector-688c79 .meta-card-title,
.hero-inspector-688c79 .section-header label {
  color: #344054;
}
.hero-inspector-688c79 .meta-card-line {
  color: #667085;
}
.hero-inspector-688c79 .dirty-indicator {
  color: #d92d20;
}
.hero-inspector-688c79 .save-btn {
  border-color: #4f46e5;
  background: #4f46e5;
  color: #ffffff;
  border-radius: 8px;
}
.hero-inspector-688c79 .save-btn:hover,
.hero-inspector-688c79 .save-btn:active {
  border-color: #4338ca;
  background: #4338ca;
}
.hero-inspector-688c79 .viewport-container {
  border-color: #dfe5ee;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}
.hero-inspector-688c79 .viewport-container .ca-viewport {
  padding: 16px;
}
.hero-inspector-688c79 .choice-item {
  gap: 12px;
  cursor: pointer;
}
.hero-inspector-688c79 .choice-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.hero-inspector-688c79 .choice-name {
  color: #344054;
  font-size: 13px;
  font-weight: 600;
}
.hero-inspector-688c79 .choice-description {
  color: #667085;
  font-size: 11px;
  line-height: 1.4;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/heroInspector/heroInspector.theme/business/heroInspector.html.R.js */
.hero-inspector-6484cb {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: #fcfcfb;
  color: #111111;
  font-family: ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: auto;
}
.hero-inspector-6484cb .inspector-header {
  flex: 0 0 auto;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #ffffff;
}
.hero-inspector-6484cb .inspector-inline-heading {
  display: flex;
  align-items: stretch;
  min-width: 0;
  padding: 0 22px;
}
.hero-inspector-6484cb .inspector-name-row {
  display: flex;
  flex: 0 1 180px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin-right: 20px;
}
.hero-inspector-6484cb .inspector-name {
  flex: 1;
  min-width: 0;
  padding: 2px 0;
  overflow: hidden;
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hero-inspector-6484cb .inspector-name:empty::before {
  content: attr(data-placeholder);
  color: #8a847c;
  font-weight: 400;
}
.hero-inspector-6484cb .inspector-name.editing {
  min-height: 40px;
  padding: 8px;
  overflow: auto;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  outline: 2px solid #eceae7;
  text-overflow: clip;
  white-space: pre;
}
.hero-inspector-6484cb .business-tab-strip {
  flex: 1 1 auto;
  padding: 0;
  border-bottom: 0;
}
.hero-inspector-6484cb .tab-strip-actions {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  gap: 8px;
}
.hero-inspector-6484cb .dirty-indicator {
  color: #b42318;
  font-size: 14px;
  font-style: normal;
}
.hero-inspector-6484cb .inspector-content {
  flex: 1;
  min-height: 0;
  padding: 18px 22px;
  overflow: hidden;
  box-sizing: border-box;
}
.hero-inspector-6484cb .editor-section {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.hero-inspector-6484cb .editor-section-header {
  margin-bottom: 9px;
}
.hero-inspector-6484cb .editor-viewport {
  flex: 1;
  min-height: 160px;
  overflow: auto;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  background: #ffffff;
}
.hero-inspector-6484cb .editor-viewport .ca-viewport {
  padding: 14px;
}
.hero-inspector-6484cb .settings-section {
  height: 100%;
  max-width: 640px;
  overflow: auto;
}
.hero-inspector-6484cb .settings-field,
.hero-inspector-6484cb .meta-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 6px;
}
.hero-inspector-6484cb .settings-field-header,
.hero-inspector-6484cb .meta-field-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.hero-inspector-6484cb .attunement-field,
.hero-inspector-6484cb .shellwares-section .meta-field + .meta-field {
  margin-top: 18px;
}
.hero-inspector-6484cb .field-editor-label {
  color: #6b6761;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.hero-inspector-6484cb .field-editor-hint {
  color: #8a847c;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
}
.hero-inspector-6484cb .linked-record-list {
  display: flex;
  flex-direction: column;
  min-height: 44px;
  border-top: 0.5px solid rgba(17, 17, 17, 0.08);
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.hero-inspector-6484cb .linked-record-list:empty::before {
  padding: 10px 0;
  color: #8a847c;
  font-size: 12px;
  content: "No Playbooks linked yet.";
}
.hero-inspector-6484cb .linked-record-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: stretch;
  min-height: 46px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.hero-inspector-6484cb .linked-record-row:last-child {
  border-bottom: 0;
}
.hero-inspector-6484cb .linked-record-row-main {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 10px 0;
  border: 0;
  background: transparent;
  color: #272522;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.hero-inspector-6484cb .linked-record-row-main:hover {
  color: #111111;
}
.hero-inspector-6484cb .linked-record-row-title {
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hero-inspector-6484cb .linked-record-row-action {
  align-self: center;
  justify-self: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #6b6761;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  line-height: 1;
}
.hero-inspector-6484cb .linked-record-row-action:hover {
  background: #e2dfdb;
  color: #272522;
}
.hero-inspector-6484cb .linked-record-row-main:focus-visible,
.hero-inspector-6484cb .linked-record-row-action:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: -2px;
}
.hero-inspector-6484cb .summary-card {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px 0;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.hero-inspector-6484cb .summary-card-title {
  color: #272522;
  font-size: 13px;
  font-weight: 400;
}
.hero-inspector-6484cb .summary-card-line {
  overflow-wrap: anywhere;
  color: #6b6761;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
}
.hero-inspector-6484cb .option-list {
  display: flex;
  flex-direction: column;
  min-height: 44px;
  overflow: hidden;
  border: 0.5px solid rgba(17, 17, 17, 0.12);
  border-radius: 3px;
  background: #ffffff;
}
.hero-inspector-6484cb .option-list:empty::before {
  padding: 10px 12px;
  color: #8a847c;
  font-size: 12px;
  content: "No shellware options available.";
}
.hero-inspector-6484cb .option-list .option-row {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  min-height: 64px;
  padding: 13px 12px;
  border: 0;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: transparent;
  cursor: pointer;
  transition: background-color 140ms ease;
}
.hero-inspector-6484cb .option-list .option-row:last-child {
  border-bottom: 0;
}
.hero-inspector-6484cb .option-list .option-row:hover,
.hero-inspector-6484cb .option-list .option-row:focus-within {
  background: #f8f7f5;
}
.hero-inspector-6484cb .option-list .check-control {
  appearance: none;
  display: grid;
  place-content: center;
  width: 15px;
  height: 15px;
  margin: 2px 0 0;
  border: 1px solid rgba(17, 17, 17, 0.22);
  border-radius: 3px;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.hero-inspector-6484cb .option-list .check-control::after {
  width: 7px;
  height: 4px;
  border-bottom: 1.5px solid #ffffff;
  border-left: 1.5px solid #ffffff;
  content: "";
  opacity: 0;
  transform: rotate(-45deg) translate(1px, -1px);
}
.hero-inspector-6484cb .option-list .check-control:hover {
  border-color: #6b6761;
}
.hero-inspector-6484cb .option-list .check-control:checked {
  border-color: #272522;
  background: #272522;
}
.hero-inspector-6484cb .option-list .check-control:checked::after {
  opacity: 1;
}
.hero-inspector-6484cb .option-list .check-control:focus-visible {
  outline: 2px solid #bcb6ae;
  outline-offset: 2px;
}
.hero-inspector-6484cb .choice-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 3px;
}
.hero-inspector-6484cb .choice-name {
  color: #272522;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.hero-inspector-6484cb .choice-description {
  color: #6b6761;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.45;
}
@media (max-width: 620px) {
  .hero-inspector-6484cb .inspector-inline-heading,
  .hero-inspector-6484cb .inspector-content {
    padding-inline: 16px;
  }
  .hero-inspector-6484cb .tab-strip {
    gap: 10px;
    overflow: auto;
  }
  .hero-inspector-6484cb .inspector-name-row {
    flex-basis: 128px;
    margin-right: 12px;
  }
  .hero-inspector-6484cb .tab-strip-actions {
    flex: 0 0 auto;
    margin-left: auto;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/heroInspector/heroInspector.theme/genesis/heroInspector.html.R.js */
.hero-inspector-3b89c7 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #181A1B;
  color: #F1F3F5;
  box-sizing: border-box;
}
.hero-inspector-3b89c7 .hero-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 10px 22px;
  border-bottom: 0.5px solid #353B41;
  background: #202224;
  flex-shrink: 0;
}
.hero-inspector-3b89c7 .name-edit-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hero-inspector-3b89c7 .hero-name-row {
  flex: 0 1 300px;
  min-width: 180px;
  margin-right: 8px;
}
.hero-inspector-3b89c7 .hero-name-text {
  flex: 1;
  min-width: 0;
  padding: 2px 0;
  color: #F1F3F5;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hero-inspector-3b89c7 .hero-name-text:empty::before {
  content: attr(data-placeholder);
  color: #8F9AA4;
  font-weight: 500;
}
.hero-inspector-3b89c7 .hero-name-text.editing {
  min-height: 40px;
  padding: 8px;
  border: 1px solid #4B535B;
  border-radius: 3px;
  background: #202224;
  outline: 2px solid #303438;
  white-space: pre;
  overflow: auto;
  text-overflow: clip;
}
.hero-inspector-3b89c7 .edit-name-btn,
.hero-inspector-3b89c7 .add-guidebook-btn,
.hero-inspector-3b89c7 .save-btn,
.hero-inspector-3b89c7 .tab-btn,
.hero-inspector-3b89c7 .guidebook-actions-btn {
  cursor: pointer;
  font-size: 12px;
}
.hero-inspector-3b89c7 .edit-name-btn {
  padding: 5px 8px;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
  color: #8F9AA4;
}
.hero-inspector-3b89c7 .edit-name-btn:hover {
  border-color: #4B535B;
  background: #282B2D;
  color: #F1F3F5;
}
.hero-inspector-3b89c7 .tab-btn {
  padding: 6px 9px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #8F9AA4;
  font-weight: 600;
}
.hero-inspector-3b89c7 .tab-btn:hover {
  background: #282B2D;
  color: #D7DBDF;
}
.hero-inspector-3b89c7 .tab-btn.stage-active {
  background: #303438;
  color: #F1F3F5;
}
.hero-inspector-3b89c7 .tab-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.hero-inspector-3b89c7 .dirty-indicator {
  color: #B42318;
  font-style: normal;
  font-size: 14px;
}
.hero-inspector-3b89c7 .save-btn {
  padding: 6px 10px;
  border: 1px solid #D7DBDF;
  border-radius: 3px;
  background: #D7DBDF;
  color: #202224;
  font-weight: 600;
}
.hero-inspector-3b89c7 .save-btn:hover {
  border-color: #F1F3F5;
  background: #F1F3F5;
}
.hero-inspector-3b89c7.saved .dirty-indicator,
.hero-inspector-3b89c7.saved [data-id=saveBtn] {
  visibility: hidden;
}
.hero-inspector-3b89c7 .hero-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 18px 22px;
}
.hero-inspector-3b89c7 .characteristic-section,
.hero-inspector-3b89c7 .guidebooks-section,
.hero-inspector-3b89c7 .shellwares-section,
.hero-inspector-3b89c7 .llm-section {
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
}
.hero-inspector-3b89c7 .characteristic-section {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.hero-inspector-3b89c7 .guidebooks-section,
.hero-inspector-3b89c7 .shellwares-section,
.hero-inspector-3b89c7 .llm-section {
  flex: 1;
  overflow: auto;
  max-width: 640px;
}
.hero-inspector-3b89c7 .guidebooks-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.hero-inspector-3b89c7 .section-header {
  margin-bottom: 9px;
}
.hero-inspector-3b89c7 .section-header label,
.hero-inspector-3b89c7 .meta-field label {
  display: block;
  margin: 0;
  color: #8F9AA4;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.hero-inspector-3b89c7 .meta-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hero-inspector-3b89c7 .meta-field-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.hero-inspector-3b89c7 .add-guidebook-btn {
  padding: 5px 8px;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
  color: #8F9AA4;
}
.hero-inspector-3b89c7 .add-guidebook-btn:hover {
  border-color: #4B535B;
  background: #282B2D;
  color: #F1F3F5;
}
.hero-inspector-3b89c7 .meta-list {
  display: flex;
  flex-direction: column;
  min-height: 44px;
  border-top: 0.5px solid #353B41;
  border-bottom: 0.5px solid #353B41;
}
.hero-inspector-3b89c7 .guidebook-list:empty::before,
.hero-inspector-3b89c7 .shellware-list:empty::before {
  padding: 10px 0;
  color: #8F9AA4;
  font-size: 12px;
}
.hero-inspector-3b89c7 .guidebook-list:empty::before {
  content: "No Playbooks linked yet.";
}
.hero-inspector-3b89c7 .shellware-list:empty::before {
  content: "No shellware options available.";
}
.hero-inspector-3b89c7 .guidebook-item-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 0;
  border-bottom: 0.5px solid #353B41;
}
.hero-inspector-3b89c7 .guidebook-item-row:last-child {
  border-bottom: 0;
}
.hero-inspector-3b89c7 .guidebook-item {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
  color: #D7DBDF;
  text-align: left;
  cursor: pointer;
}
.hero-inspector-3b89c7 .guidebook-item:hover {
  border-color: #4B535B;
  background: #282B2D;
}
.hero-inspector-3b89c7 .guidebook-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.hero-inspector-3b89c7 .guidebook-actions-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #8F9AA4;
  font-size: 14px;
  line-height: 1;
}
.hero-inspector-3b89c7 .guidebook-actions-btn:hover {
  background: #282B2D;
  color: #D7DBDF;
}
.hero-inspector-3b89c7 .business-checkbox {
  appearance: none;
  display: grid;
  place-content: center;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin: 1px 0 0;
  border: 1px solid #66717B;
  border-radius: 3px;
  background: #202224;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease;
}
.hero-inspector-3b89c7 .business-checkbox::after {
  content: "";
  width: 7px;
  height: 4px;
  border-bottom: 1.5px solid #202224;
  border-left: 1.5px solid #202224;
  transform: rotate(-45deg) translate(1px, -1px);
  opacity: 0;
}
.hero-inspector-3b89c7 .business-checkbox:hover {
  border-color: #8F9AA4;
}
.hero-inspector-3b89c7 .business-checkbox:checked {
  border-color: #D7DBDF;
  background: #D7DBDF;
}
.hero-inspector-3b89c7 .business-checkbox:checked::after {
  opacity: 1;
}
.hero-inspector-3b89c7 .business-checkbox:focus-visible {
  outline: 2px solid #303438;
  outline-offset: 2px;
}
.hero-inspector-3b89c7 .meta-field-hint {
  color: #8F9AA4;
  font-size: 11px;
  line-height: 1.45;
}
.hero-inspector-3b89c7 .meta-card {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px 0;
  border-bottom: 0.5px solid #353B41;
}
.hero-inspector-3b89c7 .meta-card-title {
  color: #D7DBDF;
  font-size: 13px;
  font-weight: 600;
}
.hero-inspector-3b89c7 .meta-card-line {
  color: #8F9AA4;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.hero-inspector-3b89c7 .viewport-container {
  flex: 1;
  min-height: 160px;
  overflow: auto;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
}
.hero-inspector-3b89c7 .viewport-container .ca-viewport {
  padding: 14px;
}
.hero-inspector-3b89c7 .guidebook-item.choice-item {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  border-bottom: 0.5px solid #353B41;
  background: transparent;
}
.hero-inspector-3b89c7 .guidebook-item.choice-item:last-child {
  border-bottom: 0;
}
.hero-inspector-3b89c7 .guidebook-item.choice-item:hover {
  border-color: #353B41;
  background: #282B2D;
}
.hero-inspector-3b89c7 .choice-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.hero-inspector-3b89c7 .choice-name {
  color: #D7DBDF;
  font-size: 12px;
  font-weight: 600;
}
.hero-inspector-3b89c7 .choice-description {
  color: #8F9AA4;
  font-size: 11px;
  line-height: 1.4;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/llmIteratorVariantEditor/llmIteratorVariantEditor.html.R.js */
.llm-iterator-variant-editor-5ef03b {
  width: 420px;
  max-width: calc(100vw - 32px);
  background: #1f1f1f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.42);
  color: #fff;
  overflow: hidden;
  background: #ffffff;
  border-color: #dfe5ee;
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(16, 24, 40, 0.18);
  color: #1d2939;
}
.llm-iterator-variant-editor-5ef03b .llm-iterator-variant-editor {
  display: flex;
  flex-direction: column;
}
.llm-iterator-variant-editor-5ef03b .editor-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}
.llm-iterator-variant-editor-5ef03b .editor-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}
.llm-iterator-variant-editor-5ef03b .editor-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
}
.llm-iterator-variant-editor-5ef03b .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.llm-iterator-variant-editor-5ef03b .field label {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.62);
}
.llm-iterator-variant-editor-5ef03b .field-input {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  box-sizing: border-box;
}
.llm-iterator-variant-editor-5ef03b .field-hint {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.48);
}
.llm-iterator-variant-editor-5ef03b .editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 0 16px 16px;
}
.llm-iterator-variant-editor-5ef03b .ghost-btn,
.llm-iterator-variant-editor-5ef03b .confirm-btn {
  min-width: 88px;
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 150ms;
  font-size: 13px;
}
.llm-iterator-variant-editor-5ef03b .ghost-btn {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8);
}
.llm-iterator-variant-editor-5ef03b .ghost-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.llm-iterator-variant-editor-5ef03b .confirm-btn {
  border: 1px solid rgba(60, 120, 255, 0.42);
  background: rgba(60, 120, 255, 0.18);
  color: #96beff;
}
.llm-iterator-variant-editor-5ef03b .confirm-btn:hover {
  background: rgba(60, 120, 255, 0.28);
  color: #fff;
}
.llm-iterator-variant-editor-5ef03b .editor-header {
  padding: 16px 18px;
  border-bottom-color: #e8ecf2;
  background: #ffffff;
}
.llm-iterator-variant-editor-5ef03b .editor-title {
  color: #344054;
}
.llm-iterator-variant-editor-5ef03b .editor-body {
  padding: 18px;
}
.llm-iterator-variant-editor-5ef03b .field label {
  color: #667085;
  font-size: 11px;
  letter-spacing: 0.04em;
}
.llm-iterator-variant-editor-5ef03b .field-input {
  border-color: #d5dce7;
  background: #ffffff;
  color: #344054;
}
.llm-iterator-variant-editor-5ef03b .field-input:focus {
  border-color: #818cf8;
  outline: none;
  box-shadow: 0 0 0 3px #eef2ff;
}
.llm-iterator-variant-editor-5ef03b .field-hint {
  color: #667085;
}
.llm-iterator-variant-editor-5ef03b .editor-actions {
  padding: 0 18px 18px;
}
.llm-iterator-variant-editor-5ef03b .ghost-btn {
  border-color: #d5dce7;
  background: #ffffff;
  color: #475467;
}
.llm-iterator-variant-editor-5ef03b .ghost-btn:hover {
  border-color: #aebbd0;
  background: #f8fafc;
  color: #1d2939;
}
.llm-iterator-variant-editor-5ef03b .confirm-btn {
  border-color: #4f46e5;
  background: #4f46e5;
  color: #ffffff;
}
.llm-iterator-variant-editor-5ef03b .confirm-btn:hover {
  border-color: #4338ca;
  background: #4338ca;
  color: #ffffff;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/llmIteratorVariantEditor/llmIteratorVariantEditor.theme/business/llmIteratorVariantEditor.html.R.js */
.llm-iterator-variant-editor-c795f7 {
  width: 420px;
  max-width: calc(100vw - 32px);
  overflow: hidden;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 6px;
  background: #FFFFFF;
  color: #111111;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.14);
}
.llm-iterator-variant-editor-c795f7 .llm-iterator-variant-editor {
  display: flex;
  flex-direction: column;
}
.llm-iterator-variant-editor-c795f7 .editor-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.llm-iterator-variant-editor-c795f7 .editor-title {
  color: #272522;
  font-size: 14px;
  font-weight: 600;
}
.llm-iterator-variant-editor-c795f7 .editor-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
}
.llm-iterator-variant-editor-c795f7 .field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.llm-iterator-variant-editor-c795f7 .field label {
  color: #6B6761;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.llm-iterator-variant-editor-c795f7 .field-input {
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  box-sizing: border-box;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 3px;
  background: #FFFFFF;
  color: #272522;
}
.llm-iterator-variant-editor-c795f7 .field-input:focus {
  border-color: #8A847C;
  outline: 2px solid #ECEAE7;
}
.llm-iterator-variant-editor-c795f7 .field-hint {
  color: #6B6761;
  font-size: 12px;
  line-height: 1.45;
}
.llm-iterator-variant-editor-c795f7 .editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 16px 16px;
}
.llm-iterator-variant-editor-c795f7 .ghost-btn,
.llm-iterator-variant-editor-c795f7 .confirm-btn {
  min-width: 76px;
  padding: 6px 10px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}
.llm-iterator-variant-editor-c795f7 .ghost-btn {
  border: 1px solid rgba(17, 17, 17, 0.08);
  background: #FFFFFF;
  color: #6B6761;
}
.llm-iterator-variant-editor-c795f7 .ghost-btn:hover {
  border-color: rgba(17, 17, 17, 0.16);
  background: #F4F3F1;
  color: #111111;
}
.llm-iterator-variant-editor-c795f7 .close-btn {
  min-width: 28px;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 17px;
}
.llm-iterator-variant-editor-c795f7 .confirm-btn {
  border: 1px solid #272522;
  background: #272522;
  color: #FFFFFF;
  font-weight: 600;
}
.llm-iterator-variant-editor-c795f7 .confirm-btn:hover {
  background: #111111;
  border-color: #111111;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/llmIteratorVariantEditor/llmIteratorVariantEditor.theme/genesis/llmIteratorVariantEditor.html.R.js */
.llm-iterator-variant-editor-cb010e {
  width: 420px;
  max-width: calc(100vw - 32px);
  overflow: hidden;
  border: 1px solid #353B41;
  border-radius: 6px;
  background: #202224;
  color: #F1F3F5;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.14);
}
.llm-iterator-variant-editor-cb010e .llm-iterator-variant-editor {
  display: flex;
  flex-direction: column;
}
.llm-iterator-variant-editor-cb010e .editor-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 0.5px solid #353B41;
}
.llm-iterator-variant-editor-cb010e .editor-title {
  color: #D7DBDF;
  font-size: 14px;
  font-weight: 600;
}
.llm-iterator-variant-editor-cb010e .editor-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
}
.llm-iterator-variant-editor-cb010e .field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.llm-iterator-variant-editor-cb010e .field label {
  color: #8F9AA4;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.llm-iterator-variant-editor-cb010e .field-input {
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  box-sizing: border-box;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
  color: #D7DBDF;
}
.llm-iterator-variant-editor-cb010e .field-input:focus {
  border-color: #8F9AA4;
  outline: 2px solid #303438;
}
.llm-iterator-variant-editor-cb010e .field-hint {
  color: #8F9AA4;
  font-size: 12px;
  line-height: 1.45;
}
.llm-iterator-variant-editor-cb010e .editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 16px 16px;
}
.llm-iterator-variant-editor-cb010e .ghost-btn,
.llm-iterator-variant-editor-cb010e .confirm-btn {
  min-width: 76px;
  padding: 6px 10px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}
.llm-iterator-variant-editor-cb010e .ghost-btn {
  border: 1px solid #353B41;
  background: #202224;
  color: #8F9AA4;
}
.llm-iterator-variant-editor-cb010e .ghost-btn:hover {
  border-color: #4B535B;
  background: #282B2D;
  color: #F1F3F5;
}
.llm-iterator-variant-editor-cb010e .close-btn {
  min-width: 28px;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 17px;
}
.llm-iterator-variant-editor-cb010e .confirm-btn {
  border: 1px solid #D7DBDF;
  background: #D7DBDF;
  color: #202224;
  font-weight: 600;
}
.llm-iterator-variant-editor-cb010e .confirm-btn:hover {
  background: #F1F3F5;
  border-color: #F1F3F5;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/toolcallSchemaEditor/toolcallSchemaEditor.html.R.js */
.toolcall-schema-editor-e5ba8c {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 14px;
  background: rgba(20, 20, 20, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: visible;
  gap: 16px;
  padding: 18px;
  background: #ffffff;
  border-color: #dfe5ee;
  border-radius: 10px;
  color: #1d2939;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}
.toolcall-schema-editor-e5ba8c .schema-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.toolcall-schema-editor-e5ba8c .schema-title {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
}
.toolcall-schema-editor-e5ba8c .schema-subtitle {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
}
.toolcall-schema-editor-e5ba8c .schema-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
}
.toolcall-schema-editor-e5ba8c label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
  letter-spacing: 0.02em;
}
.toolcall-schema-editor-e5ba8c .ai-btn {
  margin-left: 10px;
  padding: 4px 8px;
  background: rgba(60, 120, 255, 0.12);
  color: #78aaff;
  border: 1px solid rgba(60, 120, 255, 0.35);
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}
.toolcall-schema-editor-e5ba8c .ai-btn:hover {
  background: rgba(60, 120, 255, 0.2);
  border-color: rgba(60, 120, 255, 0.55);
}
.toolcall-schema-editor-e5ba8c .broken-yaml-mark {
  margin-left: 8px;
  color: rgba(255, 90, 90, 0.95);
  font-weight: 700;
}
.toolcall-schema-editor-e5ba8c .text-area,
.toolcall-schema-editor-e5ba8c .code-area {
  width: 100%;
  padding: 10px 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  outline: none;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.4;
  resize: vertical;
  min-height: 62px;
}
.toolcall-schema-editor-e5ba8c .code-area.broken-yaml {
  border-color: rgba(255, 90, 90, 0.75);
  background: rgba(255, 90, 90, 0.06);
}
.toolcall-schema-editor-e5ba8c .code-area.broken-yaml:focus {
  border-color: rgba(255, 90, 90, 0.95);
  background: rgba(255, 90, 90, 0.09);
}
.toolcall-schema-editor-e5ba8c .code-area {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  min-height: 220px;
  flex: 1;
  resize: none;
  overflow: auto;
}
.toolcall-schema-editor-e5ba8c .text-area:focus,
.toolcall-schema-editor-e5ba8c .code-area:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(120, 160, 255, 0.55);
}
.toolcall-schema-editor-e5ba8c .schema-title {
  color: #344054;
}
.toolcall-schema-editor-e5ba8c .schema-subtitle {
  color: #667085;
}
.toolcall-schema-editor-e5ba8c label {
  color: #667085;
  font-size: 11px;
  letter-spacing: 0.04em;
}
.toolcall-schema-editor-e5ba8c .ai-btn {
  border-color: #c7d2fe;
  background: #eef2ff;
  color: #4338ca;
}
.toolcall-schema-editor-e5ba8c .ai-btn:hover {
  border-color: #a5b4fc;
  background: #e0e7ff;
}
.toolcall-schema-editor-e5ba8c .broken-yaml-mark {
  color: #b42318;
}
.toolcall-schema-editor-e5ba8c .text-area,
.toolcall-schema-editor-e5ba8c .code-area {
  border-color: #d5dce7;
  background: #ffffff;
  color: #344054;
}
.toolcall-schema-editor-e5ba8c .text-area:focus,
.toolcall-schema-editor-e5ba8c .code-area:focus {
  border-color: #818cf8;
  background: #ffffff;
  box-shadow: 0 0 0 3px #eef2ff;
}
.toolcall-schema-editor-e5ba8c .code-area.broken-yaml {
  border-color: #fda29b;
  background: #fff5f5;
}
.toolcall-schema-editor-e5ba8c .code-area.broken-yaml:focus {
  border-color: #f04438;
  background: #fff5f5;
  box-shadow: 0 0 0 3px #fee4e2;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/toolcallSchemaEditor/toolcallSchemaEditor.theme/business/toolcallSchemaEditor.html.R.js */
.toolcall-schema-editor-31c8f5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: auto;
  padding: 16px;
  box-sizing: border-box;
  overflow: visible;
  border: 0;
  background: transparent;
  color: #111111;
}
.toolcall-schema-editor-31c8f5 .schema-header {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-bottom: 10px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.toolcall-schema-editor-31c8f5 .schema-title {
  color: #272522;
  font-size: 14px;
  font-weight: 600;
}
.toolcall-schema-editor-31c8f5 .schema-subtitle {
  color: #6B6761;
  font-size: 12px;
}
.toolcall-schema-editor-31c8f5 .schema-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
}
.toolcall-schema-editor-31c8f5 label {
  color: #6B6761;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.toolcall-schema-editor-31c8f5 .ai-btn {
  margin-left: 8px;
  padding: 3px 6px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 3px;
  background: #FFFFFF;
  color: #6B6761;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.toolcall-schema-editor-31c8f5 .ai-btn:hover {
  border-color: rgba(17, 17, 17, 0.16);
  background: #F4F3F1;
  color: #111111;
}
.toolcall-schema-editor-31c8f5 .broken-yaml-mark {
  margin-left: 8px;
  color: #B42318;
  font-weight: 600;
  text-transform: none;
}
.toolcall-schema-editor-31c8f5 .text-area,
.toolcall-schema-editor-31c8f5 .code-area {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 3px;
  outline: 0;
  background: #FFFFFF;
  color: #272522;
  font-size: 13px;
  line-height: 1.4;
  resize: vertical;
  min-height: 62px;
}
.toolcall-schema-editor-31c8f5 .text-area:focus,
.toolcall-schema-editor-31c8f5 .code-area:focus {
  border-color: #8A847C;
  outline: 2px solid #ECEAE7;
}
.toolcall-schema-editor-31c8f5 .code-area {
  min-height: 200px;
  resize: none;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.toolcall-schema-editor-31c8f5 .code-area.broken-yaml {
  border-color: #F04438;
  background: #FFF5F5;
}
.toolcall-schema-editor-31c8f5 .code-area.broken-yaml:focus {
  outline-color: #FEE4E2;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/guild/toolcallSchemaEditor/toolcallSchemaEditor.theme/genesis/toolcallSchemaEditor.html.R.js */
.toolcall-schema-editor-325802 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: auto;
  padding: 16px;
  box-sizing: border-box;
  overflow: visible;
  border: 0;
  background: transparent;
  color: #F1F3F5;
}
.toolcall-schema-editor-325802 .schema-header {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-bottom: 10px;
  border-bottom: 0.5px solid #353B41;
}
.toolcall-schema-editor-325802 .schema-title {
  color: #D7DBDF;
  font-size: 14px;
  font-weight: 600;
}
.toolcall-schema-editor-325802 .schema-subtitle {
  color: #8F9AA4;
  font-size: 12px;
}
.toolcall-schema-editor-325802 .schema-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
}
.toolcall-schema-editor-325802 label {
  color: #8F9AA4;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.toolcall-schema-editor-325802 .ai-btn {
  margin-left: 8px;
  padding: 3px 6px;
  border: 1px solid #353B41;
  border-radius: 3px;
  background: #202224;
  color: #8F9AA4;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.toolcall-schema-editor-325802 .ai-btn:hover {
  border-color: #4B535B;
  background: #282B2D;
  color: #F1F3F5;
}
.toolcall-schema-editor-325802 .broken-yaml-mark {
  margin-left: 8px;
  color: #B42318;
  font-weight: 600;
  text-transform: none;
}
.toolcall-schema-editor-325802 .text-area,
.toolcall-schema-editor-325802 .code-area {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #353B41;
  border-radius: 3px;
  outline: 0;
  background: #202224;
  color: #D7DBDF;
  font-size: 13px;
  line-height: 1.4;
  resize: vertical;
  min-height: 62px;
}
.toolcall-schema-editor-325802 .text-area:focus,
.toolcall-schema-editor-325802 .code-area:focus {
  border-color: #8F9AA4;
  outline: 2px solid #303438;
}
.toolcall-schema-editor-325802 .code-area {
  min-height: 200px;
  resize: none;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.toolcall-schema-editor-325802 .code-area.broken-yaml {
  border-color: #F04438;
  background: #2B1C1C;
}
.toolcall-schema-editor-325802 .code-area.broken-yaml:focus {
  outline-color: #3A2020;
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/helper/entriesImportView.html.R.js */
.entries-import-view-c38369 {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.entries-import-view-c38369 input[data-id="fileInput"] {
  display: none;
}
.entries-import-view-c38369 .drop {
  position: relative;
  border: 1px dashed #666;
  border-radius: 6px;
  padding: 16px 12px;
  text-align: center;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.04);
  flex: 1;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.entries-import-view-c38369 .drop:hover {
  border-color: #888;
  background: rgba(255, 255, 255, 0.07);
}
.entries-import-view-c38369 .idlePane,
.entries-import-view-c38369 .importingPane {
  width: 100%;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.entries-import-view-c38369 .importingPane {
  cursor: wait;
}
.entries-import-view-c38369 .hint {
  color: #bbb;
  font-size: 13px;
  line-height: 1.4;
}
.entries-import-view-c38369 .spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(255, 255, 255, 0.12);
  border-top-color: #8ab4f8;
  border-radius: 50%;
  animation: entries-import-spin 0.75s linear infinite;
}
.entries-import-view-c38369 .progress {
  color: #aaa;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
@keyframes entries-import-spin {
  to {
    transform: rotate(360deg);
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/entryNodeContent.html.R.js */
.entry-like {
  display: block;
  overflow: visible;
  position: relative;
  background: #343434;
  display: inline-block;
  width: 344px;
  box-sizing: border-box;
  font-size: 14px;
  border-radius: 0;
  min-height: 32px;
}
.entry-like .cas-puri-rune {
  transition: all 200ms;
}
.entry-like [data-puri-status=working] {
  animation: breathing 1.5s ease-in-out infinite;
}
@keyframes breathing {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.entry-like.marked {
  background: #a18011;
  background: linear-gradient(189deg, #786b76, #a18011, #a2a148);
  color: white;
}
.entry-like.is-reference {
  background: #464646;
}
.entry-like.is-reference.marked {
  background: #a08c49;
}
.entry-like.is-reference .reference {
  display: block;
}
.entry-like.selected {
  background: #3e5f66;
}
.entry-node-content-bf8b90 [data-id=expandAffordance] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 12px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 14px;
  background: linear-gradient(90deg, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.18) 35%, rgba(85, 85, 85, 0.42) 100%);
  background: linear-gradient(90deg, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.18) 64%, rgba(85, 85, 85, 0.42) 100%);
  color: #aaa;
  transform-origin: right center;
  font-size: 10px;
  text-align: center;
  border-radius: 100px;
  border-radius: 0 36px;
  cursor: pointer;
  transition: background-color 140ms ease, color 180ms ease, opacity 90ms ease, box-shadow 140ms ease, border-radius 100ms ease;
  user-select: none;
  z-index: 2;
}
.entry-node-content-bf8b90 [data-id=expandAffordance] > .expand-affordance-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 14px;
  min-height: 14px;
  padding: 2px 5px;
  line-height: 1;
  border-radius: 8px;
  transform: scale(0.8);
  transition: background-color 140ms ease, color 180ms ease, box-shadow 140ms ease;
}
.entry-node-content-bf8b90.has-entry-aggregation-agg-color [data-id=expandAffordance] {
  background-image: none;
}
.entry-node-content-bf8b90.has-entry-aggregation-agg-color [data-id=expandAffordance] > .expand-affordance-tag {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.entry-node-content-bf8b90 [data-id=expandAffordance]:hover {
  color: #eee;
  background: linear-gradient(90deg, rgba(110, 110, 110, 0) 0%, rgba(110, 110, 110, 0.22) 35%, rgba(130, 130, 130, 0.72) 100%);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.2);
}
.entry-node-content-bf8b90 [data-id=expandAffordance].is-empty {
  color: rgba(220, 220, 220, 0.12);
  letter-spacing: 0.08em;
  font-size: 11px;
}
.entry-node-content-bf8b90 [data-id=expandAffordance].is-empty > .expand-affordance-tag {
  min-width: auto;
  min-height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.entry-node-content-bf8b90.has-relations-before [data-id=expandAffordance] {
  border-left: 1px solid orange;
}
.entry-node-content-bf8b90.has-relations-after [data-id=expandAffordance] {
  border-right: 1px solid cyan;
}
.entry-node-content-bf8b90 [data-id=beforeIcon] {
  display: inline-block;
  position: absolute;
  right: 17px;
  right: 27px;
  right: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  line-height: 24px;
  text-align: center;
  color: yellow;
  color: orange;
  transform: translateY(-50%) scaleY(-1);
}
.entry-node-content-bf8b90 [data-id=changeAwareToggle] {
  position: absolute;
  left: 8px;
  top: 50%;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
  border-radius: 4px;
  color: #ddd;
  background: rgba(255, 255, 255, 0.12);
  cursor: pointer;
  z-index: 2;
  user-select: none;
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}
.entry-node-content-bf8b90 [data-id=changeAwareToggle]:hover {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}
.entry-node-content-bf8b90.candidate-kind-edit [data-id=changeAwareToggle] {
  color: #f3d36f;
}
.entry-node-content-bf8b90.candidate-kind-del [data-id=changeAwareToggle] {
  color: #ff9d9d;
}
.entry-node-content-bf8b90.candidate-state-accept [data-id=changeAwareToggle] {
  background: rgba(86, 161, 86, 0.22);
}
.entry-node-content-bf8b90.candidate-state-mask [data-id=changeAwareToggle] {
  background: rgba(176, 47, 47, 0.18);
  opacity: 0.75;
}
.entry-node-content-bf8b90:not(.proposal-mode) [data-id=changeAwareToggle] {
  display: none;
}
.entry-node-content-bf8b90 [data-id=afterIcon] {
  display: inline-block;
  position: absolute;
  right: -3px;
  top: 50%;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  line-height: 24px;
  text-align: center;
  color: cyan;
  transform: translateY(-50%);
}
.entry-node-content-bf8b90 *[stage-out] {
  display: none;
}
.entry-node-content-bf8b90.editor-party-ai:not(.selected):not(.marked) {
  background: #3a3a3a;
}
.entry-node-content-bf8b90.has-entry-aggregation-value-color:not(.has-entry-aggregation-agg-color) [data-id=expandAffordance] {
  color: var(--entry-aggregation-value-color);
}
.entry-node-content-bf8b90 [data-id=highlightMasks] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  display: none;
  z-index: 5;
}
.entry-node-content-bf8b90 [data-id=highlightMasks] > .entry-highlight-mask {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.entry-node-content-bf8b90 [data-id=spots] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: visible;
  display: none;
  z-index: 6;
}
.entry-node-content-bf8b90 [data-id=spots] > .entry-spot-dot {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  pointer-events: none;
}
.entry-node-content-bf8b90 > widget,
.entry-node-content-bf8b90 > i {
  position: relative;
  z-index: 1;
}
.entry-node-content-bf8b90.shrink {
  min-height: 2px;
  display: block;
  height: 2px;
  overflow: hidden;
  background: rgba(110, 110, 110, 0.55);
  box-shadow: none;
}
.entry-node-content-bf8b90.shrink > widget,
.entry-node-content-bf8b90.shrink > i {
  opacity: 0;
  pointer-events: none;
}
.entry-node-content-bf8b90.expanding {
  filter: contrast(1.2);
}
.entry-node-content-bf8b90.expanding.has-steps [data-id=expandAffordance] {
  color: #eee;
}
.entry-node-content-bf8b90.expanding [data-id=expandAffordance] {
  border-radius: 0;
}
.entry-node-content-bf8b90.expanding.hold-open {
  box-shadow: inset -2px 0 0 0 rgba(255, 255, 255, 0.7), inset -4px 0 0 0 rgba(120, 120, 120, 0.75);
}
.entry-node-content-bf8b90.expanding:not(.hold-open) {
  box-shadow: inset -2px 0 0 0 rgba(255, 255, 255, 0.7);
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/entryNodeContent.theme/business/entryNodeContent.html.R.js */
:where(body.theme-business) .entry-like {
  overflow: visible;
  position: relative;
  background: #fdfdfd;
  color: #2a2a2a;
  display: inline-block;
  width: 344px;
  box-sizing: border-box;
  border-bottom: 1px;
  font-size: 14px;
  border-radius: 0;
  min-height: 32px;
  border: 1px solid #f0f0f0;
  border-top: 1px solid #fafafa;
}
:where(body.theme-business) .entry-like .cas-puri-rune {
  transition: all 200ms;
}
:where(body.theme-business) .entry-like [data-puri-status=working] {
  animation: breathing 1.5s ease-in-out infinite;
}
@keyframes breathing {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
:where(body.theme-business) .entry-like.marked {
  background: #eadca8;
  background: linear-gradient(189deg, #f1b549, #ffd16bbf, #f3e13a);
  color: #222;
  border-top: 1px solid transparent;
}
:where(body.theme-business) .entry-like.is-reference {
  background: #e6e6e6;
}
:where(body.theme-business) .entry-like.is-reference.marked {
  background: #e2d7ad;
}
:where(body.theme-business) .entry-like.is-reference .reference {
  display: block;
}
:where(body.theme-business) .entry-like.selected {
  background: #d7e7ea;
}
.entry-node-content-f0b451 [data-id=expandAffordance] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 12px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 14px;
  color: #555;
  transform-origin: right center;
  font-size: 10px;
  text-align: center;
  border-radius: 100px;
  border-radius: 0 36px;
  cursor: pointer;
  transition: background-color 140ms ease, color 180ms ease, opacity 90ms ease, box-shadow 140ms ease, border-radius 100ms ease;
  user-select: none;
  z-index: 2;
}
.entry-node-content-f0b451 [data-id=expandAffordance] > .expand-affordance-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 14px;
  min-height: 14px;
  padding: 2px 5px;
  line-height: 1;
  border-radius: 8px;
  transform: scale(0.8);
  transition: background-color 140ms ease, color 180ms ease, box-shadow 140ms ease;
}
.entry-node-content-f0b451.has-entry-aggregation-agg-color [data-id=expandAffordance] {
  background-image: none;
}
.entry-node-content-f0b451.has-entry-aggregation-agg-color [data-id=expandAffordance] > .expand-affordance-tag {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.entry-node-content-f0b451 [data-id=expandAffordance]:hover {
  color: #222;
}
.entry-node-content-f0b451 [data-id=expandAffordance].is-empty {
  color: rgba(80, 80, 80, 0.28);
  letter-spacing: 0.08em;
  font-size: 11px;
}
.entry-node-content-f0b451 [data-id=expandAffordance].is-empty > .expand-affordance-tag {
  min-width: auto;
  min-height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.entry-node-content-f0b451.has-relations-before [data-id=expandAffordance] {
  border-left: 1px solid #c38a18;
}
.entry-node-content-f0b451.has-relations-after [data-id=expandAffordance] {
  border-right: 1px solid #3d8fb8;
}
.entry-node-content-f0b451 [data-id=beforeIcon] {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  line-height: 24px;
  text-align: center;
  color: #c38a18;
  transform: translateY(-50%) scaleY(-1);
}
.entry-node-content-f0b451 [data-id=changeAwareToggle] {
  position: absolute;
  left: 8px;
  top: 50%;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
  border-radius: 4px;
  color: #555;
  background: rgba(0, 0, 0, 0.08);
  cursor: pointer;
  z-index: 2;
  user-select: none;
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}
.entry-node-content-f0b451 [data-id=changeAwareToggle]:hover {
  background: rgba(0, 0, 0, 0.12);
  color: #111;
}
.entry-node-content-f0b451.candidate-kind-edit [data-id=changeAwareToggle] {
  color: #9b6b00;
}
.entry-node-content-f0b451.candidate-kind-del [data-id=changeAwareToggle] {
  color: #c05656;
}
.entry-node-content-f0b451.candidate-state-accept [data-id=changeAwareToggle] {
  background: rgba(86, 161, 86, 0.16);
}
.entry-node-content-f0b451.candidate-state-mask [data-id=changeAwareToggle] {
  background: rgba(176, 47, 47, 0.12);
  opacity: 0.75;
}
.entry-node-content-f0b451:not(.proposal-mode) [data-id=changeAwareToggle] {
  display: none;
}
.entry-node-content-f0b451 [data-id=afterIcon] {
  display: inline-block;
  position: absolute;
  right: -3px;
  top: 50%;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  line-height: 24px;
  text-align: center;
  color: #3d8fb8;
  transform: translateY(-50%);
}
.entry-node-content-f0b451 *[stage-out] {
  display: none;
}
.entry-node-content-f0b451.editor-party-ai:not(.selected):not(.marked) {
  background: #fafafa;
}
.entry-node-content-f0b451.has-entry-aggregation-value-color:not(.has-entry-aggregation-agg-color) [data-id=expandAffordance] {
  color: var(--entry-aggregation-value-color);
}
.entry-node-content-f0b451 [data-id=highlightMasks] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  display: none;
  z-index: 5;
}
.entry-node-content-f0b451 [data-id=highlightMasks] > .entry-highlight-mask {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.entry-node-content-f0b451 [data-id=spots] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: visible;
  display: none;
  z-index: 6;
}
.entry-node-content-f0b451 [data-id=spots] > .entry-spot-dot {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  pointer-events: none;
}
.entry-node-content-f0b451 > widget,
.entry-node-content-f0b451 > i {
  position: relative;
  z-index: 1;
}
.entry-node-content-f0b451.shrink {
  min-height: 2px;
  display: block;
  height: 2px;
  overflow: hidden;
  background: rgba(140, 140, 140, 0.4);
  box-shadow: none;
}
.entry-node-content-f0b451.shrink > widget,
.entry-node-content-f0b451.shrink > i {
  opacity: 0;
  pointer-events: none;
}
.entry-node-content-f0b451.expanding {
  filter: contrast(1.06);
}
.entry-node-content-f0b451.expanding.has-steps [data-id=expandAffordance] {
  color: #222;
}
.entry-node-content-f0b451.expanding [data-id=expandAffordance] {
  border-radius: 0;
}
.entry-node-content-f0b451.expanding.hold-open {
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.38), inset -4px 0 0 0 rgba(150, 150, 150, 0.48);
}
.entry-node-content-f0b451.expanding:not(.hold-open) {
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.38);
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/entryNodeContent/briefContent.html.R.js */
.entry-application-like {
  width: 100%;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 0px;
  font-size: 13px;
  overflow: visible;
}
.ca-viewport.entry-rich-text-spec {
  user-select: none;
  padding: 0;
  /*
    code {
        display: inline-block;
        background: #444;
        padding: 0px 22px;
        border-radius: 4px;
        .style-reset();

        .ca-st-codeblock-fence,
        .ca-st-codeblock-annotation {
            position: relative;
        }

        .ca-st-codeblock-annotation {
            font-size: 11px;
            color: #aaa;
            float: right;
        }

        .ca-cursor-nearby.ca-st-codeblock-fence {
            opacity: 1;

        }

        .ca-st-codeblock-fence {
            opacity: 0;
        }
    }*/
}
.ca-viewport.entry-rich-text-spec .ca-scrollable {
  overflow: hidden;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
}
.ca-viewport.entry-rich-text-spec h1,
.ca-viewport.entry-rich-text-spec h2,
.ca-viewport.entry-rich-text-spec h3,
.ca-viewport.entry-rich-text-spec h4,
.ca-viewport.entry-rich-text-spec h5,
.ca-viewport.entry-rich-text-spec h6 {
  display: block;
  margin: 0;
  margin-right: 0;
  font-size: 12px;
  text-align: left;
  position: relative;
}
.ca-viewport.entry-rich-text-spec img {
  max-width: 48px;
  max-height: 48px;
  object-fit: contain;
  position: relative;
  top: 2px;
  padding: 2px;
}
.ca-viewport.entry-rich-text-spec .ca-list-item {
  list-style: none;
}
.ca-viewport.entry-rich-text-spec .ca-list-prefix.ca-decorator,
.ca-viewport.entry-rich-text-spec .ca-headline-prefix.ca-decorator {
  opacity: 1;
  display: inline;
}
.brief-content-fd3de0.display-mode-no-focus [data-id=richWrapper],
.brief-content-fd3de0.display-mode-focus [data-id=richWrapper],
.brief-content-fd3de0.display-mode-editing [data-id=richWrapper],
.brief-content-fd3de0.display-mode-no-focus [data-id=richWrapper] .ca-viewport,
.brief-content-fd3de0.display-mode-focus [data-id=richWrapper] .ca-viewport,
.brief-content-fd3de0.display-mode-editing [data-id=richWrapper] .ca-viewport {
  width: 100%;
  max-width: 100%;
}
.brief-content-fd3de0.display-mode-no-focus [data-id=richWrapper] .ca-viewport,
.brief-content-fd3de0.display-mode-focus [data-id=richWrapper] .ca-viewport,
.brief-content-fd3de0.display-mode-editing [data-id=richWrapper] .ca-viewport {
  overflow: hidden;
}
.brief-content-fd3de0.display-mode-no-focus [data-id=richWrapper] .ca-viewport {
  max-height: 72px;
}
.brief-content-fd3de0.display-mode-no-focus [data-id=richWrapper] .ca-scrollable {
  overflow: hidden;
  max-height: 72px;
}
.brief-content-fd3de0.display-mode-no-focus [data-id=richWrapper] .ca-mime-markdown {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.brief-content-fd3de0.display-mode-focus [data-id=richWrapper] .ca-viewport {
  max-height: 180px;
}
.brief-content-fd3de0.display-mode-focus [data-id=richWrapper] .ca-scrollable {
  overflow: hidden;
  max-height: 180px;
}
.brief-content-fd3de0.display-mode-editing [data-id=richWrapper] .ca-viewport {
  max-height: 180px;
}
.brief-content-fd3de0.display-mode-editing [data-id=richWrapper] .ca-scrollable {
  overflow: auto;
  max-height: 180px;
}
.brief-content-fd3de0.fullscreen > [data-id=richWrapper] {
  padding-left: 0;
  max-width: 720px;
  margin: 20px auto;
  display: block;
}
.brief-content-fd3de0 .brief {
  box-sizing: border-box;
  white-space: pre-wrap;
  word-break: break-word;
  display: inline-block;
}
.brief-content-fd3de0 .brief::after {
  content: " ";
}
.brief-content-fd3de0 [data-id=briefWrapper],
.brief-content-fd3de0 [data-id=richWrapper] {
  display: block;
  width: 100%;
  color: #fff;
  padding: 0;
  margin: 0px;
  margin-bottom: 0;
  overflow: visible;
  max-width: 100%;
  word-break: break-all;
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/entryNodeContent.theme/business/briefContent.html.R.js */
:where(body.theme-business) .entry-application-like {
  width: 100%;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 0;
  font-size: 13px;
  overflow: visible;
  color: #2a2a2a;
}
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec {
  user-select: none;
  padding: 0;
  color: #2a2a2a;
}
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec .ca-scrollable {
  overflow: hidden;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
}
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec h1,
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec h2,
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec h3,
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec h4,
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec h5,
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec h6 {
  display: block;
  margin: 0;
  font-size: 13px;
  text-align: left;
  position: relative;
  color: #151515;
}
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec p,
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec li {
  font-size: 13px;
}
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec img {
  max-width: 48px;
  max-height: 48px;
  object-fit: contain;
  position: relative;
  top: 2px;
  padding: 2px;
}
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec .ca-list-item {
  list-style: none;
}
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec .ca-list-prefix.ca-decorator,
:where(body.theme-business) .entry-application-like .ca-viewport.entry-rich-text-spec .ca-headline-prefix.ca-decorator {
  opacity: 1;
  display: inline;
}
.brief-content-1ab4c1.display-mode-no-focus [data-id=richWrapper],
.brief-content-1ab4c1.display-mode-focus [data-id=richWrapper],
.brief-content-1ab4c1.display-mode-editing [data-id=richWrapper],
.brief-content-1ab4c1.display-mode-no-focus [data-id=richWrapper] .ca-viewport,
.brief-content-1ab4c1.display-mode-focus [data-id=richWrapper] .ca-viewport,
.brief-content-1ab4c1.display-mode-editing [data-id=richWrapper] .ca-viewport {
  width: 100%;
  max-width: 100%;
}
.brief-content-1ab4c1.display-mode-no-focus [data-id=richWrapper] .ca-viewport,
.brief-content-1ab4c1.display-mode-focus [data-id=richWrapper] .ca-viewport,
.brief-content-1ab4c1.display-mode-editing [data-id=richWrapper] .ca-viewport {
  overflow: hidden;
}
.brief-content-1ab4c1.display-mode-no-focus [data-id=richWrapper] .ca-viewport {
  max-height: 72px;
}
.brief-content-1ab4c1.display-mode-no-focus [data-id=richWrapper] .ca-scrollable {
  overflow: hidden;
  max-height: 72px;
}
.brief-content-1ab4c1.display-mode-no-focus [data-id=richWrapper] .ca-mime-markdown {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.brief-content-1ab4c1.display-mode-focus [data-id=richWrapper] .ca-viewport {
  max-height: 180px;
}
.brief-content-1ab4c1.display-mode-focus [data-id=richWrapper] .ca-scrollable {
  overflow: hidden;
  max-height: 180px;
}
.brief-content-1ab4c1.display-mode-editing [data-id=richWrapper] .ca-viewport {
  max-height: 180px;
}
.brief-content-1ab4c1.display-mode-editing [data-id=richWrapper] .ca-scrollable {
  overflow: auto;
  max-height: 180px;
}
.brief-content-1ab4c1.fullscreen > [data-id=richWrapper] {
  padding-left: 0;
  max-width: 720px;
  margin: 20px auto;
  display: block;
}
.brief-content-1ab4c1 .brief {
  box-sizing: border-box;
  white-space: pre-wrap;
  word-break: break-word;
  display: inline-block;
  color: #2a2a2a;
}
.brief-content-1ab4c1 .brief::after {
  content: " ";
}
.brief-content-1ab4c1 [data-id=briefWrapper],
.brief-content-1ab4c1 [data-id=richWrapper] {
  display: block;
  width: 100%;
  color: #2a2a2a;
  padding: 0;
  margin: 0;
  margin-bottom: 0;
  overflow: visible;
  max-width: 100%;
  word-break: break-all;
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/entryNodeContent/changeAwareContent.html.R.js */
.change-aware-content {
  width: 100%;
  box-sizing: border-box;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 40px;
  padding-right: 20px;
  font-size: 13px;
  overflow: visible;
  display: none;
}
.change-aware-content-b1efa9 {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.change-aware-content-b1efa9 [data-id=proposalBrief] {
  display: block;
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 4px;
  padding: 2px 0;
  transition: color 140ms ease, background-color 140ms ease, opacity 140ms ease;
  display: none;
}
.change-aware-content-b1efa9.show-proposal [data-id=proposalBrief] {
  display: block;
}
.change-aware-content-b1efa9.kind-edit.state-candidate [data-id=proposalBrief] {
  color: #f3d36f;
  background: rgba(173, 142, 43, 0.14);
}
.change-aware-content-b1efa9.kind-edit.state-accept [data-id=proposalBrief] {
  color: #a6f0a6;
  background: rgba(56, 142, 60, 0.18);
}
.change-aware-content-b1efa9.kind-del [data-id=proposalBrief] {
  color: #ff8f8f;
  background: rgba(176, 47, 47, 0.14);
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}
.change-aware-content-b1efa9.kind-del.state-accept [data-id=proposalBrief] {
  color: #f1d6d6;
  background: rgba(176, 47, 47, 0.08);
  opacity: 0.2;
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/projectNodeContent.html.R.js */
.project-node-content-cab39c {
  cursor: pointer;
  display: flex;
  max-width: 200px;
  width: 200px;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  flex-direction: row;
  font-size: 12px;
  opacity: 0.86;
}
.project-node-content-cab39c.marked {
  background: #a18011;
  color: white;
}
.project-node-content-cab39c:hover [data-id=projectName] {
  text-decoration: underline;
}
.project-node-content-cab39c.headline {
  font-weight: bold;
  font-size: 24px;
}
.project-node-content-cab39c [data-id=projectIcon] {
  line-height: 24px;
  display: inline-block;
  box-sizing: border-box;
  background-color: black;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 4px;
  font-size: 16px;
  width: 18px;
  height: 24px;
  margin: 4px 4px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.project-node-content-cab39c [data-id=projectName] {
  display: inline-block;
  white-space: pre;
  line-height: 32px;
  max-width: 150px;
  text-overflow: ellipsis;
  padding: 0 8px;
  overflow: hidden;
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/entryHierarchyNodeContent.html.R.js */
.entry-hierarchy-node-content-0418f4.entry-like {
  display: block;
  background: linear-gradient(189deg, #2b1e34, #111, #1c1c1c);
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: box-shadow 160ms ease, filter 160ms ease, background 160ms ease, color 160ms ease, opacity 160ms ease;
  border: none;
  opacity: 0.94;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  font-style: italic;
}
.entry-hierarchy-node-content-0418f4.entry-like .brief-container {
  white-space: nowrap;
  padding: 0px 0px;
  color: rgba(255, 255, 255, 0.78);
  transition: color 160ms ease, opacity 160ms ease;
  line-height: 32px;
}
.entry-hierarchy-node-content-0418f4.entry-like [data-id=brief] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entry-hierarchy-node-content-0418f4.entry-like .search-input-container {
  padding: 6px 0px;
}
.entry-hierarchy-node-content-0418f4.entry-like [data-id=searchInput] {
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  outline: none;
}
.entry-hierarchy-node-content-0418f4.entry-like [data-id=searchInput]:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
}
.entry-hierarchy-node-content-0418f4.entry-like.is-reference {
  background-color: #191919;
}
.entry-hierarchy-node-content-0418f4.entry-like.current-section {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 0 rgba(255, 255, 255, 0.04), 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: linear-gradient(188deg, #1e1e1e, #252525, #171717);
  border-radius: 2px 2px 0 0;
  font-size: 12px;
}
.entry-hierarchy-node-content-0418f4.entry-like.current-section .brief-container {
  color: rgba(255, 255, 255, 0.98);
}
.entry-hierarchy-node-content-0418f4.entry-like.hold-section {
  background: linear-gradient(189deg, #242028, #1a1a1a, #181818);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.04), inset 0 -1px 0 0 rgba(0, 0, 0, 0.28), 0 0 4px 0 rgba(0, 0, 0, 0.2);
  filter: saturate(0.78);
}
.entry-hierarchy-node-content-0418f4.entry-like.hold-section .brief-container {
  color: rgba(205, 205, 205, 0.86);
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/entryHierarchyNodeContent.theme/business/entryHierarchyNodeContent.html.R.js */
.entry-hierarchy-node-content-feca12.entry-like {
  display: block;
  background: #373635;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: box-shadow 160ms ease, filter 160ms ease, background 160ms ease, color 160ms ease, opacity 160ms ease;
  border: none;
  opacity: 0.94;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12x;
  font-style: italic;
}
.entry-hierarchy-node-content-feca12.entry-like .brief-container {
  white-space: nowrap;
  padding: 0px 0px;
  color: rgba(255, 255, 255, 0.78);
  transition: color 160ms ease, opacity 160ms ease;
  line-height: 32px;
}
.entry-hierarchy-node-content-feca12.entry-like [data-id=brief] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entry-hierarchy-node-content-feca12.entry-like .search-input-container {
  padding: 6px 0px;
}
.entry-hierarchy-node-content-feca12.entry-like [data-id=searchInput] {
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  outline: none;
}
.entry-hierarchy-node-content-feca12.entry-like [data-id=searchInput]:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
}
.entry-hierarchy-node-content-feca12.entry-like.is-reference {
  background-color: #191919;
}
.entry-hierarchy-node-content-feca12.entry-like.current-section {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 0 rgba(255, 255, 255, 0.04), 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: linear-gradient(188deg, #1e1e1e, #252525, #171717);
  border-radius: 2px 2px 0 0;
  font-size: 12px;
}
.entry-hierarchy-node-content-feca12.entry-like.current-section .brief-container {
  color: rgba(255, 255, 255, 0.98);
}
.entry-hierarchy-node-content-feca12.entry-like.hold-section {
  background: linear-gradient(189deg, #242028, #1a1a1a, #181818);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.04), inset 0 -1px 0 0 rgba(0, 0, 0, 0.28), 0 0 4px 0 rgba(0, 0, 0, 0.2);
  filter: saturate(0.78);
}
.entry-hierarchy-node-content-feca12.entry-like.hold-section .brief-container {
  color: rgba(205, 205, 205, 0.86);
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/entryInsertCandidateNodeContent.html.R.js */
.entry-insert-candidate-node-content-bf0108 {
  position: relative;
  background: #343434;
  display: inline-block;
  width: 344px;
  box-sizing: border-box;
  font-size: 14px;
  min-height: 32px;
  overflow: visible;
  transition: background-color 140ms ease, opacity 140ms ease;
}
.entry-insert-candidate-node-content-bf0108 [data-id=stateToggle] {
  position: absolute;
  left: 8px;
  top: 50%;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  transform: translateY(-50%);
  text-align: center;
  font-size: 10px;
  border-radius: 4px;
  color: #d7e8ff;
  background: rgba(120, 170, 255, 0.18);
  cursor: pointer;
  user-select: none;
  z-index: 2;
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}
.entry-insert-candidate-node-content-bf0108 [data-id=stateToggle]:hover {
  background: rgba(120, 170, 255, 0.26);
  color: #fff;
}
.entry-insert-candidate-node-content-bf0108 [data-id=brief] {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 40px;
  padding-right: 20px;
  white-space: pre-wrap;
  word-break: break-word;
  color: #fff;
}
.entry-insert-candidate-node-content-bf0108.state-candidate {
  opacity: 0.8;
  background: rgba(64, 80, 104, 0.88);
}
.entry-insert-candidate-node-content-bf0108.state-accept {
  opacity: 1;
  background: rgba(56, 104, 56, 0.88);
}
.entry-insert-candidate-node-content-bf0108.state-mask {
  opacity: 0.2;
  background: rgba(120, 42, 42, 0.9);
}
.entry-insert-candidate-node-content-bf0108.state-candidate,
.entry-insert-candidate-node-content-bf0108.state-accept {
  opacity: 1;
}
.entry-insert-candidate-node-content-bf0108.state-accept [data-id=stateToggle] {
  background: rgba(86, 161, 86, 0.28);
}
.entry-insert-candidate-node-content-bf0108.state-mask [data-id=stateToggle] {
  background: rgba(176, 47, 47, 0.24);
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/relationAfterNodeContent.html.R.js */
.relation-after-node-content-2890de {
  background: #333425;
}
.relation-after-node-content-2890de .before-icon {
  position: absolute;
  right: 2px;
  top: 50%;
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 6px;
  line-height: 24px;
  text-align: center;
  color: cyan;
  transform: translateY(-50%) rotate(90deg);
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/relationAfterNodeContent.theme/business/relationAfterNodeContent.html.R.js */
:where(body.theme-business) .relation-like {
  position: relative;
  padding-left: 40px;
  background: #f9f6ee;
  color: #2a2a2a;
  border: 1px solid #ead9b6;
  border-top-color: #f5ebd4;
}
:where(body.theme-business) .relation-like .brief-wrapper {
  display: inline-block;
  border-radius: 3px;
  padding: 3px 0;
  margin: 4px;
  margin-bottom: 0;
  word-break: break-word;
  padding-right: 20px;
  white-space: pre-wrap;
}
:where(body.theme-business) .relation-like.is-reference {
  background: #f3f0e8;
}
:where(body.theme-business) .relation-like.is-reference .reference {
  display: block;
}
:where(body.theme-business) .relation-like.is-reference [data-id=brief] {
  color: #2a2a2a;
  padding-left: 0;
}
:where(body.theme-business) .relation-like .reference {
  display: none;
  border: 1px solid #e2ddd2;
  padding: 2px 8px;
  background: #fbfaf7;
  margin: 2px 0;
  color: #4a4a4a;
}
:where(body.theme-business) .relation-like .reference.reference-deleted {
  color: #a24c4c;
}
.relation-after-node-content-074295 .before-icon {
  position: absolute;
  right: 2px;
  top: 50%;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  line-height: 24px;
  color: #c38a18;
  transform: translateY(-50%) rotate(90deg);
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/relationBeforeNodeContent.html.R.js */
.relation-like {
  position: relative;
  padding-left: 40px;
}
.relation-like .brief-wrapper {
  display: inline-block;
  border-radius: 3px;
  padding: 3px 0px;
  margin: 4px;
  margin-bottom: 0;
  word-break: break-word;
  padding-right: 20px;
  white-space: pre-wrap;
}
.relation-like.is-reference .reference {
  display: block;
}
.relation-like.is-reference [data-id=brief] {
  color: white;
  padding-left: 0px;
}
.relation-like.is-reference .ret-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 6px;
  line-height: 24px;
  text-align: center;
  color: cyan;
  position: relative;
  transform: rotate(90deg);
  top: -2px;
}
.relation-like .reference {
  display: none;
  border: 1px solid #222;
  padding: 2px 8px;
  background: #282828;
  margin: 2px 0px;
}
.relation-like .reference.reference-deleted {
  color: #9d3939;
}
.relation-before-node-content-98ddaa {
  background: #282534;
  background: #363247;
}
.relation-before-node-content-98ddaa .after-icon {
  position: absolute;
  right: 2px;
  top: 50%;
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 6px;
  line-height: 24px;
  text-align: center;
  color: yellow;
  transform: translateY(-50%) rotate(90deg);
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/relationBeforeNodeContent.theme/business/relationBeforeNodeContent.html.R.js */
:where(body.theme-business) .relation-like {
  position: relative;
  padding-left: 40px;
  background: #f3f6fb;
  color: #2a2a2a;
  border: 1px solid #d8e4f0;
  border-top-color: #eef4fb;
}
:where(body.theme-business) .relation-like .brief-wrapper {
  display: inline-block;
  border-radius: 3px;
  padding: 3px 0;
  margin: 4px;
  margin-bottom: 0;
  word-break: break-word;
  padding-right: 20px;
  white-space: pre-wrap;
}
:where(body.theme-business) .relation-like.is-reference {
  background: #eef1f5;
}
:where(body.theme-business) .relation-like.is-reference .reference {
  display: block;
}
:where(body.theme-business) .relation-like.is-reference [data-id=brief] {
  color: #2a2a2a;
  padding-left: 0;
}
:where(body.theme-business) .relation-like .reference {
  display: none;
  border: 1px solid #d7dfe7;
  padding: 2px 8px;
  background: #f7f9fb;
  margin: 2px 0;
  color: #4a4a4a;
}
:where(body.theme-business) .relation-like .reference.reference-deleted {
  color: #a24c4c;
}
.relation-before-node-content-d7f714 .after-icon {
  position: absolute;
  right: 2px;
  top: 50%;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  line-height: 24px;
  color: #3d8fb8;
  transform: translateY(-50%) rotate(90deg);
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/searchInputNodeContent.html.R.js */
.search-input-node-content-1f3b6b.search-input-node-content {
  background: #191919;
  background: linear-gradient(189deg, #2b1e34, #191919, #1c1c1c);
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.search-input-node-content-1f3b6b.search-input-node-content .search-input-row {
  padding: 6px 0px;
}
.search-input-node-content-1f3b6b.search-input-node-content .search-input-shell {
  display: flex;
  align-items: center;
  gap: 0;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  overflow: hidden;
}
.search-input-node-content-1f3b6b.search-input-node-content .search-input-shell:focus-within {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
}
.search-input-node-content-1f3b6b.search-input-node-content .search-input-container {
  flex: 1;
  min-width: 0;
}
.search-input-node-content-1f3b6b.search-input-node-content [data-id=searchInput] {
  width: 100%;
  background: transparent;
  border: none;
  color: #fff;
  padding: 4px 8px;
  outline: none;
}
.search-input-node-content-1f3b6b.search-input-node-content .search-nav-buttons {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.search-input-node-content-1f3b6b.search-input-node-content [data-id=previousButton],
.search-input-node-content-1f3b6b.search-input-node-content [data-id=nextButton] {
  width: 26px;
  min-width: 26px;
  height: 100%;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.88);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-input-node-content-1f3b6b.search-input-node-content [data-id=previousButton] + .search-input-node-content-1f3b6b.search-input-node-content [data-id=previousButton],
.search-input-node-content-1f3b6b.search-input-node-content [data-id=previousButton] + .search-input-node-content-1f3b6b.search-input-node-content [data-id=nextButton],
.search-input-node-content-1f3b6b.search-input-node-content [data-id=nextButton] + .search-input-node-content-1f3b6b.search-input-node-content [data-id=previousButton],
.search-input-node-content-1f3b6b.search-input-node-content [data-id=nextButton] + .search-input-node-content-1f3b6b.search-input-node-content [data-id=nextButton] {
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.search-input-node-content-1f3b6b.search-input-node-content [data-id=previousButton]:hover,
.search-input-node-content-1f3b6b.search-input-node-content [data-id=nextButton]:hover,
.search-input-node-content-1f3b6b.search-input-node-content [data-id=previousButton]:focus,
.search-input-node-content-1f3b6b.search-input-node-content [data-id=nextButton]:focus {
  background: rgba(255, 255, 255, 0.1);
}
.search-input-node-content-1f3b6b.search-input-node-content [data-id=previousButton]:active,
.search-input-node-content-1f3b6b.search-input-node-content [data-id=nextButton]:active {
  background: rgba(255, 255, 255, 0.16);
}
.search-input-node-content-1f3b6b.search-input-node-content .search-nav-icon {
  width: 16px;
  height: 16px;
  display: block;
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/searchOverflowNodeContent.html.R.js */
.search-overflow-node-content-826eb7.search-overflow-node-content {
  background: rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}
.search-overflow-node-content-826eb7.search-overflow-node-content [data-id=summary] {
  min-height: 32px;
  padding: 8px 12px;
  color: #b7b7b7;
  font-size: 13px;
  line-height: 16px;
}
.search-overflow-node-content-826eb7.search-overflow-node-content:hover {
  background: rgba(255, 255, 255, 0.11);
}
.search-overflow-node-content-826eb7.search-overflow-node-content:hover [data-id=summary] {
  color: #f2f2f2;
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/projectsLayout/verseStatsUINodeContent.html.R.js */
.verse-stats-uinode-content-f33970 {
  /* No background */
  display: flex;
  gap: 8px;
  /* Add some spacing between items */
  padding: 4px;
  width: 600px;
  text-align: center;
}
.verse-stats-uinode-content-f33970 span {
  font-size: 12px;
  color: var(--color-text-secondary);
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/ui/dividerHorizontal.html.R.js */
.divider-horizontal-17f942 {
  display: flex;
  align-items: center;
  min-width: 80px;
  min-height: 20px;
}
.divider-horizontal-17f942 .left,
.divider-horizontal-17f942 .right {
  flex: 1;
  border-top: 1px solid #444;
  height: 0;
}
.divider-horizontal-17f942 .title {
  padding: 0 20px;
}
.divider-horizontal-17f942 .title:empty {
  padding: 0;
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/entryHierarchyPositionNodeContent.html.R.js */
.entry-hierarchy-position-node-content-da138b {
  min-height: 1px;
  min-width: 48px;
  background: cyan;
  display: block;
}
/* /home/wuminghan/workspace/@branch-ts/practice-verse-web/src/content/proposalSessionHud.html.R.js */
.proposal-session-hud-be465b {
  width: 288px;
  height: 100%;
  box-sizing: border-box;
  color: #ddd;
  background: rgba(19, 21, 23, 0.96);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.32);
  overflow: hidden;
  font-size: 12px;
}
.proposal-session-hud-be465b .hud-shell {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  padding: 10px;
  gap: 10px;
}
.proposal-session-hud-be465b .hud-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.proposal-session-hud-be465b .hud-title {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.proposal-session-hud-be465b .hud-summary {
  color: rgba(220, 220, 220, 0.72);
  line-height: 1.35;
  white-space: pre-wrap;
}
.proposal-session-hud-be465b .hud-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.proposal-session-hud-be465b button {
  appearance: none;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.08);
  color: #eee;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1.2;
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}
.proposal-session-hud-be465b button:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}
.proposal-session-hud-be465b [data-id=confirmButton] {
  background: rgba(86, 161, 86, 0.24);
}
.proposal-session-hud-be465b [data-id=confirmButton]:hover {
  background: rgba(86, 161, 86, 0.34);
}
.proposal-session-hud-be465b [data-id=cancelButton] {
  background: rgba(176, 47, 47, 0.24);
}
.proposal-session-hud-be465b [data-id=cancelButton]:hover {
  background: rgba(176, 47, 47, 0.34);
}
.proposal-session-hud-be465b .hud-list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(220, 220, 220, 0.74);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.proposal-session-hud-be465b [data-list=candidateList] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-right: 2px;
}
.proposal-session-hud-be465b .candidate-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  transition: background-color 120ms ease, opacity 120ms ease;
}
.proposal-session-hud-be465b .candidate-row.state-mask {
  opacity: 0.55;
  background: rgba(120, 42, 42, 0.16);
}
.proposal-session-hud-be465b .candidate-row.state-accept,
.proposal-session-hud-be465b .candidate-row.state-candidate {
  background: rgba(255, 255, 255, 0.05);
}
.proposal-session-hud-be465b .candidate-row.kind-del:not(.state-mask) {
  box-shadow: inset 2px 0 0 rgba(224, 95, 95, 0.84);
}
.proposal-session-hud-be465b .candidate-row.kind-edit:not(.state-mask) {
  box-shadow: inset 2px 0 0 rgba(219, 196, 102, 0.84);
}
.proposal-session-hud-be465b .candidate-row.kind-create:not(.state-mask) {
  box-shadow: inset 2px 0 0 rgba(86, 161, 86, 0.84);
}
.proposal-session-hud-be465b [data-id=toggleButton] {
  flex: 0 0 auto;
  min-width: 22px;
  width: 22px;
  height: 22px;
  padding: 0;
  border-radius: 4px;
  font-size: 11px;
  background: rgba(255, 255, 255, 0.12);
}
.proposal-session-hud-be465b .state-mask [data-id=toggleButton] {
  background: rgba(176, 47, 47, 0.24);
}
.proposal-session-hud-be465b .state-accept [data-id=toggleButton],
.proposal-session-hud-be465b .state-candidate [data-id=toggleButton] {
  background: rgba(86, 161, 86, 0.24);
}
.proposal-session-hud-be465b .candidate-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.proposal-session-hud-be465b .candidate-brief {
  color: #fff;
  line-height: 1.35;
  white-space: pre-wrap;
  word-break: break-word;
}
.proposal-session-hud-be465b .candidate-meta {
  color: rgba(220, 220, 220, 0.64);
  font-size: 11px;
  line-height: 1.3;
  white-space: pre-wrap;
}
.proposal-session-hud-be465b .hud-empty {
  color: rgba(220, 220, 220, 0.62);
  line-height: 1.4;
  padding: 4px 0;
}
/* /home/wuminghan/workspace/@branch-ts/practice-omni-web/src/fastSearchHud/fastSearchHud.html.R.js */
.fast-search-hud-61a37d {
  position: absolute;
  background: var(--genesis-bg-panel-strong, #1C1D1F);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  border-radius: 0;
  box-shadow: var(--genesis-shadow-float, 0 16px 40px rgba(0, 0, 0, 0.34));
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  max-width: min(700px, calc(100vw - 32px));
  max-height: 400px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.fast-search-hud-61a37d .search-container {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-bottom: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  background: var(--genesis-bg-chrome, #111111);
}
.fast-search-hud-61a37d .search-container > input[data-id="searchInput"] {
  flex: 1;
  border: none !important;
  border-radius: 0 !important;
  outline: none;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 0;
  background: transparent;
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  caret-color: var(--genesis-accent, #B0B6BE);
}
.fast-search-hud-61a37d .search-container > input[data-id="searchInput"]::placeholder {
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
}
.fast-search-hud-61a37d .search-container > input[data-id="searchInput"]:focus,
.fast-search-hud-61a37d .search-container > input[data-id="searchInput"]:focus-visible,
.fast-search-hud-61a37d .search-container > input[data-id="searchInput"]:active {
  border: none !important;
  border-radius: 0 !important;
  outline: none;
  box-shadow: none !important;
  background: transparent;
}
.fast-search-hud-61a37d .close-btn {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
  user-select: none;
  border-radius: 0;
  transition: background-color var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease;
}
.fast-search-hud-61a37d .close-btn:hover {
  background: var(--genesis-bg-hover, rgba(255, 255, 255, 0.05));
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
}
.fast-search-hud-61a37d .results-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  min-height: 0;
}
.fast-search-hud-61a37d .result-item {
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 0;
  transition: background-color var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease;
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
.fast-search-hud-61a37d .result-item:hover {
  background: var(--genesis-bg-hover, rgba(255, 255, 255, 0.05));
}
.fast-search-hud-61a37d .result-item.focused {
  background: var(--genesis-bg-active, rgba(176, 182, 190, 0.14));
  border-left: none;
  padding-left: 10px;
}
.fast-search-hud-61a37d .result-name {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fast-search-hud-61a37d .result-secondary {
  font-size: 10px;
  line-height: 14px;
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
}
.fast-search-hud-61a37d .status-message {
  padding: 8px 10px;
  font-size: 11px;
  line-height: 16px;
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
  text-align: center;
}
/* /home/wuminghan/workspace/@branch-ts/practice-omni-web/src/fastSearchHud/fastSearchHud.theme/business/fastSearchHud.html.R.js */
.fast-search-hud-b33b66 {
  position: absolute;
  background: #FCFCFB;
  color: #272522;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 6px;
  box-shadow: 0 10px 28px rgba(17, 17, 17, 0.14);
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  max-width: min(700px, calc(100vw - 32px));
  max-height: 400px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.fast-search-hud-b33b66 .search-container {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
  background: #FFFFFF;
}
.fast-search-hud-b33b66 .search-container > input[data-id="searchInput"] {
  flex: 1;
  min-width: 0;
  border: none !important;
  border-radius: 0 !important;
  outline: none;
  font-size: 13px;
  line-height: 18px;
  padding: 0;
  background: transparent;
  color: #272522;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  caret-color: #111111;
}
.fast-search-hud-b33b66 .search-container > input[data-id="searchInput"]::placeholder {
  color: #6B6761;
}
.fast-search-hud-b33b66 .search-container > input[data-id="searchInput"]:focus,
.fast-search-hud-b33b66 .search-container > input[data-id="searchInput"]:focus-visible,
.fast-search-hud-b33b66 .search-container > input[data-id="searchInput"]:active {
  border: none !important;
  border-radius: 0 !important;
  outline: none;
  box-shadow: none !important;
  background: transparent;
}
.fast-search-hud-b33b66 .close-btn {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  color: #6B6761;
  user-select: none;
  border-radius: 3px;
  transition: background-color 140ms ease, color 140ms ease;
}
.fast-search-hud-b33b66 .close-btn:hover {
  background: #F4F3F1;
  color: #111111;
}
.fast-search-hud-b33b66 .results-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  min-height: 0;
  background: #FCFCFB;
}
.fast-search-hud-b33b66 .result-item {
  padding: 8px 10px;
  cursor: pointer;
  border-radius: 0;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
  transition: background-color 140ms ease, color 140ms ease;
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
.fast-search-hud-b33b66 .result-item:hover {
  background: #F4F3F1;
}
.fast-search-hud-b33b66 .result-item.focused {
  background: #ECEAE7;
  border-left: none;
  padding-left: 10px;
}
.fast-search-hud-b33b66 .result-name {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #272522;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fast-search-hud-b33b66 .result-secondary {
  font-size: 11px;
  line-height: 16px;
  color: #6B6761;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
}
.fast-search-hud-b33b66 .status-message {
  padding: 18px 10px;
  font-size: 12px;
  line-height: 18px;
  color: #6B6761;
  text-align: center;
}
/* /home/wuminghan/workspace/@branch-ts/practice-omni-web/src/fastSearchHud/fastSearchHud.theme/genesis/fastSearchHud.html.R.js */
.fast-search-hud-53072c {
  position: absolute;
  background: #202224;
  color: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  max-width: min(700px, calc(100vw - 32px));
  max-height: 400px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.fast-search-hud-53072c .search-container {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #111111;
}
.fast-search-hud-53072c .search-container > input[data-id="searchInput"] {
  flex: 1;
  min-width: 0;
  border: none !important;
  border-radius: 0 !important;
  outline: none;
  font-size: 13px;
  line-height: 18px;
  padding: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.84);
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  caret-color: #FFFFFF;
}
.fast-search-hud-53072c .search-container > input[data-id="searchInput"]::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.fast-search-hud-53072c .search-container > input[data-id="searchInput"]:focus,
.fast-search-hud-53072c .search-container > input[data-id="searchInput"]:focus-visible,
.fast-search-hud-53072c .search-container > input[data-id="searchInput"]:active {
  border: none !important;
  border-radius: 0 !important;
  outline: none;
  box-shadow: none !important;
  background: transparent;
}
.fast-search-hud-53072c .close-btn {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.58);
  user-select: none;
  border-radius: 3px;
  transition: background-color 140ms ease, color 140ms ease;
}
.fast-search-hud-53072c .close-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
}
.fast-search-hud-53072c .results-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  min-height: 0;
  background: #202224;
}
.fast-search-hud-53072c .result-item {
  padding: 8px 10px;
  cursor: pointer;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: background-color 140ms ease, color 140ms ease;
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
.fast-search-hud-53072c .result-item:hover {
  background: #252523;
}
.fast-search-hud-53072c .result-item.focused {
  background: #343431;
  border-left: none;
  padding-left: 10px;
}
.fast-search-hud-53072c .result-name {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.84);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fast-search-hud-53072c .result-secondary {
  font-size: 11px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.58);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
}
.fast-search-hud-53072c .status-message {
  padding: 18px 10px;
  font-size: 12px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.58);
  text-align: center;
}
/* /home/wuminghan/workspace/@branch-ts/practice-omni-web/src/omniCenter/omniCenterInspector/omniCenterInspector.html.R.js */
.omni-center-inspector-ea405d {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: var(--color-surface, #181825);
  color: var(--color-text-primary, #cdd6f4);
  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;
}
.omni-center-inspector-ea405d .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid var(--color-border, #313244);
  background: var(--color-surface-elevated, #1e1e2e);
}
.omni-center-inspector-ea405d .title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text-primary, #cdd6f4);
}
.omni-center-inspector-ea405d .stats {
  display: flex;
  align-items: center;
  gap: 8px;
}
.omni-center-inspector-ea405d .total-label {
  font-size: 13px;
  color: var(--color-text-secondary, #a6adc8);
}
.omni-center-inspector-ea405d .total-count {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-success, #a6e3a1);
  background: var(--color-success-bg, rgba(166, 227, 161, 0.1));
  padding: 4px 10px;
  border-radius: 12px;
}
.omni-center-inspector-ea405d .content {
  flex: 1;
  overflow: auto;
  padding: 20px 24px;
}
.omni-center-inspector-ea405d .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.omni-center-inspector-ea405d .section-header h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-secondary, #a6adc8);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.omni-center-inspector-ea405d .header-actions {
  display: flex;
  gap: 8px;
}
.omni-center-inspector-ea405d .clear-db-btn {
  padding: 6px 14px;
  font-size: 12px;
  background: var(--color-danger-bg, rgba(243, 139, 168, 0.1));
  color: var(--color-danger, #f38ba8);
  border: 1px solid var(--color-danger, #f38ba8);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.omni-center-inspector-ea405d .clear-db-btn:hover {
  background: var(--color-danger, #f38ba8);
  color: var(--color-text-on-danger, #1e1e2e);
}
.omni-center-inspector-ea405d .refresh-btn {
  padding: 6px 14px;
  font-size: 12px;
  background: var(--color-accent-bg, rgba(137, 180, 250, 0.1));
  color: var(--color-accent, #89b4fa);
  border: 1px solid var(--color-accent, #89b4fa);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.omni-center-inspector-ea405d .refresh-btn:hover {
  background: var(--color-accent, #89b4fa);
  color: var(--color-text-on-accent, #1e1e2e);
}
.omni-center-inspector-ea405d .sources-container {
  min-height: 100px;
}
.omni-center-inspector-ea405d .empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  background: var(--color-surface-elevated, #1e1e2e);
  border-radius: 8px;
  border: 1px dashed var(--color-border, #313244);
}
.omni-center-inspector-ea405d .empty-text {
  font-size: 14px;
  color: var(--color-text-muted, #6c7086);
}
.omni-center-inspector-ea405d .sources-list-wrapper {
  display: flex;
  flex-direction: column;
}
.source-list-item-1c2b14 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--color-surface-elevated, #1e1e2e);
  border-radius: 8px;
  margin-bottom: 8px;
  border: 1px solid var(--color-border, #313244);
  transition: border-color 0.15s ease;
}
.source-list-item-1c2b14:hover {
  border-color: var(--color-accent, #89b4fa);
}
.source-list-item-1c2b14 .source-info {
  flex: 1;
  min-width: 0;
}
.source-list-item-1c2b14 .source-name {
  font-weight: 600;
  font-size: 14px;
  color: var(--color-text-primary, #cdd6f4);
  margin-bottom: 4px;
}
.source-list-item-1c2b14 .source-description {
  font-size: 12px;
  color: var(--color-text-secondary, #a6adc8);
  margin-bottom: 2px;
}
.source-list-item-1c2b14 .source-uri {
  font-size: 11px;
  color: var(--color-text-muted, #6c7086);
  font-family: monospace;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.source-list-item-1c2b14 .source-stats {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 16px;
  margin: -8px 0;
  cursor: pointer;
  border-radius: 6px;
  transition: background 0.12s ease;
}
.source-list-item-1c2b14 .source-stats:hover {
  background: var(--color-surface, #181825);
}
.source-list-item-1c2b14 .anchor-count {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-accent, #89b4fa);
}
.source-list-item-1c2b14 .anchor-label {
  font-size: 10px;
  color: var(--color-text-muted, #6c7086);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.source-list-item-1c2b14 .source-actions {
  display: flex;
  gap: 8px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-omni-web/src/omniCenter/omniCenterInspector/anchorBrowser.html.R.js */
.anchor-browser-6ab24d {
  display: flex;
  flex-direction: column;
  width: 560px;
  max-height: 480px;
  background: var(--color-surface-elevated, #1e1e2e);
  border: 1px solid var(--color-border, #313244);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
  overflow: hidden;
  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;
}
.anchor-browser-6ab24d .browser-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid var(--color-border, #313244);
  background: linear-gradient(135deg, rgba(137, 180, 250, 0.08), transparent);
}
.anchor-browser-6ab24d .title-container {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.anchor-browser-6ab24d .browser-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-primary, #cdd6f4);
  letter-spacing: 0.3px;
  flex-shrink: 0;
}
.anchor-browser-6ab24d .source-name {
  font-size: 13px;
  color: var(--color-accent, #89b4fa);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.anchor-browser-6ab24d .close-btn {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background: transparent;
  color: var(--color-text-secondary, #a6adc8);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.12s ease;
}
.anchor-browser-6ab24d .close-btn:hover {
  background: var(--color-danger-bg, rgba(243, 139, 168, 0.15));
  color: var(--color-danger, #f38ba8);
}
.anchor-browser-6ab24d .search-container {
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-border, #313244);
  display: flex;
  align-items: center;
  gap: 12px;
}
.anchor-browser-6ab24d .search-input {
  flex: 1;
  padding: 10px 14px;
  font-size: 13px;
  font-family: inherit;
  background: var(--color-surface, #181825);
  color: var(--color-text-primary, #cdd6f4);
  border: 1px solid var(--color-border, #313244);
  border-radius: 6px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.anchor-browser-6ab24d .search-input::placeholder {
  color: var(--color-text-muted, #6c7086);
}
.anchor-browser-6ab24d .search-input:focus {
  border-color: var(--color-accent, #89b4fa);
  box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.15);
}
.anchor-browser-6ab24d .search-hint {
  font-size: 11px;
  color: var(--color-text-muted, #6c7086);
  white-space: nowrap;
  padding: 4px 10px;
  background: var(--color-surface, #181825);
  border-radius: 10px;
}
.anchor-browser-6ab24d .anchor-list-container {
  flex: 1;
  overflow-y: auto;
  padding: 12px 16px;
  min-height: 150px;
  max-height: 340px;
}
.anchor-browser-6ab24d .anchor-list-container::-webkit-scrollbar {
  width: 8px;
}
.anchor-browser-6ab24d .anchor-list-container::-webkit-scrollbar-track {
  background: transparent;
}
.anchor-browser-6ab24d .anchor-list-container::-webkit-scrollbar-thumb {
  background: var(--color-border, #313244);
  border-radius: 4px;
}
.anchor-browser-6ab24d .anchor-list-container::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-muted, #6c7086);
}
.anchor-browser-6ab24d .empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  height: 100%;
}
.anchor-browser-6ab24d .empty-text {
  font-size: 13px;
  color: var(--color-text-muted, #6c7086);
}
.anchor-browser-6ab24d .anchor-list-wrapper {
  display: flex;
  flex-direction: column;
}
.anchor-list-item-b70531 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: var(--color-surface, #181825);
  border-radius: 6px;
  margin-bottom: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.12s ease;
}
.anchor-list-item-b70531:hover {
  background: var(--color-surface-hover, #1e1e2e);
  border-color: var(--color-accent-dim, rgba(137, 180, 250, 0.3));
}
.anchor-list-item-b70531 .anchor-icon {
  font-size: 14px;
  opacity: 0.6;
  flex-shrink: 0;
}
.anchor-list-item-b70531 .anchor-info {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.anchor-list-item-b70531 .anchor-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-primary, #cdd6f4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.anchor-list-item-b70531 .anchor-secondary {
  font-size: 11px;
  color: var(--color-text-secondary, #a6adc8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}
.anchor-list-item-b70531 .anchor-uri {
  font-size: 10px;
  font-family: 'JetBrains Mono', monospace;
  color: var(--color-text-muted, #6c7086);
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}
/* /home/wuminghan/workspace/@branch-ts/practice-omni-web/src/omniBar/omniBar.html.R.js */
.omni-bar-b6a310 {
  position: relative;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 360px;
  background: #111;
  border-radius: 0 0 3px 3px;
  box-sizing: border-box;
  overflow: visible;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  transition: top 200ms ease-in-out;
}
.omni-bar-b6a310.idle {
  top: -24px;
}
.omni-bar-b6a310.right-mode {
  width: 420px;
  border-radius: 0 0 0 3px;
}
.omni-bar-b6a310 .brief-area {
  height: 24px;
  overflow: hidden;
  position: relative;
}
.omni-bar-b6a310 .brief-content {
  padding: 0 12px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
}
.omni-bar-b6a310.right-mode .brief-content {
  padding-left: 28px;
}
.omni-bar-b6a310 .brief-content-line {
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.omni-bar-b6a310 .icons-line {
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 8px 0 10px;
}
.omni-bar-b6a310 .icons-line > div {
  display: contents;
}
.omni-bar-b6a310.right-mode .icons-line {
  padding-left: 10px;
  padding-right: 10px;
}
.omni-bar-b6a310 .icon-item {
  width: 22px;
  height: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  border-radius: 4px;
  transition: all 150ms;
  margin-right: 4px;
}
.omni-bar-b6a310 .icon-item:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}
.omni-bar-b6a310 .icon-item.active {
  background: rgba(60, 120, 255, 0.25);
  color: #6496ff;
}
.omni-bar-b6a310 .icon-item .quick-icon-badge {
  position: absolute;
  bottom: 0px;
  right: 0;
  min-width: 12px;
  height: 12px;
  padding: 0 3px;
  border-radius: 999px;
  color: var(--quick-icon-badge-color, #ff6b6b);
  background: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 1;
  pointer-events: none;
  overflow: hidden;
  font-size: 10px;
  transform: scale(0.7);
}
.omni-bar-b6a310 .icon-item.has-badge .quick-icon-badge {
  display: inline-flex;
}
.omni-bar-b6a310 .icon-item .quick-icon-badge-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  font-weight: 600;
  white-space: nowrap;
}
.omni-bar-b6a310 .icon-item .quick-icon-badge[data-kind="element"] {
  min-width: auto;
  width: 12px;
  padding: 0;
  background: transparent;
  border-color: transparent;
}
.omni-bar-b6a310 .icon-item .quick-icon-badge[data-kind="element"] .quick-icon-badge-content {
  width: 12px;
  height: 12px;
}
.lane-0506e6 {
  width: 100%;
  height: 24px;
  overflow: hidden;
  position: relative;
}
.lane-0506e6 .line-item {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 24px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
}
.quick-icon-list-item-878242 {
  display: contents;
}
/* /home/wuminghan/workspace/@branch-ts/practice-omni-web/src/omniBar/omniBar.theme/business/omniBar.html.R.js */
.omni-bar-1025f8 {
  position: relative;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 360px;
  background: #312e2e;
  border-radius: 0 0 3px 3px;
  box-sizing: border-box;
  overflow: visible;
  box-shadow: 0 2px 6px rgba(17, 17, 17, 0.15);
  transition: top 200ms ease-in-out;
}
.omni-bar-1025f8.idle {
  top: -24px;
}
.omni-bar-1025f8.right-mode {
  width: 420px;
  border-radius: 0 0 0 3px;
}
.omni-bar-1025f8 .brief-area {
  height: 24px;
  overflow: hidden;
  position: relative;
}
.omni-bar-1025f8 .brief-content {
  padding: 0 12px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
}
.omni-bar-1025f8.right-mode .brief-content {
  padding-left: 28px;
}
.omni-bar-1025f8 .brief-content-line {
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.omni-bar-1025f8 .icons-line {
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 8px 0 10px;
}
.omni-bar-1025f8 .icons-line > div {
  display: contents;
}
.omni-bar-1025f8.right-mode .icons-line {
  padding-left: 10px;
  padding-right: 10px;
}
.omni-bar-1025f8 .icon-item {
  width: 22px;
  height: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  border-radius: 4px;
  transition: all 150ms;
  margin-right: 4px;
}
.omni-bar-1025f8 .icon-item:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}
.omni-bar-1025f8 .icon-item.active {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}
.omni-bar-1025f8 .icon-item .quick-icon-badge {
  position: absolute;
  bottom: 0px;
  right: 0;
  min-width: 12px;
  height: 12px;
  padding: 0 3px;
  border-radius: 999px;
  color: var(--quick-icon-badge-color, #ff6b6b);
  background: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 1;
  pointer-events: none;
  overflow: hidden;
  font-size: 10px;
  transform: scale(0.7);
}
.omni-bar-1025f8 .icon-item.has-badge .quick-icon-badge {
  display: inline-flex;
}
.omni-bar-1025f8 .icon-item .quick-icon-badge-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  font-weight: 600;
  white-space: nowrap;
}
.omni-bar-1025f8 .icon-item .quick-icon-badge[data-kind="element"] {
  min-width: auto;
  width: 12px;
  padding: 0;
  background: transparent;
  border-color: transparent;
}
.omni-bar-1025f8 .icon-item .quick-icon-badge[data-kind="element"] .quick-icon-badge-content {
  width: 12px;
  height: 12px;
}
.lane-960ac2 {
  width: 100%;
  height: 24px;
  overflow: hidden;
  position: relative;
}
.lane-960ac2 .line-item {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 24px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
}
.quick-icon-list-item-1c4b7e {
  display: contents;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/checkInspector/checkInspector.html.R.js */
.check-inspector-794efc {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 14px;
  box-sizing: border-box;
  gap: 12px;
  color: inherit;
  background: transparent;
  overflow: hidden;
}
.check-inspector-794efc .check-inspector-root,
.check-inspector-794efc .verification-section,
.check-inspector-794efc .verification-list,
.check-inspector-794efc .content-empty,
.check-inspector-794efc .verification-empty {
  min-height: 0;
}
.check-inspector-794efc .check-inspector-root {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 12px;
  min-height: 0;
}
.check-inspector-794efc .summary-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(127, 127, 127, 0.18);
  background: rgba(127, 127, 127, 0.08);
}
.check-inspector-794efc .summary-top-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}
.check-inspector-794efc .summary-brief-button {
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.check-inspector-794efc .summary-brief-button:hover {
  opacity: 0.88;
}
.check-inspector-794efc .summary-brief {
  min-width: 0;
  width: 100%;
}
.check-inspector-794efc .run-button {
  height: 26px;
  min-width: 54px;
  padding: 0 10px;
  border: none;
  border-radius: 999px;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  background: rgba(127, 127, 127, 0.16);
  color: inherit;
  transition: transform 120ms ease, opacity 120ms ease;
}
.check-inspector-794efc .run-button:hover {
  transform: translateY(-1px);
  opacity: 0.92;
}
.check-inspector-794efc .summary-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.check-inspector-794efc .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: rgba(127, 127, 127, 0.14);
  color: inherit;
}
.check-inspector-794efc .status-unknown {
  background: rgba(127, 127, 127, 0.16);
  color: inherit;
}
.check-inspector-794efc .status-running {
  background: rgba(61, 151, 255, 0.22);
  color: #2f7fd7;
}
.check-inspector-794efc .status-pass {
  background: rgba(35, 180, 90, 0.2);
  color: #1f8b4e;
}
.check-inspector-794efc .status-fail {
  background: rgba(228, 84, 84, 0.2);
  color: #c54646;
}
.check-inspector-794efc .status-inconclusive {
  background: rgba(180, 144, 35, 0.2);
  color: #9b7a18;
}
.check-inspector-794efc .status-error {
  background: rgba(143, 91, 255, 0.2);
  color: #7850d6;
}
.check-inspector-794efc .content-empty,
.check-inspector-794efc .verification-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 13px;
  color: rgba(127, 127, 127, 0.92);
  border: 1px dashed rgba(127, 127, 127, 0.26);
  border-radius: 12px;
  background: rgba(127, 127, 127, 0.04);
}
.check-inspector-794efc .content-empty {
  flex: 1;
  min-height: 160px;
  padding: 20px;
}
.check-inspector-794efc .verification-empty {
  min-height: 120px;
  padding: 18px;
}
.check-inspector-794efc .verification-section {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  gap: 8px;
}
.check-inspector-794efc .section-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.66;
}
.check-inspector-794efc .verification-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-right: 2px;
}
.check-inspector-794efc .verification-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 8px;
  border-radius: 10px;
  border: 1px solid rgba(127, 127, 127, 0.16);
  background: rgba(127, 127, 127, 0.05);
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease, transform 120ms ease, opacity 120ms ease;
}
.check-inspector-794efc .verification-item:hover {
  background: rgba(127, 127, 127, 0.1);
  border-color: rgba(127, 127, 127, 0.3);
  transform: translateY(-1px);
}
.check-inspector-794efc .verification-item.is-disabled {
  cursor: default;
  opacity: 0.64;
}
.check-inspector-794efc .verification-item.is-disabled:hover {
  transform: none;
  background: rgba(127, 127, 127, 0.05);
  border-color: rgba(127, 127, 127, 0.16);
}
.check-inspector-794efc .verification-badge {
  min-width: 46px;
  min-height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  text-transform: lowercase;
}
.check-inspector-794efc .verification-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.check-inspector-794efc .verification-title-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
.check-inspector-794efc .verification-brief {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.check-inspector-794efc .verification-time {
  flex: none;
  font-size: 11px;
  opacity: 0.62;
  white-space: nowrap;
}
.check-inspector-794efc .verification-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  font-size: 11px;
  opacity: 0.72;
}
.check-inspector-794efc .compact-brief-host {
  min-width: 0;
  width: 100%;
}
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec {
  user-select: none;
  pointer-events: none;
  padding: 0;
  background: transparent;
}
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-scrollable {
  overflow: hidden;
  padding: 0;
}
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec h1,
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec h2,
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec h3,
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec h4,
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec h5,
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec h6 {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
}
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec img {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  vertical-align: text-bottom;
}
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-item {
  list-style: none;
}
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-prefix.ca-decorator,
.check-inspector-794efc .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-headline-prefix.ca-decorator {
  display: inline;
}
.check-inspector-794efc .compact-brief-host .ca-mime-markdown {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: inherit;
  line-height: 1.35;
}
.check-inspector-794efc .compact-brief-host .ca-mime-markdown,
.check-inspector-794efc .compact-brief-host .ca-scrollable,
.check-inspector-794efc .compact-brief-host .ca-segment-root,
.check-inspector-794efc .compact-brief-host .ca-block-root {
  max-width: 100%;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/intelligenceCenter/intelligenceCenterSpotNeedsReviewNodeOverlaySyncBehavior/spotNeedsReviewNanoApp.html.R.js */
.spot-needs-review-nano-app-e43090 {
  display: inline-grid;
  align-items: center;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  overflow: hidden;
}
.spot-needs-review-nano-app-e43090 .content {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 120ms ease-out;
}
.spot-needs-review-nano-app-e43090 .kaomoji {
  opacity: 1;
  pointer-events: none;
}
.spot-needs-review-nano-app-e43090 .actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  align-items: stretch;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.spot-needs-review-nano-app-e43090:hover .kaomoji {
  opacity: 0;
}
.spot-needs-review-nano-app-e43090:hover .actions {
  opacity: 1;
  pointer-events: auto;
}
.spot-needs-review-nano-app-e43090 button {
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: #FFFFFF;
  font: inherit;
  line-height: 1;
  cursor: inherit;
  opacity: 0.7;
  transition: opacity 120ms ease-out;
}
.spot-needs-review-nano-app-e43090 button:hover {
  opacity: 1;
}
.spot-needs-review-nano-app-e43090 .actions button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.spot-needs-review-nano-app-e43090 .divider {
  width: 1px;
  align-self: stretch;
  background: #FFFFFF;
  opacity: 0.7;
  border-radius: 0;
  pointer-events: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/CASBlocksRenderer.html.R.js */
.casblocks-renderer-596745 {
  max-width: 100%;
}
.casblocks-renderer-596745.empty {
  display: none;
}
.casblocks-renderer-596745 .llm-block-rune {
  position: relative;
  top: -2px;
}
.casblocks-renderer-596745 h1 {
  font-size: 24px;
}
.casblocks-renderer-596745 .ca-viewport p,
.casblocks-renderer-596745 .ca-viewport h1,
.casblocks-renderer-596745 .ca-viewport h2,
.casblocks-renderer-596745 .ca-viewport h3,
.casblocks-renderer-596745 .ca-viewport h4,
.casblocks-renderer-596745 .ca-viewport h5,
.casblocks-renderer-596745 .ca-viewport h6 {
  margin: 0px;
  /* margin-left: 12px; */
}
.casblocks-renderer-596745 .ca-viewport li {
  list-style-type: disc;
  line-height: 1.7;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/CASBlocksRenderer.theme/business/CASBlocksRenderer.html.R.js */
.casblocks-renderer-d12493 {
  max-width: 100%;
}
.casblocks-renderer-d12493.empty {
  display: none;
}
.casblocks-renderer-d12493 .llm-block-rune {
  position: relative;
  top: -2px;
}
.casblocks-renderer-d12493 h1 {
  font-size: 24px;
}
.casblocks-renderer-d12493 .ca-viewport p,
.casblocks-renderer-d12493 .ca-viewport h1,
.casblocks-renderer-d12493 .ca-viewport h2,
.casblocks-renderer-d12493 .ca-viewport h3,
.casblocks-renderer-d12493 .ca-viewport h4,
.casblocks-renderer-d12493 .ca-viewport h5,
.casblocks-renderer-d12493 .ca-viewport h6 {
  margin: 0px;
  /* margin-left: 12px; */
}
.casblocks-renderer-d12493 .ca-viewport li {
  list-style-type: disc;
  line-height: 1.7;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/annotationBlockRune.html.R.js */
.annotation-block-rune-adf3b1 {
  display: inline-block;
  padding: 2px 6px;
  margin: 0 2px;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
  vertical-align: middle;
}
.annotation-block-rune-adf3b1.mode-dedicated {
  background: #e3f2fd;
  color: #1976d2;
}
.annotation-block-rune-adf3b1.mode-encrypted {
  background: #fff3e0;
  color: #f57c00;
}
.annotation-block-rune-adf3b1.mode-common {
  background: #f5f5f5;
  color: #616161;
}
.annotation-block-rune-adf3b1.user-abort {
  display: block;
  margin: 10px 0 0;
  padding: 8px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  background: transparent;
  color: rgba(226, 227, 225, 0.5);
  cursor: default;
  font-size: 11px;
  line-height: 1;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/annotationBlockRune.theme/business/annotationBlockRune.html.R.js */
.annotation-block-rune-008a77 {
  display: inline-block;
  padding: 2px 6px;
  margin: 0 2px;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
  vertical-align: middle;
}
.annotation-block-rune-008a77.mode-dedicated {
  background: #EFF3F8;
  color: #365C97;
}
.annotation-block-rune-008a77.mode-encrypted {
  background: #E8EAED;
  color: #A06A00;
}
.annotation-block-rune-008a77.mode-common {
  background: #F8FAFC;
  color: #848689;
}
.annotation-block-rune-008a77.user-abort {
  display: block;
  margin: 10px 0 0;
  padding: 8px 0 0;
  border-top: 1px solid #E2E4E7;
  border-radius: 0;
  background: transparent;
  color: #848689;
  cursor: default;
  font-size: 11px;
  line-height: 1;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/declareBlockRune.html.R.js */
.declare-block-rune-917552 {
  display: inline-block;
  padding: 2px 8px;
  margin: 0 2px;
  font-size: 12px;
  cursor: pointer;
  color: #f57f17;
  vertical-align: middle;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/declareBlockRune.theme/business/declareBlockRune.html.R.js */
.declare-block-rune-303c0b {
  display: inline-block;
  padding: 2px 8px;
  margin: 0 2px;
  font-size: 12px;
  cursor: pointer;
  color: #A06A00;
  vertical-align: middle;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/failureBlockRune.html.R.js */
.failure-block-rune-8888d7 {
  display: inline-block;
  padding: 1px 6px;
  padding-left: 0;
  margin: 0 1px;
  border-radius: 3px;
  font-size: 11px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.06);
  color: #8a8a8a;
  border: 1px solid rgba(0, 0, 0, 0.16);
  vertical-align: middle;
  transition: all 150ms;
  opacity: 0.9;
}
.failure-block-rune-8888d7:hover {
  filter: brightness(1.05);
  opacity: 1;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/failureBlockRune.theme/business/failureBlockRune.html.R.js */
.failure-block-rune-18aa4c {
  display: inline-block;
  padding: 1px 6px;
  padding-left: 0;
  margin: 0 1px;
  border-radius: 3px;
  font-size: 11px;
  cursor: pointer;
  background: rgba(15, 23, 42, 0.06);
  color: #848689;
  border: 1px solid rgba(15, 23, 42, 0.08);
  vertical-align: middle;
  transition: all 150ms;
  opacity: 0.9;
}
.failure-block-rune-18aa4c:hover {
  filter: brightness(1.05);
  opacity: 1;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/retardBlockRune.html.R.js */
.retard-block-rune-16d3db {
  display: block;
  width: 100%;
  margin: 3px 0;
  color: #7E8791;
  background: none;
  cursor: pointer;
  font-size: 10px;
  line-height: 1.35;
  white-space: normal;
}
.retard-block-rune-16d3db .retard-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  color: #8D96A0;
  user-select: none;
  white-space: normal;
}
.retard-block-rune-16d3db .retard-line {
  flex: 1;
  min-width: 18px;
  border-top: 1px solid rgba(141, 150, 160, 0.45);
  transform: translateY(1px);
}
.retard-block-rune-16d3db .retard-label {
  flex: none;
  text-align: center;
  letter-spacing: 0.04em;
  white-space: normal;
}
.retard-block-rune-16d3db .retard-content {
  display: none;
  margin: 4px 0 0;
  white-space: normal;
  word-break: break-word;
  font-family: inherit;
  font-size: 10px;
  line-height: 1.45;
  color: #7E8791;
  text-align: left;
}
.retard-block-rune-16d3db.expanded .retard-content {
  display: block;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/retardBlockRune.theme/business/retardBlockRune.html.R.js */
.retard-block-rune-928265 {
  display: block;
  width: 100%;
  margin: 3px 0;
  color: #8A9097;
  background: none;
  cursor: pointer;
  font-size: 10px;
  line-height: 1.35;
  white-space: normal;
}
.retard-block-rune-928265 .retard-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  color: #969CA3;
  user-select: none;
  white-space: normal;
}
.retard-block-rune-928265 .retard-line {
  flex: 1;
  min-width: 18px;
  border-top: 1px solid rgba(150, 156, 163, 0.55);
  transform: translateY(1px);
}
.retard-block-rune-928265 .retard-label {
  flex: none;
  text-align: center;
  letter-spacing: 0.04em;
  white-space: normal;
}
.retard-block-rune-928265 .retard-content {
  display: none;
  margin: 4px 0 0;
  white-space: normal;
  word-break: break-word;
  font-family: inherit;
  font-size: 10px;
  line-height: 1.45;
  color: #8A9097;
  text-align: left;
}
.retard-block-rune-928265.expanded .retard-content {
  display: block;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/metaBlockRune.html.R.js */
.meta-block-rune-214eb7 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0 2px;
  min-width: 18px;
  padding: 0 5px;
  border: 1px solid #34383D;
  border-radius: 999px;
  font-size: 11px;
  cursor: pointer;
  color: #D7DBDF;
  background: #1A1C1E;
  line-height: 18px;
  vertical-align: middle;
}
.meta-block-rune-214eb7:hover {
  background: #202325;
  border-color: #444950;
}
.meta-block-rune-214eb7 .usage-meter {
  flex: none;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #34383D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.meta-block-rune-214eb7 .usage-meter-inner-ring {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #2B2E31;
  display: flex;
  align-items: center;
  justify-content: center;
}
.meta-block-rune-214eb7 .usage-meter-count {
  font-size: 5px;
  line-height: 1;
  color: #F1F3F5;
  font-weight: 700;
  user-select: none;
}
.meta-block-rune-214eb7 .meta-label {
  line-height: 18px;
  color: #F1F3F5;
  font-weight: 600;
}
.meta-block-rune-214eb7.no-usage {
  padding-left: 4px;
  padding-right: 4px;
}
.meta-block-rune-214eb7.no-usage .usage-meter {
  display: none;
}
.usage-popup-57bed2 {
  display: flex;
  flex-direction: column;
  color: #f5f5f5;
  width: 100%;
  min-height: 0;
}
.usage-popup-57bed2 .popup-content {
  padding: 14px 16px 16px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
}
.usage-popup-57bed2 .popup-toolbar {
  display: flex;
  justify-content: flex-end;
}
.usage-popup-57bed2 .popup-close {
  border: 1px solid #3a4250;
  background: #202631;
  color: #f5f5f5;
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
}
.usage-popup-57bed2 .meta-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.usage-popup-57bed2 .meta-key {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8ca0b6;
}
.usage-popup-57bed2 .meta-value,
.usage-popup-57bed2 .meta-raw {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: monospace;
  font-size: 12px;
  line-height: 1.5;
  color: #f5f5f5;
}
.usage-popup-57bed2 .meta-raw {
  padding: 10px 12px;
  background: #0b0d10;
  border: 1px solid #242a33;
  border-radius: 8px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/metaBlockRune.theme/business/metaBlockRune.html.R.js */
.meta-block-rune-7e7a11 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0 2px;
  min-width: 18px;
  padding: 0 5px;
  border-radius: 999px;
  font-size: 11px;
  cursor: pointer;
  color: #848689;
  background: #F2F5F8;
  line-height: 18px;
  vertical-align: middle;
}
.meta-block-rune-7e7a11 .usage-meter {
  flex: none;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #E2E4E7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.meta-block-rune-7e7a11 .usage-meter-inner-ring {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #E2E4E7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.meta-block-rune-7e7a11 .usage-meter-count {
  font-size: 5px;
  line-height: 1;
  color: #080C12;
  font-weight: 700;
  user-select: none;
}
.meta-block-rune-7e7a11 .meta-label {
  line-height: 18px;
  color: #1A1D22;
}
.meta-block-rune-7e7a11.no-usage {
  padding-left: 4px;
  padding-right: 4px;
}
.meta-block-rune-7e7a11.no-usage .usage-meter {
  display: none;
}
.usage-popup-fe5167 {
  display: flex;
  flex-direction: column;
  color: #080C12;
  width: 100%;
  min-height: 0;
}
.usage-popup-fe5167 .popup-content {
  padding: 14px 16px 16px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
}
.usage-popup-fe5167 .popup-toolbar {
  display: flex;
  justify-content: flex-end;
}
.usage-popup-fe5167 .popup-close {
  border: 1px solid #D9DEE4;
  background: #FFFFFF;
  color: #1A1D22;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.usage-popup-fe5167 .meta-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.usage-popup-fe5167 .meta-key {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #848689;
}
.usage-popup-fe5167 .meta-value,
.usage-popup-fe5167 .meta-raw {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: monospace;
  font-size: 12px;
  line-height: 1.5;
  color: #080C12;
}
.usage-popup-fe5167 .meta-raw {
  padding: 10px 12px;
  background: #FFFFFF;
  border: 1px solid #E2E4E7;
  border-radius: 8px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/referenceBlockRune.html.R.js */
.reference-block-rune-4cfa80 {
  display: inline-block;
  padding: 2px 8px;
  margin: 0 2px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  background: #e1f5fe;
  color: #01579b;
  border: 1px solid #81d4fa;
  vertical-align: middle;
}
.reference-block-rune-4cfa80.has-error {
  background: #ffebee;
  color: #c62828;
  border: 1px solid #ef9a9a;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/referenceBlockRune.theme/business/referenceBlockRune.html.R.js */
.reference-block-rune-0bf9e5 {
  display: inline-block;
  padding: 2px 8px;
  margin: 0 2px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  background: #EFF3F8;
  color: #365C97;
  border: 1px solid #C6D3E5;
  vertical-align: middle;
}
.reference-block-rune-0bf9e5.has-error {
  background: #F5EAEA;
  color: #B23A3A;
  border: 1px solid #F5EAEA;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/imageBlockRune.html.R.js */
.image-block-rune-6a0095 {
  display: block;
  white-space: normal;
  align-items: center;
  justify-content: center;
  margin: 2px 4px;
  width: 96px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  background: #121416;
  border: 1px solid #34383D;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
.image-block-rune-6a0095 .image-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #121416;
}
.image-block-rune-6a0095 .image-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #AEB6C2;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.image-block-rune-6a0095.is-ready .image-fallback {
  display: none;
}
.image-block-rune-6a0095.is-error {
  border-color: #8F4A4A;
  background: #231616;
}
.image-block-rune-6a0095.is-error .image-fallback {
  color: #E3A3A3;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/imageBlockRune.theme/business/imageBlockRune.html.R.js */
.image-block-rune-63b6c1 {
  display: block;
  white-space: normal;
  align-items: center;
  justify-content: center;
  margin: 2px 4px;
  width: 96px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  background: #F4F7FA;
  border: 1px solid #E3E8EF;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
.image-block-rune-63b6c1 .image-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #F4F7FA;
}
.image-block-rune-63b6c1 .image-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #6E7E91;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0));
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.image-block-rune-63b6c1.is-ready .image-fallback {
  display: none;
}
.image-block-rune-63b6c1.is-error {
  border-color: #D7A8A8;
  background: #FFF2F2;
}
.image-block-rune-63b6c1.is-error .image-fallback {
  color: #B45C5C;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/resourceBlockRune.html.R.js */
.resource-block-rune-3703e8 {
  display: inline-block;
  padding: 2px 8px;
  margin: 0 2px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  background: #f3e5f5;
  color: #7b1fa2;
  border: 1px solid #ce93d8;
  vertical-align: middle;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/resourceBlockRune.theme/business/resourceBlockRune.html.R.js */
.resource-block-rune-2dc480 {
  display: inline-block;
  padding: 2px 8px;
  margin: 0 2px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  background: #EFF3F8;
  color: #365C97;
  border: 1px solid #EFF3F8;
  vertical-align: middle;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/splitBlockRune.html.R.js */
.split-block-rune-12f322 {
  display: inline-block;
  padding: 0 5px;
  margin: 8px 0px;
  font-size: 11px;
  line-height: 16px;
  color: #9e9e9e;
  vertical-align: middle;
  border-left: 1px solid #333;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/splitBlockRune.theme/business/splitBlockRune.html.R.js */
.split-block-rune-fe7d11 {
  display: inline-block;
  padding: 0 5px;
  margin: 8px 0px;
  font-size: 11px;
  line-height: 16px;
  color: #848689;
  vertical-align: middle;
  border-left: 1px solid #E2E4E7;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/toolcallBlockRune.html.R.js */
.toolcall-block-rune-bb2994 {
  padding: 1px 3px;
  margin: 0 3px;
  border-radius: 3px;
  font-size: 11px;
  cursor: pointer;
  background: none;
  color: #D7DBDF;
  vertical-align: middle;
  border-bottom: none;
  border-top: none;
  display: block;
  border-left: 2px solid #717780;
  border-radius: 0;
}
.toolcall-block-rune-bb2994:hover {
  background: #232927;
  color: #CFE7D0;
}
.toolcall-block-rune-bb2994.ongoing {
  animation: toolcall-rune-pulse-border-genesis 1.5s ease-in-out infinite;
}
.toolcall-block-rune-bb2994.res-pending {
  animation: toolcall-rune-breathe-genesis 2.2s ease-in-out infinite;
  will-change: opacity;
  color: #F1F3F5;
  background: #2A322C;
}
.toolcall-block-rune-bb2994.res-ok {
  animation: none;
}
.toolcall-block-rune-bb2994.res-error {
  color: #ffb4b4;
  border-color: #a86868;
  background: rgba(168, 104, 104, 0.12);
  animation: none;
}
@keyframes toolcall-rune-pulse-border-genesis {
  0%,
  100% {
    border-color: #4a5a4d;
    opacity: 0.8;
  }
  50% {
    border-color: #6a8a6d;
    opacity: 1;
  }
}
@keyframes toolcall-rune-breathe-genesis {
  0%,
  100% {
    opacity: 0.72;
    background: #242A25;
  }
  50% {
    opacity: 1;
    background: #2D362F;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/toolcallBlockRune.theme/business/toolcallBlockRune.html.R.js */
.toolcall-block-rune-b7b45b {
  padding: 1px 3px;
  margin: 0 3px;
  border-radius: 3px;
  font-size: 11px;
  cursor: pointer;
  background: none;
  vertical-align: middle;
  border-bottom: none;
  border-top: none;
  display: block;
  border-left: 2px solid #848689;
  border-radius: 0;
}
.toolcall-block-rune-b7b45b:hover {
  background: #E9F2EC;
  color: #227A47;
}
.toolcall-block-rune-b7b45b.ongoing {
  animation: toolcall-rune-pulse-border-business 1.5s ease-in-out infinite;
}
.toolcall-block-rune-b7b45b.res-pending {
  animation: toolcall-rune-breathe-business 2.2s ease-in-out infinite;
  will-change: opacity;
  background: #E9F2EC;
}
.toolcall-block-rune-b7b45b.res-ok {
  animation: none;
}
.toolcall-block-rune-b7b45b.res-error {
  color: #B23A3A;
  border-color: #B23A3A;
  background: #F5EAEA;
  animation: none;
}
@keyframes toolcall-rune-pulse-border-business {
  0%,
  100% {
    border-color: #E9F2EC;
    opacity: 0.8;
  }
  50% {
    border-color: #227A47;
    opacity: 1;
  }
}
@keyframes toolcall-rune-breathe-business {
  0%,
  100% {
    opacity: 0.72;
    background: #E9F2EC;
  }
  50% {
    opacity: 1;
    background: #E9F2EC;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/toolresBlockRune.html.R.js */
.toolres-block-rune-cf0889 {
  display: inline-block;
  padding: 1px 6px;
  padding-left: 0;
  margin: 0 1px;
  border-radius: 3px;
  font-size: 11px;
  cursor: pointer;
  background: #3c3c3c;
  color: #cfcfcf;
  border: 1px solid #4a4a4a;
  vertical-align: middle;
  transition: all 150ms;
}
.toolres-block-rune-cf0889.toolres-ok {
  background: #3a4a3d;
  color: #8db88f;
  border: 1px solid #4a5a4d;
}
.toolres-block-rune-cf0889.toolres-err {
  background: #4a3838;
  color: #d88888;
  border: 1px solid #5a4545;
}
.toolres-block-rune-cf0889:hover {
  filter: brightness(1.05);
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/blocksRenderer/runes/toolresBlockRune.theme/business/toolresBlockRune.html.R.js */
.toolres-block-rune-633ede {
  display: inline-block;
  padding: 1px 6px;
  padding-left: 0;
  margin: 0 1px;
  border-radius: 3px;
  font-size: 11px;
  cursor: pointer;
  background: #D4D7DB;
  color: #141A21;
  border: 1px solid #D4D7DB;
  vertical-align: middle;
  transition: all 150ms;
}
.toolres-block-rune-633ede.toolres-ok {
  background: #E9F2EC;
  color: #227A47;
  border: 1px solid #E9F2EC;
}
.toolres-block-rune-633ede.toolres-err {
  background: #F5EAEA;
  color: #B23A3A;
  border: 1px solid #F5EAEA;
}
.toolres-block-rune-633ede:hover {
  filter: brightness(1.05);
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/builtInChatBlockWidget/errorBlock.html.R.js */
.error-block-cfc06c {
  color: red;
  cursor: pointer;
  margin: 5px 0;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/builtInChatBlockWidget/errorBlock.theme/business/errorBlock.html.R.js */
.error-block-d7c76e {
  color: red;
  cursor: pointer;
  margin: 5px 0;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/builtInChatBlockWidget/successBlock.html.R.js */
.success-block-7d3e48 {
  color: #7a9d7c;
  cursor: pointer;
  margin: 3px 0;
  padding: 2px 4px;
  background: #3a4540;
  border-left: 2px solid #5a7d5c;
  border-radius: 2px;
  font-size: 12px;
  display: inline-block;
  transition: all 150ms;
}
.success-block-7d3e48:hover {
  background: #435044;
  color: #8db88f;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/builtInChatBlockWidget/successBlock.theme/business/successBlock.html.R.js */
.success-block-943f70 {
  color: #227A47;
  cursor: pointer;
  margin: 3px 0;
  padding: 2px 4px;
  background: #E9F2EC;
  border-left: 2px solid #227A47;
  border-radius: 2px;
  font-size: 12px;
  display: inline-block;
  transition: all 150ms;
}
.success-block-943f70:hover {
  background: #E9F2EC;
  color: #227A47;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/builtInChatBlockWidget/tableBlock.html.R.js */
.table-block-1ce545 {
  margin: 5px 0;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/builtInChatBlockWidget/tableBlock.theme/business/tableBlock.html.R.js */
.table-block-9cf639 {
  margin: 5px 0;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/builtInChatBlockWidget/textBlock.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/builtInChatBlockWidget/textBlock.theme/business/textBlock.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/builtInChatBlockWidget/toolcallBlock.html.R.js */
.toolcall-block-3e2cf5 {
  padding: 5px 9px;
  border-radius: 9px;
  background-color: #444;
  color: #ddd;
  margin: 5px 0;
  cursor: pointer;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/builtInChatBlockWidget/toolcallBlock.theme/business/toolcallBlock.html.R.js */
.toolcall-block-e9769b {
  padding: 5px 9px;
  border-radius: 9px;
  background-color: #D4D7DB;
  color: #141A21;
  margin: 5px 0;
  cursor: pointer;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpCallView/idpCallView.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpCallView/idpCallView.theme/business/idpCallView.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpChat/idpChat.html.R.js */
.idp-chat-673f17 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #181A1B;
  overflow: hidden;
  position: relative;
  /* Keep the input anchored; only add mild emphasis. */
}
.idp-chat-673f17 > .scrollable {
  overscroll-behavior: contain;
}
.idp-chat-673f17 .chat-header {
  padding: 10px 16px;
  background: #222;
  border-bottom: 1px solid #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.idp-chat-673f17 .head-info {
  font-size: 13px;
  color: #e2e3e1;
  font-family: monospace;
  background: rgba(255, 255, 255, 0.1);
  padding: 4px 10px;
  border-radius: 3px;
  font-weight: 500;
}
.idp-chat-673f17 .header-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.idp-chat-673f17 .more-btn {
  padding: 4px 10px;
  background: transparent;
  color: #e2e3e1;
  border: 1px solid #444;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
}
.idp-chat-673f17 .more-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #666;
}
.idp-chat-673f17 .chat-messages {
  flex: 1;
  z-index: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}
.idp-chat-673f17 .chat-messages > * {
  width: 100%;
  margin: 0;
}
.idp-chat-673f17 .scroll-latest-btn {
  position: absolute;
  right: 20px;
  bottom: 18px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(22, 24, 25, 0.92);
  color: #e2e3e1;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 160ms ease, transform 160ms ease, border-color 160ms ease, background 160ms ease;
}
.idp-chat-673f17 .scroll-latest-btn.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.idp-chat-673f17 .scroll-latest-btn:hover {
  background: rgba(34, 37, 38, 0.96);
  border-color: rgba(255, 255, 255, 0.24);
}
.idp-chat-673f17 .mark-reviewed-btn {
  right: 20px;
  bottom: 18px;
}
.idp-chat-673f17 .mark-reviewed-btn:hover {
  background: rgba(52, 68, 54, 0.96);
  border-color: rgba(144, 214, 154, 0.34);
}
.idp-chat-673f17 .messages-container {
  overflow: visible;
  padding: 0;
  width: 100%;
}
.idp-chat-673f17 .hidden-messages-indicator {
  text-align: center;
  padding: 12px;
  margin-bottom: 16px;
  color: #888;
  font-size: 12px;
  font-style: italic;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 6px;
  border: 1px dashed #333;
}
.idp-chat-673f17 .hidden-messages-indicator:empty {
  display: none;
}
.idp-chat-673f17 .message-item {
  position: relative;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  padding: 0;
  border-left: none;
  transition: all 200ms;
}
.idp-chat-673f17 .narrative-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  color: rgba(226, 227, 225, 0.45);
  cursor: pointer;
  user-select: none;
}
.idp-chat-673f17 .narrative-toggle:hover {
  color: rgba(226, 227, 225, 0.65);
  text-decoration: underline;
}
.idp-chat-673f17 .narrative-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.idp-chat-673f17 .narrative-tag {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 193, 7, 0.95);
}
.idp-chat-673f17 .narrative-hide-btn {
  padding: 3px 8px;
  border: 1px solid rgba(255, 193, 7, 0.35);
  border-radius: 6px;
  background: transparent;
  color: rgba(255, 193, 7, 0.95);
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}
.idp-chat-673f17 .narrative-hide-btn:hover {
  background: rgba(255, 193, 7, 0.12);
  border-color: rgba(255, 193, 7, 0.55);
}
.idp-chat-673f17 .message-item.head-item {
  background: #1a1a1a;
}
.idp-chat-673f17 .messages-container.head {
  padding: 12px 0;
  border-radius: 12px;
}
.idp-chat-673f17 .message-section {
  margin-bottom: 0;
}
.idp-chat-673f17 .message-section:last-of-type {
  margin-bottom: 0;
}
.idp-chat-673f17 .message-section.user-message {
  max-width: 85%;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  justify-content: flex-end;
}
.idp-chat-673f17 .message-section.assistant-message {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 12px 0;
  max-width: 100%;
  position: relative;
}
.idp-chat-673f17 .message-text {
  color: #e2e3e1;
  line-height: 1.5;
}
.idp-chat-673f17 .user-message .message-text {
  font-size: 14px;
  color: #d0d0d0;
}
.idp-chat-673f17 .assistant-message .message-text {
  font-size: 14px;
  color: #e8e8e8;
}
.idp-chat-673f17 .message-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  border-top: none;
  padding-top: 6px;
  margin-top: 6px;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.idp-chat-673f17 .message-item:hover .message-meta {
  opacity: 1;
}
.idp-chat-673f17 .head-item .message-meta {
  border-top: 1px solid #333;
  padding-top: 8px;
  margin-top: 8px;
  opacity: 1;
}
.idp-chat-673f17 .reason-section {
  display: none;
  padding: 8px 12px;
  margin: 8px 0;
  background: rgba(255, 193, 7, 0.1);
  border-left: 3px solid #ffc107;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
.idp-chat-673f17 .reason-section.has-reason {
  display: block;
}
.idp-chat-673f17 .reason-section:hover {
  background: rgba(255, 193, 7, 0.15);
}
.idp-chat-673f17 .reason-label {
  color: #ffc107;
  font-weight: 600;
  font-size: 12px;
  margin-right: 8px;
}
.idp-chat-673f17 .reason-text {
  color: #e2e3e1;
  font-size: 13px;
}
.idp-chat-673f17 .omit-btn {
  position: absolute;
  top: 16px;
  left: -42px;
  padding: 4px 10px;
  border: 1px solid #444;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.2s;
  background: transparent;
  color: #e2e3e1;
  opacity: 0;
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.idp-chat-673f17 .message-item:hover .omit-btn {
  opacity: 1;
}
.idp-chat-673f17 .omit-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #666;
}
.idp-chat-673f17 .action-btn {
  padding: 4px 10px;
  border: 1px solid #444;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: background 0.2s, border-color 0.2s, color 0.2s, opacity 0.2s;
  background: transparent;
  color: #e2e3e1;
}
.idp-chat-673f17 .action-btn.primary {
  border-color: #ffc107;
  background: #ffc107;
  color: #000;
}
.idp-chat-673f17 .action-btn.primary:hover {
  background: #e0a800;
  border-color: #e0a800;
}
.idp-chat-673f17 .action-btn.secondary {
  background: transparent;
  color: #ffc107;
}
.idp-chat-673f17 .action-btn.secondary:hover {
  background: rgba(255, 193, 7, 0.1);
}
.idp-chat-673f17 .accept-btn {
  display: none;
}
.idp-chat-673f17 .accept-btn.has-output {
  display: inline-flex;
}
.idp-chat-673f17 .input-section {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #333;
  background: #222;
  padding: 12px;
  flex-shrink: 0;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, border-radius 0.22s ease;
  width: 100%;
  max-width: 3600px;
  box-sizing: border-box;
}
.idp-chat-673f17 .input-section.input-has-focus:not(.input-is-generating) {
  border-radius: 12px;
  border: 1px solid #444;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.idp-chat-673f17 .input-section.input-has-content:not(.input-has-focus):not(.input-is-generating) {
  border-radius: 8px;
  border: 1px solid #444;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.idp-chat-673f17 .input-container {
  min-height: 100px;
  background: #2a2a2a;
  border: 1px solid #444;
  border-radius: 4px;
  margin-bottom: 8px;
  overflow: hidden;
  transition: opacity 0.2s;
}
.idp-chat-673f17 .input-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.idp-chat-673f17 .streaming-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ffc107;
  font-size: 12px;
}
.idp-chat-673f17 .indicator-text {
  animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpChat/idpChat.theme/business/idpChat.html.R.js */
.idp-chat-05d854 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #F9F9F9;
  overflow: hidden;
  position: relative;
  /* Keep the input anchored; only add mild emphasis. */
}
.idp-chat-05d854 .chat-header {
  padding: 10px 16px;
  background: #F8FAFC;
  border-bottom: 1px solid #E2E4E7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.idp-chat-05d854 .head-info {
  font-size: 13px;
  color: #141A21;
  font-family: monospace;
  background: #E2E4E7;
  padding: 4px 10px;
  border-radius: 3px;
  font-weight: 500;
}
.idp-chat-05d854 .header-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.idp-chat-05d854 .more-btn {
  padding: 4px 10px;
  background: transparent;
  color: #141A21;
  border: 1px solid #D4D7DB;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
}
.idp-chat-05d854 .more-btn:hover {
  background: #E2E4E7;
  border-color: #848689;
}
.idp-chat-05d854 .chat-messages {
  flex: 1;
  z-index: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}
.idp-chat-05d854 .chat-messages > * {
  width: 100%;
  margin: 0;
}
.idp-chat-05d854 .scroll-latest-btn {
  position: absolute;
  right: 20px;
  bottom: 18px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 3px;
  border: 0.5px solid #DCE1E6;
  background: #FFFFFF;
  color: #080C12;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 160ms ease, transform 160ms ease, border-color 160ms ease, background 160ms ease;
}
.idp-chat-05d854 .scroll-latest-btn.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.idp-chat-05d854 .scroll-latest-btn:hover {
  background: #F8FAFC;
  border-color: #D4D7DB;
}
.idp-chat-05d854 .mark-reviewed-btn {
  right: 20px;
  bottom: 18px;
}
.idp-chat-05d854 .mark-reviewed-btn:hover {
  background: #EEF6F0;
  border-color: #A9C9B0;
}
.idp-chat-05d854 .messages-container {
  overflow: visible;
  padding: 0;
  width: 100%;
}
.idp-chat-05d854 .hidden-messages-indicator {
  text-align: center;
  padding: 12px;
  margin-bottom: 16px;
  color: #848689;
  font-size: 12px;
  font-style: italic;
  background: #F1F3F5;
  border-radius: 3px;
  border: 0.5px dashed #D0D5DD;
}
.idp-chat-05d854 .hidden-messages-indicator:empty {
  display: none;
}
.idp-chat-05d854 .message-item {
  position: relative;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  padding: 0;
  border-left: none;
  transition: all 200ms;
}
.idp-chat-05d854 .narrative-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #848689;
  cursor: pointer;
  user-select: none;
}
.idp-chat-05d854 .narrative-toggle:hover {
  color: #515559;
  text-decoration: underline;
}
.idp-chat-05d854 .narrative-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.idp-chat-05d854 .narrative-tag {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #A06A00;
}
.idp-chat-05d854 .narrative-hide-btn {
  padding: 3px 8px;
  border: 1px solid #C6D3E5;
  border-radius: 6px;
  background: transparent;
  color: #A06A00;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}
.idp-chat-05d854 .narrative-hide-btn:hover {
  background: #F5F0E6;
  border-color: #A06A00;
}
.idp-chat-05d854 .message-item.head-item {
  background: #F8FAFC;
}
.idp-chat-05d854 .messages-container.head {
  padding: 12px 0;
  border-radius: 12px;
}
.idp-chat-05d854 .message-section {
  margin-bottom: 0;
}
.idp-chat-05d854 .message-section:last-of-type {
  margin-bottom: 0;
}
.idp-chat-05d854 .message-section.user-message {
  max-width: 85%;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  justify-content: flex-end;
}
.idp-chat-05d854 .message-section.assistant-message {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 12px 0;
  max-width: 100%;
  position: relative;
}
.idp-chat-05d854 .message-text {
  color: #141A21;
  line-height: 1.5;
}
.idp-chat-05d854 .user-message .message-text {
  font-size: 14px;
  color: #515559;
}
.idp-chat-05d854 .assistant-message .message-text {
  font-size: 14px;
  color: #141A21;
}
.idp-chat-05d854 .message-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  border-top: none;
  padding-top: 6px;
  margin-top: 6px;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.idp-chat-05d854 .message-item:hover .message-meta {
  opacity: 1;
}
.idp-chat-05d854 .head-item .message-meta {
  border-top: 1px solid #E2E4E7;
  padding-top: 8px;
  margin-top: 8px;
  opacity: 1;
}
.idp-chat-05d854 .reason-section {
  display: none;
  padding: 8px 12px;
  margin: 8px 0;
  background: #F5F0E6;
  border-left: 3px solid #A06A00;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
.idp-chat-05d854 .reason-section.has-reason {
  display: block;
}
.idp-chat-05d854 .reason-section:hover {
  background: #F5F0E6;
}
.idp-chat-05d854 .reason-label {
  color: #A06A00;
  font-weight: 600;
  font-size: 12px;
  margin-right: 8px;
}
.idp-chat-05d854 .reason-text {
  color: #141A21;
  font-size: 13px;
}
.idp-chat-05d854 .omit-btn {
  position: absolute;
  top: 16px;
  left: -42px;
  padding: 4px 10px;
  border: 1px solid #D4D7DB;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.2s;
  background: transparent;
  color: #141A21;
  opacity: 0;
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.idp-chat-05d854 .message-item:hover .omit-btn {
  opacity: 1;
}
.idp-chat-05d854 .omit-btn:hover {
  background: #E2E4E7;
  border-color: #848689;
}
.idp-chat-05d854 .action-btn {
  padding: 4px 10px;
  border: 1px solid #D4D7DB;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: background 0.2s, border-color 0.2s, color 0.2s, opacity 0.2s;
  background: transparent;
  color: #141A21;
}
.idp-chat-05d854 .action-btn.primary {
  border-color: #A06A00;
  background: #A06A00;
  color: #FFFFFF;
}
.idp-chat-05d854 .action-btn.primary:hover {
  background: #274A80;
  border-color: #274A80;
}
.idp-chat-05d854 .action-btn.secondary {
  background: transparent;
  color: #A06A00;
}
.idp-chat-05d854 .action-btn.secondary:hover {
  background: #F5F0E6;
}
.idp-chat-05d854 .accept-btn {
  display: none;
}
.idp-chat-05d854 .accept-btn.has-output {
  display: inline-flex;
}
.idp-chat-05d854 .input-section {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #E2E4E7;
  background: #F8FAFC;
  padding: 12px;
  flex-shrink: 0;
  transition: background 160ms ease;
  width: 100%;
  max-width: 3600px;
  box-sizing: border-box;
}
.idp-chat-05d854 .input-section.input-has-focus:not(.input-is-generating) {
  background: #F1F3F5;
}
.idp-chat-05d854 .input-section.input-has-content:not(.input-has-focus):not(.input-is-generating) {
  background: #F1F3F5;
}
.idp-chat-05d854 .input-container {
  min-height: 100px;
  background: #FFFFFF;
  border: 1px solid #D4D7DB;
  border-radius: 4px;
  margin-bottom: 8px;
  overflow: hidden;
  transition: opacity 0.2s;
}
.idp-chat-05d854 .input-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.idp-chat-05d854 .streaming-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #A06A00;
  font-size: 12px;
}
.idp-chat-05d854 .indicator-text {
  animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpChat/idpMessages.html.R.js */
.idp-messages-906e34 .idp-message {
  width: 100%;
  box-sizing: border-box;
}
.idp-messages-906e34 .message-section {
  box-sizing: border-box;
  max-width: 100%;
  color: #e2e3e1;
  line-height: 1.6;
}
.user-text-section-7d4dec {
  max-height: 140px;
  overflow: auto;
  margin: 0;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: stretch;
  padding: 12px 20px;
  background: #272A2D;
  color: #FFFFFF;
  border: none;
  border-radius: 0;
}
.user-text-section-7d4dec .ca-viewport .ca-doc {
  color: #FFFFFF;
}
.user-text-section-7d4dec .ca-viewport .ca-doc > p,
.user-text-section-7d4dec .ca-viewport .ca-doc > ul,
.user-text-section-7d4dec .ca-viewport .ca-doc > li,
.user-text-section-7d4dec .ca-viewport .ca-doc > ol {
  color: #FFFFFF;
}
.assistant-text-section-c4ea78 {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 12px 20px;
  position: relative;
}
.thinking-section-cad1ad {
  padding: 8px 20px 12px;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
  line-height: 12px;
  font-size: 11px;
}
.thinking-section-cad1ad .thinking-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(226, 227, 225, 0.62);
  cursor: pointer;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.thinking-section-cad1ad .thinking-toggle:hover {
  color: rgba(226, 227, 225, 0.82);
}
.thinking-section-cad1ad .thinking-chevron {
  display: inline-block;
  width: 8px;
  transition: transform 0.18s ease;
  transform-origin: center;
}
.thinking-section-cad1ad .thinking-title {
  line-height: 1;
}
.thinking-section-cad1ad .section-running-dots {
  display: none;
  align-items: center;
  letter-spacing: 0;
}
.thinking-section-cad1ad.is-running .section-running-dots {
  display: inline-flex;
}
.thinking-section-cad1ad .section-running-dots > span {
  display: inline-block;
  animation: section-running-dot-wave 1.2s ease-in-out infinite;
}
.thinking-section-cad1ad .section-running-dots > span:nth-child(2) {
  animation-delay: 0.16s;
}
.thinking-section-cad1ad .section-running-dots > span:nth-child(3) {
  animation-delay: 0.32s;
}
@keyframes section-running-dot-wave {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.55;
  }
  30% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
.thinking-section-cad1ad .thinking-body {
  display: none;
  max-height: 240px;
  margin-top: 8px;
  padding-left: 16px;
  padding-right: 8px;
  opacity: 0.75;
  overscroll-behavior: contain;
}
.thinking-section-cad1ad.thinking-expanded .thinking-chevron {
  transform: rotate(90deg);
}
.thinking-section-cad1ad.thinking-expanded .thinking-body {
  display: block;
}
.conclusion-section-8cba20 {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 12px 20px;
  position: relative;
}
.tools-section-2b4c6c {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
  line-height: 12px;
  font-size: 11px;
}
.tools-section-2b4c6c .tools-toggle {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(226, 227, 225, 0.62);
  cursor: pointer;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.tools-section-2b4c6c .tools-toggle:hover {
  color: rgba(226, 227, 225, 0.82);
}
.tools-section-2b4c6c .tools-chevron {
  display: inline-block;
  width: 8px;
  transition: transform 0.18s ease;
  transform-origin: center;
}
.tools-section-2b4c6c .tools-title {
  line-height: 1;
}
.tools-section-2b4c6c .tools-header-line-delta {
  display: inline-flex;
  gap: 6px;
  font-family: monospace;
  font-size: 10px;
  line-height: 1;
}
.tools-section-2b4c6c .tools-header-line-delta .add {
  color: rgba(120, 220, 120, 0.95);
}
.tools-section-2b4c6c .tools-header-line-delta .del {
  color: rgba(255, 110, 110, 0.95);
}
.tools-section-2b4c6c .tools-subtitle {
  max-width: 100%;
  min-height: 12px;
  margin-top: 4px;
  padding-left: 16px;
  overflow: hidden;
  color: rgba(226, 227, 225, 0.4);
  font-size: 10px;
  line-height: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tools-section-2b4c6c .tools-subtitle.is-hidden {
  display: none;
}
.tools-section-2b4c6c .section-running-dots {
  display: none;
  align-items: center;
  letter-spacing: 0;
}
.tools-section-2b4c6c.is-running .section-running-dots {
  display: inline-flex;
}
.tools-section-2b4c6c .section-running-dots > span {
  display: inline-block;
  animation: section-running-dot-wave 1.2s ease-in-out infinite;
}
.tools-section-2b4c6c .section-running-dots > span:nth-child(2) {
  animation-delay: 0.16s;
}
.tools-section-2b4c6c .section-running-dots > span:nth-child(3) {
  animation-delay: 0.32s;
}
@keyframes section-running-dot-wave {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.55;
  }
  30% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
.tools-section-2b4c6c .tools-body {
  display: none;
  flex-direction: column;
  gap: 10px;
  max-height: 280px;
  margin-top: 8px;
  padding-left: 16px;
  padding-right: 8px;
  overscroll-behavior: contain;
}
.tools-section-2b4c6c.tools-expanded .tools-chevron {
  transform: rotate(90deg);
}
.tools-section-2b4c6c.tools-expanded .tools-subtitle {
  display: none;
}
.tools-section-2b4c6c.tools-expanded .tools-body {
  display: flex;
}
.tools-section-2b4c6c .tools-stream {
  min-width: 0;
}
.tools-section-2b4c6c .tools-summary {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tools-section-2b4c6c .tools-summary-header {
  display: flex;
  align-items: baseline;
}
.tools-section-2b4c6c .tools-summary-meta {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.38);
}
.tools-section-2b4c6c .tools-summary-meta .add {
  color: rgba(120, 220, 120, 0.95);
}
.tools-section-2b4c6c .tools-summary-meta .del {
  color: rgba(255, 110, 110, 0.95);
}
.tools-section-2b4c6c .tools-summary-meta .sep {
  color: rgba(255, 255, 255, 0.28);
}
.tools-section-2b4c6c .tools-summary-meta.is-hidden {
  display: none;
}
.tools-section-2b4c6c .tools-summary-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tools-section-2b4c6c .tools-summary-group {
  display: flex;
  flex-direction: column;
}
.tools-section-2b4c6c .tools-summary-empty {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.3);
}
.tool-section-file-delta-item-5883c6 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.tool-section-file-delta-item-5883c6 .row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.tool-section-file-delta-item-5883c6 .file {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-family: monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.9);
}
.tool-section-file-delta-item-5883c6 .diff {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-family: monospace;
}
.tool-section-file-delta-item-5883c6 .diff .add {
  color: rgba(120, 220, 120, 0.95);
}
.tool-section-file-delta-item-5883c6 .diff .del {
  color: rgba(255, 110, 110, 0.95);
}
.tool-section-file-delta-item-5883c6 .meta {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.38);
}
.tool-section-file-delta-item-5883c6 .meta.is-created {
  color: rgba(120, 220, 120, 0.9);
}
.tool-section-file-delta-item-5883c6 .meta.is-deleted {
  color: rgba(255, 110, 110, 0.9);
}
.tool-section-file-delta-item-5883c6 .meta.is-modified {
  color: rgba(255, 220, 140, 0.88);
}
.tool-section-file-delta-item-5883c6 .meta.is-hidden {
  display: none;
}
.tool-section-todo-item-942664 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.tool-section-todo-item-942664 .row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.tool-section-todo-item-942664 .state {
  flex-shrink: 0;
  font-size: 11px;
  font-family: monospace;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.42);
}
.tool-section-todo-item-942664.is-todo .state {
  color: rgba(255, 210, 120, 0.92);
}
.tool-section-todo-item-942664.is-done .state {
  color: rgba(140, 255, 180, 0.88);
}
.tool-section-todo-item-942664 .brief {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-family: monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.9);
}
.tool-section-todo-item-942664 .meta {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.38);
  font-family: monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 40px;
}
.tool-section-todo-item-942664 .meta.is-hidden {
  display: none;
}
.narrative-section-a3be9a {
  background: rgba(255, 193, 7, 0.06);
  border-left: 3px solid rgba(255, 193, 7, 0.7);
  padding: 10px 20px;
  opacity: 0.72;
}
.system-section-495bc0 {
  background: rgba(99, 179, 237, 0.06);
  border-left: 3px solid rgba(99, 179, 237, 0.7);
  padding: 10px 20px;
  opacity: 0.82;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpChat/idpMessages.theme/business/idpMessages.html.R.js */
.idp-messages-bfafe8 .idp-message {
  width: 100%;
  box-sizing: border-box;
}
.idp-messages-bfafe8 .message-section {
  box-sizing: border-box;
  max-width: 100%;
  color: #141A21;
  line-height: 1.6;
}
.user-text-section-0ef2fa {
  max-height: 140px;
  overflow: auto;
  margin: 0;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: stretch;
  padding: 12px 20px;
  background: #2B3036;
  color: #FFFFFF;
  border: none;
  border-radius: 0;
}
.user-text-section-0ef2fa .ca-viewport .ca-doc {
  color: #FFFFFF;
}
.user-text-section-0ef2fa .ca-viewport .ca-doc > p,
.user-text-section-0ef2fa .ca-viewport .ca-doc > ul,
.user-text-section-0ef2fa .ca-viewport .ca-doc > li,
.user-text-section-0ef2fa .ca-viewport .ca-doc > ol {
  color: #FFFFFF;
}
.assistant-text-section-b20a1c {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 12px 20px;
  position: relative;
}
.thinking-section-44d272 {
  padding: 8px 20px 12px;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
  line-height: 12px;
  font-size: 11px;
}
.thinking-section-44d272 .thinking-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: none;
  background: transparent;
  color: #848689;
  cursor: pointer;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.thinking-section-44d272 .thinking-toggle:hover {
  color: #515559;
}
.thinking-section-44d272 .thinking-chevron {
  display: inline-block;
  width: 8px;
  transition: transform 0.18s ease;
  transform-origin: center;
}
.thinking-section-44d272 .thinking-title {
  line-height: 1;
}
.thinking-section-44d272 .section-running-dots {
  display: none;
  align-items: center;
  letter-spacing: 0;
}
.thinking-section-44d272.is-running .section-running-dots {
  display: inline-flex;
}
.thinking-section-44d272 .section-running-dots > span {
  display: inline-block;
  animation: section-running-dot-wave 1.2s ease-in-out infinite;
}
.thinking-section-44d272 .section-running-dots > span:nth-child(2) {
  animation-delay: 0.16s;
}
.thinking-section-44d272 .section-running-dots > span:nth-child(3) {
  animation-delay: 0.32s;
}
@keyframes section-running-dot-wave {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.55;
  }
  30% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
.thinking-section-44d272 .thinking-body {
  display: none;
  max-height: 240px;
  margin-top: 8px;
  padding-left: 16px;
  padding-right: 8px;
  opacity: 0.75;
  overscroll-behavior: contain;
}
.thinking-section-44d272.thinking-expanded .thinking-chevron {
  transform: rotate(90deg);
}
.thinking-section-44d272.thinking-expanded .thinking-body {
  display: block;
}
.conclusion-section-008afc {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 12px 20px;
  position: relative;
}
.tools-section-bf84d8 {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
  line-height: 12px;
  font-size: 11px;
}
.tools-section-bf84d8 .tools-toggle {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  padding: 0;
  border: none;
  background: transparent;
  color: #848689;
  cursor: pointer;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.tools-section-bf84d8 .tools-toggle:hover {
  color: #515559;
}
.tools-section-bf84d8 .tools-chevron {
  display: inline-block;
  width: 8px;
  transition: transform 0.18s ease;
  transform-origin: center;
}
.tools-section-bf84d8 .tools-title {
  line-height: 1;
}
.tools-section-bf84d8 .tools-header-line-delta {
  display: inline-flex;
  gap: 6px;
  font-family: monospace;
  font-size: 10px;
  line-height: 1;
}
.tools-section-bf84d8 .tools-header-line-delta .add {
  color: #227A47;
}
.tools-section-bf84d8 .tools-header-line-delta .del {
  color: #B23A3A;
}
.tools-section-bf84d8 .tools-subtitle {
  max-width: 100%;
  min-height: 12px;
  margin-top: 4px;
  padding-left: 16px;
  overflow: hidden;
  color: #848689;
  font-size: 10px;
  line-height: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tools-section-bf84d8 .tools-subtitle.is-hidden {
  display: none;
}
.tools-section-bf84d8 .section-running-dots {
  display: none;
  align-items: center;
  letter-spacing: 0;
}
.tools-section-bf84d8.is-running .section-running-dots {
  display: inline-flex;
}
.tools-section-bf84d8 .section-running-dots > span {
  display: inline-block;
  animation: section-running-dot-wave 1.2s ease-in-out infinite;
}
.tools-section-bf84d8 .section-running-dots > span:nth-child(2) {
  animation-delay: 0.16s;
}
.tools-section-bf84d8 .section-running-dots > span:nth-child(3) {
  animation-delay: 0.32s;
}
@keyframes section-running-dot-wave {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.55;
  }
  30% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
.tools-section-bf84d8 .tools-body {
  display: none;
  flex-direction: column;
  gap: 10px;
  max-height: 280px;
  margin-top: 8px;
  padding-left: 16px;
  padding-right: 8px;
  overscroll-behavior: contain;
}
.tools-section-bf84d8.tools-expanded .tools-chevron {
  transform: rotate(90deg);
}
.tools-section-bf84d8.tools-expanded .tools-subtitle {
  display: none;
}
.tools-section-bf84d8.tools-expanded .tools-body {
  display: flex;
}
.tools-section-bf84d8 .tools-stream {
  min-width: 0;
}
.tools-section-bf84d8 .tools-summary {
  border-top: 1px solid #E2E4E7;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tools-section-bf84d8 .tools-summary-header {
  display: flex;
  align-items: baseline;
}
.tools-section-bf84d8 .tools-summary-meta {
  font-size: 11px;
  color: #848689;
}
.tools-section-bf84d8 .tools-summary-meta .add {
  color: #227A47;
}
.tools-section-bf84d8 .tools-summary-meta .del {
  color: #B23A3A;
}
.tools-section-bf84d8 .tools-summary-meta .sep {
  color: #BFC4CA;
}
.tools-section-bf84d8 .tools-summary-meta.is-hidden {
  display: none;
}
.tools-section-bf84d8 .tools-summary-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tools-section-bf84d8 .tools-summary-group {
  display: flex;
  flex-direction: column;
}
.tools-section-bf84d8 .tools-summary-empty {
  font-size: 11px;
  color: #848689;
}
.tool-section-file-delta-item-8b0638 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
  cursor: pointer;
  border-bottom: 1px solid #F2F5F8;
}
.tool-section-file-delta-item-8b0638 .row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.tool-section-file-delta-item-8b0638 .file {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-family: monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #080C12;
}
.tool-section-file-delta-item-8b0638 .diff {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-family: monospace;
}
.tool-section-file-delta-item-8b0638 .diff .add {
  color: #227A47;
}
.tool-section-file-delta-item-8b0638 .diff .del {
  color: #B23A3A;
}
.tool-section-file-delta-item-8b0638 .meta {
  font-size: 11px;
  color: #848689;
}
.tool-section-file-delta-item-8b0638 .meta.is-created {
  color: #227A47;
}
.tool-section-file-delta-item-8b0638 .meta.is-deleted {
  color: #B23A3A;
}
.tool-section-file-delta-item-8b0638 .meta.is-modified {
  color: #A06A00;
}
.tool-section-file-delta-item-8b0638 .meta.is-hidden {
  display: none;
}
.tool-section-todo-item-d04482 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
  border-bottom: 1px solid #F2F5F8;
}
.tool-section-todo-item-d04482 .row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.tool-section-todo-item-d04482 .state {
  flex-shrink: 0;
  font-size: 11px;
  font-family: monospace;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #848689;
}
.tool-section-todo-item-d04482.is-todo .state {
  color: #A06A00;
}
.tool-section-todo-item-d04482.is-done .state {
  color: #227A47;
}
.tool-section-todo-item-d04482 .brief {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-family: monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #080C12;
}
.tool-section-todo-item-d04482 .meta {
  font-size: 11px;
  color: #848689;
  font-family: monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 40px;
}
.tool-section-todo-item-d04482 .meta.is-hidden {
  display: none;
}
.narrative-section-ff9d3a {
  background: #F5F0E6;
  border-left: 3px solid #A06A00;
  padding: 10px 20px;
  opacity: 0.72;
}
.system-section-e4068e {
  background: #EFF3F8;
  border-left: 3px solid #365C97;
  padding: 10px 20px;
  opacity: 0.82;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpChat/idpSections.html.R.js */
.idp-sections-2cc1d9 .section {
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  color: #e2e3e1;
  line-height: 1.5;
}
.prompt-section-feaeb5 {
  margin-left: auto;
  margin-right: 0;
  max-width: 85%;
  width: fit-content;
  display: flex;
  justify-content: flex-end;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0px;
  padding: 2px 10px;
  border-left: 3px solid rgba(255, 255, 255, 0.16);
}
.iterator-section-104aa9 {
  width: 100%;
  max-width: 100%;
  padding: 12px 0;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
}
.thinking-section-5524b2 {
  width: 100%;
  max-width: 100%;
  padding: 8px 0 12px;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
  line-height: 12px;
  font-size: 11px;
}
.thinking-section-5524b2 .thinking-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(226, 227, 225, 0.62);
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.thinking-section-5524b2 .thinking-toggle:hover {
  color: rgba(226, 227, 225, 0.82);
}
.thinking-section-5524b2 .thinking-chevron {
  display: inline-block;
  width: 8px;
  transition: transform 0.18s ease;
  transform-origin: center;
}
.thinking-section-5524b2 .thinking-title {
  line-height: 1;
}
.thinking-section-5524b2 .thinking-body {
  display: none;
  max-height: 240px;
  margin-top: 8px;
  padding-left: 16px;
  padding-right: 8px;
  opacity: 0.75;
  overscroll-behavior: contain;
}
.thinking-section-5524b2.thinking-expanded .thinking-chevron {
  transform: rotate(90deg);
}
.thinking-section-5524b2.thinking-expanded .thinking-body {
  display: block;
}
.conclusion-section-1d5efd {
  width: 100%;
  max-width: 100%;
  padding: 12px 0;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
}
.lead-section-1017a4 {
  width: 100%;
  max-width: 100%;
  padding: 12px 0;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
  opacity: 0.4;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpChat/idpSections.theme/business/idpSections.html.R.js */
.idp-sections-5226d4 .section {
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  color: #141A21;
  line-height: 1.5;
}
.prompt-section-118e55 {
  margin-left: auto;
  margin-right: 0;
  max-width: 85%;
  width: fit-content;
  display: flex;
  justify-content: flex-end;
  background: #F2F5F8;
  border: 1px solid #E2E4E7;
  border-radius: 0px;
  padding: 2px 10px;
  border-left: 3px solid #D4D7DB;
}
.iterator-section-f1c2da {
  width: 100%;
  max-width: 100%;
  padding: 12px 0;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
}
.thinking-section-36d8c0 {
  width: 100%;
  max-width: 100%;
  padding: 8px 0 12px;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
  line-height: 12px;
  font-size: 11px;
}
.thinking-section-36d8c0 .thinking-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: none;
  background: transparent;
  color: #848689;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.thinking-section-36d8c0 .thinking-toggle:hover {
  color: #515559;
}
.thinking-section-36d8c0 .thinking-chevron {
  display: inline-block;
  width: 8px;
  transition: transform 0.18s ease;
  transform-origin: center;
}
.thinking-section-36d8c0 .thinking-title {
  line-height: 1;
}
.thinking-section-36d8c0 .thinking-body {
  display: none;
  max-height: 240px;
  margin-top: 8px;
  padding-left: 16px;
  padding-right: 8px;
  opacity: 0.75;
  overscroll-behavior: contain;
}
.thinking-section-36d8c0.thinking-expanded .thinking-chevron {
  transform: rotate(90deg);
}
.thinking-section-36d8c0.thinking-expanded .thinking-body {
  display: block;
}
.conclusion-section-227ab4 {
  width: 100%;
  max-width: 100%;
  padding: 12px 0;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
}
.lead-section-c62815 {
  width: 100%;
  max-width: 100%;
  padding: 12px 0;
  background: transparent;
  border: none;
  border-radius: 0;
  position: relative;
  opacity: 0.4;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpChatMarker/selectionMenu.html.R.js */
.selection-menu-23cebb {
  position: absolute;
  background: white;
  padding: 4px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  z-index: 1000;
}
.menu-item-c40020 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.menu-item-c40020:hover {
  background-color: #f0f0f0;
}
.menu-item-c40020:active {
  background-color: #e0e0e0;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpChatMarker/selectionMenu.theme/business/selectionMenu.html.R.js */
.selection-menu-d405cc {
  position: absolute;
  background: #FFFFFF;
  padding: 4px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  z-index: 1000;
}
.menu-item-af4394 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.menu-item-af4394:hover {
  background-color: #F2F5F8;
}
.menu-item-af4394:active {
  background-color: #E2E4E7;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpComposeWindow.html.R.js */
.idp-compose-window-0f495b {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #111213;
  color: rgba(255, 255, 255, 0.92);
}
.idp-compose-window-0f495b .composer-root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  position: relative;
}
.idp-compose-window-0f495b .editor-shell {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
}
.idp-compose-window-0f495b .editor-shell > * {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.idp-compose-window-0f495b .editor-shell .ca-viewport {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: transparent;
  border: none;
  border-radius: 0;
  overflow: hidden;
}
.idp-compose-window-0f495b .editor-shell .ca-scrollable {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 18px 22px 96px;
  box-sizing: border-box;
}
.idp-compose-window-0f495b .action-bar {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(15, 15, 16, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.24);
}
.idp-compose-window-0f495b .action-btn {
  min-width: 76px;
  height: 32px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  box-sizing: border-box;
  font-size: 12px;
  font-family: monospace;
}
.idp-compose-window-0f495b .action-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
}
.idp-compose-window-0f495b .action-btn.subtle {
  color: rgba(255, 255, 255, 0.72);
}
.idp-compose-window-0f495b .action-btn.primary {
  background: rgba(255, 255, 255, 0.92);
  color: rgba(0, 0, 0, 0.88);
  border-color: transparent;
}
.idp-compose-window-0f495b .action-btn.primary:hover {
  background: #ffffff;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpComposeWindow.theme/business/idpComposeWindow.html.R.js */
.idp-compose-window-b5f84b {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #FFFFFF;
  color: #080C12;
}
.idp-compose-window-b5f84b .composer-root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  position: relative;
  background: #FFFFFF;
}
.idp-compose-window-b5f84b .editor-shell {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  background: #FFFFFF;
}
.idp-compose-window-b5f84b .editor-shell > * {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.idp-compose-window-b5f84b .editor-shell .ca-viewport {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  border: none;
  border-radius: 0;
  overflow: hidden;
}
.idp-compose-window-b5f84b .editor-shell .ca-scrollable {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 18px 22px 96px;
  box-sizing: border-box;
  background: #FFFFFF;
}
.idp-compose-window-b5f84b .editor-shell .ca-layout,
.idp-compose-window-b5f84b .editor-shell .ca-doc,
.idp-compose-window-b5f84b .editor-shell .cas-rich-text-input {
  background: #FFFFFF;
}
.idp-compose-window-b5f84b .action-bar {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  background: #FFFFFF;
  border: 1px solid #E2E4E7;
  backdrop-filter: none;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
}
.idp-compose-window-b5f84b .action-btn {
  min-width: 76px;
  height: 32px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #E2E4E7;
  background: #F2F5F8;
  color: #080C12;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 12px;
  font-family: monospace;
}
.idp-compose-window-b5f84b .action-btn:hover {
  background: #E2E4E7;
  border-color: #D4D7DB;
}
.idp-compose-window-b5f84b .action-btn.subtle {
  color: #515559;
}
.idp-compose-window-b5f84b .action-btn.primary {
  background: #365C97;
  color: #FFFFFF;
  border-color: #365C97;
}
.idp-compose-window-b5f84b .action-btn.primary:hover {
  background: #274A80;
  border-color: #274A80;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpCurrentToolBrowser/idpCurrentToolBrowser.html.R.js */
.idp-current-tool-browser-737fb7 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f8f9fa;
  border-radius: 8px;
  overflow: hidden;
}
.idp-current-tool-browser-737fb7 .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: white;
  border-bottom: 1px solid #e5e7eb;
}
.idp-current-tool-browser-737fb7 h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
}
.idp-current-tool-browser-737fb7 .count {
  font-size: 12px;
  color: #6b7280;
  background: #f3f4f6;
  padding: 4px 12px;
  border-radius: 12px;
  font-weight: 500;
}
.idp-current-tool-browser-737fb7 .tool-list-container {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
}
.idp-current-tool-browser-737fb7 .tool-item {
  background: white;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 8px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}
.idp-current-tool-browser-737fb7 .tool-item:hover {
  border-color: #3b82f6;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}
.idp-current-tool-browser-737fb7 .tool-item:last-child {
  margin-bottom: 0;
}
.idp-current-tool-browser-737fb7 .tool-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.idp-current-tool-browser-737fb7 .tool-name {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}
.idp-current-tool-browser-737fb7 .tool-signature {
  font-size: 12px;
  color: #4b5563;
  background: #f9fafb;
  padding: 8px 12px;
  border-radius: 4px;
  margin-bottom: 8px;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  white-space: pre-wrap;
  word-break: break-word;
  border-left: 3px solid #3b82f6;
}
.idp-current-tool-browser-737fb7 .tool-description {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpCurrentToolBrowser/idpCurrentToolBrowser.theme/business/idpCurrentToolBrowser.html.R.js */
.idp-current-tool-browser-d30f58 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #F8FAFC;
  border-radius: 8px;
  overflow: hidden;
}
.idp-current-tool-browser-d30f58 .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: #FFFFFF;
  border-bottom: 1px solid #DDE4EB;
}
.idp-current-tool-browser-d30f58 h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #080C12;
}
.idp-current-tool-browser-d30f58 .count {
  font-size: 12px;
  color: #848689;
  background: #F2F5F8;
  padding: 4px 12px;
  border-radius: 12px;
  font-weight: 500;
}
.idp-current-tool-browser-d30f58 .tool-list-container {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
}
.idp-current-tool-browser-d30f58 .tool-item {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 8px;
  border: 1px solid #DDE4EB;
  transition: all 0.2s ease;
}
.idp-current-tool-browser-d30f58 .tool-item:hover {
  border-color: #365C97;
  box-shadow: 0 2px 8px #EFF3F8;
}
.idp-current-tool-browser-d30f58 .tool-item:last-child {
  margin-bottom: 0;
}
.idp-current-tool-browser-d30f58 .tool-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.idp-current-tool-browser-d30f58 .tool-name {
  font-size: 14px;
  font-weight: 600;
  color: #080C12;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}
.idp-current-tool-browser-d30f58 .tool-signature {
  font-size: 12px;
  color: #515559;
  background: #FFFFFF;
  padding: 8px 12px;
  border-radius: 4px;
  margin-bottom: 8px;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  white-space: pre-wrap;
  word-break: break-word;
  border-left: 3px solid #365C97;
}
.idp-current-tool-browser-d30f58 .tool-description {
  font-size: 13px;
  color: #848689;
  line-height: 1.5;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpExplorer/idpExplorer.html.R.js */
.idp-explorer-024369 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #181A1B;
  color: #fff;
  box-sizing: border-box;
  font-family: 'Open Sans', "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", SimSun, Song, sans-serif;
}
.idp-explorer-024369 .loading-hidden-chrome {
  flex-shrink: 0;
}
.idp-explorer-024369.is-loading .loading-hidden-chrome {
  display: none;
}
.idp-explorer-024369 .body {
  flex: 1;
  display: flex;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.idp-explorer-024369 .left-panel {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: min(360px, 100%);
  background: #191919;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
  box-shadow: 8px 0 24px rgba(0, 0, 0, 0.28);
}
.idp-explorer-024369 .left-panel.is-hidden {
  display: none;
}
.idp-explorer-024369 .left-panel-mask {
  position: absolute;
  z-index: 1;
  inset: 0;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.idp-explorer-024369 .left-panel-mask.is-hidden {
  display: none;
}
.idp-explorer-024369 .left-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.idp-explorer-024369 .left-content > * {
  flex: 1;
  min-height: 0;
}
.idp-explorer-024369 .right-panel {
  position: relative;
  z-index: 0;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.idp-explorer-024369 .content-panel {
  width: 100%;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.idp-explorer-024369 .content-panel > * {
  flex: 1;
  min-height: 0;
}
.idp-explorer-024369 .idps-loading-hint {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.92);
  font-family: monospace;
  font-size: 12px;
  line-height: 26px;
  letter-spacing: 0.01em;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 160ms ease;
  z-index: 2;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.idp-explorer-024369 .idps-loading-hint.is-visible {
  opacity: 1;
  visibility: visible;
}
.idp-explorer-024369 .idps-loading-text {
  color: rgba(255, 255, 255, 0.92);
}
.idp-explorer-024369 .idps-loading-dots {
  display: inline-flex;
  align-items: center;
}
.idp-explorer-024369 .idps-loading-dots > span {
  display: inline-block;
  animation: idps-loading-dot-wave 1.2s ease-in-out infinite;
}
.idp-explorer-024369 .idps-loading-dots > span:nth-child(2) {
  animation-delay: 0.16s;
}
.idp-explorer-024369 .idps-loading-dots > span:nth-child(3) {
  animation-delay: 0.32s;
}
@keyframes idps-loading-dot-wave {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.7;
  }
  30% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
.idp-explorer-024369 .simple-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: visible;
  box-sizing: border-box;
  padding: 12px;
  gap: 8px;
}
.idp-explorer-024369 .simple-view .title {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.idp-explorer-024369 .simple-view .content {
  flex: 1;
  margin: 0;
  padding: 12px;
  overflow: auto;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.9);
  font-family: monospace;
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
  box-sizing: border-box;
}
.idp-explorer-024369 .question-section {
  flex-shrink: 0;
  padding: 10px 12px;
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.22);
  transition: border-color 0.22s ease, box-shadow 0.22s ease, border-radius 0.22s ease;
}
.idp-explorer-024369 .question-section.input-has-focus:not(.input-is-generating) {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}
.idp-explorer-024369 .question-section.input-has-content:not(.input-has-focus):not(.input-is-generating) {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpExplorer/idpExplorer.theme/business/idpExplorer.html.R.js */
.idp-explorer-56f3e7 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #EEF1F4;
  color: #080C12;
  box-sizing: border-box;
  font-family: 'Open Sans', "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", SimSun, Song, sans-serif;
}
.idp-explorer-56f3e7 .loading-hidden-chrome {
  flex-shrink: 0;
}
.idp-explorer-56f3e7.is-loading .loading-hidden-chrome {
  display: none;
}
.idp-explorer-56f3e7 .body {
  flex: 1;
  display: flex;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.idp-explorer-56f3e7 .left-panel {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: min(360px, 100%);
  background: #F8FAFC;
  border-right: 0.5px solid #E1E4E7;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
  box-shadow: 8px 0 24px rgba(15, 23, 42, 0.12);
}
.idp-explorer-56f3e7 .left-panel.is-hidden {
  display: none;
}
.idp-explorer-56f3e7 .left-panel-mask {
  position: absolute;
  z-index: 1;
  inset: 0;
  padding: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.12);
  cursor: default;
}
.idp-explorer-56f3e7 .left-panel-mask.is-hidden {
  display: none;
}
.idp-explorer-56f3e7 .left-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.idp-explorer-56f3e7 .left-content > * {
  flex: 1;
  min-height: 0;
}
.idp-explorer-56f3e7 .right-panel {
  position: relative;
  z-index: 0;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.idp-explorer-56f3e7 .content-panel {
  width: 100%;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.idp-explorer-56f3e7 .content-panel > * {
  flex: 1;
  min-height: 0;
}
.idp-explorer-56f3e7 .idps-loading-hint {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 12px;
  border: 0.5px solid #DCE1E6;
  border-radius: 3px;
  background: #FFFFFF;
  color: #080C12;
  font-family: monospace;
  font-size: 12px;
  line-height: 26px;
  letter-spacing: 0.01em;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 160ms ease;
  z-index: 2;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
.idp-explorer-56f3e7 .idps-loading-hint.is-visible {
  opacity: 1;
  visibility: visible;
}
.idp-explorer-56f3e7 .idps-loading-text {
  color: #080C12;
}
.idp-explorer-56f3e7 .idps-loading-dots {
  display: inline-flex;
  align-items: center;
}
.idp-explorer-56f3e7 .idps-loading-dots > span {
  display: inline-block;
  animation: idps-loading-dot-wave 1.2s ease-in-out infinite;
}
.idp-explorer-56f3e7 .idps-loading-dots > span:nth-child(2) {
  animation-delay: 0.16s;
}
.idp-explorer-56f3e7 .idps-loading-dots > span:nth-child(3) {
  animation-delay: 0.32s;
}
@keyframes idps-loading-dot-wave {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.7;
  }
  30% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
.idp-explorer-56f3e7 .simple-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: visible;
  box-sizing: border-box;
  padding: 12px;
  gap: 8px;
}
.idp-explorer-56f3e7 .simple-view .title {
  font-size: 14px;
  color: #515559;
}
.idp-explorer-56f3e7 .simple-view .content {
  flex: 1;
  margin: 0;
  padding: 12px;
  overflow: auto;
  background: #F2F5F8;
  border: 0.5px solid #E1E4E7;
  border-radius: 3px;
  color: #080C12;
  font-family: monospace;
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
  box-sizing: border-box;
}
.idp-explorer-56f3e7 .question-section {
  flex-shrink: 0;
  padding: 10px 12px;
  box-sizing: border-box;
  border-top: 0.5px solid #E1E4E7;
  background: #F2F4F6;
  transition: background 160ms ease;
}
.idp-explorer-56f3e7 .question-section.input-has-focus:not(.input-is-generating) {
  background: #EEF1F4;
}
.idp-explorer-56f3e7 .question-section.input-has-content:not(.input-has-focus):not(.input-is-generating) {
  background: #EEF1F4;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpExplorer/screeningArea.html.R.js */
.screening-area-419d76 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.92);
  background: #191919;
}
.screening-area-419d76 .header {
  flex-shrink: 0;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px 5px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.015);
}
.screening-area-419d76 .mode-tab,
.screening-area-419d76 .head-action,
.screening-area-419d76 .text-action {
  border: none;
  background: transparent;
  margin: 0;
  cursor: pointer;
  box-sizing: border-box;
  user-select: none;
  transition: color 150ms, background 150ms, border-color 150ms, opacity 150ms;
}
.screening-area-419d76 .mode-tab {
  height: 22px;
  padding: 0 0 3px;
  border-bottom: 1px solid transparent;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.01em;
}
.screening-area-419d76 .mode-tab:hover {
  color: rgba(255, 255, 255, 0.82);
}
.screening-area-419d76 .mode-tab.is-active {
  color: rgba(255, 255, 255, 0.94);
  border-bottom-color: rgba(255, 255, 255, 0.35);
}
.screening-area-419d76 .mode-tab .count {
  color: inherit;
  opacity: 0.78;
}
.screening-area-419d76 .mode-tab .count.is-hidden {
  display: none;
}
.screening-area-419d76 .flex {
  flex: 1;
  min-width: 0;
}
.screening-area-419d76 .head-action {
  height: 22px;
  padding: 0;
  color: rgba(255, 255, 255, 0.46);
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0.01em;
}
.screening-area-419d76 .head-action:hover {
  color: rgba(255, 255, 255, 0.82);
}
.screening-area-419d76 .head-action.is-hidden {
  display: none;
}
.screening-area-419d76 .list {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 4px 0 10px;
  box-sizing: border-box;
}
.screening-area-419d76 .empty-hint {
  display: none;
  padding: 18px 8px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.34);
  user-select: none;
}
.screening-area-419d76 .rotation-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 8px 10px;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}
.screening-area-419d76 .rotation-item:hover {
  background: rgba(255, 255, 255, 0.02);
}
.screening-area-419d76 .rotation-item.is-pending .file {
  color: rgba(255, 245, 205, 0.95);
}
.screening-area-419d76 .rotation-item.is-confirmed .file {
  color: rgba(255, 255, 255, 0.84);
}
.screening-area-419d76 .row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.screening-area-419d76 .file {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-family: monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.screening-area-419d76 .change {
  flex-shrink: 0;
  padding: 1px 6px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.58);
}
.screening-area-419d76 .change.is-created {
  color: rgba(120, 220, 120, 0.98);
  border-color: rgba(120, 220, 120, 0.3);
  background: rgba(120, 220, 120, 0.08);
}
.screening-area-419d76 .change.is-deleted {
  color: rgba(255, 110, 110, 0.98);
  border-color: rgba(255, 110, 110, 0.28);
  background: rgba(255, 110, 110, 0.08);
}
.screening-area-419d76 .change.is-modified {
  color: rgba(255, 220, 140, 0.94);
  border-color: rgba(255, 220, 140, 0.24);
  background: rgba(255, 220, 140, 0.06);
}
.screening-area-419d76 .change.is-hidden {
  display: none;
}
.screening-area-419d76 .diff {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-family: monospace;
  color: rgba(255, 255, 255, 0.46);
}
.screening-area-419d76 .diff .add {
  color: rgba(120, 220, 120, 0.95);
}
.screening-area-419d76 .diff .del {
  color: rgba(255, 110, 110, 0.95);
}
.screening-area-419d76 .mount-info {
  font-size: 11px;
  font-family: monospace;
  color: rgba(255, 255, 255, 0.42);
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.screening-area-419d76 .mount-info.is-hidden {
  display: none;
}
.screening-area-419d76 .actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.screening-area-419d76 .text-action {
  height: 20px;
  padding: 0;
  font-size: 11px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.48);
}
.screening-area-419d76 .text-action:hover {
  color: rgba(255, 255, 255, 0.86);
}
.screening-area-419d76 .text-action.subtle {
  color: rgba(255, 255, 255, 0.36);
}
.screening-area-419d76 .text-action.confirm {
  color: rgba(160, 255, 180, 0.74);
}
.screening-area-419d76 .text-action.confirm:hover {
  color: rgba(160, 255, 180, 0.96);
}
.screening-area-419d76 .text-action.revert {
  color: rgba(255, 210, 160, 0.68);
}
.screening-area-419d76 .text-action.revert:hover {
  color: rgba(255, 210, 160, 0.94);
}
.screening-area-419d76 .text-action.is-hidden {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpExplorer/screeningArea.theme/business/screeningArea.html.R.js */
.screening-area-d42b14 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  color: #080C12;
  background: #F8FAFC;
}
.screening-area-d42b14 .header {
  flex-shrink: 0;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px 5px;
  box-sizing: border-box;
  border-bottom: 0.5px solid #E1E4E7;
  background: #FFFFFF;
}
.screening-area-d42b14 .mode-tab,
.screening-area-d42b14 .head-action,
.screening-area-d42b14 .text-action {
  border: none;
  background: transparent;
  margin: 0;
  cursor: pointer;
  box-sizing: border-box;
  user-select: none;
  transition: color 150ms, background 150ms, border-color 150ms, opacity 150ms;
}
.screening-area-d42b14 .mode-tab {
  height: 22px;
  padding: 0 0 3px;
  border-bottom: 2px solid transparent;
  color: #848689;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.01em;
}
.screening-area-d42b14 .mode-tab:hover {
  color: #515559;
}
.screening-area-d42b14 .mode-tab.is-active {
  color: #080C12;
  border-bottom-color: #344054;
}
.screening-area-d42b14 .mode-tab .count {
  color: inherit;
  opacity: 0.78;
}
.screening-area-d42b14 .mode-tab .count.is-hidden {
  display: none;
}
.screening-area-d42b14 .flex {
  flex: 1;
  min-width: 0;
}
.screening-area-d42b14 .head-action {
  height: 22px;
  padding: 0;
  color: #848689;
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0.01em;
}
.screening-area-d42b14 .head-action:hover {
  color: #515559;
}
.screening-area-d42b14 .head-action.is-hidden {
  display: none;
}
.screening-area-d42b14 .list {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 0;
  box-sizing: border-box;
}
.screening-area-d42b14 .empty-hint {
  display: none;
  padding: 18px 8px;
  text-align: center;
  font-size: 12px;
  color: #BFC4CA;
  user-select: none;
}
.screening-area-d42b14 .rotation-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 8px 10px;
  border: none;
  border-bottom: 0.5px solid #E1E4E7;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}
.screening-area-d42b14 .rotation-item:hover {
  background: #F1F3F5;
}
.screening-area-d42b14 .rotation-item.is-pending .file {
  color: #080C12;
}
.screening-area-d42b14 .rotation-item.is-confirmed .file {
  color: #141A21;
}
.screening-area-d42b14 .row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.screening-area-d42b14 .file {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-family: monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.screening-area-d42b14 .change {
  flex-shrink: 0;
  padding: 1px 6px;
  border: 0.5px solid #DCE1E6;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #848689;
}
.screening-area-d42b14 .change.is-created {
  color: #227A47;
  border-color: #C6D3E5;
  background: #E9F2EC;
}
.screening-area-d42b14 .change.is-deleted {
  color: #B23A3A;
  border-color: #C6D3E5;
  background: #F5EAEA;
}
.screening-area-d42b14 .change.is-modified {
  color: #A06A00;
  border-color: #C6D3E5;
  background: #F5F0E6;
}
.screening-area-d42b14 .change.is-hidden {
  display: none;
}
.screening-area-d42b14 .diff {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-family: monospace;
  color: #848689;
}
.screening-area-d42b14 .diff .add {
  color: #227A47;
}
.screening-area-d42b14 .diff .del {
  color: #B23A3A;
}
.screening-area-d42b14 .mount-info {
  font-size: 11px;
  font-family: monospace;
  color: #848689;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.screening-area-d42b14 .mount-info.is-hidden {
  display: none;
}
.screening-area-d42b14 .actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.screening-area-d42b14 .text-action {
  height: 20px;
  padding: 0;
  font-size: 11px;
  line-height: 18px;
  color: #848689;
}
.screening-area-d42b14 .text-action:hover {
  color: #141A21;
}
.screening-area-d42b14 .text-action.subtle {
  color: #848689;
}
.screening-area-d42b14 .text-action.confirm {
  color: #227A47;
}
.screening-area-d42b14 .text-action.confirm:hover {
  color: #227A47;
}
.screening-area-d42b14 .text-action.revert {
  color: #B23A3A;
}
.screening-area-d42b14 .text-action.revert:hover {
  color: #B23A3A;
}
.screening-area-d42b14 .text-action.is-hidden {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpExplorer/todoArea.html.R.js */
.todo-area-891ee2 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.9);
  background: #171717;
}
.todo-area-891ee2 .header {
  flex-shrink: 0;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.015);
}
.todo-area-891ee2 .icon-btn {
  height: 24px;
  min-width: 32px;
  padding: 0 8px;
  background: transparent;
  color: rgba(255, 255, 255, 0.62);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 150ms, color 150ms;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.02em;
  user-select: none;
}
.todo-area-891ee2 .icon-btn:hover {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.92);
}
.todo-area-891ee2 .sep {
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.08);
  margin: 0;
}
.todo-area-891ee2 .flex {
  flex: 1;
  min-width: 0;
}
.todo-area-891ee2 .count {
  font-size: 11px;
  font-family: monospace;
  color: rgba(255, 255, 255, 0.4);
  white-space: nowrap;
}
.todo-area-891ee2 .list {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 4px 10px 10px;
  box-sizing: border-box;
}
.todo-area-891ee2 .empty-hint {
  display: none;
  padding: 20px 8px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.32);
  user-select: none;
}
.todo-area-891ee2 .todo-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 0;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: transparent;
  box-sizing: border-box;
  user-select: none;
  transition: background 150ms;
}
.todo-area-891ee2 .todo-item.is-todo {
  color: rgba(255, 255, 255, 0.94);
}
.todo-area-891ee2 .todo-item.is-done .brief {
  color: rgba(255, 255, 255, 0.64);
}
.todo-area-891ee2 .todo-item.is-done .id,
.todo-area-891ee2 .todo-item.is-done .meta {
  color: rgba(255, 255, 255, 0.28);
}
.todo-area-891ee2 .todo-item:hover {
  background: rgba(255, 255, 255, 0.02);
}
.todo-area-891ee2 .row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.todo-area-891ee2 .check {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-sizing: border-box;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  font-size: 10px;
  line-height: 1;
  font-family: monospace;
  font-weight: 700;
  user-select: none;
}
.todo-area-891ee2 .todo-item.is-todo .check {
  border-color: rgba(255, 210, 120, 0.5);
  background: rgba(255, 210, 120, 0.06);
}
.todo-area-891ee2 .todo-item.is-done .check {
  border-color: rgba(140, 255, 180, 0.4);
  background: rgba(140, 255, 180, 0.1);
  color: rgba(105, 255, 42, 0.96);
}
.todo-area-891ee2 .brief {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-family: monospace;
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.todo-area-891ee2 .id {
  flex-shrink: 0;
  font-size: 11px;
  font-family: monospace;
  color: rgba(255, 255, 255, 0.34);
}
.todo-area-891ee2 .meta {
  font-size: 11px;
  font-family: monospace;
  color: rgba(255, 255, 255, 0.38);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 20px;
}
.todo-area-891ee2 .meta.is-hidden {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpExplorer/todoArea.theme/business/todoArea.html.R.js */
.todo-area-e4b718 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  color: #080C12;
  background: #F8FAFC;
}
.todo-area-e4b718 .header {
  flex-shrink: 0;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  box-sizing: border-box;
  border-bottom: 0.5px solid #E1E4E7;
  background: #FFFFFF;
}
.todo-area-e4b718 .icon-btn {
  height: 24px;
  min-width: 32px;
  padding: 0 8px;
  background: transparent;
  color: #848689;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 150ms, color 150ms;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.02em;
  user-select: none;
}
.todo-area-e4b718 .icon-btn:hover {
  background: #F2F5F8;
  color: #080C12;
}
.todo-area-e4b718 .sep {
  width: 1px;
  height: 12px;
  background: #E2E4E7;
  margin: 0;
}
.todo-area-e4b718 .flex {
  flex: 1;
  min-width: 0;
}
.todo-area-e4b718 .count {
  font-size: 11px;
  font-family: monospace;
  color: #848689;
  white-space: nowrap;
}
.todo-area-e4b718 .list {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 0;
  box-sizing: border-box;
}
.todo-area-e4b718 .empty-hint {
  display: none;
  padding: 20px 8px;
  text-align: center;
  font-size: 12px;
  color: #848689;
  user-select: none;
}
.todo-area-e4b718 .todo-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px;
  border-radius: 0;
  border: none;
  border-bottom: 0.5px solid #E1E4E7;
  background: transparent;
  box-sizing: border-box;
  user-select: none;
  transition: background 150ms;
}
.todo-area-e4b718 .todo-item.is-todo {
  color: #080C12;
}
.todo-area-e4b718 .todo-item.is-done .brief {
  color: #515559;
}
.todo-area-e4b718 .todo-item.is-done .id,
.todo-area-e4b718 .todo-item.is-done .meta {
  color: #BFC4CA;
}
.todo-area-e4b718 .todo-item:hover {
  background: #F1F3F5;
}
.todo-area-e4b718 .row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.todo-area-e4b718 .check {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  border-radius: 999px;
  border: 1px solid #D4D7DB;
  box-sizing: border-box;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  font-size: 10px;
  line-height: 1;
  font-family: monospace;
  font-weight: 700;
  user-select: none;
}
.todo-area-e4b718 .todo-item.is-todo .check {
  border-color: #D5C68C;
  background: #F7F1DA;
}
.todo-area-e4b718 .todo-item.is-done .check {
  border-color: #227A47;
  background: #227A47;
  color: #FFFFFF;
}
.todo-area-e4b718 .brief {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-family: monospace;
  color: #141A21;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.todo-area-e4b718 .id {
  flex-shrink: 0;
  font-size: 11px;
  font-family: monospace;
  color: #BFC4CA;
}
.todo-area-e4b718 .meta {
  font-size: 11px;
  font-family: monospace;
  color: #848689;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 20px;
}
.todo-area-e4b718 .meta.is-hidden {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpExplorer/traceBar.html.R.js */
.trace-bar-b0bab8 {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 7px 10px;
  background: rgba(24, 24, 24, 0.94);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  flex-shrink: 0;
  box-sizing: border-box;
}
.trace-bar-b0bab8 .menu-btn {
  height: 30px;
  min-width: 30px;
  padding: 0 9px;
  background: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.72);
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  transition: background 150ms, color 150ms;
  box-sizing: border-box;
}
.trace-bar-b0bab8 .menu-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.94);
}
.trace-bar-b0bab8 .menu-btn:active {
  background: rgba(255, 255, 255, 0.12);
}
.trace-bar-b0bab8 .left-panel-btn.is-hidden {
  display: none;
}
.trace-bar-b0bab8 .left-panel-btn.is-active {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.96);
}
.trace-bar-b0bab8 .left-panel-btn.has-pending:not(.is-active) {
  color: rgba(255, 210, 120, 0.96);
  background: rgba(255, 170, 60, 0.08);
}
.trace-bar-b0bab8 .breadcrumbs {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.trace-bar-b0bab8 .is-hidden {
  display: none;
}
.trace-bar-b0bab8 .crumb {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  box-sizing: border-box;
}
.trace-bar-b0bab8 .crumb:hover {
  background: rgba(255, 255, 255, 0.06);
}
.trace-bar-b0bab8 .crumb .label {
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-family: monospace;
}
.trace-bar-b0bab8 .crumb .sep {
  color: rgba(255, 255, 255, 0.35);
  font-size: 12px;
  font-family: monospace;
}
.trace-bar-b0bab8 .trace-hint {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  font-family: monospace;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpExplorer/traceBar.theme/business/traceBar.html.R.js */
.trace-bar-8033ee {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 10px;
  background: #FFFFFF;
  border-bottom: 0.5px solid #E1E4E7;
  flex-shrink: 0;
  box-sizing: border-box;
}
.trace-bar-8033ee .menu-btn {
  width: 28px;
  height: 28px;
  min-width: 28px;
  padding: 0;
  background: transparent;
  color: #515559;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 150ms, color 150ms;
  box-sizing: border-box;
}
.trace-bar-8033ee .menu-btn > icon,
.trace-bar-8033ee .menu-btn icon svg {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
}
.trace-bar-8033ee .menu-btn:hover {
  background: #F1F3F5;
  color: #080C12;
}
.trace-bar-8033ee .menu-btn:active {
  background: #E9EDF1;
}
.trace-bar-8033ee .left-panel-btn.is-hidden {
  display: none;
}
.trace-bar-8033ee .left-panel-btn.is-active {
  background: #E9EDF1;
  color: #080C12;
}
.trace-bar-8033ee .left-panel-btn.has-pending:not(.is-active) {
  color: #A06A00;
  background: #F7F1DA;
}
.trace-bar-8033ee .breadcrumbs {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.trace-bar-8033ee .is-hidden {
  display: none;
}
.trace-bar-8033ee .crumb {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  border-radius: 3px;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  box-sizing: border-box;
}
.trace-bar-8033ee .crumb:hover {
  background: #F1F3F5;
}
.trace-bar-8033ee .crumb .label {
  color: #080C12;
  font-size: 13px;
  font-family: monospace;
}
.trace-bar-8033ee .crumb .sep {
  color: #BFC4CA;
  font-size: 12px;
  font-family: monospace;
}
.trace-bar-8033ee .trace-hint {
  flex-shrink: 0;
  color: #848689;
  font-size: 12px;
  font-family: monospace;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpInputControl.html.R.js */
.idp-input-control-c02a73 {
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
  gap: 0;
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  padding: 8px 16px;
  font-size: 16px;
  line-height: 20px;
}
.idp-input-control-c02a73 .left-slot {
  flex: 0 0 22px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 14px;
}
.idp-input-control-c02a73 .icon-btn {
  height: 22px;
  width: 22px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 7px;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  font-family: monospace;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.idp-input-control-c02a73 .icon-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.22);
}
.idp-input-control-c02a73 .abort-icon {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.9);
  display: inline-block;
  flex: 0 0 auto;
}
.idp-input-control-c02a73 .compose-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 2px;
}
.idp-input-control-c02a73 .compose-icon::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 3px;
  height: 1px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 3px 0 rgba(255, 255, 255, 0.9), 0 6px 0 rgba(255, 255, 255, 0.9);
}
.idp-input-control-c02a73 .compose-btn.is-active {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
}
.idp-input-control-c02a73 .duty-section {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding-right: 14px;
  margin-right: 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}
.idp-input-control-c02a73 .duty-btn {
  height: 22px;
  padding: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.88);
  border: none;
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  box-sizing: border-box;
  font-family: monospace;
  font-size: 13px;
  line-height: 22px;
  text-decoration: none;
}
.idp-input-control-c02a73 .duty-btn:hover {
  color: rgba(255, 255, 255, 0.98);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.idp-input-control-c02a73 .input-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.idp-input-control-c02a73 .editable-state-shell {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.idp-input-control-c02a73 .input-editing-shell,
.idp-input-control-c02a73 .composer-mode-shell {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.idp-input-control-c02a73 .input-scroll-shell {
  --idp-input-max-height: min(30vh, 260px);
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  max-height: var(--idp-input-max-height);
  overflow: hidden;
}
.idp-input-control-c02a73 .input-scroll-shell > * {
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
}
.idp-input-control-c02a73 .input-scroll-shell .cas-rich-text-input {
  min-height: 26px;
  max-height: 100%;
  overflow: hidden;
}
.idp-input-control-c02a73 .input-scroll-shell .ca-viewport {
  min-height: 26px;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.idp-input-control-c02a73 .input-scroll-shell .ca-scrollable {
  min-height: 26px;
  flex: 1 1 auto;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.idp-input-control-c02a73 .composer-state-hint {
  min-height: 26px;
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  font-family: monospace;
  color: rgba(255, 255, 255, 0.68);
}
.idp-input-control-c02a73 .running-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 22px;
}
.idp-input-control-c02a73 .running-text {
  color: rgba(255, 255, 255, 0.85);
  font-family: monospace;
  font-size: 13px;
}
.idp-input-control-c02a73 .running-dots {
  display: inline-flex;
  align-items: center;
}
.idp-input-control-c02a73 .running-dots > span {
  display: inline-block;
  animation: running-dot-wave 1.2s ease-in-out infinite;
}
.idp-input-control-c02a73 .running-dots > span:nth-child(2) {
  animation-delay: 0.16s;
}
.idp-input-control-c02a73 .running-dots > span:nth-child(3) {
  animation-delay: 0.32s;
}
@keyframes running-dot-wave {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.7;
  }
  30% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
.idp-input-control-c02a73 .submit-actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: stretch;
  align-self: center;
  margin-left: 18px;
}
.idp-input-control-c02a73 .submit-btn,
.idp-input-control-c02a73 .submit-option-btn,
.idp-input-control-c02a73 .action-btn {
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  box-sizing: border-box;
  font-family: monospace;
  font-size: 13px;
}
.idp-input-control-c02a73 .submit-btn:hover,
.idp-input-control-c02a73 .submit-option-btn:hover,
.idp-input-control-c02a73 .action-btn:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.22);
}
.idp-input-control-c02a73 .submit-btn {
  min-width: 96px;
  padding: 0 18px;
  border-radius: 10px 0 0 10px;
  border-right: none;
}
.idp-input-control-c02a73 .submit-option-btn {
  width: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 10px 10px 0;
}
.idp-input-control-c02a73 .triangle-icon {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid rgba(255, 255, 255, 0.92);
}
.idp-input-control-c02a73 .abrupted-actions,
.idp-input-control-c02a73 .error-actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: 10px;
  margin-left: 18px;
}
.idp-input-control-c02a73 .action-btn {
  min-width: 96px;
  padding: 0 16px;
  border-radius: 10px;
}
.idp-input-control-c02a73 .action-btn.primary {
  background: rgba(255, 255, 255, 0.92);
  color: rgba(0, 0, 0, 0.88);
  border-color: transparent;
}
.idp-input-control-c02a73 .action-btn.primary:hover {
  background: #ffffff;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpInputControl.theme/business/idpInputControl.html.R.js */
.idp-input-control-8a06cc {
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
  gap: 0;
  box-sizing: border-box;
  border-top: 0.5px solid #E1E4E7;
  background: #FFFFFF;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 20px;
}
.idp-input-control-8a06cc .left-slot {
  flex: 0 0 22px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 14px;
}
.idp-input-control-8a06cc .icon-btn {
  height: 22px;
  width: 22px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  background: #FFFFFF;
  color: #080C12;
  border: 0.5px solid #DCE1E6;
  border-radius: 3px;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  font-family: monospace;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.idp-input-control-8a06cc .icon-btn:hover {
  background: #E2E4E7;
  border-color: #D4D7DB;
}
.idp-input-control-8a06cc .abort-icon {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #141A21;
  display: inline-block;
  flex: 0 0 auto;
}
.idp-input-control-8a06cc .compose-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #141A21;
  border-radius: 2px;
}
.idp-input-control-8a06cc .compose-icon::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 3px;
  height: 1px;
  background: #141A21;
  box-shadow: 0 3px 0 #141A21, 0 6px 0 #141A21;
}
.idp-input-control-8a06cc .compose-btn.is-active {
  background: #D4D7DB;
  border-color: #BFC4CA;
}
.idp-input-control-8a06cc .duty-section {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding-right: 14px;
  margin-right: 14px;
  border-right: 0.5px solid #E1E4E7;
}
.idp-input-control-8a06cc .duty-btn {
  height: 22px;
  padding: 0;
  background: transparent;
  color: #141A21;
  border: none;
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  box-sizing: border-box;
  font-family: monospace;
  font-size: 13px;
  line-height: 22px;
  text-decoration: none;
}
.idp-input-control-8a06cc .duty-btn:hover {
  color: #080C12;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.idp-input-control-8a06cc .input-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.idp-input-control-8a06cc .editable-state-shell {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.idp-input-control-8a06cc .input-editing-shell,
.idp-input-control-8a06cc .composer-mode-shell {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
}
.idp-input-control-8a06cc .input-scroll-shell {
  --idp-input-max-height: min(30vh, 260px);
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  max-height: var(--idp-input-max-height);
  overflow: hidden;
  background: #FFFFFF;
  border: 0.5px solid #DCE1E6;
}
.idp-input-control-8a06cc .input-scroll-shell > * {
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
}
.idp-input-control-8a06cc .input-scroll-shell .cas-rich-text-input {
  min-height: 26px;
  max-height: 100%;
  overflow: hidden;
  background: #FFFFFF;
}
.idp-input-control-8a06cc .input-scroll-shell .ca-viewport {
  min-height: 26px;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: none;
}
.idp-input-control-8a06cc .input-scroll-shell .ca-scrollable {
  min-height: 26px;
  flex: 1 1 auto;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  background: #FFFFFF;
}
.idp-input-control-8a06cc .input-scroll-shell .ca-layout,
.idp-input-control-8a06cc .input-scroll-shell .ca-doc {
  background: #FFFFFF;
}
.idp-input-control-8a06cc .composer-state-hint {
  min-height: 26px;
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  font-family: monospace;
  color: #848689;
}
.idp-input-control-8a06cc .running-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 22px;
}
.idp-input-control-8a06cc .running-text {
  color: #141A21;
  font-family: monospace;
  font-size: 13px;
}
.idp-input-control-8a06cc .running-dots {
  display: inline-flex;
  align-items: center;
}
.idp-input-control-8a06cc .running-dots > span {
  display: inline-block;
  animation: running-dot-wave 1.2s ease-in-out infinite;
}
.idp-input-control-8a06cc .running-dots > span:nth-child(2) {
  animation-delay: 0.16s;
}
.idp-input-control-8a06cc .running-dots > span:nth-child(3) {
  animation-delay: 0.32s;
}
@keyframes running-dot-wave {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.7;
  }
  30% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
.idp-input-control-8a06cc .submit-actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: stretch;
  align-self: center;
  margin-left: 18px;
}
.idp-input-control-8a06cc .submit-btn,
.idp-input-control-8a06cc .submit-option-btn,
.idp-input-control-8a06cc .action-btn {
  height: 32px;
  border: 0.5px solid #DCE1E6;
  background: #FFFFFF;
  color: #080C12;
  cursor: pointer;
  box-sizing: border-box;
  font-family: monospace;
  font-size: 13px;
}
.idp-input-control-8a06cc .submit-btn:hover,
.idp-input-control-8a06cc .submit-option-btn:hover,
.idp-input-control-8a06cc .action-btn:hover {
  background: #F1F3F5;
  border-color: #BFC6CF;
}
.idp-input-control-8a06cc .submit-btn {
  min-width: 96px;
  padding: 0 18px;
  border-radius: 3px 0 0 3px;
  border-right: none;
}
.idp-input-control-8a06cc .submit-option-btn {
  width: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 3px 3px 0;
}
.idp-input-control-8a06cc .triangle-icon {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #080C12;
}
.idp-input-control-8a06cc .abrupted-actions,
.idp-input-control-8a06cc .error-actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: 10px;
  margin-left: 18px;
}
.idp-input-control-8a06cc .action-btn {
  min-width: 96px;
  padding: 0 16px;
  border-radius: 3px;
}
.idp-input-control-8a06cc .action-btn.primary {
  background: #365C97;
  color: #FFFFFF;
  border-color: #365C97;
}
.idp-input-control-8a06cc .action-btn.primary:hover {
  background: #274A80;
  border-color: #274A80;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpMainView/idpMainView.html.R.js */
.idp-main-view-4b1cfa {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.idp-main-view-4b1cfa .input-section {
  flex-shrink: 0;
  padding: 8px;
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.15);
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpMainView/idpMainView.theme/business/idpMainView.html.R.js */
.idp-main-view-0891db {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.idp-main-view-0891db .input-section {
  flex-shrink: 0;
  padding: 8px 16px;
  box-sizing: border-box;
  border-top: 0.5px solid #E1E4E7;
  background: #F2F4F6;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer.theme/business/blocksRenderer.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer/declareRenderer.html.R.js */
.declare-renderer-81c353 {
  padding: 8px 12px;
  margin: 8px 0;
  border-radius: 6px;
  background-color: #e8f4f8;
  color: #333;
  border-left: 3px solid #5ba3c5;
  cursor: pointer;
  transition: background-color 0.2s;
}
.declare-renderer-81c353:hover {
  background-color: #d0e8f0;
}
.declare-renderer-81c353 .declare-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  margin-bottom: 8px;
}
.declare-renderer-81c353 .declare-icon {
  font-size: 16px;
}
.declare-renderer-81c353 .declare-name {
  font-size: 14px;
}
.declare-renderer-81c353 .declare-content {
  font-size: 12px;
  max-height: 200px;
  overflow: auto;
}
.declare-renderer-81c353 pre {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer/declareRenderer.theme/business/declareRenderer.html.R.js */
.declare-renderer-60883d {
  padding: 8px 12px;
  margin: 8px 0;
  border-radius: 6px;
  background-color: #EFF3F8;
  color: #141A21;
  border-left: 3px solid #365C97;
  cursor: pointer;
  transition: background-color 0.2s;
}
.declare-renderer-60883d:hover {
  background-color: #FFFFFF;
}
.declare-renderer-60883d .declare-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  margin-bottom: 8px;
}
.declare-renderer-60883d .declare-icon {
  font-size: 16px;
}
.declare-renderer-60883d .declare-name {
  font-size: 14px;
}
.declare-renderer-60883d .declare-content {
  font-size: 12px;
  max-height: 200px;
  overflow: auto;
}
.declare-renderer-60883d pre {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer/emptyRenderer.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer/emptyRenderer.theme/business/emptyRenderer.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer/errorRenderer.html.R.js */
.error-renderer-7686ac {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 2px;
  cursor: pointer;
  color: #f44336;
  opacity: 0.7;
  transition: opacity 0.2s;
  font-size: 14px;
  font-weight: bold;
}
.error-renderer-7686ac:hover {
  opacity: 1;
}
.error-renderer-7686ac .error-icon {
  user-select: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer/errorRenderer.theme/business/errorRenderer.html.R.js */
.error-renderer-7b069a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 2px;
  cursor: pointer;
  color: #B23A3A;
  opacity: 0.7;
  transition: opacity 0.2s;
  font-size: 14px;
  font-weight: bold;
}
.error-renderer-7b069a:hover {
  opacity: 1;
}
.error-renderer-7b069a .error-icon {
  user-select: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer/metaRenderer.html.R.js */
.meta-renderer-98d9fa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 2px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
  font-size: 14px;
}
.meta-renderer-98d9fa:hover {
  opacity: 1;
}
.meta-renderer-98d9fa .meta-icon {
  user-select: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer/metaRenderer.theme/business/metaRenderer.html.R.js */
.meta-renderer-105c5d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 2px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
  font-size: 14px;
}
.meta-renderer-105c5d:hover {
  opacity: 1;
}
.meta-renderer-105c5d .meta-icon {
  user-select: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer/toolcallRenderer.html.R.js */
.toolcall-renderer-f33629 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 2px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
  font-size: 14px;
}
.toolcall-renderer-f33629:hover {
  opacity: 1;
}
.toolcall-renderer-f33629 .toolcall-icon {
  user-select: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/blocksRenderer/toolcallRenderer.theme/business/toolcallRenderer.html.R.js */
.toolcall-renderer-2e2981 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 2px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
  font-size: 14px;
}
.toolcall-renderer-2e2981:hover {
  opacity: 1;
}
.toolcall-renderer-2e2981 .toolcall-icon {
  user-select: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/outputStreamRenderer.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/idpRenderContext/outputStreamRenderer.theme/business/outputStreamRenderer.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/procedureView/procedureView.html.R.js */
.procedure-view-0ad26e {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 12px;
  gap: 8px;
  background: transparent;
  color: #fff;
}
.procedure-view-0ad26e .title {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.procedure-view-0ad26e .content {
  flex: 1;
  margin: 0;
  padding: 12px;
  overflow: auto;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.9);
  font-family: monospace;
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
  box-sizing: border-box;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/idpExplorer/procedureView/procedureView.theme/business/procedureView.html.R.js */
.procedure-view-21c7ce {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 12px;
  gap: 8px;
  background: transparent;
  color: #080C12;
}
.procedure-view-21c7ce .title {
  font-size: 14px;
  color: #515559;
}
.procedure-view-21c7ce .content {
  flex: 1;
  margin: 0;
  padding: 12px;
  overflow: auto;
  background: #F2F5F8;
  border: 1px solid #E2E4E7;
  border-radius: 6px;
  color: #080C12;
  font-family: monospace;
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
  box-sizing: border-box;
}
/* /home/wuminghan/workspace/@branch-ts/practice-git-web/src/diffViewer.html.R.js */
.diff-viewer-18cbfa {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--genesis-bg-panel, #1F2021);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  display: flex;
  flex-direction: column;
}
.diff-viewer-18cbfa .diff-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 6px;
  box-shadow: inset 0 -1px 0 var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  flex: 0 0 auto;
  background: var(--genesis-bg-chrome, #111111);
}
.diff-viewer-18cbfa .diff-nav-btn {
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid var(--genesis-border, rgba(255, 255, 255, 0.12));
  background: var(--genesis-bg-panel, #1F2021);
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
  border-radius: var(--genesis-radius-sm, 4px);
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  transition: background var(--genesis-duration-fast, 160ms) ease, border-color var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease, box-shadow var(--genesis-duration-fast, 160ms) ease;
}
.diff-viewer-18cbfa .diff-nav-btn:hover {
  background: var(--genesis-bg-panel-strong, #1C1D1F);
  border-color: var(--genesis-border-strong, rgba(255, 255, 255, 0.18));
  color: var(--genesis-fg-strong, rgba(255, 255, 255, 0.92));
}
.diff-viewer-18cbfa .diff-nav-btn:focus-visible {
  outline: none;
  border-color: var(--genesis-accent-border, rgba(176, 182, 190, 0.24));
  box-shadow: 0 0 0 1px var(--genesis-accent-border, rgba(176, 182, 190, 0.24));
}
.diff-viewer-18cbfa .diff-nav-btn.disabled {
  opacity: 0.45;
  cursor: default;
}
.diff-viewer-18cbfa .diff-nav-btn.disabled:hover {
  background: var(--genesis-bg-panel, #1F2021);
  border-color: var(--genesis-border, rgba(255, 255, 255, 0.12));
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
}
.diff-viewer-18cbfa .diff-toolbar-status {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
  font-size: 12px;
  font-family: var(--genesis-font-mono, monospace);
}
.diff-viewer-18cbfa .diff-toolbar-main {
  color: var(--genesis-fg-strong, rgba(255, 255, 255, 0.92));
}
.diff-viewer-18cbfa .diff-toolbar-unviewed {
  color: var(--genesis-warn, #F6C453);
}
.diff-viewer-18cbfa .hidden {
  display: none;
}
.diff-viewer-18cbfa .diff-content {
  --scrollbar-hide-size: 28px;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
  padding: 8px 8px 6px;
  box-sizing: border-box;
}
.diff-viewer-18cbfa .scroll-frame {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--genesis-bg-panel-strong, #1C1D1F);
}
.diff-viewer-18cbfa .scroll-body {
  width: calc(100% + var(--scrollbar-hide-size));
  height: 100%;
  padding-right: var(--scrollbar-hide-size);
  margin-right: calc(-1 * var(--scrollbar-hide-size));
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.diff-viewer-18cbfa .scroll-body::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.diff-viewer-18cbfa .diff-blocks {
  width: calc(100% - var(--scrollbar-hide-size));
  min-width: 0;
}
.diff-viewer-18cbfa .minimap {
  width: 16px;
  display: flex;
  justify-content: center;
  padding: 8px 0;
  box-sizing: border-box;
}
.diff-viewer-18cbfa .minimap-track {
  width: 10px;
  flex: 1;
  min-height: 0;
  position: relative;
  border-radius: 999px;
  background: var(--genesis-bg-field, #141617);
  overflow: hidden;
  cursor: pointer;
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  touch-action: none;
  user-select: none;
}
.diff-viewer-18cbfa .minimap-track.dragging {
  cursor: grabbing;
  background: var(--genesis-bg-panel, #1F2021);
}
.diff-viewer-18cbfa .minimap-markers {
  position: absolute;
  inset: 0;
}
.diff-viewer-18cbfa .minimap-marker {
  position: absolute;
  left: 1px;
  width: calc(100% - 2px);
  border-radius: 0;
  opacity: 0.95;
}
.diff-viewer-18cbfa .minimap-equal {
  background: rgba(255, 255, 255, 0.18);
}
.diff-viewer-18cbfa .minimap-delete {
  background: rgba(255, 122, 122, 0.65);
}
.diff-viewer-18cbfa .minimap-insert {
  background: rgba(123, 216, 143, 0.72);
}
.diff-viewer-18cbfa .minimap-replace {
  background: linear-gradient(to bottom, rgba(255, 122, 122, 0.72), rgba(123, 216, 143, 0.72));
}
.diff-viewer-18cbfa .minimap-viewport {
  position: absolute;
  left: 0;
  width: 100%;
  border-radius: 0;
  background: var(--genesis-accent-surface, rgba(176, 182, 190, 0.12));
  border: 1px solid var(--genesis-accent-border, rgba(176, 182, 190, 0.24));
  box-sizing: border-box;
  pointer-events: auto;
  will-change: top, height;
}
.diff-viewer-18cbfa .code {
  font-family: var(--genesis-font-mono, monospace);
  white-space: pre-wrap;
  display: block;
  line-height: 24px;
  word-break: break-all;
}
.diff-viewer-18cbfa .diff-delete {
  background-color: var(--genesis-danger-surface, rgba(255, 122, 122, 0.14));
  text-decoration: line-through;
  color: var(--genesis-danger, #FF7A7A);
}
.diff-viewer-18cbfa .diff-insert {
  background-color: var(--genesis-success-surface, rgba(123, 216, 143, 0.14));
  color: var(--genesis-success, #7BD88F);
}
.diff-viewer-18cbfa .diff-equal {
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
}
.diff-viewer-18cbfa .diff-block.is-tracked {
  position: relative;
}
.diff-viewer-18cbfa .diff-block.is-unviewed {
  background: var(--genesis-warn-surface, rgba(246, 196, 83, 0.14));
}
.diff-viewer-18cbfa .diff-block.is-active {
  background: var(--genesis-accent-surface, rgba(176, 182, 190, 0.12));
  box-shadow: inset 0 0 0 1px var(--genesis-accent-border, rgba(176, 182, 190, 0.24));
}
.diff-block-item-dbc084 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  transition: background var(--genesis-duration-fast, 160ms) ease, box-shadow var(--genesis-duration-fast, 160ms) ease;
}
.diff-block-item-dbc084:hover {
  background: var(--genesis-bg-hover, rgba(255, 255, 255, 0.05));
}
.diff-block-item-dbc084 .block-content-right {
  box-shadow: inset 1px 0 0 var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
}
.diff-block-item-dbc084 .block-content-left,
.diff-block-item-dbc084 .block-content-right {
  width: 50%;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.diff-line-item-cb3ebd {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.diff-line-item-cb3ebd .line-number {
  width: 48px;
  padding: 0 6px;
  background: var(--genesis-bg-field, #141617);
  box-shadow: inset -1px 0 0 var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  user-select: none;
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
  text-align: right;
  line-height: 24px;
  font-family: var(--genesis-font-mono, monospace);
  font-size: 12px;
}
.diff-line-item-cb3ebd .code {
  flex: 1;
  min-width: 0;
  padding: 0 8px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-git-web/src/diffViewer.theme/business/diffViewer.html.R.js */
.diff-viewer-c0ebc0 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fcfcfd;
  color: rgba(17, 24, 39, 0.88);
  display: flex;
  flex-direction: column;
}
.diff-viewer-c0ebc0 .diff-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 6px;
  box-shadow: inset 0 -1px 0 rgba(17, 24, 39, 0.1);
  flex: 0 0 auto;
  background: #f4f4f5;
}
.diff-viewer-c0ebc0 .diff-nav-btn {
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid rgba(17, 24, 39, 0.14);
  background: #ffffff;
  color: rgba(17, 24, 39, 0.66);
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}
.diff-viewer-c0ebc0 .diff-nav-btn:hover {
  background: #f6f7f8;
  border-color: rgba(17, 24, 39, 0.2);
  color: rgba(17, 24, 39, 0.92);
}
.diff-viewer-c0ebc0 .diff-nav-btn:focus-visible {
  outline: none;
  border-color: rgba(217, 119, 6, 0.42);
  box-shadow: 0 0 0 1px rgba(217, 119, 6, 0.3);
}
.diff-viewer-c0ebc0 .diff-nav-btn.disabled {
  opacity: 0.45;
  cursor: default;
}
.diff-viewer-c0ebc0 .diff-nav-btn.disabled:hover {
  background: #ffffff;
  border-color: rgba(17, 24, 39, 0.14);
  color: rgba(17, 24, 39, 0.66);
}
.diff-viewer-c0ebc0 .diff-toolbar-status {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: rgba(17, 24, 39, 0.58);
  font-size: 12px;
  font-family: monospace;
}
.diff-viewer-c0ebc0 .diff-toolbar-main {
  color: rgba(17, 24, 39, 0.92);
}
.diff-viewer-c0ebc0 .diff-toolbar-unviewed {
  color: #b45309;
}
.diff-viewer-c0ebc0 .hidden {
  display: none;
}
.diff-viewer-c0ebc0 .diff-content {
  --scrollbar-hide-size: 28px;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
  padding: 8px 8px 6px;
  box-sizing: border-box;
}
.diff-viewer-c0ebc0 .scroll-frame {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #ffffff;
}
.diff-viewer-c0ebc0 .scroll-body {
  width: calc(100% + var(--scrollbar-hide-size));
  height: 100%;
  padding-right: var(--scrollbar-hide-size);
  margin-right: calc(-1 * var(--scrollbar-hide-size));
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.diff-viewer-c0ebc0 .scroll-body::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.diff-viewer-c0ebc0 .diff-blocks {
  width: calc(100% - var(--scrollbar-hide-size));
  min-width: 0;
}
.diff-viewer-c0ebc0 .minimap {
  width: 16px;
  display: flex;
  justify-content: center;
  padding: 8px 0;
  box-sizing: border-box;
}
.diff-viewer-c0ebc0 .minimap-track {
  width: 10px;
  flex: 1;
  min-height: 0;
  position: relative;
  border-radius: 999px;
  background: #f3f4f6;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgba(17, 24, 39, 0.1);
  touch-action: none;
  user-select: none;
}
.diff-viewer-c0ebc0 .minimap-track.dragging {
  cursor: grabbing;
  background: #e8eaed;
}
.diff-viewer-c0ebc0 .minimap-markers {
  position: absolute;
  inset: 0;
}
.diff-viewer-c0ebc0 .minimap-marker {
  position: absolute;
  left: 1px;
  width: calc(100% - 2px);
  border-radius: 0;
  opacity: 0.95;
}
.diff-viewer-c0ebc0 .minimap-equal {
  background: rgba(17, 24, 39, 0.12);
}
.diff-viewer-c0ebc0 .minimap-delete {
  background: #c2410c;
}
.diff-viewer-c0ebc0 .minimap-insert {
  background: #15803d;
}
.diff-viewer-c0ebc0 .minimap-replace {
  background: linear-gradient(to bottom, #c2410c, #15803d);
}
.diff-viewer-c0ebc0 .minimap-viewport {
  position: absolute;
  left: 0;
  width: 100%;
  border-radius: 0;
  background: rgba(217, 119, 6, 0.16);
  border: 1px solid rgba(217, 119, 6, 0.32);
  box-sizing: border-box;
  pointer-events: auto;
  will-change: top, height;
}
.diff-viewer-c0ebc0 .code {
  font-family: monospace;
  white-space: pre-wrap;
  display: block;
  line-height: 24px;
  word-break: break-all;
}
.diff-viewer-c0ebc0 .diff-delete {
  background-color: rgba(194, 65, 12, 0.12);
  text-decoration: line-through;
  color: #9a3412;
}
.diff-viewer-c0ebc0 .diff-insert {
  background-color: rgba(22, 163, 74, 0.12);
  color: #166534;
}
.diff-viewer-c0ebc0 .diff-equal {
  color: rgba(17, 24, 39, 0.62);
}
.diff-viewer-c0ebc0 .diff-block.is-tracked {
  position: relative;
}
.diff-viewer-c0ebc0 .diff-block.is-unviewed {
  background: rgba(217, 119, 6, 0.12);
}
.diff-viewer-c0ebc0 .diff-block.is-active {
  background: rgba(217, 119, 6, 0.1);
  box-shadow: inset 0 0 0 1px rgba(217, 119, 6, 0.24);
}
.diff-block-item-887afd {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  transition: background 160ms ease, box-shadow 160ms ease;
}
.diff-block-item-887afd:hover {
  background: rgba(17, 24, 39, 0.04);
}
.diff-block-item-887afd .block-content-right {
  box-shadow: inset 1px 0 0 rgba(17, 24, 39, 0.1);
}
.diff-block-item-887afd .block-content-left,
.diff-block-item-887afd .block-content-right {
  width: 50%;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.diff-line-item-5f84c8 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.diff-line-item-5f84c8 .line-number {
  width: 48px;
  padding: 0 6px;
  background: #f3f4f6;
  box-shadow: inset -1px 0 0 rgba(17, 24, 39, 0.1);
  user-select: none;
  color: rgba(17, 24, 39, 0.42);
  text-align: right;
  line-height: 24px;
  font-family: monospace;
  font-size: 12px;
}
.diff-line-item-5f84c8 .code {
  flex: 1;
  min-width: 0;
  padding: 0 8px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/instantChatExplorer/instantChatExplorer.html.R.js */
.instant-chat-explorer-081268 {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #181a1b;
  color: rgba(255, 255, 255, 0.92);
  box-sizing: border-box;
}
.instant-chat-explorer-081268 .instant-chat-explorer {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.instant-chat-explorer-081268 .chat-navigator {
  display: flex;
  flex: 0 0 280px;
  flex-direction: column;
  min-width: 220px;
  min-height: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: #171819;
  box-sizing: border-box;
}
.instant-chat-explorer-081268 .navigator-head {
  display: flex;
  align-items: center;
  height: 45px;
  padding: 0 12px 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-sizing: border-box;
}
.instant-chat-explorer-081268 .navigator-title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}
.instant-chat-explorer-081268 .new-chat-button {
  margin-left: auto;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.86);
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.instant-chat-explorer-081268 .new-chat-button:hover {
  border-color: rgba(77, 171, 247, 0.6);
  background: rgba(77, 171, 247, 0.14);
}
.instant-chat-explorer-081268 .chat-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 6px;
  box-sizing: border-box;
}
.instant-chat-explorer-081268 .chat-list-item {
  position: relative;
  display: block;
  width: 100%;
  min-height: 40px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: rgba(255, 255, 255, 0.78);
  font: inherit;
  font-size: 13px;
  box-sizing: border-box;
}
.instant-chat-explorer-081268 .chat-list-item:hover {
  background: rgba(255, 255, 255, 0.055);
}
.instant-chat-explorer-081268 .chat-list-item-open {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 8px 12px 8px 10px;
  box-sizing: border-box;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.instant-chat-explorer-081268 .chat-list-item-delete {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  width: 40px;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  border-radius: 0 5px 5px 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.54);
  cursor: pointer;
  opacity: 0;
}
.instant-chat-explorer-081268 .chat-list-item:hover .chat-list-item-delete,
.instant-chat-explorer-081268 .chat-list-item:focus-within .chat-list-item-delete {
  opacity: 1;
}
.instant-chat-explorer-081268 .chat-list-item-delete:hover {
  background: rgba(239, 68, 68, 0.18);
  color: #ff8c8c;
}
.instant-chat-explorer-081268 .chat-list-item-delete icon,
.instant-chat-explorer-081268 .chat-list-item-delete icon svg {
  width: 15px;
  height: 15px;
}
.instant-chat-explorer-081268 .chat-list-item.is-active {
  border-color: rgba(77, 171, 247, 0.35);
  background: rgba(77, 171, 247, 0.16);
  color: rgba(255, 255, 255, 0.96);
}
.instant-chat-explorer-081268 .chat-list-item-title {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.instant-chat-explorer-081268 .chat-list-more {
  padding: 12px 8px 8px;
  color: rgba(255, 255, 255, 0.35);
  font-size: 11px;
  text-align: center;
}
.instant-chat-explorer-081268 .chat-workspace {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.instant-chat-explorer-081268 .chat-workspace > * {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
@media (max-width: 700px) {
  .instant-chat-explorer-081268 .chat-navigator {
    flex-basis: 190px;
    min-width: 160px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/intelligenceCenterPanel/intelligenceCenterPanel.html.R.js */
.intelligence-center-panel-4d62ba {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 180px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 0;
  border-radius: 0 0 3px 3px;
  background: #1C1C1B;
  color: #F1F0EE;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
}
.intelligence-center-panel-4d62ba .panel-header {
  padding: 12px 16px;
  flex: 0 0 auto;
}
.intelligence-center-panel-4d62ba .panel-title {
  color: #F1F0EE;
  font-size: 13px;
  font-weight: 600;
}
.intelligence-center-panel-4d62ba .tab-list {
  display: flex;
  gap: 4px;
  padding: 0 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  flex: 0 0 auto;
}
.intelligence-center-panel-4d62ba .tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #A7A39C;
  font: inherit;
  font-size: 12px;
  cursor: default;
}
.intelligence-center-panel-4d62ba .tab.is-active {
  color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.intelligence-center-panel-4d62ba .tab span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 999px;
  background: #252523;
  color: #A7A39C;
  font-size: 10px;
  font-weight: 600;
}
.intelligence-center-panel-4d62ba .panel-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.intelligence-center-panel-4d62ba .objective-list,
.intelligence-center-panel-4d62ba .spot-list,
.intelligence-center-panel-4d62ba .registered-tab-host {
  height: 100%;
  overflow-y: auto;
  padding: 8px;
  box-sizing: border-box;
}
.intelligence-center-panel-4d62ba .instant-chat-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 38px;
  margin-bottom: 4px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}
.intelligence-center-panel-4d62ba .instant-chat-item:hover {
  border-color: rgba(255, 255, 255, 0.09);
  background: #252523;
}
.intelligence-center-panel-4d62ba .instant-chat-new-item {
  border-color: rgba(77, 171, 247, 0.22);
  background: rgba(77, 171, 247, 0.08);
}
.intelligence-center-panel-4d62ba .instant-chat-new-item:hover {
  border-color: rgba(77, 171, 247, 0.42);
  background: rgba(77, 171, 247, 0.14);
}
.intelligence-center-panel-4d62ba .instant-chat-item:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.45);
  outline-offset: -1px;
}
.intelligence-center-panel-4d62ba .instant-chat-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: #F1F0EE;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.intelligence-center-panel-4d62ba .instant-chat-open-hint {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.35);
  font-size: 10px;
}
.intelligence-center-panel-4d62ba .objective-empty,
.intelligence-center-panel-4d62ba .spot-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  color: #A7A39C;
  font-size: 13px;
  text-align: center;
}
.intelligence-center-panel-4d62ba .objective-item {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 38px;
  gap: 12px;
  margin-bottom: 4px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}
.intelligence-center-panel-4d62ba .objective-item:hover {
  border-color: rgba(255, 255, 255, 0.09);
  background: #252523;
}
.intelligence-center-panel-4d62ba .objective-item:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.45);
  outline-offset: -1px;
}
.intelligence-center-panel-4d62ba .objective-main {
  flex: 1;
  min-width: 0;
}
.intelligence-center-panel-4d62ba .objective-brief {
  color: #F1F0EE;
  font-size: 13px;
  line-height: 1.35;
}
.intelligence-center-panel-4d62ba .compact-brief-host {
  min-width: 0;
  width: 100%;
}
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec {
  user-select: none;
  pointer-events: none;
  padding: 0;
  background: transparent;
}
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-scrollable {
  overflow: hidden;
  padding: 0;
}
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec h1,
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec h2,
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec h3,
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec h4,
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec h5,
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec h6 {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
}
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec img {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  vertical-align: text-bottom;
}
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-item {
  list-style: none;
}
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-prefix.ca-decorator,
.intelligence-center-panel-4d62ba .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-headline-prefix.ca-decorator {
  display: inline;
}
.intelligence-center-panel-4d62ba .compact-brief-host .ca-mime-markdown {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: inherit;
  line-height: 1.35;
}
.intelligence-center-panel-4d62ba .compact-brief-host .ca-mime-markdown,
.intelligence-center-panel-4d62ba .compact-brief-host .ca-scrollable,
.intelligence-center-panel-4d62ba .compact-brief-host .ca-segment-root,
.intelligence-center-panel-4d62ba .compact-brief-host .ca-block-root {
  max-width: 100%;
}
.intelligence-center-panel-4d62ba .objective-brief {
  text-overflow: ellipsis;
}
.intelligence-center-panel-4d62ba .objective-briefing {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
}
.intelligence-center-panel-4d62ba .briefing-pill {
  min-width: 18px;
  height: 16px;
  padding: 0 5px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 600;
  opacity: 0.72;
}
.intelligence-center-panel-4d62ba .briefing-review {
  background: var(--ic-needs-review-bg);
  color: var(--ic-needs-review-solid);
}
.intelligence-center-panel-4d62ba .briefing-running {
  background: var(--ic-running-bg);
  color: var(--ic-running-fg);
}
.intelligence-center-panel-4d62ba .briefing-total {
  background: var(--ic-idle-bg);
  color: var(--ic-idle-solid);
}
.intelligence-center-panel-4d62ba .objective-open-hint {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.35);
  font-size: 10px;
}
.intelligence-center-panel-4d62ba .spot-list {
  overflow-y: auto;
  padding: 8px;
  box-sizing: border-box;
}
.intelligence-center-panel-4d62ba .spot-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  margin-bottom: 6px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: #1C1C1B;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease;
}
.intelligence-center-panel-4d62ba .spot-item:hover {
  background: #252523;
  border-color: rgba(255, 255, 255, 0.12);
}
.intelligence-center-panel-4d62ba .spot-main,
.intelligence-center-panel-4d62ba .spot-brief {
  min-width: 0;
  flex: 1;
  color: inherit;
}
.intelligence-center-panel-4d62ba .spot-status-button {
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0 solid transparent;
  border-radius: 999px;
  background: transparent;
  color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  cursor: default;
  transition: background 300ms ease, color 300ms ease, transform 300ms cubic-bezier(0.22, 1.32, 0.32, 1);
}
.intelligence-center-panel-4d62ba .spot-indicator-core,
.intelligence-center-panel-4d62ba .spot-indicator-check {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: inset 320ms cubic-bezier(0.22, 1.32, 0.32, 1), transform 320ms cubic-bezier(0.22, 1.32, 0.32, 1), opacity 260ms ease, background 260ms ease, border-width 320ms cubic-bezier(0.22, 1.32, 0.32, 1), border-color 260ms ease;
}
.intelligence-center-panel-4d62ba .spot-indicator-core {
  inset: 7px;
  border-radius: 999px;
  background: var(--ic-needs-review-solid);
  opacity: 1;
}
.intelligence-center-panel-4d62ba .spot-indicator-check {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  transform: scale(0.75);
}
.intelligence-center-panel-4d62ba .status-running .spot-indicator-core {
  background: var(--ic-running-solid);
}
.intelligence-center-panel-4d62ba .spot-status-button.is-settleable {
  cursor: pointer;
}
.intelligence-center-panel-4d62ba .spot-status-button.is-settleable .spot-indicator-check {
  color: var(--ic-needs-review-solid);
}
.intelligence-center-panel-4d62ba .spot-item:hover .spot-status-button.is-settleable .spot-indicator-core {
  inset: 3px;
  background: transparent;
  border: 2px solid var(--ic-needs-review-solid);
}
.intelligence-center-panel-4d62ba .spot-item:hover .spot-status-button.is-settleable .spot-indicator-check {
  opacity: 0.3;
  transform: scale(0.86);
  color: var(--ic-needs-review-solid);
}
.intelligence-center-panel-4d62ba .spot-item:hover .spot-status-button.is-settleable:hover .spot-indicator-core {
  background: var(--ic-needs-review-solid);
  border-width: 0;
  transform: scale(1.02);
}
.intelligence-center-panel-4d62ba .spot-item:hover .spot-status-button.is-settleable:hover .spot-indicator-check {
  opacity: 1;
  transform: scale(1.08);
  color: white;
}
.intelligence-center-panel-4d62ba .spot-status-button.is-settle-closing .spot-indicator-core {
  inset: 7px;
  background: var(--ic-idle-solid);
  border-width: 0;
  opacity: 0.6;
}
.intelligence-center-panel-4d62ba .spot-status-button.is-settle-closing .spot-indicator-check {
  opacity: 0;
  transform: scale(0.7);
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/intelligenceCenterPanel/intelligenceCenterPanel.theme/business/intelligenceCenterPanel.html.R.js */
.intelligence-center-panel-891388 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 180px;
  overflow: hidden;
  box-sizing: border-box;
  background: #FCFCFB;
  color: #272522;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-top: 0;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 10px 28px rgba(17, 17, 17, 0.14);
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
.intelligence-center-panel-891388 .panel-header {
  flex: 0 0 auto;
  padding: 12px 16px;
  background: #FCFCFB;
}
.intelligence-center-panel-891388 .panel-title {
  color: #6B6761;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 16px;
  text-transform: uppercase;
}
.intelligence-center-panel-891388 .tab-list {
  display: flex;
  gap: 16px;
  padding: 0 16px;
  flex: 0 0 auto;
  background: #FCFCFB;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.intelligence-center-panel-891388 .tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: -0.5px;
  padding: 9px 0 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #6B6761;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
}
.intelligence-center-panel-891388 .tab:hover {
  color: #272522;
}
.intelligence-center-panel-891388 .tab.is-active {
  color: #111111;
  border-bottom-color: #111111;
}
.intelligence-center-panel-891388 .tab span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  box-sizing: border-box;
  background: #F4F3F1;
  color: #6B6761;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
}
.intelligence-center-panel-891388 .tab.is-active span {
  background: #ECEAE7;
  color: #111111;
}
.intelligence-center-panel-891388 .panel-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background: #F4F3F1;
}
.intelligence-center-panel-891388 .objective-list,
.intelligence-center-panel-891388 .spot-list,
.intelligence-center-panel-891388 .registered-tab-host {
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}
.intelligence-center-panel-891388 .registered-tab-host {
  padding: 0;
}
.intelligence-center-panel-891388 .objective-empty,
.intelligence-center-panel-891388 .spot-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 24px;
  box-sizing: border-box;
  color: #6B6761;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.intelligence-center-panel-891388 .instant-chat-item,
.intelligence-center-panel-891388 .objective-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 46px;
  margin: 0;
  padding: 11px 16px;
  box-sizing: border-box;
  border: 0;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  border-radius: 0;
  background: #FCFCFB;
  color: inherit;
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.intelligence-center-panel-891388 .instant-chat-item:hover,
.intelligence-center-panel-891388 .objective-item:hover {
  background: #F4F3F1;
}
.intelligence-center-panel-891388 .instant-chat-new-item {
  background: #F4F3F1;
  border-bottom-color: rgba(17, 17, 17, 0.16);
}
.intelligence-center-panel-891388 .instant-chat-new-item:hover {
  background: #ECEAE7;
}
.intelligence-center-panel-891388 .instant-chat-item:focus-visible,
.intelligence-center-panel-891388 .objective-item:focus-visible {
  outline: 1px solid rgba(17, 17, 17, 0.35);
  outline-offset: -3px;
}
.intelligence-center-panel-891388 .instant-chat-title,
.intelligence-center-panel-891388 .objective-main {
  flex: 1;
  min-width: 0;
}
.intelligence-center-panel-891388 .instant-chat-title,
.intelligence-center-panel-891388 .objective-brief {
  overflow: hidden;
  color: #272522;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.intelligence-center-panel-891388 .instant-chat-open-hint,
.intelligence-center-panel-891388 .objective-open-hint {
  flex: 0 0 auto;
  color: #8A847C;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.intelligence-center-panel-891388 .objective-briefing {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
}
.intelligence-center-panel-891388 .briefing-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 16px;
  padding: 0 5px;
  box-sizing: border-box;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 600;
}
.intelligence-center-panel-891388 .briefing-review {
  background: var(--ic-business-needs-review-bg);
  color: var(--ic-business-needs-review-solid);
}
.intelligence-center-panel-891388 .briefing-running {
  background: var(--ic-business-running-bg);
  color: var(--ic-business-running-fg);
}
.intelligence-center-panel-891388 .briefing-total {
  background: #ECEAE7;
  color: #6B6761;
}
.intelligence-center-panel-891388 .spot-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 11px 16px;
  box-sizing: border-box;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #FCFCFB;
  cursor: pointer;
  transition: background 140ms ease;
}
.intelligence-center-panel-891388 .spot-item:hover {
  background: #F4F3F1;
}
.intelligence-center-panel-891388 .spot-main,
.intelligence-center-panel-891388 .spot-brief {
  flex: 1;
  min-width: 0;
  color: #272522;
}
.intelligence-center-panel-891388 .spot-status-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: transparent;
  cursor: default;
}
.intelligence-center-panel-891388 .spot-indicator-core,
.intelligence-center-panel-891388 .spot-indicator-check {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: inset 220ms ease, transform 220ms ease, opacity 180ms ease, background 180ms ease, border-color 180ms ease;
}
.intelligence-center-panel-891388 .spot-indicator-core {
  inset: 7px;
  border-radius: 50%;
  background: var(--ic-business-needs-review-solid);
}
.intelligence-center-panel-891388 .spot-indicator-check {
  color: white;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  transform: scale(0.75);
}
.intelligence-center-panel-891388 .status-running .spot-indicator-core {
  background: var(--ic-business-running-solid);
}
.intelligence-center-panel-891388 .spot-status-button.is-settleable {
  cursor: pointer;
}
.intelligence-center-panel-891388 .spot-item:hover .spot-status-button.is-settleable .spot-indicator-core {
  inset: 3px;
  background: transparent;
  border: 2px solid var(--ic-business-needs-review-solid);
}
.intelligence-center-panel-891388 .spot-item:hover .spot-status-button.is-settleable .spot-indicator-check {
  color: var(--ic-business-needs-review-solid);
  opacity: 0.35;
  transform: scale(0.86);
}
.intelligence-center-panel-891388 .spot-item:hover .spot-status-button.is-settleable:hover .spot-indicator-core {
  background: var(--ic-business-needs-review-solid);
  border-width: 0;
  transform: scale(1.02);
}
.intelligence-center-panel-891388 .spot-item:hover .spot-status-button.is-settleable:hover .spot-indicator-check {
  color: white;
  opacity: 1;
  transform: scale(1.08);
}
.intelligence-center-panel-891388 .spot-status-button.is-settle-closing .spot-indicator-core {
  inset: 7px;
  background: #8A847C;
  opacity: 0.6;
}
.intelligence-center-panel-891388 .spot-status-button.is-settle-closing .spot-indicator-check {
  opacity: 0;
  transform: scale(0.7);
}
.intelligence-center-panel-891388 .compact-brief-host {
  width: 100%;
  min-width: 0;
}
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec {
  padding: 0;
  background: transparent;
  user-select: none;
  pointer-events: none;
}
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-scrollable {
  overflow: hidden;
  padding: 0;
  background: transparent;
}
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec h1,
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec h2,
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec h3,
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec h4,
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec h5,
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec h6 {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
}
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec img {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  vertical-align: text-bottom;
}
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-item {
  list-style: none;
}
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-prefix.ca-decorator,
.intelligence-center-panel-891388 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-headline-prefix.ca-decorator {
  display: inline;
}
.intelligence-center-panel-891388 .compact-brief-host .ca-mime-markdown {
  display: -webkit-box;
  overflow: hidden;
  color: inherit;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.intelligence-center-panel-891388 .compact-brief-host .ca-mime-markdown,
.intelligence-center-panel-891388 .compact-brief-host .ca-scrollable,
.intelligence-center-panel-891388 .compact-brief-host .ca-segment-root,
.intelligence-center-panel-891388 .compact-brief-host .ca-block-root {
  max-width: 100%;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/intelligenceCenterPanel/intelligenceCenterPanel.theme/genesis/intelligenceCenterPanel.html.R.js */
.intelligence-center-panel-513e23 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 180px;
  overflow: hidden;
  box-sizing: border-box;
  background: #1C1C1B;
  color: #F1F0EE;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 0;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
.intelligence-center-panel-513e23 .panel-header {
  flex: 0 0 auto;
  padding: 12px 16px;
  background: #1C1C1B;
}
.intelligence-center-panel-513e23 .panel-title {
  color: #A7A39C;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 16px;
  text-transform: uppercase;
}
.intelligence-center-panel-513e23 .tab-list {
  display: flex;
  gap: 16px;
  padding: 0 16px;
  flex: 0 0 auto;
  background: #1C1C1B;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
}
.intelligence-center-panel-513e23 .tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: -0.5px;
  padding: 9px 0 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #A7A39C;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
}
.intelligence-center-panel-513e23 .tab:hover {
  color: #F1F0EE;
}
.intelligence-center-panel-513e23 .tab.is-active {
  color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.intelligence-center-panel-513e23 .tab span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  box-sizing: border-box;
  background: #252523;
  color: #A7A39C;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
}
.intelligence-center-panel-513e23 .tab.is-active span {
  background: #343431;
  color: #FFFFFF;
}
.intelligence-center-panel-513e23 .panel-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background: #252523;
}
.intelligence-center-panel-513e23 .objective-list,
.intelligence-center-panel-513e23 .spot-list,
.intelligence-center-panel-513e23 .registered-tab-host {
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}
.intelligence-center-panel-513e23 .registered-tab-host {
  padding: 0;
}
.intelligence-center-panel-513e23 .objective-empty,
.intelligence-center-panel-513e23 .spot-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 24px;
  box-sizing: border-box;
  color: #A7A39C;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.intelligence-center-panel-513e23 .instant-chat-item,
.intelligence-center-panel-513e23 .objective-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 46px;
  margin: 0;
  padding: 11px 16px;
  box-sizing: border-box;
  border: 0;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  background: #1C1C1B;
  color: inherit;
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.intelligence-center-panel-513e23 .instant-chat-item:hover,
.intelligence-center-panel-513e23 .objective-item:hover {
  background: #252523;
}
.intelligence-center-panel-513e23 .instant-chat-new-item {
  background: #252523;
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
.intelligence-center-panel-513e23 .instant-chat-new-item:hover {
  background: #343431;
}
.intelligence-center-panel-513e23 .instant-chat-item:focus-visible,
.intelligence-center-panel-513e23 .objective-item:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.45);
  outline-offset: -3px;
}
.intelligence-center-panel-513e23 .instant-chat-title,
.intelligence-center-panel-513e23 .objective-main {
  flex: 1;
  min-width: 0;
}
.intelligence-center-panel-513e23 .instant-chat-title,
.intelligence-center-panel-513e23 .objective-brief {
  overflow: hidden;
  color: #F1F0EE;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.intelligence-center-panel-513e23 .instant-chat-open-hint,
.intelligence-center-panel-513e23 .objective-open-hint {
  flex: 0 0 auto;
  color: #A7A39C;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.intelligence-center-panel-513e23 .objective-briefing {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
}
.intelligence-center-panel-513e23 .briefing-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 16px;
  padding: 0 5px;
  box-sizing: border-box;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 600;
}
.intelligence-center-panel-513e23 .briefing-review {
  background: var(--ic-needs-review-bg);
  color: var(--ic-needs-review-fg);
}
.intelligence-center-panel-513e23 .briefing-running {
  background: var(--ic-running-bg);
  color: var(--ic-running-fg);
}
.intelligence-center-panel-513e23 .briefing-total {
  background: #343431;
  color: #D2CFC9;
}
.intelligence-center-panel-513e23 .spot-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 11px 16px;
  box-sizing: border-box;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
  background: #1C1C1B;
  cursor: pointer;
  transition: background 140ms ease;
}
.intelligence-center-panel-513e23 .spot-item:hover {
  background: #252523;
}
.intelligence-center-panel-513e23 .spot-main,
.intelligence-center-panel-513e23 .spot-brief {
  flex: 1;
  min-width: 0;
  color: #F1F0EE;
}
.intelligence-center-panel-513e23 .spot-status-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: transparent;
  cursor: default;
}
.intelligence-center-panel-513e23 .spot-indicator-core,
.intelligence-center-panel-513e23 .spot-indicator-check {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: inset 220ms ease, transform 220ms ease, opacity 180ms ease, background 180ms ease, border-color 180ms ease;
}
.intelligence-center-panel-513e23 .spot-indicator-core {
  inset: 7px;
  border-radius: 50%;
  background: var(--ic-needs-review-solid);
}
.intelligence-center-panel-513e23 .spot-indicator-check {
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  transform: scale(0.75);
}
.intelligence-center-panel-513e23 .status-running .spot-indicator-core {
  background: var(--ic-running-solid);
}
.intelligence-center-panel-513e23 .spot-status-button.is-settleable {
  cursor: pointer;
}
.intelligence-center-panel-513e23 .spot-item:hover .spot-status-button.is-settleable .spot-indicator-core {
  inset: 3px;
  background: transparent;
  border: 2px solid var(--ic-needs-review-solid);
}
.intelligence-center-panel-513e23 .spot-item:hover .spot-status-button.is-settleable .spot-indicator-check {
  color: var(--ic-needs-review-solid);
  opacity: 0.35;
  transform: scale(0.86);
}
.intelligence-center-panel-513e23 .spot-item:hover .spot-status-button.is-settleable:hover .spot-indicator-core {
  background: var(--ic-needs-review-solid);
  border-width: 0;
  transform: scale(1.02);
}
.intelligence-center-panel-513e23 .spot-item:hover .spot-status-button.is-settleable:hover .spot-indicator-check {
  color: #FFFFFF;
  opacity: 1;
  transform: scale(1.08);
}
.intelligence-center-panel-513e23 .spot-status-button.is-settle-closing .spot-indicator-core {
  inset: 7px;
  background: #A7A39C;
  opacity: 0.6;
}
.intelligence-center-panel-513e23 .spot-status-button.is-settle-closing .spot-indicator-check {
  opacity: 0;
  transform: scale(0.7);
}
.intelligence-center-panel-513e23 .compact-brief-host {
  width: 100%;
  min-width: 0;
}
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec {
  padding: 0;
  background: transparent;
  user-select: none;
  pointer-events: none;
}
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-scrollable {
  overflow: hidden;
  padding: 0;
  background: transparent;
}
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec h1,
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec h2,
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec h3,
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec h4,
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec h5,
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec h6 {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
}
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec img {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  vertical-align: text-bottom;
}
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-item {
  list-style: none;
}
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-prefix.ca-decorator,
.intelligence-center-panel-513e23 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-headline-prefix.ca-decorator {
  display: inline;
}
.intelligence-center-panel-513e23 .compact-brief-host .ca-mime-markdown {
  display: -webkit-box;
  overflow: hidden;
  color: inherit;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.intelligence-center-panel-513e23 .compact-brief-host .ca-mime-markdown,
.intelligence-center-panel-513e23 .compact-brief-host .ca-scrollable,
.intelligence-center-panel-513e23 .compact-brief-host .ca-segment-root,
.intelligence-center-panel-513e23 .compact-brief-host .ca-block-root {
  max-width: 100%;
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/objectiveExplorer/objectiveExplorer.html.R.js */
.objective-explorer-a145a9 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: #17181a;
  color: rgba(255, 255, 255, 0.92);
  box-sizing: border-box;
  overflow: hidden;
  --objective-pane-width: 304px;
  --detail-pane-width: 580px;
}
.objective-explorer-a145a9 .objective-explorer-root {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.objective-explorer-a145a9 .shared-head {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 12px;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.015);
}
.objective-explorer-a145a9 .objective-list-head {
  display: flex;
  align-items: center;
  min-height: 38px;
  box-sizing: border-box;
  padding: 0 10px 0 14px;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.06);
}
.objective-explorer-a145a9 .menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  background: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.72);
  border: 0;
  cursor: pointer;
  transition: background 150ms, color 150ms;
  box-sizing: border-box;
  flex-shrink: 0;
}
.objective-explorer-a145a9 .menu-btn icon,
.objective-explorer-a145a9 .menu-btn icon svg {
  display: block;
  width: 16px;
  height: 16px;
}
.objective-explorer-a145a9 .menu-btn:hover {
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.92);
}
.objective-explorer-a145a9 .menu-btn:active {
  background: rgba(255, 255, 255, 0.12);
}
.objective-explorer-a145a9 .left-panel-toggle.is-active {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.96);
}
.objective-explorer-a145a9 .objective-list-title {
  margin-left: 7px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.objective-explorer-a145a9 .objective-filter-tabs {
  display: flex;
  align-self: stretch;
  align-items: stretch;
  margin-left: auto;
  min-width: 0;
}
.objective-explorer-a145a9 .filter-tab {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.48);
  font: inherit;
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  transition: color 120ms ease, background 120ms ease, border-color 120ms ease;
}
.objective-explorer-a145a9 .filter-tab-count {
  color: inherit;
  font-size: 9px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  opacity: 0.72;
}
.objective-explorer-a145a9 .filter-tab:hover {
  color: rgba(255, 255, 255, 0.76);
}
.objective-explorer-a145a9 .filter-tab.is-active {
  border-bottom-color: rgba(255, 255, 255, 0.76);
  color: rgba(255, 255, 255, 0.76);
}
.objective-explorer-a145a9 .filter-tab:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.7);
  outline-offset: -3px;
}
.objective-explorer-a145a9 .body {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}
.objective-explorer-a145a9 .objective-pane,
.objective-explorer-a145a9 .detail-pane {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.objective-explorer-a145a9 .objective-pane {
  width: var(--objective-pane-width);
  min-width: var(--objective-pane-width);
  max-width: var(--objective-pane-width);
  flex: 0 0 var(--objective-pane-width);
  border-right: 0.5px solid rgba(255, 255, 255, 0.06);
  transition: opacity 120ms ease, border-color 120ms ease;
}
.objective-explorer-a145a9 .objective-pane > * {
  transition: opacity 120ms ease;
}
.objective-explorer-a145a9 .objective-pane.is-closed > * {
  opacity: 0;
}
.objective-explorer-a145a9 .detail-pane {
  width: var(--detail-pane-width);
  min-width: var(--detail-pane-width);
  max-width: var(--detail-pane-width);
  flex: 0 0 var(--detail-pane-width);
  overflow: hidden;
}
.objective-explorer-a145a9 .detail-pane > * {
  flex: 1;
  min-height: 0;
}
.objective-explorer-a145a9 .objective-list,
.objective-explorer-a145a9 .empty-state {
  min-height: 0;
}
.objective-explorer-a145a9 .objective-list {
  flex: 1;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0;
}
.objective-explorer-a145a9 .empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 13px;
  text-align: center;
}
.objective-explorer-a145a9 .objective-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px 12px 14px;
  margin: 0;
  border: 0;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.12);
  background: transparent;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease;
  box-sizing: border-box;
}
.objective-explorer-a145a9 .objective-item:hover {
  background: rgba(255, 255, 255, 0.04);
}
.objective-explorer-a145a9 .objective-item.is-active {
  background: rgba(77, 171, 247, 0.16);
}
.objective-explorer-a145a9 .objective-item.status-running {
  border-left: 2px solid var(--ic-running-solid);
  padding-left: 12px;
}
.objective-explorer-a145a9 .objective-item.status-needs-review {
  border-left: 2px solid var(--ic-needs-review-solid);
  padding-left: 12px;
}
.objective-explorer-a145a9 .objective-item.status-idle {
  border-left: 2px solid var(--ic-idle-solid);
  padding-left: 12px;
}
.objective-explorer-a145a9 .objective-main {
  min-width: 0;
  flex: 1;
  position: relative;
  padding-bottom: 16px;
}
.objective-explorer-a145a9 .objective-brief-button {
  display: block;
  min-width: 0;
  padding-right: 24px;
  cursor: pointer;
}
.objective-explorer-a145a9 .objective-brief-button:hover {
  opacity: 0.88;
}
.objective-explorer-a145a9 .objective-brief {
  min-width: 0;
  width: 100%;
  color: rgba(255, 255, 255, 0.94);
}
.objective-explorer-a145a9 .compact-brief-host {
  min-width: 0;
  width: 100%;
}
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec {
  user-select: none;
  pointer-events: none;
  padding: 0;
  background: transparent;
}
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-scrollable {
  overflow: hidden;
  padding: 0;
}
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec h1,
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec h2,
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec h3,
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec h4,
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec h5,
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec h6 {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
}
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec img {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  vertical-align: text-bottom;
}
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-item {
  list-style: none;
}
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-prefix.ca-decorator,
.objective-explorer-a145a9 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-headline-prefix.ca-decorator {
  display: inline;
}
.objective-explorer-a145a9 .compact-brief-host .ca-mime-markdown {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: inherit;
  line-height: 1.3;
}
.objective-explorer-a145a9 .compact-brief-host .ca-mime-markdown,
.objective-explorer-a145a9 .compact-brief-host .ca-scrollable,
.objective-explorer-a145a9 .compact-brief-host .ca-segment-root,
.objective-explorer-a145a9 .compact-brief-host .ca-block-root {
  max-width: 100%;
}
.objective-explorer-a145a9 .objective-briefing {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.objective-explorer-a145a9 .objective-main > .objective-briefing {
  position: absolute;
  left: 0;
  bottom: 0;
  gap: 8px;
}
.objective-explorer-a145a9 .objective-more-button {
  position: absolute;
  right: 0;
  top: -2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.52);
  cursor: pointer;
}
.objective-explorer-a145a9 .objective-more-button icon,
.objective-explorer-a145a9 .objective-more-button icon svg {
  display: block;
  width: 15px;
  height: 15px;
}
.objective-explorer-a145a9 .objective-more-button:hover {
  color: rgba(255, 255, 255, 0.78);
}
.objective-explorer-a145a9 .objective-more-button:active {
  color: rgba(255, 255, 255, 0.92);
}
.objective-explorer-a145a9 .briefing-pill {
  min-width: 16px;
  height: 16px;
  padding: 0 3px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  opacity: 0.58;
  cursor: pointer;
  transition: opacity 120ms ease, transform 120ms ease, box-shadow 120ms ease;
}
.objective-explorer-a145a9 .briefing-pill.is-active {
  opacity: 1;
}
.objective-explorer-a145a9 .briefing-pill:hover {
  opacity: 0.88;
}
.objective-explorer-a145a9 .briefing-pill.is-ghost {
  min-width: 0;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  opacity: 0.72;
  font-size: 9px;
  cursor: default;
}
.objective-explorer-a145a9 .briefing-pill.is-ghost:hover {
  opacity: 0.9;
}
.objective-explorer-a145a9 .briefing-review {
  background: var(--ic-needs-review-bg);
  color: var(--ic-needs-review-fg);
}
.objective-explorer-a145a9 .briefing-running {
  background: var(--ic-running-bg);
  color: var(--ic-running-fg);
}
.objective-explorer-a145a9 .briefing-total {
  background: var(--ic-idle-bg);
  color: var(--ic-idle-fg);
}
@media (max-width: 860px) {
  .objective-explorer-a145a9 {
    --objective-pane-width: 220px;
    --detail-pane-width: 100%;
  }
  .objective-explorer-a145a9 .objective-list-head {
    padding-inline: 8px;
  }
  .objective-explorer-a145a9 .objective-list-title {
    display: none;
  }
  .objective-explorer-a145a9 .filter-tab {
    padding-inline: 6px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/objectiveExplorer/objectiveExplorer.theme/business/objectiveExplorer.html.R.js */
.objective-explorer-da8c84 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: #F2F4F6;
  color: #080C12;
  box-sizing: border-box;
  overflow: hidden;
  font-family: 'Open Sans', "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", SimSun, Song, sans-serif;
  --objective-pane-width: 304px;
  --detail-pane-width: 580px;
}
.objective-explorer-da8c84 .objective-explorer-root {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #F2F4F6;
}
.objective-explorer-da8c84 .shared-head {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 12px;
  border-bottom: 0.5px solid #E1E4E7;
  background: #FFFFFF;
  flex-shrink: 0;
}
.objective-explorer-da8c84 .objective-list-head {
  display: flex;
  align-items: center;
  min-height: 38px;
  box-sizing: border-box;
  padding: 0 10px 0 14px;
  border-bottom: 0.5px solid #E1E4E7;
}
.objective-explorer-da8c84 .menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  line-height: 1;
  font-size: 13px;
  border: 0;
  background: transparent;
  color: #667085;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 120ms ease, color 120ms ease;
}
.objective-explorer-da8c84 .menu-btn icon,
.objective-explorer-da8c84 .menu-btn icon svg {
  display: block;
  width: 16px;
  height: 16px;
}
.objective-explorer-da8c84 .left-panel-toggle:hover {
  background: #F1F3F5;
  color: #243447;
}
.objective-explorer-da8c84 .left-panel-toggle.is-active {
  background: #ECEFF2;
  color: #243447;
}
.objective-explorer-da8c84 .objective-list-title {
  margin-left: 7px;
  color: #475467;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.objective-explorer-da8c84 .objective-filter-tabs {
  display: flex;
  align-self: stretch;
  align-items: stretch;
  margin-left: auto;
  min-width: 0;
}
.objective-explorer-da8c84 .filter-tab {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #98A2B3;
  font: inherit;
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  transition: color 120ms ease, background 120ms ease, border-color 120ms ease;
}
.objective-explorer-da8c84 .filter-tab-count {
  color: inherit;
  font-size: 9px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  opacity: 0.72;
}
.objective-explorer-da8c84 .filter-tab:hover {
  color: #667085;
}
.objective-explorer-da8c84 .filter-tab.is-active {
  border-bottom-color: #475467;
  color: #475467;
}
.objective-explorer-da8c84 .filter-tab:focus-visible {
  outline: 1px solid #98A2B3;
  outline-offset: -3px;
}
.objective-explorer-da8c84 .body {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
  background: #F2F4F6;
}
.objective-explorer-da8c84 .objective-pane,
.objective-explorer-da8c84 .detail-pane {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.objective-explorer-da8c84 .objective-pane {
  width: var(--objective-pane-width);
  min-width: var(--objective-pane-width);
  max-width: var(--objective-pane-width);
  flex: 0 0 var(--objective-pane-width);
  border-right: 0.5px solid #E1E4E7;
  background: #F8F9FA;
  transition: opacity 120ms ease, border-color 120ms ease;
}
.objective-explorer-da8c84 .objective-pane > * {
  transition: opacity 120ms ease;
}
.objective-explorer-da8c84 .objective-pane.is-closed > * {
  opacity: 0;
}
.objective-explorer-da8c84 .detail-pane {
  width: var(--detail-pane-width);
  min-width: var(--detail-pane-width);
  max-width: var(--detail-pane-width);
  flex: 0 0 var(--detail-pane-width);
  overflow: hidden;
  background: #F2F4F6;
}
.objective-explorer-da8c84 .detail-pane > * {
  flex: 1;
  min-height: 0;
}
.objective-explorer-da8c84 .objective-list,
.objective-explorer-da8c84 .empty-state {
  min-height: 0;
}
.objective-explorer-da8c84 .objective-list {
  flex: 1;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0;
  background: #F8F9FA;
}
.objective-explorer-da8c84 .empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #848689;
  font-size: 13px;
  text-align: center;
}
.objective-explorer-da8c84 .objective-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px 12px 14px;
  margin: 0;
  border: 0;
  border-bottom: 0.5px solid #e1dfdf;
  background: transparent;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease;
  box-sizing: border-box;
}
.objective-explorer-da8c84 .objective-item:hover {
  background: #F1F3F5;
}
.objective-explorer-da8c84 .objective-item.is-active {
  background: #E9EDF1;
}
.objective-explorer-da8c84 .objective-item.status-running {
  border-left: 2px solid var(--ic-business-running-solid);
  padding-left: 12px;
}
.objective-explorer-da8c84 .objective-item.status-needs-review {
  border-left: 2px solid var(--ic-business-needs-review-solid);
  padding-left: 12px;
}
.objective-explorer-da8c84 .objective-item.status-idle {
  border-left: 2px solid var(--ic-business-idle-solid);
  padding-left: 12px;
}
.objective-explorer-da8c84 .objective-main {
  min-width: 0;
  flex: 1;
  position: relative;
  padding-bottom: 16px;
}
.objective-explorer-da8c84 .objective-brief-button {
  display: block;
  min-width: 0;
  padding-right: 24px;
  cursor: pointer;
}
.objective-explorer-da8c84 .objective-brief-button:hover {
  opacity: 0.88;
}
.objective-explorer-da8c84 .objective-brief {
  min-width: 0;
  width: 100%;
  color: #080C12;
}
.objective-explorer-da8c84 .compact-brief-host {
  min-width: 0;
  width: 100%;
}
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec {
  user-select: none;
  pointer-events: none;
  padding: 0;
  background: transparent;
}
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-scrollable {
  overflow: hidden;
  padding: 0;
  background: transparent;
}
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec h1,
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec h2,
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec h3,
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec h4,
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec h5,
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec h6 {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
}
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec img {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  vertical-align: text-bottom;
}
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-item {
  list-style: none;
}
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-prefix.ca-decorator,
.objective-explorer-da8c84 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-headline-prefix.ca-decorator {
  display: inline;
}
.objective-explorer-da8c84 .compact-brief-host .ca-mime-markdown {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: inherit;
  line-height: 1.3;
}
.objective-explorer-da8c84 .compact-brief-host .ca-mime-markdown,
.objective-explorer-da8c84 .compact-brief-host .ca-scrollable,
.objective-explorer-da8c84 .compact-brief-host .ca-segment-root,
.objective-explorer-da8c84 .compact-brief-host .ca-block-root {
  max-width: 100%;
}
.objective-explorer-da8c84 .objective-briefing {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.objective-explorer-da8c84 .objective-main > .objective-briefing {
  position: absolute;
  left: 0;
  bottom: 0;
  gap: 8px;
}
.objective-explorer-da8c84 .objective-more-button {
  position: absolute;
  right: 0;
  top: -2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  background: transparent;
  color: #98A2B3;
  cursor: pointer;
}
.objective-explorer-da8c84 .objective-more-button icon,
.objective-explorer-da8c84 .objective-more-button icon svg {
  display: block;
  width: 15px;
  height: 15px;
}
.objective-explorer-da8c84 .objective-more-button:hover {
  color: #667085;
}
.objective-explorer-da8c84 .objective-more-button:active {
  color: #344054;
}
.objective-explorer-da8c84 .briefing-pill {
  min-width: 16px;
  height: 16px;
  padding: 0 3px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  box-sizing: border-box;
  opacity: 0.58;
  cursor: pointer;
  transition: opacity 120ms ease, box-shadow 120ms ease;
}
.objective-explorer-da8c84 .briefing-pill.is-active {
  opacity: 1;
}
.objective-explorer-da8c84 .briefing-pill:hover {
  opacity: 0.88;
}
.objective-explorer-da8c84 .briefing-pill.is-ghost {
  min-width: 0;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  opacity: 0.72;
  font-size: 9px;
  cursor: default;
}
.objective-explorer-da8c84 .briefing-pill.is-ghost:hover {
  opacity: 0.9;
}
.objective-explorer-da8c84 .briefing-review {
  background: var(--ic-business-needs-review-bg);
  color: var(--ic-business-needs-review-fg);
}
.objective-explorer-da8c84 .briefing-running {
  background: var(--ic-business-running-bg);
  color: var(--ic-business-running-fg);
}
.objective-explorer-da8c84 .briefing-total {
  background: var(--ic-business-idle-bg);
  color: var(--ic-business-idle-fg);
}
@media (max-width: 860px) {
  .objective-explorer-da8c84 {
    --objective-pane-width: 220px;
    --detail-pane-width: 100%;
  }
  .objective-explorer-da8c84 .objective-list-head {
    padding-inline: 8px;
  }
  .objective-explorer-da8c84 .objective-list-title {
    display: none;
  }
  .objective-explorer-da8c84 .filter-tab {
    padding-inline: 6px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/objectiveExplorer/objectiveInspector.html.R.js */
.objective-inspector-c92810 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.objective-inspector-c92810 .objective-inspector-root,
.objective-inspector-c92810 .detail-shell,
.objective-inspector-c92810 .detail-content,
.objective-inspector-c92810 .detail-empty,
.objective-inspector-c92810 .spot-empty,
.objective-inspector-c92810 .spot-list,
.objective-inspector-c92810 .spot-content,
.objective-inspector-c92810 .iteration-content,
.objective-inspector-c92810 .iteration-loading,
.objective-inspector-c92810 .iteration-empty,
.objective-inspector-c92810 .iteration-list {
  min-height: 0;
}
.objective-inspector-c92810 .objective-inspector-root,
.objective-inspector-c92810 .detail-shell {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.objective-inspector-c92810 .detail-pane,
.objective-inspector-c92810 .detail-shell {
  overflow-y: auto;
}
.objective-inspector-c92810 .detail-shell {
  padding: 0;
  box-sizing: border-box;
}
.objective-inspector-c92810 .detail-empty,
.objective-inspector-c92810 .spot-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 13px;
  text-align: center;
}
.objective-inspector-c92810 .detail-empty {
  flex: 1;
}
.objective-inspector-c92810 .detail-content {
  width: 100%;
  box-sizing: border-box;
}
.objective-inspector-c92810 .detail-head {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.08);
  background: transparent;
}
.objective-inspector-c92810 .detail-objective-row {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 50px;
  padding: 0 22px;
}
.objective-inspector-c92810 .detail-summary-rail {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.14);
}
.objective-inspector-c92810 .detail-head.kind-status-running .detail-summary-rail {
  background: var(--ic-running-solid);
}
.objective-inspector-c92810 .detail-head.kind-status-needs-review .detail-summary-rail {
  background: var(--ic-needs-review-solid);
}
.objective-inspector-c92810 .detail-brief-button {
  display: block;
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.objective-inspector-c92810 .detail-brief-button:hover {
  opacity: 0.88;
}
.objective-inspector-c92810 .detail-brief,
.objective-inspector-c92810 .spot-brief {
  min-width: 0;
  width: 100%;
  color: rgba(255, 255, 255, 0.94);
}
.objective-inspector-c92810 .compact-brief-host {
  min-width: 0;
  width: 100%;
}
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec {
  user-select: none;
  pointer-events: none;
  padding: 0;
  background: transparent;
}
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-scrollable {
  overflow: hidden;
  padding: 0;
}
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec h1,
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec h2,
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec h3,
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec h4,
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec h5,
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec h6 {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
}
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec img {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  vertical-align: text-bottom;
}
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-item {
  list-style: none;
}
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-prefix.ca-decorator,
.objective-inspector-c92810 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-headline-prefix.ca-decorator {
  display: inline;
}
.objective-inspector-c92810 .compact-brief-host .ca-mime-markdown {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: inherit;
  line-height: 1.3;
}
.objective-inspector-c92810 .compact-brief-host .ca-mime-markdown,
.objective-inspector-c92810 .compact-brief-host .ca-scrollable,
.objective-inspector-c92810 .compact-brief-host .ca-segment-root,
.objective-inspector-c92810 .compact-brief-host .ca-block-root {
  max-width: 100%;
}
.objective-inspector-c92810 .spot-filter-tabs {
  display: flex;
  align-items: stretch;
  min-height: 34px;
  padding: 0 14px;
}
.objective-inspector-c92810 .filter-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.48);
  font: inherit;
  font-size: 10px;
  cursor: pointer;
  white-space: nowrap;
  transition: color 120ms ease, background 120ms ease, border-color 120ms ease;
}
.objective-inspector-c92810 .filter-tab-count {
  color: inherit;
  font-size: 9px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  opacity: 0.72;
}
.objective-inspector-c92810 .filter-tab:hover {
  color: rgba(255, 255, 255, 0.76);
  background: rgba(255, 255, 255, 0.035);
}
.objective-inspector-c92810 .filter-tab[stage-in] {
  border-bottom-color: rgba(255, 255, 255, 0.76);
  color: rgba(255, 255, 255, 0.76);
}
.objective-inspector-c92810 .filter-tab:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.7);
  outline-offset: -3px;
}
.objective-inspector-c92810 .detail-tab-divider {
  align-self: center;
  width: 1px;
  height: 14px;
  margin: 0 5px;
  background: rgba(255, 255, 255, 0.18);
}
.objective-inspector-c92810 .spot-list {
  padding: 0;
}
.objective-inspector-c92810 .iteration-loading,
.objective-inspector-c92810 .iteration-empty {
  padding: 20px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 13px;
  text-align: center;
}
.objective-inspector-c92810 .iteration-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 22px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.88);
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: background 120ms ease;
}
.objective-inspector-c92810 .iteration-item:hover {
  background: rgba(255, 255, 255, 0.04);
}
.objective-inspector-c92810 .iteration-open-hint {
  color: rgba(255, 255, 255, 0.42);
  font-size: 10px;
}
.objective-inspector-c92810 .spot-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 13px;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: background 120ms ease;
}
.objective-inspector-c92810 .spot-item:hover {
  background: rgba(255, 255, 255, 0.04);
}
.objective-inspector-c92810 .spot-main {
  min-width: 0;
  flex: 1;
  position: relative;
}
.objective-inspector-c92810 .spot-status-button {
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0 solid transparent;
  border-radius: 999px;
  background: transparent;
  color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  cursor: default;
  box-sizing: border-box;
  transition: background 300ms ease, color 300ms ease, opacity 300ms ease, transform 300ms cubic-bezier(0.22, 1.32, 0.32, 1), box-shadow 300ms ease;
}
.objective-inspector-c92810 .spot-indicator-core,
.objective-inspector-c92810 .spot-indicator-check {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: inset 320ms cubic-bezier(0.22, 1.32, 0.32, 1), transform 320ms cubic-bezier(0.22, 1.32, 0.32, 1), opacity 260ms ease, background 260ms ease, border-width 320ms cubic-bezier(0.22, 1.32, 0.32, 1), border-color 260ms ease;
}
.objective-inspector-c92810 .spot-indicator-core {
  inset: 7px;
  border-radius: 999px;
  background: var(--ic-idle-solid);
  border: 0 solid transparent;
  box-sizing: border-box;
  opacity: 0.6;
}
.objective-inspector-c92810 .spot-indicator-check {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  transform: scale(0.75);
}
.objective-inspector-c92810 .status-running .spot-status-button,
.objective-inspector-c92810 .kind-status-running {
  color: var(--ic-running-fg);
}
.objective-inspector-c92810 .status-running .spot-indicator-core {
  background: var(--ic-running-solid);
  opacity: 1;
}
.objective-inspector-c92810 .status-needs-review .spot-status-button,
.objective-inspector-c92810 .kind-status-needs-review {
  color: var(--ic-needs-review-fg);
}
.objective-inspector-c92810 .status-needs-review .spot-indicator-core {
  background: var(--ic-needs-review-solid);
  opacity: 1;
}
.objective-inspector-c92810 .status-idle .spot-status-button,
.objective-inspector-c92810 .kind-status-idle {
  color: var(--ic-idle-fg);
}
.objective-inspector-c92810 .status-idle .spot-indicator-core {
  background: var(--ic-idle-solid);
  opacity: 0.6;
}
.objective-inspector-c92810 .spot-status-button.is-settleable {
  cursor: pointer;
}
.objective-inspector-c92810 .spot-status-button.is-settleable .spot-indicator-check {
  opacity: 0;
  color: var(--ic-needs-review-solid);
}
.objective-inspector-c92810 .spot-item:hover .spot-status-button.is-settleable {
  background: transparent;
  box-shadow: none;
}
.objective-inspector-c92810 .spot-item:hover .spot-status-button.is-settleable .spot-indicator-core {
  inset: 3px;
  opacity: 1;
  transform: scale(1);
  background: transparent;
  border-width: 2px;
  border-color: var(--ic-needs-review-solid);
}
.objective-inspector-c92810 .spot-item:hover .spot-status-button.is-settleable .spot-indicator-check {
  opacity: 0.3;
  transform: scale(0.86);
  color: var(--ic-needs-review-solid);
}
.objective-inspector-c92810 .spot-status-button.is-settleable:hover {
  transform: none;
  background: transparent;
  box-shadow: none;
}
.objective-inspector-c92810 .spot-item:hover .spot-status-button.is-settleable:hover .spot-indicator-core {
  inset: 3px;
  opacity: 1;
  transform: scale(1.02);
  background: var(--ic-needs-review-solid);
  border-width: 0;
  border-color: transparent;
}
.objective-inspector-c92810 .spot-item:hover .spot-status-button.is-settleable:hover .spot-indicator-check {
  opacity: 1;
  transform: scale(1.08);
  color: white;
}
.objective-inspector-c92810 .spot-status-button.is-settle-closing {
  border-color: transparent;
  background: transparent;
  color: var(--ic-idle-fg);
}
.objective-inspector-c92810 .spot-status-button.is-settle-closing .spot-indicator-core {
  inset: 7px;
  background: var(--ic-idle-solid);
  border-width: 0;
  border-color: transparent;
  opacity: 0.6;
  transform: scale(1);
}
.objective-inspector-c92810 .spot-status-button.is-settle-closing .spot-indicator-check {
  opacity: 0;
  transform: scale(0.7);
}
.objective-inspector-c92810 .spot-item.is-idle {
  opacity: 0.9;
}
@media (max-width: 860px) {
  .objective-inspector-c92810 .detail-shell {
    padding-inline: 10px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/objectiveExplorer/objectiveInspector.theme/business/objectiveInspector.html.R.js */
.objective-inspector-a62523 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  overflow: hidden;
  background: #F2F4F6;
  color: #080C12;
  font-family: 'Open Sans', "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", SimSun, Song, sans-serif;
}
.objective-inspector-a62523 .objective-inspector-root,
.objective-inspector-a62523 .detail-shell,
.objective-inspector-a62523 .detail-content,
.objective-inspector-a62523 .detail-empty,
.objective-inspector-a62523 .spot-empty,
.objective-inspector-a62523 .spot-list,
.objective-inspector-a62523 .spot-content,
.objective-inspector-a62523 .iteration-content,
.objective-inspector-a62523 .iteration-loading,
.objective-inspector-a62523 .iteration-empty,
.objective-inspector-a62523 .iteration-list {
  min-height: 0;
}
.objective-inspector-a62523 .objective-inspector-root,
.objective-inspector-a62523 .detail-shell {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #F2F4F6;
}
.objective-inspector-a62523 .detail-shell {
  overflow-y: auto;
  padding: 0;
  box-sizing: border-box;
}
.objective-inspector-a62523 .detail-empty,
.objective-inspector-a62523 .spot-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #848689;
  font-size: 13px;
  text-align: center;
}
.objective-inspector-a62523 .detail-empty {
  flex: 1;
}
.objective-inspector-a62523 .detail-content {
  width: 100%;
  box-sizing: border-box;
  background: #F2F4F6;
}
.objective-inspector-a62523 .detail-head {
  border-bottom: 0.5px solid #E1E4E7;
  background: transparent;
}
.objective-inspector-a62523 .detail-objective-row {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 50px;
  padding: 0 22px;
}
.objective-inspector-a62523 .detail-summary-rail {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: #D0D5DD;
}
.objective-inspector-a62523 .detail-head.kind-status-running .detail-summary-rail {
  background: var(--ic-business-running-solid);
}
.objective-inspector-a62523 .detail-head.kind-status-needs-review .detail-summary-rail {
  background: var(--ic-business-needs-review-solid);
}
.objective-inspector-a62523 .detail-brief-button {
  display: block;
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.objective-inspector-a62523 .detail-brief-button:hover {
  opacity: 0.88;
}
.objective-inspector-a62523 .detail-brief,
.objective-inspector-a62523 .spot-brief {
  min-width: 0;
  width: 100%;
  color: #080C12;
}
.objective-inspector-a62523 .compact-brief-host {
  min-width: 0;
  width: 100%;
}
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec {
  user-select: none;
  pointer-events: none;
  padding: 0;
  background: transparent;
}
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-scrollable {
  overflow: hidden;
  padding: 0;
  background: transparent;
}
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec h1,
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec h2,
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec h3,
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec h4,
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec h5,
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec h6 {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
}
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec img {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  vertical-align: text-bottom;
}
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-item {
  list-style: none;
}
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-list-prefix.ca-decorator,
.objective-inspector-a62523 .compact-brief-host .ca-viewport.entry-rich-text-spec .ca-headline-prefix.ca-decorator {
  display: inline;
}
.objective-inspector-a62523 .compact-brief-host .ca-mime-markdown {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: inherit;
  line-height: 1.3;
}
.objective-inspector-a62523 .compact-brief-host .ca-mime-markdown,
.objective-inspector-a62523 .compact-brief-host .ca-scrollable,
.objective-inspector-a62523 .compact-brief-host .ca-segment-root,
.objective-inspector-a62523 .compact-brief-host .ca-block-root {
  max-width: 100%;
}
.objective-inspector-a62523 .spot-filter-tabs {
  display: flex;
  align-items: stretch;
  min-height: 34px;
  padding: 0 14px;
}
.objective-inspector-a62523 .filter-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #98A2B3;
  font: inherit;
  font-size: 10px;
  cursor: pointer;
  white-space: nowrap;
  transition: color 120ms ease, background 120ms ease, border-color 120ms ease;
}
.objective-inspector-a62523 .filter-tab-count {
  color: inherit;
  font-size: 9px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  opacity: 0.72;
}
.objective-inspector-a62523 .filter-tab:hover {
  color: #667085;
  background: #F8F9FA;
}
.objective-inspector-a62523 .filter-tab[stage-in] {
  border-bottom-color: #475467;
  color: #475467;
}
.objective-inspector-a62523 .filter-tab:focus-visible {
  outline: 1px solid #98A2B3;
  outline-offset: -3px;
}
.objective-inspector-a62523 .detail-tab-divider {
  align-self: center;
  width: 1px;
  height: 14px;
  margin: 0 5px;
  background: #D0D5DD;
}
.objective-inspector-a62523 .spot-list {
  padding: 0;
}
.objective-inspector-a62523 .iteration-loading,
.objective-inspector-a62523 .iteration-empty {
  padding: 20px;
  color: #848689;
  font-size: 13px;
  text-align: center;
}
.objective-inspector-a62523 .iteration-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 22px;
  border: 0;
  background: transparent;
  color: #344054;
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: background 120ms ease;
}
.objective-inspector-a62523 .iteration-item:hover {
  background: #F1F3F5;
}
.objective-inspector-a62523 .iteration-open-hint {
  color: #98A2B3;
  font-size: 10px;
}
.objective-inspector-a62523 .spot-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 13px;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: background 120ms ease;
  box-sizing: border-box;
}
.objective-inspector-a62523 .spot-item:hover {
  background: #F1F3F5;
}
.objective-inspector-a62523 .spot-main {
  min-width: 0;
  flex: 1;
  position: relative;
}
.objective-inspector-a62523 .spot-status-button {
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0 solid transparent;
  border-radius: 999px;
  background: transparent;
  color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  cursor: default;
  box-sizing: border-box;
  transition: background 300ms ease, color 300ms ease, opacity 300ms ease, transform 300ms cubic-bezier(0.22, 1.32, 0.32, 1), box-shadow 300ms ease;
}
.objective-inspector-a62523 .spot-indicator-core,
.objective-inspector-a62523 .spot-indicator-check {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: inset 320ms cubic-bezier(0.22, 1.32, 0.32, 1), transform 320ms cubic-bezier(0.22, 1.32, 0.32, 1), opacity 260ms ease, background 260ms ease, border-width 320ms cubic-bezier(0.22, 1.32, 0.32, 1), border-color 260ms ease;
}
.objective-inspector-a62523 .spot-indicator-core {
  inset: 7px;
  border-radius: 999px;
  background: var(--ic-business-idle-solid);
  border: 0 solid transparent;
  box-sizing: border-box;
  opacity: 0.72;
}
.objective-inspector-a62523 .spot-indicator-check {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  transform: scale(0.75);
}
.objective-inspector-a62523 .status-running .spot-status-button,
.objective-inspector-a62523 .kind-status-running {
  color: var(--ic-business-running-fg);
}
.objective-inspector-a62523 .status-running .spot-indicator-core {
  background: var(--ic-business-running-solid);
  opacity: 1;
}
.objective-inspector-a62523 .status-needs-review .spot-status-button,
.objective-inspector-a62523 .kind-status-needs-review {
  color: var(--ic-business-needs-review-fg);
}
.objective-inspector-a62523 .status-needs-review .spot-indicator-core {
  background: var(--ic-business-needs-review-solid);
  opacity: 1;
}
.objective-inspector-a62523 .status-idle .spot-status-button,
.objective-inspector-a62523 .kind-status-idle {
  color: var(--ic-business-idle-fg);
}
.objective-inspector-a62523 .status-idle .spot-indicator-core {
  background: var(--ic-business-idle-solid);
  opacity: 0.72;
}
.objective-inspector-a62523 .spot-status-button.is-settleable {
  cursor: pointer;
}
.objective-inspector-a62523 .spot-status-button.is-settleable .spot-indicator-check {
  opacity: 0;
  color: var(--ic-business-needs-review-solid);
}
.objective-inspector-a62523 .spot-item:hover .spot-status-button.is-settleable {
  background: transparent;
  box-shadow: none;
}
.objective-inspector-a62523 .spot-item:hover .spot-status-button.is-settleable .spot-indicator-core {
  inset: 3px;
  opacity: 1;
  transform: scale(1);
  background: transparent;
  border-width: 2px;
  border-color: var(--ic-business-needs-review-solid);
}
.objective-inspector-a62523 .spot-item:hover .spot-status-button.is-settleable .spot-indicator-check {
  opacity: 0.3;
  transform: scale(0.86);
  color: var(--ic-business-needs-review-solid);
}
.objective-inspector-a62523 .spot-status-button.is-settleable:hover {
  transform: none;
  background: transparent;
  box-shadow: none;
}
.objective-inspector-a62523 .spot-item:hover .spot-status-button.is-settleable:hover .spot-indicator-core {
  inset: 3px;
  opacity: 1;
  transform: scale(1.02);
  background: var(--ic-business-needs-review-solid);
  border-width: 0;
  border-color: transparent;
}
.objective-inspector-a62523 .spot-item:hover .spot-status-button.is-settleable:hover .spot-indicator-check {
  opacity: 1;
  transform: scale(1.08);
  color: white;
}
.objective-inspector-a62523 .spot-status-button.is-settle-closing {
  border-color: transparent;
  background: transparent;
  color: var(--ic-business-idle-fg);
}
.objective-inspector-a62523 .spot-status-button.is-settle-closing .spot-indicator-core {
  inset: 7px;
  background: var(--ic-business-idle-solid);
  border-width: 0;
  border-color: transparent;
  opacity: 0.72;
  transform: scale(1);
}
.objective-inspector-a62523 .spot-status-button.is-settle-closing .spot-indicator-check {
  opacity: 0;
  transform: scale(0.7);
}
.objective-inspector-a62523 .spot-item.is-idle {
  opacity: 0.9;
}
@media (max-width: 860px) {
  .objective-inspector-a62523 .detail-shell {
    padding-inline: 10px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/instantChatExplorer/instantChatExplorer.theme/business/instantChatExplorer.html.R.js */
.instant-chat-explorer-f3e6ff {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: #FCFCFB;
  color: #272522;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
.instant-chat-explorer-f3e6ff .instant-chat-explorer {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.instant-chat-explorer-f3e6ff .chat-navigator {
  display: flex;
  flex: 0 0 280px;
  flex-direction: column;
  min-width: 220px;
  min-height: 0;
  box-sizing: border-box;
  border-right: 0.5px solid rgba(17, 17, 17, 0.08);
  background: #FCFCFB;
}
.instant-chat-explorer-f3e6ff .navigator-head {
  display: flex;
  align-items: center;
  height: 41px;
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.instant-chat-explorer-f3e6ff .navigator-title {
  color: #6B6761;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.instant-chat-explorer-f3e6ff .new-chat-button {
  margin-left: auto;
  padding: 7px 10px;
  border: 1px solid #111111;
  border-radius: 0;
  background: #111111;
  color: #FFFFFF;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  cursor: pointer;
}
.instant-chat-explorer-f3e6ff .new-chat-button:hover {
  background: #272522;
  border-color: #272522;
}
.instant-chat-explorer-f3e6ff .new-chat-button:focus-visible {
  outline: 2px solid rgba(17, 17, 17, 0.38);
  outline-offset: 2px;
}
.instant-chat-explorer-f3e6ff .chat-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 6px 0 16px;
  box-sizing: border-box;
  background: #FCFCFB;
}
.instant-chat-explorer-f3e6ff .chat-list-item {
  position: relative;
  display: block;
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  border-left: 2px solid transparent;
  background: transparent;
  color: #272522;
  font: inherit;
  font-size: 13px;
  line-height: 18px;
}
.instant-chat-explorer-f3e6ff .chat-list-item:hover {
  background: #F4F3F1;
}
.instant-chat-explorer-f3e6ff .chat-list-item-open {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 11px 16px;
  box-sizing: border-box;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
}
.instant-chat-explorer-f3e6ff .chat-list-item.is-active {
  border-left-color: #111111;
  background: #ECEAE7;
  color: #111111;
  font-weight: 600;
}
.instant-chat-explorer-f3e6ff .chat-list-item-open:focus-visible {
  outline: 1px solid rgba(17, 17, 17, 0.35);
  outline-offset: -3px;
}
.instant-chat-explorer-f3e6ff .chat-list-item-delete {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  width: 44px;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  background: transparent;
  color: #817B72;
  cursor: pointer;
  opacity: 0;
}
.instant-chat-explorer-f3e6ff .chat-list-item:hover .chat-list-item-delete,
.instant-chat-explorer-f3e6ff .chat-list-item:focus-within .chat-list-item-delete {
  opacity: 1;
}
.instant-chat-explorer-f3e6ff .chat-list-item-delete:hover {
  background: #E8D9D4;
  color: #A63122;
}
.instant-chat-explorer-f3e6ff .chat-list-item-delete:focus-visible {
  outline: 1px solid rgba(17, 17, 17, 0.35);
  outline-offset: 1px;
  opacity: 1;
}
.instant-chat-explorer-f3e6ff .chat-list-item-delete icon,
.instant-chat-explorer-f3e6ff .chat-list-item-delete icon svg {
  width: 15px;
  height: 15px;
}
.instant-chat-explorer-f3e6ff .chat-list-item-title {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.instant-chat-explorer-f3e6ff .chat-list-more {
  padding: 14px 16px 4px;
  color: #8A847C;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
}
.instant-chat-explorer-f3e6ff .chat-workspace {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #FCFCFB;
}
.instant-chat-explorer-f3e6ff .chat-workspace > * {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
@media (max-width: 700px) {
  .instant-chat-explorer-f3e6ff .chat-navigator {
    flex-basis: 190px;
    min-width: 160px;
  }
  .instant-chat-explorer-f3e6ff .navigator-head {
    padding: 0 12px;
  }
  .instant-chat-explorer-f3e6ff .chat-list-item-open {
    padding-left: 12px;
    padding-right: 12px;
  }
  .instant-chat-explorer-f3e6ff .chat-list-item-delete {
    width: 40px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-idps-web/src/instantChatExplorer/instantChatExplorer.theme/genesis/instantChatExplorer.html.R.js */
.instant-chat-explorer-b9f328 {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: #1C1C1B;
  color: #F1F0EE;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
.instant-chat-explorer-b9f328 .instant-chat-explorer {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.instant-chat-explorer-b9f328 .chat-navigator {
  display: flex;
  flex: 0 0 280px;
  flex-direction: column;
  min-width: 220px;
  min-height: 0;
  box-sizing: border-box;
  border-right: 0.5px solid rgba(255, 255, 255, 0.1);
  background: #1C1C1B;
}
.instant-chat-explorer-b9f328 .navigator-head {
  display: flex;
  align-items: center;
  height: 45px;
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
}
.instant-chat-explorer-b9f328 .navigator-title {
  color: #A7A39C;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.instant-chat-explorer-b9f328 .new-chat-button {
  margin-left: auto;
  padding: 7px 10px;
  border: 1px solid #F1F0EE;
  border-radius: 0;
  background: #F1F0EE;
  color: #1C1C1B;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  cursor: pointer;
}
.instant-chat-explorer-b9f328 .new-chat-button:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
}
.instant-chat-explorer-b9f328 .new-chat-button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.48);
  outline-offset: 2px;
}
.instant-chat-explorer-b9f328 .chat-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 6px 0 16px;
  box-sizing: border-box;
  background: #1C1C1B;
}
.instant-chat-explorer-b9f328 .chat-list-item {
  position: relative;
  display: block;
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  border-left: 2px solid transparent;
  background: transparent;
  color: #D2CFC9;
  font: inherit;
  font-size: 13px;
  line-height: 18px;
}
.instant-chat-explorer-b9f328 .chat-list-item:hover {
  background: #252523;
  color: #F1F0EE;
}
.instant-chat-explorer-b9f328 .chat-list-item-open {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 11px 16px;
  box-sizing: border-box;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
}
.instant-chat-explorer-b9f328 .chat-list-item.is-active {
  border-left-color: #FFFFFF;
  background: #343431;
  color: #FFFFFF;
  font-weight: 600;
}
.instant-chat-explorer-b9f328 .chat-list-item-open:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.45);
  outline-offset: -3px;
}
.instant-chat-explorer-b9f328 .chat-list-item-delete {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  width: 44px;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  background: transparent;
  color: #A7A39C;
  cursor: pointer;
  opacity: 0;
}
.instant-chat-explorer-b9f328 .chat-list-item:hover .chat-list-item-delete,
.instant-chat-explorer-b9f328 .chat-list-item:focus-within .chat-list-item-delete {
  opacity: 1;
}
.instant-chat-explorer-b9f328 .chat-list-item-delete:hover {
  background: #5A302D;
  color: #FFC3BC;
}
.instant-chat-explorer-b9f328 .chat-list-item-delete:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.45);
  outline-offset: 1px;
  opacity: 1;
}
.instant-chat-explorer-b9f328 .chat-list-item-delete icon,
.instant-chat-explorer-b9f328 .chat-list-item-delete icon svg {
  width: 15px;
  height: 15px;
}
.instant-chat-explorer-b9f328 .chat-list-item-title {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.instant-chat-explorer-b9f328 .chat-list-more {
  padding: 14px 16px 4px;
  color: #A7A39C;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
}
.instant-chat-explorer-b9f328 .chat-workspace {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #1C1C1B;
}
.instant-chat-explorer-b9f328 .chat-workspace > * {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
@media (max-width: 700px) {
  .instant-chat-explorer-b9f328 .chat-navigator {
    flex-basis: 190px;
    min-width: 160px;
  }
  .instant-chat-explorer-b9f328 .navigator-head {
    padding: 0 12px;
  }
  .instant-chat-explorer-b9f328 .chat-list-item-open {
    padding-left: 12px;
    padding-right: 12px;
  }
  .instant-chat-explorer-b9f328 .chat-list-item-delete {
    width: 40px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/attunements/verseProposal/verseProposalSection.html.R.js */
.verse-proposal-section-238958 {
  display: block;
  margin: 8px 0;
  color: #e2e3e1;
}
.verse-proposal-section-238958 .entry-proposal-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.verse-proposal-section-238958 .entry-proposal-title {
  flex: none;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(226, 227, 225, 0.42);
}
.verse-proposal-section-238958 .entry-proposal-status {
  flex: 1;
  min-width: 0;
  font-size: 11px;
  color: rgba(226, 227, 225, 0.38);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.verse-proposal-section-238958 .entry-proposal-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
}
.verse-proposal-section-238958 .entry-proposal-apply-button,
.verse-proposal-section-238958 .entry-proposal-menu-button {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(226, 227, 225, 0.72);
  cursor: pointer;
  min-height: 22px;
  padding: 3px 8px;
  font-size: 11px;
  line-height: 1.2;
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease, border-color 120ms ease;
}
.verse-proposal-section-238958 .entry-proposal-apply-button:hover,
.verse-proposal-section-238958 .entry-proposal-menu-button:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #f2f2f1;
}
.verse-proposal-section-238958 .entry-proposal-apply-button:disabled {
  opacity: 0.45;
  cursor: default;
}
.verse-proposal-section-238958 .entry-proposal-tree {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.verse-proposal-section-238958 .entry-proposal-raw {
  display: none;
  margin: 8px 0 0;
  padding: 8px 10px;
  white-space: pre-wrap;
  word-break: break-word;
  border-left: 1px solid rgba(255, 157, 157, 0.45);
  background: rgba(255, 255, 255, 0.03);
  color: #ffb3b3;
  font-size: 11px;
  line-height: 1.5;
}
.verse-proposal-section-238958 .entry-proposal-tree-node {
  display: block;
}
.verse-proposal-section-238958 .entry-proposal-tree-row {
  display: flex;
  align-items: stretch;
  margin-top: 1px;
}
.verse-proposal-section-238958 .entry-proposal-tree-row.is-navigatable {
  cursor: pointer;
}
.verse-proposal-section-238958 .entry-proposal-tree-row.is-navigatable:hover .entry-proposal-tree-body {
  filter: brightness(1.06);
}
.verse-proposal-section-238958 .entry-proposal-tree-body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  width: 100%;
  max-width: 344px;
  box-sizing: border-box;
  min-height: 32px;
  padding: 6px 12px 6px 32px;
  background: #343434;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.verse-proposal-section-238958 .entry-proposal-tree-body.is-empty {
  min-height: 20px;
}
.verse-proposal-section-238958 .entry-proposal-tree-marker {
  position: absolute;
  left: 7px;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  user-select: none;
}
.verse-proposal-section-238958 .entry-proposal-tree-node.op-create .entry-proposal-tree-body {
  border-left-color: rgba(120, 210, 255, 0.28);
  color: inherit;
}
.verse-proposal-section-238958 .entry-proposal-tree-node.op-create .entry-proposal-tree-marker {
  background: #78d2ff;
  box-shadow: 0 0 0 1px rgba(120, 210, 255, 0.18);
}
.verse-proposal-section-238958 .entry-proposal-tree-node.op-edit .entry-proposal-tree-body {
  border-left-color: rgba(243, 211, 111, 0.28);
}
.verse-proposal-section-238958 .entry-proposal-tree-node.op-edit .entry-proposal-tree-marker {
  background: #f3d36f;
  box-shadow: 0 0 0 1px rgba(243, 211, 111, 0.14);
}
.verse-proposal-section-238958 .entry-proposal-tree-node.op-delete .entry-proposal-tree-body {
  border-left-color: rgba(255, 157, 157, 0.3);
}
.verse-proposal-section-238958 .entry-proposal-tree-node.op-delete .entry-proposal-tree-marker {
  background: #ff8f8f;
  box-shadow: 0 0 0 1px rgba(255, 143, 143, 0.16);
}
.verse-proposal-section-238958 .entry-proposal-tree-brief {
  color: #f0f0ef;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 12px;
  line-height: 1.5;
}
.verse-proposal-section-238958 .entry-proposal-tree-brief.is-empty::before {
  content: " ";
}
.verse-proposal-section-238958 .entry-proposal-diff-segment {
  white-space: pre-wrap;
}
.verse-proposal-section-238958 .entry-proposal-tree-node.op-edit .entry-proposal-diff-segment.diff-remove {
  color: rgba(240, 240, 239, 0.45);
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}
.verse-proposal-section-238958 .entry-proposal-tree-node.op-delete .entry-proposal-diff-segment.diff-remove {
  color: #ff9d9d;
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}
.verse-proposal-section-238958 .entry-proposal-diff-segment.diff-add {
  color: #8ac7ff;
}
.verse-proposal-section-238958 .entry-proposal-diff-segment.diff-same {
  color: #f0f0ef;
}
.verse-proposal-section-238958.state-invalid .entry-proposal-status {
  color: rgba(255, 170, 170, 0.82);
}
.verse-proposal-section-238958.state-empty .entry-proposal-tree {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/attunements/verseProposal/verseProposalSection.theme/business/verseProposalSection.html.R.js */
.verse-proposal-section-4b3e85 {
  display: block;
  position: relative;
  margin: 8px 0;
  color: #1A1D22;
  background: #FFFFFF;
  border: 1px solid #E7EAEE;
  padding: 6px 8px 8px;
  box-sizing: border-box;
}
.verse-proposal-section-4b3e85 .entry-proposal-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.verse-proposal-section-4b3e85 .entry-proposal-title {
  flex: none;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #90959C;
}
.verse-proposal-section-4b3e85 .entry-proposal-status {
  flex: 1;
  min-width: 0;
  font-size: 11px;
  color: #90959C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.verse-proposal-section-4b3e85 .entry-proposal-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
}
.verse-proposal-section-4b3e85 .entry-proposal-apply-button,
.verse-proposal-section-4b3e85 .entry-proposal-menu-button {
  border: 1px solid #E7EAEE;
  border-radius: 0;
  background: #FFFFFF;
  color: #666C74;
  cursor: pointer;
  min-height: 22px;
  padding: 3px 8px;
  font-size: 11px;
  line-height: 1.2;
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease, border-color 120ms ease;
}
.verse-proposal-section-4b3e85 .entry-proposal-apply-button:hover,
.verse-proposal-section-4b3e85 .entry-proposal-menu-button:hover {
  background: #F8F9FA;
  border-color: #D9DEE4;
  color: #111318;
}
.verse-proposal-section-4b3e85 .entry-proposal-apply-button:focus-visible,
.verse-proposal-section-4b3e85 .entry-proposal-menu-button:focus-visible {
  outline: none;
  border-color: #D6DEE8;
}
.verse-proposal-section-4b3e85 .entry-proposal-apply-button:disabled {
  opacity: 0.45;
  cursor: default;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.verse-proposal-section-4b3e85 .entry-proposal-raw {
  display: none;
  margin: 8px 0 0;
  padding: 6px 8px;
  white-space: pre-wrap;
  word-break: break-word;
  background: #FBF0F1;
  color: #A24B4B;
  border: 1px solid #F0D7DA;
  font-size: 11px;
  line-height: 1.5;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-node {
  display: block;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-row {
  display: flex;
  align-items: stretch;
  margin-top: 1px;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-row.is-navigatable {
  cursor: pointer;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-row.is-navigatable:hover .entry-proposal-tree-body {
  filter: brightness(0.985);
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  width: 100%;
  max-width: 344px;
  box-sizing: border-box;
  min-height: 32px;
  padding: 6px 12px 6px 32px;
  background: #FFFFFF;
  border-left: 1px solid #E7EAEE;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-body.is-empty {
  min-height: 20px;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-marker {
  position: absolute;
  left: 7px;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  user-select: none;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-node.op-create .entry-proposal-tree-body {
  border-left-color: #D9E7F1;
  color: inherit;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-node.op-create .entry-proposal-tree-marker {
  background: #6FAFCF;
  box-shadow: 0 0 0 1px #DCEBF4;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-node.op-edit .entry-proposal-tree-body {
  border-left-color: #E9DFC0;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-node.op-edit .entry-proposal-tree-marker {
  background: #C8A857;
  box-shadow: 0 0 0 1px #EFE4C5;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-node.op-delete .entry-proposal-tree-body {
  border-left-color: #EDD4D7;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-node.op-delete .entry-proposal-tree-marker {
  background: #C97979;
  box-shadow: 0 0 0 1px #F1DFE1;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-brief {
  color: #1A1D22;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 12px;
  line-height: 1.5;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-brief.is-empty::before {
  content: " ";
}
.verse-proposal-section-4b3e85 .entry-proposal-diff-segment {
  white-space: pre-wrap;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-node.op-edit .entry-proposal-diff-segment.diff-remove {
  color: #90959C;
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}
.verse-proposal-section-4b3e85 .entry-proposal-tree-node.op-delete .entry-proposal-diff-segment.diff-remove {
  color: #B66161;
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}
.verse-proposal-section-4b3e85 .entry-proposal-diff-segment.diff-add {
  color: #477892;
}
.verse-proposal-section-4b3e85 .entry-proposal-diff-segment.diff-same {
  color: #1A1D22;
}
.verse-proposal-section-4b3e85.state-invalid .entry-proposal-status {
  color: #A24B4B;
}
.verse-proposal-section-4b3e85.state-empty .entry-proposal-tree {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/attunements/table/tableSection.html.R.js */
.table-section-c681aa {
  display: block;
  position: relative;
  margin: 8px 0;
  color: #e2e3e1;
}
.table-section-c681aa.window-view {
  min-height: 100%;
  margin: 0;
  padding: 20px;
  box-sizing: border-box;
}
.table-section-c681aa .table-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  min-height: 24px;
}
.table-section-c681aa .table-status {
  flex: 1;
  min-width: 0;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(226, 227, 225, 0.42);
}
.table-section-c681aa .table-actions {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  z-index: 1;
}
.table-section-c681aa .table-open-button {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  background: rgba(34, 34, 34, 0.86);
  color: rgba(226, 227, 225, 0.72);
  cursor: pointer;
  padding: 2px 7px;
  font-size: 11px;
  line-height: 1.2;
}
.table-section-c681aa .table-open-button:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #f2f2f1;
}
.table-section-c681aa .table-open-button:disabled {
  cursor: default;
  opacity: 0.4;
}
.table-section-c681aa .table-preview {
  display: block;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
}
.table-section-c681aa .table-preview :is(table) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background: transparent;
  color: #e2e3e1;
  font-size: 12px;
  line-height: 1.45;
}
.table-section-c681aa .table-preview :is(caption) {
  caption-side: top;
  text-align: left;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0 0 6px;
  color: rgba(226, 227, 225, 0.42);
}
.table-section-c681aa .table-preview :is(th, td) {
  min-width: 0;
  padding: 4px 8px;
  text-align: left;
  vertical-align: top;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.table-section-c681aa .table-preview :is(th) {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(226, 227, 225, 0.58);
}
.table-section-c681aa .table-preview :is(tbody tr:last-child td, tbody tr:last-child th) {
  border-bottom: none;
}
.table-section-c681aa .table-raw {
  display: none;
  margin: 8px 0 0;
  padding: 8px 10px;
  white-space: pre-wrap;
  word-break: break-word;
  background: rgba(176, 47, 47, 0.12);
  color: #ffb3b3;
  font-size: 11px;
  line-height: 1.5;
}
.table-section-c681aa.state-valid.meta-hidden .table-status {
  display: none;
}
.table-section-c681aa.state-valid .table-open-button {
  display: inline-flex;
}
.table-section-c681aa.state-invalid .table-status {
  color: rgba(255, 170, 170, 0.82);
}
.table-section-c681aa.state-empty .table-open-button,
.table-section-c681aa.state-invalid .table-open-button {
  display: none;
}
.table-section-c681aa.state-empty .table-preview {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/attunements/table/tableSection.theme/business/tableSection.html.R.js */
.table-section-62c867 {
  display: block;
  position: relative;
  margin: 8px 0;
  color: #1A1D22;
  background: #FFFFFF;
  border: 1px solid #E7EAEE;
  padding: 6px 8px 8px;
  box-sizing: border-box;
}
.table-section-62c867.window-view {
  min-height: 100%;
  margin: 0;
  padding: 20px;
}
.table-section-62c867 .table-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  min-height: 20px;
}
.table-section-62c867 .table-status {
  flex: 1;
  min-width: 0;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #90959C;
}
.table-section-62c867 .table-actions {
  position: absolute;
  top: 6px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  z-index: 1;
}
.table-section-62c867 .table-open-button {
  min-width: 22px;
  height: 18px;
  padding: 0 4px;
  border: 1px solid #E7EAEE;
  border-radius: 0;
  background: #FFFFFF;
  color: #666C74;
  cursor: pointer;
  font-size: 10px;
  line-height: 1;
  box-sizing: border-box;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}
.table-section-62c867 .table-open-button:hover {
  background: #F8F9FA;
  border-color: #D9DEE4;
  color: #111318;
}
.table-section-62c867 .table-open-button:focus-visible {
  outline: none;
  border-color: #D6DEE8;
}
.table-section-62c867 .table-open-button:disabled {
  cursor: default;
  opacity: 0.45;
}
.table-section-62c867 .table-preview {
  display: block;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
}
.table-section-62c867 .table-preview :is(table) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background: #FFFFFF;
  color: #1A1D22;
  font-size: 12px;
  line-height: 1.4;
}
.table-section-62c867 .table-preview :is(caption) {
  caption-side: top;
  text-align: left;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0 0 5px;
  color: #90959C;
}
.table-section-62c867 .table-preview :is(th, td) {
  min-width: 0;
  padding: 4px 8px;
  text-align: left;
  vertical-align: top;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  border: none;
  border-bottom: 1px solid #E7EAEE;
}
.table-section-62c867 .table-preview :is(th) {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #666C74;
  background: transparent;
}
.table-section-62c867 .table-preview :is(tbody tr:last-child td, tbody tr:last-child th) {
  border-bottom: none;
}
.table-section-62c867 .table-raw {
  display: none;
  margin: 8px 0 0;
  padding: 6px 8px;
  white-space: pre-wrap;
  word-break: break-word;
  background: #FBF0F1;
  color: #A24B4B;
  border: 1px solid #F0D7DA;
  font-size: 10px;
  line-height: 1.45;
}
.table-section-62c867.state-valid.meta-hidden .table-status {
  display: none;
}
.table-section-62c867.state-valid .table-open-button {
  display: inline-flex;
}
.table-section-62c867.state-invalid .table-status {
  color: #A24B4B;
}
.table-section-62c867.state-empty .table-open-button,
.table-section-62c867.state-invalid .table-open-button {
  display: none;
}
.table-section-62c867.state-empty .table-preview {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/attunements/svg/svgSection.html.R.js */
.svg-section-cabe01 {
  display: block;
  position: relative;
  margin: 8px 0;
  color: #e2e3e1;
}
.svg-section-cabe01.window-view {
  min-height: 100%;
  margin: 0;
  padding: 20px;
  box-sizing: border-box;
}
.svg-section-cabe01 .svg-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  min-height: 24px;
}
.svg-section-cabe01 .svg-status {
  flex: 1;
  min-width: 0;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(226, 227, 225, 0.42);
}
.svg-section-cabe01 .svg-actions {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
}
.svg-section-cabe01 .svg-open-button {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  background: rgba(34, 34, 34, 0.86);
  color: rgba(226, 227, 225, 0.72);
  cursor: pointer;
  padding: 2px 7px;
  font-size: 11px;
  line-height: 1.2;
}
.svg-section-cabe01 .svg-open-button:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #f2f2f1;
}
.svg-section-cabe01 .svg-open-button:disabled {
  cursor: default;
  opacity: 0.4;
}
.svg-section-cabe01 .svg-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 80px;
  padding: 12px;
  box-sizing: border-box;
  overflow: hidden;
}
.svg-section-cabe01 .svg-preview :is(svg) {
  display: block;
  max-width: 100%;
  max-height: 360px;
  color: #e2e3e1;
}
.svg-section-cabe01 .svg-raw {
  display: none;
  margin: 8px 0 0;
  padding: 8px 10px;
  white-space: pre-wrap;
  word-break: break-word;
  background: rgba(176, 47, 47, 0.12);
  color: #ffb3b3;
  font-size: 11px;
  line-height: 1.5;
}
.svg-section-cabe01.state-valid.meta-hidden .svg-status {
  display: none;
}
.svg-section-cabe01.state-valid.state-sanitized .svg-status {
  color: rgba(255, 220, 140, 0.78);
}
.svg-section-cabe01.state-invalid .svg-status {
  color: rgba(255, 170, 170, 0.82);
}
.svg-section-cabe01.state-empty .svg-open-button,
.svg-section-cabe01.state-invalid .svg-open-button {
  display: none;
}
.svg-section-cabe01.state-empty .svg-preview {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/attunements/svg/svgSection.theme/business/svgSection.html.R.js */
.svg-section-449f2b {
  display: block;
  position: relative;
  margin: 8px 0;
  padding: 6px 8px 8px;
  box-sizing: border-box;
  color: #1A1D22;
  background: #FFFFFF;
  border: 1px solid #E7EAEE;
}
.svg-section-449f2b.window-view {
  min-height: 100%;
  margin: 0;
  padding: 20px;
}
.svg-section-449f2b .svg-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  min-height: 20px;
}
.svg-section-449f2b .svg-status {
  flex: 1;
  min-width: 0;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #90959C;
}
.svg-section-449f2b .svg-actions {
  position: absolute;
  top: 6px;
  right: 8px;
  display: inline-flex;
  align-items: center;
}
.svg-section-449f2b .svg-open-button {
  min-width: 22px;
  height: 18px;
  padding: 0 4px;
  border: 1px solid #E7EAEE;
  border-radius: 0;
  background: #FFFFFF;
  color: #666C74;
  cursor: pointer;
  font-size: 10px;
  line-height: 1;
}
.svg-section-449f2b .svg-open-button:hover {
  background: #F8F9FA;
  border-color: #D9DEE4;
  color: #111318;
}
.svg-section-449f2b .svg-open-button:disabled {
  cursor: default;
  opacity: 0.45;
}
.svg-section-449f2b .svg-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 80px;
  padding: 12px;
  box-sizing: border-box;
  overflow: hidden;
}
.svg-section-449f2b .svg-preview :is(svg) {
  display: block;
  max-width: 100%;
  max-height: 360px;
  color: #1A1D22;
}
.svg-section-449f2b .svg-raw {
  display: none;
  margin: 8px 0 0;
  padding: 6px 8px;
  white-space: pre-wrap;
  word-break: break-word;
  background: #FBF0F1;
  color: #A24B4B;
  border: 1px solid #F0D7DA;
  font-size: 10px;
  line-height: 1.45;
}
.svg-section-449f2b.state-valid.meta-hidden .svg-status {
  display: none;
}
.svg-section-449f2b.state-valid.state-sanitized .svg-status {
  color: #A07A2D;
}
.svg-section-449f2b.state-invalid .svg-status {
  color: #A24B4B;
}
.svg-section-449f2b.state-empty .svg-open-button,
.svg-section-449f2b.state-invalid .svg-open-button {
  display: none;
}
.svg-section-449f2b.state-empty .svg-preview {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/content/entryIdpsBindingNodeContent.html.R.js */
.entry-idps-binding-node-content-a2806e {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 344px;
  min-height: 32px;
  box-sizing: border-box;
  background: #2f3a3e;
  color: #d7f4ff;
  padding: 6px 10px;
  box-shadow: inset 2px 0 0 0 rgba(120, 210, 255, 0.75);
  font-size: 13px;
  line-height: 18px;
  transition: background-color 180ms ease, box-shadow 180ms ease;
  overflow: hidden;
}
.entry-idps-binding-node-content-a2806e.is-needs-review {
  background: #293b33;
  box-shadow: inset 2px 0 0 0 #48C978;
}
.entry-idps-binding-node-content-a2806e.is-reviewed {
  background: #293034;
  color: #68717B;
  box-shadow: inset 2px 0 0 0 #C7D0D9;
}
.entry-idps-binding-node-content-a2806e.is-running {
  background: #3c3429;
  box-shadow: inset 2px 0 0 0 #FFA600;
}
.entry-idps-binding-node-content-a2806e.is-loading {
  background: #31363c;
  box-shadow: inset 2px 0 0 0 rgba(160, 196, 255, 0.72);
}
.entry-idps-binding-node-content-a2806e.is-invalid {
  background: #3a2d31;
  box-shadow: inset 2px 0 0 0 rgba(255, 120, 120, 0.72);
}
.entry-idps-binding-node-content-a2806e.is-aborted {
  background: #3a2d31;
  box-shadow: inset 2px 0 0 0 rgba(255, 92, 92, 0.82);
}
.entry-idps-binding-node-content-a2806e .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 16px;
  box-sizing: border-box;
  font-size: 8px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(120, 210, 255, 0.12);
  color: rgba(170, 240, 255, 0.84);
  border: 1px solid rgba(120, 210, 255, 0.18);
  transform-origin: center;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: box-shadow 200ms ease, background-color 200ms ease, border-color 200ms ease, color 200ms ease;
  flex: none;
}
.entry-idps-binding-node-content-a2806e.is-needs-review .badge {
  background: rgba(72, 201, 120, 0.16);
  color: #9BE1B7;
  border-color: #48C978;
  cursor: pointer;
}
.entry-idps-binding-node-content-a2806e.is-needs-review .badge:hover {
  background: #48C978;
  color: #173423;
  border-color: #48C978;
}
.entry-idps-binding-node-content-a2806e.is-needs-review .badge:hover::before {
  content: "SETTLE";
}
.entry-idps-binding-node-content-a2806e.is-needs-review .badge:hover {
  font-size: 0;
}
.entry-idps-binding-node-content-a2806e.is-needs-review .badge:hover::before {
  font-size: 8px;
}
.entry-idps-binding-node-content-a2806e.is-reviewed .badge {
  background: rgba(199, 208, 217, 0.2);
  color: #C7D0D9;
  border-color: #C7D0D9;
}
.entry-idps-binding-node-content-a2806e.is-running .badge {
  position: relative;
  min-width: 16px;
  width: 16px;
  height: 16px;
  padding: 0;
  font-size: 0;
  color: transparent;
  background: rgba(255, 166, 0, 0.16);
  border-color: #FFA600;
  animation: badge-running-breathe 2400ms ease-in-out infinite;
  box-shadow: 0 0 0 0 rgba(255, 166, 0, 0);
  overflow: hidden;
}
.entry-idps-binding-node-content-a2806e.is-running .badge::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  border: 1.5px solid rgba(255, 208, 138, 0.28);
  border-top-color: #FFD08A;
  border-right-color: rgba(255, 208, 138, 0.72);
  box-sizing: border-box;
  animation: badge-running-core 2400ms ease-in-out infinite;
}
.entry-idps-binding-node-content-a2806e.is-loading .badge {
  background: rgba(160, 196, 255, 0.1);
  color: rgba(212, 228, 255, 0.82);
  border-color: rgba(160, 196, 255, 0.18);
  animation: badge-loading-glow 1600ms ease-in-out infinite;
}
.entry-idps-binding-node-content-a2806e.is-invalid .badge {
  background: rgba(255, 120, 120, 0.1);
  color: rgba(255, 205, 205, 0.82);
  border-color: rgba(255, 120, 120, 0.18);
}
.entry-idps-binding-node-content-a2806e.is-aborted .badge {
  background: rgba(255, 92, 92, 0.11);
  color: rgba(255, 214, 214, 0.86);
  border-color: rgba(255, 92, 92, 0.22);
  box-shadow: 0 0 8px 0 rgba(255, 92, 92, 0.08);
}
@keyframes badge-running-breathe {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 166, 0, 0);
  }
  50% {
    box-shadow: 0 0 0 3px rgba(255, 166, 0, 0.13);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 166, 0, 0);
  }
}
@keyframes badge-running-core {
  0%,
  100% {
    opacity: 0.58;
    transform: scale(0.78);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes badge-loading-glow {
  0% {
    box-shadow: inset 0 0 0 0 rgba(230, 239, 255, 0), 0 0 8px 0 rgba(160, 196, 255, 0.06);
    border-color: rgba(160, 196, 255, 0.24);
  }
  50% {
    box-shadow: inset 0 0 0 999px rgba(230, 239, 255, 0.04), 0 0 12px 0 rgba(160, 196, 255, 0.12);
    border-color: rgba(176, 208, 255, 0.34);
  }
  100% {
    box-shadow: inset 0 0 0 0 rgba(230, 239, 255, 0), 0 0 8px 0 rgba(160, 196, 255, 0.06);
    border-color: rgba(160, 196, 255, 0.24);
  }
}
@media (prefers-reduced-motion: reduce) {
  .entry-idps-binding-node-content-a2806e.is-running .badge::before,
  .entry-idps-binding-node-content-a2806e.is-loading .badge {
    animation: none;
  }
}
.entry-idps-binding-node-content-a2806e .body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.entry-idps-binding-node-content-a2806e .file-action-badges {
  position: absolute;
  top: 4px;
  right: 5px;
  display: flex;
  align-items: center;
  gap: 2px;
  pointer-events: none;
}
.entry-idps-binding-node-content-a2806e .file-action-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  border-radius: 1px;
  pointer-events: auto;
}
.entry-idps-binding-node-content-a2806e .file-action-badge.modified {
  z-index: 3;
  background: #ffd36b;
}
.entry-idps-binding-node-content-a2806e .file-action-badge.created {
  z-index: 2;
  background: #7cdda0;
}
.entry-idps-binding-node-content-a2806e .file-action-badge.deleted {
  z-index: 1;
  background: #f08b98;
}
.entry-idps-binding-node-content-a2806e .file-action-badge.is-empty {
  display: none;
}
.entry-idps-binding-node-content-a2806e .title-row {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.entry-idps-binding-node-content-a2806e .brief {
  opacity: 0.95;
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.entry-idps-binding-node-content-a2806e.is-reviewed .brief {
  opacity: 0.72;
}
.entry-idps-binding-node-content-a2806e .brief-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
  max-width: 100%;
  cursor: pointer;
  text-decoration: none;
  text-underline-offset: 2px;
  transition: text-decoration-color 160ms ease, opacity 160ms ease;
}
.entry-idps-binding-node-content-a2806e .brief-text:hover {
  text-decoration: underline;
}
.entry-idps-binding-node-content-a2806e.is-reviewed .brief-text:hover {
  text-decoration-color: #C7D0D9;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/content/entryIdpsBindingNodeContent.theme/business/entryIdpsBindingNodeContent.html.R.js */
.entry-idps-binding-node-content-a8bba5 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 344px;
  min-height: 32px;
  box-sizing: border-box;
  background: #fafafa;
  color: #2e3135;
  padding: 6px 10px;
  box-shadow: inset 2px 0 0 0 rgba(120, 210, 255, 0.75);
  font-size: 13px;
  line-height: 18px;
  transition: background-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
  overflow: hidden;
}
.entry-idps-binding-node-content-a8bba5.is-needs-review {
  background: #E8F7EE;
  box-shadow: inset 2px 0 0 0 #48C978;
}
.entry-idps-binding-node-content-a8bba5.is-reviewed {
  background: #E2E4E7;
  color: #68717B;
  box-shadow: inset 2px 0 0 0 #C7D0D9;
}
.entry-idps-binding-node-content-a8bba5.is-running {
  background: #FFF1D6;
  box-shadow: inset 2px 0 0 0 #FFA600;
}
.entry-idps-binding-node-content-a8bba5.is-loading {
  background: #f4f6f8;
  box-shadow: inset 2px 0 0 0 rgba(126, 155, 214, 0.72);
}
.entry-idps-binding-node-content-a8bba5.is-invalid {
  background: #fbf0f1;
  box-shadow: inset 2px 0 0 0 rgba(208, 112, 112, 0.74);
}
.entry-idps-binding-node-content-a8bba5.is-aborted {
  background: #fbefef;
  box-shadow: inset 2px 0 0 0 rgba(198, 76, 76, 0.82);
}
.entry-idps-binding-node-content-a8bba5 .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 16px;
  box-sizing: border-box;
  font-size: 8px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.05);
  color: rgba(55, 65, 81, 0.86);
  border: 1px solid rgba(17, 24, 39, 0.1);
  transform-origin: center;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: box-shadow 200ms ease, background-color 200ms ease, border-color 200ms ease, color 200ms ease;
  flex: none;
}
.entry-idps-binding-node-content-a8bba5.is-needs-review .badge {
  background: #E8F7EE;
  color: #2E7D52;
  border-color: #48C978;
  cursor: pointer;
}
.entry-idps-binding-node-content-a8bba5.is-needs-review .badge:hover {
  background: #48C978;
  color: #173423;
  border-color: #48C978;
}
.entry-idps-binding-node-content-a8bba5.is-needs-review .badge:hover::before {
  content: "SETTLE";
}
.entry-idps-binding-node-content-a8bba5.is-needs-review .badge:hover {
  font-size: 0;
}
.entry-idps-binding-node-content-a8bba5.is-needs-review .badge:hover::before {
  font-size: 8px;
}
.entry-idps-binding-node-content-a8bba5.is-reviewed .badge {
  background: #E2E4E7;
  color: #68717B;
  border-color: #C7D0D9;
}
.entry-idps-binding-node-content-a8bba5.is-running .badge {
  position: relative;
  min-width: 16px;
  width: 16px;
  height: 16px;
  padding: 0;
  font-size: 0;
  color: transparent;
  background: #FFF1D6;
  border-color: #FFA600;
  animation: badge-running-breathe 2400ms ease-in-out infinite;
  box-shadow: 0 0 0 0 rgba(255, 166, 0, 0);
  overflow: hidden;
}
.entry-idps-binding-node-content-a8bba5.is-running .badge::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  border: 1.5px solid rgba(138, 90, 0, 0.24);
  border-top-color: #8A5A00;
  border-right-color: rgba(138, 90, 0, 0.68);
  box-sizing: border-box;
  animation: badge-running-core 2400ms ease-in-out infinite;
}
.entry-idps-binding-node-content-a8bba5.is-loading .badge {
  background: rgba(124, 152, 214, 0.12);
  color: rgba(70, 97, 157, 0.9);
  border-color: rgba(124, 152, 214, 0.18);
  animation: badge-loading-glow 1600ms ease-in-out infinite;
}
.entry-idps-binding-node-content-a8bba5.is-invalid .badge {
  background: rgba(210, 108, 108, 0.1);
  color: rgba(144, 67, 67, 0.9);
  border-color: rgba(210, 108, 108, 0.16);
}
.entry-idps-binding-node-content-a8bba5.is-aborted .badge {
  background: rgba(198, 76, 76, 0.12);
  color: rgba(134, 44, 44, 0.92);
  border-color: rgba(198, 76, 76, 0.18);
  box-shadow: 0 0 8px 0 rgba(198, 76, 76, 0.05);
}
@keyframes badge-running-breathe {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 166, 0, 0);
  }
  50% {
    box-shadow: 0 0 0 3px rgba(255, 166, 0, 0.13);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 166, 0, 0);
  }
}
@keyframes badge-running-core {
  0%,
  100% {
    opacity: 0.58;
    transform: scale(0.78);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes badge-loading-glow {
  0% {
    box-shadow: inset 0 0 0 0 rgba(236, 241, 252, 0), 0 0 8px 0 rgba(124, 152, 214, 0.04);
    border-color: rgba(124, 152, 214, 0.2);
  }
  50% {
    box-shadow: inset 0 0 0 999px rgba(236, 241, 252, 0.1), 0 0 12px 0 rgba(124, 152, 214, 0.08);
    border-color: rgba(124, 152, 214, 0.28);
  }
  100% {
    box-shadow: inset 0 0 0 0 rgba(236, 241, 252, 0), 0 0 8px 0 rgba(124, 152, 214, 0.04);
    border-color: rgba(124, 152, 214, 0.2);
  }
}
@media (prefers-reduced-motion: reduce) {
  .entry-idps-binding-node-content-a8bba5.is-running .badge::before,
  .entry-idps-binding-node-content-a8bba5.is-loading .badge {
    animation: none;
  }
}
.entry-idps-binding-node-content-a8bba5 .body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.entry-idps-binding-node-content-a8bba5 .file-action-badges {
  position: absolute;
  top: 4px;
  right: 5px;
  display: flex;
  align-items: center;
  gap: 2px;
  pointer-events: none;
}
.entry-idps-binding-node-content-a8bba5 .file-action-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  border-radius: 1px;
  pointer-events: auto;
}
.entry-idps-binding-node-content-a8bba5 .file-action-badge.modified {
  z-index: 3;
  background: #ffd36b;
}
.entry-idps-binding-node-content-a8bba5 .file-action-badge.created {
  z-index: 2;
  background: #7cdda0;
}
.entry-idps-binding-node-content-a8bba5 .file-action-badge.deleted {
  z-index: 1;
  background: #f08b98;
}
.entry-idps-binding-node-content-a8bba5 .file-action-badge.is-empty {
  display: none;
}
.entry-idps-binding-node-content-a8bba5 .title-row {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.entry-idps-binding-node-content-a8bba5 .brief {
  opacity: 0.95;
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.entry-idps-binding-node-content-a8bba5.is-reviewed .brief {
  opacity: 0.78;
}
.entry-idps-binding-node-content-a8bba5 .brief-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
  max-width: 100%;
  cursor: pointer;
  text-decoration: none;
  text-underline-offset: 2px;
  transition: text-decoration-color 160ms ease, opacity 160ms ease;
}
.entry-idps-binding-node-content-a8bba5 .brief-text:hover {
  text-decoration: underline;
}
.entry-idps-binding-node-content-a8bba5.is-reviewed .brief-text:hover {
  text-decoration-color: #68717B;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/content/entryScopedContentBindingNodeContent.html.R.js */
.entry-scoped-content-binding-node-content-83872c {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 344px;
  min-height: 32px;
  box-sizing: border-box;
  background: #2f3a3e;
  color: #d7f4ff;
  padding: 6px 10px;
  box-shadow: inset 2px 0 0 0 rgba(120, 255, 170, 0.65);
  font-size: 13px;
  line-height: 18px;
}
.entry-scoped-content-binding-node-content-83872c .badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(120, 255, 170, 0.12);
  color: rgba(190, 255, 220, 0.95);
  border: 1px solid rgba(120, 255, 170, 0.2);
}
.entry-scoped-content-binding-node-content-83872c .brief {
  opacity: 0.95;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  display: inline-block;
  max-width: 80%;
  position: relative;
  top: 2px;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/content/entryTerminalBindingNodeContent.html.R.js */
.entry-terminal-binding-node-content-be411a {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  width: 344px;
  min-height: 44px;
  box-sizing: border-box;
  background: #2f3a3e;
  color: #d7f4ff;
  padding: 7px 10px;
  box-shadow: inset 2px 0 0 0 rgba(255, 184, 92, 0.72);
  font-size: 13px;
  line-height: 18px;
}
.entry-terminal-binding-node-content-be411a .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 20px;
  box-sizing: border-box;
  font-size: 10px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.entry-terminal-binding-node-content-be411a .badge.is-idle {
  background: rgba(120, 255, 170, 0.12);
  color: rgba(190, 255, 220, 0.95);
  border-color: rgba(120, 255, 170, 0.24);
}
.entry-terminal-binding-node-content-be411a .badge.is-busy {
  background: rgba(255, 184, 92, 0.16);
  color: rgba(255, 218, 168, 0.98);
  border-color: rgba(255, 184, 92, 0.28);
}
.entry-terminal-binding-node-content-be411a .badge.is-pending {
  background: rgba(160, 196, 255, 0.14);
  color: rgba(212, 228, 255, 0.96);
  border-color: rgba(160, 196, 255, 0.28);
}
.entry-terminal-binding-node-content-be411a .badge.is-exited,
.entry-terminal-binding-node-content-be411a .badge.is-offline {
  background: rgba(255, 120, 120, 0.12);
  color: rgba(255, 205, 205, 0.94);
  border-color: rgba(255, 120, 120, 0.24);
}
.entry-terminal-binding-node-content-be411a .body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.entry-terminal-binding-node-content-be411a .title-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}
.entry-terminal-binding-node-content-be411a .terminal-id {
  font-weight: 600;
  opacity: 0.98;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 42%;
}
.entry-terminal-binding-node-content-be411a .cwd {
  font-size: 11px;
  opacity: 0.56;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.entry-terminal-binding-node-content-be411a .brief {
  display: inline-block;
  margin-top: 1px;
  opacity: 0.95;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Consolas, "Courier New", monospace;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/dictationInputHud/dictationInputHud.html.R.js */
.dictation-input-hud-2eab37 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  box-sizing: border-box;
  color: #f3f4f6;
  pointer-events: auto;
}
.dictation-input-hud-2eab37 .dictation-input-hud {
  width: min(100%, 880px);
  display: flex;
  justify-content: center;
}
.dictation-input-hud-2eab37 .dictation-shell {
  width: min(100%, 880px);
  min-height: 420px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 28px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(18, 20, 24, 0.72);
  backdrop-filter: blur(24px) saturate(130%);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.38);
}
.dictation-input-hud-2eab37 .dictation-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.dictation-input-hud-2eab37 .dictation-heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.dictation-input-hud-2eab37 .dictation-kicker {
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(243, 244, 246, 0.52);
}
.dictation-input-hud-2eab37 .dictation-title {
  font-size: 34px;
  line-height: 1.05;
  font-weight: 600;
  color: #fcfcfd;
}
.dictation-input-hud-2eab37 .dictation-close,
.dictation-input-hud-2eab37 .dictation-actions button {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(248, 250, 252, 0.88);
  min-height: 42px;
  padding: 0 16px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 120ms ease, border-color 120ms ease, opacity 120ms ease;
}
.dictation-input-hud-2eab37 .dictation-close:hover,
.dictation-input-hud-2eab37 .dictation-actions button:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
}
.dictation-input-hud-2eab37 .dictation-actions button:disabled {
  opacity: 0.46;
  cursor: default;
}
.dictation-input-hud-2eab37 .dictation-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.dictation-input-hud-2eab37 .dictation-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(248, 250, 252, 0.82);
  font-size: 14px;
}
.dictation-input-hud-2eab37 .dictation-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.6);
  box-shadow: 0 0 0 0 rgba(96, 165, 250, 0);
  transition: background-color 120ms ease, box-shadow 120ms ease;
}
.dictation-input-hud-2eab37 .dictation-provider {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(243, 244, 246, 0.46);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.dictation-input-hud-2eab37 .dictation-context {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.035);
}
.dictation-input-hud-2eab37 .dictation-context-label {
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(243, 244, 246, 0.46);
}
.dictation-input-hud-2eab37 .dictation-context-brief {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(248, 250, 252, 0.82);
  white-space: pre-wrap;
  word-break: break-word;
}
.dictation-input-hud-2eab37 .dictation-transcript-wrap {
  flex: 1;
  min-height: 0;
  display: flex;
}
.dictation-input-hud-2eab37 textarea {
  width: 100%;
  min-height: 280px;
  resize: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(7, 10, 14, 0.5);
  color: #fcfcfd;
  padding: 22px 24px;
  box-sizing: border-box;
  font-size: 24px;
  line-height: 1.6;
  font-family: inherit;
  outline: none;
}
.dictation-input-hud-2eab37 textarea::placeholder {
  color: rgba(243, 244, 246, 0.28);
}
.dictation-input-hud-2eab37 .dictation-footnote {
  min-height: 22px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(243, 244, 246, 0.5);
}
.dictation-input-hud-2eab37 .dictation-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.dictation-input-hud-2eab37 .dictation-actions .primary {
  background: rgba(96, 165, 250, 0.18);
  border-color: rgba(96, 165, 250, 0.32);
  color: #f8fbff;
}
.dictation-input-hud-2eab37 .dictation-actions .primary:hover {
  background: rgba(96, 165, 250, 0.24);
  border-color: rgba(96, 165, 250, 0.44);
}
.dictation-input-hud-2eab37.state-listening .dictation-status-dot {
  background: #60a5fa;
  box-shadow: 0 0 0 8px rgba(96, 165, 250, 0.14);
}
.dictation-input-hud-2eab37.state-processing .dictation-status-dot,
.dictation-input-hud-2eab37.state-starting .dictation-status-dot {
  background: #fbbf24;
  box-shadow: 0 0 0 8px rgba(251, 191, 36, 0.12);
}
.dictation-input-hud-2eab37.state-completed .dictation-status-dot {
  background: #34d399;
  box-shadow: 0 0 0 8px rgba(52, 211, 153, 0.12);
}
.dictation-input-hud-2eab37.state-failed .dictation-status-dot,
.dictation-input-hud-2eab37.state-cancelled .dictation-status-dot {
  background: #f87171;
  box-shadow: 0 0 0 8px rgba(248, 113, 113, 0.12);
}
.dictation-input-hud-2eab37.state-idle .dictation-status-dot {
  background: rgba(148, 163, 184, 0.7);
}
@media (max-width: 720px) {
  .dictation-input-hud-2eab37 {
    padding: 16px;
  }
  .dictation-input-hud-2eab37 .dictation-shell {
    padding: 20px;
    min-height: 360px;
  }
  .dictation-input-hud-2eab37 .dictation-title {
    font-size: 28px;
  }
  .dictation-input-hud-2eab37 textarea {
    min-height: 220px;
    font-size: 20px;
    padding: 18px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-term-web/src/terminal/terminal.html.R.js */
.terminal-7994e6 {
  width: 100%;
  height: 100%;
  display: flex;
  top: 0;
  left: 0;
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  background: linear-gradient(180deg, #111214 0%, #090a0b 100%);
  overflow: hidden;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.terminal-7994e6 > .header {
  height: 40px;
  width: 100%;
  background: var(--genesis-bg-chrome, #111111);
  border-bottom: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  box-sizing: border-box;
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 6px 14px;
}
.terminal-7994e6 > .header > .title {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
  font-family: var(--genesis-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.terminal-7994e6 > .header > .actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.terminal-7994e6 > .header > .actions > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.terminal-7994e6 > .header > .actions .button {
  margin: 0;
  min-height: 28px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  user-select: none;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
.terminal-7994e6 > .header > .actions .button:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.9);
}
.terminal-7994e6 > .header > .actions .button:active {
  transform: translateY(1px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
}
.terminal-7994e6 > .header > .actions .button:focus-visible {
  outline: none;
  border-color: rgba(150, 190, 255, 0.5);
  box-shadow: 0 0 0 1px rgba(150, 190, 255, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.94);
}
.terminal-7994e6 > .header > .actions .button.primary {
  background: linear-gradient(180deg, rgba(86, 151, 255, 0.34) 0%, rgba(56, 112, 204, 0.28) 100%);
  border-color: rgba(108, 166, 255, 0.4);
  color: rgba(241, 247, 255, 0.96);
}
.terminal-7994e6 > .header > .actions .button.primary:hover {
  background: linear-gradient(180deg, rgba(96, 162, 255, 0.42) 0%, rgba(60, 120, 214, 0.34) 100%);
  border-color: rgba(130, 181, 255, 0.52);
}
.terminal-7994e6 > .header > .actions .button.warning {
  background: linear-gradient(180deg, rgba(196, 111, 79, 0.32) 0%, rgba(140, 71, 48, 0.28) 100%);
  border-color: rgba(210, 126, 95, 0.38);
  color: rgba(255, 240, 233, 0.94);
}
.terminal-7994e6 > .header > .actions .button.warning:hover {
  background: linear-gradient(180deg, rgba(210, 122, 89, 0.4) 0%, rgba(153, 79, 54, 0.34) 100%);
  border-color: rgba(222, 139, 108, 0.48);
}
.terminal-7994e6 > .header > .actions .button.link {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: rgba(196, 203, 212, 0.66);
}
.terminal-7994e6 > .header > .actions .button.link:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(236, 239, 242, 0.92);
}
.terminal-7994e6 .screen-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: linear-gradient(180deg, #0d0e10 0%, #060708 100%);
  position: relative;
  /**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */
  /**
 *  Default styles for xterm.js
 */
}
.terminal-7994e6 .screen-wrapper[stage-out] {
  opacity: 0.55;
  filter: saturate(0.82);
}
.terminal-7994e6 .screen-wrapper.hydrating .screen {
  opacity: 0;
  pointer-events: none;
}
.terminal-7994e6 .screen-wrapper.hydrating .loading-hint {
  opacity: 1;
}
.terminal-7994e6 .screen-wrapper.ready .screen {
  opacity: 1;
  pointer-events: auto;
}
.terminal-7994e6 .screen-wrapper.ready .loading-hint {
  opacity: 0;
  pointer-events: none;
}
.terminal-7994e6 .screen-wrapper .loading-hint {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  background: linear-gradient(180deg, rgba(9, 10, 11, 0.92) 0%, rgba(6, 7, 8, 0.96) 100%);
  text-align: center;
  padding: 24px;
  box-sizing: border-box;
  transition: opacity 140ms ease;
}
.terminal-7994e6 .screen-wrapper .loading-hint > .loading-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--genesis-fg-strong, rgba(255, 255, 255, 0.92));
}
.terminal-7994e6 .screen-wrapper .loading-hint > .loading-subtitle {
  max-width: 420px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
}
.terminal-7994e6 .screen-wrapper .screen {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #090a0b;
  transition: opacity 140ms ease;
}
.terminal-7994e6 .screen-wrapper .screen .xterm-viewport {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(176, 182, 190, 0.28) transparent;
}
.terminal-7994e6 .screen-wrapper .screen .xterm-viewport,
.terminal-7994e6 .screen-wrapper .screen .xterm-viewport.y {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.terminal-7994e6 .screen-wrapper .screen .xterm-viewport.x {
  overflow-x: auto;
  overflow-y: hidden;
}
.terminal-7994e6 .screen-wrapper .screen .xterm-viewport.both {
  overflow-x: auto;
  overflow-y: auto;
}
.terminal-7994e6 .screen-wrapper .screen .xterm-viewport::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.terminal-7994e6 .screen-wrapper .screen .xterm-viewport::-webkit-scrollbar-track {
  background: transparent;
}
.terminal-7994e6 .screen-wrapper .screen .xterm-viewport::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 2px solid transparent;
  background: rgba(176, 182, 190, 0.22);
  background-clip: padding-box;
}
.terminal-7994e6 .screen-wrapper .screen .xterm-viewport::-webkit-scrollbar-thumb:hover {
  background: rgba(176, 182, 190, 0.34);
  background-clip: padding-box;
}
.terminal-7994e6 .screen-wrapper .screen .xterm {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 10px 12px;
  box-sizing: border-box;
}
.terminal-7994e6 .screen-wrapper .screen .xterm .xterm-selection div {
  background-color: rgba(176, 182, 190, 0.2) !important;
}
.terminal-7994e6 .screen-wrapper .screen .xterm .xterm-cursor-layer .xterm-cursor {
  box-shadow: 0 0 10px rgba(176, 182, 190, 0.18);
}
.terminal-7994e6 .screen-wrapper .screen .xterm .xterm-cursor.xterm-cursor-block {
  background-color: rgba(236, 239, 242, 0.9) !important;
  color: #090a0b !important;
}
.terminal-7994e6 .screen-wrapper .screen .xterm .xterm-cursor.xterm-cursor-bar,
.terminal-7994e6 .screen-wrapper .screen .xterm .xterm-cursor.xterm-cursor-underline {
  background-color: rgba(236, 239, 242, 0.9) !important;
}
.terminal-7994e6 .screen-wrapper .screen .xterm .xterm-decoration-overview-ruler {
  opacity: 0.55;
}
.terminal-7994e6 .screen-wrapper .xterm {
  cursor: text;
  position: relative;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.terminal-7994e6 .screen-wrapper .xterm.focus,
.terminal-7994e6 .screen-wrapper .xterm:focus {
  outline: none;
}
.terminal-7994e6 .screen-wrapper .xterm .xterm-helpers {
  position: absolute;
  top: 0;
  z-index: 5;
}
.terminal-7994e6 .screen-wrapper .xterm .xterm-helper-textarea {
  padding: 0;
  border: 0;
  margin: 0;
  position: absolute;
  opacity: 0;
  left: -9999em;
  top: 0;
  width: 0;
  height: 0;
  z-index: -5;
  white-space: nowrap;
  overflow: hidden;
  resize: none;
}
.terminal-7994e6 .screen-wrapper .xterm .composition-view {
  background: #000;
  color: #FFF;
  display: none;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}
.terminal-7994e6 .screen-wrapper .xterm .composition-view.active {
  display: block;
}
.terminal-7994e6 .screen-wrapper .xterm .xterm-viewport {
  background-color: #000;
  overflow-y: scroll;
  cursor: default;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.terminal-7994e6 .screen-wrapper .xterm .xterm-screen {
  position: relative;
}
.terminal-7994e6 .screen-wrapper .xterm .xterm-screen canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.terminal-7994e6 .screen-wrapper .xterm .xterm-scroll-area {
  visibility: hidden;
}
.terminal-7994e6 .screen-wrapper .xterm-char-measure-element {
  display: inline-block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -9999em;
  line-height: normal;
}
.terminal-7994e6 .screen-wrapper .xterm.enable-mouse-events {
  cursor: default;
}
.terminal-7994e6 .screen-wrapper .xterm.xterm-cursor-pointer,
.terminal-7994e6 .screen-wrapper .xterm .xterm-cursor-pointer {
  cursor: pointer;
}
.terminal-7994e6 .screen-wrapper .xterm.column-select.focus {
  cursor: crosshair;
}
.terminal-7994e6 .screen-wrapper .xterm .xterm-accessibility,
.terminal-7994e6 .screen-wrapper .xterm .xterm-message {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  color: transparent;
  pointer-events: none;
}
.terminal-7994e6 .screen-wrapper .xterm .live-region {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.terminal-7994e6 .screen-wrapper .xterm-dim {
  opacity: 1 !important;
}
.terminal-7994e6 .screen-wrapper .xterm-underline-1 {
  text-decoration: underline;
}
.terminal-7994e6 .screen-wrapper .xterm-underline-2 {
  text-decoration: double underline;
}
.terminal-7994e6 .screen-wrapper .xterm-underline-3 {
  text-decoration: wavy underline;
}
.terminal-7994e6 .screen-wrapper .xterm-underline-4 {
  text-decoration: dotted underline;
}
.terminal-7994e6 .screen-wrapper .xterm-underline-5 {
  text-decoration: dashed underline;
}
.terminal-7994e6 .screen-wrapper .xterm-overline {
  text-decoration: overline;
}
.terminal-7994e6 .screen-wrapper .xterm-overline.xterm-underline-1 {
  text-decoration: overline underline;
}
.terminal-7994e6 .screen-wrapper .xterm-overline.xterm-underline-2 {
  text-decoration: overline double underline;
}
.terminal-7994e6 .screen-wrapper .xterm-overline.xterm-underline-3 {
  text-decoration: overline wavy underline;
}
.terminal-7994e6 .screen-wrapper .xterm-overline.xterm-underline-4 {
  text-decoration: overline dotted underline;
}
.terminal-7994e6 .screen-wrapper .xterm-overline.xterm-underline-5 {
  text-decoration: overline dashed underline;
}
.terminal-7994e6 .screen-wrapper .xterm-strikethrough {
  text-decoration: line-through;
}
.terminal-7994e6 .screen-wrapper .xterm-screen .xterm-decoration-container .xterm-decoration {
  z-index: 6;
  position: absolute;
}
.terminal-7994e6 .screen-wrapper .xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
  z-index: 7;
}
.terminal-7994e6 .screen-wrapper .xterm-decoration-overview-ruler {
  z-index: 8;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
.terminal-7994e6 .screen-wrapper .xterm-decoration-top {
  z-index: 2;
  position: relative;
}
/* /home/wuminghan/workspace/@branch-ts/practice-term-web/src/terminalExplorer.html.R.js */
.terminal-explorer-d52f43 {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  box-sizing: border-box;
  background: #181A1B;
  color: rgba(255, 255, 255, 0.84);
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'STHeiti', 'Microsoft YaHei', SimSun, Song, sans-serif;
  font-size: 13px;
}
.terminal-explorer-d52f43 * {
  box-sizing: border-box;
}
.terminal-explorer-d52f43 .te-header {
  grid-column: 1 / -1;
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  background: #111111;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.terminal-explorer-d52f43 .te-header-title {
  min-width: 150px;
}
.terminal-explorer-d52f43 .te-title,
.terminal-explorer-d52f43 .te-sidebar-title {
  color: rgba(255, 255, 255, 0.92);
  font-size: 13px;
  font-weight: 600;
}
.terminal-explorer-d52f43 .te-access-label,
.terminal-explorer-d52f43 .te-sidebar-summary,
.terminal-explorer-d52f43 .te-status,
.terminal-explorer-d52f43 .te-item-subtitle,
.terminal-explorer-d52f43 .te-item-jobs {
  color: rgba(255, 255, 255, 0.58);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 11px;
  line-height: 1.5;
}
.terminal-explorer-d52f43 .te-access-label {
  margin-top: 2px;
}
.terminal-explorer-d52f43 .te-create-fields {
  min-width: 0;
  flex: 1;
  display: grid;
  grid-template-columns: 0.75fr 1fr 1.35fr;
  gap: 6px;
}
.terminal-explorer-d52f43 .te-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}
.terminal-explorer-d52f43 .te-input {
  width: 100%;
  min-width: 0;
  height: 29px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 3px;
  outline: none;
  background: #141617;
  color: rgba(255, 255, 255, 0.84);
  font: 11px ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.terminal-explorer-d52f43 .te-input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}
.terminal-explorer-d52f43 .te-input:focus {
  border-color: rgba(176, 182, 190, 0.5);
  box-shadow: 0 0 0 1px rgba(176, 182, 190, 0.24);
}
.terminal-explorer-d52f43 .te-btn {
  height: 27px;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 3px;
  background: #202224;
  color: rgba(255, 255, 255, 0.84);
  cursor: pointer;
  font: 11px 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}
.terminal-explorer-d52f43 .te-btn:hover {
  background: #292C2E;
  border-color: rgba(255, 255, 255, 0.18);
}
.terminal-explorer-d52f43 .te-btn:focus-visible {
  outline: 2px solid rgba(176, 182, 190, 0.42);
  outline-offset: 1px;
}
.terminal-explorer-d52f43 .te-btn-subtle {
  background: transparent;
  color: rgba(255, 255, 255, 0.58);
}
.terminal-explorer-d52f43 .te-btn-primary {
  border-color: rgba(176, 182, 190, 0.38);
  background: rgba(176, 182, 190, 0.18);
  color: rgba(255, 255, 255, 0.92);
}
.terminal-explorer-d52f43 .te-btn-warning {
  color: #F6C453;
}
.terminal-explorer-d52f43 .te-btn-danger {
  color: #FF7A7A;
}
.terminal-explorer-d52f43 .te-sidebar {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #191919;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.terminal-explorer-d52f43 .te-sidebar-header {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 14px;
  background: #191919;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.terminal-explorer-d52f43 .te-sidebar-title {
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.terminal-explorer-d52f43 .te-list {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.terminal-explorer-d52f43 .te-empty-state {
  display: none;
  padding: 18px 14px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  line-height: 1.5;
}
.terminal-explorer-d52f43 .te-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: background 140ms ease;
}
.terminal-explorer-d52f43 .te-item:hover {
  background: #202224;
}
.terminal-explorer-d52f43 .te-item.is-selected {
  border-left: 2px solid #B0B6BE;
  background: rgba(176, 182, 190, 0.12);
}
.terminal-explorer-d52f43 .te-item-top {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.terminal-explorer-d52f43 .te-item-title {
  min-width: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.92);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.terminal-explorer-d52f43 .te-item-subtitle {
  overflow-wrap: anywhere;
}
.terminal-explorer-d52f43 .te-item-state {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.terminal-explorer-d52f43 .te-item-state.busy {
  color: #F6C453;
}
.terminal-explorer-d52f43 .te-item-state.idle {
  color: #7BD88F;
}
.terminal-explorer-d52f43 .te-item-state.exited {
  color: #FF7A7A;
}
.terminal-explorer-d52f43 .te-item-state.protect,
.terminal-explorer-d52f43 .te-item-state.ambiguous,
.terminal-explorer-d52f43 .te-item-state.initializing {
  color: #B0B6BE;
}
.terminal-explorer-d52f43 .te-main {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #181A1B;
}
.terminal-explorer-d52f43 .te-empty-terminal {
  min-height: 0;
  flex: 1;
  display: none;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.38);
  font-size: 13px;
}
.terminal-explorer-d52f43 .te-screen {
  min-height: 0;
  flex: 1;
  position: relative;
  overflow: hidden;
  background: #090A0B;
}
.terminal-explorer-d52f43 .te-status {
  min-height: 31px;
  padding: 7px 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #111111;
}
.terminal-explorer-d52f43 .te-screen .xterm {
  position: relative;
  cursor: text;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.terminal-explorer-d52f43 .te-screen .xterm:focus,
.terminal-explorer-d52f43 .te-screen .xterm.focus {
  outline: none;
}
.terminal-explorer-d52f43 .te-screen .xterm .xterm-helpers {
  position: absolute;
  top: 0;
  z-index: 5;
}
.terminal-explorer-d52f43 .te-screen .xterm .xterm-helper-textarea {
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: -9999em;
  z-index: -5;
  opacity: 0;
  white-space: nowrap;
  overflow: hidden;
  resize: none;
}
.terminal-explorer-d52f43 .te-screen .xterm .xterm-viewport {
  position: absolute;
  inset: 0;
  overflow-y: scroll;
  background-color: #090A0B;
  cursor: default;
}
.terminal-explorer-d52f43 .te-screen .xterm .xterm-screen {
  position: relative;
}
.terminal-explorer-d52f43 .te-screen .xterm .xterm-screen canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.terminal-explorer-d52f43 .te-screen .xterm .xterm-scroll-area {
  visibility: hidden;
}
.terminal-explorer-d52f43 .te-screen .xterm-char-measure-element,
.terminal-explorer-d52f43 .te-screen .xterm .live-region {
  position: absolute;
  left: -9999em;
  visibility: hidden;
}
.terminal-explorer-d52f43 .te-screen .xterm .live-region {
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.terminal-explorer-d52f43 .te-screen .xterm .xterm-accessibility,
.terminal-explorer-d52f43 .te-screen .xterm .xterm-message {
  position: absolute;
  inset: 0;
  z-index: 10;
  color: transparent;
  pointer-events: none;
}
@media (max-width: 900px) {
  .terminal-explorer-d52f43 {
    grid-template-columns: 240px minmax(0, 1fr);
  }
  .terminal-explorer-d52f43 .te-header {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .terminal-explorer-d52f43 .te-create-fields {
    order: 3;
    flex-basis: 100%;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-term-web/src/terminalExplorer.theme/business/terminalExplorer.html.R.js */
.terminal-explorer-6e841b {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  box-sizing: border-box;
  background: #F2F4F6;
  color: #344054;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'STHeiti', 'Microsoft YaHei', SimSun, Song, sans-serif;
  font-size: 13px;
}
.terminal-explorer-6e841b * {
  box-sizing: border-box;
}
.terminal-explorer-6e841b .te-header {
  grid-column: 1 / -1;
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  background: #FFFFFF;
  border-bottom: 1px solid #E1E4E7;
}
.terminal-explorer-6e841b .te-header-title {
  min-width: 150px;
}
.terminal-explorer-6e841b .te-title,
.terminal-explorer-6e841b .te-sidebar-title {
  color: #1D2939;
  font-size: 13px;
  font-weight: 600;
}
.terminal-explorer-6e841b .te-access-label,
.terminal-explorer-6e841b .te-sidebar-summary,
.terminal-explorer-6e841b .te-status,
.terminal-explorer-6e841b .te-item-subtitle,
.terminal-explorer-6e841b .te-item-jobs {
  color: #667085;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 11px;
  line-height: 1.5;
}
.terminal-explorer-6e841b .te-access-label {
  margin-top: 2px;
}
.terminal-explorer-6e841b .te-create-fields {
  min-width: 0;
  flex: 1;
  display: grid;
  grid-template-columns: 0.75fr 1fr 1.35fr;
  gap: 6px;
}
.terminal-explorer-6e841b .te-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}
.terminal-explorer-6e841b .te-input {
  width: 100%;
  min-width: 0;
  height: 29px;
  padding: 0 8px;
  border: 1px solid #D0D5DD;
  border-radius: 3px;
  outline: none;
  background: #FFFFFF;
  color: #344054;
  font: 11px ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.terminal-explorer-6e841b .te-input::placeholder {
  color: #98A2B3;
}
.terminal-explorer-6e841b .te-input:focus {
  border-color: #98A2B3;
  box-shadow: 0 0 0 1px #E9EDF1;
}
.terminal-explorer-6e841b .te-btn {
  height: 27px;
  padding: 0 9px;
  border: 1px solid #D0D5DD;
  border-radius: 3px;
  background: #F1F3F5;
  color: #344054;
  cursor: pointer;
  font: 11px 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}
.terminal-explorer-6e841b .te-btn:hover {
  background: #E9EDF1;
  border-color: #D0D5DD;
}
.terminal-explorer-6e841b .te-btn:focus-visible {
  outline: 2px solid #CBD5E1;
  outline-offset: 1px;
}
.terminal-explorer-6e841b .te-btn-subtle {
  background: transparent;
  color: #667085;
}
.terminal-explorer-6e841b .te-btn-primary {
  border-color: #667085;
  background: #E9EDF1;
  color: #1D2939;
}
.terminal-explorer-6e841b .te-btn-warning {
  color: #B54708;
}
.terminal-explorer-6e841b .te-btn-danger {
  color: #B42318;
}
.terminal-explorer-6e841b .te-sidebar {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #F8F9FA;
  border-right: 1px solid #E1E4E7;
}
.terminal-explorer-6e841b .te-sidebar-header {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 14px;
  background: #F8F9FA;
  border-bottom: 1px solid #E1E4E7;
}
.terminal-explorer-6e841b .te-sidebar-title {
  color: #475467;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.terminal-explorer-6e841b .te-list {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.terminal-explorer-6e841b .te-empty-state {
  display: none;
  padding: 18px 14px;
  color: #667085;
  font-size: 12px;
  line-height: 1.5;
}
.terminal-explorer-6e841b .te-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid #E1E4E7;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: background 140ms ease;
}
.terminal-explorer-6e841b .te-item:hover {
  background: #F1F3F5;
}
.terminal-explorer-6e841b .te-item.is-selected {
  border-left: 2px solid #667085;
  background: #E9EDF1;
}
.terminal-explorer-6e841b .te-item-top {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.terminal-explorer-6e841b .te-item-title {
  min-width: 0;
  overflow: hidden;
  color: #1D2939;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.terminal-explorer-6e841b .te-item-subtitle {
  overflow-wrap: anywhere;
}
.terminal-explorer-6e841b .te-item-state {
  flex-shrink: 0;
  color: #667085;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.terminal-explorer-6e841b .te-item-state.busy {
  color: #B54708;
}
.terminal-explorer-6e841b .te-item-state.idle {
  color: #067647;
}
.terminal-explorer-6e841b .te-item-state.exited {
  color: #B42318;
}
.terminal-explorer-6e841b .te-item-state.protect,
.terminal-explorer-6e841b .te-item-state.ambiguous,
.terminal-explorer-6e841b .te-item-state.initializing {
  color: #667085;
}
.terminal-explorer-6e841b .te-main {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #F2F4F6;
}
.terminal-explorer-6e841b .te-empty-terminal {
  min-height: 0;
  flex: 1;
  display: none;
  align-items: center;
  justify-content: center;
  color: #98A2B3;
  font-size: 13px;
}
.terminal-explorer-6e841b .te-screen {
  min-height: 0;
  flex: 1;
  position: relative;
  overflow: hidden;
  background: #101214;
}
.terminal-explorer-6e841b .te-status {
  min-height: 31px;
  padding: 7px 12px;
  border-top: 1px solid #E1E4E7;
  background: #FFFFFF;
}
.terminal-explorer-6e841b .te-screen .xterm {
  position: relative;
  cursor: text;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.terminal-explorer-6e841b .te-screen .xterm:focus,
.terminal-explorer-6e841b .te-screen .xterm.focus {
  outline: none;
}
.terminal-explorer-6e841b .te-screen .xterm .xterm-helpers {
  position: absolute;
  top: 0;
  z-index: 5;
}
.terminal-explorer-6e841b .te-screen .xterm .xterm-helper-textarea {
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: -9999em;
  z-index: -5;
  opacity: 0;
  white-space: nowrap;
  overflow: hidden;
  resize: none;
}
.terminal-explorer-6e841b .te-screen .xterm .xterm-viewport {
  position: absolute;
  inset: 0;
  overflow-y: scroll;
  background-color: #101214;
  cursor: default;
}
.terminal-explorer-6e841b .te-screen .xterm .xterm-screen {
  position: relative;
}
.terminal-explorer-6e841b .te-screen .xterm .xterm-screen canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.terminal-explorer-6e841b .te-screen .xterm .xterm-scroll-area {
  visibility: hidden;
}
.terminal-explorer-6e841b .te-screen .xterm-char-measure-element,
.terminal-explorer-6e841b .te-screen .xterm .live-region {
  position: absolute;
  left: -9999em;
  visibility: hidden;
}
.terminal-explorer-6e841b .te-screen .xterm .live-region {
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.terminal-explorer-6e841b .te-screen .xterm .xterm-accessibility,
.terminal-explorer-6e841b .te-screen .xterm .xterm-message {
  position: absolute;
  inset: 0;
  z-index: 10;
  color: transparent;
  pointer-events: none;
}
@media (max-width: 900px) {
  .terminal-explorer-6e841b {
    grid-template-columns: 240px minmax(0, 1fr);
  }
  .terminal-explorer-6e841b .te-header {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .terminal-explorer-6e841b .te-create-fields {
    order: 3;
    flex-basis: 100%;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-term-web/src/task/taskInspector.html.R.js */
.task-inspector-00ef31.task-view {
  background: var(--genesis-bg-app, #181A1B);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  overflow: hidden;
}
.task-inspector-00ef31 .header {
  background: var(--genesis-bg-chrome, #111111);
  border-bottom: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  padding: 12px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.task-inspector-00ef31 .header .title {
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--genesis-fg-strong, rgba(255, 255, 255, 0.92));
  min-width: 0;
  word-break: break-word;
}
.task-inspector-00ef31 .actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.task-inspector-00ef31 .action-btn,
.task-inspector-00ef31 .save-btn {
  min-height: 34px;
  background: var(--genesis-bg-panel-strong, #1C1D1F);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  border: 1px solid var(--genesis-border, rgba(255, 255, 255, 0.12));
  border-radius: var(--genesis-radius, 6px);
  padding: 7px 14px;
  font-size: 12px;
  cursor: pointer;
  transition: background var(--genesis-duration-fast, 160ms) ease, border-color var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease, box-shadow var(--genesis-duration-fast, 160ms) ease;
}
.task-inspector-00ef31 .action-btn:hover,
.task-inspector-00ef31 .save-btn:hover {
  background: var(--genesis-bg-hover, rgba(255, 255, 255, 0.05));
  border-color: var(--genesis-border-strong, rgba(255, 255, 255, 0.18));
}
.task-inspector-00ef31 .action-btn:focus-visible,
.task-inspector-00ef31 .save-btn:focus-visible {
  outline: none;
  border-color: var(--genesis-accent-border, rgba(176, 182, 190, 0.24));
  box-shadow: 0 0 0 1px var(--genesis-accent-border, rgba(176, 182, 190, 0.24));
}
.task-inspector-00ef31 .tab-navigation {
  background: var(--genesis-bg-chrome, #111111);
  border-bottom: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  display: flex;
  gap: 2px;
  padding: 0 18px;
}
.task-inspector-00ef31 .tab-btn {
  background: transparent;
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
  border: none;
  padding: 11px 16px 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color var(--genesis-duration-fast, 160ms) ease, border-color var(--genesis-duration-fast, 160ms) ease, background var(--genesis-duration-fast, 160ms) ease;
}
.task-inspector-00ef31 .tab-btn:hover {
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
}
.task-inspector-00ef31 .tab-btn[stage-in] {
  color: var(--genesis-fg-strong, rgba(255, 255, 255, 0.92));
  border-bottom-color: var(--genesis-accent, #B0B6BE);
}
.task-inspector-00ef31 .content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.task-inspector-00ef31 .info-tab {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 16px 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: var(--genesis-bg-app, #181A1B);
}
.task-inspector-00ef31 .info-section,
.task-inspector-00ef31 .report-section,
.task-inspector-00ef31 .editor-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--genesis-bg-panel, #1F2021);
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  border-radius: var(--genesis-radius-panel, 10px);
  padding: 14px;
  box-shadow: var(--genesis-shadow-focus, 0 2px 8px rgba(0, 0, 0, 0.22));
}
.task-inspector-00ef31 .report-section h3,
.task-inspector-00ef31 .editor-section h3 {
  color: var(--genesis-fg-strong, rgba(255, 255, 255, 0.92));
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin: 0;
}
.task-inspector-00ef31 .info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  align-items: start;
}
@media (max-width: 768px) {
  .task-inspector-00ef31 .header {
    flex-direction: column;
    align-items: stretch;
  }
  .task-inspector-00ef31 .actions {
    justify-content: flex-start;
  }
  .task-inspector-00ef31 .info-grid {
    grid-template-columns: 1fr;
  }
  .task-inspector-00ef31 .info-group:not(.compact) {
    grid-column: 1;
  }
}
.task-inspector-00ef31 .info-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.task-inspector-00ef31 .info-group:not(.compact) {
  grid-column: 1 / -1;
}
.task-inspector-00ef31 .info-group label {
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  flex-shrink: 0;
}
.task-inspector-00ef31 .value-display {
  background: var(--genesis-bg-field, #141617);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  border-radius: var(--genesis-radius, 6px);
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.5;
  min-height: 1em;
  word-break: break-word;
  width: 100%;
  box-sizing: border-box;
}
.task-inspector-00ef31 .value-display.brief-content {
  max-height: 200px;
  overflow-y: auto;
  white-space: pre-wrap;
}
.task-inspector-00ef31 .status-void {
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
}
.task-inspector-00ef31 .status-deploying,
.task-inspector-00ef31 .status-streaming,
.task-inspector-00ef31 .status-finished {
  color: var(--genesis-success, #7BD88F);
  background: var(--genesis-success-surface, rgba(123, 216, 143, 0.14));
  border-color: rgba(123, 216, 143, 0.2);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.task-inspector-00ef31 .status-deployed,
.task-inspector-00ef31 .status-waiting,
.task-inspector-00ef31 .status-recover {
  color: var(--genesis-warn, #F6C453);
  background: var(--genesis-warn-surface, rgba(246, 196, 83, 0.14));
  border-color: rgba(246, 196, 83, 0.22);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.task-inspector-00ef31 .status-aborted,
.task-inspector-00ef31 .status-fatal {
  color: var(--genesis-danger, #FF7A7A);
  background: var(--genesis-danger-surface, rgba(255, 122, 122, 0.14));
  border-color: rgba(255, 122, 122, 0.22);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.task-inspector-00ef31 .editor-container {
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  border-radius: var(--genesis-radius, 6px);
  overflow: hidden;
  background: var(--genesis-bg-field, #141617);
}
.task-inspector-00ef31 .spec-display,
.task-inspector-00ef31 .session-display {
  width: 100%;
  min-height: 300px;
  background: var(--genesis-bg-field, #141617);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  border: none;
  padding: 12px;
  font-family: var(--genesis-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-all;
  box-sizing: border-box;
}
.task-inspector-00ef31 .editor-actions {
  display: flex;
  justify-content: flex-end;
}
.task-inspector-00ef31 .terminal-tab {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
/* /home/wuminghan/workspace/@branch-ts/practice-term-web/src/task/taskBrowser.html.R.js */
.task-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--genesis-bg-app, #181A1B);
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  padding: 12px 14px;
  border-radius: var(--genesis-radius-panel, 10px);
  box-shadow: var(--genesis-shadow-focus, 0 2px 8px rgba(0, 0, 0, 0.22));
  box-sizing: border-box;
  margin-bottom: 10px;
  overflow: visible;
  position: relative;
}
.task-item:last-child {
  margin-bottom: 0;
}
.task-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
}
.header-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.task-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.45;
  color: var(--genesis-fg-strong, rgba(255, 255, 255, 0.92));
  word-break: break-word;
}
.state-indicators {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.task-state,
.session-state,
.report-status {
  padding: 3px 8px;
  border-radius: var(--genesis-radius-pill, 999px);
  font-size: 10px;
  line-height: 1.4;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  background: rgba(255, 255, 255, 0.05);
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
}
.task-state.void,
.session-state.void,
.report-status.unknown {
  background: rgba(255, 255, 255, 0.05);
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
}
.task-state.deploying,
.session-state.running,
.task-state.streaming,
.task-state.finished,
.session-state.finished,
.report-status.ok {
  background: var(--genesis-success-surface, rgba(123, 216, 143, 0.14));
  color: var(--genesis-success, #7BD88F);
  border-color: rgba(123, 216, 143, 0.2);
}
.task-state.deployed,
.session-state.pending,
.task-state.waiting,
.task-state.recover,
.report-status.busy {
  background: var(--genesis-warn-surface, rgba(246, 196, 83, 0.14));
  color: var(--genesis-warn, #F6C453);
  border-color: rgba(246, 196, 83, 0.22);
}
.task-state.aborted,
.task-state.fatal,
.session-state.aborting,
.report-status.error {
  background: var(--genesis-danger-surface, rgba(255, 122, 122, 0.14));
  color: var(--genesis-danger, #FF7A7A);
  border-color: rgba(255, 122, 122, 0.22);
}
.task-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
}
.info-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.info-label {
  font-weight: 600;
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
  min-width: 80px;
  flex-shrink: 0;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.info-content {
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  flex: 1;
  word-break: break-word;
}
.info-content.task-cwd,
.info-content.task-cmd,
.spec-info,
.session-info .info-content,
.report-info .info-content {
  font-family: var(--genesis-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace);
}
.info-content.task-cmd,
.spec-info,
.session-info,
.report-info {
  background: var(--genesis-bg-field, #141617);
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  border-radius: var(--genesis-radius, 6px);
}
.info-content.task-cmd {
  font-size: 12px;
  line-height: 1.5;
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
  white-space: pre-wrap;
  word-break: break-all;
  padding: 6px 8px;
}
.info-content.report-brief {
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  font-style: normal;
}
.session-info,
.report-info,
.spec-info {
  padding: 8px 10px;
}
.session-info {
  border-left: 2px solid var(--genesis-accent-border, rgba(176, 182, 190, 0.24));
  font-size: 12px;
}
.spec-info {
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 12px;
  line-height: 1.55;
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
  border-left: 2px solid rgba(176, 182, 190, 0.2);
}
.report-info {
  font-size: 12px;
  border-left: 2px solid var(--genesis-success, #7BD88F);
}
.actions-menu-btn {
  min-width: 30px;
  height: 30px;
  background: var(--genesis-bg-panel-strong, #1C1D1F);
  color: var(--genesis-fg-muted, rgba(255, 255, 255, 0.58));
  border: 1px solid var(--genesis-border, rgba(255, 255, 255, 0.12));
  border-radius: var(--genesis-radius, 6px);
  padding: 0 8px;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: background var(--genesis-duration-fast, 160ms) ease, border-color var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease;
}
.actions-menu-btn:hover {
  background: var(--genesis-bg-hover, rgba(255, 255, 255, 0.05));
  border-color: var(--genesis-border-strong, rgba(255, 255, 255, 0.18));
  color: var(--genesis-fg-strong, rgba(255, 255, 255, 0.92));
}
.task-browser-6f5978 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  width: 100%;
  background: var(--genesis-bg-app, #181A1B);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  padding: 18px;
  gap: 14px;
  box-sizing: border-box;
}
.task-browser-6f5978 .query-controls,
.task-browser-6f5978 .create-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: var(--genesis-bg-panel, #1F2021);
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  border-radius: var(--genesis-radius-panel, 10px);
  box-shadow: var(--genesis-shadow-focus, 0 2px 8px rgba(0, 0, 0, 0.22));
}
.task-browser-6f5978 .query-controls input {
  flex: 1;
  min-width: 0;
  height: 36px;
  padding: 0 11px;
  border: 1px solid var(--genesis-border, rgba(255, 255, 255, 0.12));
  border-radius: var(--genesis-radius, 6px);
  font-size: 13px;
  background: var(--genesis-bg-field, #141617);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
}
.task-browser-6f5978 .query-controls input::placeholder {
  color: var(--genesis-fg-dim, rgba(255, 255, 255, 0.38));
}
.task-browser-6f5978 .query-controls button,
.task-browser-6f5978 .create-controls button {
  min-height: 36px;
  padding: 7px 14px;
  background: var(--genesis-bg-panel-strong, #1C1D1F);
  color: var(--genesis-fg, rgba(255, 255, 255, 0.84));
  border: 1px solid var(--genesis-border, rgba(255, 255, 255, 0.12));
  border-radius: var(--genesis-radius, 6px);
  cursor: pointer;
  font-size: 13px;
  transition: background var(--genesis-duration-fast, 160ms) ease, border-color var(--genesis-duration-fast, 160ms) ease, color var(--genesis-duration-fast, 160ms) ease, box-shadow var(--genesis-duration-fast, 160ms) ease;
}
.task-browser-6f5978 .query-controls button:hover,
.task-browser-6f5978 .create-controls button:hover {
  background: var(--genesis-bg-hover, rgba(255, 255, 255, 0.05));
  border-color: var(--genesis-border-strong, rgba(255, 255, 255, 0.18));
}
.task-browser-6f5978 .query-controls button:focus-visible,
.task-browser-6f5978 .create-controls button:focus-visible {
  outline: none;
  border-color: var(--genesis-accent-border, rgba(176, 182, 190, 0.24));
  box-shadow: 0 0 0 1px var(--genesis-accent-border, rgba(176, 182, 190, 0.24));
}
.task-browser-6f5978 .task-list-container {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  background: var(--genesis-bg-panel, #1F2021);
  border: 1px solid var(--genesis-border-soft, rgba(255, 255, 255, 0.08));
  border-radius: var(--genesis-radius-panel, 10px);
  box-shadow: var(--genesis-shadow-focus, 0 2px 8px rgba(0, 0, 0, 0.22));
  padding: 12px;
}
.task-browser-6f5978 .create-controls {
  justify-content: flex-end;
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/media/media.html.R.js */
.media-30dd99 {
  display: flex;
  width: 100px;
  height: 100px;
}
.media-30dd99 > .media-content {
  flex: 1;
  width: 100%;
  height: 100%;
}
.media-as-image-9ea87a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  object-position: center 24%;
}
.media-as-image-9ea87a .error-hint {
  display: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: darkkhaki;
  background: #111;
}
.media-as-image-9ea87a.error img {
  display: none;
}
.media-as-image-9ea87a.error .error-hint {
  display: flex;
}
.media-as-video-ac3b69 {
  position: relative;
}
.media-as-video-ac3b69 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
}
.media-as-video-ac3b69 .error-hint {
  display: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: darkkhaki;
  background: #111;
}
.media-as-video-ac3b69 .play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: rgba(255, 255, 255, 0.6);
}
.media-as-video-ac3b69:hover .play-icon {
  color: rgba(255, 255, 255, 0.9);
}
.media-as-video-ac3b69.error img {
  display: none;
}
.media-as-video-ac3b69.error .play-icon {
  display: none;
}
.media-as-video-ac3b69.error .error-hint {
  display: flex;
}
.media-placeholder-5def6f {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ddd;
  background: #444;
}
.media-as-unknown-fd9d30 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-document-ui-70d192 {
  height: 100%;
}
.media-document-ui-70d192 .media-container .media {
  width: 100%;
  height: auto;
  margin: 20px auto;
  max-width: 800px;
  border: 10px solid #111;
}
.media-document-ui-70d192 .media-container .media .media-content {
  width: auto;
  height: auto;
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/displayers/videoPlayer.html.R.js */
.video-player-6b3fce {
  width: 100%;
  height: 100%;
  background: black;
}
.video-player-6b3fce .progress-bar {
  height: 2px;
  width: 100%;
  background: #9994;
  transition: 200ms all;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
}
.video-player-6b3fce .progress-bar.large-progress {
  height: 20px;
}
.video-player-6b3fce .progress-bar .progress {
  height: 100%;
  background: rgba(186, 216, 53, 0.4);
}
.video-player-6b3fce.playing .progress-bar .progress {
  background: #1fa0eb80;
}
.video-player-6b3fce .video-container {
  width: 100%;
  height: 100%;
}
.video-player-6b3fce .video-container video {
  width: 100%;
  height: 100%;
}
.full-screen-video-player-e75bfa {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.full-screen-video-player-e75bfa .close-button {
  z-index: 1;
  position: absolute;
  border-radius: 4px;
  right: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: rgba(80, 80, 80, 0.3);
  color: rgba(255, 255, 255, 0.6);
}
.full-screen-video-player-e75bfa .close-button:hover {
  color: #ffffff;
}
.danmu-player-2c412c {
  position: absolute;
  width: 100%;
  height: 160px;
  bottom: 0;
  right: 0;
  z-index: 2;
  align-items: flex-end;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.4;
  pointer-events: none;
}
.danmu-list-item-4515a8 > div {
  display: inline;
  color: white;
  transition: all 300ms;
}
.danmu-list-item-4515a8.hide {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.side-video-list-ea14f5 {
  width: 840px;
  max-width: 90%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #222;
}
.video-list-item-28cfac .thumb {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/fileBrowser/fileBrowser.html.R.js */
.file-browser-ae8171 {
  display: flex;
  flex-direction: column;
  position: relative;
  background: black;
  color: #e2e3e1;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.file-browser-ae8171 .header-controls {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  display: flex;
  gap: 8px;
}
.file-browser-ae8171 .menu-button {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 16px;
  transition: all 150ms;
  backdrop-filter: blur(4px);
}
.file-browser-ae8171 .menu-button:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}
.file-browser-ae8171 .menu-button:active {
  background: rgba(255, 255, 255, 0.2);
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/fileBrowser/navigatorBar.html.R.js */
.navigator-bar-0aba67 {
  display: flex;
  align-items: center;
  background: #2a2a2a;
  border-bottom: 1px solid #444;
  gap: 12px;
  min-height: 40px;
}
.navigator-bar-0aba67 .nav-buttons {
  display: flex;
  gap: 4px;
}
.navigator-bar-0aba67 .nav-btn {
  display: inline;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #ccc;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.navigator-bar-0aba67 .nav-btn:hover {
  background: #404040;
  color: #fff;
}
.navigator-bar-0aba67 .nav-btn:active {
  background: #333;
}
.navigator-bar-0aba67 .nav-btn:disabled {
  color: #666;
  cursor: not-allowed;
}
.navigator-bar-0aba67 .nav-btn:disabled:hover {
  background: transparent;
}
.navigator-bar-0aba67 .nav-btn icon {
  pointer-events: none;
  font-size: 16px;
}
.navigator-bar-0aba67 .address-bar {
  flex: 1;
  display: flex;
  align-items: flex-end;
  background: #1a1a1a;
  border: 1px solid #444;
  border-radius: 4px;
  padding: 2px 6px;
  overflow-x: auto;
  overflow-y: hidden;
}
.navigator-bar-0aba67 .address-bar:focus-within {
  border-color: #007acc;
  box-shadow: 0 0 0 1px #007acc;
}
.navigator-bar-0aba67 .fs-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: #ccc;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.navigator-bar-0aba67 .fs-btn:hover {
  background: #333;
  color: #fff;
}
.navigator-bar-0aba67 .fs-btn:active {
  background: #444;
}
.navigator-bar-0aba67 .fs-btn icon {
  pointer-events: none;
  font-size: 14px;
}
.navigator-bar-0aba67 .path-segments {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.navigator-bar-0aba67 .path-segments:first {
  margin: 0 4px;
  padding: 0 4px;
  text-decoration: underline;
}
.navigator-bar-0aba67 .path-segment,
.navigator-bar-0aba67 .path-separator {
  display: flex;
  align-items: center;
  border-radius: 3px;
  color: #ccc;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
  user-select: none;
  white-space: nowrap;
  line-height: 20px;
}
.navigator-bar-0aba67 .path-segment:hover {
  background: #333;
  color: #fff;
}
.navigator-bar-0aba67 .path-segment:active {
  background: #444;
}
.navigator-bar-0aba67 .filter-input {
  line-height: 20px;
  flex: 1;
  min-width: 100px;
  background: transparent;
  border: none;
  color: #fff;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 13px;
  outline: none;
  border-radius: 3px;
  padding: 0 4px;
  transition: box-shadow 0.2s ease;
}
.navigator-bar-0aba67 .filter-input::placeholder {
  color: #666;
}
.navigator-bar-0aba67 .filter-input::selection {
  background: #007acc;
}
.navigator-bar-0aba67 .filter-input.filter-active {
  text-decoration: underline;
  text-decoration-color: orange;
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/listDirVision/listDirVision.html.R.js */
.list-dir-vision-cb8457 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #181A1B;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.list-dir-vision-cb8457 .layout {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.list-dir-vision-cb8457 .left-panel {
  flex: 0 0 30%;
  min-width: 320px;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.list-dir-vision-cb8457 .right-panel {
  flex: 1;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #1e1e1e;
}
.list-dir-vision-cb8457 .preview-empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.7);
}
.list-dir-vision-cb8457 .preview-empty-title {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
}
.list-dir-vision-cb8457 .preview-empty-subtitle {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.list-dir-vision-cb8457 .preview-missing {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.list-dir-vision-cb8457 .preview-missing-title {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
}
.list-dir-vision-cb8457 .preview-missing-subtitle {
  max-width: 70%;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  overflow-wrap: anywhere;
}
.list-dir-vision-cb8457 .file-list-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  transition: box-shadow 0.2s ease;
}
.list-dir-vision-cb8457 .file-list-container.filter-active {
  box-shadow: inset 0 0 4px 1px orange;
}
.list-dir-vision-cb8457 .file-item {
  display: flex;
  align-items: center;
  padding: 4px 6px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s;
  min-height: 24px;
  background: transparent;
  margin-bottom: 2px;
}
.list-dir-vision-cb8457 .file-item:hover {
  background: rgba(255, 255, 255, 0.05);
}
.list-dir-vision-cb8457 .file-item.selected {
  background: rgba(23, 162, 184, 0.15);
}
.list-dir-vision-cb8457 .file-item.preview-selected {
  background: rgba(88, 166, 255, 0.16);
}
.list-dir-vision-cb8457 .file-item.highlight {
  background: rgba(255, 193, 7, 0.15);
}
.list-dir-vision-cb8457 .indent-space {
  flex-shrink: 0;
}
.list-dir-vision-cb8457 .expand-icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  flex-shrink: 0;
  margin-right: 2px;
  font-size: 10px;
  color: #888;
  transition: color 0.2s;
}
.list-dir-vision-cb8457 .expand-icon:hover {
  color: #e2e3e1;
}
.list-dir-vision-cb8457 .worktree-mark {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  margin-right: 4px;
  font-size: 12px;
  font-weight: 700;
  opacity: 0.95;
  user-select: none;
  color: rgba(255, 255, 255, 0.65);
}
.list-dir-vision-cb8457 .file-icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 4px;
  color: #9aa0a6;
  opacity: 0.82;
}
.list-dir-vision-cb8457 .file-icon icon,
.list-dir-vision-cb8457 .file-icon icon svg {
  width: 13px !important;
  height: 13px !important;
}
.list-dir-vision-cb8457 .file-icon-variant {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.list-dir-vision-cb8457 .file-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #e2e3e1;
  font-weight: 500;
}
.list-dir-vision-cb8457 .file-name .match {
  background: rgba(255, 193, 7, 0.25);
  color: #fff;
  border-radius: 2px;
  padding: 0 1px;
}
.list-dir-vision-cb8457 .lint-badge {
  cursor: pointer;
  user-select: none;
}
.list-dir-vision-cb8457 .selection-hint {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 4px;
}
.list-dir-vision-cb8457 .selection-hint input[type="checkbox"] {
  cursor: pointer;
  accent-color: #17a2b8;
}
.list-dir-vision-cb8457 .pick-single-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 6px;
}
.list-dir-vision-cb8457 .pick-single-btn {
  background: rgba(88, 166, 255, 0.16);
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(88, 166, 255, 0.35);
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 12px;
  cursor: pointer;
  transition: all 150ms;
}
.list-dir-vision-cb8457 .pick-single-btn:hover {
  background: rgba(88, 166, 255, 0.24);
  border-color: rgba(88, 166, 255, 0.55);
}
.list-dir-vision-cb8457 .pick-single-btn:active {
  background: rgba(88, 166, 255, 0.32);
}
.list-dir-vision-cb8457 .action-hint {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
  color: #888;
  cursor: pointer;
  border-radius: 2px;
  transition: all 0.2s;
}
.list-dir-vision-cb8457 .action-hint:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #e2e3e1;
}
.list-dir-vision-cb8457 .children-container {
  overflow: hidden;
  margin-left: 12px;
  margin-top: 2px;
}
.list-dir-vision-cb8457 .file-list-item-wrapper {
  display: block;
}
.list-dir-vision-cb8457 .pick-info {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  padding: 10px 12px;
  background: rgba(30, 30, 30, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  justify-content: space-between;
}
.list-dir-vision-cb8457 .pick-info .count {
  font-weight: 600;
  color: #4CAF50;
  flex-shrink: 0;
}
.list-dir-vision-cb8457 .pick-info .message {
  color: rgba(255, 255, 255, 0.65);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1;
  text-align: right;
}
.list-dir-vision-cb8457 .actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(30, 30, 30, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  justify-content: flex-end;
}
.list-dir-vision-cb8457 .confirm-button {
  background: rgba(76, 175, 80, 0.2);
  color: #4CAF50;
  border: 1px solid rgba(76, 175, 80, 0.4);
  border-radius: 4px;
  padding: 6px 14px;
  font-size: 13px;
  cursor: pointer;
  transition: all 150ms;
}
.list-dir-vision-cb8457 .confirm-button:hover {
  background: rgba(76, 175, 80, 0.3);
  border-color: rgba(76, 175, 80, 0.6);
}
.list-dir-vision-cb8457 .reset-button {
  background: rgba(255, 193, 7, 0.16);
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 193, 7, 0.35);
  border-radius: 4px;
  padding: 6px 14px;
  font-size: 13px;
  cursor: pointer;
  transition: all 150ms;
}
.list-dir-vision-cb8457 .reset-button:hover {
  background: rgba(255, 193, 7, 0.24);
  border-color: rgba(255, 193, 7, 0.55);
}
.list-dir-vision-cb8457 .cancel-button {
  background: rgba(244, 67, 54, 0.2);
  color: #f44336;
  border: 1px solid rgba(244, 67, 54, 0.4);
  border-radius: 4px;
  padding: 6px 14px;
  font-size: 13px;
  cursor: pointer;
  transition: all 150ms;
}
.list-dir-vision-cb8457 .cancel-button:hover {
  background: rgba(244, 67, 54, 0.3);
  border-color: rgba(244, 67, 54, 0.6);
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/displayers/textFileDisplayer.html.R.js */
.text-file-displayer-caf805 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #1e1e1e;
  color: #d4d4d4;
  /* VS Code Dark+ selection color */
  /* VS Code Dark+ Theme Syntax Highlighting */
  /* Comments - green */
  /* Keywords and storage - purple */
  /* Strings - orange */
  /* Functions - yellow */
  /* Class names and types - teal */
  /* Variables and parameters - light blue */
  /* Numbers, booleans, constants - blue */
  /* Properties and attributes - light blue */
  /* Operators and punctuation - default color */
  /* Deleted text - red */
  /* Invalid/error - red */
  /* Formatting */
  /* Namespace - default color */
  /* Prism line-number plugin: rows are measured to match soft-wrapped source lines. */
}
.text-file-displayer-caf805 .text-file-displayer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #252526;
  border-bottom: 1px solid #3e3e42;
}
.text-file-displayer-caf805 .text-file-displayer-info {
  display: flex;
  gap: 12px;
  align-items: center;
}
.text-file-displayer-caf805 .text-file-displayer-filename {
  font-weight: 600;
  font-size: 14px;
}
.text-file-displayer-caf805 .text-file-displayer-size {
  font-size: 12px;
  color: #858585;
}
.text-file-displayer-caf805 .text-file-displayer-actions {
  display: flex;
  gap: 8px;
}
.text-file-displayer-caf805 .text-file-displayer-search {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #252526;
  border-bottom: 1px solid #3e3e42;
}
.text-file-displayer-caf805 .text-file-displayer-search input {
  flex: 1;
  min-width: 0;
  height: 28px;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #3e3e42;
  border-radius: 2px;
  outline: none;
  background: #1e1e1e;
  color: #d4d4d4;
  font-size: 12px;
}
.text-file-displayer-caf805 .text-file-displayer-search input:focus {
  border-color: #0e639c;
}
.text-file-displayer-caf805 .text-file-displayer-search-count {
  min-width: 52px;
  color: #858585;
  font-size: 12px;
  text-align: right;
}
.text-file-displayer-caf805 .text-file-displayer-search-button {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid #3e3e42;
  border-radius: 2px;
  background: #333333;
  color: #d4d4d4;
  cursor: pointer;
  font-size: 16px;
}
.text-file-displayer-caf805 .text-file-displayer-search-button:hover {
  background: #3e3e42;
}
.text-file-displayer-caf805 .text-file-displayer-action-button {
  padding: 6px 12px;
  background: #0e639c;
  color: #ffffff;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
}
.text-file-displayer-caf805 .text-file-displayer-action-button:hover {
  background: #1177bb;
}
.text-file-displayer-caf805 .text-file-displayer-content-container {
  flex: 1;
  overflow: auto;
  position: relative;
}
.text-file-displayer-caf805 .text-file-displayer-loading-indicator,
.text-file-displayer-caf805 .text-file-displayer-error-message,
.text-file-displayer-caf805 .text-file-displayer-unsupported-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 12px;
}
.text-file-displayer-caf805 .text-file-displayer-error-message {
  color: #f48771;
}
.text-file-displayer-caf805 .text-file-displayer-unsupported-message {
  color: #858585;
}
.text-file-displayer-caf805 .text-file-displayer-extension-info {
  font-size: 12px;
  padding: 4px 8px;
  background: #3e3e42;
  border-radius: 4px;
}
.text-file-displayer-caf805 .text-file-displayer-content {
  margin: 0;
  padding: 16px;
  box-sizing: border-box;
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
  font-size: 13px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  user-select: text;
}
.text-file-displayer-caf805 .text-file-displayer-content code {
  font-family: inherit;
  font-size: inherit;
}
.text-file-displayer-caf805 .text-file-displayer-content::highlight(text-file-displayer-search) {
  background: rgba(255, 193, 7, 0.38);
  color: inherit;
}
.text-file-displayer-caf805 .text-file-displayer-content::highlight(text-file-displayer-search-current) {
  background: #f0a000;
  color: #1e1e1e;
}
.text-file-displayer-caf805 .text-file-displayer-content::selection,
.text-file-displayer-caf805 .text-file-displayer-content *::selection,
.text-file-displayer-caf805 .text-file-displayer-content code::selection,
.text-file-displayer-caf805 .text-file-displayer-content .token::selection {
  background: #264f78;
  color: inherit;
}
.text-file-displayer-caf805 .text-file-displayer-content::-moz-selection,
.text-file-displayer-caf805 .text-file-displayer-content *::-moz-selection,
.text-file-displayer-caf805 .text-file-displayer-content code::-moz-selection,
.text-file-displayer-caf805 .text-file-displayer-content .token::-moz-selection {
  background: #264f78;
  color: inherit;
}
.text-file-displayer-caf805 .token.comment,
.text-file-displayer-caf805 .token.prolog,
.text-file-displayer-caf805 .token.doctype,
.text-file-displayer-caf805 .token.cdata {
  color: #6a9955;
}
.text-file-displayer-caf805 .token.keyword,
.text-file-displayer-caf805 .token.atrule,
.text-file-displayer-caf805 .token.storage,
.text-file-displayer-caf805 .token.selector,
.text-file-displayer-caf805 .token.important {
  color: #c586c0;
}
.text-file-displayer-caf805 .token.string,
.text-file-displayer-caf805 .token.char,
.text-file-displayer-caf805 .token.attr-value,
.text-file-displayer-caf805 .token.regex,
.text-file-displayer-caf805 .token.inserted {
  color: #ce9178;
}
.text-file-displayer-caf805 .token.function,
.text-file-displayer-caf805 .token.function-variable,
.text-file-displayer-caf805 .token.method {
  color: #dcdcaa;
}
.text-file-displayer-caf805 .token.class-name,
.text-file-displayer-caf805 .token.type,
.text-file-displayer-caf805 .token.builtin {
  color: #4ec9b0;
}
.text-file-displayer-caf805 .token.variable,
.text-file-displayer-caf805 .token.parameter,
.text-file-displayer-caf805 .token.property-access {
  color: #9cdcfe;
}
.text-file-displayer-caf805 .token.number,
.text-file-displayer-caf805 .token.boolean,
.text-file-displayer-caf805 .token.constant,
.text-file-displayer-caf805 .token.symbol {
  color: #569cd6;
}
.text-file-displayer-caf805 .token.property,
.text-file-displayer-caf805 .token.attr-name,
.text-file-displayer-caf805 .token.tag {
  color: #9cdcfe;
}
.text-file-displayer-caf805 .token.operator,
.text-file-displayer-caf805 .token.entity,
.text-file-displayer-caf805 .token.url,
.text-file-displayer-caf805 .token.punctuation {
  color: #d4d4d4;
}
.text-file-displayer-caf805 .token.deleted {
  color: #f44747;
}
.text-file-displayer-caf805 .token.invalid {
  color: #f44747;
}
.text-file-displayer-caf805 .token.important,
.text-file-displayer-caf805 .token.bold {
  font-weight: bold;
}
.text-file-displayer-caf805 .token.italic,
.text-file-displayer-caf805 .token.emphasis {
  font-style: italic;
}
.text-file-displayer-caf805 .token.entity {
  cursor: help;
}
.text-file-displayer-caf805 .token.namespace {
  opacity: 0.7;
}
.text-file-displayer-caf805 .text-file-displayer-content.line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}
.text-file-displayer-caf805 .text-file-displayer-content.line-numbers > code {
  display: block;
  position: relative;
  white-space: inherit;
}
.text-file-displayer-caf805 .text-file-displayer-content.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: -3.8em;
  width: 3em;
  letter-spacing: -1px;
  border-right: 1px solid #3e3e42;
  user-select: none;
  counter-reset: linenumber;
}
.text-file-displayer-caf805 .text-file-displayer-content.line-numbers .line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
}
.text-file-displayer-caf805 .text-file-displayer-content.line-numbers .line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #858585;
  display: block;
  padding-right: 0.8em;
  text-align: right;
  font-size: 13px;
  line-height: 1.5;
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
}
.text-file-displayer-caf805 .text-file-displayer-content.line-numbers .line-numbers-sizer {
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
  visibility: hidden;
  white-space: pre-wrap;
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/displayers/imageFileDisplayer.html.R.js */
.image-file-displayer-0d2579 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  background: #1e1e1e;
  color: #d4d4d4;
}
.image-file-displayer-0d2579 .image-file-displayer-header {
  display: flex;
  min-height: 44px;
  padding: 0 16px;
  align-items: center;
  background: #252526;
  border-bottom: 1px solid #3e3e42;
}
.image-file-displayer-0d2579 .image-file-displayer-info {
  display: flex;
  min-width: 0;
  gap: 12px;
  align-items: center;
}
.image-file-displayer-0d2579 .image-file-displayer-action-button {
  margin-left: auto;
  padding: 6px 12px;
  border: none;
  border-radius: 2px;
  background: #0e639c;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
}
.image-file-displayer-0d2579 .image-file-displayer-action-button:hover {
  background: #1177bb;
}
.image-file-displayer-0d2579 .image-file-displayer-filename {
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.image-file-displayer-0d2579 .image-file-displayer-size {
  flex-shrink: 0;
  color: #858585;
  font-size: 12px;
}
.image-file-displayer-0d2579 .image-file-displayer-content {
  position: relative;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
.image-file-displayer-0d2579 .image-file-displayer-loading,
.image-file-displayer-0d2579 .image-file-displayer-error,
.image-file-displayer-0d2579 .image-file-displayer-unsupported,
.image-file-displayer-0d2579 .image-file-displayer-canvas {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.image-file-displayer-0d2579 .image-file-displayer-error {
  color: #f48771;
}
.image-file-displayer-0d2579 .image-file-displayer-unsupported {
  color: #858585;
}
.image-file-displayer-0d2579 .image-file-displayer-canvas {
  box-sizing: border-box;
  padding: 20px;
  overflow: auto;
}
.image-file-displayer-0d2579 .image-file-displayer-canvas img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: contain;
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/fileBrowser/fileBrowser.theme/business/fileBrowser.html.R.js */
.file-browser-9e7e22 {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #F2F4F6;
  color: #1D2939;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/fileBrowser/navigatorBar.theme/business/navigatorBar.html.R.js */
.navigator-bar-c66f1a {
  display: flex;
  align-items: center;
  min-height: 44px;
  gap: 10px;
  padding: 0 12px;
  background: #FFFFFF;
  border-bottom: 0.5px solid #D9DEE5;
  color: #344054;
}
.navigator-bar-c66f1a .nav-buttons {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.navigator-bar-c66f1a .nav-btn,
.navigator-bar-c66f1a .fs-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #667085;
  cursor: pointer;
  transition: background 150ms, color 150ms;
}
.navigator-bar-c66f1a .nav-btn:hover:not(:disabled),
.navigator-bar-c66f1a .fs-btn:hover:not(:disabled) {
  background: #F1F3F5;
  color: #1D2939;
}
.navigator-bar-c66f1a .nav-btn:active:not(:disabled),
.navigator-bar-c66f1a .fs-btn:active:not(:disabled) {
  background: #E9EDF1;
}
.navigator-bar-c66f1a .nav-btn:focus-visible,
.navigator-bar-c66f1a .fs-btn:focus-visible {
  outline: 2px solid #CBD5E1;
  outline-offset: 1px;
}
.navigator-bar-c66f1a .nav-btn:disabled,
.navigator-bar-c66f1a .fs-btn:disabled {
  color: #C4CBD4;
  cursor: not-allowed;
}
.navigator-bar-c66f1a .nav-btn icon,
.navigator-bar-c66f1a .fs-btn icon {
  width: 16px !important;
  height: 16px !important;
  line-height: 16px;
  pointer-events: none;
}
.navigator-bar-c66f1a .address-bar {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  min-height: 30px;
  padding: 0 6px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #F8F9FA;
  border: 0.5px solid #D9DEE5;
  border-radius: 4px;
}
.navigator-bar-c66f1a .address-bar:focus-within {
  border-color: #98A2B3;
  box-shadow: 0 0 0 2px #E9EDF1;
}
.navigator-bar-c66f1a .fs-btn {
  width: 24px;
  height: 24px;
  margin-right: 2px;
}
.navigator-bar-c66f1a .fs-btn icon {
  width: 15px !important;
  height: 15px !important;
}
.navigator-bar-c66f1a .path-segments {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 0;
}
.navigator-bar-c66f1a .path-segment,
.navigator-bar-c66f1a .path-separator {
  display: flex;
  align-items: center;
  min-height: 24px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.navigator-bar-c66f1a .path-segment {
  padding: 0 3px;
  border-radius: 2px;
  color: #475467;
  cursor: pointer;
  user-select: none;
}
.navigator-bar-c66f1a .path-segment:hover {
  background: #E9EDF1;
  color: #1D2939;
}
.navigator-bar-c66f1a .path-separator {
  color: #98A2B3;
}
.navigator-bar-c66f1a .filter-input {
  flex: 1;
  min-width: 120px;
  padding: 0 5px;
  border: 0;
  outline: none;
  background: transparent;
  color: #1D2939;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 24px;
}
.navigator-bar-c66f1a .filter-input::placeholder {
  color: #98A2B3;
}
.navigator-bar-c66f1a .filter-input::selection {
  background: #D7DEE7;
}
.navigator-bar-c66f1a .filter-input.filter-active {
  text-decoration: underline;
  text-decoration-color: #667085;
  text-underline-offset: 3px;
}
.navigator-bar-c66f1a .filter-input.file-active {
  color: #475467;
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/listDirVision/listDirVision.theme/business/listDirVision.html.R.js */
.list-dir-vision-6337ff {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #F2F4F6;
  color: #1D2939;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.list-dir-vision-6337ff .layout {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.list-dir-vision-6337ff .left-panel {
  flex: 0 0 32%;
  min-width: 320px;
  height: 100%;
  overflow: hidden;
  background: #FFFFFF;
  border-right: 0.5px solid #D9DEE5;
}
.list-dir-vision-6337ff .right-panel {
  flex: 1;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #F2F4F6;
}
.list-dir-vision-6337ff .preview-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 6px;
  color: #667085;
  text-align: center;
}
.list-dir-vision-6337ff .preview-empty-title {
  color: #344054;
  font-size: 14px;
  font-weight: 600;
}
.list-dir-vision-6337ff .preview-empty-subtitle {
  max-width: 260px;
  font-size: 12px;
  line-height: 18px;
}
.list-dir-vision-6337ff .preview-missing {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 6px;
  color: #667085;
  text-align: center;
}
.list-dir-vision-6337ff .preview-missing-title {
  color: #344054;
  font-size: 14px;
  font-weight: 600;
}
.list-dir-vision-6337ff .preview-missing-subtitle {
  max-width: 70%;
  color: #667085;
  font-size: 12px;
  line-height: 18px;
  overflow-wrap: anywhere;
}
.list-dir-vision-6337ff .file-list-container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.list-dir-vision-6337ff .file-list-container.filter-active {
  box-shadow: inset 2px 0 0 #98A2B3;
}
.list-dir-vision-6337ff .file-item {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 3px 10px;
  margin: 0;
  border: 0;
  border-bottom: 0.5px solid #EEF1F4;
  background: transparent;
  border-radius: 0;
  cursor: pointer;
  transition: background 150ms;
}
.list-dir-vision-6337ff .file-item:hover {
  background: #F7F8FA;
}
.list-dir-vision-6337ff .file-item.selected,
.list-dir-vision-6337ff .file-item.preview-selected {
  background: #E9EDF1;
}
.list-dir-vision-6337ff .file-item.highlight {
  background: #E2E8F0;
}
.list-dir-vision-6337ff .indent-space {
  flex-shrink: 0;
}
.list-dir-vision-6337ff .expand-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  flex-shrink: 0;
  color: #98A2B3;
  font-size: 9px;
  cursor: pointer;
  user-select: none;
}
.list-dir-vision-6337ff .expand-icon:hover {
  color: #344054;
}
.list-dir-vision-6337ff .worktree-mark {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 4px;
  flex-shrink: 0;
  color: #667085;
  font-size: 11px;
  font-weight: 700;
  user-select: none;
}
.list-dir-vision-6337ff .file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  flex-shrink: 0;
  color: #667085;
  opacity: 0.76;
}
.list-dir-vision-6337ff .file-icon icon,
.list-dir-vision-6337ff .file-icon icon svg {
  width: 13px !important;
  height: 13px !important;
}
.list-dir-vision-6337ff .file-icon-variant {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.list-dir-vision-6337ff .file-name {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  color: #344054;
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-dir-vision-6337ff .file-name .match {
  padding: 0 1px;
  color: #1D2939;
  background: #E9EDF1;
  border-radius: 2px;
}
.list-dir-vision-6337ff .lint-badge {
  cursor: pointer;
  user-select: none;
}
.list-dir-vision-6337ff .selection-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  flex-shrink: 0;
}
.list-dir-vision-6337ff .selection-hint input[type="checkbox"] {
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  margin: 0;
  cursor: pointer;
  accent-color: #344054;
}
.list-dir-vision-6337ff .pick-single-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  flex-shrink: 0;
}
.list-dir-vision-6337ff .pick-single-btn,
.list-dir-vision-6337ff .confirm-button,
.list-dir-vision-6337ff .reset-button,
.list-dir-vision-6337ff .cancel-button {
  border: 0.5px solid #D0D5DD;
  border-radius: 3px;
  background: #FFFFFF;
  color: #344054;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  transition: background 150ms, border-color 150ms, color 150ms;
}
.list-dir-vision-6337ff .pick-single-btn:hover,
.list-dir-vision-6337ff .confirm-button:hover,
.list-dir-vision-6337ff .reset-button:hover,
.list-dir-vision-6337ff .cancel-button:hover {
  background: #F2F4F6;
  border-color: #98A2B3;
}
.list-dir-vision-6337ff .pick-single-btn:focus-visible,
.list-dir-vision-6337ff .confirm-button:focus-visible,
.list-dir-vision-6337ff .reset-button:focus-visible,
.list-dir-vision-6337ff .cancel-button:focus-visible {
  outline: 2px solid #CBD5E1;
  outline-offset: 1px;
}
.list-dir-vision-6337ff .pick-single-btn {
  padding: 0 8px;
}
.list-dir-vision-6337ff .action-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-left: 3px;
  flex-shrink: 0;
  border-radius: 3px;
  color: #98A2B3;
  font-size: 16px;
  cursor: pointer;
}
.list-dir-vision-6337ff .action-hint:hover {
  background: #E9EDF1;
  color: #344054;
}
.list-dir-vision-6337ff .children-container {
  margin: 0;
  overflow: hidden;
}
.list-dir-vision-6337ff .file-list-item-wrapper {
  display: block;
}
.list-dir-vision-6337ff .pick-info,
.list-dir-vision-6337ff .actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #FFFFFF;
  border-bottom: 0.5px solid #D9DEE5;
}
.list-dir-vision-6337ff .pick-info {
  color: #667085;
  font-size: 12px;
}
.list-dir-vision-6337ff .pick-info .count {
  flex-shrink: 0;
  color: #344054;
  font-weight: 600;
}
.list-dir-vision-6337ff .pick-info .message {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-dir-vision-6337ff .actions {
  justify-content: flex-end;
}
.list-dir-vision-6337ff .confirm-button,
.list-dir-vision-6337ff .reset-button,
.list-dir-vision-6337ff .cancel-button {
  padding: 1px 10px;
}
.list-dir-vision-6337ff .confirm-button {
  background: #344054;
  border-color: #344054;
  color: #FFFFFF;
}
.list-dir-vision-6337ff .confirm-button:hover {
  background: #1D2939;
  border-color: #1D2939;
}
.list-dir-vision-6337ff .cancel-button {
  color: #B42318;
}
.list-dir-vision-6337ff .cancel-button:hover {
  background: #FEF3F2;
  border-color: #FDA29B;
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/displayers/textFileDisplayer.theme/business/textFileDisplayer.html.R.js */
.text-file-displayer-56b5c0 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  background: #FFFFFF;
  color: #1D2939;
}
.text-file-displayer-56b5c0 .text-file-displayer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 14px 0 16px;
  background: #FFFFFF;
  border-bottom: 0.5px solid #D9DEE5;
}
.text-file-displayer-56b5c0 .text-file-displayer-info,
.text-file-displayer-56b5c0 .text-file-displayer-actions {
  display: flex;
  align-items: center;
}
.text-file-displayer-56b5c0 .text-file-displayer-info {
  min-width: 0;
  gap: 8px;
}
.text-file-displayer-56b5c0 .text-file-displayer-filename {
  overflow: hidden;
  color: #344054;
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-file-displayer-56b5c0 .text-file-displayer-size {
  flex-shrink: 0;
  color: #98A2B3;
  font-size: 12px;
}
.text-file-displayer-56b5c0 .text-file-displayer-actions {
  flex-shrink: 0;
  gap: 4px;
  margin-left: 12px;
}
.text-file-displayer-56b5c0 .text-file-displayer-search {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px 8px 16px;
  border-bottom: 0.5px solid #D9DEE5;
  background: #FFFFFF;
}
.text-file-displayer-56b5c0 .text-file-displayer-search input {
  flex: 1;
  min-width: 0;
  height: 28px;
  box-sizing: border-box;
  padding: 0 8px;
  border: 0.5px solid #D0D5DD;
  border-radius: 3px;
  outline: none;
  background: #FFFFFF;
  color: #344054;
  font-size: 12px;
}
.text-file-displayer-56b5c0 .text-file-displayer-search input:focus {
  border-color: #98A2B3;
  box-shadow: 0 0 0 2px #EEF1F4;
}
.text-file-displayer-56b5c0 .text-file-displayer-search-count {
  min-width: 52px;
  color: #98A2B3;
  font-size: 12px;
  text-align: right;
}
.text-file-displayer-56b5c0 .text-file-displayer-search-button {
  display: flex;
  width: 28px;
  height: 28px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #D0D5DD;
  border-radius: 3px;
  background: #FFFFFF;
  color: #475467;
  cursor: pointer;
  font-size: 16px;
}
.text-file-displayer-56b5c0 .text-file-displayer-search-button:hover {
  border-color: #98A2B3;
  background: #F8F9FA;
  color: #1D2939;
}
.text-file-displayer-56b5c0 .text-file-displayer-action-button {
  min-height: 28px;
  padding: 0 8px;
  border: 0.5px solid #D0D5DD;
  border-radius: 3px;
  background: #FFFFFF;
  color: #475467;
  cursor: pointer;
  font-size: 12px;
  line-height: 26px;
}
.text-file-displayer-56b5c0 .text-file-displayer-action-button:hover {
  border-color: #98A2B3;
  background: #F8F9FA;
  color: #1D2939;
}
.text-file-displayer-56b5c0 .text-file-displayer-action-button:active {
  background: #EEF1F4;
}
.text-file-displayer-56b5c0 .text-file-displayer-action-button:focus-visible {
  outline: 2px solid #CBD5E1;
  outline-offset: 1px;
}
.text-file-displayer-56b5c0 .text-file-displayer-icon-button {
  display: flex;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  min-height: 0;
  padding: 0;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.text-file-displayer-56b5c0 .text-file-displayer-icon-button icon {
  display: flex;
  flex: 0 0 16px;
  width: 16px !important;
  height: 16px !important;
  pointer-events: none;
}
.text-file-displayer-56b5c0 .text-file-displayer-content-container {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: auto;
  background: #F8F9FA;
}
.text-file-displayer-56b5c0 .text-file-displayer-loading-indicator,
.text-file-displayer-56b5c0 .text-file-displayer-error-message,
.text-file-displayer-56b5c0 .text-file-displayer-unsupported-message {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #667085;
  font-size: 13px;
}
.text-file-displayer-56b5c0 .text-file-displayer-error-message {
  color: #B42318;
}
.text-file-displayer-56b5c0 .text-file-displayer-extension-info {
  padding: 2px 6px;
  border: 0.5px solid #D0D5DD;
  border-radius: 2px;
  background: #FFFFFF;
  color: #667085;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}
.text-file-displayer-56b5c0 .text-file-displayer-content {
  box-sizing: border-box;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 16px 18px;
  background: #F8F9FA;
  color: #344054;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: break-word;
  user-select: text;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.text-file-displayer-56b5c0 .text-file-displayer-content code {
  font-family: inherit;
  font-size: inherit;
}
.text-file-displayer-56b5c0 .text-file-displayer-content::highlight(text-file-displayer-search) {
  background: #FDECC8;
  color: inherit;
}
.text-file-displayer-56b5c0 .text-file-displayer-content::highlight(text-file-displayer-search-current) {
  background: #F9C74F;
  color: #344054;
}
.text-file-displayer-56b5c0 .text-file-displayer-content::selection,
.text-file-displayer-56b5c0 .text-file-displayer-content *::selection,
.text-file-displayer-56b5c0 .text-file-displayer-content code::selection,
.text-file-displayer-56b5c0 .text-file-displayer-content .token::selection {
  background: #D7DEE7;
  color: inherit;
}
.text-file-displayer-56b5c0 .text-file-displayer-content::-moz-selection,
.text-file-displayer-56b5c0 .text-file-displayer-content *::-moz-selection,
.text-file-displayer-56b5c0 .text-file-displayer-content code::-moz-selection,
.text-file-displayer-56b5c0 .text-file-displayer-content .token::-moz-selection {
  background: #D7DEE7;
  color: inherit;
}
.text-file-displayer-56b5c0 .token.comment,
.text-file-displayer-56b5c0 .token.prolog,
.text-file-displayer-56b5c0 .token.doctype,
.text-file-displayer-56b5c0 .token.cdata {
  color: #667085;
}
.text-file-displayer-56b5c0 .token.keyword,
.text-file-displayer-56b5c0 .token.atrule,
.text-file-displayer-56b5c0 .token.storage,
.text-file-displayer-56b5c0 .token.selector,
.text-file-displayer-56b5c0 .token.important {
  color: #6941C6;
}
.text-file-displayer-56b5c0 .token.string,
.text-file-displayer-56b5c0 .token.char,
.text-file-displayer-56b5c0 .token.attr-value,
.text-file-displayer-56b5c0 .token.regex,
.text-file-displayer-56b5c0 .token.inserted {
  color: #027A48;
}
.text-file-displayer-56b5c0 .token.function,
.text-file-displayer-56b5c0 .token.function-variable,
.text-file-displayer-56b5c0 .token.method {
  color: #B54708;
}
.text-file-displayer-56b5c0 .token.class-name,
.text-file-displayer-56b5c0 .token.type,
.text-file-displayer-56b5c0 .token.builtin {
  color: #175CD3;
}
.text-file-displayer-56b5c0 .token.variable,
.text-file-displayer-56b5c0 .token.parameter,
.text-file-displayer-56b5c0 .token.property-access,
.text-file-displayer-56b5c0 .token.property,
.text-file-displayer-56b5c0 .token.attr-name,
.text-file-displayer-56b5c0 .token.tag {
  color: #0E7090;
}
.text-file-displayer-56b5c0 .token.number,
.text-file-displayer-56b5c0 .token.boolean,
.text-file-displayer-56b5c0 .token.constant,
.text-file-displayer-56b5c0 .token.symbol {
  color: #9E165F;
}
.text-file-displayer-56b5c0 .token.operator,
.text-file-displayer-56b5c0 .token.entity,
.text-file-displayer-56b5c0 .token.url,
.text-file-displayer-56b5c0 .token.punctuation {
  color: #475467;
}
.text-file-displayer-56b5c0 .token.deleted,
.text-file-displayer-56b5c0 .token.invalid {
  color: #B42318;
}
.text-file-displayer-56b5c0 .token.important,
.text-file-displayer-56b5c0 .token.bold {
  font-weight: 700;
}
.text-file-displayer-56b5c0 .token.italic,
.text-file-displayer-56b5c0 .token.emphasis {
  font-style: italic;
}
.text-file-displayer-56b5c0 .token.entity {
  cursor: help;
}
.text-file-displayer-56b5c0 .token.namespace {
  opacity: 0.72;
}
.text-file-displayer-56b5c0 .text-file-displayer-content.line-numbers {
  position: relative;
  padding-left: 4.2em;
  counter-reset: linenumber;
}
.text-file-displayer-56b5c0 .text-file-displayer-content.line-numbers > code {
  display: block;
  position: relative;
  white-space: inherit;
}
.text-file-displayer-56b5c0 .text-file-displayer-content.line-numbers .line-numbers-rows {
  position: absolute;
  top: 0;
  left: -4.2em;
  width: 3.35em;
  border-right: 0.5px solid #D9DEE5;
  color: #98A2B3;
  letter-spacing: -1px;
  pointer-events: none;
  user-select: none;
  counter-reset: linenumber;
}
.text-file-displayer-56b5c0 .text-file-displayer-content.line-numbers .line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
}
.text-file-displayer-56b5c0 .text-file-displayer-content.line-numbers .line-numbers-rows > span:before {
  display: block;
  padding-right: 0.8em;
  color: #98A2B3;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 1.55;
  text-align: right;
  content: counter(linenumber);
}
.text-file-displayer-56b5c0 .text-file-displayer-content.line-numbers .line-numbers-sizer {
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
  visibility: hidden;
  white-space: pre-wrap;
}
/* /home/wuminghan/workspace/@branch-ts/biome-media-web/src/file/displayers/imageFileDisplayer.theme/business/imageFileDisplayer.html.R.js */
.image-file-displayer-6fd587 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  background: #F8F9FA;
  color: #1D2939;
}
.image-file-displayer-6fd587 .image-file-displayer-header {
  display: flex;
  min-height: 44px;
  padding: 0 16px;
  align-items: center;
  background: #FFFFFF;
  border-bottom: 0.5px solid #D9DEE5;
}
.image-file-displayer-6fd587 .image-file-displayer-info {
  display: flex;
  min-width: 0;
  gap: 8px;
  align-items: center;
}
.image-file-displayer-6fd587 .image-file-displayer-action-button {
  min-height: 28px;
  margin-left: auto;
  padding: 0 8px;
  border: 0.5px solid #D0D5DD;
  border-radius: 3px;
  background: #FFFFFF;
  color: #475467;
  cursor: pointer;
  font-size: 12px;
  line-height: 26px;
}
.image-file-displayer-6fd587 .image-file-displayer-action-button:hover {
  border-color: #98A2B3;
  background: #F8F9FA;
  color: #1D2939;
}
.image-file-displayer-6fd587 .image-file-displayer-filename {
  overflow: hidden;
  color: #344054;
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.image-file-displayer-6fd587 .image-file-displayer-size {
  flex-shrink: 0;
  color: #98A2B3;
  font-size: 12px;
}
.image-file-displayer-6fd587 .image-file-displayer-content {
  position: relative;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
.image-file-displayer-6fd587 .image-file-displayer-loading,
.image-file-displayer-6fd587 .image-file-displayer-error,
.image-file-displayer-6fd587 .image-file-displayer-unsupported,
.image-file-displayer-6fd587 .image-file-displayer-canvas {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.image-file-displayer-6fd587 .image-file-displayer-loading,
.image-file-displayer-6fd587 .image-file-displayer-unsupported {
  color: #667085;
  font-size: 13px;
}
.image-file-displayer-6fd587 .image-file-displayer-error {
  color: #B42318;
  font-size: 13px;
}
.image-file-displayer-6fd587 .image-file-displayer-canvas {
  box-sizing: border-box;
  padding: 20px;
  overflow: auto;
  background: #F8F9FA;
}
.image-file-displayer-6fd587 .image-file-displayer-canvas img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: contain;
}
/* /home/wuminghan/workspace/@branch-ts/practice-probe-web/src/probeInspector.html.R.js */
.probe-inspector-23598a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--genesis-bg-app);
  color: var(--genesis-fg);
  overflow: hidden;
  font-size: 13px;
}
.probe-inspector-23598a * {
  box-sizing: border-box;
}
.probe-inspector-23598a .pi-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px 14px;
  border-bottom: 1px solid var(--genesis-border-soft);
  background: rgba(255, 255, 255, 0.015);
  flex-shrink: 0;
}
.probe-inspector-23598a .pi-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.probe-inspector-23598a .pi-eyebrow {
  font-size: 11px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--genesis-fg-dim);
}
.probe-inspector-23598a .pi-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--genesis-fg-strong);
}
.probe-inspector-23598a .pi-subtitle {
  font-size: 12px;
  color: var(--genesis-fg-muted);
  font-family: var(--genesis-font-mono);
  white-space: pre-wrap;
}
.probe-inspector-23598a .pi-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.probe-inspector-23598a .pi-btn {
  height: 30px;
  border: 1px solid var(--genesis-border);
  background: var(--genesis-bg-panel);
  color: var(--genesis-fg-muted);
  border-radius: var(--genesis-radius);
  padding: 0 10px;
  cursor: pointer;
  font-size: 11px;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  transition: color var(--genesis-duration-fast) ease, background var(--genesis-duration-fast) ease, border-color var(--genesis-duration-fast) ease, box-shadow var(--genesis-duration-fast) ease;
}
.probe-inspector-23598a .pi-btn:hover {
  color: var(--genesis-fg-strong);
  background: var(--genesis-bg-panel-strong);
  border-color: var(--genesis-border-strong);
}
.probe-inspector-23598a .pi-btn-primary {
  color: var(--genesis-accent);
  border-color: var(--genesis-accent-border);
  background: var(--genesis-accent-surface);
}
.probe-inspector-23598a .pi-btn-primary:hover {
  color: var(--genesis-accent-hover);
  border-color: var(--genesis-accent-border);
  background: rgba(176, 182, 190, 0.18);
}
.probe-inspector-23598a .pi-content {
  flex: 1;
  min-height: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px 24px;
}
.probe-inspector-23598a .pi-content > * {
  flex: 0 0 auto;
}
.probe-inspector-23598a .pi-overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}
.probe-inspector-23598a .pi-overview-card,
.probe-inspector-23598a .pi-section {
  background: var(--genesis-bg-panel);
  border: 1px solid var(--genesis-border-soft);
  border-radius: var(--genesis-radius-panel);
}
.probe-inspector-23598a .pi-overview-card {
  padding: 13px 14px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.probe-inspector-23598a .pi-card-label,
.probe-inspector-23598a .pi-section-summary {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--genesis-fg-dim);
}
.probe-inspector-23598a .pi-card-value,
.probe-inspector-23598a .mono {
  font-family: var(--genesis-font-mono);
}
.probe-inspector-23598a .status-online {
  color: var(--genesis-success);
}
.probe-inspector-23598a .status-available {
  color: var(--genesis-warn);
}
.probe-inspector-23598a .status-offline {
  color: var(--genesis-danger);
}
.probe-inspector-23598a .pi-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
}
.probe-inspector-23598a .pi-section-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}
.probe-inspector-23598a .pi-section-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--genesis-fg-strong);
}
.probe-inspector-23598a .pi-access-point-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.probe-inspector-23598a .pi-access-point-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
  padding: 12px;
  border-radius: var(--genesis-radius);
  border: 1px solid var(--genesis-border-soft);
  background: rgba(255, 255, 255, 0.02);
  color: inherit;
  cursor: pointer;
  transition: background var(--genesis-duration-fast) ease, border-color var(--genesis-duration-fast) ease, box-shadow var(--genesis-duration-fast) ease;
}
.probe-inspector-23598a .pi-access-point-item:hover {
  background: var(--genesis-bg-hover);
  border-color: var(--genesis-border);
}
.probe-inspector-23598a .pi-access-point-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.probe-inspector-23598a .pi-access-point-heading {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.probe-inspector-23598a .pi-access-point-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--genesis-fg-strong);
}
.probe-inspector-23598a .pi-access-point-kind {
  padding: 1px 8px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--genesis-border-soft);
  border-radius: var(--genesis-radius-pill);
}
.probe-inspector-23598a .pi-access-point-kind.kind-fs {
  color: var(--genesis-accent);
}
.probe-inspector-23598a .pi-access-point-kind.kind-term {
  color: var(--genesis-fg-muted);
}
.probe-inspector-23598a .pi-access-point-kind.kind-hostExec {
  color: var(--genesis-success);
}
.probe-inspector-23598a .pi-access-point-open-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 22px;
  padding: 0 8px;
  border: 1px solid var(--genesis-border);
  border-radius: var(--genesis-radius-pill);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: lowercase;
  color: var(--genesis-fg-muted);
  background: rgba(255, 255, 255, 0.04);
  cursor: pointer;
  flex-shrink: 0;
  transition: color var(--genesis-duration-fast) ease, background var(--genesis-duration-fast) ease, border-color var(--genesis-duration-fast) ease;
}
.probe-inspector-23598a .pi-access-point-open-action:hover,
.probe-inspector-23598a .pi-access-point-open-action:focus-visible {
  color: var(--genesis-fg-strong);
  background: var(--genesis-bg-hover);
  border-color: var(--genesis-border-strong);
  outline: none;
}
.probe-inspector-23598a .pi-access-point-uri,
.probe-inspector-23598a .pi-access-point-meta {
  font-size: 12px;
  line-height: 1.4;
  color: var(--genesis-fg-muted);
  font-family: var(--genesis-font-mono);
  word-break: break-all;
}
.probe-inspector-23598a .pi-empty-inline {
  display: none;
  padding: 12px;
  border-radius: var(--genesis-radius);
  border: 1px dashed var(--genesis-border);
  background: rgba(255, 255, 255, 0.02);
  color: var(--genesis-fg-muted);
  font-size: 12px;
  font-family: var(--genesis-font-mono);
}
.probe-inspector-23598a .pi-placeholder {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px;
  text-align: center;
  color: var(--genesis-fg-muted);
}
.probe-inspector-23598a .pi-placeholder-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--genesis-fg-strong);
}
.probe-inspector-23598a .pi-placeholder-text {
  max-width: 420px;
  line-height: 1.6;
  font-size: 13px;
  font-family: var(--genesis-font-mono);
}
.probe-inspector-23598a .pi-card-value:empty,
.probe-inspector-23598a .pi-section-summary:empty,
.probe-inspector-23598a .pi-subtitle:empty,
.probe-inspector-23598a .pi-access-point-meta:empty,
.probe-inspector-23598a .pi-access-point-uri:empty {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-probe-web/src/probeExplorer.html.R.js */
.probe-explorer-b43f5a {
  width: 100%;
  height: 100%;
  display: flex;
  background: var(--genesis-bg-app);
  color: var(--genesis-fg);
  overflow: hidden;
  font-size: 13px;
}
.probe-explorer-b43f5a * {
  box-sizing: border-box;
}
.probe-explorer-b43f5a .pe-sidebar {
  width: 360px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: var(--genesis-bg-shell);
  border-right: 1px solid var(--genesis-border-soft);
  overflow: hidden;
}
.probe-explorer-b43f5a .pe-sidebar-topbar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--genesis-border-soft);
  background: rgba(255, 255, 255, 0.015);
}
.probe-explorer-b43f5a .pe-sidebar-title-wrap {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.probe-explorer-b43f5a .pe-sidebar-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--genesis-fg-strong);
}
.probe-explorer-b43f5a .pe-sidebar-summary {
  font-size: 12px;
  color: var(--genesis-fg-dim);
  font-family: var(--genesis-font-mono);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.probe-explorer-b43f5a .pe-sidebar-section-label {
  flex-shrink: 0;
  padding: 10px 12px 6px;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--genesis-fg-dim);
}
.probe-explorer-b43f5a .pe-toolbar {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.probe-explorer-b43f5a .pe-btn {
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--genesis-border);
  background: var(--genesis-bg-panel);
  color: var(--genesis-fg-muted);
  border-radius: var(--genesis-radius);
  cursor: pointer;
  font-size: 11px;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  transition: color var(--genesis-duration-fast) ease, background var(--genesis-duration-fast) ease, border-color var(--genesis-duration-fast) ease, box-shadow var(--genesis-duration-fast) ease;
}
.probe-explorer-b43f5a .pe-btn:hover {
  color: var(--genesis-fg-strong);
  background: var(--genesis-bg-panel-strong);
  border-color: var(--genesis-border-strong);
}
.probe-explorer-b43f5a .pe-btn-subtle {
  color: var(--genesis-fg-muted);
}
.probe-explorer-b43f5a .pe-btn-primary {
  color: var(--genesis-accent);
  border-color: var(--genesis-accent-border);
  background: var(--genesis-accent-surface);
}
.probe-explorer-b43f5a .pe-btn-primary:hover {
  color: var(--genesis-accent-hover);
  border-color: var(--genesis-accent-border);
  background: rgba(176, 182, 190, 0.18);
}
.probe-explorer-b43f5a .pe-list {
  flex: 1;
  min-height: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 0 10px;
}
.probe-explorer-b43f5a .pe-empty-state {
  display: none;
  margin: 8px 12px 12px;
  padding: 14px 12px;
  border-radius: var(--genesis-radius-panel);
  border: 1px dashed var(--genesis-border);
  background: rgba(255, 255, 255, 0.02);
  color: var(--genesis-fg-muted);
  font-size: 12px;
  line-height: 1.5;
  font-family: var(--genesis-font-mono);
}
.probe-explorer-b43f5a .pe-main {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  display: flex;
  background: var(--genesis-bg-app);
}
.probe-explorer-b43f5a .pe-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 10px 12px 11px;
  border: none;
  border-bottom: 1px solid var(--genesis-border-soft);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  border-radius: 0;
  transition: background var(--genesis-duration-fast) ease, box-shadow var(--genesis-duration-fast) ease, color var(--genesis-duration-fast) ease;
}
.probe-explorer-b43f5a .pe-item:hover {
  background: var(--genesis-bg-hover);
}
.probe-explorer-b43f5a .pe-item.is-selected {
  background: var(--genesis-bg-active);
  box-shadow: inset 2px 0 0 var(--genesis-accent);
}
.probe-explorer-b43f5a .pe-item-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.probe-explorer-b43f5a .pe-item-row-main {
  justify-content: space-between;
  align-items: flex-start;
}
.probe-explorer-b43f5a .pe-item-row-meta {
  align-items: flex-start;
}
.probe-explorer-b43f5a .pe-item-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.probe-explorer-b43f5a .pe-item-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--genesis-fg-strong);
}
.probe-explorer-b43f5a .pe-item-status {
  flex-shrink: 0;
  padding: 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: transparent;
  color: var(--genesis-fg-muted);
}
.probe-explorer-b43f5a .pe-item-status.online {
  color: var(--genesis-success);
}
.probe-explorer-b43f5a .pe-item-status.available {
  color: var(--genesis-warn);
}
.probe-explorer-b43f5a .pe-item-status.connecting,
.probe-explorer-b43f5a .pe-item-status.reconnecting {
  color: var(--genesis-accent);
}
.probe-explorer-b43f5a .pe-item-status.waiting {
  color: var(--genesis-warn);
}
.probe-explorer-b43f5a .pe-item-status.offline {
  color: var(--genesis-danger);
}
.probe-explorer-b43f5a .pe-item-subtitle,
.probe-explorer-b43f5a .pe-item-uri {
  font-size: 12px;
  line-height: 1.4;
  color: var(--genesis-fg-muted);
  font-family: var(--genesis-font-mono);
  word-break: break-all;
}
.probe-explorer-b43f5a .pe-item-subtitle:empty,
.probe-explorer-b43f5a .pe-item-uri:empty {
  display: none;
}
/* /home/wuminghan/workspace/@branch-ts/practice-probe-web/src/probeExplorer.theme/business/probeExplorer.html.R.js */
.probe-explorer-d4d211 {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
  background: #FCFCFB;
  color: #272522;
  font-family: ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: auto;
  font-size: 13px;
}
.probe-explorer-d4d211 * {
  box-sizing: border-box;
}
.probe-explorer-d4d211 .pe-sidebar {
  width: 304px;
  min-width: 240px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #FFFFFF;
  border-right: 0.5px solid rgba(17, 17, 17, 0.08);
}
.probe-explorer-d4d211 .pe-sidebar-topbar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 10px 14px;
  background: #FFFFFF;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.probe-explorer-d4d211 .pe-sidebar-title-wrap {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.probe-explorer-d4d211 .pe-sidebar-title {
  color: #111111;
  font-size: 13px;
  font-weight: 600;
}
.probe-explorer-d4d211 .pe-sidebar-summary {
  overflow: hidden;
  color: #6B6761;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.probe-explorer-d4d211 .pe-toolbar {
  display: flex;
  flex-shrink: 0;
  gap: 5px;
}
.probe-explorer-d4d211 .pe-btn {
  min-width: 0;
  font-size: 11px;
}
.probe-explorer-d4d211 .pe-sidebar-section-label {
  flex-shrink: 0;
  padding: 10px 14px 7px;
  color: #6B6761;
  font-size: 11px;
  font-weight: 300;
}
.probe-explorer-d4d211 .pe-list {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background: #FCFCFB;
}
.probe-explorer-d4d211 .pe-empty-state {
  display: none;
  margin: 0;
  padding: 18px 14px;
  color: #6B6761;
  font-size: 12px;
  line-height: 1.5;
}
.probe-explorer-d4d211 .pe-main {
  min-width: 0;
  min-height: 0;
  flex: 1;
  display: flex;
  overflow: hidden;
  background: #FCFCFB;
}
.probe-explorer-d4d211 .pe-item {
  width: 100%;
  border-radius: 0;
}
.probe-explorer-d4d211 .pe-item-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.probe-explorer-d4d211 .pe-item-row-main {
  align-items: flex-start;
  justify-content: space-between;
}
.probe-explorer-d4d211 .pe-item-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.probe-explorer-d4d211 .pe-item-title {
  color: #111111;
  font-size: 13px;
  font-weight: 600;
}
.probe-explorer-d4d211 .pe-item-status {
  flex-shrink: 0;
  color: #6B6761;
  font-size: 10px;
  font-weight: 300;
}
.probe-explorer-d4d211 .pe-item-status.online {
  color: #067647;
}
.probe-explorer-d4d211 .pe-item-status.available,
.probe-explorer-d4d211 .pe-item-status.waiting {
  color: #B54708;
}
.probe-explorer-d4d211 .pe-item-status.connecting,
.probe-explorer-d4d211 .pe-item-status.reconnecting {
  color: #514D48;
}
.probe-explorer-d4d211 .pe-item-status.offline {
  color: #B42318;
}
.probe-explorer-d4d211 .pe-item-subtitle,
.probe-explorer-d4d211 .pe-item-uri {
  color: #6B6761;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.probe-explorer-d4d211 .pe-item-subtitle:empty,
.probe-explorer-d4d211 .pe-item-uri:empty {
  display: none;
}
@media (max-width: 700px) {
  .probe-explorer-d4d211 .pe-sidebar {
    width: 240px;
  }
  .probe-explorer-d4d211 .pe-sidebar-topbar {
    align-items: flex-start;
    flex-direction: column;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-probe-web/src/probeExplorer.theme/genesis/probeExplorer.html.R.js */
.probe-explorer-b403a2 {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
  background: #181a1b;
  color: #d7dbdf;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'STHeiti', 'Microsoft YaHei', SimSun, Song, sans-serif;
  font-size: 13px;
}
.probe-explorer-b403a2 * {
  box-sizing: border-box;
}
.probe-explorer-b403a2 .pe-sidebar {
  width: 304px;
  min-width: 240px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #202224;
  border-right: 1px solid #353b41;
}
.probe-explorer-b403a2 .pe-sidebar-topbar {
  min-height: 52px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  background: #202224;
  border-bottom: 1px solid #353b41;
}
.probe-explorer-b403a2 .pe-sidebar-title-wrap {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.probe-explorer-b403a2 .pe-sidebar-title {
  color: #f1f3f5;
  font-size: 13px;
  font-weight: 600;
}
.probe-explorer-b403a2 .pe-sidebar-summary {
  overflow: hidden;
  color: #8f9aa4;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.probe-explorer-b403a2 .pe-toolbar {
  display: flex;
  flex-shrink: 0;
  gap: 5px;
}
.probe-explorer-b403a2 .pe-btn {
  height: 27px;
  padding: 0 8px;
  border: 1px solid #4b535b;
  border-radius: 3px;
  background: #202224;
  color: #d7dbdf;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}
.probe-explorer-b403a2 .pe-btn:hover {
  border-color: #66717b;
  background: #282b2d;
  color: #f1f3f5;
}
.probe-explorer-b403a2 .pe-btn:focus-visible {
  outline: 2px solid #9aabb9;
  outline-offset: 1px;
}
.probe-explorer-b403a2 .pe-btn-primary {
  border-color: #f1f3f5;
  background: #f1f3f5;
  color: #181a1b;
}
.probe-explorer-b403a2 .pe-btn-primary:hover {
  border-color: #d7dbdf;
  background: #d7dbdf;
  color: #181a1b;
}
.probe-explorer-b403a2 .pe-sidebar-section-label {
  flex-shrink: 0;
  padding: 10px 14px 7px;
  color: #8f9aa4;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.probe-explorer-b403a2 .pe-list {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background: #202224;
}
.probe-explorer-b403a2 .pe-empty-state {
  display: none;
  margin: 0;
  padding: 18px 14px;
  color: #8f9aa4;
  font-size: 12px;
  line-height: 1.5;
}
.probe-explorer-b403a2 .pe-main {
  min-width: 0;
  min-height: 0;
  flex: 1;
  display: flex;
  overflow: hidden;
  background: #181a1b;
}
.probe-explorer-b403a2 .pe-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid #353b41;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: background 120ms ease;
}
.probe-explorer-b403a2 .pe-item:hover {
  background: #282b2d;
}
.probe-explorer-b403a2 .pe-item.is-selected {
  background: #2c3033;
  box-shadow: inset 2px 0 0 #9aabb9;
}
.probe-explorer-b403a2 .pe-item-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.probe-explorer-b403a2 .pe-item-row-main {
  align-items: flex-start;
  justify-content: space-between;
}
.probe-explorer-b403a2 .pe-item-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.probe-explorer-b403a2 .pe-item-title {
  color: #f1f3f5;
  font-size: 13px;
  font-weight: 600;
}
.probe-explorer-b403a2 .pe-item-status {
  flex-shrink: 0;
  color: #8f9aa4;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.probe-explorer-b403a2 .pe-item-status.online {
  color: #78c59a;
}
.probe-explorer-b403a2 .pe-item-status.available,
.probe-explorer-b403a2 .pe-item-status.waiting {
  color: #e1ad72;
}
.probe-explorer-b403a2 .pe-item-status.connecting,
.probe-explorer-b403a2 .pe-item-status.reconnecting {
  color: #b7c2cb;
}
.probe-explorer-b403a2 .pe-item-status.offline {
  color: #e58d86;
}
.probe-explorer-b403a2 .pe-item-subtitle,
.probe-explorer-b403a2 .pe-item-uri {
  color: #8f9aa4;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.probe-explorer-b403a2 .pe-item-subtitle:empty,
.probe-explorer-b403a2 .pe-item-uri:empty {
  display: none;
}
@media (max-width: 700px) {
  .probe-explorer-b403a2 .pe-sidebar {
    width: 240px;
  }
  .probe-explorer-b403a2 .pe-sidebar-topbar {
    align-items: flex-start;
    flex-direction: column;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-probe-web/src/probeInspector.theme/business/probeInspector.html.R.js */
.probe-inspector-3f9a4a {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #FCFCFB;
  color: #272522;
  font-family: ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: auto;
  font-size: 13px;
}
.probe-inspector-3f9a4a * {
  box-sizing: border-box;
}
.probe-inspector-3f9a4a .pi-header {
  min-height: 70px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px;
  background: #FFFFFF;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.probe-inspector-3f9a4a .pi-title-wrap {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.probe-inspector-3f9a4a .pi-eyebrow,
.probe-inspector-3f9a4a .pi-section-summary {
  color: #6B6761;
  font-size: 10px;
  font-weight: 300;
}
.probe-inspector-3f9a4a .pi-title {
  color: #111111;
  font-size: 16px;
  font-weight: 600;
}
.probe-inspector-3f9a4a .pi-subtitle {
  color: #6B6761;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  overflow-wrap: anywhere;
}
.probe-inspector-3f9a4a .pi-actions {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
.probe-inspector-3f9a4a .pi-content {
  gap: 18px;
  padding: 18px 20px 26px;
}
.probe-inspector-3f9a4a .pi-fact-code {
  color: #6B6761;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}
.probe-inspector-3f9a4a .pi-status {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 7px;
  border-radius: 9px;
  background: #ECEAE7;
  color: #514D48;
  font-size: 11px;
  line-height: 1;
}
.probe-inspector-3f9a4a .pi-status.status-online {
  background: #E5F3EB;
  color: #067647;
}
.probe-inspector-3f9a4a .pi-status.status-available {
  background: #FFF1DD;
  color: #B54708;
}
.probe-inspector-3f9a4a .pi-status.status-offline {
  background: #FCE9E7;
  color: #B42318;
}
.probe-inspector-3f9a4a .pi-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.probe-inspector-3f9a4a .pi-section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 7px;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
}
.probe-inspector-3f9a4a .pi-section-title {
  color: #111111;
  font-size: 13px;
  font-weight: 600;
}
.probe-inspector-3f9a4a .pi-access-point-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  background: #FFFFFF;
  border: 0.5px solid rgba(17, 17, 17, 0.08);
  border-radius: 4px;
}
.probe-inspector-3f9a4a .pi-access-point-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 11px 13px;
  border: 0;
  border-bottom: 0.5px solid rgba(17, 17, 17, 0.08);
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: background 120ms ease;
}
.probe-inspector-3f9a4a .pi-access-point-item:last-child {
  border-bottom: 0;
}
.probe-inspector-3f9a4a .pi-access-point-item:hover {
  background: #F4F3F1;
}
.probe-inspector-3f9a4a .pi-access-point-top {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.probe-inspector-3f9a4a .pi-access-point-heading {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.probe-inspector-3f9a4a .pi-access-point-name {
  color: #111111;
  font-size: 13px;
  font-weight: 600;
}
.probe-inspector-3f9a4a .pi-access-point-kind {
  color: #6B6761;
  font-size: 10px;
  font-weight: 300;
}
.probe-inspector-3f9a4a .pi-access-point-kind.kind-fs {
  color: #514D48;
}
.probe-inspector-3f9a4a .pi-access-point-kind.kind-term {
  color: #6B6761;
}
.probe-inspector-3f9a4a .pi-access-point-open-action {
  min-width: 52px;
  height: 26px;
  padding: 0 8px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid rgba(17, 17, 17, 0.16);
  border-radius: 3px;
  background: #FFFFFF;
  color: #6B6761;
  cursor: pointer;
  font-size: 11px;
  line-height: 1;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}
.probe-inspector-3f9a4a .pi-access-point-open-action:hover,
.probe-inspector-3f9a4a .pi-access-point-open-action:focus-visible {
  border-color: #514D48;
  background: #F4F3F1;
  color: #111111;
  outline: none;
}
.probe-inspector-3f9a4a .pi-access-point-uri,
.probe-inspector-3f9a4a .pi-access-point-meta {
  color: #6B6761;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.probe-inspector-3f9a4a .pi-empty-inline {
  display: none;
  padding: 13px 0;
  color: #6B6761;
  font-size: 12px;
  line-height: 1.5;
}
.probe-inspector-3f9a4a .pi-placeholder {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  color: #6B6761;
  text-align: center;
}
.probe-inspector-3f9a4a .pi-placeholder-title {
  color: #111111;
  font-size: 15px;
  font-weight: 600;
}
.probe-inspector-3f9a4a .pi-placeholder-text {
  max-width: 420px;
  font-size: 12px;
  line-height: 1.55;
}
.probe-inspector-3f9a4a .pi-fact-value:empty,
.probe-inspector-3f9a4a .pi-section-summary:empty,
.probe-inspector-3f9a4a .pi-subtitle:empty,
.probe-inspector-3f9a4a .pi-access-point-meta:empty,
.probe-inspector-3f9a4a .pi-access-point-uri:empty {
  display: none;
}
@media (max-width: 700px) {
  .probe-inspector-3f9a4a .pi-header {
    flex-direction: column;
  }
  .probe-inspector-3f9a4a .pi-actions {
    justify-content: flex-start;
  }
  .probe-inspector-3f9a4a .pi-content {
    padding-inline: 14px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/practice-probe-web/src/probeInspector.theme/genesis/probeInspector.html.R.js */
.probe-inspector-fc9cfc {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #181a1b;
  color: #d7dbdf;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'STHeiti', 'Microsoft YaHei', SimSun, Song, sans-serif;
  font-size: 13px;
}
.probe-inspector-fc9cfc * {
  box-sizing: border-box;
}
.probe-inspector-fc9cfc .pi-header {
  min-height: 70px;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px;
  background: #202224;
  border-bottom: 1px solid #353b41;
}
.probe-inspector-fc9cfc .pi-title-wrap {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.probe-inspector-fc9cfc .pi-eyebrow,
.probe-inspector-fc9cfc .pi-card-label,
.probe-inspector-fc9cfc .pi-section-summary {
  color: #8f9aa4;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.probe-inspector-fc9cfc .pi-title {
  color: #f1f3f5;
  font-size: 16px;
  font-weight: 600;
}
.probe-inspector-fc9cfc .pi-subtitle {
  color: #8f9aa4;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  overflow-wrap: anywhere;
}
.probe-inspector-fc9cfc .pi-actions {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
.probe-inspector-fc9cfc .pi-btn {
  height: 28px;
  padding: 0 9px;
  border: 1px solid #4b535b;
  border-radius: 3px;
  background: #202224;
  color: #d7dbdf;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}
.probe-inspector-fc9cfc .pi-btn:hover {
  border-color: #66717b;
  background: #282b2d;
  color: #f1f3f5;
}
.probe-inspector-fc9cfc .pi-btn:focus-visible {
  outline: 2px solid #9aabb9;
  outline-offset: 1px;
}
.probe-inspector-fc9cfc .pi-btn-primary {
  border-color: #f1f3f5;
  background: #f1f3f5;
  color: #181a1b;
}
.probe-inspector-fc9cfc .pi-btn-primary:hover {
  border-color: #d7dbdf;
  background: #d7dbdf;
  color: #181a1b;
}
.probe-inspector-fc9cfc .pi-content {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: auto;
  padding: 18px 20px 26px;
}
.probe-inspector-fc9cfc .pi-content > * {
  flex: 0 0 auto;
}
.probe-inspector-fc9cfc .pi-overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 1px;
  overflow: hidden;
  background: #353b41;
  border: 1px solid #353b41;
  border-radius: 4px;
}
.probe-inspector-fc9cfc .pi-overview-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 13px;
  background: #202224;
}
.probe-inspector-fc9cfc .pi-card-value,
.probe-inspector-fc9cfc .mono {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}
.probe-inspector-fc9cfc .status-online {
  color: #78c59a;
}
.probe-inspector-fc9cfc .status-available {
  color: #e1ad72;
}
.probe-inspector-fc9cfc .status-offline {
  color: #e58d86;
}
.probe-inspector-fc9cfc .pi-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.probe-inspector-fc9cfc .pi-section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 7px;
  border-bottom: 1px solid #353b41;
}
.probe-inspector-fc9cfc .pi-section-title {
  color: #d7dbdf;
  font-size: 13px;
  font-weight: 600;
}
.probe-inspector-fc9cfc .pi-access-point-list {
  display: flex;
  flex-direction: column;
  background: #202224;
  border-top: 1px solid #353b41;
  border-bottom: 1px solid #353b41;
}
.probe-inspector-fc9cfc .pi-access-point-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid #353b41;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: background 120ms ease;
}
.probe-inspector-fc9cfc .pi-access-point-item:last-child {
  border-bottom: 0;
}
.probe-inspector-fc9cfc .pi-access-point-item:hover {
  background: #282b2d;
}
.probe-inspector-fc9cfc .pi-access-point-top {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.probe-inspector-fc9cfc .pi-access-point-heading {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.probe-inspector-fc9cfc .pi-access-point-name {
  color: #f1f3f5;
  font-size: 13px;
  font-weight: 600;
}
.probe-inspector-fc9cfc .pi-access-point-kind {
  color: #8f9aa4;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.probe-inspector-fc9cfc .pi-access-point-kind.kind-fs {
  color: #b7c2cb;
}
.probe-inspector-fc9cfc .pi-access-point-kind.kind-term {
  color: #8f9aa4;
}
.probe-inspector-fc9cfc .pi-access-point-open-action {
  height: 22px;
  padding: 0 7px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  border: 1px solid #4b535b;
  border-radius: 3px;
  background: #202224;
  color: #8f9aa4;
  cursor: pointer;
  font-size: 10px;
  line-height: 1;
  text-transform: lowercase;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}
.probe-inspector-fc9cfc .pi-access-point-open-action:hover,
.probe-inspector-fc9cfc .pi-access-point-open-action:focus-visible {
  border-color: #66717b;
  background: #282b2d;
  color: #f1f3f5;
  outline: none;
}
.probe-inspector-fc9cfc .pi-access-point-uri,
.probe-inspector-fc9cfc .pi-access-point-meta {
  color: #8f9aa4;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.probe-inspector-fc9cfc .pi-empty-inline {
  display: none;
  padding: 13px 0;
  color: #8f9aa4;
  font-size: 12px;
  line-height: 1.5;
}
.probe-inspector-fc9cfc .pi-placeholder {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  color: #8f9aa4;
  text-align: center;
}
.probe-inspector-fc9cfc .pi-placeholder-title {
  color: #d7dbdf;
  font-size: 15px;
  font-weight: 600;
}
.probe-inspector-fc9cfc .pi-placeholder-text {
  max-width: 420px;
  font-size: 12px;
  line-height: 1.55;
}
.probe-inspector-fc9cfc .pi-card-value:empty,
.probe-inspector-fc9cfc .pi-section-summary:empty,
.probe-inspector-fc9cfc .pi-subtitle:empty,
.probe-inspector-fc9cfc .pi-access-point-meta:empty,
.probe-inspector-fc9cfc .pi-access-point-uri:empty {
  display: none;
}
@media (max-width: 700px) {
  .probe-inspector-fc9cfc .pi-header {
    flex-direction: column;
  }
  .probe-inspector-fc9cfc .pi-actions {
    justify-content: flex-start;
  }
  .probe-inspector-fc9cfc .pi-content {
    padding-inline: 14px;
  }
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/omni/probePanel.html.R.js */
.probe-panel-d058b1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 420px;
  overflow: hidden;
  background: #1C1C1B;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: none;
  border-radius: 0;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.probe-panel-d058b1 .panel-header,
.probe-panel-d058b1 .panel-title,
.probe-panel-d058b1 .header-actions,
.probe-panel-d058b1 .status-bar,
.probe-panel-d058b1 .probe-item {
  display: flex;
  align-items: center;
}
.probe-panel-d058b1 .panel-header {
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.probe-panel-d058b1 .panel-title {
  gap: 8px;
  color: #F1F0EE;
  font-size: 13px;
  font-weight: 600;
}
.probe-panel-d058b1 .probe-icon,
.probe-panel-d058b1 .status-value {
  color: #7BD88F;
}
.probe-panel-d058b1 .header-actions {
  gap: 4px;
}
.probe-panel-d058b1 .action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  color: #A7A39C;
  cursor: pointer;
}
.probe-panel-d058b1 .action-button:hover {
  background: #252523;
  color: #FFFFFF;
}
.probe-panel-d058b1 .panel-content {
  flex: 1;
  overflow-y: auto;
  padding: 6px 0 8px;
}
.probe-panel-d058b1 .status-bar {
  gap: 4px;
  margin-bottom: 2px;
  padding: 4px 16px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #A7A39C;
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
}
.probe-panel-d058b1 .status-label {
  color: #A7A39C;
}
.probe-panel-d058b1 .probe-item {
  gap: 10px;
  padding: 11px 16px;
  cursor: pointer;
}
.probe-panel-d058b1 .probe-item:hover {
  background: #252523;
}
.probe-panel-d058b1 .probe-status-indicator {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.24);
}
.probe-panel-d058b1 .connected .probe-status-indicator {
  background: #7BD88F;
}
.probe-panel-d058b1 .available .probe-status-indicator {
  background: #e4bc70;
}
.probe-panel-d058b1 .connecting .probe-status-indicator,
.probe-panel-d058b1 .reconnecting .probe-status-indicator {
  background: #8ab4e6;
}
.probe-panel-d058b1 .waiting .probe-status-indicator {
  background: #e49e62;
}
.probe-panel-d058b1 .probe-info {
  flex: 1;
  min-width: 0;
}
.probe-panel-d058b1 .probe-name {
  color: #F1F0EE;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  word-break: break-word;
}
.probe-panel-d058b1 .probe-meta {
  margin-top: 3px;
  color: #A7A39C;
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
  word-break: break-word;
}
.probe-panel-d058b1 .probe-meta:empty {
  display: none;
}
.probe-panel-d058b1 .empty-state {
  padding: 32px 20px;
  text-align: center;
}
.probe-panel-d058b1 .empty-icon {
  margin-bottom: 12px;
  color: #A7A39C;
}
.probe-panel-d058b1 .empty-text {
  margin-bottom: 4px;
  color: #F1F0EE;
  font-size: 13px;
}
.probe-panel-d058b1 .empty-hint {
  color: #A7A39C;
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/omni/probePanel.theme/business/probePanel.html.R.js */
.probe-panel-4c6119 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 420px;
  overflow: hidden;
  background: #FCFCFB;
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-top: none;
  border-radius: 0;
  box-shadow: 0 14px 34px rgba(17, 17, 17, 0.14);
  color: #272522;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.probe-panel-4c6119 .panel-header,
.probe-panel-4c6119 .panel-title,
.probe-panel-4c6119 .header-actions,
.probe-panel-4c6119 .status-bar,
.probe-panel-4c6119 .probe-item {
  display: flex;
  align-items: center;
}
.probe-panel-4c6119 .panel-header {
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}
.probe-panel-4c6119 .panel-title {
  gap: 8px;
  color: #111;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.01em;
}
.probe-panel-4c6119 .probe-icon,
.probe-panel-4c6119 .status-value {
  color: #067647;
}
.probe-panel-4c6119 .header-actions {
  gap: 4px;
}
.probe-panel-4c6119 .action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  color: #6B6761;
  cursor: pointer;
}
.probe-panel-4c6119 .action-button:hover {
  background: #F4F3F1;
  color: #111;
}
.probe-panel-4c6119 .action-button:focus-visible,
.probe-panel-4c6119 .probe-item:focus-visible {
  outline: 2px solid #111;
  outline-offset: -2px;
}
.probe-panel-4c6119 .panel-content {
  flex: 1;
  overflow-y: auto;
  padding: 6px 0 8px;
}
.probe-panel-4c6119 .status-bar {
  gap: 4px;
  margin-bottom: 2px;
  padding: 4px 16px 8px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
  color: #6B6761;
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
}
.probe-panel-4c6119 .status-label {
  color: #6B6761;
}
.probe-panel-4c6119 .status-total,
.probe-panel-4c6119 .status-divider {
  color: #8a857e;
}
.probe-panel-4c6119 .probe-item {
  gap: 10px;
  padding: 11px 16px;
  cursor: pointer;
}
.probe-panel-4c6119 .probe-item:hover {
  background: #F4F3F1;
}
.probe-panel-4c6119 .probe-status-indicator {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b4b0aa;
}
.probe-panel-4c6119 .connected .probe-status-indicator {
  background: #067647;
}
.probe-panel-4c6119 .available .probe-status-indicator {
  background: #b58126;
}
.probe-panel-4c6119 .connecting .probe-status-indicator,
.probe-panel-4c6119 .reconnecting .probe-status-indicator {
  background: #476b93;
}
.probe-panel-4c6119 .waiting .probe-status-indicator {
  background: #b85d23;
}
.probe-panel-4c6119 .probe-info {
  flex: 1;
  min-width: 0;
}
.probe-panel-4c6119 .probe-name {
  color: #272522;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.35;
  word-break: break-word;
}
.probe-panel-4c6119 .probe-meta {
  margin-top: 3px;
  color: #6B6761;
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
  word-break: break-word;
}
.probe-panel-4c6119 .probe-meta:empty {
  display: none;
}
.probe-panel-4c6119 .empty-state {
  padding: 34px 20px;
  text-align: center;
}
.probe-panel-4c6119 .empty-icon {
  margin-bottom: 12px;
  color: #aaa59e;
}
.probe-panel-4c6119 .empty-text {
  margin-bottom: 4px;
  color: #272522;
  font-size: 13px;
}
.probe-panel-4c6119 .empty-hint {
  color: #6B6761;
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/host/execInspector.html.R.js */
.exec-inspector-585e13 {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #111315;
  color: #d8ddd8;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.exec-inspector-585e13 .exec-section {
  margin: 0 0 18px;
}
.exec-inspector-585e13 .exec-label {
  margin-bottom: 7px;
  color: #7d9d87;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.exec-inspector-585e13 .exec-intention {
  color: #f0f4ef;
  font-family: system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}
.exec-inspector-585e13 .exec-code,
.exec-inspector-585e13 .exec-output {
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #2c3330;
  background: #090a0b;
  color: #c9d3cc;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
.exec-inspector-585e13 .exec-output {
  min-height: 100px;
  color: #d8ddd8;
}
.exec-inspector-585e13 .exec-params {
  color: #aebbb2;
}
.exec-inspector-585e13 .exec-footer {
  color: #819087;
  font-size: 11px;
  line-height: 1.45;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/host/execInspector.theme/genesis/execInspector.html.R.js */
.exec-inspector-05171e {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #181A1B;
  color: #D7DBDF;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.exec-inspector-05171e .exec-section {
  margin: 0 0 18px;
}
.exec-inspector-05171e .exec-label {
  margin-bottom: 7px;
  color: #91A69A;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.exec-inspector-05171e .exec-intention {
  color: #F1F3F5;
  font-family: system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}
.exec-inspector-05171e .exec-code,
.exec-inspector-05171e .exec-output {
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #343A40;
  background: #111315;
  color: #C9D1D9;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
.exec-inspector-05171e .exec-output {
  min-height: 100px;
  color: #D7DBDF;
}
.exec-inspector-05171e .exec-params {
  color: #AEB8B1;
}
.exec-inspector-05171e .exec-footer {
  color: #9099A1;
  font-size: 11px;
  line-height: 1.45;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/host/execInspector.theme/business/execInspector.html.R.js */
.exec-inspector-7ec555 {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #FCFCFD;
  color: #1A1D22;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.exec-inspector-7ec555 .exec-section {
  margin: 0 0 18px;
}
.exec-inspector-7ec555 .exec-label {
  margin-bottom: 7px;
  color: #66756B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.exec-inspector-7ec555 .exec-intention {
  color: #111318;
  font-family: system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}
.exec-inspector-7ec555 .exec-code,
.exec-inspector-7ec555 .exec-output {
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #E1E5E9;
  background: #F6F7F8;
  color: #343A40;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
.exec-inspector-7ec555 .exec-output {
  min-height: 100px;
  color: #1A1D22;
  background: #FFFFFF;
}
.exec-inspector-7ec555 .exec-params {
  color: #667078;
}
.exec-inspector-7ec555 .exec-footer {
  color: #7E858D;
  font-size: 11px;
  line-height: 1.45;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/internet/internetInspector.html.R.js */
.internet-inspector-bd8a6a {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #111315;
  color: #d8ddd8;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.internet-inspector-bd8a6a .internet-section {
  margin: 0 0 18px;
}
.internet-inspector-bd8a6a .internet-label {
  margin-bottom: 7px;
  color: #7d9d87;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.internet-inspector-bd8a6a .internet-request {
  color: #f0f4ef;
  font-family: system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}
.internet-inspector-bd8a6a .internet-meta,
.internet-inspector-bd8a6a .internet-footer {
  margin-top: 7px;
  color: #819087;
  font-size: 11px;
  line-height: 1.45;
}
.internet-inspector-bd8a6a .internet-results {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #2c3330;
  background: #090a0b;
  color: #d8ddd8;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/internet/internetInspector.theme/genesis/internetInspector.html.R.js */
.internet-inspector-298c4a {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #181A1B;
  color: #D7DBDF;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.internet-inspector-298c4a .internet-section {
  margin: 0 0 18px;
}
.internet-inspector-298c4a .internet-label {
  margin-bottom: 7px;
  color: #91A69A;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.internet-inspector-298c4a .internet-request {
  color: #F1F3F5;
  font-family: system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}
.internet-inspector-298c4a .internet-meta,
.internet-inspector-298c4a .internet-footer {
  margin-top: 7px;
  color: #9099A1;
  font-size: 11px;
  line-height: 1.45;
}
.internet-inspector-298c4a .internet-results {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #343A40;
  background: #111315;
  color: #D7DBDF;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/internet/internetInspector.theme/business/internetInspector.html.R.js */
.internet-inspector-7d2139 {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #FCFCFD;
  color: #1A1D22;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.internet-inspector-7d2139 .internet-section {
  margin: 0 0 18px;
}
.internet-inspector-7d2139 .internet-label {
  margin-bottom: 7px;
  color: #66756B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.internet-inspector-7d2139 .internet-request {
  color: #111318;
  font-family: system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}
.internet-inspector-7d2139 .internet-meta,
.internet-inspector-7d2139 .internet-footer {
  margin-top: 7px;
  color: #7E858D;
  font-size: 11px;
  line-height: 1.45;
}
.internet-inspector-7d2139 .internet-results {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #E1E5E9;
  background: #FFFFFF;
  color: #1A1D22;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/lint/lintInspector.html.R.js */
.lint-inspector-ba5cc8 {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #111315;
  color: #d8ddd8;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.lint-inspector-ba5cc8 .lint-section {
  margin: 0 0 18px;
}
.lint-inspector-ba5cc8 .lint-label {
  margin-bottom: 7px;
  color: #7d9d87;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.lint-inspector-ba5cc8 .lint-target {
  color: #f0f4ef;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.lint-inspector-ba5cc8 .lint-summary,
.lint-inspector-ba5cc8 .lint-footer {
  margin: 7px 0;
  color: #819087;
  font-size: 11px;
  line-height: 1.45;
}
.lint-inspector-ba5cc8 .lint-results {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #2c3330;
  background: #090a0b;
  color: #d8ddd8;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/lint/lintInspector.theme/genesis/lintInspector.html.R.js */
.lint-inspector-08e244 {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #181A1B;
  color: #D7DBDF;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.lint-inspector-08e244 .lint-section {
  margin: 0 0 18px;
}
.lint-inspector-08e244 .lint-label {
  margin-bottom: 7px;
  color: #91A69A;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.lint-inspector-08e244 .lint-target {
  color: #F1F3F5;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.lint-inspector-08e244 .lint-summary,
.lint-inspector-08e244 .lint-footer {
  margin: 7px 0;
  color: #9099A1;
  font-size: 11px;
  line-height: 1.45;
}
.lint-inspector-08e244 .lint-results {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #343A40;
  background: #111315;
  color: #D7DBDF;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/lint/lintInspector.theme/business/lintInspector.html.R.js */
.lint-inspector-72451b {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #FCFCFD;
  color: #1A1D22;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.lint-inspector-72451b .lint-section {
  margin: 0 0 18px;
}
.lint-inspector-72451b .lint-label {
  margin-bottom: 7px;
  color: #66756B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.lint-inspector-72451b .lint-target {
  color: #111318;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.lint-inspector-72451b .lint-summary,
.lint-inspector-72451b .lint-footer {
  margin: 7px 0;
  color: #7E858D;
  font-size: 11px;
  line-height: 1.45;
}
.lint-inspector-72451b .lint-results {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #E1E5E9;
  background: #FFFFFF;
  color: #1A1D22;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/editInspector.html.R.js */
.edit-inspector-e18a1e.pmio-edit-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #111315;
  color: #d8ddd8;
  font-family: "JetBrains Mono", monospace;
}
.edit-inspector-e18a1e .pmio-edit-section {
  margin: 0 0 18px;
}
.edit-inspector-e18a1e .pmio-edit-label {
  margin-bottom: 7px;
  color: #7d9d87;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.edit-inspector-e18a1e .pmio-edit-target {
  color: #f0f4ef;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.edit-inspector-e18a1e .pmio-edit-summary,
.edit-inspector-e18a1e .pmio-edit-footer {
  margin-top: 7px;
  color: #819087;
  font-size: 11px;
  line-height: 1.45;
}
.edit-inspector-e18a1e .pmio-edit-content,
.edit-inspector-e18a1e .pmio-edit-result {
  min-height: 100px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #2c3330;
  background: #090a0b;
  color: #d8ddd8;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/editInspector.theme/genesis/editInspector.html.R.js */
.edit-inspector-7130d2.pmio-edit-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #181A1B;
  color: #D7DBDF;
  font-family: "JetBrains Mono", monospace;
}
.edit-inspector-7130d2 .pmio-edit-section {
  margin: 0 0 18px;
}
.edit-inspector-7130d2 .pmio-edit-label {
  margin-bottom: 7px;
  color: #91A69A;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.edit-inspector-7130d2 .pmio-edit-target {
  color: #F1F3F5;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.edit-inspector-7130d2 .pmio-edit-summary,
.edit-inspector-7130d2 .pmio-edit-footer {
  margin-top: 7px;
  color: #9099A1;
  font-size: 11px;
  line-height: 1.45;
}
.edit-inspector-7130d2 .pmio-edit-content,
.edit-inspector-7130d2 .pmio-edit-result {
  min-height: 100px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #343A40;
  background: #111315;
  color: #D7DBDF;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/editInspector.theme/business/editInspector.html.R.js */
.edit-inspector-f28d58.pmio-edit-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #FCFCFD;
  color: #1A1D22;
  font-family: "JetBrains Mono", monospace;
}
.edit-inspector-f28d58 .pmio-edit-section {
  margin: 0 0 18px;
}
.edit-inspector-f28d58 .pmio-edit-label {
  margin-bottom: 7px;
  color: #66756B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.edit-inspector-f28d58 .pmio-edit-target {
  color: #111318;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.edit-inspector-f28d58 .pmio-edit-summary,
.edit-inspector-f28d58 .pmio-edit-footer {
  margin-top: 7px;
  color: #7E858D;
  font-size: 11px;
  line-height: 1.45;
}
.edit-inspector-f28d58 .pmio-edit-content,
.edit-inspector-f28d58 .pmio-edit-result {
  min-height: 100px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #E1E5E9;
  background: #FFFFFF;
  color: #1A1D22;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/grepInspector.html.R.js */
.grep-inspector-021132.pmio-grep-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #111315;
  color: #d8ddd8;
  font-family: "JetBrains Mono", monospace;
}
.grep-inspector-021132 .pmio-grep-section {
  margin: 0 0 18px;
}
.grep-inspector-021132 .pmio-grep-label {
  margin-bottom: 7px;
  color: #7d9d87;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.grep-inspector-021132 .pmio-grep-target,
.grep-inspector-021132 .pmio-grep-query {
  color: #f0f4ef;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.grep-inspector-021132 .pmio-grep-query {
  margin-top: 7px;
}
.grep-inspector-021132 .pmio-grep-summary,
.grep-inspector-021132 .pmio-grep-footer {
  margin-top: 7px;
  color: #819087;
  font-size: 11px;
  line-height: 1.45;
}
.grep-inspector-021132 .pmio-grep-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #2c3330;
  background: #090a0b;
  color: #d8ddd8;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/grepInspector.theme/genesis/grepInspector.html.R.js */
.grep-inspector-3c7428.pmio-grep-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #181A1B;
  color: #D7DBDF;
  font-family: "JetBrains Mono", monospace;
}
.grep-inspector-3c7428 .pmio-grep-section {
  margin: 0 0 18px;
}
.grep-inspector-3c7428 .pmio-grep-label {
  margin-bottom: 7px;
  color: #91A69A;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.grep-inspector-3c7428 .pmio-grep-target,
.grep-inspector-3c7428 .pmio-grep-query {
  color: #F1F3F5;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.grep-inspector-3c7428 .pmio-grep-query {
  margin-top: 7px;
}
.grep-inspector-3c7428 .pmio-grep-summary,
.grep-inspector-3c7428 .pmio-grep-footer {
  margin-top: 7px;
  color: #9099A1;
  font-size: 11px;
  line-height: 1.45;
}
.grep-inspector-3c7428 .pmio-grep-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #343A40;
  background: #111315;
  color: #D7DBDF;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/grepInspector.theme/business/grepInspector.html.R.js */
.grep-inspector-fdce7e.pmio-grep-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #FCFCFD;
  color: #1A1D22;
  font-family: "JetBrains Mono", monospace;
}
.grep-inspector-fdce7e .pmio-grep-section {
  margin: 0 0 18px;
}
.grep-inspector-fdce7e .pmio-grep-label {
  margin-bottom: 7px;
  color: #66756B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.grep-inspector-fdce7e .pmio-grep-target,
.grep-inspector-fdce7e .pmio-grep-query {
  color: #111318;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.grep-inspector-fdce7e .pmio-grep-query {
  margin-top: 7px;
}
.grep-inspector-fdce7e .pmio-grep-summary,
.grep-inspector-fdce7e .pmio-grep-footer {
  margin-top: 7px;
  color: #7E858D;
  font-size: 11px;
  line-height: 1.45;
}
.grep-inspector-fdce7e .pmio-grep-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #E1E5E9;
  background: #FFF;
  color: #1A1D22;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/listInspector.html.R.js */
.list-inspector-c86ecd.pmio-list-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #111315;
  color: #d8ddd8;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.list-inspector-c86ecd .pmio-list-section {
  margin: 0 0 18px;
}
.list-inspector-c86ecd .pmio-list-label {
  margin-bottom: 7px;
  color: #7d9d87;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.list-inspector-c86ecd .pmio-list-target {
  color: #f0f4ef;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.list-inspector-c86ecd .pmio-list-summary,
.list-inspector-c86ecd .pmio-list-footer {
  margin-top: 7px;
  color: #819087;
  font-size: 11px;
  line-height: 1.45;
}
.list-inspector-c86ecd .pmio-list-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #2c3330;
  background: #090a0b;
  color: #d8ddd8;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/listInspector.theme/genesis/listInspector.html.R.js */
.list-inspector-5a7ee6.pmio-list-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #181A1B;
  color: #D7DBDF;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.list-inspector-5a7ee6 .pmio-list-section {
  margin: 0 0 18px;
}
.list-inspector-5a7ee6 .pmio-list-label {
  margin-bottom: 7px;
  color: #91A69A;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.list-inspector-5a7ee6 .pmio-list-target {
  color: #F1F3F5;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.list-inspector-5a7ee6 .pmio-list-summary,
.list-inspector-5a7ee6 .pmio-list-footer {
  margin-top: 7px;
  color: #9099A1;
  font-size: 11px;
  line-height: 1.45;
}
.list-inspector-5a7ee6 .pmio-list-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #343A40;
  background: #111315;
  color: #D7DBDF;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/listInspector.theme/business/listInspector.html.R.js */
.list-inspector-7c0c3e.pmio-list-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #FCFCFD;
  color: #1A1D22;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.list-inspector-7c0c3e .pmio-list-section {
  margin: 0 0 18px;
}
.list-inspector-7c0c3e .pmio-list-label {
  margin-bottom: 7px;
  color: #66756B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.list-inspector-7c0c3e .pmio-list-target {
  color: #111318;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.list-inspector-7c0c3e .pmio-list-summary,
.list-inspector-7c0c3e .pmio-list-footer {
  margin-top: 7px;
  color: #7E858D;
  font-size: 11px;
  line-height: 1.45;
}
.list-inspector-7c0c3e .pmio-list-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #E1E5E9;
  background: #FFFFFF;
  color: #1A1D22;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/mutationInspector.html.R.js */
.mutation-inspector-3ac003.pmio-mutation-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #111315;
  color: #d8ddd8;
  font-family: "JetBrains Mono", monospace;
}
.mutation-inspector-3ac003 .pmio-mutation-section {
  margin: 0 0 18px;
}
.mutation-inspector-3ac003 .pmio-mutation-label {
  margin-bottom: 7px;
  color: #7d9d87;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.mutation-inspector-3ac003 .pmio-mutation-target {
  color: #f0f4ef;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.mutation-inspector-3ac003 .pmio-mutation-summary,
.mutation-inspector-3ac003 .pmio-mutation-footer {
  margin-top: 7px;
  color: #819087;
  font-size: 11px;
  line-height: 1.45;
}
.mutation-inspector-3ac003 .pmio-mutation-result {
  min-height: 150px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #2c3330;
  background: #090a0b;
  color: #d8ddd8;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/mutationInspector.theme/genesis/mutationInspector.html.R.js */
.mutation-inspector-e503a0.pmio-mutation-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #181A1B;
  color: #D7DBDF;
  font-family: "JetBrains Mono", monospace;
}
.mutation-inspector-e503a0 .pmio-mutation-section {
  margin: 0 0 18px;
}
.mutation-inspector-e503a0 .pmio-mutation-label {
  margin-bottom: 7px;
  color: #91A69A;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.mutation-inspector-e503a0 .pmio-mutation-target {
  color: #F1F3F5;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.mutation-inspector-e503a0 .pmio-mutation-summary,
.mutation-inspector-e503a0 .pmio-mutation-footer {
  margin-top: 7px;
  color: #9099A1;
  font-size: 11px;
  line-height: 1.45;
}
.mutation-inspector-e503a0 .pmio-mutation-result {
  min-height: 150px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #343A40;
  background: #111315;
  color: #D7DBDF;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/mutationInspector.theme/business/mutationInspector.html.R.js */
.mutation-inspector-28ef01.pmio-mutation-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #FCFCFD;
  color: #1A1D22;
  font-family: "JetBrains Mono", monospace;
}
.mutation-inspector-28ef01 .pmio-mutation-section {
  margin: 0 0 18px;
}
.mutation-inspector-28ef01 .pmio-mutation-label {
  margin-bottom: 7px;
  color: #66756B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.mutation-inspector-28ef01 .pmio-mutation-target {
  color: #111318;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.mutation-inspector-28ef01 .pmio-mutation-summary,
.mutation-inspector-28ef01 .pmio-mutation-footer {
  margin-top: 7px;
  color: #7E858D;
  font-size: 11px;
  line-height: 1.45;
}
.mutation-inspector-28ef01 .pmio-mutation-result {
  min-height: 150px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #E1E5E9;
  background: #FFFFFF;
  color: #1A1D22;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/readInspector.html.R.js */
.read-inspector-6e1e2b.pmio-read-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #111315;
  color: #d8ddd8;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.read-inspector-6e1e2b .pmio-read-section {
  margin: 0 0 18px;
}
.read-inspector-6e1e2b .pmio-read-label {
  margin-bottom: 7px;
  color: #7d9d87;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.read-inspector-6e1e2b .pmio-read-target {
  color: #f0f4ef;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.read-inspector-6e1e2b .pmio-read-summary,
.read-inspector-6e1e2b .pmio-read-footer {
  margin-top: 7px;
  color: #819087;
  font-size: 11px;
  line-height: 1.45;
}
.read-inspector-6e1e2b .pmio-read-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #2c3330;
  background: #090a0b;
  color: #d8ddd8;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/readInspector.theme/genesis/readInspector.html.R.js */
.read-inspector-2081a8.pmio-read-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #181A1B;
  color: #D7DBDF;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.read-inspector-2081a8 .pmio-read-section {
  margin: 0 0 18px;
}
.read-inspector-2081a8 .pmio-read-label {
  margin-bottom: 7px;
  color: #91A69A;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.read-inspector-2081a8 .pmio-read-target {
  color: #F1F3F5;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.read-inspector-2081a8 .pmio-read-summary,
.read-inspector-2081a8 .pmio-read-footer {
  margin-top: 7px;
  color: #9099A1;
  font-size: 11px;
  line-height: 1.45;
}
.read-inspector-2081a8 .pmio-read-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #343A40;
  background: #111315;
  color: #D7DBDF;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/readInspector.theme/business/readInspector.html.R.js */
.read-inspector-98b026.pmio-read-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #FCFCFD;
  color: #1A1D22;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.read-inspector-98b026 .pmio-read-section {
  margin: 0 0 18px;
}
.read-inspector-98b026 .pmio-read-label {
  margin-bottom: 7px;
  color: #66756B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.read-inspector-98b026 .pmio-read-target {
  color: #111318;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.read-inspector-98b026 .pmio-read-summary,
.read-inspector-98b026 .pmio-read-footer {
  margin-top: 7px;
  color: #7E858D;
  font-size: 11px;
  line-height: 1.45;
}
.read-inspector-98b026 .pmio-read-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #E1E5E9;
  background: #FFFFFF;
  color: #1A1D22;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/statInspector.html.R.js */
.stat-inspector-ba25fe.pmio-stat-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #111315;
  color: #d8ddd8;
  font-family: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace;
}
.stat-inspector-ba25fe .pmio-stat-section {
  margin: 0 0 18px;
}
.stat-inspector-ba25fe .pmio-stat-label {
  margin-bottom: 7px;
  color: #7d9d87;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.stat-inspector-ba25fe .pmio-stat-target {
  color: #f0f4ef;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.stat-inspector-ba25fe .pmio-stat-summary,
.stat-inspector-ba25fe .pmio-stat-footer {
  margin-top: 7px;
  color: #819087;
  font-size: 11px;
  line-height: 1.45;
}
.stat-inspector-ba25fe .pmio-stat-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #2c3330;
  background: #090a0b;
  color: #d8ddd8;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/statInspector.theme/genesis/statInspector.html.R.js */
.stat-inspector-f64f6b.pmio-stat-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #181A1B;
  color: #D7DBDF;
  font-family: "JetBrains Mono", monospace;
}
.stat-inspector-f64f6b .pmio-stat-label {
  margin-bottom: 7px;
  color: #91A69A;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.stat-inspector-f64f6b .pmio-stat-target {
  color: #F1F3F5;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.stat-inspector-f64f6b .pmio-stat-summary,
.stat-inspector-f64f6b .pmio-stat-footer {
  margin-top: 7px;
  color: #9099A1;
  font-size: 11px;
  line-height: 1.45;
}
.stat-inspector-f64f6b .pmio-stat-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #343A40;
  background: #111315;
  color: #D7DBDF;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/statInspector.theme/business/statInspector.html.R.js */
.stat-inspector-119c23.pmio-stat-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #FCFCFD;
  color: #1A1D22;
  font-family: "JetBrains Mono", monospace;
}
.stat-inspector-119c23 .pmio-stat-label {
  margin-bottom: 7px;
  color: #66756B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.stat-inspector-119c23 .pmio-stat-target {
  color: #111318;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.stat-inspector-119c23 .pmio-stat-summary,
.stat-inspector-119c23 .pmio-stat-footer {
  margin-top: 7px;
  color: #7E858D;
  font-size: 11px;
  line-height: 1.45;
}
.stat-inspector-119c23 .pmio-stat-content {
  min-height: 180px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #E1E5E9;
  background: #FFFFFF;
  color: #1A1D22;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/writeInspector.html.R.js */
.write-inspector-3fa5ae.pmio-write-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #111315;
  color: #d8ddd8;
  font-family: "JetBrains Mono", monospace;
}
.write-inspector-3fa5ae .pmio-write-section {
  margin: 0 0 18px;
}
.write-inspector-3fa5ae .pmio-write-label {
  margin-bottom: 7px;
  color: #7d9d87;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.write-inspector-3fa5ae .pmio-write-target {
  color: #f0f4ef;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.write-inspector-3fa5ae .pmio-write-summary,
.write-inspector-3fa5ae .pmio-write-footer {
  margin-top: 7px;
  color: #819087;
  font-size: 11px;
  line-height: 1.45;
}
.write-inspector-3fa5ae .pmio-write-content,
.write-inspector-3fa5ae .pmio-write-result {
  min-height: 100px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #2c3330;
  background: #090a0b;
  color: #d8ddd8;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/writeInspector.theme/genesis/writeInspector.html.R.js */
.write-inspector-69f7ea.pmio-write-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #181A1B;
  color: #D7DBDF;
  font-family: "JetBrains Mono", monospace;
}
.write-inspector-69f7ea .pmio-write-section {
  margin: 0 0 18px;
}
.write-inspector-69f7ea .pmio-write-label {
  margin-bottom: 7px;
  color: #91A69A;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.write-inspector-69f7ea .pmio-write-target {
  color: #F1F3F5;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.write-inspector-69f7ea .pmio-write-summary,
.write-inspector-69f7ea .pmio-write-footer {
  margin-top: 7px;
  color: #9099A1;
  font-size: 11px;
  line-height: 1.45;
}
.write-inspector-69f7ea .pmio-write-content,
.write-inspector-69f7ea .pmio-write-result {
  min-height: 100px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #343A40;
  background: #111315;
  color: #D7DBDF;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/@branch-ts/biome-ai-web/src/shellwareUI/pmio/writeInspector.theme/business/writeInspector.html.R.js */
.write-inspector-ecc58c.pmio-write-inspector {
  display: block;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #FCFCFD;
  color: #1A1D22;
  font-family: "JetBrains Mono", monospace;
}
.write-inspector-ecc58c .pmio-write-section {
  margin: 0 0 18px;
}
.write-inspector-ecc58c .pmio-write-label {
  margin-bottom: 7px;
  color: #66756B;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.write-inspector-ecc58c .pmio-write-target {
  color: #111318;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-all;
}
.write-inspector-ecc58c .pmio-write-summary,
.write-inspector-ecc58c .pmio-write-footer {
  margin-top: 7px;
  color: #7E858D;
  font-size: 11px;
  line-height: 1.45;
}
.write-inspector-ecc58c .pmio-write-content,
.write-inspector-ecc58c .pmio-write-result {
  min-height: 100px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid #E1E5E9;
  background: #FFFFFF;
  color: #1A1D22;
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/view/notFound.html.R.js */
.not-found-664335 {
  display: block;
  width: 100%;
  height: 100%;
  background: #111315;
  color: #eef1f4;
}
.not-found-664335 .not-found {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 48px 24px;
  text-align: center;
}
.not-found-664335 .not-found-code {
  color: #b7c2cc;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 72px;
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: 1;
}
.not-found-664335 .not-found-eyebrow {
  margin-top: 20px;
  color: #94a1ad;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.not-found-664335 h1 {
  margin: 10px 0 0;
  color: #f5f7f8;
  font-size: 24px;
  font-weight: 600;
}
.not-found-664335 .not-found-message {
  max-width: 420px;
  margin: 10px 0 0;
  color: #a8b2bc;
  font-size: 14px;
  line-height: 1.55;
}
.not-found-664335 .not-found-uri {
  box-sizing: border-box;
  width: min(100%, 580px);
  margin-top: 28px;
  padding: 12px 14px;
  overflow-wrap: anywhere;
  border: 1px solid #343a40;
  background: #1b1f23;
  color: #d5dbe0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  text-align: left;
}
.not-found-664335 .not-found-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.not-found-664335 button {
  border-radius: 3px;
  padding: 9px 13px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.not-found-664335 .not-found-primary {
  border: 1px solid #d4dbe1;
  background: #e8edf1;
  color: #1a1e22;
}
.not-found-664335 .not-found-secondary {
  border: 1px solid #4b535b;
  background: transparent;
  color: #d5dbe0;
}
.not-found-664335 button:hover {
  filter: brightness(1.08);
}
.not-found-664335 button:focus-visible {
  outline: 2px solid #9aabb9;
  outline-offset: 2px;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/view/notFound.theme/business/notFound.html.R.js */
.not-found-a3201d {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f8f9fa;
  background-image: radial-gradient(#d4d9de 0.7px, transparent 0.7px);
  background-size: 12px 12px;
  color: #202428;
}
.not-found-a3201d .not-found {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 48px 24px;
  text-align: center;
}
.not-found-a3201d .not-found-code {
  color: #303840;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 72px;
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: 1;
}
.not-found-a3201d .not-found-eyebrow {
  margin-top: 20px;
  color: #69737d;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.not-found-a3201d h1 {
  margin: 10px 0 0;
  color: #202428;
  font-size: 24px;
  font-weight: 600;
}
.not-found-a3201d .not-found-message {
  max-width: 420px;
  margin: 10px 0 0;
  color: #56616b;
  font-size: 14px;
  line-height: 1.55;
}
.not-found-a3201d .not-found-uri {
  box-sizing: border-box;
  width: min(100%, 580px);
  margin-top: 28px;
  padding: 12px 14px;
  overflow-wrap: anywhere;
  border: 1px solid #d4dae0;
  background: #fff;
  color: #38424b;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  text-align: left;
}
.not-found-a3201d .not-found-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.not-found-a3201d button {
  border-radius: 3px;
  padding: 9px 13px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.not-found-a3201d .not-found-primary {
  border: 1px solid #303840;
  background: #303840;
  color: #fff;
}
.not-found-a3201d .not-found-secondary {
  border: 1px solid #c5cdd5;
  background: #fff;
  color: #303840;
}
.not-found-a3201d button:hover {
  filter: brightness(0.96);
}
.not-found-a3201d button:focus-visible {
  outline: 2px solid #8d9ba8;
  outline-offset: 2px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/scopedContentEditor.html.R.js */
.cas-sc-theme .ca-viewport {
  max-width: 1080px;
  margin: 0px auto;
  height: 100%;
  overflow: visible;
  line-height: 1.6em;
  font-size: 16px;
  font-family: 'Open Sans', "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", SimSun, Song, sans-serif;
}
.cas-sc-theme .ca-viewport .ca-mime-markdown {
  padding: 32px 80px;
}
.cas-sc-theme .ca-viewport code {
  display: inline-block;
  background: #444;
  padding: 12px 32px;
  border-radius: 4px;
}
.cas-sc-theme .ca-viewport p {
  line-height: 1.6em;
  white-space: pre-wrap;
}
.cas-sc-theme .ca-viewport h1 {
  display: block;
  text-align: center;
  margin: 32px auto;
  margin-right: 80px;
  font-size: 48px;
  line-height: 56px;
}
.cas-sc-theme .ca-viewport h2 {
  font-size: 32px;
  line-height: 42px;
  position: relative;
  left: -32px;
}
.cas-sc-theme .ca-viewport .ca-selection {
  background: #00c5fa94;
  backdrop-filter: brightness(1.6);
}
.cas-sc-theme .ca-viewport img {
  max-width: 640px;
  max-height: 640px;
  object-fit: contain;
}
.cas-sc-theme .ca-viewport .ca-list-item {
  margin: 4px 0;
}
.cas-sc-theme .ca-viewport .ca-list-item img {
  max-height: 28px;
  object-fit: contain;
}
.scoped-content-editor-35250d.container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.scoped-content-editor-35250d [data-id=saveIndicator] {
  color: red;
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  font-size: 24px;
  z-index: 1;
}
.scoped-content-editor-35250d.saved [data-id=saveIndicator] {
  display: none;
}
.scoped-content-editor-35250d [stage="error:yes"] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scoped-content-editor-35250d .not-found-message {
  font-size: 16px;
  opacity: 0.7;
  text-align: center;
}
.scoped-content-editor-35250d [data-id=viewportContainer] {
  width: 100%;
  overflow: hidden;
  height: 100%;
  background: #181A1B;
  color: #e2e3e1;
}
.scoped-content-editor-35250d [data-id=viewportContainer] [data-spell="mediaLink"] {
  font-size: 0;
}
.scoped-content-editor-35250d [data-id=viewportContainer] [data-spell="mediaLink"]::after {
  content: "[media]";
  font-size: 16px;
  background: green;
  color: white;
  border-radius: 4px;
  text-decoration: null;
}
.scoped-content-editor-35250d [data-id=viewportContainer] [data-spell="mediaLink"].ca-cursor-inside,
.scoped-content-editor-35250d [data-id=viewportContainer] [data-spell="mediaLink"].ca-cursor-nearby {
  font-size: 16px;
}
.scoped-content-editor-35250d [data-id=viewportContainer] [data-spell="mediaLink"].ca-cursor-inside::after,
.scoped-content-editor-35250d [data-id=viewportContainer] [data-spell="mediaLink"].ca-cursor-nearby::after {
  display: none;
}
.scoped-content-editor-35250d [data-id=viewportContainer] [data-spell="tag"] {
  color: white;
  background: #00c5fa94;
  display: inline-block;
  padding: 0 2px;
  border-radius: 2px;
  border: 1px solid #66ffbc30;
}
.scoped-content-editor-35250d [data-id=viewportContainer] > .ca-viewport .ca-mime-markdown {
  padding-bottom: 420px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/bundleContentDisplayer.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/contentGrid.html.R.js */
.content-grid-833b88 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content-grid-833b88 [data-id="scrollable"] {
  height: 100%;
  width: 100%;
}
.content-grid-833b88 .drain-hint {
  display: none;
  text-align: center;
  padding: 80px;
  opacity: 0.8;
}
.content-grid-833b88.drain .drain-hint {
  display: block;
}
.content-grid-833b88 [data-list=contentGridList] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  padding-top: 32px;
}
.content-grid-list-item-0c585d {
  flex-direction: column;
  background: #181A1B;
  border: 1px solid #111;
  padding: 12px 32px;
  border-radius: 4px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  height: 240px;
  width: 240px;
  display: flex;
  align-items: flex-start;
  justify-content: start;
  float: left;
  overflow: visible;
  position: relative;
}
.content-grid-list-item-0c585d [data-id=thumbnailContainer] {
  display: none;
}
.content-grid-list-item-0c585d [data-id=category] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ccc;
  padding: 0px 4px;
  font-size: 11px;
  border-radius: 0 0 0 4px;
}
.content-grid-list-item-0c585d [data-id=title] {
  display: none;
  margin: 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: #e2e3e1;
  font-size: 12px;
}
.content-grid-list-item-0c585d.has-title [data-id=title] {
  display: block;
}
.content-grid-list-item-0c585d.has-thumbnail [data-id=thumbnailContainer] {
  display: block;
}
.content-grid-list-item-0c585d [data-id=brief] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  margin: 0;
  margin-top: 12px;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 12px;
  color: #888;
  width: 100%;
}
.content-grid-list-item-0c585d.has-title [data-id=brief] {
  -webkit-line-clamp: 8;
}
.content-grid-list-item-0c585d [data-id="actionArea"] {
  position: absolute;
  pointer-events: none;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.2s;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.content-grid-list-item-0c585d [data-id="actionArea"] button {
  width: 60%;
}
.content-grid-list-item-0c585d:hover [data-id="actionArea"] {
  pointer-events: all;
  opacity: 1;
}
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/contentTimeline.html.R.js */
.content-timeline-9d6e65 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content-timeline-9d6e65 [data-id="scrollable"] {
  max-height: 100%;
  width: 100%;
}
.content-timeline-9d6e65 .drain-hint {
  display: none;
  text-align: center;
  padding: 80px;
  opacity: 0.8;
}
.content-timeline-9d6e65.drain .drain-hint {
  display: block;
}
.timeline-list-item-cc70b1 {
  width: 100%;
  border-bottom: 1px solid #444;
  max-height: 1280px;
  overflow: hidden;
  position: relative;
}
.timeline-list-item-cc70b1 [data-id="date"] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px;
  font-size: 12px;
  color: #999;
}
.timeline-list-item-cc70b1 [data-name="markdownView"] .ca-viewport .ca-mime-markdown {
  padding-bottom: 32px;
}
.timeline-list-item-cc70b1:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 90%);
  width: 100%;
  height: 3em;
}
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/markdownRichTextView.html.R.js */
.markdown-rich-text-view-79554f {
  width: 100%;
  height: 100%;
  background: #181A1B;
  color: #e2e3e1;
}
.markdown-rich-text-view-79554f [stage-out] {
  display: none;
}
.markdown-rich-text-view-79554f > .actions {
  position: absolute;
  right: 20px;
  top: 20px;
}
.markdown-rich-text-view-79554f [data-id=actions] {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 9999;
}
.markdown-rich-text-view-79554f .dec-prefix {
  display: none;
}
.markdown-rich-text-view-79554f .error-message {
  color: red;
  padding: 10px;
  background-color: #2a2a2a;
  border: 1px solid #ff0000;
  margin: 10px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/overview.html.R.js */
.overview-ee9d4e {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
.overview-ee9d4e .recent-contents {
  width: 320px;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #333;
  overflow: auto;
}
.recent-content-list-item-f345fb {
  width: 100%;
  height: 120px;
  display: flex;
  flex-direction: column;
  padding: 20px 32px;
  box-sizing: border-box;
  border-bottom: 1px solid #333;
}
.recent-content-list-item-f345fb [data-id=title] {
  margin: 0;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}
.recent-content-list-item-f345fb [data-id=brief] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  margin: 0;
  font-size: 12px;
  color: #666;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/searchView.html.R.js */
.search-view-63bce9.container {
  display: flex;
  gap: 20px;
  height: 100%;
}
.search-view-63bce9 .left-panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
}
.criteria-panel-ea842c {
  box-sizing: border-box;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.criteria-panel-ea842c .new-button {
  margin: 20px 0;
}
.criteria-panel-ea842c .search-criteria {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 32px;
  box-sizing: border-box;
}
.criteria-panel-ea842c .criteria-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.criteria-panel-ea842c .search-results {
  flex: 3;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.content-grid-fcddcc {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content-grid-fcddcc [data-id="scrollable"] {
  height: 100%;
  width: 100%;
}
.content-grid-fcddcc .drain-hint {
  display: none;
  text-align: center;
  padding: 80px;
  opacity: 0.8;
}
.content-grid-fcddcc.drain .drain-hint {
  display: block;
}
.content-grid-list-item-72bed7 {
  flex-direction: column;
  background: #181A1B;
  border: 1px solid #111;
  padding: 12px 32px;
  border-radius: 4px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  height: 240px;
  width: 240px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  float: left;
  margin: 20px;
  overflow: visible;
  position: relative;
}
.content-grid-list-item-72bed7 [data-id=thumbnailContainer] {
  display: none;
}
.content-grid-list-item-72bed7 [data-id=title] {
  display: none;
  margin: 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: #e2e3e1;
}
.content-grid-list-item-72bed7.has-title [data-id=title] {
  display: block;
}
.content-grid-list-item-72bed7.has-thumbnail [data-id=thumbnailContainer] {
  display: block;
}
.content-grid-list-item-72bed7 [data-id=brief] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  margin: 0;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 12px;
  color: #888;
  width: 100%;
}
.content-grid-list-item-72bed7.has-title [data-id=brief] {
  -webkit-line-clamp: 8;
}
.content-grid-list-item-72bed7 [data-id="actionArea"] {
  position: absolute;
  pointer-events: none;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.2s;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.content-grid-list-item-72bed7 [data-id="actionArea"] button {
  width: 60%;
}
.content-grid-list-item-72bed7:hover [data-id="actionArea"] {
  pointer-events: all;
  opacity: 1;
}
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/wizard.html.R.js */
.wizard-56f671 {
  width: 100%;
  height: 100%;
  max-width: 960px;
  max-height: 480px;
  background: #222;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/scopedContentDeck.html.R.js */
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/scopedContentDeck/sidePanel.html.R.js */
.side-panel-caf114 {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 240px;
}
.side-panel-caf114 .meta-section {
  background: #23272aee;
  color: #e2e3e1;
  border-radius: 8px;
  box-shadow: 0 2px 8px #0008;
  padding: 16px 24px;
  min-width: 220px;
  margin-bottom: 16px;
  font-size: 15px;
}
.side-panel-caf114 .meta-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  word-break: break-all;
}
.side-panel-caf114 .meta-category {
  color: #00c5fa;
  cursor: pointer;
  margin-bottom: 8px;
  display: inline-block;
}
.side-panel-caf114 .meta-tags {
  margin-bottom: 8px;
  font-size: 13px;
  color: #66ffbc;
  word-break: break-all;
}
.side-panel-caf114 .meta-created,
.side-panel-caf114 .meta-updated {
  font-size: 12px;
  color: #aaa;
  margin-bottom: 2px;
}
.side-panel-caf114 .meta-copy-uri,
.side-panel-caf114 .meta-copy-link {
  background: #00c5fa;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 8px;
  margin-top: 2px;
  margin-right: 8px;
  transition: background 0.2s;
}
.side-panel-caf114 .meta-copy-uri:disabled,
.side-panel-caf114 .meta-copy-link:disabled {
  background: #555;
  color: #ccc;
  cursor: not-allowed;
}
.side-panel-caf114 .meta-copy-uri:hover:not(:disabled) {
  background: #009ec3;
}
/* /home/wuminghan/workspace/@branch-ts/practice-sc-web/src/token/tokenBrowser.html.R.js */
.token-browser-c7cc8b {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #181A1B;
}
.token-browser-c7cc8b .token-browser-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  background: #222;
  border-bottom: 1px solid #333;
  gap: 16px;
  flex-shrink: 0;
}
.token-browser-c7cc8b .search-section {
  display: flex;
  gap: 8px;
  flex: 1;
  max-width: 400px;
}
.token-browser-c7cc8b .search-section input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #444;
  border-radius: 4px;
  font-size: 14px;
  background: #2a2a2a;
  color: #e2e3e1;
}
.token-browser-c7cc8b .search-section input:focus {
  outline: none;
  border-color: #17a2b8;
  box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.2);
}
.token-browser-c7cc8b .search-section input::placeholder {
  color: #888;
}
.token-browser-c7cc8b .action-section {
  display: flex;
  gap: 8px;
}
.token-browser-c7cc8b button {
  padding: 8px 16px;
  border: 1px solid #444;
  border-radius: 4px;
  background: transparent;
  color: #e2e3e1;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s;
}
.token-browser-c7cc8b button:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #666;
}
.token-browser-c7cc8b .search-button {
  background: #17a2b8;
  color: #fff;
  border-color: #17a2b8;
}
.token-browser-c7cc8b .search-button:hover {
  background: #138496;
  border-color: #138496;
}
.token-browser-c7cc8b .create-button,
.token-browser-c7cc8b .create-first-button {
  background: #ffc107;
  color: #000;
  border-color: #ffc107;
  font-weight: 500;
}
.token-browser-c7cc8b .create-button:hover,
.token-browser-c7cc8b .create-first-button:hover {
  background: #e0a800;
  border-color: #e0a800;
}
.token-browser-c7cc8b .refresh-button {
  background: transparent;
  color: #e2e3e1;
  border-color: #444;
}
.token-browser-c7cc8b .refresh-button:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #666;
}
.token-browser-c7cc8b .token-browser-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.token-browser-c7cc8b .token-list {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  gap: 8px;
  display: block;
  flex-direction: column;
}
.token-browser-c7cc8b .root-token-item {
  display: inline-block;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
  flex-wrap: wrap;
  margin: 6px 12px;
}
.token-browser-c7cc8b .root-token-tag {
  display: inline;
  flex-direction: column;
  align-items: flex-start;
  background: #444;
  color: #ddd;
  border-radius: 4px;
  padding: 6px 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.token-browser-c7cc8b .root-token-tag:hover {
  background: #138496;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.token-browser-c7cc8b .root-token-name {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
}
.token-browser-c7cc8b .root-token-brief {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 2px;
  line-height: 1.3;
  max-width: 200px;
}
.token-browser-c7cc8b .arrow {
  font-size: 16px;
  color: #666;
  font-weight: bold;
  margin: 0 4px;
}
.token-browser-c7cc8b .bracket-open,
.token-browser-c7cc8b .bracket-close {
  font-size: 16px;
  color: #888;
  font-weight: bold;
  margin: 0 2px;
}
.token-browser-c7cc8b .child-tokens-inline {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.token-browser-c7cc8b .child-token-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.token-browser-c7cc8b .child-token-item:not(:last-child)::after {
  content: ",";
  color: #888;
  margin-right: 4px;
  font-size: 14px;
}
.token-browser-c7cc8b .child-token-name {
  background: #333;
  border: 1px solid #444;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 12px;
  color: #e2e3e1;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.token-browser-c7cc8b .child-token-name:hover {
  background: #3a3a3a;
  border-color: #555;
  transform: translateY(-1px);
}
.token-browser-c7cc8b .child-token-item .arrow {
  font-size: 14px;
  color: #666;
  font-weight: bold;
  margin: 0 4px;
}
.token-browser-c7cc8b .child-token-item .bracket-open,
.token-browser-c7cc8b .child-token-item .bracket-close {
  font-size: 14px;
  color: #888;
  margin: 0 2px;
}
.token-browser-c7cc8b .empty-state {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #888;
  background: #1a1a1a;
  margin: 16px;
  border-radius: 8px;
  border: 1px solid #333;
}
.token-browser-c7cc8b .empty-message {
  padding: 32px;
}
.token-browser-c7cc8b .empty-message h3 {
  margin: 0 0 8px 0;
  color: #e2e3e1;
  font-size: 18px;
  font-weight: 500;
}
.token-browser-c7cc8b .empty-message p {
  margin: 0 0 16px 0;
  color: #888;
  font-size: 14px;
}
.token-list-item-6979a0 {
  display: inline-flex;
  margin: 6px 12px;
  align-items: center;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/probeHint/probeHint.html.R.js */
.probe-hint-7c0eef {
  display: block;
}
.probe-hint-7c0eef button {
  display: grid;
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.probe-hint-7c0eef .eyebrow {
  grid-column: 1 / -1;
  color: #8a847c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}
.probe-hint-7c0eef .message {
  color: #272522;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.probe-hint-7c0eef .action {
  align-self: end;
  color: #111;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
  white-space: nowrap;
}
.probe-hint-7c0eef button:hover .action,
.probe-hint-7c0eef button:focus-visible .action {
  text-decoration: underline;
}
.probe-hint-7c0eef button:focus-visible {
  outline: 2px solid #8a847c;
  outline-offset: 4px;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/probeHint/probeHint.theme/genesis/probeHint.html.R.js */
.probe-hint-598f46 {
  display: block;
}
.probe-hint-598f46 button {
  display: grid;
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.probe-hint-598f46 .eyebrow {
  grid-column: 1 / -1;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}
.probe-hint-598f46 .message {
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.probe-hint-598f46 .action {
  align-self: end;
  color: #fff;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
  white-space: nowrap;
}
.probe-hint-598f46 button:hover .action,
.probe-hint-598f46 button:focus-visible .action {
  text-decoration: underline;
}
.probe-hint-598f46 button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.55);
  outline-offset: 4px;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/probeHint/probeHint.theme/business/probeHint.html.R.js */
/* /home/wuminghan/workspace/verset/webapp/src/script/stickyNotification/stickyNotification.html.R.js */
.sticky-notification-259348 {
  position: absolute;
  z-index: 1;
  left: 20px;
  bottom: 20px;
  width: 360px;
  max-width: calc(100vw - 40px);
  pointer-events: none;
}
.sticky-notification-259348 [data-list] {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}
.sticky-notification-259348 .sticky-notification-item {
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(17, 17, 17, 0.1);
  background: #fff;
  box-shadow: 0 10px 26px rgba(17, 17, 17, 0.1);
  pointer-events: auto;
}
.sticky-notification-259348 .content {
  padding: 14px 16px;
}
@media (max-width: 560px) {
  .sticky-notification-259348 {
    left: 12px;
    bottom: 12px;
    max-width: calc(100vw - 24px);
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/stickyNotification/stickyNotification.theme/business/stickyNotification.html.R.js */
.sticky-notification-5ffb41 {
  position: absolute;
  z-index: 1;
  left: 20px;
  bottom: 20px;
  width: 360px;
  max-width: calc(100vw - 40px);
  pointer-events: none;
}
.sticky-notification-5ffb41 [data-list] {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}
.sticky-notification-5ffb41 .sticky-notification-item {
  width: 100%;
  pointer-events: auto;
}
@media (max-width: 560px) {
  .sticky-notification-5ffb41 {
    left: 12px;
    bottom: 12px;
    max-width: calc(100vw - 24px);
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/stickyNotification/stickyNotification.theme/genesis/stickyNotification.html.R.js */
.sticky-notification-982fbc {
  position: absolute;
  z-index: 1;
  left: 20px;
  bottom: 20px;
  width: 360px;
  max-width: calc(100vw - 40px);
  pointer-events: none;
}
.sticky-notification-982fbc [data-list] {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}
.sticky-notification-982fbc .sticky-notification-item {
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #202224;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
  pointer-events: auto;
}
.sticky-notification-982fbc .content {
  padding: 14px 16px;
}
@media (max-width: 560px) {
  .sticky-notification-982fbc {
    left: 12px;
    bottom: 12px;
    max-width: calc(100vw - 24px);
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/subscriptionHint/subscriptionHint.html.R.js */
.subscription-hint-f47316 {
  display: block;
}
.subscription-hint-f47316 div {
  display: grid;
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 18px;
}
.subscription-hint-f47316 .eyebrow {
  grid-column: 1 / -1;
  color: #8a847c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}
.subscription-hint-f47316 .message {
  color: #272522;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.subscription-hint-f47316 .actions {
  align-self: end;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  color: #6f6961;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
}
.subscription-hint-f47316 button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #111;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
.subscription-hint-f47316 button:hover,
.subscription-hint-f47316 button:focus-visible {
  text-decoration: underline;
}
.subscription-hint-f47316 button:focus-visible {
  outline: 2px solid #8a847c;
  outline-offset: 4px;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/subscriptionHint/subscriptionHint.theme/genesis/subscriptionHint.html.R.js */
.subscription-hint-7fe8e0 {
  display: block;
}
.subscription-hint-7fe8e0 div {
  display: grid;
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 18px;
}
.subscription-hint-7fe8e0 .eyebrow {
  grid-column: 1 / -1;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}
.subscription-hint-7fe8e0 .message {
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.subscription-hint-7fe8e0 .actions {
  align-self: end;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
}
.subscription-hint-7fe8e0 button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
.subscription-hint-7fe8e0 button:hover,
.subscription-hint-7fe8e0 button:focus-visible {
  text-decoration: underline;
}
.subscription-hint-7fe8e0 button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.55);
  outline-offset: 4px;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/subscriptionHint/subscriptionHint.theme/business/subscriptionHint.html.R.js */
/* /home/wuminghan/workspace/verset/webapp/src/script/market/checkoutFailure/checkoutFailure.html.R.js */
.checkout-failure-4a9817 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #181A1B;
  color: #e2e3e1;
  overflow-y: auto;
  width: 100%;
}
.checkout-failure-4a9817 .failure-container {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
}
.checkout-failure-4a9817 .failure-content {
  max-width: 600px;
  width: 100%;
  background: #222;
  border: 2px solid #dc3545;
  border-radius: 16px;
  padding: 48px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.checkout-failure-4a9817 .failure-icon {
  color: #dc3545;
  margin-bottom: 24px;
  animation: failureShake 0.6s ease-out;
}
@keyframes failureShake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.checkout-failure-4a9817 .failure-icon svg {
  filter: drop-shadow(0 4px 12px rgba(220, 53, 69, 0.3));
}
.checkout-failure-4a9817 .failure-title {
  margin: 0 0 16px 0;
  font-size: 36px;
  font-weight: 700;
  color: #dc3545;
}
.checkout-failure-4a9817 .failure-message {
  margin: 0 0 32px 0;
  font-size: 18px;
  color: #888;
  line-height: 1.6;
}
.checkout-failure-4a9817 .failure-details {
  width: 100%;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 32px;
}
.checkout-failure-4a9817 .detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
}
.checkout-failure-4a9817 .detail-row:not(:last-child) {
  border-bottom: 1px solid #333;
}
.checkout-failure-4a9817 .detail-label {
  font-size: 14px;
  color: #888;
  font-weight: 500;
}
.checkout-failure-4a9817 .detail-value {
  font-size: 16px;
  color: #e2e3e1;
  font-weight: 600;
}
.checkout-failure-4a9817 .common-issues {
  width: 100%;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 32px;
  text-align: left;
}
.checkout-failure-4a9817 .issues-title {
  margin: 0 0 16px 0;
  font-size: 18px;
  font-weight: 600;
  color: #e2e3e1;
}
.checkout-failure-4a9817 .issues-list {
  margin: 0;
  padding-left: 24px;
  list-style: disc;
}
.checkout-failure-4a9817 .issues-list li {
  font-size: 14px;
  color: #888;
  line-height: 1.8;
  margin-bottom: 8px;
}
.checkout-failure-4a9817 .issues-list li:last-child {
  margin-bottom: 0;
}
.checkout-failure-4a9817 .action-buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.checkout-failure-4a9817 .primary-action-btn {
  width: 100%;
  padding: 16px 32px;
  background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
  color: #000;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.checkout-failure-4a9817 .primary-action-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255, 193, 7, 0.3);
}
.checkout-failure-4a9817 .primary-action-btn:active {
  transform: translateY(0);
}
.checkout-failure-4a9817 .secondary-action-btn {
  width: 100%;
  padding: 16px 32px;
  background: transparent;
  color: #dc3545;
  border: 1px solid #dc3545;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.checkout-failure-4a9817 .secondary-action-btn:hover {
  background: #dc3545;
  color: #fff;
}
.checkout-failure-4a9817 .tertiary-action-btn {
  width: 100%;
  padding: 16px 32px;
  background: transparent;
  color: #888;
  border: 1px solid #444;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.checkout-failure-4a9817 .tertiary-action-btn:hover {
  color: #e2e3e1;
  border-color: #888;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/market/checkoutFailure/checkoutFailure.theme/business/checkoutFailure.html.R.js */
.checkout-failure-d84e8c {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #fcfcfb;
  color: #272522;
}
.checkout-failure-d84e8c .failure-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
}
.checkout-failure-d84e8c .failure-content {
  width: 100%;
  max-width: 560px;
  padding: 32px;
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  text-align: left;
}
.checkout-failure-d84e8c .failure-icon {
  display: flex;
  margin-bottom: 22px;
  color: #b64b42;
}
.checkout-failure-d84e8c .eyebrow {
  margin-bottom: 8px;
  color: #8a847c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.checkout-failure-d84e8c .failure-title {
  margin: 0;
  color: #111;
  font-size: 24px;
  font-weight: 650;
  letter-spacing: -0.025em;
}
.checkout-failure-d84e8c .failure-message {
  max-width: 480px;
  margin: 10px 0 28px;
  color: #6b6761;
  font-size: 14px;
  line-height: 1.6;
}
.checkout-failure-d84e8c .failure-details {
  border-top: 1px solid rgba(17, 17, 17, 0.08);
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}
.checkout-failure-d84e8c .detail-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 0;
}
.checkout-failure-d84e8c .detail-label {
  color: #6b6761;
  font-size: 12px;
}
.checkout-failure-d84e8c .detail-value {
  color: #272522;
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}
.checkout-failure-d84e8c .action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.checkout-failure-d84e8c .primary-action-btn,
.checkout-failure-d84e8c .tertiary-action-btn {
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 4px;
  padding: 8px 11px;
  background: #fff;
  color: #272522;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.checkout-failure-d84e8c .primary-action-btn {
  border-color: #111;
  background: #111;
  color: #fff;
}
.checkout-failure-d84e8c .primary-action-btn:hover {
  border-color: #272522;
  background: #272522;
}
.checkout-failure-d84e8c .tertiary-action-btn:hover {
  border-color: rgba(17, 17, 17, 0.2);
  background: #f4f3f1;
  color: #111;
}
.checkout-failure-d84e8c .primary-action-btn:focus-visible,
.checkout-failure-d84e8c .tertiary-action-btn:focus-visible {
  outline: 2px solid #8a847c;
  outline-offset: 2px;
}
@media (max-width: 600px) {
  .checkout-failure-d84e8c .failure-container {
    align-items: flex-start;
    padding: 20px 16px;
  }
  .checkout-failure-d84e8c .failure-content {
    padding: 24px 20px;
  }
  .checkout-failure-d84e8c .detail-row {
    flex-direction: column;
    gap: 5px;
  }
  .checkout-failure-d84e8c .detail-value {
    text-align: left;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/market/checkoutFailure/checkoutFailure.theme/genesis/checkoutFailure.html.R.js */
.checkout-failure-1493c1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #181a1b;
  color: #d7dbdf;
}
.checkout-failure-1493c1 .failure-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
}
.checkout-failure-1493c1 .failure-content {
  width: 100%;
  max-width: 560px;
  padding: 32px;
  background: #202224;
  border: 1px solid #353b41;
  text-align: left;
}
.checkout-failure-1493c1 .failure-icon {
  display: flex;
  margin-bottom: 22px;
  color: #cf6b63;
}
.checkout-failure-1493c1 .eyebrow {
  margin-bottom: 8px;
  color: #8f9aa4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.checkout-failure-1493c1 .failure-title {
  margin: 0;
  color: #f1f3f5;
  font-size: 24px;
  font-weight: 650;
  letter-spacing: -0.025em;
}
.checkout-failure-1493c1 .failure-message {
  max-width: 480px;
  margin: 10px 0 28px;
  color: #aeb6be;
  font-size: 14px;
  line-height: 1.6;
}
.checkout-failure-1493c1 .failure-details {
  border-top: 1px solid #353b41;
  border-bottom: 1px solid #353b41;
}
.checkout-failure-1493c1 .detail-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 0;
}
.checkout-failure-1493c1 .detail-label {
  color: #8f9aa4;
  font-size: 12px;
}
.checkout-failure-1493c1 .detail-value {
  color: #d7dbdf;
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}
.checkout-failure-1493c1 .action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.checkout-failure-1493c1 .primary-action-btn,
.checkout-failure-1493c1 .tertiary-action-btn {
  border: 1px solid #4b535b;
  border-radius: 4px;
  padding: 8px 11px;
  background: #202224;
  color: #d7dbdf;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.checkout-failure-1493c1 .primary-action-btn {
  border-color: #f1f3f5;
  background: #f1f3f5;
  color: #181a1b;
}
.checkout-failure-1493c1 .primary-action-btn:hover {
  border-color: #d7dbdf;
  background: #d7dbdf;
}
.checkout-failure-1493c1 .tertiary-action-btn:hover {
  border-color: #66717b;
  background: #282b2d;
  color: #f1f3f5;
}
.checkout-failure-1493c1 .primary-action-btn:focus-visible,
.checkout-failure-1493c1 .tertiary-action-btn:focus-visible {
  outline: 2px solid #9aabb9;
  outline-offset: 2px;
}
@media (max-width: 600px) {
  .checkout-failure-1493c1 .failure-container {
    align-items: flex-start;
    padding: 20px 16px;
  }
  .checkout-failure-1493c1 .failure-content {
    padding: 24px 20px;
  }
  .checkout-failure-1493c1 .detail-row {
    flex-direction: column;
    gap: 5px;
  }
  .checkout-failure-1493c1 .detail-value {
    text-align: left;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/market/checkoutSuccess/checkoutSuccess.html.R.js */
.checkout-success-84f428 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #181A1B;
  color: #e2e3e1;
  overflow-y: auto;
  width: 100%;
}
.checkout-success-84f428 .success-container {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
}
.checkout-success-84f428 .success-content {
  max-width: 600px;
  width: 100%;
  background: #222;
  border: 2px solid #28a745;
  border-radius: 16px;
  padding: 48px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.checkout-success-84f428 .success-icon {
  color: #28a745;
  margin-bottom: 24px;
  animation: successBounce 0.6s ease-out;
}
@keyframes successBounce {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.checkout-success-84f428 .success-icon svg {
  filter: drop-shadow(0 4px 12px rgba(40, 167, 69, 0.3));
}
.checkout-success-84f428 .success-title {
  margin: 0 0 16px 0;
  font-size: 36px;
  font-weight: 700;
  color: #28a745;
}
.checkout-success-84f428 .success-message {
  margin: 0 0 32px 0;
  font-size: 18px;
  color: #888;
  line-height: 1.6;
}
.checkout-success-84f428 .success-details {
  width: 100%;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 32px;
}
.checkout-success-84f428 .detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
}
.checkout-success-84f428 .detail-row:not(:last-child) {
  border-bottom: 1px solid #333;
}
.checkout-success-84f428 .detail-label {
  font-size: 14px;
  color: #888;
  font-weight: 500;
}
.checkout-success-84f428 .detail-value {
  font-size: 16px;
  color: #e2e3e1;
  font-weight: 600;
}
.checkout-success-84f428 .action-buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.checkout-success-84f428 .primary-action-btn {
  width: 100%;
  padding: 16px 32px;
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.checkout-success-84f428 .primary-action-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(40, 167, 69, 0.3);
}
.checkout-success-84f428 .primary-action-btn:active {
  transform: translateY(0);
}
.checkout-success-84f428 .secondary-action-btn {
  width: 100%;
  padding: 16px 32px;
  background: transparent;
  color: #888;
  border: 1px solid #444;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.checkout-success-84f428 .secondary-action-btn:hover {
  color: #e2e3e1;
  border-color: #888;
}
.checkout-success-84f428 .success-note {
  padding-top: 24px;
  border-top: 1px solid #333;
  width: 100%;
}
.checkout-success-84f428 .success-note p {
  margin: 0;
  font-size: 13px;
  color: #666;
  line-height: 1.6;
}
/* /home/wuminghan/workspace/verset/webapp/src/script/market/checkoutSuccess/checkoutSuccess.theme/business/checkoutSuccess.html.R.js */
.checkout-success-f632e5 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #fcfcfb;
  color: #272522;
}
.checkout-success-f632e5 .success-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
}
.checkout-success-f632e5 .success-content {
  width: 100%;
  max-width: 560px;
  padding: 32px;
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  text-align: left;
}
.checkout-success-f632e5 .success-icon {
  display: flex;
  margin-bottom: 22px;
  color: #3d8055;
}
.checkout-success-f632e5 .eyebrow {
  margin-bottom: 8px;
  color: #8a847c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.checkout-success-f632e5 .success-title {
  margin: 0;
  color: #111;
  font-size: 24px;
  font-weight: 650;
  letter-spacing: -0.025em;
}
.checkout-success-f632e5 .success-message {
  max-width: 480px;
  margin: 10px 0 28px;
  color: #6b6761;
  font-size: 14px;
  line-height: 1.6;
}
.checkout-success-f632e5 .success-details {
  border-top: 1px solid rgba(17, 17, 17, 0.08);
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}
.checkout-success-f632e5 .detail-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 0;
}
.checkout-success-f632e5 .detail-row + .detail-row {
  border-top: 1px solid rgba(17, 17, 17, 0.045);
}
.checkout-success-f632e5 .detail-label {
  color: #6b6761;
  font-size: 12px;
}
.checkout-success-f632e5 .detail-value {
  color: #272522;
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}
.checkout-success-f632e5 .action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.checkout-success-f632e5 .primary-action-btn,
.checkout-success-f632e5 .secondary-action-btn {
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 4px;
  padding: 8px 11px;
  background: #fff;
  color: #272522;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.checkout-success-f632e5 .primary-action-btn {
  border-color: #111;
  background: #111;
  color: #fff;
}
.checkout-success-f632e5 .primary-action-btn:hover {
  border-color: #272522;
  background: #272522;
}
.checkout-success-f632e5 .secondary-action-btn:hover {
  border-color: rgba(17, 17, 17, 0.2);
  background: #f4f3f1;
  color: #111;
}
.checkout-success-f632e5 .primary-action-btn:focus-visible,
.checkout-success-f632e5 .secondary-action-btn:focus-visible {
  outline: 2px solid #8a847c;
  outline-offset: 2px;
}
.checkout-success-f632e5 .success-note {
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid rgba(17, 17, 17, 0.06);
}
.checkout-success-f632e5 .success-note p {
  margin: 0;
  color: #8a847c;
  font-size: 11px;
  line-height: 1.55;
}
@media (max-width: 600px) {
  .checkout-success-f632e5 .success-container {
    align-items: flex-start;
    padding: 20px 16px;
  }
  .checkout-success-f632e5 .success-content {
    padding: 24px 20px;
  }
  .checkout-success-f632e5 .detail-row {
    flex-direction: column;
    gap: 5px;
  }
  .checkout-success-f632e5 .detail-value {
    text-align: left;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/market/checkoutSuccess/checkoutSuccess.theme/genesis/checkoutSuccess.html.R.js */
.checkout-success-ccd252 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #181a1b;
  color: #d7dbdf;
}
.checkout-success-ccd252 .success-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 48px 32px;
}
.checkout-success-ccd252 .success-content {
  width: 100%;
  max-width: 560px;
  padding: 32px;
  background: #202224;
  border: 1px solid #353b41;
  text-align: left;
}
.checkout-success-ccd252 .success-icon {
  display: flex;
  margin-bottom: 22px;
  color: #6fa781;
}
.checkout-success-ccd252 .eyebrow {
  margin-bottom: 8px;
  color: #8f9aa4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.checkout-success-ccd252 .success-title {
  margin: 0;
  color: #f1f3f5;
  font-size: 24px;
  font-weight: 650;
  letter-spacing: -0.025em;
}
.checkout-success-ccd252 .success-message {
  max-width: 480px;
  margin: 10px 0 28px;
  color: #aeb6be;
  font-size: 14px;
  line-height: 1.6;
}
.checkout-success-ccd252 .success-details {
  border-top: 1px solid #353b41;
  border-bottom: 1px solid #353b41;
}
.checkout-success-ccd252 .detail-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 0;
}
.checkout-success-ccd252 .detail-row + .detail-row {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.checkout-success-ccd252 .detail-label {
  color: #8f9aa4;
  font-size: 12px;
}
.checkout-success-ccd252 .detail-value {
  color: #d7dbdf;
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}
.checkout-success-ccd252 .action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.checkout-success-ccd252 .primary-action-btn,
.checkout-success-ccd252 .secondary-action-btn {
  border: 1px solid #4b535b;
  border-radius: 4px;
  padding: 8px 11px;
  background: #202224;
  color: #d7dbdf;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.checkout-success-ccd252 .primary-action-btn {
  border-color: #f1f3f5;
  background: #f1f3f5;
  color: #181a1b;
}
.checkout-success-ccd252 .primary-action-btn:hover {
  border-color: #d7dbdf;
  background: #d7dbdf;
}
.checkout-success-ccd252 .secondary-action-btn:hover {
  border-color: #66717b;
  background: #282b2d;
  color: #f1f3f5;
}
.checkout-success-ccd252 .primary-action-btn:focus-visible,
.checkout-success-ccd252 .secondary-action-btn:focus-visible {
  outline: 2px solid #9aabb9;
  outline-offset: 2px;
}
.checkout-success-ccd252 .success-note {
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid #353b41;
}
.checkout-success-ccd252 .success-note p {
  margin: 0;
  color: #8f9aa4;
  font-size: 11px;
  line-height: 1.55;
}
@media (max-width: 600px) {
  .checkout-success-ccd252 .success-container {
    align-items: flex-start;
    padding: 20px 16px;
  }
  .checkout-success-ccd252 .success-content {
    padding: 24px 20px;
  }
  .checkout-success-ccd252 .detail-row {
    flex-direction: column;
    gap: 5px;
  }
  .checkout-success-ccd252 .detail-value {
    text-align: left;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/userBillingHistory/userBillingHistory.html.R.js */
.user-billing-history-8c66df {
  display: flex;
  width: 100%;
  height: 100%;
  background: #181A1B;
  color: #e2e3e1;
}
.user-billing-history-8c66df .user-billing-history-container {
  display: flex;
  width: 100%;
  height: 100%;
}
.user-billing-history-8c66df .right-panel {
  flex: 1;
  overflow: auto;
  background: #181A1B;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.user-billing-history-8c66df .billing-summary-card,
.user-billing-history-8c66df .empty-card,
.user-billing-history-8c66df .history-card {
  background: #222;
  border: 1px solid #333;
  border-radius: 10px;
  padding: 20px;
}
.user-billing-history-8c66df .summary-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}
.user-billing-history-8c66df .summary-header h2 {
  margin: 0;
  font-size: 22px;
  color: #fff;
}
.user-billing-history-8c66df .history-caption,
.user-billing-history-8c66df .empty-subtitle {
  margin-top: 6px;
  font-size: 13px;
  color: #888;
}
.user-billing-history-8c66df .summary-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.user-billing-history-8c66df .summary-button {
  border: none;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.user-billing-history-8c66df .summary-button.primary {
  background: #28a745;
  color: #fff;
}
.user-billing-history-8c66df .summary-button.secondary {
  background: #333;
  color: #e2e3e1;
  border: 1px solid #444;
}
.user-billing-history-8c66df .empty-title,
.user-billing-history-8c66df .history-title {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.user-billing-history-8c66df .history-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 16px;
}
.user-billing-history-8c66df .history-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.user-billing-history-8c66df .history-item {
  background: #181A1B;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 14px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.user-billing-history-8c66df .history-content,
.user-billing-history-8c66df .history-payment {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.user-billing-history-8c66df .history-payment {
  align-items: flex-end;
  flex-shrink: 0;
}
.user-billing-history-8c66df .history-kind {
  color: #ffc107;
  font-weight: 600;
  text-transform: capitalize;
  word-break: break-word;
}
.user-billing-history-8c66df .history-amount {
  color: #e2e3e1;
  font-weight: 600;
  text-align: right;
}
.user-billing-history-8c66df .history-created-at,
.user-billing-history-8c66df .history-note,
.user-billing-history-8c66df .history-tax {
  color: #888;
  font-size: 13px;
  word-break: break-word;
}
.user-billing-history-8c66df .history-tax {
  text-align: right;
}
@media (max-width: 900px) {
  .user-billing-history-8c66df .summary-header,
  .user-billing-history-8c66df .history-item {
    flex-direction: column;
  }
  .user-billing-history-8c66df .summary-actions {
    justify-content: flex-start;
  }
  .user-billing-history-8c66df .history-payment,
  .user-billing-history-8c66df .history-amount,
  .user-billing-history-8c66df .history-tax {
    align-items: flex-start;
    text-align: left;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/userBillingHistory/userBillingHistory.theme/business/userBillingHistory.html.R.js */
.user-billing-history-997422 {
  display: flex;
  width: 100%;
  height: 100%;
  background: #fcfcfb;
  color: #272522;
}
.user-billing-history-997422 .user-billing-history-container {
  display: flex;
  width: 100%;
  height: 100%;
}
.user-billing-history-997422 .right-panel {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 28px;
  overflow: auto;
  padding: 32px;
}
.user-billing-history-997422 .billing-summary-card,
.user-billing-history-997422 .empty-card,
.user-billing-history-997422 .history-card {
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.06);
}
.user-billing-history-997422 .summary-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 24px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.06);
}
.user-billing-history-997422 .summary-header h2,
.user-billing-history-997422 .empty-title,
.user-billing-history-997422 .history-title {
  margin: 0;
  color: #111;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
}
.user-billing-history-997422 .history-caption,
.user-billing-history-997422 .empty-subtitle {
  margin-top: 5px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.user-billing-history-997422 .summary-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.user-billing-history-997422 .summary-button {
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 4px;
  padding: 7px 10px;
  background: #fff;
  color: #272522;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.user-billing-history-997422 .summary-button.primary {
  border-color: #111;
  background: #111;
  color: #fff;
}
.user-billing-history-997422 .summary-button:hover {
  border-color: rgba(17, 17, 17, 0.18);
  background: #f7f7f5;
  color: #111;
}
.user-billing-history-997422 .summary-button.primary:hover {
  border-color: #272522;
  background: #272522;
  color: #fff;
}
.user-billing-history-997422 .summary-button:focus-visible {
  outline: 2px solid #8a847c;
  outline-offset: 2px;
}
.user-billing-history-997422 .empty-card {
  padding: 22px 24px;
}
.user-billing-history-997422 .history-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.06);
}
.user-billing-history-997422 .history-caption {
  margin-top: 0;
}
.user-billing-history-997422 .history-list {
  display: flex;
  flex-direction: column;
}
.user-billing-history-997422 .history-item {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 24px 17px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.035);
  transition: background-color 160ms ease;
}
.user-billing-history-997422 .history-item:last-child {
  border-bottom: none;
}
.user-billing-history-997422 .history-item:hover {
  background: #f7f7f5;
}
.user-billing-history-997422 .history-content,
.user-billing-history-997422 .history-payment {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.user-billing-history-997422 .history-payment {
  align-items: flex-end;
  flex-shrink: 0;
}
.user-billing-history-997422 .history-kind,
.user-billing-history-997422 .history-amount {
  color: #272522;
  font-size: 14px;
  font-weight: 650;
  word-break: break-word;
}
.user-billing-history-997422 .history-kind {
  text-transform: capitalize;
}
.user-billing-history-997422 .history-amount,
.user-billing-history-997422 .history-tax {
  text-align: right;
}
.user-billing-history-997422 .history-created-at,
.user-billing-history-997422 .history-note,
.user-billing-history-997422 .history-tax {
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
  word-break: break-word;
}
@media (max-width: 900px) {
  .user-billing-history-997422 .right-panel {
    gap: 20px;
    padding: 20px 16px;
  }
  .user-billing-history-997422 .summary-header,
  .user-billing-history-997422 .history-item {
    flex-direction: column;
  }
  .user-billing-history-997422 .summary-header,
  .user-billing-history-997422 .history-header,
  .user-billing-history-997422 .empty-card,
  .user-billing-history-997422 .history-item {
    padding-right: 20px;
    padding-left: 20px;
  }
  .user-billing-history-997422 .summary-actions {
    justify-content: flex-start;
  }
  .user-billing-history-997422 .history-payment,
  .user-billing-history-997422 .history-amount,
  .user-billing-history-997422 .history-tax {
    align-items: flex-start;
    text-align: left;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/userBillingHistory/userBillingHistory.theme/genesis/userBillingHistory.html.R.js */
.user-billing-history-4ddaf1 {
  display: flex;
  width: 100%;
  height: 100%;
  background: #181a1b;
  color: #d7dbdf;
}
.user-billing-history-4ddaf1 .user-billing-history-container {
  display: flex;
  width: 100%;
  height: 100%;
}
.user-billing-history-4ddaf1 .right-panel {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 28px;
  overflow: auto;
  padding: 32px;
}
.user-billing-history-4ddaf1 .billing-summary-card,
.user-billing-history-4ddaf1 .empty-card,
.user-billing-history-4ddaf1 .history-card {
  background: #202224;
  border: 1px solid #353b41;
}
.user-billing-history-4ddaf1 .summary-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 24px;
  border-bottom: 1px solid #353b41;
}
.user-billing-history-4ddaf1 .summary-header h2,
.user-billing-history-4ddaf1 .empty-title,
.user-billing-history-4ddaf1 .history-title {
  margin: 0;
  color: #f1f3f5;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
}
.user-billing-history-4ddaf1 .history-caption,
.user-billing-history-4ddaf1 .empty-subtitle {
  margin-top: 5px;
  color: #8f9aa4;
  font-size: 12px;
  line-height: 1.5;
}
.user-billing-history-4ddaf1 .summary-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.user-billing-history-4ddaf1 .summary-button {
  border: 1px solid #4b535b;
  border-radius: 4px;
  padding: 7px 10px;
  background: #202224;
  color: #d7dbdf;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.user-billing-history-4ddaf1 .summary-button.primary {
  border-color: #f1f3f5;
  background: #f1f3f5;
  color: #181a1b;
  font-weight: 650;
}
.user-billing-history-4ddaf1 .summary-button:hover {
  border-color: #66717b;
  background: #282b2d;
  color: #f1f3f5;
}
.user-billing-history-4ddaf1 .summary-button.primary:hover {
  border-color: #d7dbdf;
  background: #d7dbdf;
  color: #181a1b;
}
.user-billing-history-4ddaf1 .summary-button:focus-visible {
  outline: 2px solid #9aabb9;
  outline-offset: 2px;
}
.user-billing-history-4ddaf1 .empty-card {
  padding: 22px 24px;
}
.user-billing-history-4ddaf1 .history-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  border-bottom: 1px solid #353b41;
}
.user-billing-history-4ddaf1 .history-caption {
  margin-top: 0;
}
.user-billing-history-4ddaf1 .history-list {
  display: flex;
  flex-direction: column;
}
.user-billing-history-4ddaf1 .history-item {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 24px 17px;
  border-bottom: 1px solid #353b41;
  transition: background-color 160ms ease;
}
.user-billing-history-4ddaf1 .history-item:last-child {
  border-bottom: none;
}
.user-billing-history-4ddaf1 .history-item:hover {
  background: #282b2d;
}
.user-billing-history-4ddaf1 .history-content,
.user-billing-history-4ddaf1 .history-payment {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.user-billing-history-4ddaf1 .history-payment {
  align-items: flex-end;
  flex-shrink: 0;
}
.user-billing-history-4ddaf1 .history-kind,
.user-billing-history-4ddaf1 .history-amount {
  color: #d7dbdf;
  font-size: 14px;
  font-weight: 650;
  word-break: break-word;
}
.user-billing-history-4ddaf1 .history-kind {
  text-transform: capitalize;
}
.user-billing-history-4ddaf1 .history-amount,
.user-billing-history-4ddaf1 .history-tax {
  text-align: right;
}
.user-billing-history-4ddaf1 .history-created-at,
.user-billing-history-4ddaf1 .history-note,
.user-billing-history-4ddaf1 .history-tax {
  color: #8f9aa4;
  font-size: 12px;
  line-height: 1.5;
  word-break: break-word;
}
@media (max-width: 900px) {
  .user-billing-history-4ddaf1 .right-panel {
    gap: 20px;
    padding: 20px 16px;
  }
  .user-billing-history-4ddaf1 .summary-header,
  .user-billing-history-4ddaf1 .history-item {
    flex-direction: column;
  }
  .user-billing-history-4ddaf1 .summary-header,
  .user-billing-history-4ddaf1 .history-header,
  .user-billing-history-4ddaf1 .empty-card,
  .user-billing-history-4ddaf1 .history-item {
    padding-right: 20px;
    padding-left: 20px;
  }
  .user-billing-history-4ddaf1 .summary-actions {
    justify-content: flex-start;
  }
  .user-billing-history-4ddaf1 .history-payment,
  .user-billing-history-4ddaf1 .history-amount,
  .user-billing-history-4ddaf1 .history-tax {
    align-items: flex-start;
    text-align: left;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/userProfile/userProfile.html.R.js */
.user-profile-8b7714 {
  display: flex;
  width: 100%;
  height: 100%;
  background: #181A1B;
  color: #e2e3e1;
}
.user-profile-8b7714 .user-profile-container {
  display: flex;
  width: 100%;
  height: 100%;
}
.user-profile-8b7714 .right-panel {
  flex: 1;
  overflow: auto;
  background: #181A1B;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.user-profile-8b7714 .profile-summary-card {
  background: #222;
  border: 1px solid #333;
  border-radius: 10px;
  padding: 20px;
}
.user-profile-8b7714 .summary-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}
.user-profile-8b7714 .summary-header h2 {
  margin: 0;
  font-size: 22px;
  color: #fff;
}
.user-profile-8b7714 .summary-subtitle {
  margin-top: 6px;
  font-size: 13px;
  color: #888;
}
.user-profile-8b7714 .summary-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.user-profile-8b7714 .summary-button {
  border: 1px solid #444;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  background: #333;
  color: #e2e3e1;
}
.user-profile-8b7714 .summary-button.secondary {
  background: #333;
  color: #e2e3e1;
}
.user-profile-8b7714 .summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.user-profile-8b7714 .summary-item {
  min-width: 0;
  background: #181A1B;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 12px 14px;
}
.user-profile-8b7714 .summary-label {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 6px;
}
.user-profile-8b7714 .summary-value {
  font-size: 14px;
  color: #e2e3e1;
  line-height: 1.4;
  word-break: break-word;
}
.user-profile-8b7714 .credit-value-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.user-profile-8b7714 .add-credit {
  flex: none;
  border: 1px solid #ffc107;
  border-radius: 6px;
  padding: 6px 9px;
  background: transparent;
  color: #ffc107;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.user-profile-8b7714 .summary-value.mono {
  font-family: monospace;
  font-size: 12px;
}
.user-profile-8b7714 .summary-value.accent {
  color: #ffc107;
  font-weight: 600;
}
@media (max-width: 900px) {
  .user-profile-8b7714 .summary-actions {
    justify-content: flex-start;
  }
  .user-profile-8b7714 .summary-grid {
    grid-template-columns: 1fr;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/userProfile/userProfile.theme/business/userProfile.html.R.js */
.user-profile-a01595 {
  display: flex;
  width: 100%;
  height: 100%;
  background: #fcfcfb;
  color: #272522;
}
.user-profile-a01595 .user-profile-container {
  display: flex;
  width: 100%;
  height: 100%;
}
.user-profile-a01595 .right-panel {
  flex: 1;
  overflow: auto;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.user-profile-a01595 .profile-summary-card {
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.06);
}
.user-profile-a01595 .summary-header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
  padding: 22px 24px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.06);
}
.user-profile-a01595 .summary-header h2 {
  margin: 0;
  color: #111;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
}
.user-profile-a01595 .summary-subtitle {
  margin-top: 5px;
  color: #6b6761;
  font-size: 12px;
  line-height: 1.5;
}
.user-profile-a01595 .summary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.user-profile-a01595 .summary-button {
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 4px;
  padding: 7px 10px;
  background: #fff;
  color: #272522;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.user-profile-a01595 .summary-button:hover {
  border-color: rgba(17, 17, 17, 0.18);
  background: #f7f7f5;
  color: #111;
}
.user-profile-a01595 .summary-button:focus-visible {
  outline: 2px solid #8a847c;
  outline-offset: 2px;
}
.user-profile-a01595 .summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.user-profile-a01595 .summary-item {
  min-width: 0;
  padding: 16px 24px 17px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.035);
}
.user-profile-a01595 .summary-item:nth-child(odd) {
  border-right: 1px solid rgba(17, 17, 17, 0.035);
}
.user-profile-a01595 .summary-item:nth-last-child(-n + 2) {
  border-bottom: none;
}
.user-profile-a01595 .summary-label {
  margin-bottom: 5px;
  color: #8a847c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.user-profile-a01595 .summary-value {
  color: #272522;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
}
.user-profile-a01595 .summary-value.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}
.user-profile-a01595 .credit-value-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.user-profile-a01595 .add-credit {
  flex: none;
  border: 1px solid #111;
  border-radius: 4px;
  padding: 6px 9px;
  background: #111;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.user-profile-a01595 .add-credit:hover {
  border-color: #272522;
  background: #272522;
}
.user-profile-a01595 .summary-value.accent {
  color: #111;
  font-weight: 650;
}
@media (max-width: 900px) {
  .user-profile-a01595 .right-panel {
    padding: 20px 16px;
    gap: 20px;
  }
  .user-profile-a01595 .summary-header {
    flex-direction: column;
    padding: 20px;
  }
  .user-profile-a01595 .summary-grid {
    grid-template-columns: 1fr;
  }
  .user-profile-a01595 .summary-item,
  .user-profile-a01595 .summary-item:nth-child(odd),
  .user-profile-a01595 .summary-item:nth-last-child(-n + 2) {
    padding-right: 20px;
    padding-left: 20px;
    border-right: none;
    border-bottom: 1px solid rgba(17, 17, 17, 0.035);
  }
  .user-profile-a01595 .summary-item:last-child {
    border-bottom: none;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/userProfile/userProfile.theme/genesis/userProfile.html.R.js */
.user-profile-e42750 {
  display: flex;
  width: 100%;
  height: 100%;
  background: #181a1b;
  color: #d7dbdf;
}
.user-profile-e42750 .user-profile-container {
  display: flex;
  width: 100%;
  height: 100%;
}
.user-profile-e42750 .right-panel {
  flex: 1;
  overflow: auto;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.user-profile-e42750 .profile-summary-card {
  background: #202224;
  border: 1px solid #353b41;
}
.user-profile-e42750 .summary-header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
  padding: 22px 24px;
  border-bottom: 1px solid #353b41;
}
.user-profile-e42750 .summary-header h2 {
  margin: 0;
  color: #f1f3f5;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
}
.user-profile-e42750 .summary-subtitle {
  margin-top: 5px;
  color: #8f9aa4;
  font-size: 12px;
  line-height: 1.5;
}
.user-profile-e42750 .summary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.user-profile-e42750 .summary-button {
  border: 1px solid #4b535b;
  border-radius: 4px;
  padding: 7px 10px;
  background: #202224;
  color: #d7dbdf;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.user-profile-e42750 .summary-button:hover {
  border-color: #66717b;
  background: #282b2d;
  color: #f1f3f5;
}
.user-profile-e42750 .summary-button:focus-visible {
  outline: 2px solid #9aabb9;
  outline-offset: 2px;
}
.user-profile-e42750 .summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.user-profile-e42750 .summary-item {
  min-width: 0;
  padding: 16px 24px 17px;
  border-bottom: 1px solid #353b41;
}
.user-profile-e42750 .summary-item:nth-child(odd) {
  border-right: 1px solid #353b41;
}
.user-profile-e42750 .summary-item:nth-last-child(-n + 2) {
  border-bottom: none;
}
.user-profile-e42750 .summary-label {
  margin-bottom: 5px;
  color: #8f9aa4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.user-profile-e42750 .summary-value {
  color: #d7dbdf;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
}
.user-profile-e42750 .summary-value.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}
.user-profile-e42750 .credit-value-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.user-profile-e42750 .add-credit {
  flex: none;
  border: 1px solid #f1f3f5;
  border-radius: 4px;
  padding: 6px 9px;
  background: #f1f3f5;
  color: #181a1b;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.user-profile-e42750 .add-credit:hover {
  border-color: #d7dbdf;
  background: #d7dbdf;
}
.user-profile-e42750 .summary-value.accent {
  color: #f1f3f5;
  font-weight: 650;
}
@media (max-width: 900px) {
  .user-profile-e42750 .right-panel {
    padding: 20px 16px;
    gap: 20px;
  }
  .user-profile-e42750 .summary-header {
    flex-direction: column;
    padding: 20px;
  }
  .user-profile-e42750 .summary-grid {
    grid-template-columns: 1fr;
  }
  .user-profile-e42750 .summary-item,
  .user-profile-e42750 .summary-item:nth-child(odd),
  .user-profile-e42750 .summary-item:nth-last-child(-n + 2) {
    padding-right: 20px;
    padding-left: 20px;
    border-right: none;
    border-bottom: 1px solid #353b41;
  }
  .user-profile-e42750 .summary-item:last-child {
    border-bottom: none;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/userProfile/subscriptionPanel/subscriptionPanel.html.R.js */
.subscription-panel-81ef08 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #181A1B;
  color: #e2e3e1;
}
.subscription-panel-81ef08 .subscription-header {
  padding: 16px 20px;
  background: #222;
  border-bottom: 1px solid #333;
  border-radius: 10px 10px 0 0;
}
.subscription-panel-81ef08 .subscription-header h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
.subscription-panel-81ef08 .subscription-content {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  border: 1px solid #333;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
.subscription-panel-81ef08 .info-section {
  margin-bottom: 20px;
}
.subscription-panel-81ef08 .info-label {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.subscription-panel-81ef08 .info-value {
  font-size: 15px;
  color: #e2e3e1;
  padding: 8px 12px;
  background: #222;
  border-radius: 6px;
  border: 1px solid #333;
}
.subscription-panel-81ef08 .plan-name {
  font-weight: 600;
  color: #ffc107;
}
.subscription-panel-81ef08 .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500;
}
.subscription-panel-81ef08 .status-indicator {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}
.subscription-panel-81ef08 .status-indicator.active {
  background: #28a745;
  box-shadow: 0 0 8px rgba(40, 167, 69, 0.6);
}
.subscription-panel-81ef08 .status-indicator.none {
  background: #6c757d;
  box-shadow: 0 0 8px rgba(108, 117, 125, 0.6);
}
.subscription-panel-81ef08 .status-indicator.checkout {
  background: #17a2b8;
  box-shadow: 0 0 8px rgba(23, 162, 184, 0.6);
}
.subscription-panel-81ef08 .status-indicator.due {
  background: #dc3545;
  box-shadow: 0 0 8px rgba(220, 53, 69, 0.6);
}
.subscription-panel-81ef08 .privilege-card,
.subscription-panel-81ef08 .due-card,
.subscription-panel-81ef08 .plan-details-card {
  background: #222;
  border: 1px solid #333;
  border-radius: 6px;
  padding: 12px;
}
.subscription-panel-81ef08 .privilege-row,
.subscription-panel-81ef08 .due-row,
.subscription-panel-81ef08 .plan-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}
.subscription-panel-81ef08 .plan-detail-row:not(:last-child) {
  border-bottom: 1px solid #333;
}
.subscription-panel-81ef08 .privilege-label,
.subscription-panel-81ef08 .due-label,
.subscription-panel-81ef08 .detail-label {
  font-size: 13px;
  color: #888;
}
.subscription-panel-81ef08 .privilege-value,
.subscription-panel-81ef08 .due-value,
.subscription-panel-81ef08 .detail-value {
  font-size: 13px;
  color: #e2e3e1;
  font-weight: 500;
}
.subscription-panel-81ef08 .action-section {
  margin-top: 20px;
  margin-bottom: 12px;
}
.subscription-panel-81ef08 .action-button {
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-block;
}
.subscription-panel-81ef08 .action-button.primary {
  background: #28a745;
  color: #fff;
}
.subscription-panel-81ef08 .action-button.primary:hover {
  background: #218838;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}
.subscription-panel-81ef08 .action-button.warning {
  background: #dc3545;
  color: #fff;
}
.subscription-panel-81ef08 .action-button.warning:hover {
  background: #c82333;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
}
.subscription-panel-81ef08 .action-button:active {
  transform: translateY(0);
}
/* /home/wuminghan/workspace/verset/webapp/src/script/userProfile/subscriptionPanel/subscriptionPanel.theme/business/subscriptionPanel.html.R.js */
.subscription-panel-966ea2 {
  display: flex;
  flex-direction: column;
  background: #fff;
  color: #272522;
  border: 1px solid rgba(17, 17, 17, 0.06);
}
.subscription-panel-966ea2 .subscription-header {
  padding: 20px 24px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.06);
}
.subscription-panel-966ea2 .subscription-header h2 {
  margin: 0;
  color: #111;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
}
.subscription-panel-966ea2 .subscription-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.subscription-panel-966ea2 .info-section {
  min-width: 0;
  padding: 16px 24px 17px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.035);
}
.subscription-panel-966ea2 .info-section:nth-child(odd) {
  border-right: 1px solid rgba(17, 17, 17, 0.035);
}
.subscription-panel-966ea2 .info-label {
  margin-bottom: 5px;
  color: #8a847c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.subscription-panel-966ea2 .info-value {
  color: #272522;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
}
.subscription-panel-966ea2 .plan-name {
  color: #111;
  font-weight: 650;
}
.subscription-panel-966ea2 .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.subscription-panel-966ea2 .status-indicator {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  background: #8a847c;
}
.subscription-panel-966ea2 .status-indicator.active {
  background: #3d8055;
}
.subscription-panel-966ea2 .status-indicator.checkout {
  background: #6b6761;
}
.subscription-panel-966ea2 .status-indicator.due {
  background: #b64b42;
}
.subscription-panel-966ea2 .privilege-card,
.subscription-panel-966ea2 .due-card,
.subscription-panel-966ea2 .plan-details-card {
  background: transparent;
}
.subscription-panel-966ea2 .privilege-row,
.subscription-panel-966ea2 .due-row,
.subscription-panel-966ea2 .plan-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 5px 0;
}
.subscription-panel-966ea2 .plan-detail-row:not(:last-child) {
  border-bottom: 1px solid rgba(17, 17, 17, 0.035);
}
.subscription-panel-966ea2 .privilege-label,
.subscription-panel-966ea2 .due-label,
.subscription-panel-966ea2 .detail-label {
  color: #6b6761;
  font-size: 12px;
}
.subscription-panel-966ea2 .privilege-value,
.subscription-panel-966ea2 .due-value,
.subscription-panel-966ea2 .detail-value {
  color: #272522;
  font-size: 12px;
  font-weight: 600;
  text-align: right;
}
.subscription-panel-966ea2 .action-section {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.035);
}
.subscription-panel-966ea2 .action-button {
  border: 1px solid #111;
  border-radius: 4px;
  padding: 7px 10px;
  background: #111;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.subscription-panel-966ea2 .action-button:hover {
  background: #272522;
  border-color: #272522;
}
.subscription-panel-966ea2 .action-button.warning {
  background: #a9463f;
  border-color: #a9463f;
}
.subscription-panel-966ea2 .action-button.warning:hover {
  background: #8d3a35;
  border-color: #8d3a35;
}
.subscription-panel-966ea2 .action-button:focus-visible {
  outline: 2px solid #8a847c;
  outline-offset: 2px;
}
@media (max-width: 900px) {
  .subscription-panel-966ea2 .subscription-header {
    padding: 20px;
  }
  .subscription-panel-966ea2 .subscription-content {
    grid-template-columns: 1fr;
  }
  .subscription-panel-966ea2 .info-section,
  .subscription-panel-966ea2 .info-section:nth-child(odd),
  .subscription-panel-966ea2 .action-section {
    padding-right: 20px;
    padding-left: 20px;
  }
  .subscription-panel-966ea2 .info-section:nth-child(odd) {
    border-right: none;
  }
}
/* /home/wuminghan/workspace/verset/webapp/src/script/userProfile/subscriptionPanel/subscriptionPanel.theme/genesis/subscriptionPanel.html.R.js */
.subscription-panel-b6b693 {
  display: flex;
  flex-direction: column;
  background: #202224;
  color: #d7dbdf;
  border: 1px solid #353b41;
}
.subscription-panel-b6b693 .subscription-header {
  padding: 20px 24px;
  border-bottom: 1px solid #353b41;
}
.subscription-panel-b6b693 .subscription-header h2 {
  margin: 0;
  color: #f1f3f5;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
}
.subscription-panel-b6b693 .subscription-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.subscription-panel-b6b693 .info-section {
  min-width: 0;
  padding: 16px 24px 17px;
  border-bottom: 1px solid #353b41;
}
.subscription-panel-b6b693 .info-section:nth-child(odd) {
  border-right: 1px solid #353b41;
}
.subscription-panel-b6b693 .info-label {
  margin-bottom: 5px;
  color: #8f9aa4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.subscription-panel-b6b693 .info-value {
  color: #d7dbdf;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
}
.subscription-panel-b6b693 .plan-name {
  color: #f1f3f5;
  font-weight: 650;
}
.subscription-panel-b6b693 .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.subscription-panel-b6b693 .status-indicator {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  background: #8f9aa4;
}
.subscription-panel-b6b693 .status-indicator.active {
  background: #87a98e;
}
.subscription-panel-b6b693 .status-indicator.checkout {
  background: #9aabb9;
}
.subscription-panel-b6b693 .status-indicator.due {
  background: #c7847c;
}
.subscription-panel-b6b693 .privilege-card,
.subscription-panel-b6b693 .due-card,
.subscription-panel-b6b693 .plan-details-card {
  background: transparent;
}
.subscription-panel-b6b693 .privilege-row,
.subscription-panel-b6b693 .due-row,
.subscription-panel-b6b693 .plan-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 5px 0;
}
.subscription-panel-b6b693 .plan-detail-row:not(:last-child) {
  border-bottom: 1px solid #353b41;
}
.subscription-panel-b6b693 .privilege-label,
.subscription-panel-b6b693 .due-label,
.subscription-panel-b6b693 .detail-label {
  color: #b9c0c7;
  font-size: 12px;
}
.subscription-panel-b6b693 .privilege-value,
.subscription-panel-b6b693 .due-value,
.subscription-panel-b6b693 .detail-value {
  color: #d7dbdf;
  font-size: 12px;
  font-weight: 600;
  text-align: right;
}
.subscription-panel-b6b693 .action-section {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid #353b41;
}
.subscription-panel-b6b693 .action-button {
  border: 1px solid #f1f3f5;
  border-radius: 4px;
  padding: 7px 10px;
  background: #f1f3f5;
  color: #181a1b;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.subscription-panel-b6b693 .action-button:hover {
  background: #d7dbdf;
  border-color: #d7dbdf;
}
.subscription-panel-b6b693 .action-button.warning {
  background: #a9463f;
  border-color: #a9463f;
  color: #fff;
}
.subscription-panel-b6b693 .action-button.warning:hover {
  background: #8d3a35;
  border-color: #8d3a35;
}
.subscription-panel-b6b693 .action-button:focus-visible {
  outline: 2px solid #9aabb9;
  outline-offset: 2px;
}
@media (max-width: 900px) {
  .subscription-panel-b6b693 .subscription-header {
    padding: 20px;
  }
  .subscription-panel-b6b693 .subscription-content {
    grid-template-columns: 1fr;
  }
  .subscription-panel-b6b693 .info-section,
  .subscription-panel-b6b693 .info-section:nth-child(odd),
  .subscription-panel-b6b693 .action-section {
    padding-right: 20px;
    padding-left: 20px;
  }
  .subscription-panel-b6b693 .info-section:nth-child(odd) {
    border-right: none;
  }
}