._rYE6_cE {
  animation: vcndVgTC 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.wooyx2kp {
  transform: translateY(calc(var(--to-digit) * -1em));
  animation: a3Y__uxB var(--digit-duration) cubic-bezier(0.2, 0.8, 0.2, 1)
    both;
  animation-delay: var(--digit-delay);
}

@keyframes a3Y__uxB {
  from {
    transform: translateY(calc(var(--from-digit) * -1em));
  }
  to {
    transform: translateY(calc(var(--to-digit) * -1em));
  }
}

@keyframes vcndVgTC {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  ._rYE6_cE._rYE6_cE {
    opacity: 1;
    transform: none;
    animation: none;
  }

  .wooyx2kp.wooyx2kp {
    animation: none;
  }
}

.hitl-radio-group .ant-radio,
.hitl-checkbox-group .ant-checkbox,
.awaiting-panel-radiogroup .ant-radio {
  display: none;
}

.hitl-radio-group .ant-radio-wrapper > :last-child,
.hitl-checkbox-group .ant-checkbox-wrapper > :last-child,
.awaiting-panel-radiogroup .ant-radio-label {
  flex: 1;
  width: 100%;
}

.hitl-radio-group .ant-radio-wrapper-checked .hitl-selected-badge,
.hitl-checkbox-group .ant-checkbox-wrapper-checked .hitl-selected-badge {
  display: block;
}

.hitl-radio-option.ant-radio-wrapper-checked .hitl-option-index,
.hitl-checkbox-option.ant-checkbox-wrapper-checked .hitl-option-index,
.hitl-plan-option:focus-within .hitl-option-index,
.awaiting-panel-option:focus-within .awaiting-panel-option-index,
.awaiting-panel-radiogroup .ant-radio-wrapper-checked .awaiting-panel-option-index {
  background: var(--text-main);
  color: var(--bg-base);
  border-color: var(--text-main);
}

.hitl-radio-option.ant-radio-wrapper-checked .hitl-option-index .material-icon {
  color: var(--bg-base);
}

.hitl-radio-option.hitl-free-text{
  flex: 1;
  white-space: nowrap;
  input{
    border-radius: 0;
  }
}

.Zd5Wg0b8 {
  font-size: 12px;
  >.ant-collapse-item>.ant-collapse-header {
    padding: 0;
    color: var(--ink-2);
    width: -moz-fit-content;
    width: fit-content;
  }

  >.ant-collapse-item>.ant-collapse-header:hover {
    color: var(--ink-1);
  }

  >.ant-collapse-item>.ant-collapse-header:hover .ant-collapse-expand-icon {
    opacity: 1;
  }

  >.ant-collapse-item.ant-collapse-item-active>.ant-collapse-header .ant-collapse-expand-icon {
    opacity: 1;
  }

  >.ant-collapse-item >.ant-collapse-header .ant-collapse-expand-icon {
    height: 18px;
    opacity: 0;
  }

  >.ant-collapse-item >.ant-collapse-header .ant-collapse-arrow {
    font-size: 10px;
  }

  .ant-collapse-content>.ant-collapse-content-box {
    padding: 0;
  }
}
.RqnULg1z {
  >.ant-collapse-item:last-child>.ant-collapse-header {
    padding: 4px;
    padding-left: 12px;
    align-items: center;
  }

  .ant-collapse-content>.ant-collapse-content-box {
    max-height: 400px;
    overflow: auto;
  }
}

.EMNm_K8I {
  animation: nWXUVMXv 2s linear infinite;
}

@keyframes nWXUVMXv {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .EMNm_K8I.EMNm_K8I {
    background-image: none;
    -webkit-text-fill-color: currentColor;
    animation: none;
  }
}


.zxSxdVFi {
  
  color: var(--text-sub);
  .r9UhLWqU {
    transform-origin: center;
    animation: XMqBfdXm 1s linear infinite;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #49b7f9;
    margin-right: 10px;
  }
}

@keyframes XMqBfdXm {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --tw-color-white: #fff;
  --tw-spacing: 0.25rem;
  --tw-text-xs: 0.75rem;
  --tw-text-xs--line-height: calc(1 / 0.75);
  --tw-text-sm: 0.875rem;
  --tw-text-sm--line-height: calc(1.25 / 0.875);
  --tw-text-base: 1rem;
  --tw-text-base--line-height: calc(1.5 / 1);
  --tw-text-lg: 1.125rem;
  --tw-text-lg--line-height: calc(1.75 / 1.125);
  --tw-text-xl: 1.25rem;
  --tw-text-xl--line-height: calc(1.75 / 1.25);
  --tw-font-weight-normal: 400;
  --tw-font-weight-medium: 500;
  --tw-font-weight-semibold: 600;
  --tw-font-weight-bold: 700;
  --tw-font-weight-extrabold: 800;
  --tw-tracking-normal: 0em;
  --tw-leading-normal: 1.5;
  --tw-radius-md: 0.375rem;
  --tw-radius-lg: 0.5rem;
  --tw-radius-xl: 0.75rem;
  --tw-radius-2xl: 1rem;
  --tw-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --tw-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-default-transition-duration: 150ms;
  --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
:root {
  --bg-base: #ffffff;
  --bg-elev-1: #f8f8f8;
  --bg-elev-2: #fafafa;
  --bg-input: #f7f8fa;
  --bg-hover: rgba(0, 0, 0, 0.04);
  --ink-1: #1d2129;
  --ink-2: #4e5969;
  --ink-muted: #86909c;
  --line-soft: #e5e6eb;
  --line-strong: #c9cdd4;
  --accent-electric: #2663eb;
  --accent-electric-strong: #1d4ed8;
  --accent-lime: #00b42a;
  --accent-warn: #ff7d00;
  --accent-danger: #f53f3f;
  --accent-soft: #e8f0ff;
  --glass: rgba(255, 255, 255, 0.9);
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-medium: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-strong: 0 16px 40px rgba(0, 0, 0, 0.16);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --tool-pill-scale: 0.86;
  --colorFill: rgba(0, 0, 0, 0.15);
  --colorFillSecondary: rgba(0, 0, 0, 0.06);
  --left-sidebar-close-width: 57px;
  --left-sidebar-width: 300px;
  --right-sidebar-width: 450px;
  --top-nav-height: 42px;
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --bg-page: var(--bg-base);
  --bg-card: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    --bg-card: color-mix(in srgb, var(--bg-elev-2) 100%, transparent);
  }
  --text-main: var(--ink-1);
  --text-sub: var(--ink-2);
  --text-muted: var(--ink-muted);
  --border: var(--line-soft);
  --line: var(--line-strong);
  --accent: var(--accent-electric);
  --accent-strong: var(--accent-electric-strong);
  --danger: var(--accent-danger);
  --ok: var(--accent-lime);
  --warn: var(--accent-warn);
}
html[data-theme="dark"] {
  --bg-base: #181818;
  --bg-elev-1: #242424;
  --bg-elev-2: #202020;
  --bg-input: #111214;
  --bg-hover: rgba(255, 255, 255, 0.1);
  --ink-1: #f2f3f5;
  --ink-2: #c9cdd4;
  --ink-muted: #86909c;
  --line-soft: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);
  --accent-electric: #4f88ff;
  --accent-electric-strong: #75a5ff;
  --accent-lime: #27c346;
  --accent-warn: #ff9a2e;
  --accent-danger: #f76560;
  --accent-soft: rgba(79, 136, 255, 0.16);
  --glass: rgba(22, 23, 25, 0.88);
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.24);
  --shadow-medium: 0 8px 24px rgba(0, 0, 0, 0.32);
  --shadow-strong: 0 16px 40px rgba(0, 0, 0, 0.4);
}
* {
  box-sizing: border-box;
}
html, body {
  margin: 0;
  min-height: 100%;
  background: var(--bg-base);
}
body {
  font-family: var(--font-sans);
  color: var(--ink-1);
  overflow-x: hidden;
}
html[data-theme="dark"] {
  color-scheme: dark;
}
button, input, select, textarea {
  font: inherit;
  color: inherit;
}
.material-icon {
  width: 1em;
  height: 1em;
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: currentColor;
  vertical-align: -0.125em;
}
.material-icon-svg {
  width: 1em;
  height: 1em;
  display: block;
  fill: currentColor;
  overflow: hidden;
}
.ui-icon-hover-24 {
  --ui-icon-hover-icon-size: 16px;
  --ui-icon-hover-bg-size: 24px;
  --ui-icon-hover-bg-radius: 8px;
}
.ui-icon-hover-20 {
  --ui-icon-hover-icon-size: 14px;
  --ui-icon-hover-bg-size: 20px;
  --ui-icon-hover-bg-radius: 7px;
}
:is(.ui-icon-hover-24, .ui-icon-hover-20).ui-btn.is-icon-only .material-icon, :is(.ui-icon-hover-24, .ui-icon-hover-20).ant-btn-icon-only .material-icon, :is(.ui-icon-hover-24, .ui-icon-hover-20) :is(.ui-icon-hover-24-target, .ui-icon-hover-20-target), .material-icon:is(.ui-icon-hover-24-target, .ui-icon-hover-20-target) {
  position: relative;
  width: var(--ui-icon-hover-icon-size);
  height: var(--ui-icon-hover-icon-size);
  overflow: visible;
  isolation: isolate;
  font-size: var(--ui-icon-hover-icon-size);
}
:is(.ui-icon-hover-24, .ui-icon-hover-20).ui-btn.is-icon-only .material-icon::before, :is(.ui-icon-hover-24, .ui-icon-hover-20).ant-btn-icon-only .material-icon::before, :is(.ui-icon-hover-24, .ui-icon-hover-20) :is(.ui-icon-hover-24-target, .ui-icon-hover-20-target)::before, .material-icon:is(.ui-icon-hover-24-target, .ui-icon-hover-20-target)::before {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 0;
  width: var(--ui-icon-hover-bg-size);
  height: var(--ui-icon-hover-bg-size);
  border-radius: var(--ui-icon-hover-bg-radius);
  background: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--ink-muted) 12%, transparent);
  }
  content: "";
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.16s ease, background-color 0.16s ease;
}
:is(.ui-icon-hover-24, .ui-icon-hover-20).ui-btn.is-icon-only .material-icon-svg, :is(.ui-icon-hover-24, .ui-icon-hover-20).ant-btn-icon-only .material-icon-svg, :is(.ui-icon-hover-24, .ui-icon-hover-20) :is(.ui-icon-hover-24-target, .ui-icon-hover-20-target) .material-icon-svg, .material-icon:is(.ui-icon-hover-24-target, .ui-icon-hover-20-target) .material-icon-svg {
  position: relative;
  z-index: 1;
  width: var(--ui-icon-hover-icon-size);
  height: var(--ui-icon-hover-icon-size);
}
:is(.ui-icon-hover-24, .ui-icon-hover-20).ui-btn.is-icon-only:hover:not(:disabled) .material-icon::before, :is(.ui-icon-hover-24, .ui-icon-hover-20).ui-btn.is-icon-only:focus-visible .material-icon::before, :is(.ui-icon-hover-24, .ui-icon-hover-20).ui-btn.is-icon-only.is-active .material-icon::before, :is(.ui-icon-hover-24, .ui-icon-hover-20).ant-btn-icon-only:hover:not(:disabled) .material-icon::before, :is(.ui-icon-hover-24, .ui-icon-hover-20).ant-btn-icon-only:focus-visible .material-icon::before, :is(.ui-icon-hover-24, .ui-icon-hover-20).ant-btn-icon-only.is-active .material-icon::before, :is(.ui-icon-hover-24, .ui-icon-hover-20):hover :is(.ui-icon-hover-24-target, .ui-icon-hover-20-target)::before, :is(.ui-icon-hover-24, .ui-icon-hover-20):focus-visible :is(.ui-icon-hover-24-target, .ui-icon-hover-20-target)::before, :is(.ui-icon-hover-24, .ui-icon-hover-20).is-active :is(.ui-icon-hover-24-target, .ui-icon-hover-20-target)::before, :is(.ui-icon-hover-24, .ui-icon-hover-20).active :is(.ui-icon-hover-24-target, .ui-icon-hover-20-target)::before, .material-icon:is(.ui-icon-hover-24-target, .ui-icon-hover-20-target):hover::before, .material-icon:is(.ui-icon-hover-24-target, .ui-icon-hover-20-target):focus-visible::before {
  opacity: 1;
}
button {
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-md);
  background: var(--bg-elev-2);
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
button:hover {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 60%, var(--line-strong));
  }
}
button:active {
  transform: translateY(1px) scale(0.995);
}
.ui-btn {
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-md);
  background: var(--bg-elev-2);
  color: var(--ink-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  position: relative;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
  box-shadow: none;
}
.ui-btn.ui-btn-sm {
  min-height: 32px;
  padding: 6px 12px;
  font-size: 12px;
}
.ui-btn.ui-btn-md {
  min-height: 36px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
}
.ui-btn.is-icon-only {
  width: 32px;
  min-width: 32px;
  padding: 0;
}
.ui-btn-label {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.ui-btn-spinner {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-right-color: transparent;
  animation: ui-spin 0.8s linear infinite;
}
.ui-btn.ui-btn-primary {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 64%, var(--line-soft));
  }
  background: var(--accent-electric);
  color: #fff;
}
.ui-btn.ui-btn-danger {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-danger) 44%, var(--line-soft));
  }
  color: var(--accent-danger);
}
.ui-btn.ui-btn-ghost {
  border: 0;
  background: transparent;
  color: var(--ink-2);
  box-shadow: none;
}
.ui-btn.ui-btn-secondary {
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 92%, var(--bg-input));
  }
}
.ui-btn.is-active {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 46%, var(--line-soft));
  }
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 84%, var(--bg-elev-2));
  }
  color: var(--accent-electric-strong);
}
.ui-btn:hover {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 22%, var(--line-strong));
  }
}
.ui-btn.ui-btn-ghost:hover {
  background: var(--bg-hover);
  color: var(--ink-1);
  box-shadow: none;
}
.ui-btn.ui-btn-ghost:is(.ui-icon-hover-24, .ui-icon-hover-20).is-icon-only:hover:not(:disabled), .ui-btn.ui-btn-ghost:is(.ui-icon-hover-24, .ui-icon-hover-20).is-icon-only:focus-visible, .ui-btn.ui-btn-ghost:is(.ui-icon-hover-24, .ui-icon-hover-20).is-icon-only.is-active {
  background: transparent;
}
.ant-btn.ant-btn-text.ui-icon-hover-20:hover:not(:disabled), .ant-btn.ant-btn-text.ui-icon-hover-20:focus-visible, .ant-btn.ant-btn-text.ui-icon-hover-20.is-active {
  background: transparent;
}
.ui-btn.ui-btn-ghost:is(.ui-icon-hover-24, .ui-icon-hover-20).is-icon-only:focus-visible {
  outline: none;
}
.ui-btn.ui-btn-primary:hover {
  background: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-electric) 88%, #0b4aa2);
  }
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 60%, #0b4aa2);
  }
  color: #fff;
}
.ui-btn.ui-btn-danger:hover {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-danger) 56%, #7a1f34);
  }
}
.ui-btn:focus-visible, .ui-input:focus-visible {
  outline: 1px solid var(--border);
}
.ui-btn:disabled {
  opacity: 0.58;
  cursor: not-allowed;
  box-shadow: none;
}
.ui-btn.is-loading {
  pointer-events: none;
}
.ui-input {
  width: 100%;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 96%, transparent);
  }
  border-radius: var(--radius-md);
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 94%, var(--bg-elev-2));
  }
  color: var(--ink-1);
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.ui-input.ui-input-sm {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
}
.ui-input.ui-input-md {
  min-height: 36px;
  padding: 8px 12px;
  font-size: 12px;
}
.ui-input:focus {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 60%, var(--line-soft));
  }
  box-shadow: 0 0 0 3px var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-soft) 64%, transparent);
  }
  background: var(--bg-elev-2);
}
.ui-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 88%, transparent);
  }
  padding: 2px 8px;
  font: 600 11px/1.35 var(--font-sans);
  color: var(--ink-2);
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 94%, var(--bg-input));
  }
}
.ui-tag.ui-tag-accent {
  color: var(--accent-electric-strong);
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 32%, var(--line-soft));
  }
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 34%, var(--bg-elev-2));
  }
}
.ui-tag.ui-tag-muted {
  color: var(--ink-muted);
}
.ui-tag.ui-tag-danger {
  color: var(--accent-danger);
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-danger) 30%, var(--line-soft));
  }
  background: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-danger) 10%, var(--bg-elev-2));
  }
}
input, select, textarea {
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-md);
  background: var(--bg-input);
  font-size: 12px;
}
textarea {
  width: 100%;
  resize: none;
}
.ant-tooltip {
  backdrop-filter: blur(10px);
}
.ant-tooltip .ant-tooltip-arrow {
  display: none;
}
.ant-tooltip .ant-tooltip-inner {
  background: transparent;
  border: 1px solid var(--line-strong);
  color: var(--text-main);
  box-shadow: none;
}
@keyframes fade-slide-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes node-rise {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes status-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}
@keyframes ui-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes command-status-in {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes command-status-pulse {
  0%, 100% {
    opacity: 0.24;
    transform: scale(0.88);
  }
  50% {
    opacity: 0.68;
    transform: scale(1.08);
  }
}
@keyframes command-status-core {
  0%, 100% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.08);
  }
}
@keyframes command-status-error {
  0%, 100% {
    transform: translateX(0);
  }
  35% {
    transform: translateX(-4px);
  }
  70% {
    transform: translateX(4px);
  }
}
.ant-badge .ant-badge-count {
  box-shadow: none;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {
  padding: 4px 8px;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-icon {
  font-size: 14px;
}
.ant-dropdown .ant-dropdown-menu {
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--line-soft);
}
.copilot-modal.ant-modal .ant-modal-content {
  padding: 10px;
}
.ant-modal .ant-modal-content {
  max-height: calc(100vh - 150px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ant-modal .ant-modal-body {
  display: flex;
  overflow: auto;
}
.ant-modal .ant-modal-body>* {
  width: 100%;
}
.ant-modal-root .ant-modal-mask {
  background-color: transparent;
  backdrop-filter: blur(3px);
}
.ant-btn-color-link.ant-btn-variant-link {
  color: var(--accent);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--line-soft);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--line);
}
::-webkit-scrollbar-button {
  display: none;
}
.brand-mark {
  display: flex;
  align-items: center;
  gap: 10px;
}
.brand-logo {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}
.brand-logo svg {
  display: block;
  width: 100%;
  height: 100%;
}
.brand-cluster {
  display: flex;
  align-items: center;
  gap: 16px;
}
.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.06;
}
.brand-text strong {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.brand-text span {
  font-size: 11px;
  color: var(--ink-muted);
  letter-spacing: 0.01em;
}
.icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 10px;
  padding: 7px 12px;
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 96%, transparent);
  }
  color: var(--ink-2);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}
.icon-btn:hover {
  color: var(--accent-electric-strong);
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 72%, var(--bg-elev-2));
  }
}
.top-nav .icon-btn.ui-btn.is-icon-only, .top-nav .current-worker-tool.ui-btn {
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  border-radius: 8px;
}
.top-nav .top-nav-icon-btn.ui-btn:focus-visible {
  outline: none;
}
.top-nav .icon-btn .material-icon, .top-nav .current-worker-tool .material-icon {
  font-size: 18px;
}
.top-nav .current-worker-tool-terminal {
  position: relative;
}
.current-worker-terminal-dot {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 7px;
  height: 7px;
  border: 1px solid var(--bg-elev-1);
  border-radius: 50%;
  background: var(--accent-electric-strong);
}
.current-worker-terminal-dot.is-busy {
  animation: status-pulse 1s ease-in-out infinite;
  background: var(--accent-lime);
  box-shadow: 0 0 0 3px var(--accent-lime);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-lime) 16%, transparent);
  }
}
.current-worker-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
}
.current-worker-card.has-one-tool {
  padding-right: 54px;
}
.current-worker-label {
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: var(--ink-muted);
  text-transform: uppercase;
}
.current-worker-name {
  flex: 0 1 auto;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--ink-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.current-worker-role {
  flex: 0 1 auto;
  min-width: 0;
  font-size: 12px;
  line-height: 1.3;
  color: var(--ink-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.current-worker-tool.ui-btn.is-active {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 36%, var(--line-soft));
  }
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 84%, var(--bg-elev-2));
  }
  color: var(--accent-electric-strong);
}
.current-worker-tool-voice.ui-btn.is-call {
  color: #2f7c49;
}
.current-worker-tool-voice.ui-btn.is-hangup {
  border-color: #f06b67;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, #f06b67 44%, var(--line-soft));
  }
  background: #fff0ef;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, #fff0ef 86%, var(--bg-elev-2));
  }
  color: #d53f3f;
}
.current-worker-tool-voice.ui-btn.is-hangup:hover:not(:disabled) {
  border-color: #e4564f;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, #e4564f 52%, var(--line-soft));
  }
  box-shadow: 0 8px 18px rgba(229, 86, 79, 0.18);
}
.current-worker-tool.ui-btn.is-muted.is-active {
  border-color: #ff945f;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, #ff945f 38%, var(--line-soft));
  }
  background: #fff0e6;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, #fff0e6 84%, var(--bg-elev-2));
  }
  color: #cf5f18;
}
.usage-popover-anchor {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.usage-trigger.ui-btn {
  min-height: 30px;
  padding: 0 8px;
  border-radius: 8px;
  color: var(--ink-2);
}
.usage-trigger.ui-btn.is-active, .usage-trigger.ui-btn:hover:not(:disabled) {
  color: var(--accent-electric-strong);
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 78%, var(--bg-elev-2));
  }
}
.usage-trigger .ui-btn-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.usage-trigger-ring {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at center, var(--bg-elev-2) 0 46%, transparent 50%), conic-gradient(var(--accent-electric) var(--usage-context-percent, 0%), var(--line-soft) 0);
}
.usage-trigger-ring span {
  color: var(--ink-1);
  font: 700 11px/1 var(--font-mono);
  letter-spacing: 0;
}
.usage-popover {
  position: absolute;
  z-index: 50;
  top: calc(100% + 10px);
  right: 0;
  width: min(420px, calc(100vw - 24px));
  max-height: min(70vh, 620px);
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 82%, transparent);
  }
  border-radius: 8px;
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 98%, white);
  }
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16);
  color: var(--ink-1);
}
.usage-popover-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}
.usage-popover-header strong {
  font-size: 11px;
  line-height: 1.15;
}
.usage-popover-header span {
  max-width: 340px;
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 9px;
  font-weight: 500;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.usage-popover-close.ui-btn.is-icon-only {
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  padding: 0;
  border-radius: 7px;
}
.usage-context-window {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border-radius: 8px;
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 58%, transparent);
  }
}
.usage-context-ring {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at center, var(--bg-elev-2) 0 54%, transparent 55%), conic-gradient(var(--accent-electric) var(--usage-context-percent, 0%), var(--line-soft) 0);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(circle at center, var(--bg-elev-2) 0 54%, transparent 55%), conic-gradient(var(--accent-electric) var(--usage-context-percent, 0%), color-mix(in srgb, var(--line-soft) 76%, transparent) 0);
  }
}
.usage-context-ring span {
  color: var(--ink-1);
  font: 700 14px/1 var(--font-mono);
}
.usage-context-copy {
  min-width: 0;
  display: inline-flex;
  flex: 1 1 auto;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.usage-context-copy span {
  flex: 0 0 auto;
  color: var(--ink-muted);
  font-size: 9px;
  line-height: 1.1;
}
.usage-context-copy strong {
  flex: 0 0 auto;
  font: 700 10px/1.1 var(--font-mono);
  overflow-wrap: anywhere;
}
.usage-context-compact-btn.ui-btn.ui-btn-sm {
  flex: 0 0 auto;
  min-height: 18px;
  padding: 0 6px;
  border-radius: 6px;
  font-size: 9px;
  line-height: 1;
}
.usage-context-copy small {
  flex: 0 0 auto;
  color: var(--ink-2);
  font-size: 9px;
  line-height: 1.1;
}
.usage-cache-hit-inline {
  min-width: -moz-max-content;
  min-width: max-content;
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  color: var(--ink-muted);
  font-size: 9px;
  line-height: 1.1;
  white-space: nowrap;
}
.usage-cache-hit-inline strong {
  color: var(--ink-1);
  font: 700 10px/1.1 var(--font-mono);
}
.usage-popover-section {
  margin-top: 6px;
}
.usage-popover-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 4px 3px 0;
}
.usage-popover-section h3 {
  margin: 0;
  color: var(--ink-2);
  font-size: 11px;
  font-weight: 700;
}
.usage-section-call-counts {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.usage-section-stat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  color: var(--ink-muted);
  font-size: 9px;
  line-height: 1;
  white-space: nowrap;
}
.usage-section-stat strong {
  color: var(--ink-1);
  font: 700 10px/1 var(--font-mono);
}
.usage-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin: 0;
}
.usage-metric {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 3px 5px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 72%, transparent);
  }
  border-radius: 7px;
  background: var(--bg-elev);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev) 68%, transparent);
  }
}
.usage-metric dt {
  margin: 0;
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 9px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.usage-metric dd {
  margin: 0;
  color: var(--ink-1);
  font: 700 10px/1.15 var(--font-mono);
  overflow-wrap: anywhere;
}
.usage-popover-empty {
  margin: 10px 0 2px;
  color: var(--ink-muted);
  font-size: 12px;
}
.inline-icon {
  vertical-align: middle;
}
.conversation-stage {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  animation: fade-slide-in 0.5s 0.08s ease both;
}
.messages-scroll {
  height: 100%;
  overflow-y: auto;
  padding: 20px 20px 26px;
  background: transparent;
  scroll-behavior: smooth;
}
.timeline-empty {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.35;
  text-align: center;
}
.timeline-empty-agent-switcher {
  position: relative;
  display: inline-flex;
  vertical-align: baseline;
}
.timeline-agent-switcher-trigger {
  display: inline-flex;
  align-items: center;
  max-width: min(300px, 62vw);
  margin: 0;
  padding: 1px 5px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  color: var(--ink-1);
  font: inherit;
  font-weight: 800;
  line-height: 1.25;
  vertical-align: baseline;
}
.timeline-agent-switcher-trigger:hover, .timeline-agent-switcher-trigger:focus-visible {
  border-color: transparent;
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 58%, transparent);
  }
  color: var(--accent-electric-strong);
}
.timeline-agent-switcher-trigger:active {
  transform: none;
}
.timeline-agent-switcher-trigger-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timeline-agent-switcher-arrow {
  flex: 0 0 auto;
  margin-left: 1px;
  color: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--ink-muted) 72%, transparent);
  }
  font-size: 19px;
  opacity: 0.58;
  transform: translateY(1px);
}
.timeline-agent-switcher-search.ant-input {
  width: 100%;
}
.timeline-agent-switcher-list {
  display: grid;
  gap: 4px;
  max-height: 248px;
  margin-top: 8px;
  overflow-y: auto;
  padding-right: 2px;
}
.timeline-agent-switcher-option {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 32px;
  gap: 6px;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  text-align: left;
}
.timeline-agent-switcher-option:hover, .timeline-agent-switcher-option:focus-visible, .timeline-agent-switcher-option.is-active {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 28%, transparent);
  }
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 68%, transparent);
  }
}
.timeline-agent-switcher-option:active {
  transform: none;
}
.timeline-agent-switcher-avatar {
  flex: 0 0 auto;
}
.timeline-agent-switcher-option-copy {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 6px;
  line-height: 1.2;
}
.timeline-agent-switcher-option-copy strong, .timeline-agent-switcher-option-copy span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timeline-agent-switcher-option-copy strong {
  color: var(--ink-1);
  font-size: 13px;
  font-weight: 700;
}
.timeline-agent-switcher-option-copy span {
  color: var(--ink-muted);
  font-size: 12px;
  font-weight: 500;
}
.timeline-agent-switcher-empty {
  padding: 18px 10px 10px;
  color: var(--ink-muted);
  font-size: 13px;
  font-weight: 600;
}
.timeline-stack {
  position: relative;
  min-height: 100%;
  width: 100%;
  max-width: 800px;
  margin: auto;
}
.timeline-stack.is-empty {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.timeline-lane {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.timeline-query-anchor-row {
  position: relative;
}
.timeline-query-anchor-rail {
  position: sticky;
  top: 50%;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: calc(-1 * var(--query-anchor-offset, 56px));
  display: none;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  overflow: visible;
  transform: translateY(-50%);
}
.timeline-stack.has-query-anchors .timeline-query-anchor-rail {
  display: flex;
}
.timeline-query-anchor-line {
  position: relative;
  width: 26px;
  min-height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink-muted);
  opacity: 0;
  transform: translateX(-6px);
  animation: timeline-query-anchor-enter 0.28s ease forwards;
}
.timeline-query-anchor-line:hover {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: var(--ink-2);
  outline: none;
}
.timeline-query-anchor-line:active {
  transform: none;
}
.timeline-query-anchor-line-bar {
  --diff: calc(var(--index) - var(--hover-index));
  --abs-diff: max(var(--diff), calc(-1 * var(--diff)));
  --offset: min(calc(var(--abs-diff) * 20%), 76%);
  display: block;
  width: calc(100% - var(--offset));
  height: 2px;
  background: var(--ink-1);
  transform-origin: left center;
  opacity: .3;
  transition: width 0.1s, opacity 0.1s;
}
.timeline-query-anchor-line:hover .timeline-query-anchor-line-bar, .timeline-query-anchor-rail:not(:hover) .timeline-query-anchor-line.is-active .timeline-query-anchor-line-bar {
  opacity: 1;
}
.timeline-query-anchor-preview {
  font-size: 12px;
  max-width: 360px;
}
.timeline-query-anchor-preview-query, .timeline-query-anchor-preview-content {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.timeline-query-anchor-preview-query {
  -webkit-line-clamp: 2;
}
.timeline-query-anchor-preview-content {
  -webkit-line-clamp: 3;
  color: var(--ink-muted);
}
@keyframes timeline-query-anchor-enter {
  from {
    opacity: 0;
    transform: translateX(-6px);
  }
  to {
    opacity: 0.72;
    transform: translateX(0);
  }
}
.timeline-row.is-debug-target {
  border-radius: 18px;
  background: color-mix(in srgb, #f7e4a3 18%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, #e2c66c 72%, transparent), 0 14px 28px color-mix(in srgb, #e2c66c 16%, transparent);
  transform: translateY(-1px);
}
.attachment-card {
  position: relative;
  width: 200px;
}
.attachment-card.is-interactive {
  cursor: pointer;
}
.attachment-card.is-interactive:focus-visible {
  outline: 2px solid var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    outline: 2px solid color-mix(in srgb, var(--accent-electric) 78%, white);
  }
  outline-offset: 3px;
  border-radius: 20px;
}
.attachment-card-image-shell {
  width: 100%;
  height: 100%;
}
.attachment-card-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 86%, var(--bg-elev-2));
  }
}
.attachment-card.is-image {
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 96%, transparent);
  }
  background: white;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, white 96%, var(--bg-input));
  }
  box-shadow: var(--shadow-soft);
}
.attachment-card-image-badge {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: rgba(17, 18, 20, 0.72);
  backdrop-filter: blur(10px);
}
.attachment-card-file-shell {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 16px 9px 10px;
  border-radius: 12px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 96%, transparent);
  }
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 94%, var(--accent-soft));
  }
}
.attachment-card-file-icon {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(180deg, #398af7, #1c73ea);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.attachment-card-file-icon.is-thumbnail {
  overflow: hidden;
  padding: 0;
  background: white;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, white 92%, var(--bg-input));
  }
}
.attachment-card-file-thumb {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.attachment-card[data-attachment-kind="image"] .attachment-card-file-icon {
  background: linear-gradient(180deg, #2fbc8a, #0ea172);
}
.attachment-card-file-icon .material-icon {
  font-size: 20px;
}
.attachment-card-file-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.attachment-card-title, .attachment-card-subtitle {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment-card-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--ink-1);
}
.attachment-card-subtitle {
  font-size: 10px;
  line-height: 1.2;
  color: var(--ink-muted);
}
.attachment-card-trailing {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--ink-muted) 88%, #818892 12%);
  }
}
.attachment-card-trailing .material-icon {
  font-size: 17px;
}
.attachment-card-compact .attachment-card-file-shell {
  gap: 10px;
  padding: 9px 11px 9px 10px;
  border-radius: 16px;
}
.attachment-card-compact .attachment-card-file-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}
.attachment-card-compact .attachment-card-file-icon .material-icon {
  font-size: 17px;
}
.attachment-card-compact .attachment-card-title {
  font-size: 12px;
}
.attachment-card-compact .attachment-card-subtitle {
  font-size: 10px;
}
.attachment-card.is-uploading .attachment-card-file-shell {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 26%, rgba(214, 220, 229, 0.92));
  }
  background: linear-gradient(180deg, white, white);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(180deg, color-mix(in srgb, white 96%, var(--accent-soft)), color-mix(in srgb, white 92%, var(--accent-soft)));
  }
}
.attachment-card.is-error .attachment-card-file-shell {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-danger) 34%, rgba(214, 220, 229, 0.92));
  }
  background: linear-gradient(180deg, color-mix(in srgb, white 96%, rgba(211, 59, 88, 0.08)), color-mix(in srgb, white 92%, rgba(211, 59, 88, 0.12)));
}
.attachment-card.is-error .attachment-card-file-icon {
  background: linear-gradient(180deg, #f26d89, #d93b58);
}
.attachment-card-remove {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 0;
  color: #fff;
  background: rgba(17, 18, 20, 0.96);
  box-shadow: 0 8px 18px rgba(17, 18, 20, 0.18);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.attachment-card-remove:hover {
  transform: scale(1.04);
  box-shadow: 0 10px 22px rgba(17, 18, 20, 0.24);
}
.attachment-card-remove .material-icon {
  font-size: 15px;
}
.attachment-card-composer .attachment-card-remove {
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border-width: 1.5px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.88);
  transition: opacity 0.16s ease, visibility 0.16s ease, transform 0.16s ease, box-shadow 0.18s ease;
}
.attachment-card-composer:hover .attachment-card-remove {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
}
.attachment-card-timeline.is-image {
  width: clamp(142px, 22vw, 208px);
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  overflow: hidden;
}
.attachment-card-timeline.is-file {
  width: min(100%, 340px);
}
.attachment-card-timeline.attachment-card-compact.is-file {
  width: min(100%, 260px);
}
.attachment-card-timeline.attachment-card-compact .attachment-card-file-shell {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 250, 0.96));
}
.attachment-card-timeline.attachment-card-compact .attachment-card-file-icon {
  color: #ef9a4e;
  background: linear-gradient(180deg, #fff5ea, #ffe7d7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
}
.attachment-card-timeline .attachment-card-title {
  font-size: 14px;
}
.attachment-card-timeline .attachment-card-subtitle {
  font-size: 11px;
}
.timeline-row[data-kind="content"] .timeline-markdown p {
  margin: 0 0 12px;
}
.timeline-row[data-kind="content"] .timeline-markdown ul, .timeline-row[data-kind="content"] .timeline-markdown ol {
  margin: 0 0 12px;
}
.timeline-row[data-kind="content"] .timeline-markdown pre, .timeline-row[data-kind="content"] .timeline-markdown table, .timeline-row[data-kind="content"] .timeline-markdown .markdown-mermaid, .timeline-row[data-kind="content"] .timeline-markdown .markdown-echarts {
  max-width: min(100%, 820px);
}
.timeline-row[data-kind="source"] .timeline-flow-content {
  width: min(100%, 760px);
  max-width: 760px;
}
.source-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.source-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.source-query {
  color: var(--ink-1);
  opacity: .6;
}
.source-item .material-icon {
  color: var(--accent-electric-strong);
}
.timeline-row-time {
  font-size: 10px;
  line-height: 1;
  color: var(--ink-muted);
  letter-spacing: 0.02em;
}
.timeline-run-group {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.timeline-run-group::before, .timeline-run-collapse.ant-collapse>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--line-soft);
}
.timeline-run-collapse.ant-collapse>.ant-collapse-item>.ant-collapse-header {
  padding: 0 0 0 2px;
  color: var(--text-muted);
}
.timeline-run-collapse.ant-collapse>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
  position: relative;
  padding: 10px 0 0;
}
.timeline-run-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.timeline-task-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.timeline-task-group-header {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 5px 0;
  cursor: pointer;
}
.timeline-task-group-header:hover .material-icon {
  opacity: 1;
}
.timeline-task-group-header.is-expanded .material-icon {
  opacity: 1;
}
.timeline-task-group-header .material-icon {
  font-size: 18px;
  flex: 0 0 auto;
  opacity: 0;
}
.timeline-task-group-agent {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  max-width: 160px;
}
.timeline-task-group-agent-avatar {
  flex: 0 0 auto;
}
.timeline-task-group-agent-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}
.timeline-task-group-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}
.timeline-task-group-duration {
  flex: 0 0 auto;
  color: var(--ink-muted);
  font-size: 11px;
  line-height: 1;
}
@keyframes timeline-task-status-flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.timeline-markdown> :first-child {
  margin-top: 0;
}
.timeline-markdown> :last-child {
  margin-bottom: 0;
}
.timeline-markdown p, .timeline-markdown ul, .timeline-markdown ol, .timeline-markdown pre, .timeline-markdown blockquote {
  margin: 0 0 9px;
}
.timeline-markdown table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 0 0 12px;
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 92%, transparent);
  }
}
.timeline-markdown th, .timeline-markdown td {
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 88%, transparent);
  }
  padding: 8px 10px;
  vertical-align: top;
  text-align: left;
}
.timeline-markdown thead th {
  font-weight: 600;
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 84%, var(--bg-elev-2));
  }
}
.timeline-markdown ul, .timeline-markdown ol {
  padding-left: 22px;
}
.timeline-markdown pre {
  overflow-x: auto;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 88%, transparent);
  }
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 86%, var(--bg-elev-2));
  }
  line-height: 1.48;
}
.timeline-markdown code {
  font-family: var(--font-mono);
}
.timeline-markdown a {
  color: var(--accent-electric-strong);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.timeline-markdown img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  border: 1px solid var(--line-soft);
}
.timeline-markdown .markdown-echarts {
  width: 100%;
  min-height: 180px;
}
.timeline-markdown .markdown-echarts-error {
  display: flex;
  min-height: 120px;
  align-items: center;
  justify-content: center;
  padding: 16px;
  color: var(--danger-strong);
  background: var(--danger-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--danger-soft) 18%, var(--bg-elev-2));
  }
}
.timeline-markdown .markdown-mermaid {
  width: 100%;
  overflow: hidden;
}
.timeline-markdown .markdown-mermaid-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
.timeline-markdown .markdown-mermaid-render-status {
  margin-right: auto;
  color: var(--ink-3);
  font-size: 12px;
}
.timeline-markdown .markdown-mermaid-zoom {
  min-width: 44px;
  color: var(--ink-3);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.timeline-markdown .markdown-mermaid-viewport {
  display: block;
  width: 100%;
  min-height: 160px;
  max-height: min(72vh, 980px);
  overflow: auto;
  padding: 14px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}
.timeline-markdown .markdown-mermaid-viewport:focus-visible {
  outline: 2px solid var(--accent-electric);
  outline-offset: -3px;
}
.timeline-markdown .markdown-mermaid-viewport.is-dragging {
  cursor: grabbing;
}
.timeline-markdown .markdown-mermaid-svg {
  display: block;
  width: max(560px, calc(var(--mermaid-zoom, 1) * 100%));
  margin: 0 auto;
}
.timeline-markdown .markdown-mermaid-svg svg {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 auto;
}
.timeline-markdown .markdown-mermaid-status {
  display: flex;
  min-height: 120px;
  align-items: center;
  justify-content: center;
  color: var(--ink-3);
}
html[data-theme="dark"] .timeline-markdown .markdown-mermaid {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--line-soft) 88%, transparent);
  }
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 96%, transparent);
  }
  box-shadow: none;
}
html[data-theme="dark"] .timeline-markdown .markdown-mermaid-toolbar {
  border-bottom-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in srgb, var(--line-soft) 88%, transparent);
  }
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 74%, var(--bg-elev-2));
  }
}
.timeline-markdown .katex-display {
  overflow-x: auto;
  overflow-y: hidden;
}
html[data-theme="dark"] .icon-btn {
  box-shadow: none;
}
html[data-theme="dark"] .chat-item, html[data-theme="dark"] .composer-pill, html[data-theme="dark"] .mention-suggest, html[data-theme="dark"] .slash-command-popover, html[data-theme="dark"] .worker-chat-sidebar, html[data-theme="dark"] .worker-chat-float-btn, html[data-theme="dark"] .attachment-card-file-shell, html[data-theme="dark"] .attachment-card.is-image, html[data-theme="dark"] .plan-header, html[data-theme="dark"] .floating-plan.is-expanded .plan-list {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--line-soft) 100%, transparent);
  }
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 98%, var(--bg-input));
  }
}
html[data-theme="dark"] .tool-call-inline, html[data-theme="dark"] .tool-call-result, html[data-theme="dark"] .status-line {
  background: var(--bg-elev-1);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-1) 92%, var(--bg-elev-2));
  }
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--line-soft) 100%, transparent);
  }
}
html[data-theme="dark"] .composer-pill {
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 98%, var(--bg-elev-1));
  }
  box-shadow: none;
}
html[data-theme="dark"] .composer-control-input, html[data-theme="dark"] .ui-input {
  background: var(--bg-elev-1) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-1) 96%, var(--bg-elev-2)) !important;
  }
  border-color: var(--line-soft) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--line-soft) 100%, transparent) !important;
  }
}
html[data-theme="dark"] .send-btn {
  box-shadow: 0 6px 16px rgba(10, 24, 56, 0.34);
}
html[data-theme="dark"] .timeline-markdown table, html[data-theme="dark"] .timeline-markdown pre, html[data-theme="dark"] .timeline-markdown blockquote {
  background: var(--bg-elev-1);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-1) 94%, var(--bg-elev-2));
  }
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--line-soft) 100%, transparent);
  }
}
html[data-theme="dark"] .timeline-markdown th, html[data-theme="dark"] .timeline-markdown td, html[data-theme="dark"] .timeline-markdown img {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--line-soft) 100%, transparent);
  }
}
html[data-theme="dark"] .timeline-markdown .markdown-echarts {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--line-soft) 100%, transparent);
  }
  background: rgba(255, 255, 255, 0.035);
}
html[data-theme="dark"] .timeline-markdown thead th {
  background: var(--bg-elev-1);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-1) 100%, var(--bg-elev-2));
  }
}
html[data-theme="dark"] .timeline-markdown code:not(pre code) {
  padding: 0.15em 0.42em;
  border-radius: 6px;
  background: var(--bg-elev-1);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-1) 100%, var(--bg-elev-2));
  }
  color: var(--ink);
}
html[data-theme="dark"] .timeline-markdown a {
  color: var(--accent-strong);
}
html[data-theme="dark"] .worker-chat-float-btn:hover {
  box-shadow: none !important;
}
.system-alert {
  border: 1px solid var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent-danger) 28%, var(--line-soft));
  }
  background: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-danger) 12%, var(--bg-elev-2));
  }
  color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--accent-danger) 75%, #3f0f1e);
  }
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 12px;
  white-space: pre-wrap;
}
.system-alert-message {
  white-space: pre-wrap;
}
.system-alert-details {
  margin-top: 8px;
  color: var(--ink-2);
  white-space: normal;
}
.system-alert-details summary {
  cursor: pointer;
  color: var(--ink-muted);
  font-size: 11px;
}
.system-alert-details dl {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 4px 8px;
  margin: 8px 0 0;
}
.system-alert-details dt {
  color: var(--ink-muted);
  font-size: 11px;
}
.system-alert-details dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  font-family: var(--font-mono);
  font-size: 11px;
  white-space: pre-wrap;
}
.system-alert-details pre {
  margin: 8px 0 0;
  max-height: 220px;
  overflow: auto;
  border-radius: 6px;
  background: var(--bg-elev-1);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-1) 88%, transparent);
  }
  padding: 8px;
  font-family: var(--font-mono);
  font-size: 11px;
  white-space: pre-wrap;
}
.thinking-detail, .awaiting-detail {
  color: var(--ink-2);
  font-size: 11px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.thinking-detail {
  max-height: 50vh;
  overflow: auto;
}
.status-line {
  border: 1px dashed var(--line-strong);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, var(--line-strong) 62%, transparent);
  }
  border-radius: 10px;
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 82%, var(--bg-elev-2));
  }
  color: var(--ink-muted);
  font-size: 11px;
  line-height: 1.4;
  padding: 7px 8px;
}
.terminal-dock {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.terminal-dock-resize-handle {
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  height: 5px;
  min-height: 5px;
  cursor: ns-resize;
  background: var(--bg-elev-1);
  transition: background 0.15s;
  flex-shrink: 0;
}
.terminal-dock-resize-handle:hover {
  background: var(--accent-electric);
  opacity: 0.4;
}
.terminal-dock-tabs {
  display: flex;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding: 0 4px;
  gap: 2px;
}
.terminal-dock-tab-list {
  display: flex;
  align-items: stretch;
  flex: 1;
  overflow-x: auto;
  height: 100%;
  gap: 4px;
}
.terminal-dock-tab {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px 0 10px;
  font-size: 12px;
  line-height: 1;
  color: var(--ink-2);
  background: transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s;
  border-radius: 4px;
}
.terminal-dock-tab:hover {
  background: var(--bg-hover);
  color: var(--ink-1);
}
.terminal-dock-tab-active {
  background: var(--bg-elev-1);
}
.terminal-dock-tab-label {
  pointer-events: none;
}
.terminal-dock-tab-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1;
  color: inherit;
  background: transparent;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.15s, background 0.15s;
}
.terminal-dock-tab-close:hover {
  opacity: 1;
  background: var(--colorFill);
}
.terminal-dock-tab-add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  margin-left: 2px;
  font-size: 16px;
  line-height: 1;
  color: var(--ink-2);
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  flex-shrink: 0;
}
.terminal-dock-tab-add:hover {
  background: var(--bg-hover);
  color: var(--ink-1);
}
.terminal-dock-panes {
  flex: 1;
  min-height: 0;
  position: relative;
}
.terminal-pane {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.terminal-pane .xterm {
  height: 100%;
  padding: 4px 8px;
}
.terminal-dock-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.terminal-dock-empty-add {
  padding: 6px 16px;
  font-size: 13px;
  color: var(--ink-2);
  background: transparent;
  border: 1px dashed var(--border);
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.terminal-dock-empty-add:hover {
  background: var(--bg-hover);
  color: var(--ink-1);
}
.ant-typography {
  color: inherit;
  font-size: inherit;
}
.ant-badge .ant-badge-multiple-words {
  padding: 0 4px;
}
.timeline-planning-collapse {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--bg-input) 86%, var(--bg-elev-2));
  }
}
.timeline-planning-collapse .ant-collapse-extra .material-icon {
  font-size: 14px;
}
.timeline-planning-collapse .ant-collapse-extra .ui-btn.is-icon-only {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.timeline-planning-collapse .ant-collapse-extra .ui-btn.ui-btn-sm {
  min-height: 20px;
}
.timeline-planning-collapse.ant-collapse.ant-collapse-icon-position-end>.ant-collapse-item>.ant-collapse-header .ant-collapse-expand-icon {
  padding-left: 6px;
}
.timeline-planning-collapse.ant-collapse .ant-collapse-content>.ant-collapse-content-box {
  padding: 0 16px 16px;
  position: relative;
}
#root .xterm .xterm-viewport {
  background-color: var(--bg-base);
}
html[data-theme="light"] .xterm .composition-view {
  background: #fafafa;
  color: #1d2129;
}
html[data-theme="dark"] .xterm .composition-view {
  background: #181818;
  color: #f2f3f5;
}
.tool-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--ink-muted) 84%, transparent);
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.tool-pill-label {
  max-width: min(46vw, 260px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tool-pill-duration {
  color: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--ink-muted) 78%, transparent);
  }
  font-family: var(--font-mono);
  font-size: 11px;
  white-space: nowrap;
}
.tool-status-dot[data-tool-status="running"] {
  animation-name: flash;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  background: var(--accent-electric);
}
.tool-status-dot[data-tool-status="completed"] {
  background: var(--accent-electric);
}
.tool-status-dot[data-tool-status="success"] {
  background: var(--accent-lime);
}
.tool-status-dot[data-tool-status="failed"], .tool-status-dot[data-tool-status="error"], .tool-status-dot[data-tool-status="canceled"] {
  background: var(--accent-danger);
}
.tool-call-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
}
.tool-call-title {
  font-size: 10px;
  font-family: var(--font-mono);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.tool-call-meta {
  letter-spacing: 0.04em;
}
.tool-call-meta-status {
  position: relative;
  padding-left: 8px;
}
.tool-call-meta-status::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.55;
  transform: translateY(-50%);
}
.tool-call-card.is-grouped[data-tool-status="running"] .tool-call-meta-status, .tool-call-card.is-grouped[data-tool-status="completed"] .tool-call-meta-status {
  color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--accent-electric) 78%, var(--ink-muted));
  }
}
.tool-call-card.is-grouped[data-tool-status="success"] .tool-call-meta-status {
  color: var(--accent-lime);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--accent-lime) 72%, var(--ink-muted));
  }
}
.tool-call-card.is-grouped[data-tool-status="failed"] .tool-call-meta-status, .tool-call-card.is-grouped[data-tool-status="error"] .tool-call-meta-status, .tool-call-card.is-grouped[data-tool-status="canceled"] .tool-call-meta-status {
  color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--accent-danger) 80%, var(--ink-muted));
  }
}
.tool-call-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
.tool-call-card {
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 86%, var(--bg-elev-2));
  }
  border-radius: 10px;
}
.tool-call-note {
  font-size: 11px;
  line-height: 1.5;
  color: var(--ink-muted);
  white-space: pre-wrap;
}
.tool-call-inline, .tool-call-result {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.5;
  color: var(--text-muted);
}
.tool-call-result .input {
  color: var(--text-main);
  margin-bottom: 8px;
}
.tool-call-result .input td {
  padding: 0;
  vertical-align: baseline;
}
.tool-call-result .input td:first-child {
  color: var(--accent-lime);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--accent-lime) 30%, var(--ink-muted));
  }
  padding-right: 10px;
  white-space: nowrap;
}
.tool-call-inline {
  display: block;
  padding: 7px 9px;
  overflow-x: auto;
  white-space: nowrap;
}
.tool-call-copy {
  position: absolute;
  top: -26px;
  right: 0;
  color: var(--text-muted);
  font-size: 11px;
}
.tool-call-copy .ui-btn-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.tool-call-copy .material-icon {
  font-size: 14px;
}
.tool-call-copy button {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
}
.tool-call-copy button:hover {
  color: var(--ink-2);
  box-shadow: none;
}
.tool-call-copy button[data-copy-state="copied"] {
  color: var(--accent-lime);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--accent-lime) 82%, var(--ink-2));
  }
}
.tool-call-copy button[data-copy-state="error"] {
  color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--accent-danger) 86%, var(--ink-2));
  }
}
.tool-call-result {
  padding: 10px 12px;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(8 * 1.5em + 20px);
  word-break: break-word;
}
.is-frontend-active .composer-pill {
  display: none;
}
.bottom-dock {
  padding: 0 16px 16px;
}
.bottom-dock-inner {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}
.bottom-dock-stack {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.bottom-dock-artifact-rail, .bottom-dock-plan-rail {
  z-index: 5;
  padding-bottom: 4px;
}
.bottom-dock-tool-rail, .bottom-dock-composer-rail {
  position: relative;
}
.bottom-dock-composer-rail {
  overflow: hidden;
  z-index: 2;
}
.app-shell.timeline-empty-layout .conversation-stage, .app-shell.timeline-empty-layout .bottom-dock {
  flex: 1 1 0;
  min-height: 0;
}
.app-shell.timeline-empty-layout .bottom-dock {
  display: flex;
  flex-direction: column;
}
.attachment-card-composer {
  flex: 0 0 auto;
}
.attachment-card-composer.is-image {
  width: 88px;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
}
.attachment-card-composer .attachment-card-title {
  font-size: 12px;
}
.attachment-card-composer .attachment-card-subtitle {
  font-size: 10px;
}
.layout-copilot .query-model-label {
  max-width: 50px;
}
.query-settings-menu.ant-dropdown-menu {
  font-size: 13px;
  min-width: 160px;
}
.query-settings-menu.ant-dropdown-menu-submenu {
  font-size: 13px;
}
.query-settings-menu.ant-dropdown-menu .ant-dropdown-menu-item-selected:hover {
  background-color: var(--colorFillSecondary);
}
.query-settings-menu.ant-dropdown-menu .ant-dropdown-menu-item-selected {
  color: var(--text-main);
  background-color: transparent;
}
.query-settings-menu.ant-dropdown-menu .ant-dropdown-menu-submenu-title {
  padding: 3px 6px;
}
.query-settings-menu.ant-dropdown-menu .ant-dropdown-menu-item {
  padding: 3px 6px;
}
.query-settings-menu.ant-dropdown-menu .query-settings-access-menu-option .material-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.query-settings-menu.ant-dropdown-menu .ant-dropdown-menu-item-group-title {
  padding: 2px 5px;
}
.query-settings-menu.ant-dropdown-menu .ant-dropdown-menu-item-group-list {
  margin: 0;
}
.query-settings-submenu.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-group-list {
  margin: 0;
  max-height: 40vh;
  overflow: auto;
}
.slash-command-popover-overlay .ant-popover-inner {
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.slash-command-popover-overlay .ant-popover-inner-content {
  padding: 0;
}
:root {
  --voice-assistant-accent-default: #e1a05d;
  --voice-listening-accent: #1f9a56;
  --voice-listening-strong: #1d9c57;
  --voice-listening-status: #208a46;
  --voice-speaking-accent: #d97a23;
  --voice-speaking-strong: #e07016;
  --voice-speaking-status: #d7670f;
}
@keyframes voice-eq {
  0%, 100% {
    transform: scaleY(0.42);
    opacity: 0.5;
  }
  35% {
    transform: scaleY(1);
    opacity: 1;
  }
  70% {
    transform: scaleY(0.66);
    opacity: 0.7;
  }
}
@keyframes voice-orb-pulse {
  0% {
    opacity: 0.28;
    transform: scale(0.92);
  }
  72% {
    opacity: 0;
    transform: scale(1.14);
  }
  100% {
    opacity: 0;
    transform: scale(1.14);
  }
}
.floating-plan {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.plan-header {
  width: 100%;
  border: 1px solid var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent-electric) 18%, var(--line-soft));
  }
  border-radius: 16px;
  background: linear-gradient(180deg, var(--accent-soft), var(--bg-elev-2));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 52%, var(--bg-elev-2)), color-mix(in srgb, var(--bg-elev-2) 94%, transparent));
  }
  padding: 9px 13px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  text-align: left;
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(10px);
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.plan-header:hover {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 30%, var(--line-soft));
  }
  background: linear-gradient(180deg, var(--accent-soft), var(--bg-elev-2));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 66%, var(--bg-elev-2)), color-mix(in srgb, var(--bg-elev-2) 96%, transparent));
  }
  box-shadow: var(--shadow-medium);
}
.plan-title {
  flex: 0 0 auto;
  font: 700 12px/1 var(--font-mono);
  color: var(--ink-1);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.plan-header-badges {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 1 auto;
  min-width: 0;
}
.plan-summary-status {
  font: 700 11px/1 var(--font-mono);
  color: var(--accent-electric-strong);
  letter-spacing: 0.02em;
  flex: 0 0 auto;
}
.plan-overall-status {
  flex: 0 0 auto;
}
.plan-summary-text {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  color: var(--ink-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plan-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ink-muted);
  flex: 0 0 auto;
  margin-left: auto;
}
.plan-chevron .material-icon {
  font-size: 18px;
}
.plan-list {
  list-style: none;
  margin: 0;
  padding: 0 8px;
  max-height: 0;
  overflow: hidden;
  border: 0 solid transparent;
  border-top-width: 0;
  border-radius: 14px;
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 98%, transparent);
  }
  opacity: 1;
  transform: none;
  pointer-events: none;
  transition: max-height 0.24s ease, padding 0.24s ease, opacity 0.18s ease, transform 0.18s ease;
}
.floating-plan.is-expanded .plan-list {
  max-height: min(320px, calc(100dvh - 220px));
  overflow: auto;
  padding: 8px;
  margin-top: 6px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 90%, transparent);
  }
  pointer-events: auto;
}
.plan-item {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 7px 10px;
  font-size: 11px;
  color: var(--ink-2);
  border-radius: 6px;
}
.plan-item+.plan-item {
  margin-top: 2px;
}
.plan-item[data-status="running"] {
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 30%, transparent);
  }
}
.plan-item-text {
  flex: 1;
  min-width: 0;
  line-height: 1.45;
}
.plan-item-duration {
  flex-shrink: 0;
  margin-left: auto;
  font-size: 10px;
  line-height: 1.45;
  color: var(--ink-muted);
  white-space: nowrap;
}
.sidebar {
  width: var(--left-sidebar-width);
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  overflow: hidden;
  background: var(--bg-elev-1);
}
.right-sidebar {
  width: var(--right-sidebar-width);
  right: 0;
  left: auto;
  transform: translateX(100%);
  border-radius: 10px;
}
.right-sidebar-resize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  z-index: 3;
  width: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: col-resize;
  touch-action: none;
}
.right-sidebar-resize-handle::after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 4px;
  width: 0;
  border-radius: 999px;
  background: transparent;
  transition: outline 0.15s ease;
  outline: 4px solid transparent;
}
.right-sidebar-resize-handle:hover::after, .right-sidebar-resize-handle:focus-visible::after, .right-sidebar-resizing .right-sidebar-resize-handle::after {
  outline-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    outline-color: color-mix(in srgb, var(--accent) 40%, transparent);
  }
}
.right-sidebar-resize-handle:focus-visible {
  outline: none;
}
.right-sidebar-resizing {
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.right-sidebar-resizing * {
  cursor: col-resize !important;
}
.sidebar.is-open {
  transform: translateX(0);
}
.left-sidebar-buttons .ant-badge .ant-badge-count {
  color: var(--accent);
  background-color: var(--accent-soft);
  font-size: 10px;
}
.ui-list-item {
  width: 100%;
  text-align: left;
  border-radius: 10px;
  background: transparent;
  padding: 10px;
  display: block;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.ui-list-item.is-dense {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ui-list-item:hover, .ui-list-item.is-selected {
  background-color: var(--bg-hover);
}
.ui-list-item.is-loading {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: linear-gradient(90deg, var(--colorFillSecondary) 25%, var(--colorFill) 37%, var(--colorFillSecondary) 63%) !important;
  background-size: 400% 100%;
  animation-name: ui-list-item-loading-shimmer;
  animation-duration: 1.4s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
@keyframes ui-list-item-loading-shimmer {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.debug-panel .ant-tabs {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.debug-panel .ant-tag {
  margin-inline-end: 0;
}
.debug-panel .ant-tabs-content-holder {
  flex: 1;
  min-height: 0;
}
.debug-panel .ant-tabs-tabpane {
  height: 100%;
}
.right-sidebar-tabs {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.right-sidebar-tabs.ant-tabs-top .ant-tabs-tab-btn .ant-tabs-tab-icon:not(:last-child) {
  display: inline-flex;
  margin-inline-end: 4px;
}
.right-sidebar-tabs .ant-tabs-nav-wrap .material-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.right-sidebar-tabs.ant-tabs .ant-tabs-tab-btn {
  display: flex;
  color: var(--text-muted);
}
.right-sidebar-tabs.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  display: flex;
  color: var(--text-main);
}
.right-sidebar-tabs.ant-tabs .ant-tabs-ink-bar {
  display: none;
}
.right-sidebar-tabs>.ant-tabs-nav {
  margin: 0;
  padding: 8px 8px 0;
}
.right-sidebar-tabs.ant-tabs-top>.ant-tabs-nav::before {
  display: none;
}
.right-sidebar-tabs>.ant-tabs-content-holder {
  flex: 1;
  min-height: 0;
}
.right-sidebar-tabs>.ant-tabs-content-holder>.ant-tabs-content {
  height: 100%;
}
.right-sidebar-tabs .ant-tabs-tabpane {
  height: 100%;
  min-height: 0;
}
.right-sidebar-tabs>.ant-tabs-nav .ant-tabs-tab {
  border: 0;
}
.right-sidebar-tabs.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab {
  background: transparent;
  &:hover:not(.ant-tabs-tab-active) {
    background: var(--bg-hover);
  }
}
.right-sidebar-tabs.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active {
  background: var(--bg-base);
  box-shadow: var(--shadow-soft);
}
.right-sidebar-tabs.ant-tabs-small.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab {
  border-radius: 8px;
  margin: 0 2px 10px;
}
.right-sidebar-tabs.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active:hover .ant-tabs-tab-remove {
  display: block;
}
.right-sidebar-tabs .ant-tabs-tab-remove {
  margin-right: 0;
  display: none;
  position: absolute;
  right: 0;
  background: var(--bg-base);
}
@keyframes right-sidebar-file-change-jump {
  0% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  35% {
    transform: translateY(-4px) scale(1.14);
    filter: brightness(1.15);
  }
  70% {
    transform: translateY(1px) scale(.98);
    filter: brightness(1.04);
  }
  100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
}
.mono {
  font-family: var(--font-mono);
}
.event-popover-copy-menu-overlay .ant-popover-inner {
  padding: 0;
}
.event-popover-copy-menu-overlay .ant-popover-inner-content {
  padding: 6px;
}
.settings-card {
  width: 100%;
  max-height: min(82vh, 860px);
  overflow: auto;
}
.command-modal-card {
  width: 100%;
  max-height: min(76vh, 720px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}
.command-modal-card.is-automation-console {
  width: 100%;
}
.command-modal-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  line-height: 1.25;
}
.command-modal-title > span {
  font-size: 18px;
  font-weight: 650;
}
.command-modal-title > span.command-modal-subtitle {
  font-size: 12px;
  font-weight: 500;
  color: var(--ink-muted);
  display: inline;
}
.command-modal-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}
.history-list-container .ant-divider {
  margin: 6px 0;
  border-color: var(--border);
}
.history-list-action-time {
  color: var(--text-muted);
  font-size: 12px;
}
.history-list-actions button {
  display: none;
}
.command-list-item:hover .chat-actions-trigger {
  opacity: 1;
}
.command-list-item:hover .history-list-action-time, .command-list-item:focus-within .history-list-action-time {
  display: none;
}
.command-list-item:hover .history-list-actions button, .command-list-item:focus-within .history-list-actions button {
  display: flex;
}
.command-modal-list {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding-right: 4px;
  gap: 2px;
}
.command-modal-list-focusable:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-soft) 42%, transparent);
  }
  border-radius: 12px;
}
.command-history-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
}
.command-history-toolbar .ui-input {
  flex: 1;
  min-width: 0;
}
.command-history-toolbar .ant-input-affix-wrapper {
  flex: 1 1 auto;
  min-width: 0;
}
.left-sidebar-rename-agent-input.ant-input {
  border: 1px solid var(--line-soft) !important;
  box-shadow: none;
}
.left-sidebar-rename-agent-input.ant-input:focus {
  border-color: var(--accent-electric) !important;
  box-shadow: 0 0 0 2px var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-electric) 14%, transparent);
  }
}
.command-history-toolbar-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.command-history-action {
  flex: 0 0 auto;
  white-space: nowrap;
  color: var(--accent-electric) !important;
}
.command-list-item {
  width: 100%;
  border: 0;
  border-radius: 14px;
  padding: 12px;
  text-align: left;
  position: relative;
}
.command-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  position: relative;
}
.command-list-head .chat-actions-trigger {
  flex: 0 0 auto;
  color: var(--ink-muted);
}
.command-list-head strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 1.3;
  min-width: 0;
}
.command-list-head span {
  font-size: 11px;
  line-height: 1.3;
  color: var(--ink-muted);
  flex: 0 0 auto;
}
.command-list-meta {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 11px;
  color: var(--ink-muted);
}
.command-list-preview {
  margin-top: 6px;
  font-size: 12px;
  color: var(--text-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.command-empty-state {
  border: 1px dashed var(--line-strong);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, var(--line-strong) 76%, transparent);
  }
  border-radius: 14px;
  padding: 24px 16px;
  text-align: center;
  font-size: 13px;
  color: var(--ink-muted);
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 56%, var(--bg-elev-2));
  }
}
.archive-modal .ant-modal-body {
  padding-top: 8px;
}
.command-switch-toolbar {
  display: grid;
  gap: 12px;
}
.command-scope-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.command-scope-btn {
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 92%, transparent);
  }
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 700;
  color: var(--ink-muted);
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 72%, var(--bg-elev-2));
  }
  box-shadow: none;
}
.command-scope-btn.is-active {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 52%, var(--line-soft));
  }
  color: var(--accent-electric-strong);
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 84%, var(--bg-elev-2));
  }
}
.command-switch-compact-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  width: 100%;
}
.command-switch-worker-icon {
  flex: 0 0 auto;
}
.command-switch-compact-main {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 4px;
}
.command-switch-compact .command-list-head {
  justify-content: flex-start;
}
.command-switch-compact .command-list-head strong, .history-list-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.command-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  overflow: auto;
  padding-right: 4px;
}
.command-detail-card, .command-detail-block {
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 92%, transparent);
  }
  border-radius: 14px;
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 68%, var(--bg-elev-2));
  }
  padding: 14px;
}
.command-detail-label {
  display: block;
  font-size: 11px;
  color: var(--ink-muted);
  margin-bottom: 6px;
}
.command-detail-card strong {
  font-size: 14px;
  color: var(--ink-1);
  word-break: break-word;
}
.command-detail-block {
  grid-column: 1 / -1;
}
.command-detail-block h4 {
  margin: 0 0 10px;
  font-size: 13px;
}
.command-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.command-empty-inline {
  font-size: 12px;
  color: var(--ink-muted);
}
.command-raw-block pre {
  margin: 0;
  max-height: 220px;
  overflow: auto;
  font: 12px/1.55 var(--font-mono);
  color: var(--ink-2);
  white-space: pre-wrap;
  word-break: break-word;
}
.search-filter-bar {
  display: flex;
  align-items: center;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 92%, transparent);
  }
  border-radius: var(--radius-md);
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 92%, var(--bg-elev-2));
  }
  overflow: hidden;
}
.search-filter-bar .ant-input-affix-wrapper {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  flex: 1 1 auto;
  min-width: 0;
}
.search-filter-bar .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  box-shadow: none !important;
}
.filter-trigger {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 4px;
  height: 26px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  color: var(--text-muted);
  flex: 0 0 auto;
}
.filter-trigger:hover {
  color: var(--ink-1);
  background: var(--bg-hover);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-hover) 92%, transparent);
  }
}
.filter-trigger.is-active {
  color: var(--accent-electric-strong);
}
.filter-indicator {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: var(--accent-electric);
}
.automation-console-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent-danger) 42%, var(--line-soft));
  }
  border-radius: var(--radius-md);
  padding: 8px 10px;
  color: var(--accent-danger);
  font-size: 12px;
}
.automation-console-body {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(280px, 0.52fr) minmax(480px, 1.55fr);
  gap: 16px;
  overflow: hidden;
}
.automation-console-list, .automation-console-detail {
  min-width: 0;
  min-height: 0;
}
.automation-console-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
}
.automation-console-detail {
  overflow: auto;
}
.automation-console-count {
  font-size: 12px;
  color: var(--ink-muted);
}
.automation-console-list-scroll {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
  padding-right: 2px;
}
.automation-list-items {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.automation-list-item {
  width: 100%;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--ink-1);
  padding: 8px 10px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.automation-list-item:hover, .automation-list-item.is-active {
  border-color: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-soft) 58%, var(--line-soft));
  }
  background: var(--bg-hover);
}
.automation-list-item-head {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.automation-list-item-title {
  min-width: 0;
  flex: 1;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
}
.automation-list-item-title strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 1.35;
}
.automation-list-item-owner {
  flex: 0 0 auto;
  max-width: 42%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 1.35;
}
.automation-list-item-head .ui-tag {
  flex: 0 0 auto;
}
.automation-list-item-meta {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: var(--ink-muted);
  line-height: 1.35;
}
.registry-list-meta {
  display: flex;
  align-items: center;
  gap: 6px;
}
.registry-list-meta-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.registry-capability-chips {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.registry-capability-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 22px;
  min-width: 22px;
  height: 20px;
  padding: 0;
  border-radius: var(--radius-sm);
}
.registry-capability-chip .material-icon-svg {
  width: 12px;
  height: 12px;
}
.registry-mcp-tools {
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 34%, transparent);
  }
}
.registry-mcp-tool-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.registry-mcp-tool-row {
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 82%, transparent);
  }
  border-radius: var(--radius-sm);
  padding: 9px 10px;
  background: var(--bg-base);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-base) 82%, transparent);
  }
}
.registry-mcp-tool-head {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.registry-mcp-tool-title {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.registry-mcp-tool-title strong {
  min-width: 0;
  font-size: 12px;
  line-height: 1.35;
  color: var(--ink-1);
  overflow-wrap: anywhere;
}
.registry-mcp-tool-title span, .registry-mcp-tool-description, .registry-mcp-tools-empty {
  font-size: 11px;
  line-height: 1.45;
  color: var(--ink-muted);
  overflow-wrap: anywhere;
}
.registry-mcp-tool-badges, .registry-tool-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.registry-mcp-tool-badges {
  justify-content: flex-end;
  flex: 0 0 auto;
}
.registry-mcp-tool-description {
  margin: 7px 0 0;
}
.registry-mcp-tool-row .registry-tool-tags {
  margin-top: 8px;
}
.automation-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
}
.automation-detail-head>div:first-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.automation-detail-head strong {
  font-size: 14px;
}
.automation-detail-head span {
  font-size: 11px;
  color: var(--ink-muted);
  overflow-wrap: anywhere;
}
.automation-detail-actions, .automation-save-actions, .automation-executions-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.automation-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.automation-form-grid .field-group {
  margin-bottom: 0;
}
.automation-cron-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 132px;
  align-items: center;
  gap: 8px;
}
.automation-cron-control select, .automation-cron-control .ant-select {
  min-width: 0;
}
.automation-enabled-field {
  display: flex;
  align-items: flex-end;
}
.automation-enabled-field label, .automation-enabled-field .ant-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin: 0;
  letter-spacing: 0;
  text-transform: none;
}
.automation-enabled-field input {
  width: auto;
}
.automation-mono-textarea {
  font-family: var(--font-mono);
}
.automation-save-actions {
  margin-top: 12px;
}
.automation-request-box {
  margin: 14px 0 0;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-md);
  padding: 12px;
}
.automation-request-box .material-icon {
  transform: scale(.8);
}
.automation-request-box legend {
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--ink-muted);
}
.automation-request-box .field-group:last-child {
  margin-bottom: 0;
}
.registry-console-message {
  border: 1px solid var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent-electric) 28%, var(--line-soft));
  }
  border-radius: var(--radius-md);
  background: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-electric) 7%, transparent);
  }
  color: var(--ink-1);
  font-size: 12px;
  padding: 8px 10px;
}
.registry-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
  font-size: 11px;
  color: var(--ink-muted);
}
.registry-meta-grid span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.registry-diagnostics {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-danger) 28%, var(--line-soft));
  }
  background: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-danger) 5%, transparent);
  }
}
.registry-diagnostic-row {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  font-size: 12px;
}
.registry-diagnostic-row+.registry-diagnostic-row {
  border-top: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb, var(--line-soft) 72%, transparent);
  }
}
.registry-diagnostic-row strong {
  color: var(--accent-danger);
  font-size: 11px;
}
.registry-diagnostic-row span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ink-2);
}
.registry-summary div {
  min-height: 18px;
  font-size: 12px;
  color: var(--ink-2);
  overflow-wrap: anywhere;
}
.registry-editor-field {
  margin-top: 14px;
}
.registry-yaml-editor.ant-input {
  min-height: 420px;
  resize: vertical;
  line-height: 1.5;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}
.registry-dirty {
  color: var(--ink-muted);
  font-size: 12px;
}
.automation-executions {
  margin-top: 18px;
  border-top: 1px solid var(--line-soft);
  padding-top: 12px;
}
.automation-executions-head {
  justify-content: space-between;
  margin-bottom: 8px;
}
.automation-execution-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.automation-execution-row {
  display: grid;
  grid-template-columns: 82px 1.1fr 70px minmax(120px, 1fr);
  gap: 8px;
  align-items: center;
  border-radius: var(--radius-sm);
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 55%, transparent);
  }
  padding: 7px 8px;
  font-size: 11px;
  color: var(--ink-muted);
}
.automation-execution-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-console {
  overflow: hidden;
}
.agent-console-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
}
.agent-console-detail select {
  width: 100%;
  min-height: 32px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 92%, transparent);
  }
  border-radius: var(--radius-md);
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 92%, var(--bg-elev-2));
  }
  color: var(--ink-1);
  font-size: 12px;
  padding: 6px 8px;
}
.agent-console-detail .ant-select {
  min-width: 0;
  width: 100%;
}
.agent-console-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent-danger) 42%, var(--line-soft));
  }
  border-radius: var(--radius-md);
  padding: 8px 10px;
  color: var(--accent-danger);
  font-size: 12px;
}
.agent-console-body {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(280px, 0.52fr) minmax(480px, 1.55fr);
  gap: 16px;
  overflow: hidden;
}
.agent-console-list, .agent-console-detail {
  min-width: 0;
  min-height: 0;
}
.agent-console-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
}
.agent-console-detail {
  overflow: auto;
}
.agent-console-count {
  font-size: 12px;
  color: var(--ink-muted);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.agent-console-list-scroll {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
  padding-right: 2px;
}
.agent-console-list-items {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.agent-console-list-item {
  width: 100%;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--ink-1);
  padding: 8px 10px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.agent-console-list-item:focus-visible {
  outline: 2px solid var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    outline: 2px solid color-mix(in srgb, var(--accent-electric) 68%, transparent);
  }
  outline-offset: 2px;
}
.agent-console-list-item-icon.is-drag-handle {
  cursor: grab;
}
.agent-console-list-item-icon.is-drag-handle:active {
  cursor: grabbing;
}
.agent-console-list-item.is-dragging {
  opacity: 0.55;
}
.agent-console-list-item:hover, .agent-console-list-item.is-active {
  border-color: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-soft) 58%, var(--line-soft));
  }
  background: var(--bg-hover);
}
.agent-console-list-item.is-invalid {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-danger) 34%, transparent);
  }
  background: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-danger) 7%, transparent);
  }
}
.agent-console-list-item-icon {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 22%, var(--bg-input));
  }
  color: var(--accent-electric);
  overflow: hidden;
}
.agent-console-list-item-svg {
  display: block;
}
.agent-console-list-item-icon-col {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.agent-console-list-item-mode-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: var(--ink-muted);
}
.agent-console-list-item-mode-badge svg {
  width: 8px;
  height: 8px;
}
.agent-console-list-item-mode-badge span {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.agent-console-list-item-counts {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.agent-console-list-item-count {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  font-size: 9px;
}
.agent-console-list-item-count-icon {
  width: 9px;
  height: 9px;
}
.agent-console-list-item-count-sep {
  font-size: 8px;
  color: var(--ink-muted);
  opacity: 0.6;
}
.agent-console-list-item-main {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.agent-console-list-item-row {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.agent-console-list-item-row span, .agent-console-list-item-head strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-console-list-item-head {
  color: var(--ink-1);
}
.agent-console-list-item-head strong {
  font-size: 13px;
}
.agent-console-list-item-head span {
  flex: 0 1 auto;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-muted);
}
.agent-console-list-item-head-meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}
.agent-console-status {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}
.agent-console-status.is-invalid {
  background: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-danger) 14%, var(--bg-input));
  }
  color: var(--accent-danger);
}
.agent-console-list-item-meta {
  font-size: 11px;
  color: var(--ink-muted);
}
.agent-console-list-item-meta span {
  font-size: 11px;
  font-weight: 500;
  color: var(--ink-muted);
}
.agent-console-list-item-diagnostic {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--accent-danger);
  font-size: 11px;
  font-weight: 500;
}
.agent-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
}
.agent-detail-head>div:first-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.agent-detail-head strong {
  font-size: 14px;
}
.agent-detail-head span {
  font-size: 11px;
  color: var(--ink-muted);
  overflow-wrap: anywhere;
}
.agent-detail-actions, .agent-save-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.agent-detail-admin-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 14px;
}
.agent-diagnostics, .agent-console-uneditable {
  border: 1px solid var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent-danger) 26%, var(--line-soft));
  }
  border-radius: var(--radius-md);
  background: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-danger) 6%, transparent);
  }
  color: var(--ink-1);
  font-size: 12px;
}
.agent-diagnostics strong {
  color: var(--accent-danger);
  font-weight: 700;
}
.agent-diagnostics {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 9px 10px;
}
.agent-diagnostic-item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.agent-diagnostic-code {
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: 700;
}
.agent-console-uneditable {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  color: var(--accent-danger);
}
.agent-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.agent-form-grid .field-group {
  margin-bottom: 0;
}
.agent-config-box {
  margin: 14px 0 0;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-md);
  padding: 12px;
}
.agent-config-box legend {
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--ink-muted);
}
.agent-config-box .field-group:last-child {
  margin-bottom: 0;
}
.agent-icon-editor, .agent-wonder-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.agent-icon-preview {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.agent-wonders-editor {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.agent-wonder-row {
  grid-template-columns: minmax(0, 1fr) auto;
}
.agent-mono-textarea {
  font-family: var(--font-mono);
}
.agent-prompt-textarea {
  min-height: 120px;
}
.agent-save-actions {
  margin-top: 12px;
}
@media (max-width: 860px) {
  .automation-console-toolbar {
    grid-template-columns: 1fr auto auto;
  }
  .registry-console-toolbar {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
  .registry-category-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .automation-console-body {
    grid-template-columns: 1fr;
    overflow: auto;
  }
  .automation-console-list {
    max-height: 260px;
  }
  .automation-form-grid {
    grid-template-columns: 1fr;
  }
  .automation-execution-row {
    grid-template-columns: 1fr;
  }
  .registry-meta-grid {
    grid-template-columns: 1fr;
  }
  .registry-yaml-editor.ant-input {
    min-height: 320px;
  }
  .agent-console-toolbar {
    grid-template-columns: 1fr auto auto;
  }
  .agent-console-toolbar .ant-input-affix-wrapper {
    grid-column: 1 / -1;
  }
  .agent-console-body {
    grid-template-columns: 1fr;
    overflow: auto;
  }
  .agent-console-list {
    max-height: 260px;
  }
  .agent-form-grid {
    grid-template-columns: 1fr;
  }
}
.settings-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
.settings-head h3 {
  margin: 0;
  font-size: 16px;
}
.settings-head button {
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-muted);
  padding: 4px 10px;
  border-radius: 8px;
}
.settings-head button:hover {
  color: var(--ink-1);
  background: var(--bg-hover);
  box-shadow: none;
}
.field-group {
  margin-bottom: 16px;
}
.field-group label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--ink-muted);
  margin-bottom: 4px;
}
.field-group input {
  width: 100%;
  padding: 8px 10px;
  font-size: 12px;
}
.field-group textarea, .settings-textarea {
  width: 100%;
  padding: 8px 10px;
  font-size: 12px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 92%, transparent);
  }
  border-radius: var(--radius-md);
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 92%, var(--bg-elev-2));
  }
  color: var(--ink-1);
  resize: vertical;
}
.settings-readonly-textarea {
  min-height: 72px;
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 86%, var(--bg-elev-2));
  }
}
.field-group.is-error input, .field-group input.is-error {
  border-color: var(--accent-danger);
}
.settings-error {
  margin: 4px 0 0;
  font-size: 11px;
  color: var(--accent-danger);
}
.settings-hint {
  margin: 6px 0 0;
  font-size: 10px;
  color: var(--ink-muted);
}
.settings-inline-actions {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}
.settings-inline-actions button {
  flex: 1;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 600;
}
.settings-segmented {
  display: inline-flex;
  align-items: center;
  justify-content: stretch;
  gap: 8px;
  width: 100%;
  padding: 4px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 92%, transparent);
  }
  border-radius: 999px;
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 74%, var(--bg-elev-2));
  }
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 36%, transparent);
}
.settings-segmented-btn.ui-btn {
  flex: 1 1 0;
  min-width: 96px;
  border: 0;
  border-radius: 999px;
  padding: 8px 14px;
  color: var(--ink-muted);
  background: transparent;
  box-shadow: none;
}
.settings-segmented-btn.ui-btn:hover:not(:disabled) {
  color: var(--ink-2);
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 82%, transparent);
  }
  box-shadow: none;
}
.settings-segmented-btn.ui-btn.is-active {
  color: var(--accent-electric-strong);
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 88%, var(--bg-elev-2));
  }
  box-shadow: 0 8px 20px var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-soft) 24%, transparent);
  }
}
.settings-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.settings-grid button {
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 600;
}
.settings-toggle {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  color: var(--ink-2) !important;
  margin-bottom: 10px !important;
}
.settings-toggle input {
  width: auto !important;
  margin: 0;
}
.settings-numeric-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.memory-info-page {
  min-height: 100vh;
  display: grid;
  place-items: stretch center;
}
.memory-info-page-card {
  width: 100%;
  height: 100%;
  min-height: 620px;
  padding: 10px;
}
.memory-info-input, .memory-info-select {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  font-size: 13px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 92%, transparent);
  }
  border-radius: 12px;
  background: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-input) 92%, var(--bg-elev-2));
  }
  color: var(--ink-1);
}
.memory-info-pane-list .memory-info-input, .memory-info-pane-list .memory-info-select {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 10px;
  font-size: 12px;
}
.memory-info-pane-list .memory-info-select {
  padding-right: 34px;
  background-position: right 10px center;
  background-size: 14px 14px;
}
.memory-info-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3E%3Cpath d=%27M4 6L8 10L12 6%27 stroke=%27%235C667A%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 16px;
}
.memory-info-input:focus, .memory-info-select:focus {
  outline: none;
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 48%, var(--line-soft));
  }
  box-shadow: 0 0 0 3px var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-soft) 32%, transparent);
  }
}
#fireworks-canvas {
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
}
.command-status-overlay {
  position: fixed;
  inset: 0;
  z-index: 950;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  padding: 24px;
}
.command-status-card {
  min-width: min(320px, calc(100vw - 48px));
  max-width: min(420px, calc(100vw - 48px));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 18px 24px;
  border-radius: 22px;
  border: 1px solid var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent-electric) 26%, var(--line-soft));
  }
  background: radial-gradient(circle at top, var(--accent-soft), transparent 62%), var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(circle at top, color-mix(in srgb, var(--accent-soft) 74%, transparent), transparent 62%), color-mix(in srgb, var(--bg-elev-2) 92%, rgba(9, 16, 33, 0.14));
  }
  box-shadow: 0 20px 60px rgba(14, 32, 72, 0.22);
  backdrop-filter: blur(16px);
  animation: command-status-in 0.28s ease both;
}
.command-status-card.is-pending {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 34%, var(--line-soft));
  }
}
.command-status-card.is-success {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 28%, var(--line-soft));
  }
}
.command-status-card.is-error {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-danger) 42%, var(--line-soft));
  }
  background: radial-gradient(circle at top, var(--accent-danger), transparent 62%), var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(circle at top, color-mix(in srgb, var(--accent-danger) 22%, transparent), transparent 62%), color-mix(in srgb, var(--bg-elev-2) 94%, rgba(78, 16, 16, 0.14));
  }
  animation: command-status-in 0.22s ease both, command-status-error 0.36s ease;
}
.command-status-orb {
  position: relative;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.command-status-orb span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  border: 1px solid var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--accent-electric) 48%, transparent);
  }
  animation: command-status-pulse 1.35s ease-in-out infinite;
}
.command-status-orb span:nth-child(2) {
  inset: 4px;
  animation-delay: -0.24s;
}
.command-status-orb span:nth-child(3) {
  inset: 9px;
  background: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-electric) 88%, white 12%);
  }
  border-color: transparent;
  animation: command-status-core 1.2s ease-in-out infinite;
}
.command-status-card.is-error .command-status-orb span {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-danger) 54%, transparent);
  }
}
.command-status-card.is-error .command-status-orb span:nth-child(3) {
  background: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-danger) 88%, white 12%);
  }
}
.command-status-card.is-success .command-status-orb span {
  animation-play-state: paused;
}
.command-status-text {
  font: 700 18px/1.25 "IBM Plex Sans", "Noto Sans SC", sans-serif;
  letter-spacing: 0.01em;
  color: var(--ink-1);
  text-align: center;
}
.global-search-panel {
  display: flex;
  flex-direction: column;
}
.global-search-box {
  flex: 0 0 auto;
}
.global-search-input {
  width: 100%;
  color: var(--ink-1);
  font-size: 14px;
  outline: none;
  background-color: transparent;
  border: 0;
  padding: 10px;
}
.global-search-input::-moz-placeholder {
  color: var(--ink-muted);
}
.global-search-input::placeholder {
  color: var(--ink-muted);
}
.global-search-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 60vh;
  overflow: auto;
}
.global-search-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.global-search-group-label {
  padding: 4px 8px;
  color: var(--ink-muted);
}
.global-search-row {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  border: none;
  border-radius: 16px;
  background: transparent;
  color: var(--ink-1);
  padding: 4px;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.35;
  outline: none;
}
.global-search-row:focus, .global-search-row:hover {
  background: var(--bg-hover);
}
.global-search-row:focus {
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 30%, var(--bg-hover));
  }
}
.global-search-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--ink-muted);
}
.global-search-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-search-role {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--ink-muted);
  max-width: 36%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-search-snippet {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--text-muted);
  max-width: 52%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-search-time {
  flex: 0 0 auto;
  font-size: 10px;
  font-family: var(--font-mono);
  color: var(--ink-muted);
  margin-left: auto;
  padding-left: 4px;
}
.global-search-awaiting {
  flex: 0 0 auto;
  font-size: 10px;
  color: var(--accent-warn);
  white-space: nowrap;
  background: var(--accent-warn);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-warn) 10%, transparent);
  }
  padding: 1px 6px;
  border-radius: 4px;
  line-height: 1.4;
}
.global-search-loading {
  flex: 0 0 auto;
  font-size: 12px;
  color: var(--text-sub);
  animation: ui-spin 1s linear infinite;
}
.global-search-empty {
  padding: 24px 16px;
  text-align: center;
  font-size: 13px;
  color: var(--ink-muted);
}
@media (max-width: 640px) {
  .global-search-role, .global-search-snippet, .global-search-time, .global-search-awaiting {
    display: none;
  }
}
.worker-popover .ant-popover-inner {
  overflow: hidden;
  border-radius: 14px;
}
.worker-popover .ant-popover-inner-content {
  padding: 0 !important;
}
.worker-collapse .ant-collapse-item {
  border-radius: 8px !important;
  overflow: hidden;
}
.worker-collapse .ant-collapse-item.ant-collapse-item-active {
  box-shadow: var(--shadow-soft);
  background: var(--bg-card);
}
.worker-collapse .ant-collapse-item:hover:not(.ant-collapse-item-active) {
  background: var(--bg-hover);
}
.worker-collapse .ant-collapse-item-active>.ant-collapse-header {
  align-items: flex-start !important;
  padding: 6px 10px !important;
}
.worker-collapse .ant-collapse-header {
  align-items: flex-start !important;
  padding: 6px 2px !important;
}
.worker-collapse .ant-collapse-expand-icon {
  padding-top: 10px;
}
.worker-collapse .ant-collapse-header-text {
  min-width: 0;
  flex: 1;
}
.worker-collapse .ant-collapse-content {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  background: transparent;
}
.worker-collapse .ant-collapse-content-box {
  padding: 0 !important;
}
.worker-panel-header {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.worker-panel-role {
  font-size: 11px;
  color: var(--text-muted);
  margin-left: 8px;
}
.worker-panel-icon {
  transition: transform 0.2s ease-in-out;
}
.worker-collapse .ant-collapse-item-active .worker-panel-new {
  display: unset;
}
.ant-collapse-item-active .worker-panel-preview {
  height: 0;
}
.ant-collapse-item-active>.ant-collapse-header .ant-badge {
  display: none;
}
.worker-panel-preview {
  font-size: 12px;
  height: 20px;
  transition: height 0.2s ease-in-out;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.worker-collapse .worker-panel-new {
  display: none;
  width: 20px !important;
  height: 20px !important;
  color: var(--text-muted);
}
.worker-collapse .worker-panel-new .material-icon {
  font-size: 16px;
}
.worker-collapse .worker-panel-new.ui-icon-hover-20 .material-icon, .worker-popover-new.ui-icon-hover-20 .material-icon {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.worker-terminal-active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  color: var(--accent-electric-strong);
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 72%, transparent);
  }
  flex: 0 0 auto;
}
.worker-terminal-active.is-busy {
  animation: status-pulse 1s ease-in-out infinite;
  color: var(--accent-lime);
  background: var(--accent-lime);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-lime) 16%, transparent);
  }
}
.worker-terminal-active .material-icon {
  font-size: 14px;
}
.worker-panel-time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 4px;
}
.worker-panel-time-label {
  font-size: 11px;
  color: var(--text-muted);
}
.worker-popover-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px 8px;
}
.worker-popover-header-main {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.worker-popover-header-icon {
  transform: scale(0.78);
}
.worker-popover-header-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
  color: var(--ink-1);
}
.worker-popover-new {
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  color: var(--text-muted);
}
.worker-panel-extra-btn {
  min-width: 0;
}
.worker-history-modal .ant-modal-body {
  padding-top: 8px;
}
.worker-chat-sidebar {
  position: fixed;
  top: calc(var(--top-nav-height) + 16px);
  right: calc(var(--right-sidebar-width) + 16px);
  bottom: 88px;
  width: 280px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 96%, transparent);
  }
  border-radius: 12px;
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 98%, transparent);
  }
  box-shadow: var(--shadow-medium);
  display: flex;
  flex-direction: column;
  z-index: 26;
}
.worker-chat-sidebar.is-collapsed {
  display: none;
}
.worker-chat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line-soft);
}
.worker-chat-head h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}
.worker-chat-collapse-btn {
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 11px;
}
.worker-chat-item:hover, .worker-chat-item.is-active, .worker-chat-item.is-selected {
  background-color: transparent;
  color: var(--text-main);
}
.worker-chat-item.is-active, .worker-chat-item.is-selected {
  font-weight: bold;
}
[data-action] .worker-chat-loading {
  position: absolute;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  transition: none;
  display: none;
}
[data-action] .chat-actions-trigger {
  display: none;
}
[data-action] .worker-chat-loading {
  transform: none;
  top: unset;
  color: var(--text-sub);
}
[data-action="loading"] .worker-chat-loading, [data-action="awaiting"] .worker-chat-loading {
  display: unset;
}
.worker-chat-loading {
  animation: ui-spin 1s linear infinite;
  font-size: 14px;
  color: var(--text-sub);
  margin-right: 2px;
}
[data-action] .worker-panel-time-label {
  opacity: 0;
  text-align: right;
  white-space: nowrap;
}
[data-action="time"] .worker-panel-time-label {
  opacity: 1;
}
.worker-chat-item .chat-actions-trigger {
  color: var(--text-muted);
}
.worker-chat-item:hover [data-action]:not([data-action="loading"]):not([data-action="awaiting"]) .chat-actions-trigger {
  display: unset;
}
.worker-chat-item:hover .worker-panel-time-label {
  opacity: 0;
}
.worker-chat-more:hover {
  color: var(--text-main);
}
.awaiting-answer-item {
  gap: 4px;
}
.awaiting-answer-question {
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-muted);
}
.awaiting-answer-value {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-main);
  white-space: pre-wrap;
}
.worker-chat-float-btn {
  position: fixed;
  right: 0;
  top: 86px;
  transform: none;
  z-index: 27;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 10px 0 0 10px;
  border: 1px solid var(--line-strong);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-strong) 82%, var(--line-soft));
  }
  border-right: 0;
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 94%, var(--bg-input));
  }
  color: var(--ink-2);
  padding: 8px 6px !important;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  letter-spacing: 0.04em;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  box-shadow: var(--shadow-medium) !important;
}
.worker-chat-float-btn:hover {
  background: var(--bg-hover);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-hover) 76%, var(--bg-elev-2));
  }
  color: var(--accent-electric-strong);
  box-shadow: 0 10px 20px rgba(10, 38, 87, 0.18) !important;
}
.layout-desktop-fixed.desktop-debug-disabled .worker-chat-sidebar {
  right: 18px;
}
.layout-desktop-fixed.desktop-debug-disabled .worker-chat-float-btn {
  right: 0;
}
.layout-desktop-fixed.desktop-debug-enabled .worker-chat-float-btn {
  right: var(--right-sidebar-width);
}
.agents-page {
  max-width: none;
  margin: 0;
  height: 100vh;
  padding: 10px;
  background: var(--bg-base);
  color: var(--ink-1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.archives-page {
  max-width: none;
  margin: 0;
  height: 100vh;
  padding: 10px;
  background: var(--bg-base);
  color: var(--ink-1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.archives-page>.archive-console {
  flex: 1 1 auto;
  min-height: 0;
}
.automations-page {
  max-width: none;
  margin: 0;
  min-height: 100vh;
  padding: 10px;
  background: var(--bg-base);
  color: var(--ink-1);
  overflow: auto;
}
.automations-console-page, .registries-page, .skills-page {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.automations-console-page>.automation-console, .registries-page>.registry-console, .skills-page>.skill-console {
  flex: 1 1 auto;
  min-height: 0;
}
.agents-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 16px;
}
.agents-page-head h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
}
.agents-page-head p {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--ink-2);
}
#settings-btn {
  margin: 0 6px;
  justify-content: space-between;
  gap: 10px;
}
#settings-btn>.ui-btn-label {
  width: 100%;
  justify-content: space-between;
}
#settings-btn .material-icon, #settings-btn .material-icon-svg {
  width: 16px;
  height: 16px;
}
#settings-btn .material-icon {
  font-size: 16px;
}
.settings-trigger-summary {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.settings-summary-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--line-soft) 84%, transparent);
  }
  border-radius: 999px;
  background: var(--bg-elev-1);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-1) 92%, transparent);
  }
  color: var(--ink-muted);
  font: 600 10px/1 var(--font-mono);
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.settings-summary-chip-icon {
  font-size: 16px;
}
.sidebar-settings-popover .ant-popover-inner {
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  width: calc(var(--left-sidebar-width) - 10px);
}
.sidebar-settings-popover .ant-popover-inner-content {
  padding: 0;
}
.sidebar-settings-menu {
  padding: 10px;
  background: var(--bg-elev-2);
}
.sidebar-settings-section+.sidebar-settings-section {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb, var(--line-soft) 78%, transparent);
  }
}
.sidebar-settings-section-title {
  margin: 0 2px 8px;
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.sidebar-settings-section-body {
  display: grid;
  gap: 6px;
}
.sidebar-settings-item.ui-btn {
  width: 100%;
  padding: 9px 10px;
  justify-content: flex-start;
  text-align: left;
  border-radius: 12px;
}
.sidebar-settings-item.ui-btn:hover:not(:disabled) {
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 82%, var(--bg-elev-2));
  }
  color: var(--ink-1);
}
.sidebar-settings-item.ui-btn.is-active {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--accent-electric) 36%, var(--line-soft));
  }
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 84%, var(--bg-elev-2));
  }
}
.sidebar-settings-item.ui-btn.is-disabled {
  opacity: 0.6;
}
.sidebar-settings-item-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 4px;
}
.sidebar-settings-item-head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sidebar-settings-item-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.sidebar-settings-item-icon .material-icon-svg {
  width: 16px;
  height: 16px;
}
.sidebar-settings-item-label {
  color: var(--ink-1);
  font-size: 13px;
  font-weight: 600;
}
.sidebar-settings-item-badge {
  margin-left: auto;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--accent-soft) 84%, transparent);
  }
  color: var(--accent-electric-strong);
  font-size: 10px;
  font-weight: 700;
}
.sidebar-settings-item-description {
  color: var(--ink-muted);
  font-size: 11px;
  line-height: 1.4;
  white-space: normal;
}
html[data-theme="dark"] .settings-summary-chip {
  background: var(--bg-elev-1);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-1) 88%, transparent);
  }
}
html[data-theme="dark"] .sidebar-settings-popover .ant-popover-inner {
  background: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-elev-2) 96%, transparent);
  }
}
html[data-theme="dark"] .sidebar-settings-menu {
  background: var(--bg-base);
}
@media (max-width: 1279px) {
  .brand-cluster {
    gap: 10px;
  }
  .worker-chat-sidebar {
    top: 66px;
    right: 16px;
    bottom: 92px;
    width: min(300px, calc(100vw - 24px));
  }
  .worker-chat-float-btn {
    right: 0;
    top: 78px;
    bottom: auto;
    padding: 7px 5px !important;
    font-size: 10px;
  }
}
.layout-copilot .messages-scroll {
  padding: 12px 10px 14px;
}
.layout-copilot .timeline-stack {
  max-width: none;
}
.layout-copilot .timeline-empty {
  max-width: 260px;
  font-size: 17px;
  line-height: 1.35;
}
.layout-copilot .timeline-lane, .layout-copilot .timeline-run-items {
  gap: 8px;
}
.layout-copilot .timeline-row-user {
  max-width: 92%;
  padding-left: 8px;
}
.layout-copilot .timeline-row-flow {
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 8px;
}
.layout-copilot .timeline-marker, .layout-copilot .node-icon {
  width: 14px;
}
.layout-copilot .node-icon .material-icon {
  font-size: 16px;
}
.layout-copilot .timeline-text {
  font-size: 12px;
  line-height: 1.56;
}
.layout-copilot .timeline-user-bubble {
  padding: 8px 11px;
  border-radius: 12px;
  border-top-right-radius: 7px;
}
.layout-copilot .timeline-run-meta, .layout-copilot .timeline-task-group {
  margin-left: 20px;
}
.layout-copilot .timeline-task-group-header {
  min-height: 30px;
  gap: 6px;
  padding: 4px 7px;
}
.layout-copilot .timeline-task-group-agent {
  max-width: 86px;
}
.layout-copilot .timeline-task-group-title {
  font-size: 11px;
}
.layout-copilot .timeline-task-group-duration {
  display: none;
}
.layout-copilot .timeline-meta-row, .layout-copilot .timeline-run-meta {
  gap: 6px;
}
.layout-copilot .timeline-markdown table, .layout-copilot .timeline-markdown pre {
  font-size: 11px;
}
.layout-copilot .composer-stack {
  gap: 8px;
}
.layout-copilot .composer-layout {
  gap: 8px;
}
.layout-copilot .composer-pill {
  --composer-main-min-height: 78px;
  border-radius: 10px;
  padding: 5px 5px 5px 10px;
}
.layout-copilot .composer-pill textarea {
  font-size: 12px;
}
.layout-copilot .composer-control-row, .layout-copilot .composer-actions {
  gap: 5px;
}
.layout-copilot .composer-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.layout-copilot .composer-control-field {
  gap: 6px;
}
.layout-copilot .composer-wonders-header {
  display: none;
}
.layout-copilot .composer-wonders-grid {
  grid-template-columns: 1fr;
  gap: 6px;
}
.layout-copilot .composer-wonder-card {
  border-radius: 8px;
  padding: 9px 10px;
  gap: 5px;
}
.layout-copilot .composer-wonder-text {
  font-size: 12px;
  line-height: 1.45;
}
.layout-copilot .floating-plan .plan-header {
  min-height: 38px;
  border-radius: 10px;
  padding: 7px 9px;
}
.layout-copilot .plan-title {
  font-size: 11px;
}
.layout-copilot .plan-header-badges {
  gap: 4px;
  overflow: hidden;
}
.layout-copilot .floating-plan.is-expanded .plan-list {
  max-height: min(240px, calc(100dvh - 220px));
}
.layout-copilot .settings-modal, .layout-copilot .command-modal, .layout-copilot .memory-info-modal {
  max-width: min(100vw, 360px);
}
.layout-copilot .settings-card, .layout-copilot .command-modal-card, .layout-copilot .command-modal-card.is-automation-console, .layout-copilot .memory-info-card {
  width: 100%;
}
.layout-copilot .settings-card {
  max-height: unset;
}
.layout-copilot .command-modal-title span {
  font-size: 16px;
}
.layout-copilot .command-detail-grid, .layout-copilot .automation-console-body, .layout-copilot .automation-form-grid, .layout-copilot .settings-preferences-grid, .layout-copilot .settings-grid, .layout-copilot .settings-numeric-grid, .layout-copilot .memory-info-layout, .layout-copilot .archive-console, .layout-copilot .archive-modal-layout {
  grid-template-columns: 1fr;
}
.layout-copilot .command-scope-group, .layout-copilot .settings-segmented, .layout-copilot .automation-console-toolbar, .layout-copilot .automation-detail-actions, .layout-copilot .automation-save-actions {
  flex-wrap: wrap;
}
.layout-copilot .command-list-head {
  align-items: flex-start;
}
.layout-copilot .command-list-head strong, .layout-copilot .command-list-preview {
  white-space: normal;
  overflow-wrap: anywhere;
}
.layout-copilot .command-switch-compact .command-list-item {
  padding: 9px 10px;
}
.layout-copilot .command-switch-compact .command-list-head {
  align-items: center;
  gap: 8px;
}
.layout-copilot .command-switch-compact .command-list-head strong {
  white-space: nowrap;
}
.layout-copilot .command-switch-compact .command-list-meta {
  font-size: 12px;
}
.layout-copilot .command-switch-worker-icon {
  width: 28px;
  height: 28px;
}
.layout-copilot .history-list-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.35;
}
.layout-copilot .history-list-action-time {
  font-size: 12px;
}
.layout-copilot .command-modal-section {
  gap: 10px;
}
.layout-copilot .history-list-container .command-list-preview {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: initial;
  overflow-wrap: anywhere;
}
.layout-copilot .command-history-toolbar-actions {
  margin-left: auto;
}
.layout-copilot .settings-segmented-btn.ui-btn {
  min-width: 0;
}
html[data-theme="dark"] .copilot-topbar, html[data-theme="dark"] .layout-copilot .bottom-dock {
  background: var(--bg-base);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-base) 94%, transparent);
  }
}
html[data-theme="dark"] .copilot-side-panel {
  background: var(--bg-base);
}
.ant-drawer .copilot-drawer .ant-drawer-header {
  min-height: 0;
  padding-top: 18px;
  padding-bottom: 18px;
}
.ant-drawer .copilot-drawer .ant-drawer-header-title {
  line-height: 1.35;
}
.copilot-drawer .ant-drawer-body {
  padding: 10px;
}
.tw\:pointer-events-auto {
  pointer-events: auto;
}
.tw\:pointer-events-none {
  pointer-events: none;
}
.tw\:\!absolute {
  position: absolute !important;
}
.tw\:\!relative {
  position: relative !important;
}
.tw\:absolute {
  position: absolute;
}
.tw\:fixed {
  position: fixed;
}
.tw\:relative {
  position: relative;
}
.tw\:sticky {
  position: sticky;
}
.tw\:inset-x-0 {
  inset-inline: 0;
}
.tw\:inset-y-0 {
  inset-block: 0;
}
.tw\:\!-top-1 {
  top: calc(var(--tw-spacing) * -1) !important;
}
.tw\:-top-1 {
  top: calc(var(--tw-spacing) * -1);
}
.tw\:top-1\/2 {
  top: calc(1 / 2 * 100%);
}
.tw\:top-\[5px\] {
  top: 5px;
}
.tw\:top-\[calc\(100\%\+10px\)\] {
  top: calc(100% + 10px);
}
.tw\:\!-right-1 {
  right: calc(var(--tw-spacing) * -1) !important;
}
.tw\:-right-1\.5 {
  right: calc(var(--tw-spacing) * -1.5);
}
.tw\:right-0 {
  right: 0;
}
.tw\:right-\[5px\] {
  right: 5px;
}
.tw\:bottom-0 {
  bottom: 0;
}
.tw\:bottom-auto {
  bottom: auto;
}
.tw\:bottom-full {
  bottom: 100%;
}
.tw\:left-0 {
  left: 0;
}
.tw\:z-10 {
  z-index: 10;
}
.tw\:z-30 {
  z-index: 30;
}
.tw\:z-50 {
  z-index: 50;
}
.tw\:z-\[2\] {
  z-index: 2;
}
.tw\:z-\[22\] {
  z-index: 22;
}
.tw\:z-\[45\] {
  z-index: 45;
}
.tw\:z-\[60\] {
  z-index: 60;
}
.tw\:z-\[80\] {
  z-index: 80;
}
.tw\:col-\[2\/3\] {
  grid-column: 2/3;
}
.tw\:col-span-full {
  grid-column: 1 / -1;
}
.tw\:col-start-2 {
  grid-column-start: 2;
}
.tw\:row-span-2 {
  grid-row: span 2 / span 2;
}
.tw\:row-start-1 {
  grid-row-start: 1;
}
.tw\:row-start-3 {
  grid-row-start: 3;
}
.tw\:m-0 {
  margin: 0;
}
.tw\:m-2 {
  margin: calc(var(--tw-spacing) * 2);
}
.tw\:m-2\.5 {
  margin: calc(var(--tw-spacing) * 2.5);
}
.tw\:m-\[0_10px_10px\] {
  margin: 0 10px 10px;
}
.tw\:m-auto {
  margin: auto;
}
.tw\:mx-1 {
  margin-inline: var(--tw-spacing);
}
.tw\:mx-5 {
  margin-inline: calc(var(--tw-spacing) * 5);
}
.tw\:my-1 {
  margin-block: var(--tw-spacing);
}
.tw\:my-2 {
  margin-block: calc(var(--tw-spacing) * 2);
}
.tw\:my-5 {
  margin-block: calc(var(--tw-spacing) * 5);
}
.tw\:mt-0 {
  margin-top: 0;
}
.tw\:mt-0\.5 {
  margin-top: calc(var(--tw-spacing) * 0.5);
}
.tw\:mt-1 {
  margin-top: var(--tw-spacing);
}
.tw\:mt-1\.5 {
  margin-top: calc(var(--tw-spacing) * 1.5);
}
.tw\:mt-2 {
  margin-top: calc(var(--tw-spacing) * 2);
}
.tw\:mt-2\.5 {
  margin-top: calc(var(--tw-spacing) * 2.5);
}
.tw\:mt-3 {
  margin-top: calc(var(--tw-spacing) * 3);
}
.tw\:mt-3\.5 {
  margin-top: calc(var(--tw-spacing) * 3.5);
}
.tw\:mt-20 {
  margin-top: calc(var(--tw-spacing) * 20);
}
.tw\:mt-\[7px\] {
  margin-top: 7px;
}
.tw\:mt-\[9px\] {
  margin-top: 9px;
}
.tw\:mt-\[18px\] {
  margin-top: 18px;
}
.tw\:mr-0 {
  margin-right: 0;
}
.tw\:mr-0\.5 {
  margin-right: calc(var(--tw-spacing) * 0.5);
}
.tw\:mr-1 {
  margin-right: var(--tw-spacing);
}
.tw\:mr-2\.5 {
  margin-right: calc(var(--tw-spacing) * 2.5);
}
.tw\:mr-\[5px\] {
  margin-right: 5px;
}
.tw\:mb-0 {
  margin-bottom: 0;
}
.tw\:mb-0\.5 {
  margin-bottom: calc(var(--tw-spacing) * 0.5);
}
.tw\:mb-1 {
  margin-bottom: var(--tw-spacing);
}
.tw\:mb-1\.5 {
  margin-bottom: calc(var(--tw-spacing) * 1.5);
}
.tw\:mb-2 {
  margin-bottom: calc(var(--tw-spacing) * 2);
}
.tw\:mb-3 {
  margin-bottom: calc(var(--tw-spacing) * 3);
}
.tw\:mb-3\.5 {
  margin-bottom: calc(var(--tw-spacing) * 3.5);
}
.tw\:mb-\[3px\] {
  margin-bottom: 3px;
}
.tw\:ml-2 {
  margin-left: calc(var(--tw-spacing) * 2);
}
.tw\:ml-3\.5 {
  margin-left: calc(var(--tw-spacing) * 3.5);
}
.tw\:ml-6 {
  margin-left: calc(var(--tw-spacing) * 6);
}
.tw\:ml-\[5px\] {
  margin-left: 5px;
}
.tw\:ml-\[34px\] {
  margin-left: 34px;
}
.tw\:ml-\[calc\(-1\*var\(--query-anchor-offset\,56px\)\)\] {
  margin-left: calc(-1 * var(--query-anchor-offset,56px));
}
.tw\:ml-auto {
  margin-left: auto;
}
.tw\:ml-px {
  margin-left: 1px;
}
.tw\:box-border {
  box-sizing: border-box;
}
.tw\:line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tw\:line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.tw\:\!flex {
  display: flex !important;
}
.tw\:\!grid {
  display: grid !important;
}
.tw\:\!hidden {
  display: none !important;
}
.tw\:\!inline-flex {
  display: inline-flex !important;
}
.tw\:\[display\:-webkit-box\] {
  display: -webkit-box;
}
.tw\:block {
  display: block;
}
.tw\:flex {
  display: flex;
}
.tw\:grid {
  display: grid;
}
.tw\:hidden {
  display: none;
}
.tw\:inline-block {
  display: inline-block;
}
.tw\:inline-flex {
  display: inline-flex;
}
.tw\:size-1\.5 {
  width: calc(var(--tw-spacing) * 1.5);
  height: calc(var(--tw-spacing) * 1.5);
}
.tw\:size-6 {
  width: calc(var(--tw-spacing) * 6);
  height: calc(var(--tw-spacing) * 6);
}
.tw\:size-\[18px\] {
  width: 18px;
  height: 18px;
}
.tw\:\!h-3\.5 {
  height: calc(var(--tw-spacing) * 3.5) !important;
}
.tw\:\!h-5 {
  height: calc(var(--tw-spacing) * 5) !important;
}
.tw\:\!h-6 {
  height: calc(var(--tw-spacing) * 6) !important;
}
.tw\:\!h-8 {
  height: calc(var(--tw-spacing) * 8) !important;
}
.tw\:h-1\.5 {
  height: calc(var(--tw-spacing) * 1.5);
}
.tw\:h-2 {
  height: calc(var(--tw-spacing) * 2);
}
.tw\:h-3 {
  height: calc(var(--tw-spacing) * 3);
}
.tw\:h-3\.5 {
  height: calc(var(--tw-spacing) * 3.5);
}
.tw\:h-4 {
  height: calc(var(--tw-spacing) * 4);
}
.tw\:h-5 {
  height: calc(var(--tw-spacing) * 5);
}
.tw\:h-6 {
  height: calc(var(--tw-spacing) * 6);
}
.tw\:h-7 {
  height: calc(var(--tw-spacing) * 7);
}
.tw\:h-8 {
  height: calc(var(--tw-spacing) * 8);
}
.tw\:h-9 {
  height: calc(var(--tw-spacing) * 9);
}
.tw\:h-11 {
  height: calc(var(--tw-spacing) * 11);
}
.tw\:h-\[1em\] {
  height: 1em;
}
.tw\:h-\[2px\] {
  height: 2px;
}
.tw\:h-\[5px\] {
  height: 5px;
}
.tw\:h-\[7px\] {
  height: 7px;
}
.tw\:h-\[9px\] {
  height: 9px;
}
.tw\:h-\[18px\] {
  height: 18px;
}
.tw\:h-\[26px\] {
  height: 26px;
}
.tw\:h-\[30px\] {
  height: 30px;
}
.tw\:h-\[34px\] {
  height: 34px;
}
.tw\:h-\[100dvh\] {
  height: 100dvh;
}
.tw\:h-\[200px\] {
  height: 200px;
}
.tw\:h-\[min\(88vh\,940px\)\] {
  height: min(88vh, 940px);
}
.tw\:h-\[min\(320px\,48vh\)\] {
  height: min(320px, 48vh);
}
.tw\:h-auto {
  height: auto;
}
.tw\:h-full {
  height: 100%;
}
.tw\:h-px {
  height: 1px;
}
.tw\:h-screen {
  height: 100vh;
}
.tw\:max-h-0 {
  max-height: 0;
}
.tw\:max-h-\[50\%\] {
  max-height: 50%;
}
.tw\:max-h-\[50vh\] {
  max-height: 50vh;
}
.tw\:max-h-\[60vh\] {
  max-height: 60vh;
}
.tw\:max-h-\[70vh\] {
  max-height: 70vh;
}
.tw\:max-h-\[248px\] {
  max-height: 248px;
}
.tw\:max-h-\[260px\] {
  max-height: 260px;
}
.tw\:max-h-\[360px\] {
  max-height: 360px;
}
.tw\:max-h-\[430px\] {
  max-height: 430px;
}
.tw\:max-h-\[520px\] {
  max-height: 520px;
}
.tw\:max-h-\[calc\(100vh-48px\)\] {
  max-height: calc(100vh - 48px);
}
.tw\:max-h-\[min\(70vh\,620px\)\] {
  max-height: min(70vh, 620px);
}
.tw\:max-h-\[min\(72vh\,720px\)\] {
  max-height: min(72vh, 720px);
}
.tw\:max-h-\[min\(82vh\,860px\)\] {
  max-height: min(82vh, 860px);
}
.tw\:max-h-\[min\(320px\,calc\(100vh-120px\)\)\] {
  max-height: min(320px, calc(100vh - 120px));
}
.tw\:max-h-full {
  max-height: 100%;
}
.tw\:max-h-none {
  max-height: none;
}
.tw\:\!min-h-5 {
  min-height: calc(var(--tw-spacing) * 5) !important;
}
.tw\:\!min-h-7 {
  min-height: calc(var(--tw-spacing) * 7) !important;
}
.tw\:\!min-h-8 {
  min-height: calc(var(--tw-spacing) * 8) !important;
}
.tw\:\!min-h-\[54px\] {
  min-height: 54px !important;
}
.tw\:min-h-0 {
  min-height: 0;
}
.tw\:min-h-4 {
  min-height: calc(var(--tw-spacing) * 4);
}
.tw\:min-h-5 {
  min-height: calc(var(--tw-spacing) * 5);
}
.tw\:min-h-6 {
  min-height: calc(var(--tw-spacing) * 6);
}
.tw\:min-h-8 {
  min-height: calc(var(--tw-spacing) * 8);
}
.tw\:min-h-10 {
  min-height: calc(var(--tw-spacing) * 10);
}
.tw\:min-h-28 {
  min-height: calc(var(--tw-spacing) * 28);
}
.tw\:min-h-\[10px\] {
  min-height: 10px;
}
.tw\:min-h-\[18px\] {
  min-height: 18px;
}
.tw\:min-h-\[22px\] {
  min-height: 22px;
}
.tw\:min-h-\[30px\] {
  min-height: 30px;
}
.tw\:min-h-\[50px\] {
  min-height: 50px;
}
.tw\:min-h-\[58px\] {
  min-height: 58px;
}
.tw\:min-h-\[120px\] {
  min-height: 120px;
}
.tw\:min-h-\[124px\] {
  min-height: 124px;
}
.tw\:min-h-\[140px\] {
  min-height: 140px;
}
.tw\:min-h-\[200px\] {
  min-height: 200px;
}
.tw\:min-h-\[360px\] {
  min-height: 360px;
}
.tw\:min-h-\[420px\] {
  min-height: 420px;
}
.tw\:min-h-\[480px\] {
  min-height: 480px;
}
.tw\:min-h-\[520px\] {
  min-height: 520px;
}
.tw\:min-h-\[min\(88vh\,940px\)\] {
  min-height: min(88vh, 940px);
}
.tw\:min-h-\[var\(--composer-main-min-height\)\] {
  min-height: var(--composer-main-min-height);
}
.tw\:min-h-\[var\(--top-nav-height\)\] {
  min-height: var(--top-nav-height);
}
.tw\:min-h-full {
  min-height: 100%;
}
.tw\:min-h-screen {
  min-height: 100vh;
}
.tw\:\!w-3\.5 {
  width: calc(var(--tw-spacing) * 3.5) !important;
}
.tw\:\!w-5 {
  width: calc(var(--tw-spacing) * 5) !important;
}
.tw\:\!w-6 {
  width: calc(var(--tw-spacing) * 6) !important;
}
.tw\:\!w-7 {
  width: calc(var(--tw-spacing) * 7) !important;
}
.tw\:\!w-8 {
  width: calc(var(--tw-spacing) * 8) !important;
}
.tw\:\!w-auto {
  width: auto !important;
}
.tw\:\!w-full {
  width: 100% !important;
}
.tw\:w-1 {
  width: var(--tw-spacing);
}
.tw\:w-1\.5 {
  width: calc(var(--tw-spacing) * 1.5);
}
.tw\:w-2 {
  width: calc(var(--tw-spacing) * 2);
}
.tw\:w-3 {
  width: calc(var(--tw-spacing) * 3);
}
.tw\:w-3\.5 {
  width: calc(var(--tw-spacing) * 3.5);
}
.tw\:w-4 {
  width: calc(var(--tw-spacing) * 4);
}
.tw\:w-5 {
  width: calc(var(--tw-spacing) * 5);
}
.tw\:w-6 {
  width: calc(var(--tw-spacing) * 6);
}
.tw\:w-7 {
  width: calc(var(--tw-spacing) * 7);
}
.tw\:w-8 {
  width: calc(var(--tw-spacing) * 8);
}
.tw\:w-11 {
  width: calc(var(--tw-spacing) * 11);
}
.tw\:w-40 {
  width: calc(var(--tw-spacing) * 40);
}
.tw\:w-\[5px\] {
  width: 5px;
}
.tw\:w-\[7px\] {
  width: 7px;
}
.tw\:w-\[9px\] {
  width: 9px;
}
.tw\:w-\[18px\] {
  width: 18px;
}
.tw\:w-\[22px\] {
  width: 22px;
}
.tw\:w-\[26px\] {
  width: 26px;
}
.tw\:w-\[30px\] {
  width: 30px;
}
.tw\:w-\[34px\] {
  width: 34px;
}
.tw\:w-\[90px\] {
  width: 90px;
}
.tw\:w-\[min\(100\%\,760px\)\] {
  width: min(100%, 760px);
}
.tw\:w-\[min\(100\%\,820px\)\] {
  width: min(100%, 820px);
}
.tw\:w-\[min\(100vw\,360px\)\] {
  width: min(100vw, 360px);
}
.tw\:w-\[min\(340px\,80vw\)\] {
  width: min(340px, 80vw);
}
.tw\:w-\[min\(340px\,calc\(100vw-40px\)\)\] {
  width: min(340px, calc(100vw - 40px));
}
.tw\:w-\[min\(420px\,100\%\)\] {
  width: min(420px, 100%);
}
.tw\:w-\[min\(420px\,calc\(100vw-24px\)\)\] {
  width: min(420px, calc(100vw - 24px));
}
.tw\:w-\[min\(640px\,100\%\)\] {
  width: min(640px, 100%);
}
.tw\:w-\[var\(--left-sidebar-close-width\)\] {
  width: var(--left-sidebar-close-width);
}
.tw\:w-\[var\(--left-sidebar-width\)\] {
  width: var(--left-sidebar-width);
}
.tw\:w-auto {
  width: auto;
}
.tw\:w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.tw\:w-full {
  width: 100%;
}
.tw\:w-max {
  width: -moz-max-content;
  width: max-content;
}
.tw\:max-w-\[30\%\] {
  max-width: 30%;
}
.tw\:max-w-\[36\%\] {
  max-width: 36%;
}
.tw\:max-w-\[42\%\] {
  max-width: 42%;
}
.tw\:max-w-\[52\%\] {
  max-width: 52%;
}
.tw\:max-w-\[74ch\] {
  max-width: 74ch;
}
.tw\:max-w-\[87\%\] {
  max-width: 87%;
}
.tw\:max-w-\[160px\] {
  max-width: 160px;
}
.tw\:max-w-\[220px\] {
  max-width: 220px;
}
.tw\:max-w-\[360px\] {
  max-width: 360px;
}
.tw\:max-w-\[760px\] {
  max-width: 760px;
}
.tw\:max-w-\[800px\] {
  max-width: 800px;
}
.tw\:max-w-\[820px\] {
  max-width: 820px;
}
.tw\:max-w-\[calc\(100vw-40px\)\] {
  max-width: calc(100vw - 40px);
}
.tw\:max-w-\[min\(100\%\,190px\)\] {
  max-width: min(100%, 190px);
}
.tw\:max-w-\[min\(100\%\,720px\)\] {
  max-width: min(100%, 720px);
}
.tw\:max-w-\[min\(300px\,62vw\)\] {
  max-width: min(300px, 62vw);
}
.tw\:max-w-\[min\(320px\,55vw\)\] {
  max-width: min(320px, 55vw);
}
.tw\:max-w-full {
  max-width: 100%;
}
.tw\:max-w-none {
  max-width: none;
}
.tw\:\!min-w-5 {
  min-width: calc(var(--tw-spacing) * 5) !important;
}
.tw\:\!min-w-7 {
  min-width: calc(var(--tw-spacing) * 7) !important;
}
.tw\:\!min-w-8 {
  min-width: calc(var(--tw-spacing) * 8) !important;
}
.tw\:min-w-0 {
  min-width: 0;
}
.tw\:min-w-4 {
  min-width: calc(var(--tw-spacing) * 4);
}
.tw\:min-w-5 {
  min-width: calc(var(--tw-spacing) * 5);
}
.tw\:min-w-8 {
  min-width: calc(var(--tw-spacing) * 8);
}
.tw\:min-w-24 {
  min-width: calc(var(--tw-spacing) * 24);
}
.tw\:min-w-80 {
  min-width: calc(var(--tw-spacing) * 80);
}
.tw\:min-w-\[22px\] {
  min-width: 22px;
}
.tw\:min-w-\[30px\] {
  min-width: 30px;
}
.tw\:min-w-\[82px\] {
  min-width: 82px;
}
.tw\:min-w-\[150px\] {
  min-width: 150px;
}
.tw\:min-w-\[168px\] {
  min-width: 168px;
}
.tw\:min-w-\[292px\] {
  min-width: 292px;
}
.tw\:min-w-\[min\(320px\,100\%\)\] {
  min-width: min(320px, 100%);
}
.tw\:min-w-full {
  min-width: 100%;
}
.tw\:min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.tw\:\!flex-none {
  flex: none !important;
}
.tw\:flex-1 {
  flex: 1;
}
.tw\:flex-\[0_0_30px\] {
  flex: 0 0 30px;
}
.tw\:flex-auto {
  flex: auto;
}
.tw\:flex-none {
  flex: none;
}
.tw\:flex-shrink-0 {
  flex-shrink: 0;
}
.tw\:shrink-0 {
  flex-shrink: 0;
}
.tw\:origin-bottom {
  transform-origin: bottom;
}
.tw\:origin-left {
  transform-origin: 0;
}
.tw\:translate-x-\[-6px\] {
  --tw-translate-x: -6px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tw\:-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tw\:translate-y-px {
  --tw-translate-y: 1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.tw\:scale-150 {
  --tw-scale-x: 150%;
  --tw-scale-y: 150%;
  --tw-scale-z: 150%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.tw\:scale-\[\.8\] {
  scale: .8;
}
.tw\:scale-\[0\.78\] {
  scale: 0.78;
}
.tw\:rotate-90 {
  rotate: 90deg;
}
.tw\:\[transform\:rotate\(45deg\)_translate\(0px\,-4px\)\] {
  transform: rotate(45deg) translate(0px,-4px);
}
.tw\:animate-\[right-sidebar-file-change-jump_560ms_cubic-bezier\(\.2\,\.72\,\.18\,1\)\] {
  animation: right-sidebar-file-change-jump 560ms cubic-bezier(.2,.72,.18,1);
}
.tw\:animate-\[status-pulse_1s_ease-in-out_infinite\] {
  animation: status-pulse 1s ease-in-out infinite;
}
.tw\:animate-\[timeline-query-anchor-enter_0\.28s_ease_forwards\] {
  animation: timeline-query-anchor-enter 0.28s ease forwards;
}
.tw\:animate-\[timeline-task-status-flash_1s_infinite\] {
  animation: timeline-task-status-flash 1s infinite;
}
.tw\:animate-\[ui-spin_900ms_linear_infinite\] {
  animation: ui-spin 900ms linear infinite;
}
.tw\:animate-fade-slide-in {
  animation: fade-slide-in 0.5s 0.08s ease both;
}
.tw\:animate-node-rise {
  animation: node-rise 0.28s ease both;
}
.tw\:animate-ui-spin {
  animation: ui-spin 0.8s linear infinite;
}
.tw\:\!cursor-pointer {
  cursor: pointer !important;
}
.tw\:cursor-pointer {
  cursor: pointer;
}
.tw\:resize-y {
  resize: vertical;
}
.tw\:\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.tw\:\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}
.tw\:\[scrollbar-color\:color-mix\(in_srgb\,var\(--line-strong\)_65\%\,transparent\)_transparent\] {
  scrollbar-color: var(--line-strong) transparent;
  @supports (color: color-mix(in lab, red, red)) {
    scrollbar-color: color-mix(in srgb,var(--line-strong) 65%,transparent) transparent;
  }
}
.tw\:\[scrollbar-gutter\:stable\] {
  scrollbar-gutter: stable;
}
.tw\:list-none {
  list-style-type: none;
}
.tw\:appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.tw\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tw\:grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.tw\:grid-cols-\[0_minmax\(0\,1fr\)_0\] {
  grid-template-columns: 0 minmax(0,1fr) 0;
}
.tw\:grid-cols-\[0_minmax\(0\,1fr\)_var\(--right-sidebar-width\)\] {
  grid-template-columns: 0 minmax(0,1fr) var(--right-sidebar-width);
}
.tw\:grid-cols-\[4px_minmax\(0\,1fr\)\] {
  grid-template-columns: 4px minmax(0,1fr);
}
.tw\:grid-cols-\[16px_minmax\(0\,1fr\)\] {
  grid-template-columns: 16px minmax(0,1fr);
}
.tw\:grid-cols-\[38px_38px_18px_minmax\(220px\,1fr\)\] {
  grid-template-columns: 38px 38px 18px minmax(220px,1fr);
}
.tw\:grid-cols-\[82px_1\.1fr_70px_minmax\(120px\,1fr\)\] {
  grid-template-columns: 82px 1.1fr 70px minmax(120px,1fr);
}
.tw\:grid-cols-\[auto_auto_minmax\(0\,1fr\)\] {
  grid-template-columns: auto auto minmax(0,1fr);
}
.tw\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
  grid-template-columns: auto minmax(0,1fr);
}
.tw\:grid-cols-\[minmax\(0\,1fr\)\] {
  grid-template-columns: minmax(0,1fr);
}
.tw\:grid-cols-\[minmax\(0\,1fr\)_132px\] {
  grid-template-columns: minmax(0,1fr) 132px;
}
.tw\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
  grid-template-columns: minmax(0,1fr) auto;
}
.tw\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
  grid-template-columns: minmax(0,1fr) auto auto;
}
.tw\:grid-cols-\[minmax\(190px\,240px\)_minmax\(0\,1fr\)\] {
  grid-template-columns: minmax(190px,240px) minmax(0,1fr);
}
.tw\:grid-cols-\[minmax\(220px\,0\.36fr\)_minmax\(0\,1fr\)\] {
  grid-template-columns: minmax(220px,0.36fr) minmax(0,1fr);
}
.tw\:grid-cols-\[minmax\(220px\,260px\)_minmax\(0\,1fr\)\] {
  grid-template-columns: minmax(220px,260px) minmax(0,1fr);
}
.tw\:grid-cols-\[minmax\(280px\,0\.52fr\)_minmax\(480px\,1\.55fr\)\] {
  grid-template-columns: minmax(280px,0.52fr) minmax(480px,1.55fr);
}
.tw\:grid-cols-\[minmax\(290px\,340px\)_minmax\(320px\,0\.92fr\)_minmax\(360px\,1\.08fr\)\] {
  grid-template-columns: minmax(290px,340px) minmax(320px,0.92fr) minmax(360px,1.08fr);
}
.tw\:grid-cols-\[minmax\(300px\,380px\)_minmax\(0\,1fr\)\] {
  grid-template-columns: minmax(300px,380px) minmax(0,1fr);
}
.tw\:grid-cols-\[minmax\(320px\,380px\)_minmax\(0\,1fr\)\] {
  grid-template-columns: minmax(320px,380px) minmax(0,1fr);
}
.tw\:grid-cols-\[minmax\(360px\,430px\)_minmax\(0\,1fr\)\] {
  grid-template-columns: minmax(360px,430px) minmax(0,1fr);
}
.tw\:grid-cols-\[repeat\(3\,auto\)\] {
  grid-template-columns: repeat(3,auto);
}
.tw\:grid-cols-\[repeat\(auto-fit\,minmax\(240px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
}
.tw\:grid-cols-\[var\(--left-sidebar-close-width\)_minmax\(420px\,1fr\)_0\] {
  grid-template-columns: var(--left-sidebar-close-width) minmax(420px,1fr) 0;
}
.tw\:grid-cols-\[var\(--left-sidebar-close-width\)_minmax\(420px\,1fr\)_var\(--right-sidebar-width\)\] {
  grid-template-columns: var(--left-sidebar-close-width) minmax(420px,1fr) var(--right-sidebar-width);
}
.tw\:grid-cols-\[var\(--left-sidebar-width\)_minmax\(420px\,1fr\)_0\] {
  grid-template-columns: var(--left-sidebar-width) minmax(420px,1fr) 0;
}
.tw\:grid-cols-\[var\(--left-sidebar-width\)_minmax\(420px\,1fr\)_var\(--right-sidebar-width\)\] {
  grid-template-columns: var(--left-sidebar-width) minmax(420px,1fr) var(--right-sidebar-width);
}
.tw\:grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
  grid-template-rows: auto minmax(0,1fr) auto;
}
.tw\:grid-rows-\[auto_minmax\(0\,1fr\)_auto_auto\] {
  grid-template-rows: auto minmax(0,1fr) auto auto;
}
.tw\:grid-rows-\[auto_minmax\(0\,2fr\)_minmax\(0\,3fr\)_auto\] {
  grid-template-rows: auto minmax(0,2fr) minmax(0,3fr) auto;
}
.tw\:flex-col {
  flex-direction: column;
}
.tw\:flex-row {
  flex-direction: row;
}
.tw\:flex-nowrap {
  flex-wrap: nowrap;
}
.tw\:flex-wrap {
  flex-wrap: wrap;
}
.tw\:\!place-items-center {
  place-items: center !important;
}
.tw\:place-items-center {
  place-items: center;
}
.tw\:\!items-center {
  align-items: center !important;
}
.tw\:items-baseline {
  align-items: baseline;
}
.tw\:items-center {
  align-items: center;
}
.tw\:items-end {
  align-items: flex-end;
}
.tw\:items-start {
  align-items: flex-start;
}
.tw\:items-stretch {
  align-items: stretch;
}
.tw\:\!justify-between {
  justify-content: space-between !important;
}
.tw\:\!justify-start {
  justify-content: flex-start !important;
}
.tw\:justify-between {
  justify-content: space-between;
}
.tw\:justify-center {
  justify-content: center;
}
.tw\:justify-end {
  justify-content: flex-end;
}
.tw\:justify-start {
  justify-content: flex-start;
}
.tw\:\!gap-2 {
  gap: calc(var(--tw-spacing) * 2) !important;
}
.tw\:gap-0 {
  gap: 0;
}
.tw\:gap-0\.5 {
  gap: calc(var(--tw-spacing) * 0.5);
}
.tw\:gap-1 {
  gap: var(--tw-spacing);
}
.tw\:gap-1\.5 {
  gap: calc(var(--tw-spacing) * 1.5);
}
.tw\:gap-2 {
  gap: calc(var(--tw-spacing) * 2);
}
.tw\:gap-2\.5 {
  gap: calc(var(--tw-spacing) * 2.5);
}
.tw\:gap-3 {
  gap: calc(var(--tw-spacing) * 3);
}
.tw\:gap-3\.5 {
  gap: calc(var(--tw-spacing) * 3.5);
}
.tw\:gap-4 {
  gap: calc(var(--tw-spacing) * 4);
}
.tw\:gap-\[3px\] {
  gap: 3px;
}
.tw\:gap-\[5px\] {
  gap: 5px;
}
.tw\:gap-\[7px\] {
  gap: 7px;
}
.tw\:gap-\[18px\] {
  gap: 18px;
}
.tw\:gap-px {
  gap: 1px;
}
.tw\:gap-x-1\.5 {
  -moz-column-gap: calc(var(--tw-spacing) * 1.5);
       column-gap: calc(var(--tw-spacing) * 1.5);
}
.tw\:gap-x-2 {
  -moz-column-gap: calc(var(--tw-spacing) * 2);
       column-gap: calc(var(--tw-spacing) * 2);
}
.tw\:gap-x-3 {
  -moz-column-gap: calc(var(--tw-spacing) * 3);
       column-gap: calc(var(--tw-spacing) * 3);
}
.tw\:gap-y-1 {
  row-gap: var(--tw-spacing);
}
.tw\:gap-y-1\.5 {
  row-gap: calc(var(--tw-spacing) * 1.5);
}
.tw\:gap-y-2 {
  row-gap: calc(var(--tw-spacing) * 2);
}
.tw\:gap-y-2\.5 {
  row-gap: calc(var(--tw-spacing) * 2.5);
}
.tw\:self-center {
  align-self: center;
}
.tw\:self-start {
  align-self: flex-start;
}
.tw\:overflow-auto {
  overflow: auto;
}
.tw\:overflow-hidden {
  overflow: hidden;
}
.tw\:overflow-visible {
  overflow: visible;
}
.tw\:overflow-x-auto {
  overflow-x: auto;
}
.tw\:overflow-y-auto {
  overflow-y: auto;
}
.tw\:overflow-y-hidden {
  overflow-y: hidden;
}
.tw\:scroll-smooth {
  scroll-behavior: smooth;
}
.tw\:\!rounded-full {
  border-radius: calc(infinity * 1px) !important;
}
.tw\:\!rounded-lg {
  border-radius: var(--tw-radius-lg) !important;
}
.tw\:\!rounded-xl {
  border-radius: var(--tw-radius-xl) !important;
}
.tw\:rounded {
  border-radius: 0.25rem;
}
.tw\:rounded-2xl {
  border-radius: var(--tw-radius-2xl);
}
.tw\:rounded-\[4px\] {
  border-radius: 4px;
}
.tw\:rounded-\[7px\] {
  border-radius: 7px;
}
.tw\:rounded-\[10px\] {
  border-radius: 10px;
}
.tw\:rounded-\[14px\] {
  border-radius: 14px;
}
.tw\:rounded-\[14px_14px_4px_14px\] {
  border-radius: 14px 14px 4px 14px;
}
.tw\:rounded-\[20px\] {
  border-radius: 20px;
}
.tw\:rounded-\[var\(--radius-md\)\] {
  border-radius: var(--radius-md);
}
.tw\:rounded-\[var\(--radius-sm\)\] {
  border-radius: var(--radius-sm);
}
.tw\:rounded-control {
  border-radius: var(--radius-md);
}
.tw\:rounded-full {
  border-radius: calc(infinity * 1px);
}
.tw\:rounded-lg {
  border-radius: var(--tw-radius-lg);
}
.tw\:rounded-md {
  border-radius: var(--tw-radius-md);
}
.tw\:rounded-none {
  border-radius: 0;
}
.tw\:rounded-panel {
  border-radius: var(--radius-lg);
}
.tw\:rounded-pill {
  border-radius: 999px;
}
.tw\:rounded-xl {
  border-radius: var(--tw-radius-xl);
}
.tw\:rounded-t-xl {
  border-top-left-radius: var(--tw-radius-xl);
  border-top-right-radius: var(--tw-radius-xl);
}
.tw\:\!border {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.tw\:\!border-0 {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.tw\:border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.tw\:border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.tw\:border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.tw\:border-\[3px\] {
  border-style: var(--tw-border-style);
  border-width: 3px;
}
.tw\:border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.tw\:border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.tw\:border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.tw\:border-b-0 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.tw\:border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.tw\:border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.tw\:\!border-\[color-mix\(in_srgb\,var\(--accent-danger\)_56\%\,var\(--line-soft\)\)\] {
  border-color: var(--accent-danger) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-danger) 56%,var(--line-soft)) !important;
  }
}
.tw\:\!border-\[color-mix\(in_srgb\,var\(--accent-electric\)_16\%\,var\(--line-soft\)\)\] {
  border-color: var(--accent-electric) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-electric) 16%,var(--line-soft)) !important;
  }
}
.tw\:\!border-\[color-mix\(in_srgb\,var\(--accent-electric\)_24\%\,var\(--line-soft\)\)\] {
  border-color: var(--accent-electric) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-electric) 24%,var(--line-soft)) !important;
  }
}
.tw\:\!border-\[color-mix\(in_srgb\,var\(--line-soft\)_90\%\,transparent\)\] {
  border-color: var(--line-soft) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--line-soft) 90%,transparent) !important;
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,\#82d4ab_40\%\,var\(--line-soft\)\)\] {
  border-color: #82d4ab;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,#82d4ab 40%,var(--line-soft));
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,\#f5c451_45\%\,var\(--line-soft\)\)\] {
  border-color: #f5c451;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,#f5c451 45%,var(--line-soft));
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,\#f06b67_44\%\,var\(--line-soft\)\)\] {
  border-color: #f06b67;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,#f06b67 44%,var(--line-soft));
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,\#ff945f_38\%\,var\(--line-soft\)\)\] {
  border-color: #ff945f;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,#ff945f 38%,var(--line-soft));
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--accent\)_22\%\,transparent\)\] {
  border-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent) 22%,transparent);
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--accent-danger\)_26\%\,var\(--line-soft\)\)\] {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-danger) 26%,var(--line-soft));
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--accent-danger\)_28\%\,var\(--line-soft\)\)\] {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-danger) 28%,var(--line-soft));
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--accent-danger\)_32\%\,var\(--line-soft\)\)\] {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-danger) 32%,var(--line-soft));
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--accent-danger\)_42\%\,var\(--line-soft\)\)\] {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-danger) 42%,var(--line-soft));
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--accent-electric\)_26\%\,var\(--line-soft\)\)\] {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-electric) 26%,var(--line-soft));
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--accent-electric\)_28\%\,var\(--line-soft\)\)\] {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-electric) 28%,var(--line-soft));
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--ink-muted\)_22\%\,transparent\)\] {
  border-color: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--ink-muted) 22%,transparent);
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--line-soft\)_72\%\,transparent\)\] {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--line-soft) 72%,transparent);
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--line-soft\)_82\%\,transparent\)\] {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--line-soft) 82%,transparent);
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--line-soft\)_88\%\,transparent\)\] {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--line-soft) 88%,transparent);
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--line-soft\)_90\%\,transparent\)\] {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--line-soft) 90%,transparent);
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--line-soft\)_92\%\,transparent\)\] {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--line-soft) 92%,transparent);
  }
}
.tw\:\[border-color\:color-mix\(in_srgb\,var\(--line-strong\)_76\%\,transparent\)\] {
  border-color: var(--line-strong);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--line-strong) 76%,transparent);
  }
}
.tw\:border-\[color-mix\(in_srgb\,var\(--accent-danger\)_38\%\,var\(--line-soft\)\)\] {
  border-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-danger) 38%,var(--line-soft));
  }
}
.tw\:border-\[color-mix\(in_srgb\,var\(--accent-electric\)_28\%\,transparent\)\] {
  border-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--accent-electric) 28%,transparent);
  }
}
.tw\:border-\[color-mix\(in_srgb\,var\(--line-soft\)_82\%\,transparent\)\] {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--line-soft) 82%,transparent);
  }
}
.tw\:border-\[color-mix\(in_srgb\,var\(--line-soft\)_88\%\,transparent\)\] {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--line-soft) 88%,transparent);
  }
}
.tw\:border-\[color-mix\(in_srgb\,var\(--line-soft\)_96\%\,transparent\)\] {
  border-color: var(--line-soft);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--line-soft) 96%,transparent);
  }
}
.tw\:border-\[rgba\(226\,233\,242\,0\.82\)\] {
  border-color: rgba(226,233,242,0.82);
}
.tw\:border-\[rgba\(229\,235\,243\,0\.82\)\] {
  border-color: rgba(229,235,243,0.82);
}
.tw\:border-\[rgba\(229\,235\,243\,0\.86\)\] {
  border-color: rgba(229,235,243,0.86);
}
.tw\:border-\[rgba\(231\,237\,244\,0\.82\)\] {
  border-color: rgba(231,237,244,0.82);
}
.tw\:border-\[rgba\(246\,221\,227\,0\.92\)\] {
  border-color: rgba(246,221,227,0.92);
}
.tw\:border-\[rgba\(246\,222\,227\,0\.95\)\] {
  border-color: rgba(246,222,227,0.95);
}
.tw\:border-\[var\(--colorPrimary\,\#3087ff\)\] {
  border-color: var(--colorPrimary,#3087ff);
}
.tw\:border-\[var\(--colorPrimaryBgHover\,\#d4ebff\)\] {
  border-color: var(--colorPrimaryBgHover,#d4ebff);
}
.tw\:border-accent-electric {
  border-color: var(--accent-electric);
}
.tw\:border-bg-elev-1 {
  border-color: var(--bg-elev-1);
}
.tw\:border-border {
  border-color: var(--border);
}
.tw\:border-line {
  border-color: var(--line);
}
.tw\:border-line-soft {
  border-color: var(--line-soft);
}
.tw\:border-transparent {
  border-color: transparent;
}
.tw\:\[border-top-color\:var\(--accent\)\] {
  border-top-color: var(--accent);
}
.tw\:\[border-top-color\:var\(--accent-electric\)\] {
  border-top-color: var(--accent-electric);
}
.tw\:border-l-\[rgba\(231\,237\,244\,0\.8\)\] {
  border-left-color: rgba(231,237,244,0.8);
}
.tw\:\!bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_12\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--accent-danger) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-danger) 12%,var(--bg-elev-2)) !important;
  }
}
.tw\:\!bg-\[color-mix\(in_srgb\,var\(--bg-elev-2\)_92\%\,var\(--bg-input\)\)\] {
  background-color: var(--bg-elev-2) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-elev-2) 92%,var(--bg-input)) !important;
  }
}
.tw\:\!bg-\[color-mix\(in_srgb\,var\(--bg-elev-2\)_94\%\,var\(--bg-input\)\)\] {
  background-color: var(--bg-elev-2) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-elev-2) 94%,var(--bg-input)) !important;
  }
}
.tw\:\!bg-\[radial-gradient\(circle_at_0\%_0\%\,rgba\(94\,165\,255\,0\.1\)\,transparent_32\%\)\,radial-gradient\(circle_at_100\%_100\%\,rgba\(13\,191\,143\,0\.08\)\,transparent_36\%\)\,color-mix\(in_srgb\,var\(--bg-elev-2\)_97\%\,transparent\)\] {
  background-color: radial-gradient(circle at 0% 0%,rgba(94,165,255,0.1),transparent 32%),radial-gradient(circle at 100% 100%,rgba(13,191,143,0.08),transparent 36%),var(--bg-elev-2) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: radial-gradient(circle at 0% 0%,rgba(94,165,255,0.1),transparent 32%),radial-gradient(circle at 100% 100%,rgba(13,191,143,0.08),transparent 36%),color-mix(in srgb,var(--bg-elev-2) 97%,transparent) !important;
  }
}
.tw\:\!bg-accent-electric {
  background-color: var(--accent-electric) !important;
}
.tw\:\!bg-bg-base {
  background-color: var(--bg-base) !important;
}
.tw\:\!bg-bg-hover {
  background-color: var(--bg-hover) !important;
}
.tw\:\!bg-transparent {
  background-color: transparent !important;
}
.tw\:bg-\[color-mix\(in_srgb\,\#4f9fc7_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #4f9fc7;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#4f9fc7 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#5a86c8_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #5a86c8;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#5a86c8 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#5aa79d_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #5aa79d;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#5aa79d 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#6b92bf_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #6b92bf;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#6b92bf 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#7ab9a8_7\%\,var\(--bg-elev-2\)\)\] {
  background-color: #7ab9a8;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#7ab9a8 7%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#7c8aa5_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #7c8aa5;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#7c8aa5 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#8e82c4_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #8e82c4;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#8e82c4 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#4476ad_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #4476ad;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#4476ad 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#a094d0_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #a094d0;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#a094d0 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#ca9168_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #ca9168;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#ca9168 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#d2b395_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #d2b395;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#d2b395 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#d6a05e_7\%\,var\(--bg-elev-2\)\)\] {
  background-color: #d6a05e;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#d6a05e 7%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#d98a42_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: #d98a42;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#d98a42 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#ecfff3_74\%\,var\(--bg-elev-2\)\)\] {
  background-color: #ecfff3;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#ecfff3 74%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#fff0e6_84\%\,var\(--bg-elev-2\)\)\] {
  background-color: #fff0e6;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#fff0e6 84%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#fff0ef_86\%\,var\(--bg-elev-2\)\)\] {
  background-color: #fff0ef;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#fff0ef 86%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,\#fff6d8_72\%\,var\(--bg-elev-2\)\)\] {
  background-color: #fff6d8;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,#fff6d8 72%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,rgba\(255\,255\,255\,\.96\)_96\%\,var\(--bg-elev-2\)\)\] {
  background-color: rgba(255,255,255,.96);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,rgba(255,255,255,.96) 96%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_5\%\,transparent\)\] {
  background-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-danger) 5%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_6\%\,transparent\)\] {
  background-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-danger) 6%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_7\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-danger) 7%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_8\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-danger) 8%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_12\%\,transparent\)\] {
  background-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-danger) 12%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_14\%\,var\(--bg-input\)\)\] {
  background-color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-danger) 14%,var(--bg-input));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-electric\)_7\%\,transparent\)\] {
  background-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-electric) 7%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-electric\)_26\%\,var\(--line-soft\)\)\] {
  background-color: var(--accent-electric);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-electric) 26%,var(--line-soft));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_22\%\,var\(--bg-input\)\)\] {
  background-color: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-soft) 22%,var(--bg-input));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_28\%\,transparent\)\] {
  background-color: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-soft) 28%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_30\%\,transparent\)\] {
  background-color: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-soft) 30%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_58\%\,transparent\)\] {
  background-color: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-soft) 58%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_62\%\,transparent\)\] {
  background-color: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-soft) 62%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_68\%\,transparent\)\] {
  background-color: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-soft) 68%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_72\%\,transparent\)\] {
  background-color: var(--accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-soft) 72%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--accent-warn\)_10\%\,transparent\)\] {
  background-color: var(--accent-warn);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--accent-warn) 10%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-base\)_82\%\,transparent\)\] {
  background-color: var(--bg-base);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-base) 82%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-base\)_94\%\,transparent\)\] {
  background-color: var(--bg-base);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-base) 94%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-card\)_96\%\,var\(--bg-base\)\)\] {
  background-color: var(--bg-card);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-card) 96%,var(--bg-base));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-elev\)_68\%\,transparent\)\] {
  background-color: var(--bg-elev);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-elev) 68%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-elev-2\)_82\%\,transparent\)\] {
  background-color: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-elev-2) 82%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-elev-2\)_88\%\,var\(--bg-input\)\)\] {
  background-color: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-elev-2) 88%,var(--bg-input));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-elev-2\)_92\%\,var\(--accent-soft\)\)\] {
  background-color: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-elev-2) 92%,var(--accent-soft));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-elev-2\)_94\%\,var\(--bg-input\)\)\] {
  background-color: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-elev-2) 94%,var(--bg-input));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-elev-2\)_96\%\,transparent\)\] {
  background-color: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-elev-2) 96%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-elev-2\)_98\%\,transparent\)\] {
  background-color: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-elev-2) 98%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-elev-2\)_98\%\,white\)\] {
  background-color: var(--bg-elev-2);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-elev-2) 98%,white);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_34\%\,transparent\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 34%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_55\%\,transparent\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 55%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_56\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 56%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_62\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 62%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_70\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 70%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_72\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 72%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_74\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 74%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_78\%\,white\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 78%,white);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_82\%\,white\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 82%,white);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_86\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 86%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_88\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 88%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_92\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--bg-input);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-input) 92%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--bg-surface\)_86\%\,transparent\)\] {
  background-color: var(--bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--bg-surface) 86%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--danger\)_10\%\,transparent\)\] {
  background-color: var(--danger);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--danger) 10%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--ink-muted\)_5\%\,var\(--bg-elev-2\)\)\] {
  background-color: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--ink-muted) 5%,var(--bg-elev-2));
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--ink-muted\)_84\%\,transparent\)\] {
  background-color: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--ink-muted) 84%,transparent);
  }
}
.tw\:bg-\[color-mix\(in_srgb\,var\(--ok\)_10\%\,transparent\)\] {
  background-color: var(--ok);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--ok) 10%,transparent);
  }
}
.tw\:bg-\[rgba\(248\,250\,254\,0\.92\)\] {
  background-color: rgba(248,250,254,0.92);
}
.tw\:bg-\[var\(--colorFillSecondary\)\] {
  background-color: var(--colorFillSecondary);
}
.tw\:bg-\[var\(--colorPrimaryBgHover\,\#d4ebff\)\] {
  background-color: var(--colorPrimaryBgHover,#d4ebff);
}
.tw\:bg-accent {
  background-color: var(--accent);
}
.tw\:bg-accent-danger {
  background-color: var(--accent-danger);
}
.tw\:bg-accent-electric {
  background-color: var(--accent-electric);
}
.tw\:bg-accent-electric-strong {
  background-color: var(--accent-electric-strong);
}
.tw\:bg-accent-lime {
  background-color: var(--accent-lime);
}
.tw\:bg-accent-soft {
  background-color: var(--accent-soft);
}
.tw\:bg-accent-warn {
  background-color: var(--accent-warn);
}
.tw\:bg-bg-base {
  background-color: var(--bg-base);
}
.tw\:bg-bg-card {
  background-color: var(--bg-card);
}
.tw\:bg-bg-elev-1 {
  background-color: var(--bg-elev-1);
}
.tw\:bg-bg-elev-2 {
  background-color: var(--bg-elev-2);
}
.tw\:bg-bg-hover {
  background-color: var(--bg-hover);
}
.tw\:bg-border {
  background-color: var(--border);
}
.tw\:bg-current {
  background-color: currentcolor;
}
.tw\:bg-ink-1 {
  background-color: var(--ink-1);
}
.tw\:bg-transparent {
  background-color: transparent;
}
.tw\:bg-white {
  background-color: var(--tw-color-white);
}
.tw\:\!bg-\[linear-gradient\(180deg\,rgba\(248\,252\,255\,0\.9\)\,rgba\(239\,247\,255\,0\.96\)\)\] {
  background-image: linear-gradient(180deg,rgba(248,252,255,0.9),rgba(239,247,255,0.96)) !important;
}
.tw\:\!bg-\[linear-gradient\(180deg\,rgba\(250\,255\,252\,0\.9\)\,rgba\(238\,250\,243\,0\.96\)\)\] {
  background-image: linear-gradient(180deg,rgba(250,255,252,0.9),rgba(238,250,243,0.96)) !important;
}
.tw\:\!bg-\[linear-gradient\(180deg\,rgba\(255\,249\,250\,0\.9\)\,rgba\(253\,239\,243\,0\.96\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,249,250,0.9),rgba(253,239,243,0.96)) !important;
}
.tw\:\!bg-\[linear-gradient\(180deg\,rgba\(255\,252\,249\,0\.9\)\,rgba\(255\,244\,233\,0\.96\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,252,249,0.9),rgba(255,244,233,0.96)) !important;
}
.tw\:bg-\[linear-gradient\(90deg\,var\(--colorTextTertiary\,rgba\(0\,0\,0\,0\.45\)\)_25\%\,var\(--colorText\,rgba\(0\,0\,0\,0\.88\)\)_50\%\,var\(--colorTextTertiary\,rgba\(0\,0\,0\,0\.45\)\)_75\%\)\] {
  background-image: linear-gradient(90deg,var(--colorTextTertiary,rgba(0,0,0,0.45)) 25%,var(--colorText,rgba(0,0,0,0.88)) 50%,var(--colorTextTertiary,rgba(0,0,0,0.45)) 75%);
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(246\,249\,255\,0\.2\)\,rgba\(246\,249\,255\,0\.04\)\)\] {
  background-image: linear-gradient(180deg,rgba(246,249,255,0.2),rgba(246,249,255,0.04));
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(250\,255\,252\,0\.88\)\,rgba\(226\,247\,235\,0\.98\)\)\] {
  background-image: linear-gradient(180deg,rgba(250,255,252,0.88),rgba(226,247,235,0.98));
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(255\,248\,249\,0\.9\)\,rgba\(255\,229\,234\,0\.96\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,248,249,0.9),rgba(255,229,234,0.96));
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(255\,248\,249\,0\.96\)\,rgba\(255\,239\,243\,0\.96\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,248,249,0.96),rgba(255,239,243,0.96));
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(255\,249\,243\,0\.22\)\,rgba\(255\,249\,243\,0\.04\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,249,243,0.22),rgba(255,249,243,0.04));
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(255\,249\,250\,0\.92\)\,rgba\(255\,241\,244\,0\.94\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,249,250,0.92),rgba(255,241,244,0.94));
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(255\,252\,247\,0\.9\)\,rgba\(255\,236\,214\,0\.98\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,252,247,0.9),rgba(255,236,214,0.98));
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.8\)\,rgba\(250\,252\,255\,0\.72\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,255,255,0.8),rgba(250,252,255,0.72));
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.18\)\,rgba\(255\,255\,255\,0\.04\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,255,255,0.18),rgba(255,255,255,0.04));
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.88\)\,color-mix\(in_srgb\,var\(--voice-accent\)_5\%\,rgba\(247\,250\,255\,0\.96\)\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,255,255,0.88),var(--voice-accent));
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(180deg,rgba(255,255,255,0.88),color-mix(in srgb,var(--voice-accent) 5%,rgba(247,250,255,0.96)));
  }
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.88\)\,rgba\(248\,250\,254\,0\.84\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,255,255,0.88),rgba(248,250,254,0.84));
}
.tw\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.96\)\,color-mix\(in_srgb\,var\(--voice-accent\)_6\%\,\#f7fbff\)\)\] {
  background-image: linear-gradient(180deg,rgba(255,255,255,0.96),var(--voice-accent));
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(180deg,rgba(255,255,255,0.96),color-mix(in srgb,var(--voice-accent) 6%,#f7fbff));
  }
}
.tw\:bg-\[linear-gradient\(180deg\,transparent\,var\(--bg-base\)\)\] {
  background-image: linear-gradient(180deg,transparent,var(--bg-base));
}
.tw\:bg-\[radial-gradient\(circle_at_6\%_10\%\,rgba\(255\,227\,193\,0\.14\)\,transparent_24\%\)\,radial-gradient\(circle_at_100\%_0\%\,color-mix\(in_srgb\,var\(--voice-accent\)_4\%\,transparent\)\,transparent_28\%\)\,linear-gradient\(160deg\,rgba\(255\,255\,255\,0\.98\)_0\%\,rgba\(250\,251\,254\,0\.98\)_48\%\,rgba\(246\,249\,254\,0\.98\)_100\%\)\] {
  background-image: radial-gradient(circle at 6% 10%,rgba(255,227,193,0.14),transparent 24%),radial-gradient(circle at 100% 0%,var(--voice-accent),transparent 28%),linear-gradient(160deg,rgba(255,255,255,0.98) 0%,rgba(250,251,254,0.98) 48%,rgba(246,249,254,0.98) 100%);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient(circle at 6% 10%,rgba(255,227,193,0.14),transparent 24%),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--voice-accent) 4%,transparent),transparent 28%),linear-gradient(160deg,rgba(255,255,255,0.98) 0%,rgba(250,251,254,0.98) 48%,rgba(246,249,254,0.98) 100%);
  }
}
.tw\:bg-\[radial-gradient\(circle_at_center\,var\(--bg-elev-2\)_0_46\%\,transparent_50\%\)\,conic-gradient\(var\(--accent-electric\)_var\(--usage-context-percent\,0\%\)\,var\(--line-soft\)_0\)\] {
  background-image: radial-gradient(circle at center,var(--bg-elev-2) 0 46%,transparent 50%),conic-gradient(var(--accent-electric) var(--usage-context-percent,0%),var(--line-soft) 0);
}
.tw\:bg-\[radial-gradient\(circle_at_center\,var\(--bg-elev-2\)_0_54\%\,transparent_55\%\)\,conic-gradient\(var\(--accent-electric\)_var\(--usage-context-percent\,0\%\)\,color-mix\(in_srgb\,var\(--line-soft\)_76\%\,transparent\)_0\)\] {
  background-image: radial-gradient(circle at center,var(--bg-elev-2) 0 54%,transparent 55%),conic-gradient(var(--accent-electric) var(--usage-context-percent,0%),var(--line-soft) 0);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient(circle at center,var(--bg-elev-2) 0 54%,transparent 55%),conic-gradient(var(--accent-electric) var(--usage-context-percent,0%),color-mix(in srgb,var(--line-soft) 76%,transparent) 0);
  }
}
.tw\:bg-\[length\:200\%_100\%\] {
  background-size: 200% 100%;
}
.tw\:bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}
.tw\:object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.tw\:\!p-0 {
  padding: 0 !important;
}
.tw\:\!p-0\.5 {
  padding: calc(var(--tw-spacing) * 0.5) !important;
}
.tw\:\!p-1\.5 {
  padding: calc(var(--tw-spacing) * 1.5) !important;
}
.tw\:p-0 {
  padding: 0;
}
.tw\:p-1 {
  padding: var(--tw-spacing);
}
.tw\:p-1\.5 {
  padding: calc(var(--tw-spacing) * 1.5);
}
.tw\:p-2 {
  padding: calc(var(--tw-spacing) * 2);
}
.tw\:p-2\.5 {
  padding: calc(var(--tw-spacing) * 2.5);
}
.tw\:p-3 {
  padding: calc(var(--tw-spacing) * 3);
}
.tw\:p-3\.5 {
  padding: calc(var(--tw-spacing) * 3.5);
}
.tw\:p-4 {
  padding: calc(var(--tw-spacing) * 4);
}
.tw\:p-6 {
  padding: calc(var(--tw-spacing) * 6);
}
.tw\:p-\[10px_12px\] {
  padding: 10px 12px;
}
.tw\:p-\[18px\] {
  padding: 18px;
}
.tw\:\!px-0 {
  padding-inline: 0 !important;
}
.tw\:\!px-2 {
  padding-inline: calc(var(--tw-spacing) * 2) !important;
}
.tw\:\!px-2\.5 {
  padding-inline: calc(var(--tw-spacing) * 2.5) !important;
}
.tw\:px-0 {
  padding-inline: 0;
}
.tw\:px-1 {
  padding-inline: var(--tw-spacing);
}
.tw\:px-1\.5 {
  padding-inline: calc(var(--tw-spacing) * 1.5);
}
.tw\:px-2 {
  padding-inline: calc(var(--tw-spacing) * 2);
}
.tw\:px-2\.5 {
  padding-inline: calc(var(--tw-spacing) * 2.5);
}
.tw\:px-3 {
  padding-inline: calc(var(--tw-spacing) * 3);
}
.tw\:px-3\.5 {
  padding-inline: calc(var(--tw-spacing) * 3.5);
}
.tw\:px-4 {
  padding-inline: calc(var(--tw-spacing) * 4);
}
.tw\:px-5 {
  padding-inline: calc(var(--tw-spacing) * 5);
}
.tw\:px-\[3px\] {
  padding-inline: 3px;
}
.tw\:px-\[5px\] {
  padding-inline: 5px;
}
.tw\:px-\[7px\] {
  padding-inline: 7px;
}
.tw\:px-\[9px\] {
  padding-inline: 9px;
}
.tw\:px-\[13px\] {
  padding-inline: 13px;
}
.tw\:px-\[15px\] {
  padding-inline: 15px;
}
.tw\:px-\[30px\] {
  padding-inline: 30px;
}
.tw\:\!py-0 {
  padding-block: 0 !important;
}
.tw\:\!py-1\.5 {
  padding-block: calc(var(--tw-spacing) * 1.5) !important;
}
.tw\:\!py-2 {
  padding-block: calc(var(--tw-spacing) * 2) !important;
}
.tw\:\!py-\[3px\] {
  padding-block: 3px !important;
}
.tw\:py-0 {
  padding-block: 0;
}
.tw\:py-0\.5 {
  padding-block: calc(var(--tw-spacing) * 0.5);
}
.tw\:py-1 {
  padding-block: var(--tw-spacing);
}
.tw\:py-1\.5 {
  padding-block: calc(var(--tw-spacing) * 1.5);
}
.tw\:py-2 {
  padding-block: calc(var(--tw-spacing) * 2);
}
.tw\:py-2\.5 {
  padding-block: calc(var(--tw-spacing) * 2.5);
}
.tw\:py-3 {
  padding-block: calc(var(--tw-spacing) * 3);
}
.tw\:py-3\.5 {
  padding-block: calc(var(--tw-spacing) * 3.5);
}
.tw\:py-6 {
  padding-block: calc(var(--tw-spacing) * 6);
}
.tw\:py-\[3px\] {
  padding-block: 3px;
}
.tw\:py-\[5px\] {
  padding-block: 5px;
}
.tw\:py-\[7px\] {
  padding-block: 7px;
}
.tw\:py-\[9px\] {
  padding-block: 9px;
}
.tw\:py-\[11px\] {
  padding-block: 11px;
}
.tw\:py-\[18px\] {
  padding-block: 18px;
}
.tw\:py-px {
  padding-block: 1px;
}
.tw\:pt-0 {
  padding-top: 0;
}
.tw\:pt-1 {
  padding-top: var(--tw-spacing);
}
.tw\:pt-1\.5 {
  padding-top: calc(var(--tw-spacing) * 1.5);
}
.tw\:pt-2 {
  padding-top: calc(var(--tw-spacing) * 2);
}
.tw\:pt-2\.5 {
  padding-top: calc(var(--tw-spacing) * 2.5);
}
.tw\:pt-3 {
  padding-top: calc(var(--tw-spacing) * 3);
}
.tw\:pt-5 {
  padding-top: calc(var(--tw-spacing) * 5);
}
.tw\:pt-\[9px\] {
  padding-top: 9px;
}
.tw\:pt-\[11px\] {
  padding-top: 11px;
}
.tw\:pt-\[18px\] {
  padding-top: 18px;
}
.tw\:\!pr-1\.5 {
  padding-right: calc(var(--tw-spacing) * 1.5) !important;
}
.tw\:pr-0\.5 {
  padding-right: calc(var(--tw-spacing) * 0.5);
}
.tw\:pr-1 {
  padding-right: var(--tw-spacing);
}
.tw\:pr-1\.5 {
  padding-right: calc(var(--tw-spacing) * 1.5);
}
.tw\:pr-2 {
  padding-right: calc(var(--tw-spacing) * 2);
}
.tw\:pr-2\.5 {
  padding-right: calc(var(--tw-spacing) * 2.5);
}
.tw\:pr-\[9px\] {
  padding-right: 9px;
}
.tw\:pr-\[11px\] {
  padding-right: 11px;
}
.tw\:pb-0 {
  padding-bottom: 0;
}
.tw\:pb-0\.5 {
  padding-bottom: calc(var(--tw-spacing) * 0.5);
}
.tw\:pb-2 {
  padding-bottom: calc(var(--tw-spacing) * 2);
}
.tw\:pb-2\.5 {
  padding-bottom: calc(var(--tw-spacing) * 2.5);
}
.tw\:pb-3 {
  padding-bottom: calc(var(--tw-spacing) * 3);
}
.tw\:pb-4 {
  padding-bottom: calc(var(--tw-spacing) * 4);
}
.tw\:pb-\[7px\] {
  padding-bottom: 7px;
}
.tw\:pb-\[9px\] {
  padding-bottom: 9px;
}
.tw\:pb-\[18px\] {
  padding-bottom: 18px;
}
.tw\:pb-\[26px\] {
  padding-bottom: 26px;
}
.tw\:\!pl-3 {
  padding-left: calc(var(--tw-spacing) * 3) !important;
}
.tw\:pl-0 {
  padding-left: 0;
}
.tw\:pl-1 {
  padding-left: var(--tw-spacing);
}
.tw\:pl-2 {
  padding-left: calc(var(--tw-spacing) * 2);
}
.tw\:pl-3 {
  padding-left: calc(var(--tw-spacing) * 3);
}
.tw\:pl-4 {
  padding-left: calc(var(--tw-spacing) * 4);
}
.tw\:pl-5 {
  padding-left: calc(var(--tw-spacing) * 5);
}
.tw\:pl-6 {
  padding-left: calc(var(--tw-spacing) * 6);
}
.tw\:pl-\[22px\] {
  padding-left: 22px;
}
.tw\:text-center {
  text-align: center;
}
.tw\:text-left {
  text-align: left;
}
.tw\:text-right {
  text-align: right;
}
.tw\:align-\[-2px\] {
  vertical-align: -2px;
}
.tw\:align-baseline {
  vertical-align: baseline;
}
.tw\:font-\[inherit\] {
  font-family: inherit;
}
.tw\:font-code {
  font-family: var(--font-mono);
}
.tw\:\!text-base {
  font-size: var(--tw-text-base) !important;
  line-height: var(--tw-leading, var(--tw-text-base--line-height)) !important;
}
.tw\:\!text-sm {
  font-size: var(--tw-text-sm) !important;
  line-height: var(--tw-leading, var(--tw-text-sm--line-height)) !important;
}
.tw\:text-base {
  font-size: var(--tw-text-base);
  line-height: var(--tw-leading, var(--tw-text-base--line-height));
}
.tw\:text-lg {
  font-size: var(--tw-text-lg);
  line-height: var(--tw-leading, var(--tw-text-lg--line-height));
}
.tw\:text-sm {
  font-size: var(--tw-text-sm);
  line-height: var(--tw-leading, var(--tw-text-sm--line-height));
}
.tw\:text-xl {
  font-size: var(--tw-text-xl);
  line-height: var(--tw-leading, var(--tw-text-xl--line-height));
}
.tw\:text-xs {
  font-size: var(--tw-text-xs);
  line-height: var(--tw-leading, var(--tw-text-xs--line-height));
}
.tw\:\!text-\[10px\] {
  font-size: 10px !important;
}
.tw\:\!text-\[11px\] {
  font-size: 11px !important;
}
.tw\:\!text-\[13px\] {
  font-size: 13px !important;
}
.tw\:text-\[8px\] {
  font-size: 8px;
}
.tw\:text-\[9px\] {
  font-size: 9px;
}
.tw\:text-\[10px\] {
  font-size: 10px;
}
.tw\:text-\[11px\] {
  font-size: 11px;
}
.tw\:text-\[12px\] {
  font-size: 12px;
}
.tw\:text-\[13px\] {
  font-size: 13px;
}
.tw\:text-\[15px\] {
  font-size: 15px;
}
.tw\:text-\[19px\] {
  font-size: 19px;
}
.tw\:\!leading-\[1\.45\] {
  --tw-leading: 1.45 !important;
  line-height: 1.45 !important;
}
.tw\:leading-\[1\.1\] {
  --tw-leading: 1.1;
  line-height: 1.1;
}
.tw\:leading-\[1\.2\] {
  --tw-leading: 1.2;
  line-height: 1.2;
}
.tw\:leading-\[1\.4\] {
  --tw-leading: 1.4;
  line-height: 1.4;
}
.tw\:leading-\[1\.5\] {
  --tw-leading: 1.5;
  line-height: 1.5;
}
.tw\:leading-\[1\.6\] {
  --tw-leading: 1.6;
  line-height: 1.6;
}
.tw\:leading-\[1\.7\] {
  --tw-leading: 1.7;
  line-height: 1.7;
}
.tw\:leading-\[1\.25\] {
  --tw-leading: 1.25;
  line-height: 1.25;
}
.tw\:leading-\[1\.35\] {
  --tw-leading: 1.35;
  line-height: 1.35;
}
.tw\:leading-\[1\.45\] {
  --tw-leading: 1.45;
  line-height: 1.45;
}
.tw\:leading-\[1\.48\] {
  --tw-leading: 1.48;
  line-height: 1.48;
}
.tw\:leading-\[1\.55\] {
  --tw-leading: 1.55;
  line-height: 1.55;
}
.tw\:leading-\[1\.58\] {
  --tw-leading: 1.58;
  line-height: 1.58;
}
.tw\:leading-\[1\.72\] {
  --tw-leading: 1.72;
  line-height: 1.72;
}
.tw\:leading-\[20px\] {
  --tw-leading: 20px;
  line-height: 20px;
}
.tw\:leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.tw\:leading-normal {
  --tw-leading: var(--tw-leading-normal);
  line-height: var(--tw-leading-normal);
}
.tw\:\!font-bold {
  --tw-font-weight: var(--tw-font-weight-bold) !important;
  font-weight: var(--tw-font-weight-bold) !important;
}
.tw\:font-bold {
  --tw-font-weight: var(--tw-font-weight-bold);
  font-weight: var(--tw-font-weight-bold);
}
.tw\:font-extrabold {
  --tw-font-weight: var(--tw-font-weight-extrabold);
  font-weight: var(--tw-font-weight-extrabold);
}
.tw\:font-medium {
  --tw-font-weight: var(--tw-font-weight-medium);
  font-weight: var(--tw-font-weight-medium);
}
.tw\:font-normal {
  --tw-font-weight: var(--tw-font-weight-normal);
  font-weight: var(--tw-font-weight-normal);
}
.tw\:font-semibold {
  --tw-font-weight: var(--tw-font-weight-semibold);
  font-weight: var(--tw-font-weight-semibold);
}
.tw\:tracking-\[0\.02em\] {
  --tw-tracking: 0.02em;
  letter-spacing: 0.02em;
}
.tw\:tracking-\[0\.06em\] {
  --tw-tracking: 0.06em;
  letter-spacing: 0.06em;
}
.tw\:tracking-\[0\.16em\] {
  --tw-tracking: 0.16em;
  letter-spacing: 0.16em;
}
.tw\:\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}
.tw\:break-words {
  overflow-wrap: break-word;
}
.tw\:break-all {
  word-break: break-all;
}
.tw\:break-keep {
  word-break: keep-all;
}
.tw\:text-ellipsis {
  text-overflow: ellipsis;
}
.tw\:whitespace-normal {
  white-space: normal;
}
.tw\:whitespace-nowrap {
  white-space: nowrap;
}
.tw\:whitespace-pre {
  white-space: pre;
}
.tw\:whitespace-pre-wrap {
  white-space: pre-wrap;
}
.tw\:\[tab-size\:2\] {
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}
.tw\:\!text-\[color-mix\(in_srgb\,var\(--accent-danger\)_72\%\,transparent\)\] {
  color: var(--accent-danger) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--accent-danger) 72%,transparent) !important;
  }
}
.tw\:\!text-\[color-mix\(in_srgb\,var\(--accent-warn\)_72\%\,transparent\)\] {
  color: var(--accent-warn) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--accent-warn) 72%,transparent) !important;
  }
}
.tw\:\!text-\[var\(--voice-listening-status\)\] {
  color: var(--voice-listening-status) !important;
}
.tw\:\!text-\[var\(--voice-speaking-status\)\] {
  color: var(--voice-speaking-status) !important;
}
.tw\:\!text-accent {
  color: var(--accent) !important;
}
.tw\:\!text-accent-danger {
  color: var(--accent-danger) !important;
}
.tw\:\!text-accent-electric {
  color: var(--accent-electric) !important;
}
.tw\:\!text-ink-2 {
  color: var(--ink-2) !important;
}
.tw\:\!text-text-muted {
  color: var(--text-muted) !important;
}
.tw\:\!text-white {
  color: var(--tw-color-white) !important;
}
.tw\:text-\[\#2f7c49\] {
  color: #2f7c49;
}
.tw\:text-\[\#4f9fc7\] {
  color: #4f9fc7;
}
.tw\:text-\[\#5a86c8\] {
  color: #5a86c8;
}
.tw\:text-\[\#5aa79d\] {
  color: #5aa79d;
}
.tw\:text-\[\#6b92bf\] {
  color: #6b92bf;
}
.tw\:text-\[\#7ab9a8\] {
  color: #7ab9a8;
}
.tw\:text-\[\#7c8aa5\] {
  color: #7c8aa5;
}
.tw\:text-\[\#8e82c4\] {
  color: #8e82c4;
}
.tw\:text-\[\#4476ad\] {
  color: #4476ad;
}
.tw\:text-\[\#a094d0\] {
  color: #a094d0;
}
.tw\:text-\[\#ca9168\] {
  color: #ca9168;
}
.tw\:text-\[\#cf5f18\] {
  color: #cf5f18;
}
.tw\:text-\[\#d2b395\] {
  color: #d2b395;
}
.tw\:text-\[\#d6a05e\] {
  color: #d6a05e;
}
.tw\:text-\[\#d53f3f\] {
  color: #d53f3f;
}
.tw\:text-\[\#d98a42\] {
  color: #d98a42;
}
.tw\:text-\[\#f8fcff\] {
  color: #f8fcff;
}
.tw\:text-\[color-mix\(in_srgb\,\#9a6700_72\%\,var\(--ink-1\)\)\] {
  color: #9a6700;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,#9a6700 72%,var(--ink-1));
  }
}
.tw\:text-\[color-mix\(in_srgb\,\#156f48_72\%\,var\(--ink-1\)\)\] {
  color: #156f48;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,#156f48 72%,var(--ink-1));
  }
}
.tw\:text-\[color-mix\(in_srgb\,var\(--accent-danger\)_72\%\,transparent\)\] {
  color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--accent-danger) 72%,transparent);
  }
}
.tw\:text-\[color-mix\(in_srgb\,var\(--accent-danger\)_78\%\,var\(--ink-1\)\)\] {
  color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--accent-danger) 78%,var(--ink-1));
  }
}
.tw\:text-\[color-mix\(in_srgb\,var\(--accent-danger\)_80\%\,\#3e1120\)\] {
  color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--accent-danger) 80%,#3e1120);
  }
}
.tw\:text-\[color-mix\(in_srgb\,var\(--accent-danger\)_82\%\,var\(--ink-1\)\)\] {
  color: var(--accent-danger);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--accent-danger) 82%,var(--ink-1));
  }
}
.tw\:text-\[color-mix\(in_srgb\,var\(--accent-warn\)_72\%\,transparent\)\] {
  color: var(--accent-warn);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--accent-warn) 72%,transparent);
  }
}
.tw\:text-\[color-mix\(in_srgb\,var\(--ink-muted\)_72\%\,transparent\)\] {
  color: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--ink-muted) 72%,transparent);
  }
}
.tw\:text-\[color-mix\(in_srgb\,var\(--ink-muted\)_88\%\,var\(--ink-2\)\)\] {
  color: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--ink-muted) 88%,var(--ink-2));
  }
}
.tw\:text-\[color-mix\(in_srgb\,var\(--ink-muted\)_94\%\,var\(--voice-accent\)_6\%\)\] {
  color: var(--ink-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--ink-muted) 94%,var(--voice-accent) 6%);
  }
}
.tw\:text-\[color-mix\(in_srgb\,var\(--voice-accent\)_78\%\,\#29435f\)\] {
  color: var(--voice-accent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--voice-accent) 78%,#29435f);
  }
}
.tw\:text-\[color-mix\(in_srgb\,var\(--voice-accent\)_86\%\,\#25425f\)\] {
  color: var(--voice-accent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb,var(--voice-accent) 86%,#25425f);
  }
}
.tw\:text-\[var\(--colorPrimary\)\] {
  color: var(--colorPrimary);
}
.tw\:text-\[var\(--colorPrimaryActive\,\#1e66d9\)\] {
  color: var(--colorPrimaryActive,#1e66d9);
}
.tw\:text-\[var\(--colorTextSecondary\)\] {
  color: var(--colorTextSecondary);
}
.tw\:text-\[var\(--colorTextTertiary\,rgba\(0\,0\,0\,0\.45\)\)\] {
  color: var(--colorTextTertiary,rgba(0,0,0,0.45));
}
.tw\:text-\[var\(--voice-listening-strong\)\] {
  color: var(--voice-listening-strong);
}
.tw\:text-\[var\(--voice-speaking-strong\)\] {
  color: var(--voice-speaking-strong);
}
.tw\:text-accent {
  color: var(--accent);
}
.tw\:text-accent-danger {
  color: var(--accent-danger);
}
.tw\:text-accent-electric {
  color: var(--accent-electric);
}
.tw\:text-accent-electric-strong {
  color: var(--accent-electric-strong);
}
.tw\:text-accent-lime {
  color: var(--accent-lime);
}
.tw\:text-accent-warn {
  color: var(--accent-warn);
}
.tw\:text-danger {
  color: var(--danger);
}
.tw\:text-inherit {
  color: inherit;
}
.tw\:text-ink-1 {
  color: var(--ink-1);
}
.tw\:text-ink-2 {
  color: var(--ink-2);
}
.tw\:text-ink-muted {
  color: var(--ink-muted);
}
.tw\:text-ok {
  color: var(--ok);
}
.tw\:text-text-main {
  color: var(--text-main);
}
.tw\:text-text-muted {
  color: var(--text-muted);
}
.tw\:text-text-sub {
  color: var(--text-sub);
}
.tw\:text-white {
  color: var(--tw-color-white);
}
.tw\:uppercase {
  text-transform: uppercase;
}
.tw\:\[font-variant-numeric\:tabular-nums\] {
  font-variant-numeric: tabular-nums;
}
.tw\:accent-accent-electric {
  accent-color: var(--accent-electric);
}
.tw\:opacity-0 {
  opacity: 0%;
}
.tw\:opacity-30 {
  opacity: 30%;
}
.tw\:opacity-60 {
  opacity: 60%;
}
.tw\:opacity-80 {
  opacity: 80%;
}
.tw\:opacity-90 {
  opacity: 90%;
}
.tw\:opacity-100 {
  opacity: 100%;
}
.tw\:opacity-\[0\.58\] {
  opacity: 0.58;
}
.tw\:opacity-\[0\.72\] {
  opacity: 0.72;
}
.tw\:\!shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--accent-danger\)_22\%\,transparent\)\] {
  --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--accent-danger)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb,var(--accent-danger) 22%,transparent)) !important;
  }
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.tw\:\!shadow-\[0_6px_16px_rgba\(38\,99\,235\,0\.22\)\] {
  --tw-shadow: 0 6px 16px var(--tw-shadow-color, rgba(38,99,235,0.22)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.tw\:\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.tw\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,currentColor_14\%\,transparent\)\] {
  --tw-shadow: 0 0 0 2px var(--tw-shadow-color, currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,currentColor 14%,transparent));
  }
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--accent-lime\)_16\%\,transparent\)\] {
  --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--accent-lime));
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb,var(--accent-lime) 16%,transparent));
  }
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[0_4px_10px_rgba\(17\,39\,76\,0\.08\)\] {
  --tw-shadow: 0 4px 10px var(--tw-shadow-color, rgba(17,39,76,0.08));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[0_6px_16px_rgba\(38\,99\,235\,0\.18\)\] {
  --tw-shadow: 0 6px 16px var(--tw-shadow-color, rgba(38,99,235,0.18));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[0_18px_38px_rgba\(17\,39\,76\,0\.04\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.96\)\] {
  --tw-shadow: 0 18px 38px var(--tw-shadow-color, rgba(17,39,76,0.04)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.96));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[0_18px_42px_rgba\(15\,23\,42\,0\.16\)\] {
  --tw-shadow: 0 18px 42px var(--tw-shadow-color, rgba(15,23,42,0.16));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--accent-danger\)_38\%\,transparent\)\] {
  --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--accent-danger));
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--accent-danger) 38%,transparent));
  }
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.9\)\,0_6px_14px_rgba\(17\,39\,76\,0\.02\)\] {
  --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9)), 0 6px 14px var(--tw-shadow-color, rgba(17,39,76,0.02));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.88\)\] {
  --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.88));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.92\)\,0_4px_10px_rgba\(17\,39\,76\,0\.025\)\] {
  --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.92)), 0 4px 10px var(--tw-shadow-color, rgba(17,39,76,0.025));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.94\)\,0_6px_14px_rgba\(17\,39\,76\,0\.04\)\] {
  --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.94)), 0 6px 14px var(--tw-shadow-color, rgba(17,39,76,0.04));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-elevated {
  --tw-shadow: var(--shadow-soft);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-floating {
  --tw-shadow: var(--shadow-medium);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:shadow-overlay {
  --tw-shadow: var(--shadow-strong);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.tw\:backdrop-blur-\[10px\] {
  --tw-backdrop-blur: blur(10px);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.tw\:backdrop-blur-\[18px\] {
  --tw-backdrop-blur: blur(18px);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.tw\:backdrop-saturate-\[112\%\] {
  --tw-backdrop-saturate: saturate(112%);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.tw\:\!transition-\[transform\,box-shadow\] {
  transition-property: transform,box-shadow !important;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;
}
.tw\:transition-\[border-color\,background\,box-shadow\,transform\] {
  transition-property: border-color,background,box-shadow,transform;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[border-color\,background\,transform\] {
  transition-property: border-color,background,transform;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[box-shadow\,border-color\] {
  transition-property: box-shadow,border-color;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[box-shadow\,transform\,background\] {
  transition-property: box-shadow,transform,background;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[max-height\] {
  transition-property: max-height;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[transform\,border-color\,box-shadow\] {
  transition-property: transform,border-color,box-shadow;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-\[width\,opacity\] {
  transition-property: width,opacity;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:transition-none {
  transition-property: none;
}
.tw\:duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.tw\:duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.tw\:duration-\[140ms\] {
  --tw-duration: 140ms;
  transition-duration: 140ms;
}
.tw\:duration-\[160ms\] {
  --tw-duration: 160ms;
  transition-duration: 160ms;
}
.tw\:duration-\[180ms\] {
  --tw-duration: 180ms;
  transition-duration: 180ms;
}
.tw\:duration-\[220ms\] {
  --tw-duration: 220ms;
  transition-duration: 220ms;
}
.tw\:ease-in-out {
  --tw-ease: var(--tw-ease-in-out);
  transition-timing-function: var(--tw-ease-in-out);
}
.tw\:ease-out {
  --tw-ease: var(--tw-ease-out);
  transition-timing-function: var(--tw-ease-out);
}
.tw\:outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.tw\:select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.tw\:\[--composer-main-min-height\:84px\] {
  --composer-main-min-height: 84px;
}
.tw\:\[--voice-accent\:var\(--accent-danger\)\] {
  --voice-accent: var(--accent-danger);
}
.tw\:\[--voice-accent\:var\(--accent-electric\)\] {
  --voice-accent: var(--accent-electric);
}
.tw\:\[--voice-accent\:var\(--voice-listening-accent\)\] {
  --voice-accent: var(--voice-listening-accent);
}
.tw\:\[--voice-accent\:var\(--voice-speaking-accent\)\] {
  --voice-accent: var(--voice-speaking-accent);
}
.tw\:\[--voice-assistant-accent\:var\(--voice-assistant-accent-default\)\] {
  --voice-assistant-accent: var(--voice-assistant-accent-default);
}
.tw\:\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.tw\:\[-webkit-box-orient\:vertical\] {
  -webkit-box-orient: vertical;
}
.tw\:\[-webkit-line-clamp\:1\] {
  -webkit-line-clamp: 1;
}
.tw\:\[-webkit-line-clamp\:2\] {
  -webkit-line-clamp: 2;
}
.tw\:\[-webkit-line-clamp\:3\] {
  -webkit-line-clamp: 3;
}
.tw\:\[-webkit-text-fill-color\:transparent\] {
  -webkit-text-fill-color: transparent;
}
.tw\:\[animation-delay\:40ms\] {
  animation-delay: 40ms;
}
.tw\:\[transition\:color_0\.18s_ease\,transform_0\.35s_ease\] {
  transition: color 0.18s ease,transform 0.35s ease;
}
.tw\:\[writing-mode\:horizontal-tb\] {
  writing-mode: horizontal-tb;
}
.tw\:group-hover\:hidden {
  &:is(:where(.tw\:group):hover *) {
    @media (hover: hover) {
      display: none;
    }
  }
}
.tw\:group-hover\:inline-flex {
  &:is(:where(.tw\:group):hover *) {
    @media (hover: hover) {
      display: inline-flex;
    }
  }
}
.tw\:group-hover\:opacity-100 {
  &:is(:where(.tw\:group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.tw\:group-data-\[expanded\=true\]\:hidden {
  &:is(:where(.tw\:group)[data-expanded="true"] *) {
    display: none;
  }
}
.tw\:group-data-\[expanded\=true\]\:inline-flex {
  &:is(:where(.tw\:group)[data-expanded="true"] *) {
    display: inline-flex;
  }
}
.tw\:placeholder\:text-ink-muted {
  &::-moz-placeholder {
    color: var(--ink-muted);
  }
  &::placeholder {
    color: var(--ink-muted);
  }
}
.tw\:before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
.tw\:before\:top-0 {
  &::before {
    content: var(--tw-content);
    top: 0;
  }
}
.tw\:before\:top-1\/2 {
  &::before {
    content: var(--tw-content);
    top: calc(1 / 2 * 100%);
  }
}
.tw\:before\:bottom-0 {
  &::before {
    content: var(--tw-content);
    bottom: 0;
  }
}
.tw\:before\:left-2 {
  &::before {
    content: var(--tw-content);
    left: calc(var(--tw-spacing) * 2);
  }
}
.tw\:before\:left-2\.5 {
  &::before {
    content: var(--tw-content);
    left: calc(var(--tw-spacing) * 2.5);
  }
}
.tw\:before\:left-\[9px\] {
  &::before {
    content: var(--tw-content);
    left: 9px;
  }
}
.tw\:before\:h-2 {
  &::before {
    content: var(--tw-content);
    height: calc(var(--tw-spacing) * 2);
  }
}
.tw\:before\:h-\[7px\] {
  &::before {
    content: var(--tw-content);
    height: 7px;
  }
}
.tw\:before\:w-2 {
  &::before {
    content: var(--tw-content);
    width: calc(var(--tw-spacing) * 2);
  }
}
.tw\:before\:w-\[7px\] {
  &::before {
    content: var(--tw-content);
    width: 7px;
  }
}
.tw\:before\:w-px {
  &::before {
    content: var(--tw-content);
    width: 1px;
  }
}
.tw\:before\:-translate-y-1\/2 {
  &::before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.tw\:before\:animate-\[flash_1s_infinite\] {
  &::before {
    content: var(--tw-content);
    animation: flash 1s infinite;
  }
}
.tw\:before\:rounded-full {
  &::before {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
}
.tw\:before\:bg-\[color-mix\(in_srgb\,var\(--ink-muted\)_90\%\,white\)\] {
  &::before {
    content: var(--tw-content);
    background-color: var(--ink-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ink-muted) 90%,white);
    }
  }
}
.tw\:before\:bg-accent-danger {
  &::before {
    content: var(--tw-content);
    background-color: var(--accent-danger);
  }
}
.tw\:before\:bg-accent-electric {
  &::before {
    content: var(--tw-content);
    background-color: var(--accent-electric);
  }
}
.tw\:before\:bg-line-soft {
  &::before {
    content: var(--tw-content);
    background-color: var(--line-soft);
  }
}
.tw\:before\:content-\[\'\'\] {
  &::before {
    --tw-content: '';
    content: var(--tw-content);
  }
}
.tw\:after\:block {
  &::after {
    content: var(--tw-content);
    display: block;
  }
}
.tw\:after\:h-1\/2 {
  &::after {
    content: var(--tw-content);
    height: calc(1 / 2 * 100%);
  }
}
.tw\:after\:w-px {
  &::after {
    content: var(--tw-content);
    width: 1px;
  }
}
.tw\:after\:bg-line-soft {
  &::after {
    content: var(--tw-content);
    background-color: var(--line-soft);
  }
}
.tw\:after\:content-\[\'\'\] {
  &::after {
    --tw-content: '';
    content: var(--tw-content);
  }
}
.tw\:last\:after\:hidden {
  &:last-child {
    &::after {
      content: var(--tw-content);
      display: none;
    }
  }
}
.tw\:empty\:hidden {
  &:empty {
    display: none;
  }
}
.tw\:focus-within\:border-accent {
  &:focus-within {
    border-color: var(--accent);
  }
}
.tw\:focus-within\:bg-bg-hover {
  &:focus-within {
    background-color: var(--bg-hover);
  }
}
.tw\:focus-within\:shadow-floating {
  &:focus-within {
    --tw-shadow: var(--shadow-medium);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:hover\:-translate-y-px {
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.tw\:hover\:scale-150 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 150%;
      --tw-scale-y: 150%;
      --tw-scale-z: 150%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.tw\:hover\:\!scale-\[1\.03\] {
  &:hover {
    @media (hover: hover) {
      scale: 1.03 !important;
    }
  }
}
.tw\:hover\:rotate-180 {
  &:hover {
    @media (hover: hover) {
      rotate: 180deg;
    }
  }
}
.tw\:hover\:\!border-\[color-mix\(in_srgb\,var\(--accent-electric\)_22\%\,var\(--line-strong\)\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--accent-electric) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb,var(--accent-electric) 22%,var(--line-strong)) !important;
      }
    }
  }
}
.tw\:hover\:\[border-color\:color-mix\(in_srgb\,\#e4564f_52\%\,var\(--line-soft\)\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: #e4564f;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb,#e4564f 52%,var(--line-soft));
      }
    }
  }
}
.tw\:hover\:\[border-color\:color-mix\(in_srgb\,var\(--accent-electric\)_52\%\,var\(--line-soft\)\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--accent-electric);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb,var(--accent-electric) 52%,var(--line-soft));
      }
    }
  }
}
.tw\:hover\:\[border-color\:color-mix\(in_srgb\,var\(--accent-soft\)_52\%\,var\(--line-soft\)\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--accent-soft);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb,var(--accent-soft) 52%,var(--line-soft));
      }
    }
  }
}
.tw\:hover\:\[border-color\:color-mix\(in_srgb\,var\(--accent-soft\)_58\%\,var\(--line-soft\)\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--accent-soft);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb,var(--accent-soft) 58%,var(--line-soft));
      }
    }
  }
}
.tw\:hover\:border-\[color-mix\(in_srgb\,var\(--accent-electric\)_28\%\,transparent\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--accent-electric);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb,var(--accent-electric) 28%,transparent);
      }
    }
  }
}
.tw\:hover\:border-\[color-mix\(in_srgb\,var\(--accent-electric\)_42\%\,var\(--line-soft\)\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--accent-electric);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in srgb,var(--accent-electric) 42%,var(--line-soft));
      }
    }
  }
}
.tw\:hover\:border-inherit {
  &:hover {
    @media (hover: hover) {
      border-color: inherit;
    }
  }
}
.tw\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_10\%\,transparent\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent-danger) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--accent-danger) 10%,transparent) !important;
      }
    }
  }
}
.tw\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--accent-electric\)_88\%\,\#0b4aa2\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent-electric) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--accent-electric) 88%,#0b4aa2) !important;
      }
    }
  }
}
.tw\:hover\:\!bg-accent-soft {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent-soft) !important;
    }
  }
}
.tw\:hover\:\!bg-bg-hover {
  &:hover {
    @media (hover: hover) {
      background-color: var(--bg-hover) !important;
    }
  }
}
.tw\:hover\:bg-\[color-mix\(in_srgb\,\#fff_96\%\,var\(--bg-elev-2\)\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: #fff;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,#fff 96%,var(--bg-elev-2));
      }
    }
  }
}
.tw\:hover\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_24\%\,transparent\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--accent-soft) 24%,transparent);
      }
    }
  }
}
.tw\:hover\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_38\%\,transparent\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--accent-soft) 38%,transparent);
      }
    }
  }
}
.tw\:hover\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_58\%\,transparent\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--accent-soft) 58%,transparent);
      }
    }
  }
}
.tw\:hover\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_58\%\,var\(--bg-elev-2\)\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--accent-soft) 58%,var(--bg-elev-2));
      }
    }
  }
}
.tw\:hover\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_68\%\,transparent\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--accent-soft) 68%,transparent);
      }
    }
  }
}
.tw\:hover\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_78\%\,var\(--bg-elev-2\)\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--accent-soft);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--accent-soft) 78%,var(--bg-elev-2));
      }
    }
  }
}
.tw\:hover\:bg-\[color-mix\(in_srgb\,var\(--bg-hover\)_60\%\,transparent\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--bg-hover);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--bg-hover) 60%,transparent);
      }
    }
  }
}
.tw\:hover\:bg-bg-base {
  &:hover {
    @media (hover: hover) {
      background-color: var(--bg-base);
    }
  }
}
.tw\:hover\:bg-bg-hover {
  &:hover {
    @media (hover: hover) {
      background-color: var(--bg-hover);
    }
  }
}
.tw\:hover\:bg-transparent {
  &:hover {
    @media (hover: hover) {
      background-color: transparent;
    }
  }
}
.tw\:hover\:\!text-ink-1 {
  &:hover {
    @media (hover: hover) {
      color: var(--ink-1) !important;
    }
  }
}
.tw\:hover\:text-accent-electric-strong {
  &:hover {
    @media (hover: hover) {
      color: var(--accent-electric-strong);
    }
  }
}
.tw\:hover\:text-ink-1 {
  &:hover {
    @media (hover: hover) {
      color: var(--ink-1);
    }
  }
}
.tw\:hover\:text-ink-2 {
  &:hover {
    @media (hover: hover) {
      color: var(--ink-2);
    }
  }
}
.tw\:hover\:\!shadow-\[0_6px_12px_rgba\(22\,119\,255\,0\.28\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(22,119,255,0.28)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
}
.tw\:hover\:shadow-\[0_8px_18px_rgba\(229\,86\,79\,0\.18\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 8px 18px var(--tw-shadow-color, rgba(229,86,79,0.18));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.tw\:hover\:shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--accent-soft\)_82\%\,transparent\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--accent-soft));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--accent-soft) 82%,transparent));
      }
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.tw\:hover\:shadow-\[var\(--shadow-soft\)\,0_0_0_3px_color-mix\(in_srgb\,var\(--accent-soft\)_72\%\,transparent\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: var(--shadow-soft), 0 0 0 3px var(--tw-shadow-color, var(--accent-soft));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow: var(--shadow-soft), 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb,var(--accent-soft) 72%,transparent));
      }
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.tw\:hover\:shadow-none {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.tw\:hover\:outline-none {
  &:hover {
    @media (hover: hover) {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
}
.tw\:focus\:border-accent-electric {
  &:focus {
    border-color: var(--accent-electric);
  }
}
.tw\:focus\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_30\%\,var\(--bg-hover\)\)\] {
  &:focus {
    background-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent-soft) 30%,var(--bg-hover));
    }
  }
}
.tw\:focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--accent-electric\)_14\%\,transparent\)\] {
  &:focus {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--accent-electric));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,var(--accent-electric) 14%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:focus\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--accent-soft\)_24\%\,transparent\)\] {
  &:focus {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--accent-soft));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb,var(--accent-soft) 24%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.tw\:focus-visible\:-translate-y-px {
  &:focus-visible {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.tw\:focus-visible\:rotate-180 {
  &:focus-visible {
    rotate: 180deg;
  }
}
.tw\:focus-visible\:border-\[color-mix\(in_srgb\,var\(--accent-electric\)_28\%\,transparent\)\] {
  &:focus-visible {
    border-color: var(--accent-electric);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent-electric) 28%,transparent);
    }
  }
}
.tw\:focus-visible\:border-\[color-mix\(in_srgb\,var\(--accent-electric\)_42\%\,var\(--line-soft\)\)\] {
  &:focus-visible {
    border-color: var(--accent-electric);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent-electric) 42%,var(--line-soft));
    }
  }
}
.tw\:focus-visible\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_58\%\,transparent\)\] {
  &:focus-visible {
    background-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent-soft) 58%,transparent);
    }
  }
}
.tw\:focus-visible\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_68\%\,transparent\)\] {
  &:focus-visible {
    background-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent-soft) 68%,transparent);
    }
  }
}
.tw\:focus-visible\:text-accent-electric-strong {
  &:focus-visible {
    color: var(--accent-electric-strong);
  }
}
.tw\:focus-visible\:text-ink-1 {
  &:focus-visible {
    color: var(--ink-1);
  }
}
.tw\:focus-visible\:shadow-\[var\(--shadow-soft\)\,0_0_0_3px_color-mix\(in_srgb\,var\(--accent-soft\)_72\%\,transparent\)\] {
  &:focus-visible {
    --tw-shadow: var(--shadow-soft), 0 0 0 3px var(--tw-shadow-color, var(--accent-soft));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: var(--shadow-soft), 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb,var(--accent-soft) 72%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:focus-visible\:outline {
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
}
.tw\:focus-visible\:outline-2 {
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
}
.tw\:focus-visible\:outline-offset-2 {
  &:focus-visible {
    outline-offset: 2px;
  }
}
.tw\:focus-visible\:outline-\[color-mix\(in_srgb\,var\(--accent-electric\)_68\%\,transparent\)\] {
  &:focus-visible {
    outline-color: var(--accent-electric);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in srgb,var(--accent-electric) 68%,transparent);
    }
  }
}
.tw\:focus-visible\:outline-none {
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.tw\:active\:\!scale-\[0\.97\] {
  &:active {
    scale: 0.97 !important;
  }
}
.tw\:active\:transform-none {
  &:active {
    transform: none;
  }
}
.tw\:disabled\:cursor-default {
  &:disabled {
    cursor: default;
  }
}
.tw\:disabled\:bg-\[color-mix\(in_srgb\,var\(--bg-elev-2\)_92\%\,transparent\)\] {
  &:disabled {
    background-color: var(--bg-elev-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--bg-elev-2) 92%,transparent);
    }
  }
}
.tw\:disabled\:text-ink-muted {
  &:disabled {
    color: var(--ink-muted);
  }
}
.tw\:disabled\:opacity-35 {
  &:disabled {
    opacity: 35%;
  }
}
.tw\:disabled\:opacity-55 {
  &:disabled {
    opacity: 55%;
  }
}
.tw\:disabled\:opacity-60 {
  &:disabled {
    opacity: 60%;
  }
}
.tw\:disabled\:shadow-none {
  &:disabled {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:motion-reduce\:animate-none {
  @media (prefers-reduced-motion: reduce) {
    animation: none;
  }
}
.tw\:max-\[1320px\]\:col-span-full {
  @media (width < 1320px) {
    grid-column: 1 / -1;
  }
}
.tw\:max-\[1320px\]\:grid-cols-\[minmax\(280px\,320px\)_minmax\(0\,1fr\)\] {
  @media (width < 1320px) {
    grid-template-columns: minmax(280px,320px) minmax(0,1fr);
  }
}
.tw\:max-\[1279px\]\:h-\[34px\] {
  @media (width < 1279px) {
    height: 34px;
  }
}
.tw\:max-\[1279px\]\:min-h-\[34px\] {
  @media (width < 1279px) {
    min-height: 34px;
  }
}
.tw\:max-\[1279px\]\:w-\[34px\] {
  @media (width < 1279px) {
    width: 34px;
  }
}
.tw\:max-\[1279px\]\:min-w-0 {
  @media (width < 1279px) {
    min-width: 0;
  }
}
.tw\:max-\[1279px\]\:min-w-\[34px\] {
  @media (width < 1279px) {
    min-width: 34px;
  }
}
.tw\:max-\[1279px\]\:flex-auto {
  @media (width < 1279px) {
    flex: auto;
  }
}
.tw\:max-\[1279px\]\:gap-2 {
  @media (width < 1279px) {
    gap: calc(var(--tw-spacing) * 2);
  }
}
.tw\:max-\[1279px\]\:px-3 {
  @media (width < 1279px) {
    padding-inline: calc(var(--tw-spacing) * 3);
  }
}
.tw\:max-\[1279px\]\:py-\[7px\] {
  @media (width < 1279px) {
    padding-block: 7px;
  }
}
.tw\:max-\[980px\]\:col-auto {
  @media (width < 980px) {
    grid-column: auto;
  }
}
.tw\:max-\[980px\]\:grid-cols-1 {
  @media (width < 980px) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.tw\:max-\[860px\]\:max-h-\[260px\] {
  @media (width < 860px) {
    max-height: 260px;
  }
}
.tw\:max-\[860px\]\:min-h-80 {
  @media (width < 860px) {
    min-height: calc(var(--tw-spacing) * 80);
  }
}
.tw\:max-\[860px\]\:grid-cols-1 {
  @media (width < 860px) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.tw\:max-\[860px\]\:grid-cols-2 {
  @media (width < 860px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.tw\:max-\[860px\]\:grid-cols-\[1fr_auto_auto\] {
  @media (width < 860px) {
    grid-template-columns: 1fr auto auto;
  }
}
.tw\:max-\[860px\]\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
  @media (width < 860px) {
    grid-template-columns: minmax(0,1fr) auto auto;
  }
}
.tw\:max-\[860px\]\:overflow-auto {
  @media (width < 860px) {
    overflow: auto;
  }
}
.tw\:max-\[860px\]\:overflow-visible {
  @media (width < 860px) {
    overflow: visible;
  }
}
.tw\:max-\[760px\]\:max-h-\[150px\] {
  @media (width < 760px) {
    max-height: 150px;
  }
}
.tw\:max-\[760px\]\:grid-cols-1 {
  @media (width < 760px) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.tw\:max-\[760px\]\:overflow-auto {
  @media (width < 760px) {
    overflow: auto;
  }
}
.tw\:max-\[640px\]\:hidden {
  @media (width < 640px) {
    display: none;
  }
}
.tw\:\[\&_\.ant-badge\]\:scale-\[0\.8\] {
  & .ant-badge {
    scale: 0.8;
  }
}
.tw\:\[\&_\.ant-badge_\.ant-badge-count\]\:bg-accent-soft {
  & .ant-badge .ant-badge-count {
    background-color: var(--accent-soft);
  }
}
.tw\:\[\&_\.ant-badge_\.ant-badge-count\]\:text-\[10px\] {
  & .ant-badge .ant-badge-count {
    font-size: 10px;
  }
}
.tw\:\[\&_\.ant-badge_\.ant-badge-count\]\:text-accent {
  & .ant-badge .ant-badge-count {
    color: var(--accent);
  }
}
.tw\:\[\&_\.ant-badge_\.ant-badge-count-sm\]\:h-\[18px\] {
  & .ant-badge .ant-badge-count-sm {
    height: 18px;
  }
}
.tw\:\[\&_\.ant-badge_\.ant-badge-count-sm\]\:min-w-\[18px\] {
  & .ant-badge .ant-badge-count-sm {
    min-width: 18px;
  }
}
.tw\:\[\&_\.ant-badge_\.ant-badge-count-sm\]\:rounded-\[10px\] {
  & .ant-badge .ant-badge-count-sm {
    border-radius: 10px;
  }
}
.tw\:\[\&_\.ant-badge_\.ant-badge-count-sm\]\:leading-\[18px\] {
  & .ant-badge .ant-badge-count-sm {
    --tw-leading: 18px;
    line-height: 18px;
  }
}
.tw\:\[\&_\.ant-checkbox-wrapper\]\:m-0 {
  & .ant-checkbox-wrapper {
    margin: 0;
  }
}
.tw\:\[\&_\.ant-checkbox-wrapper\]\:flex {
  & .ant-checkbox-wrapper {
    display: flex;
  }
}
.tw\:\[\&_\.ant-checkbox-wrapper\]\:min-h-8 {
  & .ant-checkbox-wrapper {
    min-height: calc(var(--tw-spacing) * 8);
  }
}
.tw\:\[\&_\.ant-checkbox-wrapper\]\:items-center {
  & .ant-checkbox-wrapper {
    align-items: center;
  }
}
.tw\:\[\&_\.ant-checkbox-wrapper\]\:gap-2 {
  & .ant-checkbox-wrapper {
    gap: calc(var(--tw-spacing) * 2);
  }
}
.tw\:\[\&_\.ant-collapse-item-active_\.worker-panel-icon\]\:scale-\[0\.8\] {
  & .ant-collapse-item-active .worker-panel-icon {
    scale: 0.8;
  }
}
.tw\:\[\&_\.ant-collapse-item-active_\.worker-panel-preview\]\:h-0 {
  & .ant-collapse-item-active .worker-panel-preview {
    height: 0;
  }
}
.tw\:\[\&_\.ant-collapse-item-active\>\.ant-collapse-header_\.ant-badge\]\:hidden {
  & .ant-collapse-item-active>.ant-collapse-header .ant-badge {
    display: none;
  }
}
.tw\:\[\&_\.ant-input-affix-wrapper\]\:min-w-0 {
  & .ant-input-affix-wrapper {
    min-width: 0;
  }
}
.tw\:max-\[860px\]\:\[\&_\.ant-input-affix-wrapper\]\:col-span-full {
  @media (width < 860px) {
    & .ant-input-affix-wrapper {
      grid-column: 1 / -1;
    }
  }
}
.tw\:\[\&_\.ant-input-prefix\]\:mr-1\.5 {
  & .ant-input-prefix {
    margin-right: calc(var(--tw-spacing) * 1.5);
  }
}
.tw\:\[\&_\.ant-input-prefix\]\:text-ink-muted {
  & .ant-input-prefix {
    color: var(--ink-muted);
  }
}
.tw\:\[\&_\.ant-select\]\:w-full {
  & .ant-select {
    width: 100%;
  }
}
.tw\:\[\&_\.ant-select\]\:min-w-0 {
  & .ant-select {
    min-width: 0;
  }
}
.tw\:\[\&_\.ant-spin-container\]\:h-full {
  & .ant-spin-container {
    height: 100%;
  }
}
.tw\:\[\&_\.ant-spin-container\]\:min-h-0 {
  & .ant-spin-container {
    min-height: 0;
  }
}
.tw\:\[\&_\.archive-detail-content\]\:max-h-none {
  & .archive-detail-content {
    max-height: none;
  }
}
.tw\:\[\&_\.archive-list\]\:max-h-none {
  & .archive-list {
    max-height: none;
  }
}
.tw\:\[\&_\.attachment-card-file-shell\]\:flex-nowrap {
  & .attachment-card-file-shell {
    flex-wrap: nowrap;
  }
}
.tw\:\[\&_\.attachment-preview-panel\]\:h-full {
  & .attachment-preview-panel {
    height: 100%;
  }
}
.tw\:\[\&_\.bottom-dock\]\:col-start-2 {
  & .bottom-dock {
    grid-column-start: 2;
  }
}
.tw\:\[\&_\.bottom-dock\]\:row-start-3 {
  & .bottom-dock {
    grid-row-start: 3;
  }
}
.tw\:\[\&_\.chat-awaiting-status\]\:mr-\[5px\] {
  & .chat-awaiting-status {
    margin-right: 5px;
  }
}
.tw\:\[\&_\.chat-awaiting-status\]\:rounded-pill {
  & .chat-awaiting-status {
    border-radius: 999px;
  }
}
.tw\:\[\&_\.chat-awaiting-status\]\:bg-\[color-mix\(in_srgb\,var\(--accent-warn\)_10\%\,transparent\)\] {
  & .chat-awaiting-status {
    background-color: var(--accent-warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent-warn) 10%,transparent);
    }
  }
}
.tw\:\[\&_\.chat-awaiting-status\]\:px-1\.5 {
  & .chat-awaiting-status {
    padding-inline: calc(var(--tw-spacing) * 1.5);
  }
}
.tw\:\[\&_\.chat-awaiting-status\]\:py-0\.5 {
  & .chat-awaiting-status {
    padding-block: calc(var(--tw-spacing) * 0.5);
  }
}
.tw\:\[\&_\.chat-awaiting-status\]\:text-\[11px\] {
  & .chat-awaiting-status {
    font-size: 11px;
  }
}
.tw\:\[\&_\.chat-awaiting-status\]\:whitespace-nowrap {
  & .chat-awaiting-status {
    white-space: nowrap;
  }
}
.tw\:\[\&_\.chat-awaiting-status\]\:text-accent-warn {
  & .chat-awaiting-status {
    color: var(--accent-warn);
  }
}
.tw\:\[\&_\.chat-unread-dot\]\:block {
  & .chat-unread-dot {
    display: block;
  }
}
.tw\:\[\&_\.chat-unread-dot\]\:h-2 {
  & .chat-unread-dot {
    height: calc(var(--tw-spacing) * 2);
  }
}
.tw\:\[\&_\.chat-unread-dot\]\:w-2 {
  & .chat-unread-dot {
    width: calc(var(--tw-spacing) * 2);
  }
}
.tw\:\[\&_\.chat-unread-dot\]\:flex-none {
  & .chat-unread-dot {
    flex: none;
  }
}
.tw\:\[\&_\.chat-unread-dot\]\:rounded-full {
  & .chat-unread-dot {
    border-radius: calc(infinity * 1px);
  }
}
.tw\:\[\&_\.chat-unread-dot\]\:bg-accent-electric {
  & .chat-unread-dot {
    background-color: var(--accent-electric);
  }
}
.tw\:\[\&_\.chat-unread-dot\]\:opacity-0 {
  & .chat-unread-dot {
    opacity: 0%;
  }
}
.tw\:\[\&_\.chat-unread-dot\.is-unread\]\:opacity-100 {
  & .chat-unread-dot.is-unread {
    opacity: 100%;
  }
}
.tw\:\[\&_\.conversation-stage\]\:col-start-2 {
  & .conversation-stage {
    grid-column-start: 2;
  }
}
.tw\:\[\&_\.conversation-stage\]\:row-start-2 {
  & .conversation-stage {
    grid-row-start: 2;
  }
}
.tw\:\[\&_\.conversation-stage\]\:min-w-0 {
  & .conversation-stage {
    min-width: 0;
  }
}
.tw\:\[\&_\.debug-tab\]\:h-full {
  & .debug-tab {
    height: 100%;
  }
}
.tw\:\[\&_\.drawer-close\]\:hidden {
  & .drawer-close {
    display: none;
  }
}
.tw\:\[\&_\.field-group\]\:mb-0 {
  & .field-group {
    margin-bottom: 0;
  }
}
.tw\:\[\&_\.field-group\:last-child\]\:mb-0 {
  & .field-group:last-child {
    margin-bottom: 0;
  }
}
.tw\:\[\&_\.left-sidebar\]\:pointer-events-auto {
  & .left-sidebar {
    pointer-events: auto;
  }
}
.tw\:\[\&_\.left-sidebar\]\:col-start-1 {
  & .left-sidebar {
    grid-column-start: 1;
  }
}
.tw\:\[\&_\.left-sidebar\]\:row-\[1\/-1\] {
  & .left-sidebar {
    grid-row: 1/-1;
  }
}
.tw\:\[\&_\.left-sidebar\]\:hidden {
  & .left-sidebar {
    display: none;
  }
}
.tw\:\[\&_\.left-sidebar\]\:w-\[var\(--left-sidebar-width\)\] {
  & .left-sidebar {
    width: var(--left-sidebar-width);
  }
}
.tw\:\[\&_\.left-sidebar\]\:min-w-0 {
  & .left-sidebar {
    min-width: 0;
  }
}
.tw\:\[\&_\.left-sidebar\]\:min-w-\[var\(--left-sidebar-width\)\] {
  & .left-sidebar {
    min-width: var(--left-sidebar-width);
  }
}
.tw\:\[\&_\.material-icon\]\:h-4 {
  & .material-icon {
    height: calc(var(--tw-spacing) * 4);
  }
}
.tw\:\[\&_\.material-icon\]\:w-4 {
  & .material-icon {
    width: calc(var(--tw-spacing) * 4);
  }
}
.tw\:\[\&_\.material-icon\]\:flex-none {
  & .material-icon {
    flex: none;
  }
}
.tw\:\[\&_\.material-icon\]\:scale-\[\.8\] {
  & .material-icon {
    scale: .8;
  }
}
.tw\:\[\&_\.material-icon\]\:text-base {
  & .material-icon {
    font-size: var(--tw-text-base);
    line-height: var(--tw-leading, var(--tw-text-base--line-height));
  }
}
.tw\:\[\&_\.material-icon\]\:text-lg {
  & .material-icon {
    font-size: var(--tw-text-lg);
    line-height: var(--tw-leading, var(--tw-text-lg--line-height));
  }
}
.tw\:\[\&_\.material-icon\]\:text-sm {
  & .material-icon {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
}
.tw\:\[\&_\.material-icon\]\:text-\[13px\] {
  & .material-icon {
    font-size: 13px;
  }
}
.tw\:\[\&_\.material-icon\]\:text-\[15px\] {
  & .material-icon {
    font-size: 15px;
  }
}
.tw\:\[\&_\.material-icon\]\:text-\[17px\] {
  & .material-icon {
    font-size: 17px;
  }
}
.tw\:\[\&_\.material-icon\]\:text-ink-muted {
  & .material-icon {
    color: var(--ink-muted);
  }
}
.tw\:\[\&_\.material-icon-svg\]\:h-3 {
  & .material-icon-svg {
    height: calc(var(--tw-spacing) * 3);
  }
}
.tw\:\[\&_\.material-icon-svg\]\:w-3 {
  & .material-icon-svg {
    width: calc(var(--tw-spacing) * 3);
  }
}
.tw\:\[\&_\.memory-info-detail-card\]\:gap-2 {
  & .memory-info-detail-card {
    gap: calc(var(--tw-spacing) * 2);
  }
}
.tw\:\[\&_\.right-sidebar\]\:pointer-events-none {
  & .right-sidebar {
    pointer-events: none;
  }
}
.tw\:\[\&_\.right-sidebar\]\:relative {
  & .right-sidebar {
    position: relative;
  }
}
.tw\:\[\&_\.right-sidebar\]\:col-start-3 {
  & .right-sidebar {
    grid-column-start: 3;
  }
}
.tw\:\[\&_\.right-sidebar\]\:row-\[1\/-1\] {
  & .right-sidebar {
    grid-row: 1/-1;
  }
}
.tw\:\[\&_\.right-sidebar\]\:w-0 {
  & .right-sidebar {
    width: 0;
  }
}
.tw\:\[\&_\.right-sidebar\]\:min-w-0 {
  & .right-sidebar {
    min-width: 0;
  }
}
.tw\:\[\&_\.right-sidebar\]\:translate-x-0 {
  & .right-sidebar {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.tw\:\[\&_\.right-sidebar\]\:translate-x-full {
  & .right-sidebar {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.tw\:\[\&_\.right-sidebar\]\:border-l-0 {
  & .right-sidebar {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
}
.tw\:\[\&_\.right-sidebar-file-diff-marker\]\:text-danger {
  & .right-sidebar-file-diff-marker {
    color: var(--danger);
  }
}
.tw\:\[\&_\.right-sidebar-file-diff-marker\]\:text-ok {
  & .right-sidebar-file-diff-marker {
    color: var(--ok);
  }
}
.tw\:\[\&_\.right-sidebar-overview\]\:h-full {
  & .right-sidebar-overview {
    height: 100%;
  }
}
.tw\:\[\&_\.settings-segmented\]\:w-full {
  & .settings-segmented {
    width: 100%;
  }
}
.tw\:\[\&_\.settings-segmented\]\:max-w-\[640px\] {
  & .settings-segmented {
    max-width: 640px;
  }
}
.tw\:\[\&_\.settings-segmented-btn\.ui-btn\]\:min-w-0 {
  & .settings-segmented-btn.ui-btn {
    min-width: 0;
  }
}
.tw\:\[\&_\.settings-segmented-btn\.ui-btn\]\:text-\[13px\] {
  & .settings-segmented-btn.ui-btn {
    font-size: 13px;
  }
}
.tw\:\[\&_\.status-line\]\:border-0 {
  & .status-line {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.tw\:\[\&_\.status-line\]\:bg-transparent {
  & .status-line {
    background-color: transparent;
  }
}
.tw\:\[\&_\.terminal-dock\]\:col-start-2 {
  & .terminal-dock {
    grid-column-start: 2;
  }
}
.tw\:\[\&_\.terminal-dock\]\:row-start-4 {
  & .terminal-dock {
    grid-row-start: 4;
  }
}
.tw\:hover\:\[\&_\.timeline-query-anchor-line-bar\]\:opacity-100 {
  &:hover {
    @media (hover: hover) {
      & .timeline-query-anchor-line-bar {
        opacity: 100%;
      }
    }
  }
}
.tw\:\[\&_\.ui-btn-label\]\:flex {
  & .ui-btn-label {
    display: flex;
  }
}
.tw\:\[\&_\.ui-btn-label\]\:inline-flex {
  & .ui-btn-label {
    display: inline-flex;
  }
}
.tw\:\[\&_\.ui-btn-label\]\:min-w-0 {
  & .ui-btn-label {
    min-width: 0;
  }
}
.tw\:\[\&_\.ui-btn-label\]\:flex-col {
  & .ui-btn-label {
    flex-direction: column;
  }
}
.tw\:\[\&_\.ui-btn-label\]\:items-center {
  & .ui-btn-label {
    align-items: center;
  }
}
.tw\:\[\&_\.ui-btn-label\]\:items-start {
  & .ui-btn-label {
    align-items: flex-start;
  }
}
.tw\:\[\&_\.ui-btn-label\]\:gap-1 {
  & .ui-btn-label {
    gap: var(--tw-spacing);
  }
}
.tw\:\[\&_\.ui-btn-label\]\:gap-2 {
  & .ui-btn-label {
    gap: calc(var(--tw-spacing) * 2);
  }
}
.tw\:\[\&_\.ui-btn-label\]\:gap-\[3px\] {
  & .ui-btn-label {
    gap: 3px;
  }
}
.tw\:\[\&_\.ui-btn-label\]\:overflow-hidden {
  & .ui-btn-label {
    overflow: hidden;
  }
}
.tw\:\[\&_\.ui-btn-label\]\:whitespace-nowrap {
  & .ui-btn-label {
    white-space: nowrap;
  }
}
.tw\:\[\&_\.ui-btn-label\>span\:not\(\.material-icon\)\]\:min-w-0 {
  & .ui-btn-label>span:not(.material-icon) {
    min-width: 0;
  }
}
.tw\:\[\&_\.ui-btn-label\>span\:not\(\.material-icon\)\]\:overflow-hidden {
  & .ui-btn-label>span:not(.material-icon) {
    overflow: hidden;
  }
}
.tw\:\[\&_\.ui-btn-label\>span\:not\(\.material-icon\)\]\:text-ellipsis {
  & .ui-btn-label>span:not(.material-icon) {
    text-overflow: ellipsis;
  }
}
.tw\:\[\&_\.ui-btn-label\>span\:not\(\.material-icon\)\]\:whitespace-nowrap {
  & .ui-btn-label>span:not(.material-icon) {
    white-space: nowrap;
  }
}
.tw\:\[\&_\.ui-btn\.ui-btn-sm\]\:min-w-0 {
  & .ui-btn.ui-btn-sm {
    min-width: 0;
  }
}
.tw\:\[\&_\.ui-btn\.ui-btn-sm\]\:flex-1 {
  & .ui-btn.ui-btn-sm {
    flex: 1;
  }
}
.tw\:\[\&_\.ui-btn\.ui-btn-sm\]\:px-0\.5 {
  & .ui-btn.ui-btn-sm {
    padding-inline: calc(var(--tw-spacing) * 0.5);
  }
}
.tw\:\[\&_\.ui-tag\]\:min-h-5 {
  & .ui-tag {
    min-height: calc(var(--tw-spacing) * 5);
  }
}
.tw\:\[\&_\.ui-tag\]\:max-w-full {
  & .ui-tag {
    max-width: 100%;
  }
}
.tw\:\[\&_\.ui-tag\]\:flex-none {
  & .ui-tag {
    flex: none;
  }
}
.tw\:\[\&_\.ui-tag\]\:px-\[7px\] {
  & .ui-tag {
    padding-inline: 7px;
  }
}
.tw\:\[\&_\.ui-tag\]\:py-0\.5 {
  & .ui-tag {
    padding-block: calc(var(--tw-spacing) * 0.5);
  }
}
.tw\:\[\&_\.ui-tag\]\:text-\[11px\] {
  & .ui-tag {
    font-size: 11px;
  }
}
.tw\:\[\&_\.worker-chat-item\+\.worker-chat-item\]\:mt-0 {
  & .worker-chat-item+.worker-chat-item {
    margin-top: 0;
  }
}
.tw\:\[\&_\.worker-chat-loading\]\:mr-0\.5 {
  & .worker-chat-loading {
    margin-right: calc(var(--tw-spacing) * 0.5);
  }
}
.tw\:\[\&_\.worker-chat-loading\]\:animate-ui-spin {
  & .worker-chat-loading {
    animation: ui-spin 0.8s linear infinite;
  }
}
.tw\:\[\&_\.worker-chat-loading\]\:text-sm {
  & .worker-chat-loading {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
}
.tw\:\[\&_\.worker-chat-loading\]\:text-text-sub {
  & .worker-chat-loading {
    color: var(--text-sub);
  }
}
.tw\:\[\&_\.worker-collapse-history\]\:text-text-muted {
  & .worker-collapse-history {
    color: var(--text-muted);
  }
}
.tw\:\[\&_\.worker-panel-preview\]\:h-5 {
  & .worker-panel-preview {
    height: calc(var(--tw-spacing) * 5);
  }
}
.tw\:\[\&_\.worker-panel-preview\]\:overflow-hidden {
  & .worker-panel-preview {
    overflow: hidden;
  }
}
.tw\:\[\&_\.worker-panel-preview\]\:text-xs {
  & .worker-panel-preview {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
}
.tw\:\[\&_\.worker-panel-preview\]\:text-ellipsis {
  & .worker-panel-preview {
    text-overflow: ellipsis;
  }
}
.tw\:\[\&_\.worker-panel-preview\]\:whitespace-nowrap {
  & .worker-panel-preview {
    white-space: nowrap;
  }
}
.tw\:\[\&_\.worker-panel-preview\]\:text-text-muted {
  & .worker-panel-preview {
    color: var(--text-muted);
  }
}
.tw\:\[\&_\.worker-panel-preview\]\:transition-\[height\] {
  & .worker-panel-preview {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
}
.tw\:\[\&_\.worker-panel-preview\]\:duration-200 {
  & .worker-panel-preview {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
}
.tw\:\[\&_\.worker-panel-preview\]\:ease-in-out {
  & .worker-panel-preview {
    --tw-ease: var(--tw-ease-in-out);
    transition-timing-function: var(--tw-ease-in-out);
  }
}
.tw\:\[\&_\.worker-panel-time-label\]\:text-\[11px\] {
  & .worker-panel-time-label {
    font-size: 11px;
  }
}
.tw\:\[\&_\.worker-panel-time-label\]\:text-text-muted {
  & .worker-panel-time-label {
    color: var(--text-muted);
  }
}
.tw\:\[\&_button\]\:rounded-lg {
  & button {
    border-radius: var(--tw-radius-lg);
  }
}
.tw\:\[\&_button\]\:border-0 {
  & button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.tw\:\[\&_button\]\:bg-transparent {
  & button {
    background-color: transparent;
  }
}
.tw\:\[\&_button\]\:px-2\.5 {
  & button {
    padding-inline: calc(var(--tw-spacing) * 2.5);
  }
}
.tw\:\[\&_button\]\:py-1 {
  & button {
    padding-block: var(--tw-spacing);
  }
}
.tw\:\[\&_button\]\:text-xs {
  & button {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
}
.tw\:\[\&_button\]\:font-semibold {
  & button {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
}
.tw\:\[\&_button\]\:text-ink-muted {
  & button {
    color: var(--ink-muted);
  }
}
.tw\:\[\&_button\:hover\]\:bg-bg-hover {
  & button:hover {
    background-color: var(--bg-hover);
  }
}
.tw\:\[\&_button\:hover\]\:text-ink-1 {
  & button:hover {
    color: var(--ink-1);
  }
}
.tw\:\[\&_button\:hover\]\:shadow-none {
  & button:hover {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:\[\&_dd\]\:m-0 {
  & dd {
    margin: 0;
  }
}
.tw\:\[\&_dd\]\:font-code {
  & dd {
    font-family: var(--font-mono);
  }
}
.tw\:\[\&_dd\]\:text-\[10px\] {
  & dd {
    font-size: 10px;
  }
}
.tw\:\[\&_dd\]\:leading-\[1\.15\] {
  & dd {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
}
.tw\:\[\&_dd\]\:font-bold {
  & dd {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
}
.tw\:\[\&_dd\]\:\[overflow-wrap\:anywhere\] {
  & dd {
    overflow-wrap: anywhere;
  }
}
.tw\:\[\&_dd\]\:text-ink-1 {
  & dd {
    color: var(--ink-1);
  }
}
.tw\:\[\&_div\]\:min-h-\[18px\] {
  & div {
    min-height: 18px;
  }
}
.tw\:\[\&_div\]\:text-xs {
  & div {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
}
.tw\:\[\&_div\]\:\[overflow-wrap\:anywhere\] {
  & div {
    overflow-wrap: anywhere;
  }
}
.tw\:\[\&_div\]\:text-ink-2 {
  & div {
    color: var(--ink-2);
  }
}
.tw\:\[\&_dt\]\:m-0 {
  & dt {
    margin: 0;
  }
}
.tw\:\[\&_dt\]\:overflow-hidden {
  & dt {
    overflow: hidden;
  }
}
.tw\:\[\&_dt\]\:text-\[9px\] {
  & dt {
    font-size: 9px;
  }
}
.tw\:\[\&_dt\]\:leading-\[1\.2\] {
  & dt {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
}
.tw\:\[\&_dt\]\:text-ellipsis {
  & dt {
    text-overflow: ellipsis;
  }
}
.tw\:\[\&_dt\]\:whitespace-nowrap {
  & dt {
    white-space: nowrap;
  }
}
.tw\:\[\&_dt\]\:text-ink-muted {
  & dt {
    color: var(--ink-muted);
  }
}
.tw\:\[\&_h3\]\:m-0 {
  & h3 {
    margin: 0;
  }
}
.tw\:\[\&_h3\]\:text-base {
  & h3 {
    font-size: var(--tw-text-base);
    line-height: var(--tw-leading, var(--tw-text-base--line-height));
  }
}
.tw\:\[\&_h3\]\:text-\[11px\] {
  & h3 {
    font-size: 11px;
  }
}
.tw\:\[\&_h3\]\:font-bold {
  & h3 {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
}
.tw\:\[\&_h3\]\:text-ink-2 {
  & h3 {
    color: var(--ink-2);
  }
}
.tw\:\[\&_h4\]\:m-0 {
  & h4 {
    margin: 0;
  }
}
.tw\:\[\&_h4\]\:text-\[17px\] {
  & h4 {
    font-size: 17px;
  }
}
.tw\:\[\&_h4\]\:leading-\[1\.45\] {
  & h4 {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
}
.tw\:\[\&_h4\]\:text-ink-1 {
  & h4 {
    color: var(--ink-1);
  }
}
.tw\:\[\&_input\]\:w-auto {
  & input {
    width: auto;
  }
}
.tw\:\[\&_label\]\:m-0 {
  & label {
    margin: 0;
  }
}
.tw\:\[\&_label\]\:flex {
  & label {
    display: flex;
  }
}
.tw\:\[\&_label\]\:min-h-8 {
  & label {
    min-height: calc(var(--tw-spacing) * 8);
  }
}
.tw\:\[\&_label\]\:items-center {
  & label {
    align-items: center;
  }
}
.tw\:\[\&_label\]\:gap-2 {
  & label {
    gap: calc(var(--tw-spacing) * 2);
  }
}
.tw\:\[\&_label\]\:tracking-normal {
  & label {
    --tw-tracking: var(--tw-tracking-normal);
    letter-spacing: var(--tw-tracking-normal);
  }
}
.tw\:\[\&_label\]\:normal-case {
  & label {
    text-transform: none;
  }
}
.tw\:\[\&_legend\]\:px-1\.5 {
  & legend {
    padding-inline: calc(var(--tw-spacing) * 1.5);
  }
}
.tw\:\[\&_legend\]\:text-\[11px\] {
  & legend {
    font-size: 11px;
  }
}
.tw\:\[\&_legend\]\:font-bold {
  & legend {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
}
.tw\:\[\&_legend\]\:text-ink-muted {
  & legend {
    color: var(--ink-muted);
  }
}
.tw\:\[\&_p\]\:m-0 {
  & p {
    margin: 0;
  }
}
.tw\:\[\&_p\]\:mt-1 {
  & p {
    margin-top: var(--tw-spacing);
  }
}
.tw\:\[\&_p\]\:mb-0 {
  & p {
    margin-bottom: 0;
  }
}
.tw\:\[\&_p\]\:text-xs {
  & p {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
}
.tw\:\[\&_p\]\:leading-\[1\.6\] {
  & p {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
}
.tw\:\[\&_p\]\:text-ink-2 {
  & p {
    color: var(--ink-2);
  }
}
.tw\:\[\&_p\]\:text-ink-muted {
  & p {
    color: var(--ink-muted);
  }
}
.tw\:\[\&_pre\]\:m-0 {
  & pre {
    margin: 0;
  }
}
.tw\:\[\&_pre\]\:mt-2\.5 {
  & pre {
    margin-top: calc(var(--tw-spacing) * 2.5);
  }
}
.tw\:\[\&_pre\]\:max-h-\[260px\] {
  & pre {
    max-height: 260px;
  }
}
.tw\:\[\&_pre\]\:overflow-auto {
  & pre {
    overflow: auto;
  }
}
.tw\:\[\&_pre\]\:font-code {
  & pre {
    font-family: var(--font-mono);
  }
}
.tw\:\[\&_pre\]\:text-xs {
  & pre {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
}
.tw\:\[\&_pre\]\:leading-\[1\.55\] {
  & pre {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
}
.tw\:\[\&_pre\]\:leading-\[1\.65\] {
  & pre {
    --tw-leading: 1.65;
    line-height: 1.65;
  }
}
.tw\:\[\&_pre\]\:break-words {
  & pre {
    overflow-wrap: break-word;
  }
}
.tw\:\[\&_pre\]\:whitespace-pre-wrap {
  & pre {
    white-space: pre-wrap;
  }
}
.tw\:\[\&_pre\]\:text-ink-2 {
  & pre {
    color: var(--ink-2);
  }
}
.tw\:\[\&_select\]\:min-h-8 {
  & select {
    min-height: calc(var(--tw-spacing) * 8);
  }
}
.tw\:\[\&_select\]\:w-full {
  & select {
    width: 100%;
  }
}
.tw\:\[\&_select\]\:min-w-0 {
  & select {
    min-width: 0;
  }
}
.tw\:\[\&_select\]\:rounded-control {
  & select {
    border-radius: var(--radius-md);
  }
}
.tw\:\[\&_select\]\:border {
  & select {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
.tw\:\[\&_select\]\:\[border-color\:color-mix\(in_srgb\,var\(--line-soft\)_92\%\,transparent\)\] {
  & select {
    border-color: var(--line-soft);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--line-soft) 92%,transparent);
    }
  }
}
.tw\:\[\&_select\]\:bg-\[color-mix\(in_srgb\,var\(--bg-input\)_92\%\,var\(--bg-elev-2\)\)\] {
  & select {
    background-color: var(--bg-input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--bg-input) 92%,var(--bg-elev-2));
    }
  }
}
.tw\:\[\&_select\]\:px-2 {
  & select {
    padding-inline: calc(var(--tw-spacing) * 2);
  }
}
.tw\:\[\&_select\]\:py-1\.5 {
  & select {
    padding-block: calc(var(--tw-spacing) * 1.5);
  }
}
.tw\:\[\&_select\]\:text-xs {
  & select {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
}
.tw\:\[\&_select\]\:text-ink-1 {
  & select {
    color: var(--ink-1);
  }
}
.tw\:\[\&_span\]\:max-w-\[340px\] {
  & span {
    max-width: 340px;
  }
}
.tw\:\[\&_span\]\:overflow-hidden {
  & span {
    overflow: hidden;
  }
}
.tw\:\[\&_span\]\:text-xs {
  & span {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
}
.tw\:\[\&_span\]\:text-\[9px\] {
  & span {
    font-size: 9px;
  }
}
.tw\:\[\&_span\]\:text-\[11px\] {
  & span {
    font-size: 11px;
  }
}
.tw\:\[\&_span\]\:leading-\[1\.15\] {
  & span {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
}
.tw\:\[\&_span\]\:font-medium {
  & span {
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
  }
}
.tw\:\[\&_span\]\:font-semibold {
  & span {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
}
.tw\:\[\&_span\]\:tracking-\[0\.04em\] {
  & span {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
}
.tw\:\[\&_span\]\:\[overflow-wrap\:anywhere\] {
  & span {
    overflow-wrap: anywhere;
  }
}
.tw\:\[\&_span\]\:text-ellipsis {
  & span {
    text-overflow: ellipsis;
  }
}
.tw\:\[\&_span\]\:whitespace-nowrap {
  & span {
    white-space: nowrap;
  }
}
.tw\:\[\&_span\]\:text-ink-muted {
  & span {
    color: var(--ink-muted);
  }
}
.tw\:\[\&_strong\]\:block {
  & strong {
    display: block;
  }
}
.tw\:\[\&_strong\]\:text-sm {
  & strong {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
}
.tw\:\[\&_strong\]\:text-\[11px\] {
  & strong {
    font-size: 11px;
  }
}
.tw\:\[\&_strong\]\:text-\[15px\] {
  & strong {
    font-size: 15px;
  }
}
.tw\:\[\&_strong\]\:leading-\[1\.15\] {
  & strong {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
}
.tw\:\[\&_strong\]\:leading-\[1\.35\] {
  & strong {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
}
.tw\:\[\&_strong\]\:font-bold {
  & strong {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
}
.tw\:\[\&_strong\]\:text-ink-1 {
  & strong {
    color: var(--ink-1);
  }
}
.tw\:\[\&_svg\]\:block {
  & svg {
    display: block;
  }
}
.tw\:\[\&_svg\]\:h-2 {
  & svg {
    height: calc(var(--tw-spacing) * 2);
  }
}
.tw\:\[\&_svg\]\:h-\[18px\] {
  & svg {
    height: 18px;
  }
}
.tw\:\[\&_svg\]\:w-2 {
  & svg {
    width: calc(var(--tw-spacing) * 2);
  }
}
.tw\:\[\&_svg\]\:w-\[18px\] {
  & svg {
    width: 18px;
  }
}
.tw\:\[\&_svg\]\:stroke-current {
  & svg {
    stroke: currentcolor;
  }
}
.tw\:\[\&_svg\]\:stroke-\[1\.8\] {
  & svg {
    stroke-width: 1.8;
  }
}
.tw\:\[\&_svg\]\:\[stroke-linecap\:round\] {
  & svg {
    stroke-linecap: round;
  }
}
.tw\:\[\&_svg\]\:\[stroke-linejoin\:round\] {
  & svg {
    stroke-linejoin: round;
  }
}
.tw\:\[\&_textarea\]\:flex-1 {
  & textarea {
    flex: 1;
  }
}
.tw\:\[\&_textarea\]\:resize-none {
  & textarea {
    resize: none;
  }
}
.tw\:\[\&_textarea\]\:rounded-none {
  & textarea {
    border-radius: 0;
  }
}
.tw\:\[\&_textarea\]\:border-0 {
  & textarea {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.tw\:\[\&_textarea\]\:bg-transparent {
  & textarea {
    background-color: transparent;
  }
}
.tw\:\[\&_textarea\]\:p-1\.5 {
  & textarea {
    padding: calc(var(--tw-spacing) * 1.5);
  }
}
.tw\:\[\&_textarea\]\:text-\[13px\] {
  & textarea {
    font-size: 13px;
  }
}
.tw\:\[\&_textarea\]\:leading-\[1\.45\] {
  & textarea {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
}
.tw\:\[\&_textarea\]\:outline-none {
  & textarea {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.tw\:\[\&\+\&\]\:border-t {
  &+& {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
}
.tw\:\[\&\+\&\]\:\[border-color\:color-mix\(in_srgb\,var\(--line-soft\)_72\%\,transparent\)\] {
  &+& {
    border-color: var(--line-soft);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--line-soft) 72%,transparent);
    }
  }
}
.tw\:\[\&\.is-active\]\:\[border-color\:color-mix\(in_srgb\,var\(--accent-soft\)_52\%\,var\(--line-soft\)\)\] {
  &.is-active {
    border-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent-soft) 52%,var(--line-soft));
    }
  }
}
.tw\:\[\&\.is-active\]\:\[border-color\:color-mix\(in_srgb\,var\(--accent-soft\)_58\%\,var\(--line-soft\)\)\] {
  &.is-active {
    border-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent-soft) 58%,var(--line-soft));
    }
  }
}
.tw\:\[\&\.is-active\]\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_78\%\,var\(--bg-elev-2\)\)\] {
  &.is-active {
    background-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent-soft) 78%,var(--bg-elev-2));
    }
  }
}
.tw\:\[\&\.is-active\]\:bg-bg-base {
  &.is-active {
    background-color: var(--bg-base);
  }
}
.tw\:\[\&\.is-active\]\:bg-bg-hover {
  &.is-active {
    background-color: var(--bg-hover);
  }
}
.tw\:\[\&\.is-active\]\:text-accent-electric-strong {
  &.is-active {
    color: var(--accent-electric-strong);
  }
}
.tw\:\[\&\.is-active\]\:text-ink-1 {
  &.is-active {
    color: var(--ink-1);
  }
}
.tw\:\[\&\.is-active\>strong\]\:bg-\[color-mix\(in_srgb\,var\(--accent-electric\)_14\%\,var\(--bg-input\)\)\] {
  &.is-active>strong {
    background-color: var(--accent-electric);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent-electric) 14%,var(--bg-input));
    }
  }
}
.tw\:\[\&\.is-active\>strong\]\:text-accent-electric-strong {
  &.is-active>strong {
    color: var(--accent-electric-strong);
  }
}
.tw\:\[\&\.is-drag-handle\]\:cursor-grab {
  &.is-drag-handle {
    cursor: grab;
  }
}
.tw\:\[\&\.is-drag-handle\:active\]\:cursor-grabbing {
  &.is-drag-handle:active {
    cursor: grabbing;
  }
}
.tw\:\[\&\.is-dragging\]\:opacity-\[0\.55\] {
  &.is-dragging {
    opacity: 0.55;
  }
}
.tw\:\[\&\.is-invalid\]\:\[border-color\:color-mix\(in_srgb\,var\(--accent-danger\)_34\%\,transparent\)\] {
  &.is-invalid {
    border-color: var(--accent-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent-danger) 34%,transparent);
    }
  }
}
.tw\:\[\&\.is-invalid\]\:bg-\[color-mix\(in_srgb\,var\(--accent-danger\)_7\%\,transparent\)\] {
  &.is-invalid {
    background-color: var(--accent-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent-danger) 7%,transparent);
    }
  }
}
.tw\:\[\&\.is-selected\]\:-translate-y-px {
  &.is-selected {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.tw\:\[\&\.is-selected\]\:\[border-color\:color-mix\(in_srgb\,var\(--accent-electric\)_52\%\,var\(--line-soft\)\)\] {
  &.is-selected {
    border-color: var(--accent-electric);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent-electric) 52%,var(--line-soft));
    }
  }
}
.tw\:\[\&\.is-selected\]\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_58\%\,var\(--bg-elev-2\)\)\] {
  &.is-selected {
    background-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent-soft) 58%,var(--bg-elev-2));
    }
  }
}
.tw\:\[\&\.is-selected\]\:bg-\[color-mix\(in_srgb\,var\(--accent-soft\)_74\%\,var\(--bg-elev-2\)\)\] {
  &.is-selected {
    background-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent-soft) 74%,var(--bg-elev-2));
    }
  }
}
.tw\:\[\&\.is-selected\]\:shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--accent-soft\)_82\%\,transparent\)\] {
  &.is-selected {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--accent-soft));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--accent-soft) 82%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:\[\&\.is-selected\]\:shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--accent-soft\)_88\%\,transparent\)\,0_8px_18px_color-mix\(in_srgb\,var\(--accent-soft\)_12\%\,transparent\)\] {
  &.is-selected {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--accent-soft)), 0 8px 18px var(--tw-shadow-color, var(--accent-soft));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--accent-soft) 88%,transparent)), 0 8px 18px var(--tw-shadow-color, color-mix(in srgb,var(--accent-soft) 12%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:\[\&\.is-selected_\.memory-preference-record-marker\]\:bg-\[color-mix\(in_srgb\,var\(--accent-electric\)_78\%\,white\)\] {
  &.is-selected .memory-preference-record-marker {
    background-color: var(--accent-electric);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent-electric) 78%,white);
    }
  }
}
.tw\:\[\&\:\:-webkit-details-marker\]\:hidden {
  &::-webkit-details-marker {
    display: none;
  }
}
.tw\:\[\&\:\:-webkit-scrollbar\]\:hidden {
  &::-webkit-scrollbar {
    display: none;
  }
}
.tw\:\[\&\:\:-webkit-scrollbar\]\:h-\[9px\] {
  &::-webkit-scrollbar {
    height: 9px;
  }
}
.tw\:\[\&\:\:-webkit-scrollbar\]\:w-\[9px\] {
  &::-webkit-scrollbar {
    width: 9px;
  }
}
.tw\:\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-pill {
  &::-webkit-scrollbar-thumb {
    border-radius: 999px;
  }
}
.tw\:\[\&\:\:-webkit-scrollbar-thumb\]\:border-2 {
  &::-webkit-scrollbar-thumb {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
}
.tw\:\[\&\:\:-webkit-scrollbar-thumb\]\:border-transparent {
  &::-webkit-scrollbar-thumb {
    border-color: transparent;
  }
}
.tw\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[color-mix\(in_srgb\,var\(--line-strong\)_65\%\,transparent\)\] {
  &::-webkit-scrollbar-thumb {
    background-color: var(--line-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--line-strong) 65%,transparent);
    }
  }
}
.tw\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-clip-content {
  &::-webkit-scrollbar-thumb {
    background-clip: content-box;
  }
}
.tw\:\[\&\:\:after\]\:pointer-events-none {
  &::after {
    pointer-events: none;
  }
}
.tw\:\[\&\:\:after\]\:absolute {
  &::after {
    position: absolute;
  }
}
.tw\:\[\&\:\:after\]\:inset-\[-6px\] {
  &::after {
    inset: -6px;
  }
}
.tw\:\[\&\:\:after\]\:-right-6 {
  &::after {
    right: calc(var(--tw-spacing) * -6);
  }
}
.tw\:\[\&\:\:after\]\:-bottom-\[30px\] {
  &::after {
    bottom: calc(30px * -1);
  }
}
.tw\:\[\&\:\:after\]\:h-\[92px\] {
  &::after {
    height: 92px;
  }
}
.tw\:\[\&\:\:after\]\:w-\[132px\] {
  &::after {
    width: 132px;
  }
}
.tw\:\[\&\:\:after\]\:animate-\[voice-orb-pulse_1\.8s_ease-out_infinite\] {
  &::after {
    animation: voice-orb-pulse 1.8s ease-out infinite;
  }
}
.tw\:\[\&\:\:after\]\:rounded-\[15px\] {
  &::after {
    border-radius: 15px;
  }
}
.tw\:\[\&\:\:after\]\:rounded-full {
  &::after {
    border-radius: calc(infinity * 1px);
  }
}
.tw\:\[\&\:\:after\]\:border {
  &::after {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
.tw\:\[\&\:\:after\]\:border-\[color-mix\(in_srgb\,var\(--voice-accent\)_11\%\,transparent\)\] {
  &::after {
    border-color: var(--voice-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--voice-accent) 11%,transparent);
    }
  }
}
.tw\:\[\&\:\:after\]\:bg-\[radial-gradient\(circle\,color-mix\(in_srgb\,var\(--voice-accent\)_5\%\,transparent\)\,transparent_72\%\)\] {
  &::after {
    background-image: radial-gradient(circle,var(--voice-accent),transparent 72%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(circle,color-mix(in srgb,var(--voice-accent) 5%,transparent),transparent 72%);
    }
  }
}
.tw\:\[\&\:\:after\]\:opacity-0 {
  &::after {
    opacity: 0%;
  }
}
.tw\:\[\&\:\:after\]\:blur-\[10px\] {
  &::after {
    --tw-blur: blur(10px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.tw\:\[\&\:\:after\]\:content-\[\'\'\] {
  &::after {
    --tw-content: '';
    content: var(--tw-content);
  }
}
.tw\:\[\&\:\:before\]\:pointer-events-none {
  &::before {
    pointer-events: none;
  }
}
.tw\:\[\&\:\:before\]\:absolute {
  &::before {
    position: absolute;
  }
}
.tw\:\[\&\:\:before\]\:inset-0 {
  &::before {
    inset: 0;
  }
}
.tw\:\[\&\:\:before\]\:h-\[5px\] {
  &::before {
    height: 5px;
  }
}
.tw\:\[\&\:\:before\]\:w-\[5px\] {
  &::before {
    width: 5px;
  }
}
.tw\:\[\&\:\:before\]\:rounded-\[inherit\] {
  &::before {
    border-radius: inherit;
  }
}
.tw\:\[\&\:\:before\]\:rounded-full {
  &::before {
    border-radius: calc(infinity * 1px);
  }
}
.tw\:\[\&\:\:before\]\:bg-\[color-mix\(in_srgb\,var\(--line-strong\)_44\%\,transparent\)\] {
  &::before {
    background-color: var(--line-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--line-strong) 44%,transparent);
    }
  }
}
.tw\:\[\&\:\:before\]\:bg-\[color-mix\(in_srgb\,var\(--voice-accent\)_52\%\,transparent\)\] {
  &::before {
    background-color: var(--voice-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--voice-accent) 52%,transparent);
    }
  }
}
.tw\:\[\&\:\:before\]\:bg-\[color-mix\(in_srgb\,var\(--voice-assistant-accent\)_52\%\,transparent\)\] {
  &::before {
    background-color: var(--voice-assistant-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--voice-assistant-accent) 52%,transparent);
    }
  }
}
.tw\:\[\&\:\:before\]\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.52\)\,transparent_24\%\)\,radial-gradient\(circle_at_82\%_100\%\,color-mix\(in_srgb\,var\(--voice-accent\)_3\%\,transparent\)\,transparent_30\%\)\] {
  &::before {
    background-image: linear-gradient(180deg,rgba(255,255,255,0.52),transparent 24%),radial-gradient(circle at 82% 100%,var(--voice-accent),transparent 30%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(180deg,rgba(255,255,255,0.52),transparent 24%),radial-gradient(circle at 82% 100%,color-mix(in srgb,var(--voice-accent) 3%,transparent),transparent 30%);
    }
  }
}
.tw\:\[\&\:\:before\]\:content-\[\'\'\] {
  &::before {
    --tw-content: '';
    content: var(--tw-content);
  }
}
.tw\:\[\&\>div\:first-child\]\:flex {
  &>div:first-child {
    display: flex;
  }
}
.tw\:\[\&\>div\:first-child\]\:min-w-0 {
  &>div:first-child {
    min-width: 0;
  }
}
.tw\:\[\&\>div\:first-child\]\:flex-col {
  &>div:first-child {
    flex-direction: column;
  }
}
.tw\:\[\&\>div\:first-child\]\:gap-1 {
  &>div:first-child {
    gap: var(--tw-spacing);
  }
}
.tw\:\[\&\>small\]\:block {
  &>small {
    display: block;
  }
}
.tw\:\[\&\>small\]\:flex-none {
  &>small {
    flex: none;
  }
}
.tw\:\[\&\>small\]\:text-\[9px\] {
  &>small {
    font-size: 9px;
  }
}
.tw\:\[\&\>small\]\:text-\[11px\] {
  &>small {
    font-size: 11px;
  }
}
.tw\:\[\&\>small\]\:leading-\[1\.1\] {
  &>small {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
}
.tw\:\[\&\>small\]\:leading-\[1\.45\] {
  &>small {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
}
.tw\:\[\&\>small\]\:text-ink-2 {
  &>small {
    color: var(--ink-2);
  }
}
.tw\:\[\&\>small\]\:text-ink-muted {
  &>small {
    color: var(--ink-muted);
  }
}
.tw\:\[\&\>span\]\:block {
  &>span {
    display: block;
  }
}
.tw\:\[\&\>span\]\:w-\[3px\] {
  &>span {
    width: 3px;
  }
}
.tw\:\[\&\>span\]\:min-w-0 {
  &>span {
    min-width: 0;
  }
}
.tw\:\[\&\>span\]\:flex-\[0_1_auto\] {
  &>span {
    flex: 0 1 auto;
  }
}
.tw\:\[\&\>span\]\:flex-none {
  &>span {
    flex: none;
  }
}
.tw\:\[\&\>span\]\:origin-bottom {
  &>span {
    transform-origin: bottom;
  }
}
.tw\:\[\&\>span\]\:animate-\[voice-eq_1\.25s_ease-in-out_infinite\] {
  &>span {
    animation: voice-eq 1.25s ease-in-out infinite;
  }
}
.tw\:\[\&\>span\]\:animate-none {
  &>span {
    animation: none;
  }
}
.tw\:\[\&\>span\]\:overflow-hidden {
  &>span {
    overflow: hidden;
  }
}
.tw\:\[\&\>span\]\:rounded-pill {
  &>span {
    border-radius: 999px;
  }
}
.tw\:\[\&\>span\]\:bg-current {
  &>span {
    background-color: currentcolor;
  }
}
.tw\:\[\&\>span\]\:font-code {
  &>span {
    font-family: var(--font-mono);
  }
}
.tw\:\[\&\>span\]\:text-sm {
  &>span {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
}
.tw\:\[\&\>span\]\:text-xs {
  &>span {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
}
.tw\:\[\&\>span\]\:text-\[9px\] {
  &>span {
    font-size: 9px;
  }
}
.tw\:\[\&\>span\]\:text-\[11px\] {
  &>span {
    font-size: 11px;
  }
}
.tw\:\[\&\>span\]\:leading-\[1\.1\] {
  &>span {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
}
.tw\:\[\&\>span\]\:leading-\[1\.35\] {
  &>span {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
}
.tw\:\[\&\>span\]\:leading-\[1\.45\] {
  &>span {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
}
.tw\:\[\&\>span\]\:leading-none {
  &>span {
    --tw-leading: 1;
    line-height: 1;
  }
}
.tw\:\[\&\>span\]\:font-bold {
  &>span {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
}
.tw\:\[\&\>span\]\:font-medium {
  &>span {
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
  }
}
.tw\:\[\&\>span\]\:font-semibold {
  &>span {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
}
.tw\:\[\&\>span\]\:tracking-\[0\.02em\] {
  &>span {
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
  }
}
.tw\:\[\&\>span\]\:\[overflow-wrap\:anywhere\] {
  &>span {
    overflow-wrap: anywhere;
  }
}
.tw\:\[\&\>span\]\:text-ellipsis {
  &>span {
    text-overflow: ellipsis;
  }
}
.tw\:\[\&\>span\]\:whitespace-nowrap {
  &>span {
    white-space: nowrap;
  }
}
.tw\:\[\&\>span\]\:text-ink-1 {
  &>span {
    color: var(--ink-1);
  }
}
.tw\:\[\&\>span\]\:text-ink-muted {
  &>span {
    color: var(--ink-muted);
  }
}
.tw\:\[\&\>span\]\:opacity-80 {
  &>span {
    opacity: 80%;
  }
}
.tw\:\[\&\>span\]\:\[animation-duration\:1\.6s\] {
  &>span {
    animation-duration: 1.6s;
  }
}
.tw\:\[\&\>span\:last-child\]\:min-w-0 {
  &>span:last-child {
    min-width: 0;
  }
}
.tw\:\[\&\>span\:last-child\]\:\[overflow-wrap\:anywhere\] {
  &>span:last-child {
    overflow-wrap: anywhere;
  }
}
.tw\:\[\&\>span\:last-child\]\:text-ink-2 {
  &>span:last-child {
    color: var(--ink-2);
  }
}
.tw\:\[\&\>span\:nth-child\(1\)\]\:h-\[9px\] {
  &>span:nth-child(1) {
    height: 9px;
  }
}
.tw\:\[\&\>span\:nth-child\(1\)\]\:\[animation-delay\:-0\.15s\] {
  &>span:nth-child(1) {
    animation-delay: -0.15s;
  }
}
.tw\:\[\&\>span\:nth-child\(2\)\]\:h-\[15px\] {
  &>span:nth-child(2) {
    height: 15px;
  }
}
.tw\:\[\&\>span\:nth-child\(2\)\]\:\[animation-delay\:-0\.35s\] {
  &>span:nth-child(2) {
    animation-delay: -0.35s;
  }
}
.tw\:\[\&\>span\:nth-child\(3\)\]\:h-\[11px\] {
  &>span:nth-child(3) {
    height: 11px;
  }
}
.tw\:\[\&\>span\:nth-child\(3\)\]\:\[animation-delay\:-0\.55s\] {
  &>span:nth-child(3) {
    animation-delay: -0.55s;
  }
}
.tw\:\[\&\>span\:nth-child\(even\)\]\:min-w-0 {
  &>span:nth-child(even) {
    min-width: 0;
  }
}
.tw\:\[\&\>span\:nth-child\(even\)\]\:overflow-hidden {
  &>span:nth-child(even) {
    overflow: hidden;
  }
}
.tw\:\[\&\>span\:nth-child\(even\)\]\:text-ellipsis {
  &>span:nth-child(even) {
    text-overflow: ellipsis;
  }
}
.tw\:\[\&\>span\:nth-child\(even\)\]\:whitespace-nowrap {
  &>span:nth-child(even) {
    white-space: nowrap;
  }
}
.tw\:\[\&\>span\:nth-child\(odd\)\]\:text-ink-muted {
  &>span:nth-child(odd) {
    color: var(--ink-muted);
  }
}
.tw\:\[\&\>strong\]\:mt-2 {
  &>strong {
    margin-top: calc(var(--tw-spacing) * 2);
  }
}
.tw\:\[\&\>strong\]\:line-clamp-2 {
  &>strong {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.tw\:\[\&\>strong\]\:block {
  &>strong {
    display: block;
  }
}
.tw\:\[\&\>strong\]\:min-w-0 {
  &>strong {
    min-width: 0;
  }
}
.tw\:\[\&\>strong\]\:flex-none {
  &>strong {
    flex: none;
  }
}
.tw\:\[\&\>strong\]\:overflow-hidden {
  &>strong {
    overflow: hidden;
  }
}
.tw\:\[\&\>strong\]\:rounded-pill {
  &>strong {
    border-radius: 999px;
  }
}
.tw\:\[\&\>strong\]\:bg-\[color-mix\(in_srgb\,var\(--line-soft\)_78\%\,transparent\)\] {
  &>strong {
    background-color: var(--line-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--line-soft) 78%,transparent);
    }
  }
}
.tw\:\[\&\>strong\]\:px-1\.5 {
  &>strong {
    padding-inline: calc(var(--tw-spacing) * 1.5);
  }
}
.tw\:\[\&\>strong\]\:py-0\.5 {
  &>strong {
    padding-block: calc(var(--tw-spacing) * 0.5);
  }
}
.tw\:\[\&\>strong\]\:font-code {
  &>strong {
    font-family: var(--font-mono);
  }
}
.tw\:\[\&\>strong\]\:text-sm {
  &>strong {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
}
.tw\:\[\&\>strong\]\:text-xs {
  &>strong {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
}
.tw\:\[\&\>strong\]\:text-\[10px\] {
  &>strong {
    font-size: 10px;
  }
}
.tw\:\[\&\>strong\]\:text-\[11px\] {
  &>strong {
    font-size: 11px;
  }
}
.tw\:\[\&\>strong\]\:text-\[13px\] {
  &>strong {
    font-size: 13px;
  }
}
.tw\:\[\&\>strong\]\:leading-\[1\.1\] {
  &>strong {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
}
.tw\:\[\&\>strong\]\:leading-\[1\.2\] {
  &>strong {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
}
.tw\:\[\&\>strong\]\:leading-\[1\.35\] {
  &>strong {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
}
.tw\:\[\&\>strong\]\:leading-\[1\.45\] {
  &>strong {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
}
.tw\:\[\&\>strong\]\:leading-\[1\.55\] {
  &>strong {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
}
.tw\:\[\&\>strong\]\:leading-none {
  &>strong {
    --tw-leading: 1;
    line-height: 1;
  }
}
.tw\:\[\&\>strong\]\:font-bold {
  &>strong {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
}
.tw\:\[\&\>strong\]\:\[overflow-wrap\:anywhere\] {
  &>strong {
    overflow-wrap: anywhere;
  }
}
.tw\:\[\&\>strong\]\:break-words {
  &>strong {
    overflow-wrap: break-word;
  }
}
.tw\:\[\&\>strong\]\:text-ellipsis {
  &>strong {
    text-overflow: ellipsis;
  }
}
.tw\:\[\&\>strong\]\:whitespace-nowrap {
  &>strong {
    white-space: nowrap;
  }
}
.tw\:\[\&\>strong\]\:text-accent-danger {
  &>strong {
    color: var(--accent-danger);
  }
}
.tw\:\[\&\>strong\]\:text-ink-1 {
  &>strong {
    color: var(--ink-1);
  }
}
.tw\:\[\&\>strong\]\:text-ink-muted {
  &>strong {
    color: var(--ink-muted);
  }
}
.tw\:\[\.has-query-anchors_\&\]\:flex {
  .has-query-anchors & {
    display: flex;
  }
}
.tw\:\[\.layout-copilot_\&\]\:h-\[min\(320px\,44vh\)\] {
  .layout-copilot & {
    height: min(320px, 44vh);
  }
}
.tw\:\[\.layout-copilot_\&\]\:rounded-\[10px\] {
  .layout-copilot & {
    border-radius: 10px;
  }
}
.tw\:\[\.layout-copilot_\&\]\:px-2\.5 {
  .layout-copilot & {
    padding-inline: calc(var(--tw-spacing) * 2.5);
  }
}
.tw\:\[\.layout-copilot_\&\]\:py-\[7px\] {
  .layout-copilot & {
    padding-block: 7px;
  }
}
.tw\:\[\.timeline-query-anchor-rail\:not\(\:hover\)_\&_\.timeline-query-anchor-line-bar\]\:opacity-100 {
  .timeline-query-anchor-rail:not(:hover) & .timeline-query-anchor-line-bar {
    opacity: 100%;
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:border {
  html[data-theme=dark] & {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:border-\[color-mix\(in_srgb\,var\(--accent-electric\)_60\%\,transparent\)\] {
  html[data-theme=dark] & {
    border-color: var(--accent-electric);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent-electric) 60%,transparent);
    }
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:border-\[color-mix\(in_srgb\,var\(--line-soft\)_100\%\,transparent\)\] {
  html[data-theme=dark] & {
    border-color: var(--line-soft);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--line-soft) 100%,transparent);
    }
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:bg-\[color-mix\(in_srgb\,var\(--bg-base\)_94\%\,transparent\)\] {
  html[data-theme=dark] & {
    background-color: var(--bg-base);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--bg-base) 94%,transparent);
    }
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:bg-\[color-mix\(in_srgb\,var\(--bg-elev-1\)_92\%\,var\(--bg-elev-2\)\)\] {
  html[data-theme=dark] & {
    background-color: var(--bg-elev-1);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--bg-elev-1) 92%,var(--bg-elev-2));
    }
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:bg-bg-base {
  html[data-theme=dark] & {
    background-color: var(--bg-base);
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:bg-transparent {
  html[data-theme=dark] & {
    background-color: transparent;
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:bg-\[linear-gradient\(140deg\,\#2558cf\,\#1d4ed8\)\] {
  html[data-theme=dark] & {
    background-image: linear-gradient(140deg,#2558cf,#1d4ed8);
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:bg-\[radial-gradient\(circle_at_100\%_0\%\,color-mix\(in_srgb\,var\(--voice-accent\)_8\%\,transparent\)\,transparent_24\%\)\,linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--bg-elev-2\)_98\%\,transparent\)\,color-mix\(in_srgb\,var\(--bg-elev-1\)_96\%\,transparent\)\)\] {
  html[data-theme=dark] & {
    background-image: radial-gradient(circle at 100% 0%,var(--voice-accent),transparent 24%),linear-gradient(180deg,var(--bg-elev-2),var(--bg-elev-1));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--voice-accent) 8%,transparent),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--bg-elev-2) 98%,transparent),color-mix(in srgb,var(--bg-elev-1) 96%,transparent));
    }
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:shadow-\[0_6px_18px_rgba\(8\,24\,56\,0\.28\)\] {
  html[data-theme=dark] & {
    --tw-shadow: 0 6px 18px var(--tw-shadow-color, rgba(8,24,56,0.28));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\]\:shadow-none {
  html[data-theme=dark] & {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\:\:after\]\:opacity-60 {
  html[data-theme=dark] &::after {
    opacity: 60%;
  }
}
.tw\:\[html\[data-theme\=dark\]_\&\:\:before\]\:opacity-60 {
  html[data-theme=dark] &::before {
    opacity: 60%;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}


/*# sourceMappingURL=main.9110f907.css.map*/