.close-btn[data-v-dc06275e]:after {
  display: inline-block;
  content: "\00d7"; /* This will render the 'X' */
}

.fade-enter-active[data-v-bcdf3841],
.fade-leave-active[data-v-bcdf3841] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-bcdf3841],
.fade-leave-to[data-v-bcdf3841] {
  opacity: 0;
}
.scale-fade-enter-active[data-v-bcdf3841],
.scale-fade-leave-active[data-v-bcdf3841] {
  transition:
    opacity 0.3s,
    transform 0.3s;
}
.scale-fade-enter[data-v-bcdf3841],
.scale-fade-leave-to[data-v-bcdf3841] {
  opacity: 0;
}
[dir] .scale-fade-enter[data-v-bcdf3841], [dir] .scale-fade-leave-to[data-v-bcdf3841] {
  transform: scale(0.95);
}
[dir=ltr] .tada-enter-active[data-v-bcdf3841] {
  animation:  tada-ltr-bcdf3841 1s;
}
[dir=rtl] .tada-enter-active[data-v-bcdf3841] {
  animation:  tada-rtl-bcdf3841 1s;
}
@keyframes tada-ltr-bcdf3841 {
0% {
    transform: scale(1);
}
10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
}
30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
}
40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
}
100% {
    transform: scale(1) rotate(0);
}
}
@keyframes tada-rtl-bcdf3841 {
0% {
    transform: scale(1);
}
10%,
  20% {
    transform: scale(0.9) rotate(3deg);
}
30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(-3deg);
}
40%,
  60%,
  80% {
    transform: scale(1.1) rotate(3deg);
}
100% {
    transform: scale(1) rotate(0);
}
}

.whitespace-pre-wrap[data-v-add8a650] {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.modal-fade-enter-active[data-v-add8a650],
.modal-fade-leave-active[data-v-add8a650] {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-from[data-v-add8a650],
.modal-fade-leave-to[data-v-add8a650] {
  opacity: 0;
}

/* Attachment overflow prevention */
.user-message-block[data-v-add8a650] {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

/* Fix attachment card overflow */
.user-message-block > div[data-v-add8a650]:first-child {
  width: 100%;
  max-width: 100%;
}
.user-message-block button[type="button"][data-v-add8a650] {
  width: 100%;
  max-width: 100%;
}
.user-message-block .flex-1.min-w-0[data-v-add8a650] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.user-message-block .flex-1.min-w-0 > div[data-v-add8a650] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-message-block img[data-v-add8a650] {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Message bubble overflow prevention */
.message-bubble[data-v-add8a650] {
  max-width: 600px;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
}

/* Markdown content styling */
.markdown-content[data-v-add8a650] {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  max-width: none;
  line-height: 1.75;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* Headings */
.markdown-content[data-v-add8a650] h1,
.markdown-content[data-v-add8a650] h2,
.markdown-content[data-v-add8a650] h3,
.markdown-content[data-v-add8a650] h4,
.markdown-content[data-v-add8a650] h5,
.markdown-content[data-v-add8a650] h6 {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
[dir] .markdown-content[data-v-add8a650] h1, [dir] .markdown-content[data-v-add8a650] h2, [dir] .markdown-content[data-v-add8a650] h3, [dir] .markdown-content[data-v-add8a650] h4, [dir] .markdown-content[data-v-add8a650] h5, [dir] .markdown-content[data-v-add8a650] h6 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.markdown-content[data-v-add8a650] h1 {
  --tw-border-opacity: 1;
  font-size: 1.5rem;
  line-height: 2rem;
}
[dir] .markdown-content[data-v-add8a650] h1 {
  border-bottom-width: 1px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
}
.markdown-content[data-v-add8a650] h2 {
  --tw-border-opacity: 1;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
[dir] .markdown-content[data-v-add8a650] h2 {
  border-bottom-width: 1px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-bottom: 0.25rem;
}
.markdown-content[data-v-add8a650] h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

/* Paragraphs */
[dir] .markdown-content[data-v-add8a650] p {
  margin-bottom: 0.75rem;
}
[dir] .markdown-content[data-v-add8a650] p:last-child {
  margin-bottom: 0px;
}

/* Lists */
[dir] .markdown-content[data-v-add8a650] ul, [dir] .markdown-content[data-v-add8a650] ol {
  margin-bottom: 0.75rem;
}
[dir=ltr] .markdown-content[data-v-add8a650] ul, [dir=ltr] .markdown-content[data-v-add8a650] ol {
  padding-left: 1.5rem;
}
[dir=rtl] .markdown-content[data-v-add8a650] ul, [dir=rtl] .markdown-content[data-v-add8a650] ol {
  padding-right: 1.5rem;
}
[dir] .markdown-content[data-v-add8a650] li {
  margin-bottom: 0.25rem;
}
.markdown-content[data-v-add8a650] ul {
  list-style-type: disc;
}
.markdown-content[data-v-add8a650] ol {
  list-style-type: decimal;
}

/* Blockquotes */
.markdown-content[data-v-add8a650] blockquote {
  --tw-border-opacity: 1;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-add8a650] blockquote {
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
[dir=ltr] .markdown-content[data-v-add8a650] blockquote {
  border-left-width: 4px;
  padding-left: 1rem;
}
[dir=rtl] .markdown-content[data-v-add8a650] blockquote {
  border-right-width: 4px;
  padding-right: 1rem;
}

/* Code */
.markdown-content[data-v-add8a650] code {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  font-size: 15.2px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
}
[dir] .markdown-content[data-v-add8a650] code {
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  border-radius: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
[dir=ltr] .markdown-content[data-v-add8a650] code {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
[dir=rtl] .markdown-content[data-v-add8a650] code {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.markdown-content[data-v-add8a650] pre {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  overflow-x: auto;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 15.2px;
}
[dir] .markdown-content[data-v-add8a650] pre {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.markdown-content[data-v-add8a650] pre code {
  color: inherit;
}
[dir] .markdown-content[data-v-add8a650] pre code {
  background-color: transparent;
  padding: 0px;
}

/* Links */
.markdown-content[data-v-add8a650] a {
  --tw-text-opacity: 1;
  color: rgb(9 91 123 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 2px;
  text-decoration-color: #389fc6;
}
[dir] .markdown-content[data-v-add8a650] a {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.markdown-content[data-v-add8a650] a:hover {
  --tw-text-opacity: 1;
  color: rgb(5 56 75 / var(--tw-text-opacity, 1));
  text-decoration-color: #0b7199;
}

/* Tables */
.markdown-content[data-v-add8a650] table {
  width: 100%;
  border-collapse: collapse;
  --tw-border-opacity: 1;
  overflow: hidden;
}
[dir] .markdown-content[data-v-add8a650] table {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  border-width: 1px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  border-radius: 0.5rem;
}
.markdown-content[data-v-add8a650] th,
.markdown-content[data-v-add8a650] td {
  --tw-border-opacity: 1;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}
[dir] .markdown-content[data-v-add8a650] th, [dir] .markdown-content[data-v-add8a650] td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-width: 1px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
[dir=ltr] .markdown-content[data-v-add8a650] th, [dir=ltr] .markdown-content[data-v-add8a650] td {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: left;
}
[dir=rtl] .markdown-content[data-v-add8a650] th, [dir=rtl] .markdown-content[data-v-add8a650] td {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  text-align: right;
}
.markdown-content[data-v-add8a650] th {
  --tw-bg-opacity: 1;
  font-weight: 600;
}
[dir] .markdown-content[data-v-add8a650] th {
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-add8a650] tbody tr:hover {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-add8a650] tbody tr:hover {
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

/* Horizontal rule */
.markdown-content[data-v-add8a650] hr {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-add8a650] hr {
  border-width: 0px;
  border-top-width: 2px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* Images */
.markdown-content[data-v-add8a650] img {
  height: auto;
  max-width: 100%;
}
[dir] .markdown-content[data-v-add8a650] img {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
}

/* Strong and emphasis */
.markdown-content[data-v-add8a650] strong {
  font-weight: 600;
}
.markdown-content[data-v-add8a650] em {
  font-style: italic;
}

.json-viewer-wrapper[data-v-596448fe] {
  overflow: hidden;
  --tw-border-opacity: 1;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
[dir] .json-viewer-wrapper[data-v-596448fe] {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.json-viewer-wrapper[data-v-596448fe]:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .json-viewer-wrapper[data-v-596448fe]:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.json-viewer-wrapper[data-v-596448fe] {
  --tw-bg-opacity: 1;
}
[dir] .json-viewer-wrapper[data-v-596448fe] {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.json-viewer-wrapper[data-v-596448fe]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .json-viewer-wrapper[data-v-596448fe]:is(.dark *) {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.json-viewer-wrapper[data-v-596448fe] {
  position: relative;
}
.json-header[data-v-596448fe] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
}
[dir] .json-header[data-v-596448fe] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .json-header[data-v-596448fe] {
  padding-left: 1rem;
  padding-right: 1rem;
}
[dir=rtl] .json-header[data-v-596448fe] {
  padding-right: 1rem;
  padding-left: 1rem;
}
.json-header[data-v-596448fe]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .json-header[data-v-596448fe]:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.json-header[data-v-596448fe] {
  --tw-border-opacity: 1;
}
[dir] .json-header[data-v-596448fe] {
  border-bottom-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.json-header[data-v-596448fe]:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .json-header[data-v-596448fe]:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.json-label[data-v-596448fe] {
  font-weight: 500;
}
.json-viewer[data-v-596448fe] {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
}
.json-viewer.has-header[data-v-596448fe] {
  --tw-bg-opacity: 1;
}
[dir] .json-viewer.has-header[data-v-596448fe] {
  padding: 1rem;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.json-viewer.has-header[data-v-596448fe]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .json-viewer.has-header[data-v-596448fe]:is(.dark *) {
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.json-viewer.has-header[data-v-596448fe] {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: auto;
  white-space: nowrap;
  /* Custom scrollbar styling */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}
.json-viewer.has-header[data-v-596448fe]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
[dir] .json-viewer.has-header[data-v-596448fe]::-webkit-scrollbar-track {
  background: transparent;
}
[dir] .json-viewer.has-header[data-v-596448fe]::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
[dir] .json-viewer.has-header[data-v-596448fe]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

/* For nested json-viewers (not root) */
.json-viewer[data-v-596448fe]:not(.has-header) {
  white-space: nowrap;
}
.json-property[data-v-596448fe],
.json-item[data-v-596448fe] {
  display: block;
  white-space: nowrap;
}
[dir] .json-property[data-v-596448fe], [dir] .json-item[data-v-596448fe] {
  margin-bottom: 0.25rem;
}

/* Allow string values to wrap and preserve whitespace */
.json-value .whitespace-pre-wrap[data-v-596448fe] {
  white-space: pre-wrap;
  word-break: break-word;
}
[dir] .json-property[data-v-596448fe]:last-child, [dir] .json-item[data-v-596448fe]:last-child {
  margin-bottom: 0;
}
.json-key[data-v-596448fe] {
  display: inline;
}
.json-index[data-v-596448fe] {
  display: inline;
}
.json-value[data-v-596448fe] {
  display: inline;
}
.json-value-inline[data-v-596448fe] {
  display: inline;
}
[dir] .json-content[data-v-596448fe] {
  margin-top: 0.25rem;
}
[dir=ltr] .json-content[data-v-596448fe] {
  animation: expand-596448fe 0.2s ease-out;
  margin-left: 1rem;
}
[dir=rtl] .json-content[data-v-596448fe] {
  animation: expand-596448fe 0.2s ease-out;
  margin-right: 1rem;
}
.json-toggle[data-v-596448fe] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  transition: background-color 0.15s ease;
}
[dir] .json-toggle[data-v-596448fe] {
  cursor: pointer;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  margin: -0.125rem -0.25rem;
}
[dir] .json-toggle[data-v-596448fe]:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.streaming-dot[data-v-596448fe] {
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
}
[dir] .streaming-dot[data-v-596448fe] {
  border-radius: 9999px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .streaming-dot[data-v-596448fe] {
  animation: pulse-dot-596448fe 1.5s ease-in-out infinite;
}
[dir=rtl] .streaming-dot[data-v-596448fe] {
  animation: pulse-dot-596448fe 1.5s ease-in-out infinite;
}
@keyframes pulse-dot-596448fe {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(0.8);
}
}

/* Transition for expansion */
@keyframes expand-596448fe {
from {
    opacity: 0;
    transform: translateY(-4px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.markdown-renderer[data-v-0f37e67d] {
  position: relative;
}
.markdown-content[data-v-0f37e67d] {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-0f37e67d]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-0f37e67d] {
  max-width: none;
  line-height: 1.75;
}

/* Headings */
.markdown-content[data-v-0f37e67d] h1,
.markdown-content[data-v-0f37e67d] h2,
.markdown-content[data-v-0f37e67d] h3,
.markdown-content[data-v-0f37e67d] h4,
.markdown-content[data-v-0f37e67d] h5,
.markdown-content[data-v-0f37e67d] h6 {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
[dir] .markdown-content[data-v-0f37e67d] h1, [dir] .markdown-content[data-v-0f37e67d] h2, [dir] .markdown-content[data-v-0f37e67d] h3, [dir] .markdown-content[data-v-0f37e67d] h4, [dir] .markdown-content[data-v-0f37e67d] h5, [dir] .markdown-content[data-v-0f37e67d] h6 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.markdown-content[data-v-0f37e67d] h1:is(.dark *),
.markdown-content[data-v-0f37e67d] h2:is(.dark *),
.markdown-content[data-v-0f37e67d] h3:is(.dark *),
.markdown-content[data-v-0f37e67d] h4:is(.dark *),
.markdown-content[data-v-0f37e67d] h5:is(.dark *),
.markdown-content[data-v-0f37e67d] h6:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-0f37e67d] h1 {
  --tw-border-opacity: 1;
  font-size: 1.5rem;
  line-height: 2rem;
}
[dir] .markdown-content[data-v-0f37e67d] h1 {
  border-bottom-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
}
.markdown-content[data-v-0f37e67d] h1:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] h1:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-0f37e67d] h2 {
  --tw-border-opacity: 1;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
[dir] .markdown-content[data-v-0f37e67d] h2 {
  border-bottom-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding-bottom: 0.25rem;
}
.markdown-content[data-v-0f37e67d] h2:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] h2:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-0f37e67d] h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

/* Paragraphs */
[dir] .markdown-content[data-v-0f37e67d] p {
  margin-bottom: 1rem;
}
[dir] .markdown-content[data-v-0f37e67d] p:last-child {
  margin-bottom: 0px;
}

/* Lists */
[dir] .markdown-content[data-v-0f37e67d] ul, [dir] .markdown-content[data-v-0f37e67d] ol {
  margin-bottom: 1rem;
}
[dir=ltr] .markdown-content[data-v-0f37e67d] ul, [dir=ltr] .markdown-content[data-v-0f37e67d] ol {
  padding-left: 1.5rem;
}
[dir=rtl] .markdown-content[data-v-0f37e67d] ul, [dir=rtl] .markdown-content[data-v-0f37e67d] ol {
  padding-right: 1.5rem;
}
[dir] .markdown-content[data-v-0f37e67d] li {
  margin-bottom: 0.25rem;
}
.markdown-content[data-v-0f37e67d] ul {
  list-style-type: disc;
}
.markdown-content[data-v-0f37e67d] ol {
  list-style-type: decimal;
}

/* Blockquotes */
.markdown-content[data-v-0f37e67d] blockquote {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] blockquote {
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
[dir=ltr] .markdown-content[data-v-0f37e67d] blockquote {
  border-left-width: 4px;
}
[dir=rtl] .markdown-content[data-v-0f37e67d] blockquote {
  border-right-width: 4px;
}
.markdown-content[data-v-0f37e67d] blockquote:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] blockquote:is(.dark *) {
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-0f37e67d] blockquote {
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
[dir] .markdown-content[data-v-0f37e67d] blockquote {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
[dir=ltr] .markdown-content[data-v-0f37e67d] blockquote {
  padding-left: 1rem;
}
[dir=rtl] .markdown-content[data-v-0f37e67d] blockquote {
  padding-right: 1rem;
}
.markdown-content[data-v-0f37e67d] blockquote:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-0f37e67d] blockquote {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] blockquote {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
[dir] .markdown-content[data-v-0f37e67d] blockquote:is(.dark *) {
  background-color: rgb(31 41 55 / 0.5);
}
[dir] .markdown-content[data-v-0f37e67d] blockquote {
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* Code */
.markdown-content[data-v-0f37e67d] code {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] code {
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-0f37e67d] code:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] code:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-0f37e67d] code {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-0f37e67d] code:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-0f37e67d] code {
  font-size: 15.2px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
}
[dir] .markdown-content[data-v-0f37e67d] code {
  border-radius: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
[dir=ltr] .markdown-content[data-v-0f37e67d] code {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
[dir=rtl] .markdown-content[data-v-0f37e67d] code {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.markdown-content[data-v-0f37e67d] pre {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] pre {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-0f37e67d] pre:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] pre:is(.dark *) {
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-0f37e67d] pre {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  overflow-x: auto;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 15.2px;
}
[dir] .markdown-content[data-v-0f37e67d] pre {
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.markdown-content[data-v-0f37e67d] pre code {
  color: inherit;
}
[dir] .markdown-content[data-v-0f37e67d] pre code {
  background-color: transparent;
  padding: 0px;
}

/* Links */
.markdown-content[data-v-0f37e67d] a {
  --tw-text-opacity: 1;
  color: rgb(11 113 153 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-0f37e67d] a:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 159 198 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-0f37e67d] a {
  text-decoration-line: underline;
  text-underline-offset: 2px;
  text-decoration-color: #5cb0d1;
}
.markdown-content[data-v-0f37e67d] a:is(.dark *) {
  text-decoration-color: #0b7199;
}
[dir] .markdown-content[data-v-0f37e67d] a {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.markdown-content[data-v-0f37e67d] a:hover {
  --tw-text-opacity: 1;
  color: rgb(9 91 123 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-0f37e67d] a:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(92 176 209 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-0f37e67d] a:hover {
  text-decoration-color: #0d86b5;
}
.markdown-content[data-v-0f37e67d] a:hover:is(.dark *) {
  text-decoration-color: #389fc6;
}

/* Tables */
.markdown-content[data-v-0f37e67d] table {
  width: 100%;
  border-collapse: collapse;
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] table {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-0f37e67d] table:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] table:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-0f37e67d] table {
  overflow: hidden;
}
[dir] .markdown-content[data-v-0f37e67d] table {
  border-radius: 0.5rem;
}
.markdown-content[data-v-0f37e67d] th,
.markdown-content[data-v-0f37e67d] td {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] th, [dir] .markdown-content[data-v-0f37e67d] td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
[dir=ltr] .markdown-content[data-v-0f37e67d] th, [dir=ltr] .markdown-content[data-v-0f37e67d] td {
  padding-left: 1rem;
  padding-right: 1rem;
}
[dir=rtl] .markdown-content[data-v-0f37e67d] th, [dir=rtl] .markdown-content[data-v-0f37e67d] td {
  padding-right: 1rem;
  padding-left: 1rem;
}
.markdown-content[data-v-0f37e67d] th:is(.dark *),
.markdown-content[data-v-0f37e67d] td:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] th:is(.dark *), [dir] .markdown-content[data-v-0f37e67d] td:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
[dir=ltr] .markdown-content[data-v-0f37e67d] th, [dir=ltr] .markdown-content[data-v-0f37e67d] td {
  text-align: left;
}
[dir=rtl] .markdown-content[data-v-0f37e67d] th, [dir=rtl] .markdown-content[data-v-0f37e67d] td {
  text-align: right;
}
.markdown-content[data-v-0f37e67d] th {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] th {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-0f37e67d] th:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] th:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-0f37e67d] th {
  font-weight: 600;
}
.markdown-content[data-v-0f37e67d] tbody tr:hover {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] tbody tr:hover {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
[dir] .markdown-content[data-v-0f37e67d] tbody tr:hover:is(.dark *) {
  background-color: rgb(31 41 55 / 0.5);
}

/* Horizontal rule */
.markdown-content[data-v-0f37e67d] hr {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] hr {
  border-width: 0px;
  border-top-width: 2px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-0f37e67d] hr:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-0f37e67d] hr:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
[dir] .markdown-content[data-v-0f37e67d] hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* Images */
.markdown-content[data-v-0f37e67d] img {
  height: auto;
  max-width: 100%;
}
[dir] .markdown-content[data-v-0f37e67d] img {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}

/* Strong and emphasis */
.markdown-content[data-v-0f37e67d] strong {
  font-weight: 600;
}
.markdown-content[data-v-0f37e67d] em {
  font-style: italic;
}

/* Streaming indicator */
.streaming-indicator[data-v-0f37e67d] {
  position: absolute;
  top: 0px;
}
[dir] .streaming-indicator[data-v-0f37e67d] {
  margin-top: 0.25rem;
}
[dir=ltr] .streaming-indicator[data-v-0f37e67d] {
  right: 0px;
  margin-right: 0.25rem;
}
[dir=rtl] .streaming-indicator[data-v-0f37e67d] {
  left: 0px;
  margin-left: 0.25rem;
}
.streaming-dot[data-v-0f37e67d] {
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
}
[dir] .streaming-dot[data-v-0f37e67d] {
  border-radius: 9999px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .streaming-dot[data-v-0f37e67d] {
  animation: pulse-dot-0f37e67d 1.5s ease-in-out infinite;
}
[dir=rtl] .streaming-dot[data-v-0f37e67d] {
  animation: pulse-dot-0f37e67d 1.5s ease-in-out infinite;
}
@keyframes pulse-dot-0f37e67d {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(0.8);
}
}

.code-block-wrapper[data-v-1bdeee6e] {
  overflow: hidden;
  --tw-border-opacity: 1;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
[dir] .code-block-wrapper[data-v-1bdeee6e] {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.code-block-wrapper[data-v-1bdeee6e]:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .code-block-wrapper[data-v-1bdeee6e]:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.code-block-wrapper[data-v-1bdeee6e] {
  --tw-bg-opacity: 1;
}
[dir] .code-block-wrapper[data-v-1bdeee6e] {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.code-block-wrapper[data-v-1bdeee6e]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .code-block-wrapper[data-v-1bdeee6e]:is(.dark *) {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.code-header[data-v-1bdeee6e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
}
[dir] .code-header[data-v-1bdeee6e] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .code-header[data-v-1bdeee6e] {
  padding-left: 1rem;
  padding-right: 1rem;
}
[dir=rtl] .code-header[data-v-1bdeee6e] {
  padding-right: 1rem;
  padding-left: 1rem;
}
.code-header[data-v-1bdeee6e]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .code-header[data-v-1bdeee6e]:is(.dark *) {
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.code-header[data-v-1bdeee6e] {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.code-header[data-v-1bdeee6e]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.code-header[data-v-1bdeee6e] {
  --tw-border-opacity: 1;
}
[dir] .code-header[data-v-1bdeee6e] {
  border-bottom-width: 1px;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.code-header[data-v-1bdeee6e]:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .code-header[data-v-1bdeee6e]:is(.dark *) {
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.code-filename[data-v-1bdeee6e] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 500;
}
.code-language[data-v-1bdeee6e] {
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.code-container[data-v-1bdeee6e] {
  overflow-x: auto;
  --tw-bg-opacity: 1;
}
[dir] .code-container[data-v-1bdeee6e] {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.code-container[data-v-1bdeee6e]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .code-container[data-v-1bdeee6e]:is(.dark *) {
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.code-pre[data-v-1bdeee6e] {
  font-size: 15.2px;
  font-family: "Fira Code", "Consolas", "Monaco", monospace;
  line-height: 1.6;
}
[dir] .code-pre[data-v-1bdeee6e] {
  margin: 0px;
  padding: 1rem;
}
.code-pre code[data-v-1bdeee6e] {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
[dir] .code-pre code[data-v-1bdeee6e] {
  background-color: transparent;
}
.streaming-dot[data-v-1bdeee6e] {
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
}
[dir] .streaming-dot[data-v-1bdeee6e] {
  border-radius: 9999px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .streaming-dot[data-v-1bdeee6e] {
  animation: pulse-dot-1bdeee6e 1.5s ease-in-out infinite;
}
[dir=rtl] .streaming-dot[data-v-1bdeee6e] {
  animation: pulse-dot-1bdeee6e 1.5s ease-in-out infinite;
}
@keyframes pulse-dot-1bdeee6e {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(0.8);
}
}

.web-file-block[data-v-f1f95a83] {
  position: relative;
}

/* Custom scrollbar for content area */
.web-file-block pre[data-v-f1f95a83]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[dir] .web-file-block pre[data-v-f1f95a83]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
[dir] .web-file-block pre[data-v-f1f95a83]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
[dir] .web-file-block pre[data-v-f1f95a83]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Keyboard shortcut styling */
kbd[data-v-f1f95a83] {
  font-family: ui-monospace, monospace;
  font-size: 0.75rem;
}

.tool-block[data-v-323f9340] {
  position: relative;
}

/* Prose styling for rich content */
.prose pre[data-v-323f9340] {
  overflow-x: auto;
}
[dir] .prose pre[data-v-323f9340] {
  background-color: #f3f4f6;
  padding: 0.5rem;
  border-radius: 0.375rem;
}
.prose code[data-v-323f9340] {
  font-size: 0.875em;
}
[dir] .prose code[data-v-323f9340] {
  background-color: #f3f4f6;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
}

/* Animation for streaming cursor */
@keyframes pulse-323f9340 {
0%,
  50% {
    opacity: 1;
}
51%,
  100% {
    opacity: 0;
}
}

.wrapper[data-v-1d6bb864] {
  position: relative;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
[dir] .wrapper[data-v-1d6bb864] {
  background: white;
  border-radius: 8px;
  padding: 14px;
  border: 1px solid #ececec;
}
[dir] .wrapper.tool-error[data-v-1d6bb864] {
  border-color: #fecaca;
  background-color: #fef2f2;
}
[dir] .content-slot[data-v-1d6bb864] {
  margin-bottom: 6px;
}

/* Action bar */
.actions[data-v-1d6bb864] {
  display: flex;
  gap: 6px;
  align-items: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.wrapper:hover .actions[data-v-1d6bb864] {
  opacity: 1;
}
.actions button[data-v-1d6bb864] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: all 0.15s ease;
  min-width: 30px;
  min-height: 30px;
}
[dir] .actions button[data-v-1d6bb864] {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  padding: 6px;
}
.actions button[data-v-1d6bb864]:hover {
  color: #374151;
}
[dir] .actions button[data-v-1d6bb864]:hover {
  background: #e5e7eb;
  border-color: #d1d5db;
  transform: translateY(-1px);
}
[dir] .actions button[data-v-1d6bb864]:active {
  transform: translateY(0);
  background: #d1d5db;
}
.actions button[data-v-1d6bb864]:disabled {
  opacity: 0.5;
}
[dir] .actions button[data-v-1d6bb864]:disabled {
  cursor: not-allowed;
  transform: none;
}

/* Success state for copy button */
.actions button .text-green-500[data-v-1d6bb864] {
  color: #10b981;
}

/* Error state for tool error button */
.actions button .text-red-500[data-v-1d6bb864] {
  color: #ef4444;
}

/* Override ActionDropDown positioning to open to the right and above side menu */
.actions[data-v-1d6bb864] [role="menu"],
.actions[data-v-1d6bb864] .right-8 {
  z-index: 9999 !important;
}
[dir] .actions[data-v-1d6bb864] [role="menu"], [dir] .actions[data-v-1d6bb864] .right-8 {
  margin-top: 4px;
}
[dir=ltr] .actions[data-v-1d6bb864] [role="menu"], [dir=ltr] .actions[data-v-1d6bb864] .right-8 {
  right: 0 !important;
  left: auto !important;
  transform-origin: top right !important;
}
[dir=rtl] .actions[data-v-1d6bb864] [role="menu"], [dir=rtl] .actions[data-v-1d6bb864] .right-8 {
  left: 0 !important;
  right: auto !important;
  transform-origin: top left !important;
}
.actions[data-v-1d6bb864] button[aria-haspopup] {
  display: flex;
  align-items: center;
}
[dir] .actions[data-v-1d6bb864] button[aria-haspopup] {
  padding: 3px;
}

.text-block[data-v-698fb7d8] {
  position: relative;
}
.markdown-content[data-v-698fb7d8] {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-698fb7d8]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-698fb7d8] {
  max-width: none;
  line-height: 1.75;
}
.markdown-content[dir="rtl"][data-v-698fb7d8] {
  text-align: right;
}

/* Keep code blocks LTR even in RTL context */
.markdown-content[dir="rtl"][data-v-698fb7d8] pre,
.markdown-content[dir="rtl"][data-v-698fb7d8] code {
  direction: ltr;
  text-align: left;
}

/* Headings */
.markdown-content[data-v-698fb7d8] h1,
.markdown-content[data-v-698fb7d8] h2,
.markdown-content[data-v-698fb7d8] h3,
.markdown-content[data-v-698fb7d8] h4,
.markdown-content[data-v-698fb7d8] h5,
.markdown-content[data-v-698fb7d8] h6 {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
[dir] .markdown-content[data-v-698fb7d8] h1, [dir] .markdown-content[data-v-698fb7d8] h2, [dir] .markdown-content[data-v-698fb7d8] h3, [dir] .markdown-content[data-v-698fb7d8] h4, [dir] .markdown-content[data-v-698fb7d8] h5, [dir] .markdown-content[data-v-698fb7d8] h6 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.markdown-content[data-v-698fb7d8] h1:is(.dark *),
.markdown-content[data-v-698fb7d8] h2:is(.dark *),
.markdown-content[data-v-698fb7d8] h3:is(.dark *),
.markdown-content[data-v-698fb7d8] h4:is(.dark *),
.markdown-content[data-v-698fb7d8] h5:is(.dark *),
.markdown-content[data-v-698fb7d8] h6:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-698fb7d8] h1 {
  --tw-border-opacity: 1;
  font-size: 1.5rem;
  line-height: 2rem;
}
[dir] .markdown-content[data-v-698fb7d8] h1 {
  border-bottom-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
}
.markdown-content[data-v-698fb7d8] h1:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] h1:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-698fb7d8] h2 {
  --tw-border-opacity: 1;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
[dir] .markdown-content[data-v-698fb7d8] h2 {
  border-bottom-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding-bottom: 0.25rem;
}
.markdown-content[data-v-698fb7d8] h2:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] h2:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-698fb7d8] h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

/* Paragraphs */
[dir] .markdown-content[data-v-698fb7d8] p {
  margin-bottom: 1rem;
}
[dir] .markdown-content[data-v-698fb7d8] p:last-child {
  margin-bottom: 0px;
}

/* Lists */
[dir] .markdown-content[data-v-698fb7d8] ul, [dir] .markdown-content[data-v-698fb7d8] ol {
  margin-bottom: 1rem;
}
[dir=ltr] .markdown-content[data-v-698fb7d8] ul, [dir=ltr] .markdown-content[data-v-698fb7d8] ol {
  padding-left: 1.5rem;
}
[dir=rtl] .markdown-content[data-v-698fb7d8] ul, [dir=rtl] .markdown-content[data-v-698fb7d8] ol {
  padding-right: 1.5rem;
}
.markdown-content[dir="rtl"][data-v-698fb7d8] ul,
.markdown-content[dir="rtl"][data-v-698fb7d8] ol {
  padding-left: 0px;
  padding-right: 1.5rem;
}
[dir] .markdown-content[data-v-698fb7d8] li {
  margin-bottom: 0.25rem;
}
.markdown-content[data-v-698fb7d8] ul {
  list-style-type: disc;
}
.markdown-content[data-v-698fb7d8] ol {
  list-style-type: decimal;
}

/* Blockquotes */
.markdown-content[data-v-698fb7d8] blockquote {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] blockquote {
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
[dir=ltr] .markdown-content[data-v-698fb7d8] blockquote {
  border-left-width: 4px;
}
[dir=rtl] .markdown-content[data-v-698fb7d8] blockquote {
  border-right-width: 4px;
}
.markdown-content[data-v-698fb7d8] blockquote:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] blockquote:is(.dark *) {
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-698fb7d8] blockquote {
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
[dir] .markdown-content[data-v-698fb7d8] blockquote {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
[dir=ltr] .markdown-content[data-v-698fb7d8] blockquote {
  padding-left: 1rem;
}
[dir=rtl] .markdown-content[data-v-698fb7d8] blockquote {
  padding-right: 1rem;
}
.markdown-content[data-v-698fb7d8] blockquote:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-698fb7d8] blockquote {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] blockquote {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
[dir] .markdown-content[data-v-698fb7d8] blockquote:is(.dark *) {
  background-color: rgb(31 41 55 / 0.5);
}
[dir] .markdown-content[data-v-698fb7d8] blockquote {
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.markdown-content[dir="rtl"][data-v-698fb7d8] blockquote {
  border-left-width: 0px;
  border-right-width: 4px;
  padding-left: 0px;
  padding-right: 1rem;
}

/* Code */
.markdown-content[data-v-698fb7d8] code {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] code {
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-698fb7d8] code:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] code:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-698fb7d8] code {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-698fb7d8] code:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-698fb7d8] code {
  font-size: 15.2px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
}
[dir] .markdown-content[data-v-698fb7d8] code {
  border-radius: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
[dir=ltr] .markdown-content[data-v-698fb7d8] code {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
[dir=rtl] .markdown-content[data-v-698fb7d8] code {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.markdown-content[data-v-698fb7d8] pre {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] pre {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-698fb7d8] pre:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] pre:is(.dark *) {
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-698fb7d8] pre {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  overflow-x: auto;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 15.2px;
}
[dir] .markdown-content[data-v-698fb7d8] pre {
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.markdown-content[data-v-698fb7d8] pre code {
  color: inherit;
}
[dir] .markdown-content[data-v-698fb7d8] pre code {
  background-color: transparent;
  padding: 0px;
}

/* Links */
.markdown-content[data-v-698fb7d8] a {
  --tw-text-opacity: 1;
  color: rgb(11 113 153 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-698fb7d8] a:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 159 198 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-698fb7d8] a {
  text-decoration-line: underline;
  text-underline-offset: 2px;
  text-decoration-color: #5cb0d1;
}
.markdown-content[data-v-698fb7d8] a:is(.dark *) {
  text-decoration-color: #0b7199;
}
[dir] .markdown-content[data-v-698fb7d8] a {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.markdown-content[data-v-698fb7d8] a:hover {
  --tw-text-opacity: 1;
  color: rgb(9 91 123 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-698fb7d8] a:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(92 176 209 / var(--tw-text-opacity, 1));
}
.markdown-content[data-v-698fb7d8] a:hover {
  text-decoration-color: #0d86b5;
}
.markdown-content[data-v-698fb7d8] a:hover:is(.dark *) {
  text-decoration-color: #389fc6;
}

/* Tables */
.markdown-content[data-v-698fb7d8] table {
  width: 100%;
  border-collapse: collapse;
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] table {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-698fb7d8] table:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] table:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-698fb7d8] table {
  overflow: hidden;
}
[dir] .markdown-content[data-v-698fb7d8] table {
  border-radius: 0.5rem;
}
.markdown-content[data-v-698fb7d8] th,
.markdown-content[data-v-698fb7d8] td {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] th, [dir] .markdown-content[data-v-698fb7d8] td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
[dir=ltr] .markdown-content[data-v-698fb7d8] th, [dir=ltr] .markdown-content[data-v-698fb7d8] td {
  padding-left: 1rem;
  padding-right: 1rem;
}
[dir=rtl] .markdown-content[data-v-698fb7d8] th, [dir=rtl] .markdown-content[data-v-698fb7d8] td {
  padding-right: 1rem;
  padding-left: 1rem;
}
.markdown-content[data-v-698fb7d8] th:is(.dark *),
.markdown-content[data-v-698fb7d8] td:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] th:is(.dark *), [dir] .markdown-content[data-v-698fb7d8] td:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-698fb7d8] th,
.markdown-content[data-v-698fb7d8] td {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}
[dir=ltr] .markdown-content[data-v-698fb7d8] th, [dir=ltr] .markdown-content[data-v-698fb7d8] td {
  text-align: left;
}
[dir=rtl] .markdown-content[data-v-698fb7d8] th, [dir=rtl] .markdown-content[data-v-698fb7d8] td {
  text-align: right;
}
.markdown-content[dir="rtl"][data-v-698fb7d8] th,
.markdown-content[dir="rtl"][data-v-698fb7d8] td {
  text-align: right;
}
.markdown-content[data-v-698fb7d8] th {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] th {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-698fb7d8] th:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] th:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.markdown-content[data-v-698fb7d8] th {
  font-weight: 600;
}
.markdown-content[data-v-698fb7d8] tbody tr:hover {
  --tw-bg-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] tbody tr:hover {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
[dir] .markdown-content[data-v-698fb7d8] tbody tr:hover:is(.dark *) {
  background-color: rgb(31 41 55 / 0.5);
}

/* Horizontal rule */
.markdown-content[data-v-698fb7d8] hr {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] hr {
  border-width: 0px;
  border-top-width: 2px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.markdown-content[data-v-698fb7d8] hr:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .markdown-content[data-v-698fb7d8] hr:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
[dir] .markdown-content[data-v-698fb7d8] hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* Images */
.markdown-content[data-v-698fb7d8] img {
  height: auto;
  max-width: 100%;
}
[dir] .markdown-content[data-v-698fb7d8] img {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}

/* Strong and emphasis */
.markdown-content[data-v-698fb7d8] strong {
  font-weight: 600;
}
.markdown-content[data-v-698fb7d8] em {
  font-style: italic;
}

/* Streaming indicator */
.streaming-indicator[data-v-698fb7d8] {
  position: absolute;
  top: 0px;
}
[dir] .streaming-indicator[data-v-698fb7d8] {
  margin-top: 0.25rem;
}
[dir=ltr] .streaming-indicator[data-v-698fb7d8] {
  right: 0px;
  margin-right: 0.25rem;
}
[dir=rtl] .streaming-indicator[data-v-698fb7d8] {
  left: 0px;
  margin-left: 0.25rem;
}
.streaming-dot[data-v-698fb7d8] {
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
}
[dir] .streaming-dot[data-v-698fb7d8] {
  border-radius: 9999px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .streaming-dot[data-v-698fb7d8] {
  animation: pulse-dot-698fb7d8 1.5s ease-in-out infinite;
}
[dir=rtl] .streaming-dot[data-v-698fb7d8] {
  animation: pulse-dot-698fb7d8 1.5s ease-in-out infinite;
}
@keyframes pulse-dot-698fb7d8 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(0.8);
}
}

.table-block[data-v-7c6835d8] {
  position: relative;
}
[dir] .table-block[data-v-7c6835d8] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.table-caption[data-v-7c6835d8] {
  font-size: 15.2px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
[dir] .table-caption[data-v-7c6835d8] {
  margin-bottom: 0.5rem;
}
.table-caption[data-v-7c6835d8]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.table-container[data-v-7c6835d8] {
  overflow-x: auto;
  --tw-border-opacity: 1;
}
[dir] .table-container[data-v-7c6835d8] {
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.table-container[data-v-7c6835d8]:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .table-container[data-v-7c6835d8]:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.agent-table[data-v-7c6835d8] {
  min-width: 100%;
}
.agent-table[data-v-7c6835d8] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  --tw-divide-opacity: 1;
}
[dir] .agent-table[data-v-7c6835d8] > :not([hidden]) ~ :not([hidden]) {
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.agent-table[data-v-7c6835d8]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
}
[dir] .agent-table[data-v-7c6835d8]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
}
.agent-table thead[data-v-7c6835d8] {
  --tw-bg-opacity: 1;
}
[dir] .agent-table thead[data-v-7c6835d8] {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.agent-table thead[data-v-7c6835d8]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .agent-table thead[data-v-7c6835d8]:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.agent-table th[data-v-7c6835d8] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
[dir] .agent-table th[data-v-7c6835d8] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
[dir=ltr] .agent-table th[data-v-7c6835d8] {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
}
[dir=rtl] .agent-table th[data-v-7c6835d8] {
  padding-right: 1rem;
  padding-left: 1rem;
  text-align: right;
}
.agent-table th[data-v-7c6835d8]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.agent-table th[data-v-7c6835d8] {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.agent-table tbody[data-v-7c6835d8] {
  --tw-bg-opacity: 1;
}
[dir] .agent-table tbody[data-v-7c6835d8] {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.agent-table tbody[data-v-7c6835d8]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .agent-table tbody[data-v-7c6835d8]:is(.dark *) {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.agent-table tbody[data-v-7c6835d8] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  --tw-divide-opacity: 1;
}
[dir] .agent-table tbody[data-v-7c6835d8] > :not([hidden]) ~ :not([hidden]) {
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.agent-table tbody[data-v-7c6835d8]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
}
[dir] .agent-table tbody[data-v-7c6835d8]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
}
.agent-table td[data-v-7c6835d8] {
  font-size: 15.2px;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
[dir] .agent-table td[data-v-7c6835d8] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
[dir=ltr] .agent-table td[data-v-7c6835d8] {
  padding-left: 1rem;
  padding-right: 1rem;
}
[dir=rtl] .agent-table td[data-v-7c6835d8] {
  padding-right: 1rem;
  padding-left: 1rem;
}
.agent-table td[data-v-7c6835d8]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.agent-table td[data-v-7c6835d8] {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}
.agent-table tbody tr[data-v-7c6835d8]:hover {
  --tw-bg-opacity: 1;
}
[dir] .agent-table tbody tr[data-v-7c6835d8]:hover {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
[dir] .agent-table tbody tr[data-v-7c6835d8]:hover:is(.dark *) {
  background-color: rgb(31 41 55 / 0.5);
}
.streaming-indicator[data-v-7c6835d8] {
  position: absolute;
  top: 0px;
}
[dir] .streaming-indicator[data-v-7c6835d8] {
  margin-top: 0.25rem;
}
[dir=ltr] .streaming-indicator[data-v-7c6835d8] {
  right: 0px;
  margin-right: 0.25rem;
}
[dir=rtl] .streaming-indicator[data-v-7c6835d8] {
  left: 0px;
  margin-left: 0.25rem;
}
.streaming-dot[data-v-7c6835d8] {
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
}
[dir] .streaming-dot[data-v-7c6835d8] {
  border-radius: 9999px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .streaming-dot[data-v-7c6835d8] {
  animation: pulse-dot-7c6835d8 1.5s ease-in-out infinite;
}
[dir=rtl] .streaming-dot[data-v-7c6835d8] {
  animation: pulse-dot-7c6835d8 1.5s ease-in-out infinite;
}
@keyframes pulse-dot-7c6835d8 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(0.8);
}
}

.chart-renderer[data-v-cab66cf6] {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
[dir] .chart-renderer[data-v-cab66cf6] {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.chart-renderer[data-v-cab66cf6]:is(.dark *) {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}
[dir] .chart-renderer[data-v-cab66cf6]:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.chart-renderer[data-v-cab66cf6] {
  position: relative;
}
.chart-actions[data-v-cab66cf6] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
[dir] .chart-actions[data-v-cab66cf6] {
  margin-bottom: 1rem;
}
.chart-action-btn[data-v-cab66cf6] {
  --tw-bg-opacity: 1;
  font-size: 15.2px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
[dir] .chart-action-btn[data-v-cab66cf6] {
  border-radius: 0.375rem;
  background-color: rgb(11 113 153 / var(--tw-bg-opacity, 1));
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
[dir=ltr] .chart-action-btn[data-v-cab66cf6] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
[dir=rtl] .chart-action-btn[data-v-cab66cf6] {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.chart-action-btn[data-v-cab66cf6]:hover {
  --tw-bg-opacity: 1;
}
[dir] .chart-action-btn[data-v-cab66cf6]:hover {
  background-color: rgb(9 91 123 / var(--tw-bg-opacity, 1));
}
.chart-action-btn[data-v-cab66cf6]:active {
  --tw-bg-opacity: 1;
}
[dir] .chart-action-btn[data-v-cab66cf6]:active {
  background-color: rgb(7 77 104 / var(--tw-bg-opacity, 1));
}
.chart-action-btn[data-v-cab66cf6]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .chart-action-btn[data-v-cab66cf6]:is(.dark *) {
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
.chart-action-btn[data-v-cab66cf6]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .chart-action-btn[data-v-cab66cf6]:hover:is(.dark *) {
  background-color: rgb(11 113 153 / var(--tw-bg-opacity, 1));
}
.chart-action-btn[data-v-cab66cf6]:active:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .chart-action-btn[data-v-cab66cf6]:active:is(.dark *) {
  background-color: rgb(9 91 123 / var(--tw-bg-opacity, 1));
}
[dir] .chart-loading[data-v-cab66cf6] {
  padding: 1rem;
}
.chart-error[data-v-cab66cf6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
[dir] .chart-error[data-v-cab66cf6] {
  padding: 2rem;
  text-align: center;
}
.chart-error[data-v-cab66cf6]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.chart-content[data-v-cab66cf6] {
  position: relative;
  min-height: 300px;
}
.chart-content canvas[data-v-cab66cf6] {
  width: 100%;
}
.streaming-indicator[data-v-cab66cf6] {
  position: absolute;
  top: 0.5rem;
}
[dir=ltr] .streaming-indicator[data-v-cab66cf6] {
  right: 0.5rem;
}
[dir=rtl] .streaming-indicator[data-v-cab66cf6] {
  left: 0.5rem;
}
.streaming-dot[data-v-cab66cf6] {
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
}
[dir] .streaming-dot[data-v-cab66cf6] {
  border-radius: 9999px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .streaming-dot[data-v-cab66cf6] {
  animation: pulse-dot-cab66cf6 1.5s ease-in-out infinite;
}
[dir=rtl] .streaming-dot[data-v-cab66cf6] {
  animation: pulse-dot-cab66cf6 1.5s ease-in-out infinite;
}
@keyframes pulse-dot-cab66cf6 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(0.8);
}
}

.json-block-wrapper[data-v-4d5d53c6] {
  overflow: hidden;
  --tw-border-opacity: 1;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
[dir] .json-block-wrapper[data-v-4d5d53c6] {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.json-block-wrapper[data-v-4d5d53c6]:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .json-block-wrapper[data-v-4d5d53c6]:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.json-block-wrapper[data-v-4d5d53c6] {
  --tw-bg-opacity: 1;
}
[dir] .json-block-wrapper[data-v-4d5d53c6] {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.json-block-wrapper[data-v-4d5d53c6]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .json-block-wrapper[data-v-4d5d53c6]:is(.dark *) {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.json-block-wrapper[data-v-4d5d53c6] {
  position: relative;
}
.json-header[data-v-4d5d53c6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
}
[dir] .json-header[data-v-4d5d53c6] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .json-header[data-v-4d5d53c6] {
  padding-left: 1rem;
  padding-right: 1rem;
}
[dir=rtl] .json-header[data-v-4d5d53c6] {
  padding-right: 1rem;
  padding-left: 1rem;
}
.json-header[data-v-4d5d53c6]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .json-header[data-v-4d5d53c6]:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.json-header[data-v-4d5d53c6] {
  --tw-border-opacity: 1;
}
[dir] .json-header[data-v-4d5d53c6] {
  border-bottom-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.json-header[data-v-4d5d53c6]:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .json-header[data-v-4d5d53c6]:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.json-label[data-v-4d5d53c6] {
  font-weight: 500;
}
.json-viewer[data-v-4d5d53c6] {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
}
.json-viewer.has-header[data-v-4d5d53c6] {
  --tw-bg-opacity: 1;
}
[dir] .json-viewer.has-header[data-v-4d5d53c6] {
  padding: 1rem;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.json-viewer.has-header[data-v-4d5d53c6]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .json-viewer.has-header[data-v-4d5d53c6]:is(.dark *) {
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.json-viewer.has-header[data-v-4d5d53c6] {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: auto;
  white-space: nowrap;
  /* Custom scrollbar styling */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}
.json-viewer.has-header[data-v-4d5d53c6]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
[dir] .json-viewer.has-header[data-v-4d5d53c6]::-webkit-scrollbar-track {
  background: transparent;
}
[dir] .json-viewer.has-header[data-v-4d5d53c6]::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
[dir] .json-viewer.has-header[data-v-4d5d53c6]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

/* For nested json-viewers (not root) */
.json-viewer[data-v-4d5d53c6]:not(.has-header) {
  white-space: nowrap;
}
.json-property[data-v-4d5d53c6],
.json-item[data-v-4d5d53c6] {
  display: block;
  white-space: nowrap;
}
[dir] .json-property[data-v-4d5d53c6], [dir] .json-item[data-v-4d5d53c6] {
  margin-bottom: 0.25rem;
}

/* Allow string values to wrap and preserve whitespace */
.json-value .whitespace-pre-wrap[data-v-4d5d53c6] {
  white-space: pre-wrap;
  word-break: break-word;
}
[dir] .json-property[data-v-4d5d53c6]:last-child, [dir] .json-item[data-v-4d5d53c6]:last-child {
  margin-bottom: 0;
}
.json-key[data-v-4d5d53c6] {
  display: inline;
}
.json-index[data-v-4d5d53c6] {
  display: inline;
}
.json-value[data-v-4d5d53c6] {
  display: inline;
}
.json-value-inline[data-v-4d5d53c6] {
  display: inline;
}
[dir] .json-content[data-v-4d5d53c6] {
  margin-top: 0.25rem;
}
[dir=ltr] .json-content[data-v-4d5d53c6] {
  animation: expand-4d5d53c6 0.2s ease-out;
  margin-left: 1rem;
}
[dir=rtl] .json-content[data-v-4d5d53c6] {
  animation: expand-4d5d53c6 0.2s ease-out;
  margin-right: 1rem;
}
.json-toggle[data-v-4d5d53c6] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  transition: background-color 0.15s ease;
}
[dir] .json-toggle[data-v-4d5d53c6] {
  cursor: pointer;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  margin: -0.125rem -0.25rem;
}
[dir] .json-toggle[data-v-4d5d53c6]:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.streaming-dot[data-v-4d5d53c6] {
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
}
[dir] .streaming-dot[data-v-4d5d53c6] {
  border-radius: 9999px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .streaming-dot[data-v-4d5d53c6] {
  animation: pulse-dot-4d5d53c6 1.5s ease-in-out infinite;
}
[dir=rtl] .streaming-dot[data-v-4d5d53c6] {
  animation: pulse-dot-4d5d53c6 1.5s ease-in-out infinite;
}
@keyframes pulse-dot-4d5d53c6 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(0.8);
}
}

/* Transition for expansion */
@keyframes expand-4d5d53c6 {
from {
    opacity: 0;
    transform: translateY(-4px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

[dir] .image-renderer[data-v-085d86d9] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.image-loading[data-v-085d86d9],
.image-error[data-v-085d86d9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
}
[dir] .image-loading[data-v-085d86d9], [dir] .image-error[data-v-085d86d9] {
  border-radius: 0.5rem;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding: 2rem;
}
.image-loading[data-v-085d86d9]:is(.dark *),
.image-error[data-v-085d86d9]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .image-loading[data-v-085d86d9]:is(.dark *), [dir] .image-error[data-v-085d86d9]:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.image-error[data-v-085d86d9] {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
[dir] .image-error[data-v-085d86d9] {
  text-align: center;
}
.image-error[data-v-085d86d9]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
[dir] .image-content[data-v-085d86d9] {
  text-align: center;
}
.agent-image[data-v-085d86d9] {
  height: auto;
  max-width: 100%;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  max-height: 500px;
  -o-object-fit: contain;
     object-fit: contain;
}
[dir] .agent-image[data-v-085d86d9] {
  border-radius: 0.5rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[dir=ltr] .agent-image[data-v-085d86d9] {
  margin-left: auto;
  margin-right: auto;
}
[dir=rtl] .agent-image[data-v-085d86d9] {
  margin-right: auto;
  margin-left: auto;
}
.image-caption[data-v-085d86d9] {
  font-size: 15.2px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
[dir] .image-caption[data-v-085d86d9] {
  margin-top: 0.5rem;
}
.image-caption[data-v-085d86d9]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.streaming-indicator[data-v-085d86d9] {
  position: absolute;
  top: 0.5rem;
}
[dir=ltr] .streaming-indicator[data-v-085d86d9] {
  right: 0.5rem;
}
[dir=rtl] .streaming-indicator[data-v-085d86d9] {
  left: 0.5rem;
}
.streaming-dot[data-v-085d86d9] {
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
}
[dir] .streaming-dot[data-v-085d86d9] {
  border-radius: 9999px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .streaming-dot[data-v-085d86d9] {
  animation: pulse-dot-085d86d9 1.5s ease-in-out infinite;
}
[dir=rtl] .streaming-dot[data-v-085d86d9] {
  animation: pulse-dot-085d86d9 1.5s ease-in-out infinite;
}
@keyframes pulse-dot-085d86d9 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(0.8);
}
}

.file-renderer[data-v-9213f5a7] {
  position: relative;
}
[dir] .file-renderer[data-v-9213f5a7] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.file-container[data-v-9213f5a7] {
  display: flex;
  align-items: center;
  gap: 1rem;
  --tw-bg-opacity: 1;
}
[dir] .file-container[data-v-9213f5a7] {
  padding: 1rem;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.file-container[data-v-9213f5a7]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .file-container[data-v-9213f5a7]:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.file-container[data-v-9213f5a7] {
  --tw-border-opacity: 1;
}
[dir] .file-container[data-v-9213f5a7] {
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.file-container[data-v-9213f5a7]:is(.dark *) {
  --tw-border-opacity: 1;
}
[dir] .file-container[data-v-9213f5a7]:is(.dark *) {
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.file-icon[data-v-9213f5a7] {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.file-icon[data-v-9213f5a7]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.file-icon[data-v-9213f5a7] {
  flex-shrink: 0;
}
.file-info[data-v-9213f5a7] {
  min-width: 0px;
  flex: 1 1 0%;
}
.file-name[data-v-9213f5a7] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.file-name[data-v-9213f5a7]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.file-meta[data-v-9213f5a7] {
  font-size: 15.2px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
[dir] .file-meta[data-v-9213f5a7] {
  margin-top: 0.125rem;
}
.file-meta[data-v-9213f5a7]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.file-download-btn[data-v-9213f5a7] {
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  font-size: 15.2px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
[dir] .file-download-btn[data-v-9213f5a7] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0.5rem;
  background-color: rgb(11 113 153 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .file-download-btn[data-v-9213f5a7] {
  padding-left: 1rem;
  padding-right: 1rem;
}
[dir=rtl] .file-download-btn[data-v-9213f5a7] {
  padding-right: 1rem;
  padding-left: 1rem;
}
.file-download-btn[data-v-9213f5a7]:hover {
  --tw-bg-opacity: 1;
}
[dir] .file-download-btn[data-v-9213f5a7]:hover {
  background-color: rgb(9 91 123 / var(--tw-bg-opacity, 1));
}
.file-download-btn[data-v-9213f5a7]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(13 134 181 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}
[dir] .file-download-btn[data-v-9213f5a7]:focus {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.file-download-btn[data-v-9213f5a7] {
  flex-shrink: 0;
}
[dir] .file-download-btn[data-v-9213f5a7] {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.streaming-indicator[data-v-9213f5a7] {
  position: absolute;
  top: 0.5rem;
}
[dir=ltr] .streaming-indicator[data-v-9213f5a7] {
  right: 0.5rem;
}
[dir=rtl] .streaming-indicator[data-v-9213f5a7] {
  left: 0.5rem;
}
.streaming-dot[data-v-9213f5a7] {
  height: 0.5rem;
  width: 0.5rem;
  --tw-bg-opacity: 1;
}
[dir] .streaming-dot[data-v-9213f5a7] {
  border-radius: 9999px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .streaming-dot[data-v-9213f5a7] {
  animation: pulse-dot-9213f5a7 1.5s ease-in-out infinite;
}
[dir=rtl] .streaming-dot[data-v-9213f5a7] {
  animation: pulse-dot-9213f5a7 1.5s ease-in-out infinite;
}
@keyframes pulse-dot-9213f5a7 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(0.8);
}
}

.status-indicator[data-v-136c4f9b] {
  width: 10px;
  height: 10px;
}
[dir] .status-indicator[data-v-136c4f9b] {
  border-radius: 9999px;
}
.recording-pulse[data-v-136c4f9b] {
  width: 8px;
  height: 8px;
}
[dir] .recording-pulse[data-v-136c4f9b] {
  border-radius: 50%;
  background-color: #3b82f6;
}
[dir=ltr] .recording-pulse[data-v-136c4f9b] {
  animation: pulse-136c4f9b 1.5s infinite;
}
[dir=rtl] .recording-pulse[data-v-136c4f9b] {
  animation: pulse-136c4f9b 1.5s infinite;
}
@keyframes pulse-136c4f9b {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(1.3);
}
}
.translation-item[data-v-136c4f9b] {
  transition:
    box-shadow 0.2s,
    transform 0.2s;
}
[dir] .translation-item[data-v-136c4f9b]:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}
[dir=ltr] .translation-text[data-v-136c4f9b] {
  padding-left: 12px;
  border-left: 3px solid #e2e8f0;
}
[dir=rtl] .translation-text[data-v-136c4f9b] {
  padding-right: 12px;
  border-right: 3px solid #e2e8f0;
}

/* Custom range slider styling */
.slider[data-v-136c4f9b]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[dir] .slider[data-v-136c4f9b]::-webkit-slider-thumb {
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
[dir] .slider[data-v-136c4f9b]::-webkit-slider-thumb:hover {
  background: #2563eb;
  transform: scale(1.1);
}
.slider[data-v-136c4f9b]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
[dir] .slider[data-v-136c4f9b]::-moz-range-thumb {
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
[dir] .slider[data-v-136c4f9b]::-moz-range-thumb:hover {
  background: #2563eb;
  transform: scale(1.1);
}
.slider[data-v-136c4f9b]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
}
[dir] .slider[data-v-136c4f9b]::-webkit-slider-runnable-track {
  border-radius: 4px;
}
[dir=ltr] .slider[data-v-136c4f9b]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #3b82f6 0%, #3b82f6 var(--value, 50%), #e5e7eb var(--value, 50%), #e5e7eb 100%);
}
[dir=rtl] .slider[data-v-136c4f9b]::-webkit-slider-runnable-track {
  background: linear-gradient(to left, #3b82f6 0%, #3b82f6 var(--value, 50%), #e5e7eb var(--value, 50%), #e5e7eb 100%);
}
.slider[data-v-136c4f9b]::-moz-range-track {
  width: 100%;
  height: 8px;
}
[dir] .slider[data-v-136c4f9b]::-moz-range-track {
  background: #e5e7eb;
  border-radius: 4px;
}
.slider[data-v-136c4f9b]::-moz-range-progress {
  height: 8px;
}
[dir] .slider[data-v-136c4f9b]::-moz-range-progress {
  background: #3b82f6;
  border-radius: 4px;
}

.thinking-block[data-v-d3b7e1e5] {
  position: relative
}
.thinking-content[data-v-d3b7e1e5] {
  line-height: 1.625;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

/* Markdown Styles for Thinking Block - simplified */
[dir] .thinking-content[data-v-d3b7e1e5] p {
  margin-bottom: 0.5rem
}
[dir] .thinking-content[data-v-d3b7e1e5] p:last-child {
  margin-bottom: 0px
}
.thinking-content[data-v-d3b7e1e5] code {
  --tw-bg-opacity: 1;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: normal
}
[dir] .thinking-content[data-v-d3b7e1e5] code {
  border-radius: 0.25rem;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}
[dir=ltr] .thinking-content[data-v-d3b7e1e5] code {
  padding-left: 0.25rem;
  padding-right: 0.25rem
}
[dir=rtl] .thinking-content[data-v-d3b7e1e5] code {
  padding-right: 0.25rem;
  padding-left: 0.25rem
}
.thinking-content[data-v-d3b7e1e5] code:is(.dark *) {
  --tw-bg-opacity: 1
}
[dir] .thinking-content[data-v-d3b7e1e5] code:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}
.thinking-content[data-v-d3b7e1e5] pre {
  overflow-x: auto;
  --tw-bg-opacity: 1;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: normal
}
[dir] .thinking-content[data-v-d3b7e1e5] pre {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding: 0.5rem
}
.thinking-content[data-v-d3b7e1e5] pre:is(.dark *) {
  --tw-bg-opacity: 1
}
[dir] .thinking-content[data-v-d3b7e1e5] pre:is(.dark *) {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.timing-details[data-v-5fc5718a] {
  font-family: ui-sans-serif, system-ui, sans-serif;
}
[dir] .timing-details[data-v-5fc5718a] {
  background: #fff;
  border: 1px solid #d3e2ec;
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

/* Summary Bar */
.summary-bar[data-v-5fc5718a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.2s;
}
[dir] .summary-bar[data-v-5fc5718a] {
  padding: 1rem;
  border-bottom: 1px solid #f0f5f8;
}
[dir] .summary-bar[data-v-5fc5718a]:hover {
  background: #f5f8fa;
}
.summary-stats[data-v-5fc5718a] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  flex: 1;
}
.summary-stat[data-v-5fc5718a] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.summary-label[data-v-5fc5718a] {
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #899399;
}
.summary-value[data-v-5fc5718a] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #202b31;
  font-family: ui-monospace, monospace;
  line-height: 1.2;
}
.stat-divider[data-v-5fc5718a] {
  width: 1px;
  height: 2rem;
}
[dir] .stat-divider[data-v-5fc5718a] {
  background: #d3e2ec;
}
.toggle-button[data-v-5fc5718a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #2f9ac2;
  font-weight: 500;
  font-size: 0.875rem;
  transition: color 0.2s;
}
[dir] .toggle-button[data-v-5fc5718a] {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.toggle-button[data-v-5fc5718a]:hover {
  color: #0a698f;
}
.toggle-icon[data-v-5fc5718a] {
  width: 1rem;
  height: 1rem;
  transition: transform 0.3s;
}
[dir=ltr] .toggle-icon.rotate-180[data-v-5fc5718a] {
  transform: rotate(180deg);
}
[dir=rtl] .toggle-icon.rotate-180[data-v-5fc5718a] {
  transform: rotate(-180deg);
}

/* Expanded Content */
[dir] .expanded-content[data-v-5fc5718a] {
  padding: 1.5rem;
  background: #f5f8fa;
}
.expand-enter-active[data-v-5fc5718a],
.expand-leave-active[data-v-5fc5718a] {
  transition: all 0.4s ease;
  max-height: 2000px;
  opacity: 1;
}
.expand-enter-from[data-v-5fc5718a],
.expand-leave-to[data-v-5fc5718a] {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

/* Timeline Section */
[dir] .timeline-section[data-v-5fc5718a] {
  background: #fff;
  border: 1px solid #d3e2ec;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.section-header[data-v-5fc5718a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[dir] .section-header[data-v-5fc5718a] {
  margin-bottom: 1rem;
}
.section-title[data-v-5fc5718a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #46545c;
}
.section-title svg[data-v-5fc5718a] {
  color: #899399;
}
.legend[data-v-5fc5718a] {
  display: flex;
  gap: 1rem;
  font-size: 0.75rem;
}
.legend-item[data-v-5fc5718a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #515d65;
  font-weight: 500;
}
.legend-dot[data-v-5fc5718a] {
  width: 0.75rem;
  height: 0.75rem;
}
[dir] .legend-dot[data-v-5fc5718a] {
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
[dir] .legend-dot.model[data-v-5fc5718a] {
  background: #2f9ac2;
}
[dir] .legend-dot.tool[data-v-5fc5718a] {
  background: #27c884;
}

/* Waterfall */
.waterfall-container[data-v-5fc5718a] {
  position: relative;
  min-height: 220px;
  overflow: visible;
  z-index: 1;
}
[dir] .waterfall-container[data-v-5fc5718a] {
  background: rgba(245, 248, 250, 0.5);
  border: 1px solid #d3e2ec;
  border-radius: 0.5rem;
}
.waterfall-grid[data-v-5fc5718a] {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 0;
  opacity: 0.3;
}
[dir] .waterfall-grid[data-v-5fc5718a] {
  padding: 0 1rem;
}
.grid-line[data-v-5fc5718a] {
  height: 100%;
  width: 1px;
}
[dir] .grid-line[data-v-5fc5718a] {
  background: #b3cad6;
}
[dir=ltr] .grid-line[data-v-5fc5718a] {
  border-left: 1px dashed #899399;
}
[dir=rtl] .grid-line[data-v-5fc5718a] {
  border-right: 1px dashed #899399;
}
.waterfall-tracks[data-v-5fc5718a] {
  position: absolute;
  inset: 1.5rem 1rem 2rem;
  z-index: 10;
}
.timeline-bar[data-v-5fc5718a] {
  position: absolute;
  transition: all 0.2s;
}
[dir] .timeline-bar[data-v-5fc5718a] {
  border-radius: 0.25rem;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.timeline-bar[data-v-5fc5718a]:hover {
  z-index: 20;
}
[dir] .timeline-bar[data-v-5fc5718a]:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
[dir] .timeline-bar.model[data-v-5fc5718a] {
  background: #2f9ac2;
}
[dir] .timeline-bar.model[data-v-5fc5718a]:hover {
  background: #0a698f;
}
[dir] .timeline-bar.tool[data-v-5fc5718a] {
  background: #27c884;
}
[dir] .timeline-bar.tool[data-v-5fc5718a]:hover {
  background: #2aca86;
}
.bar-label[data-v-5fc5718a] {
  font-size: 0.625rem;
  font-weight: 600;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.time-axis[data-v-5fc5718a] {
  position: absolute;
  bottom: 0;
  height: 1.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.625rem;
  font-family: monospace;
  color: #899399;
  z-index: 20;
}
[dir] .time-axis[data-v-5fc5718a] {
  background: #fff;
  border-top: 1px solid #d3e2ec;
  padding: 0 1rem;
}
[dir=ltr] .time-axis[data-v-5fc5718a] {
  left: 0;
  right: 0;
}
[dir=rtl] .time-axis[data-v-5fc5718a] {
  right: 0;
  left: 0;
}
.timeline-tooltip[data-v-5fc5718a] {
  position: fixed;
  color: white;
  pointer-events: none;
  z-index: 9999;
  min-width: 150px;
  white-space: nowrap;
  transition:
    opacity 0.15s ease,
    transform 0.15s ease;
}
[dir] .timeline-tooltip[data-v-5fc5718a] {
  background: #202b31;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
  margin-top: -0.5rem;
}
[dir=ltr] .timeline-tooltip[data-v-5fc5718a] {
  transform: translate(-50%, -100%);
}
[dir=rtl] .timeline-tooltip[data-v-5fc5718a] {
  transform: translate(50%, -100%);
}
.tooltip-title[data-v-5fc5718a] {
  font-weight: 700;
  color: #a2e0f8;
  font-size: 0.75rem;
}
[dir] .tooltip-title[data-v-5fc5718a] {
  margin-bottom: 0.25rem;
}
.tooltip-content[data-v-5fc5718a] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(255, 255, 255, 0.9);
  font-family: monospace;
  font-size: 0.625rem;
}

/* Details Grid */
.details-grid[data-v-5fc5718a] {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 1.5rem;
}
[dir] .details-grid[data-v-5fc5718a] {
  margin-bottom: 1.5rem;
}
@media (max-width: 1024px) {
.details-grid[data-v-5fc5718a] {
    grid-template-columns: 1fr;
}
}

/* Stats Cards */
.stats-cards[data-v-5fc5718a] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
[dir] .stat-card[data-v-5fc5718a] {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
[dir] .stat-card.model-card[data-v-5fc5718a] {
  background: rgba(45, 167, 215, 0.12);
  border-color: #2da7d7;
}
[dir] .stat-card.tool-card[data-v-5fc5718a] {
  background: rgba(39, 200, 132, 0.12);
  border-color: #27c884;
}
[dir] .stat-card.server-card[data-v-5fc5718a] {
  background: rgba(254, 201, 67, 0.12);
  border-color: #fede00;
}
.card-label[data-v-5fc5718a] {
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
[dir] .card-label[data-v-5fc5718a] {
  margin-bottom: 0.25rem;
}
.model-card .card-label[data-v-5fc5718a] {
  color: #2f9ac2;
}
.tool-card .card-label[data-v-5fc5718a] {
  color: #27c884;
}
.server-card .card-label[data-v-5fc5718a] {
  color: #ffa500;
}
.card-value[data-v-5fc5718a] {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: monospace;
}
[dir] .card-value[data-v-5fc5718a] {
  margin-bottom: 0.25rem;
}
.model-card .card-value[data-v-5fc5718a] {
  color: #0a698f;
}
.tool-card .card-value[data-v-5fc5718a] {
  color: #2aca86;
}
.server-card .card-value[data-v-5fc5718a] {
  color: #ffa500;
}
.card-subtitle[data-v-5fc5718a] {
  font-size: 0.75rem;
}
.model-card .card-subtitle[data-v-5fc5718a] {
  color: #2f9ac2;
}
.tool-card .card-subtitle[data-v-5fc5718a] {
  color: #27c884;
}
.server-card .card-subtitle[data-v-5fc5718a] {
  color: #ffa500;
}

/* Event Log */
.event-log[data-v-5fc5718a] {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: 320px;
}
[dir] .event-log[data-v-5fc5718a] {
  background: #fff;
  border: 1px solid #d3e2ec;
  border-radius: 0.5rem;
}
.event-log-header[data-v-5fc5718a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 0.875rem;
  color: #515d65;
}
[dir] .event-log-header[data-v-5fc5718a] {
  padding: 0.75rem 1rem;
  background: #f5f8fa;
  border-bottom: 1px solid #d3e2ec;
}
.event-count[data-v-5fc5718a] {
  font-size: 0.75rem;
  color: #515d65;
}
[dir] .event-count[data-v-5fc5718a] {
  background: #d3e2ec;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
}
.event-log-body[data-v-5fc5718a] {
  overflow-y: auto;
  flex: 1;
}
.event-log-body[data-v-5fc5718a]::-webkit-scrollbar {
  width: 6px;
}
[dir] .event-log-body[data-v-5fc5718a]::-webkit-scrollbar-track {
  background: #f0f5f8;
}
[dir] .event-log-body[data-v-5fc5718a]::-webkit-scrollbar-thumb {
  background: #b3cad6;
  border-radius: 3px;
}
[dir] .event-log-body[data-v-5fc5718a]::-webkit-scrollbar-thumb:hover {
  background: #899399;
}
.event-table[data-v-5fc5718a] {
  width: 100%;
  font-size: 0.875rem;
  border-collapse: collapse;
}
.event-row[data-v-5fc5718a] {
  transition: background-color 0.2s;
}
[dir] .event-row[data-v-5fc5718a]:hover {
  background: #f5f8fa;
}
[dir] .event-type[data-v-5fc5718a] {
  padding: 0.625rem 1rem;
}
.event-dot[data-v-5fc5718a] {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
}
[dir] .event-dot[data-v-5fc5718a] {
  border-radius: 9999px;
}
[dir=ltr] .event-dot[data-v-5fc5718a] {
  margin-right: 0.5rem;
}
[dir=rtl] .event-dot[data-v-5fc5718a] {
  margin-left: 0.5rem;
}
[dir] .event-dot.model[data-v-5fc5718a] {
  background: #2f9ac2;
}
[dir] .event-dot.tool[data-v-5fc5718a] {
  background: #27c884;
}
.event-name[data-v-5fc5718a] {
  font-weight: 500;
  color: #46545c;
}
.event-duration[data-v-5fc5718a] {
  font-family: monospace;
  color: #515d65;
  font-size: 0.75rem;
}
[dir] .event-duration[data-v-5fc5718a] {
  padding: 0.625rem 1rem;
}
[dir=ltr] .event-duration[data-v-5fc5718a] {
  text-align: right;
}
[dir=rtl] .event-duration[data-v-5fc5718a] {
  text-align: left;
}
.event-offset[data-v-5fc5718a] {
  color: #899399;
  font-size: 0.75rem;
  width: 6rem;
}
[dir] .event-offset[data-v-5fc5718a] {
  padding: 0.625rem 1rem;
}
[dir=ltr] .event-offset[data-v-5fc5718a] {
  text-align: right;
}
[dir=rtl] .event-offset[data-v-5fc5718a] {
  text-align: left;
}

/* Metadata Section */
[dir] .metadata-section[data-v-5fc5718a] {
  background: #fff;
  border: 1px solid #d3e2ec;
  border-radius: 0.5rem;
  padding: 1rem;
}
.metadata-toggle[data-v-5fc5718a] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  font-family: monospace;
  color: #515d65;
  transition: color 0.2s;
}
[dir] .metadata-toggle[data-v-5fc5718a] {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.metadata-toggle[data-v-5fc5718a]:hover {
  color: #2f9ac2;
}
.metadata-toggle svg[data-v-5fc5718a] {
  width: 1rem;
  height: 1rem;
}
.metadata-grid[data-v-5fc5718a] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
[dir] .metadata-grid[data-v-5fc5718a] {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #f0f5f8;
}
.metadata-item[data-v-5fc5718a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.metadata-label[data-v-5fc5718a] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #899399;
}
.metadata-value[data-v-5fc5718a] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #202b31;
  font-family: monospace;
}

/* Responsive */
@media (max-width: 640px) {
.summary-bar[data-v-5fc5718a] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.toggle-button[data-v-5fc5718a] {
    width: 100%;
    justify-content: center;
}
.stat-divider.hidden.sm\:block[data-v-5fc5718a] {
    display: none;
}
.summary-stat.hidden.sm\:flex[data-v-5fc5718a] {
    display: none;
}
}

.ai-response-block[data-v-97dd8b82] {
  position: relative;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Replay Audio Button */
.replay-audio-button[data-v-97dd8b82] {
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
[dir] .replay-audio-button[data-v-97dd8b82] {
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.replay-audio-button[data-v-97dd8b82]:hover {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(11 113 153 / var(--tw-text-opacity, 1));
}
[dir] .replay-audio-button[data-v-97dd8b82]:hover {
  border-color: rgb(56 159 198 / var(--tw-border-opacity, 1));
  background-color: rgb(241 248 251 / var(--tw-bg-opacity, 1));
}
.replay-audio-button[data-v-97dd8b82]:disabled {
  opacity: 0.5;
}
[dir] .replay-audio-button[data-v-97dd8b82]:disabled {
  cursor: not-allowed;
}
.replay-audio-button.is-replaying[data-v-97dd8b82] {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(11 113 153 / var(--tw-text-opacity, 1));
}
[dir] .replay-audio-button.is-replaying[data-v-97dd8b82] {
  border-color: rgb(56 159 198 / var(--tw-border-opacity, 1));
}
.content-block[data-v-97dd8b82] {
  position: relative;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
[dir=ltr] .animation-delay-100[data-v-97dd8b82] {
  animation-delay: 0.1s;
}
[dir=rtl] .animation-delay-100[data-v-97dd8b82] {
  animation-delay: 0.1s;
}
[dir=ltr] .animation-delay-200[data-v-97dd8b82] {
  animation-delay: 0.2s;
}
[dir=rtl] .animation-delay-200[data-v-97dd8b82] {
  animation-delay: 0.2s;
}

/* Animation for streaming cursor */
.streaming-cursor[data-v-97dd8b82] {
  color: #0d8aba;
  font-weight: bold;
}
[dir=ltr] .streaming-cursor[data-v-97dd8b82] {
  animation: blink-97dd8b82 1s infinite;
  margin-left: 1px;
}
[dir=rtl] .streaming-cursor[data-v-97dd8b82] {
  animation: blink-97dd8b82 1s infinite;
  margin-right: 1px;
}
@keyframes blink-97dd8b82 {
0%,
  50% {
    opacity: 1;
}
51%,
  100% {
    opacity: 0;
}
}
[dir] .ai-response-block.streaming[data-v-97dd8b82] {
  border-color: #3b82f6;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.1);
}

/* Text content styling */
.text-content[data-v-97dd8b82] {
  line-height: 1.6;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

/* Ensure markdown content also wraps properly */
.text-content[data-v-97dd8b82] * {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Handle specific elements that might cause overflow */
.text-content[data-v-97dd8b82] pre,
.text-content[data-v-97dd8b82] code {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-all;
}
.text-content[data-v-97dd8b82] table {
  table-layout: fixed;
  width: 100%;
}
.text-content[data-v-97dd8b82] td,
.text-content[data-v-97dd8b82] th {
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Tool use content styling */
[dir=ltr] .tool-use-content[data-v-97dd8b82] {
  border-left: 4px solid #f59e0b;
}
[dir=rtl] .tool-use-content[data-v-97dd8b82] {
  border-right: 4px solid #f59e0b;
}

/* ── Graph node group ── */
.node-group-card[data-v-97dd8b82] {
  position: relative;
}
[dir=ltr] .node-group-card[data-v-97dd8b82] {
  padding-left: 12px;
}
[dir=rtl] .node-group-card[data-v-97dd8b82] {
  padding-right: 12px;
}

/* Left accent thread line */
.node-group-card[data-v-97dd8b82]::before {
  content: "";
  position: absolute;
  top: 10px; /* start below the avatar center */
  bottom: 0;
  width: 2px;
}
[dir] .node-group-card[data-v-97dd8b82]::before {
  border-radius: 2px;
  background: linear-gradient(to bottom, rgba(139, 92, 246, 0.45), rgba(139, 92, 246, 0.08));
}
[dir=ltr] .node-group-card[data-v-97dd8b82]::before {
  left: 0;
}
[dir=rtl] .node-group-card[data-v-97dd8b82]::before {
  right: 0;
}
.node-group-header[data-v-97dd8b82] {
  display: flex;
  align-items: center;
  gap: 6px;
}
[dir] .node-group-header[data-v-97dd8b82] {
  margin-bottom: 8px;
}
.node-avatar-wrap[data-v-97dd8b82] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  /* Scale the avatar component down to 20×20 */
}
[dir] .node-avatar-wrap[data-v-97dd8b82] {
  border-radius: 50%;
}
.node-avatar-wrap[data-v-97dd8b82] > * {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  font-size: 9px !important;
}
.node-name[data-v-97dd8b82] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.node-name[data-v-97dd8b82]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.node-badge[data-v-97dd8b82] {
  --tw-bg-opacity: 1;
  font-size: 10px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
[dir] .node-badge[data-v-97dd8b82] {
  border-radius: 9999px;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
  padding-top: 1px;
  padding-bottom: 1px;
}
[dir=ltr] .node-badge[data-v-97dd8b82] {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
[dir=rtl] .node-badge[data-v-97dd8b82] {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.node-badge[data-v-97dd8b82]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
[dir] .node-badge[data-v-97dd8b82]:is(.dark *) {
  background-color: rgb(76 29 149 / 0.5);
}
.node-model[data-v-97dd8b82] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
[dir=ltr] .node-model[data-v-97dd8b82] {
  margin-left: 0.125rem;
}
[dir=rtl] .node-model[data-v-97dd8b82] {
  margin-right: 0.125rem;
}
.node-model[data-v-97dd8b82]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.node-group-body[data-v-97dd8b82] {
  /* nothing extra — child overrides below handle spacing */
}

/* ContentBlockWrapper has padding:14px — reduce it inside node groups */
[dir] .node-group-body[data-v-97dd8b82] .wrapper {
  padding: 6px 6px;
}

/* ── Sub-agent group ── */
.sub-agent-group[data-v-97dd8b82] {
  position: relative;
}
[dir=ltr] .sub-agent-group[data-v-97dd8b82] {
  padding-left: 12px;
}
[dir=rtl] .sub-agent-group[data-v-97dd8b82] {
  padding-right: 12px;
}
.sub-agent-group[data-v-97dd8b82]::before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 0;
  width: 2px;
}
[dir] .sub-agent-group[data-v-97dd8b82]::before {
  border-radius: 2px;
  background: linear-gradient(to bottom, rgba(99, 102, 241, 0.45), rgba(99, 102, 241, 0.08));
}
[dir=ltr] .sub-agent-group[data-v-97dd8b82]::before {
  left: 0;
}
[dir=rtl] .sub-agent-group[data-v-97dd8b82]::before {
  right: 0;
}

.status-indicator[data-v-f8189a78] {
  width: 10px;
  height: 10px;
}
[dir] .status-indicator[data-v-f8189a78] {
  border-radius: 9999px;
}
.recording-pulse[data-v-f8189a78] {
  width: 8px;
  height: 8px;
}
[dir] .recording-pulse[data-v-f8189a78] {
  border-radius: 50%;
  background-color: #dc2626;
}
[dir=ltr] .recording-pulse[data-v-f8189a78] {
  animation: pulse-f8189a78 1.5s infinite;
}
[dir=rtl] .recording-pulse[data-v-f8189a78] {
  animation: pulse-f8189a78 1.5s infinite;
}
@keyframes pulse-f8189a78 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(1.3);
}
}
.recorder-wave-surface[data-v-f8189a78] {
  position: relative;
  flex: 1;
  min-height: 56px;
  height: 56px;
  max-height: 56px;
  overflow: hidden;
}
[dir] .recorder-wave-surface[data-v-f8189a78] {
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.35);
}
[dir=ltr] .recorder-wave-surface[data-v-f8189a78] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(241, 245, 249, 0.95) 100%);
}
[dir=rtl] .recorder-wave-surface[data-v-f8189a78] {
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.95) 0%, rgba(241, 245, 249, 0.95) 100%);
}
.recorder-wave-surface.is-transcribing[data-v-f8189a78]::before {
  content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;
  pointer-events: none;
}
[dir=ltr] .recorder-wave-surface.is-transcribing[data-v-f8189a78]::before {
  background: linear-gradient(270deg, rgba(191, 219, 254, 0.6) 0%, rgba(191, 219, 254, 0.05) 55%, rgba(191, 219, 254, 0) 100%);
  animation:  recorder-transcribing-sweep-ltr-f8189a78 1.6s linear infinite;
}
[dir=rtl] .recorder-wave-surface.is-transcribing[data-v-f8189a78]::before {
  background: linear-gradient(-270deg, rgba(191, 219, 254, 0.6) 0%, rgba(191, 219, 254, 0.05) 55%, rgba(191, 219, 254, 0) 100%);
  animation:  recorder-transcribing-sweep-rtl-f8189a78 1.6s linear infinite;
}
.recorder-wave-canvas[data-v-f8189a78] {
  width: 100%;
  height: 100%;
  display: block;
}
.recorder-overlay[data-v-f8189a78] {
  position: absolute;
  top: 0.35rem;
  font-size: 0.65rem;
  letter-spacing: 0.12em;
  font-weight: 600;
  text-transform: uppercase;
  color: #9ca3af;
}
[dir=ltr] .recorder-overlay-left[data-v-f8189a78] {
  left: 1rem;
}
[dir=rtl] .recorder-overlay-left[data-v-f8189a78] {
  right: 1rem;
}
[dir=ltr] .recorder-overlay-right[data-v-f8189a78] {
  right: 1rem;
}
[dir=rtl] .recorder-overlay-right[data-v-f8189a78] {
  left: 1rem;
}
.recorder-wave-surface.is-transcribing .recorder-overlay-left[data-v-f8189a78],
.recorder-wave-surface.is-transcribing .recorder-overlay-right[data-v-f8189a78] {
  color: #2563eb;
  font-weight: 700;
}
@keyframes recorder-transcribing-sweep-ltr-f8189a78 {
0% {
    transform: translateX(100%);
    opacity: 0.75;
}
50% {
    opacity: 0.45;
}
100% {
    transform: translateX(-100%);
    opacity: 0.75;
}
}
@keyframes recorder-transcribing-sweep-rtl-f8189a78 {
0% {
    transform: translateX(-100%);
    opacity: 0.75;
}
50% {
    opacity: 0.45;
}
100% {
    transform: translateX(100%);
    opacity: 0.75;
}
}
.speaker-segment[data-v-f8189a78] {
  transition:
    border-color 0.2s,
    box-shadow 0.2s,
    background-color 0.2s;
}
[dir] .speaker-segment[data-v-f8189a78] {
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
[dir=ltr] .speaker-segment[data-v-f8189a78] {
  border-left: 3px solid #bfdbfe;
}
[dir=rtl] .speaker-segment[data-v-f8189a78] {
  border-right: 3px solid #bfdbfe;
}
[dir] .speaker-segment[data-v-f8189a78]:hover {
  border-color: #bfdbfe;
  background-color: #f8fafc;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}
[dir=ltr] .speaker-segment[data-v-f8189a78]:hover {
  border-left-color: #3b82f6;
}
[dir=rtl] .speaker-segment[data-v-f8189a78]:hover {
  border-right-color: #3b82f6;
}

/* Custom scrollbar for context details */
.overflow-y-auto[data-v-061f7810]::-webkit-scrollbar {
  width: 6px;
}
[dir] .overflow-y-auto[data-v-061f7810]::-webkit-scrollbar-track {
  background: #f1f5f9;
}
[dir] .overflow-y-auto[data-v-061f7810]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
[dir] .overflow-y-auto[data-v-061f7810]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

[dir=ltr] .human-approval-block[data-v-5017ccac] {
  animation: slideIn-5017ccac 0.3s ease-out;
}
[dir=rtl] .human-approval-block[data-v-5017ccac] {
  animation: slideIn-5017ccac 0.3s ease-out;
}
@keyframes slideIn-5017ccac {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Ensure text in pre blocks wraps properly */
pre[data-v-5017ccac] {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.tool-avatar[data-v-b2a64fd2] {
  flex-shrink: 0;
}
[dir] .tool-avatar[data-v-b2a64fd2] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.timeline-item:hover .flex-shrink-0[data-v-28eecc53]:last-child {
    opacity: 1
}
.voice-conversation-manager[data-v-0b9a01d4] {
  position: relative;
  display: flex;
  align-items: center;
}
.voice-inline-controls[data-v-0b9a01d4] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.voice-mode-trigger[data-v-0b9a01d4] {
  position: relative;
  display: flex;
  align-items: center;
}
.voice-mode-button[data-v-0b9a01d4] {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
[dir] .voice-mode-button[data-v-0b9a01d4] {
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.voice-mode-button[data-v-0b9a01d4]:hover {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
[dir] .voice-mode-button[data-v-0b9a01d4]:hover {
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.voice-mode-trigger.is-active .voice-mode-button[data-v-0b9a01d4] {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}
[dir] .voice-mode-trigger.is-active .voice-mode-button[data-v-0b9a01d4] {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.voice-mode-trigger.is-speaking .voice-mode-button[data-v-0b9a01d4] {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}
[dir] .voice-mode-trigger.is-speaking .voice-mode-button[data-v-0b9a01d4] {
  cursor: pointer;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[dir=ltr] .voice-mode-trigger.is-speaking .voice-mode-button[data-v-0b9a01d4] {
  animation: pulse-stop-0b9a01d4 2s ease-in-out infinite;
}
[dir=rtl] .voice-mode-trigger.is-speaking .voice-mode-button[data-v-0b9a01d4] {
  animation: pulse-stop-0b9a01d4 2s ease-in-out infinite;
}
.voice-mode-trigger.is-speaking .voice-mode-button[data-v-0b9a01d4]:hover {
  --tw-bg-opacity: 1;
}
[dir] .voice-mode-trigger.is-speaking .voice-mode-button[data-v-0b9a01d4]:hover {
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.voice-mode-trigger.is-disabled .voice-mode-button[data-v-0b9a01d4] {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  opacity: 0.5;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
[dir] .voice-mode-trigger.is-disabled .voice-mode-button[data-v-0b9a01d4] {
  cursor: not-allowed;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@keyframes pulse-stop-0b9a01d4 {
0%,
  100% {
    opacity: 1;
}
50% {
    opacity: 0.85;
}
}
.voice-mode-icon[data-v-0b9a01d4] {
  width: 24px;
  height: 24px;
}

/* Smooth transition for voice bars responding to audio */
.voice-bar[data-v-0b9a01d4] {
  transition: d 0.08s ease-out;
  will-change: d;
}
.voice-mode-menu[data-v-0b9a01d4] {
  position: absolute;
  top: calc(100% + 0.5rem);
  z-index: 50;
  min-width: 10rem;
}
[dir] .voice-mode-menu[data-v-0b9a01d4] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
}
[dir=ltr] .voice-mode-menu[data-v-0b9a01d4] {
  left: 0;
}
[dir=rtl] .voice-mode-menu[data-v-0b9a01d4] {
  right: 0;
}
.voice-mode-menu-item[data-v-0b9a01d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  font-size: 0.875rem;
  color: #374151;
  transition: background-color 0.15s;
}
[dir] .voice-mode-menu-item[data-v-0b9a01d4] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
[dir=ltr] .voice-mode-menu-item[data-v-0b9a01d4] {
  text-align: left;
}
[dir=rtl] .voice-mode-menu-item[data-v-0b9a01d4] {
  text-align: right;
}
[dir] .voice-mode-menu-item[data-v-0b9a01d4]:hover {
  background-color: #f3f4f6;
  transform: none;
}
.voice-mode-menu-item.is-active[data-v-0b9a01d4] {
  color: white;
}
[dir] .voice-mode-menu-item.is-active[data-v-0b9a01d4] {
  background-color: #1f2937;
}
[dir] .voice-mode-menu-item.is-active[data-v-0b9a01d4]:hover {
  background-color: #111827;
}
.voice-mode-menu-item .menu-icon[data-v-0b9a01d4] {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
}

/* Voice settings gear */
.voice-settings-wrapper[data-v-0b9a01d4] {
  position: relative;
  display: flex;
  align-items: center;
}
.voice-settings-btn[data-v-0b9a01d4] {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
[dir] .voice-settings-btn[data-v-0b9a01d4] {
  border-radius: 9999px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.voice-settings-btn[data-v-0b9a01d4]:hover,
.voice-settings-btn.is-open[data-v-0b9a01d4] {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
[dir] .voice-settings-btn[data-v-0b9a01d4]:hover, [dir] .voice-settings-btn.is-open[data-v-0b9a01d4] {
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.voice-picker-dropdown[data-v-0b9a01d4] {
  position: absolute;
  bottom: calc(100% + 0.5rem);
  z-index: 60;
  min-width: 9rem;
}
[dir] .voice-picker-dropdown[data-v-0b9a01d4] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
  padding: 0.25rem;
}
[dir=ltr] .voice-picker-dropdown[data-v-0b9a01d4] {
  right: 0;
}
[dir=rtl] .voice-picker-dropdown[data-v-0b9a01d4] {
  left: 0;
}
.voice-picker-header[data-v-0b9a01d4] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
[dir] .voice-picker-header[data-v-0b9a01d4] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
[dir=ltr] .voice-picker-header[data-v-0b9a01d4] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
[dir=rtl] .voice-picker-header[data-v-0b9a01d4] {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.voice-picker-option[data-v-0b9a01d4] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  font-size: 15.2px;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
[dir] .voice-picker-option[data-v-0b9a01d4] {
  border-radius: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
[dir=ltr] .voice-picker-option[data-v-0b9a01d4] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: left;
}
[dir=rtl] .voice-picker-option[data-v-0b9a01d4] {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  text-align: right;
}
.voice-picker-option[data-v-0b9a01d4]:hover {
  --tw-bg-opacity: 1;
}
[dir] .voice-picker-option[data-v-0b9a01d4]:hover {
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.voice-picker-option.is-selected[data-v-0b9a01d4] {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
[dir] .voice-picker-option.is-selected[data-v-0b9a01d4] {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.voice-picker-option.is-selected[data-v-0b9a01d4]:hover {
  --tw-bg-opacity: 1;
}
[dir] .voice-picker-option.is-selected[data-v-0b9a01d4]:hover {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.voice-picker-label[data-v-0b9a01d4] {
  flex: 1 1 0%;
}
.voice-picker-check[data-v-0b9a01d4] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
[dir=ltr] .voice-picker-check[data-v-0b9a01d4] {
  margin-left: 0.5rem;
}
[dir=rtl] .voice-picker-check[data-v-0b9a01d4] {
  margin-right: 0.5rem;
}
.voice-tooltip[data-v-0b9a01d4] {
  position: absolute;
  bottom: -2.5rem;
  --tw-translate-x: -50%;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}
[dir] .voice-tooltip[data-v-0b9a01d4] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[dir=ltr] .voice-tooltip[data-v-0b9a01d4] {
  left: 50%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
[dir=rtl] .voice-tooltip[data-v-0b9a01d4] {
  right: 50%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.voice-state-indicator[data-v-0b9a01d4] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
[dir] .voice-state-indicator[data-v-0b9a01d4] {
  border-radius: 9999px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[dir=ltr] .voice-state-indicator[data-v-0b9a01d4] {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
[dir=rtl] .voice-state-indicator[data-v-0b9a01d4] {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.voice-state-indicator .dot[data-v-0b9a01d4] {
  height: 0.5rem;
  width: 0.5rem;
}
@keyframes pulse-0b9a01d4 {
50% {
    opacity: .5;
}
}
.voice-state-indicator .dot[data-v-0b9a01d4] {
  --tw-bg-opacity: 1;
}
[dir] .voice-state-indicator .dot[data-v-0b9a01d4] {
  border-radius: 9999px;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
[dir=ltr] .voice-state-indicator .dot[data-v-0b9a01d4] {
  animation: pulse-0b9a01d4 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
[dir=rtl] .voice-state-indicator .dot[data-v-0b9a01d4] {
  animation: pulse-0b9a01d4 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.voice-state-indicator .label[data-v-0b9a01d4] {
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.fade-enter-active[data-v-0b9a01d4],
.fade-leave-active[data-v-0b9a01d4] {
  transition: opacity 0.15s ease;
}
.fade-enter-from[data-v-0b9a01d4],
.fade-leave-to[data-v-0b9a01d4] {
  opacity: 0;
}
.fade-scale-enter-active[data-v-0b9a01d4],
.fade-scale-leave-active[data-v-0b9a01d4] {
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}
.fade-scale-enter-from[data-v-0b9a01d4],
.fade-scale-leave-to[data-v-0b9a01d4] {
  opacity: 0;
}
[dir] .fade-scale-enter-from[data-v-0b9a01d4], [dir] .fade-scale-leave-to[data-v-0b9a01d4] {
  transform: scale(0.96);
}

/* Tool Call Modal Styles */
.tool-call-modal-overlay[data-v-a2cc6dd9] {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
[dir] .tool-call-modal-overlay[data-v-a2cc6dd9] {
  background: rgba(0, 0, 0, 0.5);
  padding: 1rem;
}
.tool-call-modal[data-v-a2cc6dd9] {
  max-width: 40rem;
  width: 100%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
[dir] .tool-call-modal[data-v-a2cc6dd9] {
  background: white;
  border-radius: 1rem;
  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.tool-call-modal-header[data-v-a2cc6dd9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[dir] .tool-call-modal-header[data-v-a2cc6dd9] {
  padding: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}
.tool-call-modal-title[data-v-a2cc6dd9] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
}
[dir] .tool-call-modal-title[data-v-a2cc6dd9] {
  margin: 0;
}
.tool-call-modal-close[data-v-a2cc6dd9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: #6b7280;
  transition: all 0.2s;
}
[dir] .tool-call-modal-close[data-v-a2cc6dd9] {
  border-radius: 0.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
}
.tool-call-modal-close[data-v-a2cc6dd9]:hover {
  color: #111827;
}
[dir] .tool-call-modal-close[data-v-a2cc6dd9]:hover {
  background: #f3f4f6;
}
.tool-call-modal-body[data-v-a2cc6dd9] {
  overflow-y: auto;
  flex: 1;
}
[dir] .tool-call-modal-body[data-v-a2cc6dd9] {
  padding: 1.5rem;
}
[dir] .tool-call-form-group[data-v-a2cc6dd9] {
  margin-bottom: 1.25rem;
}
[dir] .tool-call-form-group[data-v-a2cc6dd9]:last-child {
  margin-bottom: 0;
}
.tool-call-label[data-v-a2cc6dd9] {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}
[dir] .tool-call-label[data-v-a2cc6dd9] {
  margin-bottom: 0.5rem;
}
.tool-call-input[data-v-a2cc6dd9] {
  width: 100%;
  font-size: 0.875rem;
  color: #111827;
  transition: all 0.2s;
}
[dir] .tool-call-input[data-v-a2cc6dd9] {
  padding: 0.625rem 0.875rem;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
}
.tool-call-input[data-v-a2cc6dd9]:focus {
  outline: none;
}
[dir] .tool-call-input[data-v-a2cc6dd9]:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.tool-call-input[data-v-a2cc6dd9]:disabled {
  opacity: 0.6;
}
[dir] .tool-call-input[data-v-a2cc6dd9]:disabled {
  background: #f9fafb;
  cursor: not-allowed;
}
.tool-call-loading[data-v-a2cc6dd9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[dir] .tool-call-loading[data-v-a2cc6dd9] {
  padding: 3rem 1rem;
}
[dir] .tool-call-description[data-v-a2cc6dd9] {
  padding: 0.875rem;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
[dir] .tool-call-params[data-v-a2cc6dd9] {
  padding: 1rem;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.tool-call-params-title-button[data-v-a2cc6dd9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transition: all 0.2s;
}
[dir] .tool-call-params-title-button[data-v-a2cc6dd9] {
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  margin-bottom: 0.75rem;
}
.tool-call-params-title-button[data-v-a2cc6dd9]:hover {
  opacity: 0.8;
}
.tool-call-params-title[data-v-a2cc6dd9] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
}
[dir] .tool-call-params-title[data-v-a2cc6dd9] {
  margin: 0;
}
.tool-call-params-list[data-v-a2cc6dd9] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
[dir] .tool-call-param-item[data-v-a2cc6dd9] {
  padding: 0.625rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
}
.tool-call-param-name[data-v-a2cc6dd9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
[dir] .tool-call-param-name[data-v-a2cc6dd9] {
  margin-bottom: 0.25rem;
}
.tool-call-param-name code[data-v-a2cc6dd9] {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1f2937;
}
.tool-call-param-type[data-v-a2cc6dd9] {
  font-size: 0.75rem;
  color: #6b7280;
}
[dir] .tool-call-param-type[data-v-a2cc6dd9] {
  padding: 0.125rem 0.5rem;
  background: #f3f4f6;
  border-radius: 0.25rem;
}
.tool-call-param-desc[data-v-a2cc6dd9] {
  font-size: 0.75rem;
  color: #6b7280;
  line-height: 1.4;
}
[dir] .tool-call-param-desc[data-v-a2cc6dd9] {
  margin: 0;
}
[dir] .tool-call-param-details[data-v-a2cc6dd9] {
  margin-top: 0.5rem;
}
.tool-call-param-default[data-v-a2cc6dd9] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #4b5563;
}
[dir] .tool-call-param-default[data-v-a2cc6dd9] {
  margin-top: 0.25rem;
}
.tool-call-param-default code[data-v-a2cc6dd9] {
  white-space: pre-wrap;
}
.tool-call-param-default-label[data-v-a2cc6dd9] {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.6875rem;
  color: #9ca3af;
}
.tool-call-param-json[data-v-a2cc6dd9] {
  font-size: 0.75rem;
  color: #374151;
  overflow: auto;
}
[dir] .tool-call-param-json[data-v-a2cc6dd9] {
  margin: 0.5rem 0 0;
  padding: 0.5rem;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
}
.tool-call-param-json code[data-v-a2cc6dd9] {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  white-space: pre-wrap;
}
.tool-call-hint[data-v-a2cc6dd9] {
  font-size: 0.75rem;
  color: #6b7280;
}
[dir] .tool-call-hint[data-v-a2cc6dd9] {
  margin-top: 0.375rem;
  margin-bottom: 0;
}
.tool-call-error[data-v-a2cc6dd9] {
  color: #dc2626;
  font-size: 0.875rem;
}
[dir] .tool-call-error[data-v-a2cc6dd9] {
  padding: 0.75rem;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 0.5rem;
  margin-top: 1rem;
}
[dir] .tool-call-result[data-v-a2cc6dd9] {
  margin-top: 1.5rem;
  padding: 1rem;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
}
.tool-call-result-title[data-v-a2cc6dd9] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #111827;
}
[dir] .tool-call-result-title[data-v-a2cc6dd9] {
  margin: 0 0 0.5rem 0;
}
.tool-call-modal-footer[data-v-a2cc6dd9] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}
[dir] .tool-call-modal-footer[data-v-a2cc6dd9] {
  padding: 1.5rem;
  border-top: 1px solid #e5e7eb;
}
.tool-call-btn[data-v-a2cc6dd9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
}
[dir] .tool-call-btn[data-v-a2cc6dd9] {
  padding: 0.625rem 1.25rem;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
}
.tool-call-btn[data-v-a2cc6dd9]:disabled {
  opacity: 0.5;
}
[dir] .tool-call-btn[data-v-a2cc6dd9]:disabled {
  cursor: not-allowed;
}
.tool-call-btn-secondary[data-v-a2cc6dd9] {
  color: #374151;
}
[dir] .tool-call-btn-secondary[data-v-a2cc6dd9] {
  background: white;
  border: 1px solid #d1d5db;
}
[dir] .tool-call-btn-secondary[data-v-a2cc6dd9]:hover:not(:disabled) {
  background: #f9fafb;
}
.tool-call-btn-primary[data-v-a2cc6dd9] {
  color: white;
}
[dir] .tool-call-btn-primary[data-v-a2cc6dd9] {
  background: #1f2937;
}
[dir] .tool-call-btn-primary[data-v-a2cc6dd9]:hover:not(:disabled) {
  background: #111827;
}

/* Fade transition for modal */
.fade-enter-active[data-v-a2cc6dd9],
.fade-leave-active[data-v-a2cc6dd9] {
  transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-a2cc6dd9],
.fade-leave-to[data-v-a2cc6dd9] {
  opacity: 0;
}

/* Apply Roboto font to the Codemirror editor */
.CodeMirror[data-v-a2cc6dd9] {
  font-family: "Roboto", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  scroll-behavior: auto !important;
}

/* Additional specificity to ensure styles apply */
.codemirror-editor .CodeMirror[data-v-a2cc6dd9] {
  font-family: "Roboto", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  scroll-behavior: auto !important;
}

/* Ensure Codemirror scrolls properly - line numbers and content scroll together */
.CodeMirror-scroll[data-v-a2cc6dd9] {
  overflow: auto !important;
  scroll-behavior: auto !important;
}

/* Fix line numbers gutter synchronization */
.CodeMirror-gutters[data-v-a2cc6dd9] {
  white-space: nowrap;
  position: absolute;
  top: 0;
  z-index: 3;
}
[dir] .CodeMirror-gutters[data-v-a2cc6dd9] {
  background-color: #f7f7f7;
}
[dir=ltr] .CodeMirror-gutters[data-v-a2cc6dd9] {
  border-right: 1px solid #ddd;
  left: 0;
}
[dir=rtl] .CodeMirror-gutters[data-v-a2cc6dd9] {
  border-left: 1px solid #ddd;
  right: 0;
}
.CodeMirror-linenumber[data-v-a2cc6dd9] {
  min-width: 20px;
  color: #999;
  white-space: nowrap;
  display: inline-block;
}
[dir=ltr] .CodeMirror-linenumber[data-v-a2cc6dd9] {
  padding: 0 3px 0 5px;
  text-align: right;
}
[dir=rtl] .CodeMirror-linenumber[data-v-a2cc6dd9] {
  padding: 0 5px 0 3px;
  text-align: left;
}
.tool-call-result .CodeMirror[data-v-a2cc6dd9] {
  height: 100% !important;
}
.tool-call-result .CodeMirror-scroll[data-v-a2cc6dd9] {
  height: 300px;
  overflow-y: auto !important;
  overflow-x: auto !important;
  scroll-behavior: auto !important;
}

/* Ensure proper scrolling with long lines (no wrapping) */
.tool-call-result .CodeMirror-scroll[data-v-a2cc6dd9],
.tool-call-result .CodeMirror-sizer[data-v-a2cc6dd9] {
  min-height: 100%;
}

/* For non-wrapped content, ensure horizontal scroll works properly */
.tool-call-result .CodeMirror-lines[data-v-a2cc6dd9] {
  word-wrap: normal;
  white-space: pre;
}
[dir] .tool-call-result .CodeMirror-lines[data-v-a2cc6dd9] {
  padding: 4px 0;
}

/* Fix for long lines - ensure gutter stays in sync */
.tool-call-result .CodeMirror-gutter-wrapper[data-v-a2cc6dd9] {
  position: absolute;
  scroll-behavior: auto !important;
}
[dir=ltr] .tool-call-result .CodeMirror-gutter-wrapper[data-v-a2cc6dd9] {
  left: 0;
}
[dir=rtl] .tool-call-result .CodeMirror-gutter-wrapper[data-v-a2cc6dd9] {
  right: 0;
}
.tool-call-result .CodeMirror-gutter-elt[data-v-a2cc6dd9] {
  position: absolute;
  z-index: 4;
}
[dir] .tool-call-result .CodeMirror-gutter-elt[data-v-a2cc6dd9] {
  cursor: default;
}

/* Disable smooth scroll on all CodeMirror elements */
.CodeMirror[data-v-a2cc6dd9],
.CodeMirror-scroll[data-v-a2cc6dd9],
.CodeMirror-sizer[data-v-a2cc6dd9],
.CodeMirror-gutters[data-v-a2cc6dd9],
.CodeMirror-gutter-wrapper[data-v-a2cc6dd9],
.CodeMirror-lines[data-v-a2cc6dd9] {
  scroll-behavior: auto !important;
}

/* Ensure line numbers don't show text content */
.tool-call-result .CodeMirror-linenumber[data-v-a2cc6dd9] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir=ltr] .tool-call-result .CodeMirror-linenumber[data-v-a2cc6dd9] {
  text-align: right;
}
[dir=rtl] .tool-call-result .CodeMirror-linenumber[data-v-a2cc6dd9] {
  text-align: left;
}

/* Custom styles for textarea auto-resize */
textarea[data-v-fa801433] {
  field-sizing: content;
}

/* Hide scrollbar until content overflows */
textarea[data-v-fa801433] {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}
textarea[data-v-fa801433]::-webkit-scrollbar {
  width: 0px;
}
[dir] textarea[data-v-fa801433]::-webkit-scrollbar {
  background: transparent;
}

/* Show scrollbar only when content overflows significantly */
textarea[data-v-fa801433]:hover::-webkit-scrollbar {
  width: 4px;
}
[dir] textarea[data-v-fa801433]:hover::-webkit-scrollbar-track {
  background: transparent;
}
[dir] textarea[data-v-fa801433]:hover::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 2px;
}
[dir] textarea[data-v-fa801433]:hover::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Clean layout */
.message-input .composer-container.recorder-active[data-v-fa801433] {
  gap: 0.5rem;
}
[dir=ltr] .message-input .composer-container.recorder-active[data-v-fa801433] {
  padding-left: 0;
  padding-right: 0;
}
[dir=rtl] .message-input .composer-container.recorder-active[data-v-fa801433] {
  padding-right: 0;
  padding-left: 0;
}

/* Keep white background even when disabled/streaming */
[dir] .message-input .composer-container.composer-disabled[data-v-fa801433] {
  background: rgba(255, 255, 255, 1) !important;
}
[dir] .dark .message-input .composer-container.composer-disabled[data-v-fa801433] {
  background: rgba(31, 41, 55, 1) !important;
}

/* Centered state uses same styling as bottom state */
.message-input .composer-container[data-v-fa801433] {
  transition: all 0.2s ease;
}
[dir] .message-input .composer-container[data-v-fa801433] {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 28px;
  padding: 3px 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
[dir] .dark .message-input .composer-container[data-v-fa801433] {
  background: rgba(31, 41, 55, 1);
  border-color: rgba(255, 255, 255, 0.1);
}
[dir] .message-input .composer-container[data-v-fa801433]:focus-within {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.15);
}
[dir] .dark .message-input .composer-container[data-v-fa801433]:focus-within {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.15);
}

/* Keyboard shortcuts styling */
kbd[data-v-fa801433] {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  font-weight: 600;
}
[dir] kbd[data-v-fa801433] {
  border: 1px solid #e5e7eb;
}
[dir] .dark kbd[data-v-fa801433] {
  border-color: #4b5563;
}

/* Enhanced focus styles */
textarea[data-v-fa801433]:focus {
  outline: none;
}
[dir] textarea[data-v-fa801433]:focus {
  box-shadow: none;
}

/* Button hover animations - subtle scale effect */
[dir] button[data-v-fa801433]:not(:disabled):hover {
  transform: scale(1.05);
}
button[data-v-fa801433]:disabled {
  opacity: 0.5;
}

/* Clean button styling */
button[data-v-fa801433] {
  backdrop-filter: blur(10px);
}

/* Send button with primary theme */
[dir] .primary-send-btn[data-v-fa801433]:not(:disabled) {
  background: var(--background-color);
  box-shadow: 0 4px 12px rgba(7, 69, 93, 0.15);
}
[dir] .primary-send-btn[data-v-fa801433]:not(:disabled):hover {
  background: var(--button-color);
  box-shadow: 0 8px 20px rgba(13, 138, 186, 0.2);
}

/* Stop button styling */
[dir] .message-input button[title="Stop generation"][data-v-fa801433] {
  background: #374151;
  box-shadow: 0 4px 12px rgba(55, 65, 81, 0.15);
}
[dir] .message-input button[title="Stop generation"][data-v-fa801433]:hover {
  background: #1f2937;
  box-shadow: 0 8px 20px rgba(31, 41, 55, 0.2);
}

/* Add/Voice button styling */
[dir] .message-input button[title="Add content"][data-v-fa801433], [dir] .message-input button[title="Voice input"][data-v-fa801433] {
  background: transparent;
}
[dir] .message-input button[title="Add content"][data-v-fa801433]:hover, [dir] .message-input button[title="Voice input"][data-v-fa801433]:hover {
  background: #f3f4f6;
}
.recorder-shell[data-v-fa801433] {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-height: 40px;
  height: 40px;
  position: relative;
  transition:
    height 0.2s ease,
    min-height 0.2s ease;
}
[dir] .recorder-shell[data-v-fa801433] {
  padding: 0;
  border: 0;
  border-radius: 999px;
}
.recorder-shell--expanded[data-v-fa801433] {
  height: auto;
  min-height: 52px;
}
.recorder-shell__wave-wrapper[data-v-fa801433] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.25rem;
}
[dir] .recorder-shell__wave-wrapper[data-v-fa801433] {
  padding: 0;
  border-radius: 999px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.recorder-shell--expanded .recorder-shell__wave-wrapper[data-v-fa801433] {
  height: auto;
}
[dir] .dark .recorder-shell__wave-wrapper[data-v-fa801433] {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.recorder-shell__meta[data-v-fa801433] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.4rem;
}
@media (max-width: 640px) {
.recorder-shell[data-v-fa801433] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
}
.recorder-shell__meta[data-v-fa801433] {
    width: 100%;
    align-items: flex-start;
}
}
.recorder-shell__error[data-v-fa801433] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
[dir] .recorder-shell__error[data-v-fa801433] {
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  background: rgba(254, 226, 226, 0.8);
  border: 1px solid rgba(220, 38, 38, 0.35);
}
[dir] .dark .recorder-shell__error[data-v-fa801433] {
  background: rgba(127, 29, 29, 0.4);
  border-color: rgba(248, 113, 113, 0.35);
}
.recorder-wave-surface[data-v-fa801433] {
  position: relative;
  flex: 1;
  min-height: 48px;
  height: 100%;
  overflow: hidden;
}
[dir] .recorder-wave-surface[data-v-fa801433] {
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.35);
}
[dir=ltr] .recorder-wave-surface[data-v-fa801433] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(241, 245, 249, 0.95) 100%);
}
[dir=rtl] .recorder-wave-surface[data-v-fa801433] {
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.95) 0%, rgba(241, 245, 249, 0.95) 100%);
}
.recorder-shell--expanded .recorder-wave-surface[data-v-fa801433] {
  min-height: 46px;
}
[dir] .dark .recorder-wave-surface[data-v-fa801433] {
  border-color: rgba(148, 163, 184, 0.5);
}
[dir=ltr] .dark .recorder-wave-surface[data-v-fa801433] {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.85) 100%);
}
[dir=rtl] .dark .recorder-wave-surface[data-v-fa801433] {
  background: linear-gradient(-180deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.85) 100%);
}
.recorder-wave-surface.is-transcribing[data-v-fa801433]::before {
  content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;
  pointer-events: none;
}
[dir=ltr] .recorder-wave-surface.is-transcribing[data-v-fa801433]::before {
  background: linear-gradient(270deg, rgba(191, 219, 254, 0.6) 0%, rgba(191, 219, 254, 0.05) 55%, rgba(191, 219, 254, 0) 100%);
  animation:  recorder-transcribing-sweep-ltr-fa801433 1.6s linear infinite;
}
[dir=rtl] .recorder-wave-surface.is-transcribing[data-v-fa801433]::before {
  background: linear-gradient(-270deg, rgba(191, 219, 254, 0.6) 0%, rgba(191, 219, 254, 0.05) 55%, rgba(191, 219, 254, 0) 100%);
  animation:  recorder-transcribing-sweep-rtl-fa801433 1.6s linear infinite;
}
.recorder-wave-canvas[data-v-fa801433] {
  width: 100%;
  height: 100%;
  display: block;
}
.recorder-overlay[data-v-fa801433] {
  position: absolute;
  top: 0.35rem;
  font-size: 0.65rem;
  letter-spacing: 0.12em;
  font-weight: 600;
  text-transform: uppercase;
  color: #9ca3af;
}
[dir=ltr] .recorder-overlay-left[data-v-fa801433] {
  left: 1rem;
}
[dir=rtl] .recorder-overlay-left[data-v-fa801433] {
  right: 1rem;
}
[dir=ltr] .recorder-overlay-right[data-v-fa801433] {
  right: 1rem;
}
[dir=rtl] .recorder-overlay-right[data-v-fa801433] {
  left: 1rem;
}
.recorder-wave-surface.is-transcribing .recorder-overlay-left[data-v-fa801433],
.recorder-wave-surface.is-transcribing .recorder-overlay-right[data-v-fa801433] {
  color: #2563eb;
}
.recorder-wave-surface.is-transcribing .recorder-overlay-right[data-v-fa801433] {
  font-weight: 700;
}
.recorder-wave-surface.is-transcribing .recorder-overlay-left[data-v-fa801433] {
  font-weight: 700;
}
.recorder-controls[data-v-fa801433] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.recorder-control-btn[data-v-fa801433] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
  color: #0f172a;
}
[dir] .recorder-control-btn[data-v-fa801433] {
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 15px rgba(15, 23, 42, 0.12);
}
.dark .recorder-control-btn[data-v-fa801433] {
  color: #f8fafc;
}
[dir] .dark .recorder-control-btn[data-v-fa801433] {
  background: rgba(30, 41, 59, 0.85);
  border-color: rgba(148, 163, 184, 0.45);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.45);
}
[dir] .recorder-control-btn[data-v-fa801433]:not(:disabled):hover {
  transform: scale(1.08);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
  background: rgba(255, 255, 255, 1);
}
.recorder-control-btn--primary[data-v-fa801433] {
  color: #ffffff;
}
[dir] .recorder-control-btn--primary[data-v-fa801433] {
  border-color: rgba(37, 99, 235, 0.8);
}
[dir=ltr] .recorder-control-btn--primary[data-v-fa801433] {
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
}
[dir=rtl] .recorder-control-btn--primary[data-v-fa801433] {
  background: linear-gradient(-135deg, #2563eb, #0ea5e9);
}
[dir] .recorder-control-btn--primary[data-v-fa801433]:not(:disabled):hover {
  box-shadow: 0 12px 26px -14px rgba(37, 99, 235, 0.75);
}
.recorder-control-btn[data-v-fa801433]:disabled {
  opacity: 0.45;
}
[dir] .recorder-control-btn[data-v-fa801433]:disabled {
  cursor: not-allowed;
}
.recorder-audio-player[data-v-fa801433] {
  width: 100%;
}
[dir] .recorder-audio-player[data-v-fa801433] {
  margin-top: 0.15rem;
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.3);
  padding: 0.35rem 0.5rem;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
[dir] .dark .recorder-audio-player[data-v-fa801433] {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(148, 163, 184, 0.45);
}
.recorder-error[data-v-fa801433] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #dc2626;
}
[dir] .recorder-error[data-v-fa801433] {
  margin: 0;
}
.recorder-error-dismiss[data-v-fa801433] {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  color: #991b1b;
  transition:
    background 0.2s ease,
    transform 0.2s ease;
}
[dir] .recorder-error-dismiss[data-v-fa801433] {
  border-radius: 999px;
  border: 1px solid rgba(220, 38, 38, 0.4);
  background: rgba(254, 226, 226, 0.35);
}
[dir] .recorder-error-dismiss[data-v-fa801433]:hover {
  background: rgba(254, 202, 202, 0.6);
  transform: scale(1.05);
}
[dir] .recorder-error-dismiss[data-v-fa801433]:active {
  transform: scale(0.95);
}
.recorder-error-dismiss svg[data-v-fa801433] {
  width: 1rem;
  height: 1rem;
}
.sr-only[data-v-fa801433] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
[dir] .sr-only[data-v-fa801433] {
  padding: 0;
  margin: -1px;
  border: 0;
}

/* Mic dropdown menu styles */
.mic-dropdown-menu[data-v-fa801433] {
  position: absolute;
  top: calc(100% + 0.5rem);
  z-index: 50;
  min-width: 10rem;
}
[dir] .mic-dropdown-menu[data-v-fa801433] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
}
[dir=ltr] .mic-dropdown-menu[data-v-fa801433] {
  left: 0;
}
[dir=rtl] .mic-dropdown-menu[data-v-fa801433] {
  right: 0;
}
.mic-menu-item[data-v-fa801433] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  font-size: 0.875rem;
  color: #374151;
  transition: background-color 0.15s;
}
[dir] .mic-menu-item[data-v-fa801433] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
[dir=ltr] .mic-menu-item[data-v-fa801433] {
  text-align: left;
}
[dir=rtl] .mic-menu-item[data-v-fa801433] {
  text-align: right;
}
[dir] .mic-menu-item[data-v-fa801433]:hover {
  background-color: #f3f4f6;
}
.mic-menu-item .menu-icon[data-v-fa801433] {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
}

/* Override button scaling for dropdown items */
[dir] .mic-menu-item[data-v-fa801433]:hover {
  transform: none;
}

/* Commands dropdown styles */
.commands-dropdown-wrapper[data-v-fa801433] {
  position: absolute;
  bottom: 100%;
  z-index: 50;
}
[dir] .commands-dropdown-wrapper[data-v-fa801433] {
  margin-bottom: 0.5rem;
}
[dir=ltr] .commands-dropdown-wrapper[data-v-fa801433] {
  left: 0;
  right: 0;
}
[dir=rtl] .commands-dropdown-wrapper[data-v-fa801433] {
  right: 0;
  left: 0;
}
.commands-dropdown[data-v-fa801433] {
  max-height: 20rem;
  overflow-y: auto;
  outline: none;
}
[dir] .commands-dropdown[data-v-fa801433] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
[dir] .dark .commands-dropdown[data-v-fa801433] {
  background: #1f2937;
  border-color: #374151;
}
.commands-search[data-v-fa801433] {
  position: sticky;
  top: 0;
  z-index: 1;
}
[dir] .commands-search[data-v-fa801433] {
  padding: 0.75rem;
  border-bottom: 1px solid #f3f4f6;
  background: white;
}
[dir] .dark .commands-search[data-v-fa801433] {
  background: #1f2937;
  border-bottom-color: #374151;
}
.commands-search-input[data-v-fa801433] {
  width: 100%;
  color: #111827;
  font-size: 0.875rem;
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
[dir] .commands-search-input[data-v-fa801433] {
  border: 1px solid #d1d5db;
  border-radius: 0.625rem;
  background: #f9fafb;
  padding: 0.625rem 0.875rem;
}
[dir] .commands-search-input[data-v-fa801433]:focus {
  border-color: #9ca3af;
  box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.18);
}
.commands-search-input[data-v-fa801433]::-moz-placeholder {
  color: #9ca3af;
}
.commands-search-input[data-v-fa801433]::placeholder {
  color: #9ca3af;
}
.dark .commands-search-input[data-v-fa801433] {
  color: #f9fafb;
}
[dir] .dark .commands-search-input[data-v-fa801433] {
  background: #111827;
  border-color: #4b5563;
}
.dark .commands-search-input[data-v-fa801433]::-moz-placeholder {
  color: #6b7280;
}
.dark .commands-search-input[data-v-fa801433]::placeholder {
  color: #6b7280;
}
[dir] .commands-content[data-v-fa801433] {
  padding: 0.5rem;
}
.category-label[data-v-fa801433] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
[dir] .category-label[data-v-fa801433] {
  padding: 0.5rem 0.75rem;
}
.dark .category-label[data-v-fa801433] {
  color: #6b7280;
}
.command-item[data-v-fa801433] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  transition: background-color 0.15s;
}
[dir] .command-item[data-v-fa801433] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}
[dir=ltr] .command-item[data-v-fa801433] {
  text-align: left;
}
[dir=rtl] .command-item[data-v-fa801433] {
  text-align: right;
}
[dir] .command-item[data-v-fa801433]:hover {
  background-color: #f3f4f6;
  transform: none;
}
[dir] .command-item-active[data-v-fa801433] {
  background-color: #f3f4f6;
}
[dir] .command-item-selected[data-v-fa801433] {
  background-color: #e5e7eb;
}
[dir] .dark .command-item-active[data-v-fa801433] {
  background-color: #374151;
}
[dir] .dark .command-item-selected[data-v-fa801433] {
  background-color: #4b5563;
}
.command-icon[data-v-fa801433] {
  font-size: 1rem;
  flex-shrink: 0;
  line-height: 1;
}
.command-details[data-v-fa801433] {
  flex: 1;
  min-width: 0;
}
.command-name[data-v-fa801433] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  line-height: 1.25;
}
.dark .command-name[data-v-fa801433] {
  color: #f3f4f6;
}
.command-description[data-v-fa801433] {
  font-size: 0.75rem;
  color: #6b7280;
  line-height: 1.25;
}
[dir] .command-description[data-v-fa801433] {
  margin-top: 0.25rem;
}
.dark .command-description[data-v-fa801433] {
  color: #9ca3af;
}
.commands-empty-state[data-v-fa801433] {
  font-size: 0.875rem;
  color: #6b7280;
}
[dir] .commands-empty-state[data-v-fa801433] {
  padding: 1rem 0.75rem;
}
.dark .commands-empty-state[data-v-fa801433] {
  color: #9ca3af;
}
.commands-help[data-v-fa801433] {
  display: flex;
  gap: 1rem;
  font-size: 0.75rem;
  color: #9ca3af;
}
[dir] .commands-help[data-v-fa801433] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #f3f4f6;
}
[dir=ltr] .commands-help[data-v-fa801433] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
[dir=rtl] .commands-help[data-v-fa801433] {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.dark .commands-help[data-v-fa801433] {
  color: #6b7280;
}
[dir] .dark .commands-help[data-v-fa801433] {
  border-top-color: #374151;
}
@keyframes recorder-transcribing-sweep-ltr-fa801433 {
0% {
    transform: translateX(100%);
    opacity: 0.75;
}
50% {
    opacity: 0.45;
}
100% {
    transform: translateX(-100%);
    opacity: 0.75;
}
}
@keyframes recorder-transcribing-sweep-rtl-fa801433 {
0% {
    transform: translateX(-100%);
    opacity: 0.75;
}
50% {
    opacity: 0.45;
}
100% {
    transform: translateX(100%);
    opacity: 0.75;
}
}

/* Fade scale transition for dropdowns */
.fade-scale-enter-active[data-v-fa801433],
.fade-scale-leave-active[data-v-fa801433] {
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}
.fade-scale-enter-from[data-v-fa801433],
.fade-scale-leave-to[data-v-fa801433] {
  opacity: 0;
}
[dir] .fade-scale-enter-from[data-v-fa801433], [dir] .fade-scale-leave-to[data-v-fa801433] {
  transform: scale(0.96);
}
.composer-collapse-enter-active[data-v-fa801433],
.composer-collapse-leave-active[data-v-fa801433] {
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}
.composer-collapse-enter-from[data-v-fa801433],
.composer-collapse-leave-to[data-v-fa801433] {
  opacity: 0;
}
[dir] .composer-collapse-enter-from[data-v-fa801433], [dir] .composer-collapse-leave-to[data-v-fa801433] {
  transform: scale(0.9);
}

/* Slide down animation for inner content */
[dir=ltr] .slide-down-content[data-v-fa801433] {
  animation: slideDownContent-fa801433 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
[dir=rtl] .slide-down-content[data-v-fa801433] {
  animation: slideDownContent-fa801433 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes slideDownContent-fa801433 {
0% {
    transform: translateY(calc(-50vh + 50%));
    opacity: 0.95;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}

/* Drag and drop styling */
.drag-over[data-v-fa801433] {
  position: relative;
}
.drag-over[data-v-fa801433]::before {
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;
  z-index: 1;
}
[dir] .drag-over[data-v-fa801433]::before {
  border: 2px dashed #3b82f6;
  border-radius: 28px;
  background: rgba(59, 130, 246, 0.05);
}
[dir] .dark .drag-over[data-v-fa801433]::before {
  border-color: #60a5fa;
  background: rgba(96, 165, 250, 0.1);
}

/* Extraction overlay */
.extraction-overlay[data-v-fa801433] {
  position: absolute;
  inset: 0;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}
[dir] .extraction-overlay[data-v-fa801433] {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 0.75rem;
}
[dir] .dark .extraction-overlay[data-v-fa801433] {
  background: rgba(17, 24, 39, 0.85);
}
.extraction-spinner[data-v-fa801433] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[dir] .extraction-spinner[data-v-fa801433] {
  padding: 2rem;
  text-align: center;
}

/* Chat Timeline Container */
.chat-timeline-container[data-v-134ca672] {
  height: 100%;
  min-height: 0;
}

/* Timeline Styles */
.chat-timeline[data-v-134ca672] {
  scroll-behavior: smooth;
  min-height: 0;
}
.timeline-item[data-v-134ca672] {
  scroll-margin-top: 1rem;
}
[dir=ltr] .animation-delay-100[data-v-134ca672] {
  animation-delay: 0.1s;
}
[dir=rtl] .animation-delay-100[data-v-134ca672] {
  animation-delay: 0.1s;
}
[dir=ltr] .animation-delay-200[data-v-134ca672] {
  animation-delay: 0.2s;
}
[dir=rtl] .animation-delay-200[data-v-134ca672] {
  animation-delay: 0.2s;
}

/* ── Streaming graph node group card ── */
.streaming-node-group-card[data-v-134ca672] {
  position: relative;
}
[dir=ltr] .streaming-node-group-card[data-v-134ca672] {
  padding-left: 12px;
}
[dir=rtl] .streaming-node-group-card[data-v-134ca672] {
  padding-right: 12px;
}
.streaming-node-group-card[data-v-134ca672]::before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 0;
  width: 2px;
}
[dir] .streaming-node-group-card[data-v-134ca672]::before {
  border-radius: 2px;
  background: linear-gradient(to bottom, rgba(139, 92, 246, 0.45), rgba(139, 92, 246, 0.08));
}
[dir=ltr] .streaming-node-group-card[data-v-134ca672]::before {
  left: 0;
}
[dir=rtl] .streaming-node-group-card[data-v-134ca672]::before {
  right: 0;
}
.streaming-node-group-header[data-v-134ca672] {
  display: flex;
  align-items: center;
  gap: 6px;
}
[dir] .streaming-node-group-header[data-v-134ca672] {
  margin-bottom: 8px;
}
.streaming-node-avatar-wrap[data-v-134ca672] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
[dir] .streaming-node-avatar-wrap[data-v-134ca672] {
  border-radius: 50%;
}
.streaming-node-avatar-wrap[data-v-134ca672] > * {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  font-size: 9px !important;
}
.streaming-node-name[data-v-134ca672] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.streaming-node-name[data-v-134ca672]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.streaming-node-badge[data-v-134ca672] {
  --tw-bg-opacity: 1;
  font-size: 10px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
[dir] .streaming-node-badge[data-v-134ca672] {
  border-radius: 9999px;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
  padding-top: 1px;
  padding-bottom: 1px;
}
[dir=ltr] .streaming-node-badge[data-v-134ca672] {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
[dir=rtl] .streaming-node-badge[data-v-134ca672] {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.streaming-node-badge[data-v-134ca672]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
[dir] .streaming-node-badge[data-v-134ca672]:is(.dark *) {
  background-color: rgb(76 29 149 / 0.5);
}
.streaming-node-model[data-v-134ca672] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
[dir=ltr] .streaming-node-model[data-v-134ca672] {
  margin-left: 0.125rem;
}
[dir=rtl] .streaming-node-model[data-v-134ca672] {
  margin-right: 0.125rem;
}
.streaming-node-model[data-v-134ca672]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
[dir] .streaming-node-group-body[data-v-134ca672] .wrapper {
  padding: 6px 0;
}

/* Custom scrollbar */
.chat-timeline[data-v-134ca672]::-webkit-scrollbar {
  width: 6px;
}
[dir] .chat-timeline[data-v-134ca672]::-webkit-scrollbar-track {
  background: transparent;
}
[dir] .chat-timeline[data-v-134ca672]::-webkit-scrollbar-thumb {
  background: rgba(156, 163, 175, 0.5);
  border-radius: 3px;
}
[dir] .chat-timeline[data-v-134ca672]::-webkit-scrollbar-thumb:hover {
  background: rgba(156, 163, 175, 0.7);
}

/* Message Input Styles */

/* Custom styles for textarea auto-resize */
.message-input textarea[data-v-134ca672] {
  field-sizing: content;
}

/* Keyboard shortcuts styling */
kbd[data-v-134ca672] {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  font-weight: 600;
}

/* Animation Keyframes */
@keyframes blink-134ca672 {
0%,
  50% {
    opacity: 1;
}
51%,
  100% {
    opacity: 0;
}
}
.thinking-dots[data-v-134ca672] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
[dir=ltr] .thinking-dots[data-v-134ca672] {
  margin-left: 4px;
}
[dir=rtl] .thinking-dots[data-v-134ca672] {
  margin-right: 4px;
}
.thinking-dots span[data-v-134ca672] {
  width: 4px;
  height: 4px;
}
[dir] .thinking-dots span[data-v-134ca672] {
  background-color: #6b7280;
  border-radius: 50%;
}
[dir=ltr] .thinking-dots span[data-v-134ca672] {
  animation: thinking-134ca672 1.4s infinite ease-in-out;
}
[dir=rtl] .thinking-dots span[data-v-134ca672] {
  animation: thinking-134ca672 1.4s infinite ease-in-out;
}
[dir=ltr] .thinking-dots span[data-v-134ca672]:nth-child(1) {
  animation-delay: -0.32s;
}
[dir=rtl] .thinking-dots span[data-v-134ca672]:nth-child(1) {
  animation-delay: -0.32s;
}
[dir=ltr] .thinking-dots span[data-v-134ca672]:nth-child(2) {
  animation-delay: -0.16s;
}
[dir=rtl] .thinking-dots span[data-v-134ca672]:nth-child(2) {
  animation-delay: -0.16s;
}
[dir=ltr] .thinking-dots span[data-v-134ca672]:nth-child(3) {
  animation-delay: 0s;
}
[dir=rtl] .thinking-dots span[data-v-134ca672]:nth-child(3) {
  animation-delay: 0s;
}
@keyframes thinking-134ca672 {
0%,
  80%,
  100% {
    transform: scale(0);
    opacity: 0.5;
}
40% {
    transform: scale(1);
    opacity: 1;
}
}

/* Message Input Container - Background stays fixed at bottom */
.message-input-container[data-v-134ca672] {
  /* Container itself doesn't animate */
}
.message-input-centered[data-v-134ca672] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.message-input-bottom[data-v-134ca672] {
  flex-shrink: 0;
  position: relative;
}

/* Slide down animation - only the inner content slides, background stays fixed */
[dir=ltr] .slide-down-content[data-v-134ca672] {
  animation: slideDownContent-134ca672 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
[dir=rtl] .slide-down-content[data-v-134ca672] {
  animation: slideDownContent-134ca672 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Width expansion animation during slide down */
[dir=ltr] .slide-down-width[data-v-134ca672] {
  animation: expandWidth-134ca672 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
[dir=rtl] .slide-down-width[data-v-134ca672] {
  animation: expandWidth-134ca672 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes slideDownContent-134ca672 {
0% {
    transform: translateY(calc(-50vh + 50%));
    opacity: 0.95;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}
@keyframes expandWidth-134ca672 {
0% {
    max-width: 42rem;
    /* max-w-2xl */
}
100% {
    max-width: 56rem;
    /* max-w-4xl */
}
}

.chat-container[data-v-4bed59a8] {
  height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
[dir=ltr] .main-navigation-sidebar[data-v-4bed59a8] {
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
}
[dir=rtl] .main-navigation-sidebar[data-v-4bed59a8] {
  background: linear-gradient(-180deg, #2563eb 0%, #1d4ed8 100%);
}
.nav-item[data-v-4bed59a8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.nav-item[data-v-4bed59a8]:hover {
  opacity: 1;
}
.nav-item.active[data-v-4bed59a8] {
  opacity: 1;
}
.conversation-list[data-v-4bed59a8] {
  max-height: calc(100vh - 180px);
}

/* Responsive styles */
@media (max-width: 768px) {
.main-navigation-sidebar[data-v-4bed59a8] {
    width: 60px;
    min-width: 60px;
}
.conversation-sidebar[data-v-4bed59a8] {
    display: none;
}
.nav-item span[data-v-4bed59a8] {
    display: none;
}
}

.chart-demo-container[data-v-ac57b0ff] {
  width: 100%;
  min-height: 100%;
}

pre[data-v-a6c37809] {
  font-family: "Fira Code", "Consolas", "Monaco", monospace;
}
[dir] pre[data-v-a6c37809] {
  margin: 0;
}
pre code[data-v-a6c37809] {
  color: #e4e4e7;
}
[dir] pre code[data-v-a6c37809] {
  background: transparent;
}

.input-field[data-v-8cdff6ee] {
  --tw-border-opacity: 1;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
[dir] .input-field[data-v-8cdff6ee] {
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[dir=ltr] .input-field[data-v-8cdff6ee] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
[dir=rtl] .input-field[data-v-8cdff6ee] {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.input-field[data-v-8cdff6ee]:focus {
  --tw-border-opacity: 1;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(47 154 194 / var(--tw-ring-opacity, 1));
}
[dir] .input-field[data-v-8cdff6ee]:focus {
  border-color: rgb(47 154 194 / var(--tw-border-opacity, 1));
}
.input-field[data-v-8cdff6ee]:is(.dark *) {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
[dir] .input-field[data-v-8cdff6ee]:is(.dark *) {
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.input-field[data-v-8cdff6ee]:focus:is(.dark *) {
  --tw-border-opacity: 1;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(45 167 215 / var(--tw-ring-opacity, 1));
}
[dir] .input-field[data-v-8cdff6ee]:focus:is(.dark *) {
  border-color: rgb(45 167 215 / var(--tw-border-opacity, 1));
}

/* Force preview container to show overflowing content */
#widget-preview-container[data-v-8cdff6ee] {
  position: relative !important;
  overflow: visible !important;
  z-index: 1;
}

/* Ensure widget elements are visible in preview */
#widget-preview-container[data-v-8cdff6ee] .nebelus-widget-container {
  position: absolute !important;
  z-index: 100 !important;
}
#widget-preview-container[data-v-8cdff6ee] .nebelus-chat-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 1000 !important;
}
#widget-preview-container[data-v-8cdff6ee] .nebelus-chat-window {
  z-index: 999 !important;
}

.side-menu[data-v-3beec58a] {
  /* Base styles */
  transition: transform 0.3s ease-in-out; /* Default state (closed) */
}
[dir=ltr] .side-menu[data-v-3beec58a] {
  transform: translateX(-285px);
}
[dir=rtl] .side-menu[data-v-3beec58a] {
  transform: translateX(285px);
}
.side-menu.open[data-v-3beec58a] { /* Open state */
}
[dir] .side-menu.open[data-v-3beec58a] {
  transform: translateX(0);
}
.side-menu.closed[data-v-3beec58a] { /* Closed state */
}
[dir=ltr] .side-menu.closed[data-v-3beec58a] {
  transform: translateX(-285px);
}
[dir=rtl] .side-menu.closed[data-v-3beec58a] {
  transform: translateX(285px);
}

.slide-fade-enter-active {
  transition: all 0.3s ease-out;
}
.slide-fade-leave-active {
  transition: all 0.3s;
}
.slide-fade-enter-from,
.slide-fade-leave-to {
  opacity: 0;
}
[dir] .slide-fade-enter-from, [dir] .slide-fade-leave-to {
  transform: translateY(-20px);
}

.st0[data-v-56fa0f8e] {
  fill: #0a2767;
}
.st1[data-v-56fa0f8e] {
  fill: #0364b8;
}
.st2[data-v-56fa0f8e] {
  fill: #0078d4;
}
.st3[data-v-56fa0f8e] {
  fill: #28a8ea;
}
.st4[data-v-56fa0f8e] {
  fill: #14447d;
}
.st6[data-v-56fa0f8e] {
  opacity: 0.5;
  fill: #0a2767;
  enable-background: new;
}
.st7[data-v-56fa0f8e] {
  fill: #1490df;
}
.st8[data-v-56fa0f8e] {
  opacity: 0.1;
  enable-background: new;
}
.st9[data-v-56fa0f8e] {
  opacity: 0.05;
  enable-background: new;
}
.st10[data-v-56fa0f8e] {
  opacity: 0.2;
  enable-background: new;
}
.st12[data-v-56fa0f8e] {
  fill: #ffffff;
}
.st13[data-v-56fa0f8e] {
  fill: #50d9ff;
}

.slide-fade-enter-active[data-v-c945f413] {
  transition: all 0.2s ease-out;
  opacity: 100;
}
.slide-fade-leave-active[data-v-c945f413] {
  transition: all 0.4s;
  opacity: 0;
}
.slide-fade-enter-from[data-v-c945f413] {
  opacity: 0;
}
[dir] .slide-fade-enter-from[data-v-c945f413] {
  transform: translateY(200px);
}
.slide-fade-leave-to[data-v-c945f413] {
  opacity: 0;
}
[dir] .slide-fade-leave-to[data-v-c945f413] {
  transform: translateY(-200px);
}
.opp-slide-fade-enter-active[data-v-c945f413] {
  transition: all 0.2s ease-out;
  opacity: 100;
}
.opp-slide-fade-leave-active[data-v-c945f413] {
  transition: all 0.4s;
  opacity: 0;
}
.opp-slide-fade-enter-from[data-v-c945f413] {
  opacity: 0;
}
[dir] .opp-slide-fade-enter-from[data-v-c945f413] {
  transform: translateY(-200px);
}
.opp-slide-fade-leave-to[data-v-c945f413] {
  opacity: 0;
}
[dir] .opp-slide-fade-leave-to[data-v-c945f413] {
  transform: translateY(200px);
}

.logo-image[data-v-5651b688] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 300px;
  max-height: 100px;
  box-sizing: border-box;
}
[dir] .logo-image[data-v-5651b688] {
  padding: 1.6rem;
  padding-bottom: 30px;
}

.ghost {
  --tw-bg-opacity: 1;
  opacity: 0.5;
}
[dir] .ghost {
  border-width: 0px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
.chosen {
  --tw-bg-opacity: 1;
  opacity: 0.5;
}
[dir] .chosen {
  border-width: 0px;
  background-color: rgb(13 134 181 / var(--tw-bg-opacity, 1));
}
.flip-list {
  transition: all 0.25s ease-out;
}

.mh-48[data-v-e69c0125] {
  max-height: 10rem;
}
/* Placeholder styling */
.placeholder {
  color: red; /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
}

/* Make selected text bold globally in the editor */
.ql-editor ::-moz-selection {
  font-weight: bold; /* Light blue background color with opacity */
  color: inherit;
}
.ql-editor ::selection {
  font-weight: bold; /* Light blue background color with opacity */
  color: inherit;
}
[dir] .ql-editor ::-moz-selection {
  background-color: rgba(13, 138, 186, 0.3);
}
[dir] .ql-editor ::selection {
  background-color: rgba(13, 138, 186, 0.3);
}
[dir] .light-border {
  border: 1px solid #e0e0e0 !important;
}
.hide-border .ql-toolbar {
  display: none !important;
}

/* Text Editor Header and Font Styles */
.text-editor-headers {
  font-size: 1rem !important;
  /* Make selected text bold */
}
[dir] .text-editor-headers {
  border-top: none !important;
}
.text-editor-headers *::-moz-selection {
  font-weight: bold; /* Light blue background color with opacity */
  color: inherit;
}
.text-editor-headers *::selection {
  font-weight: bold; /* Light blue background color with opacity */
  color: inherit;
}
[dir] .text-editor-headers *::-moz-selection {
  background-color: rgba(13, 138, 186, 0.3);
}
[dir] .text-editor-headers *::selection {
  background-color: rgba(13, 138, 186, 0.3);
}
.text-editor-headers {
  /* Header Sizes */
}
.text-editor-headers .ql-header-1,
.text-editor-headers h1 {
  font-size: 4em !important;
}
.text-editor-headers .ql-header-2,
.text-editor-headers h2 {
  font-size: 3.5em !important;
}
.text-editor-headers .ql-header-3,
.text-editor-headers h3 {
  font-size: 3em !important;
}
.text-editor-headers .ql-header-4,
.text-editor-headers h4 {
  font-size: 2.5em !important;
}
.text-editor-headers .ql-header-5,
.text-editor-headers h5 {
  font-size: 2em !important;
}
.text-editor-headers .ql-header-6,
.text-editor-headers h6 {
  font-size: 1.5em !important;
}
.text-editor-headers {
  /* Font Families */
}
.text-editor-headers .ql-font-roboto {
  font-family: "Roboto", sans-serif;
}
.text-editor-headers .ql-font-sans-serif {
  font-family: sans-serif;
}
.text-editor-headers .ql-font-serif {
  font-family: serif;
}
.text-editor-headers .ql-font-monospace {
  font-family: monospace;
}
.text-editor-headers .ql-font-times-new-roman {
  font-family: "Times New Roman", Times, serif;
}
.text-editor-headers .ql-font-arial {
  font-family: Arial, sans-serif;
}
.text-editor-headers .ql-font-courier-new {
  font-family: "Courier New", Courier, monospace;
}
.text-editor-headers .ql-font-open-sans {
  font-family: "Open Sans", sans-serif;
}
.text-editor-headers .ql-size-20px {
  font-size: 20px;
}
.text-editor-headers .ql-size-24px {
  font-size: 24px;
}
.text-editor-headers .ql-size-32px {
  font-size: 32px;
}
.text-editor-headers .ql-size-36px {
  font-size: 36px;
}
.text-editor-headers .ql-size-48px {
  font-size: 48px;
}
.text-editor-headers .ql-size-64px {
  font-size: 64px;
}

/* Tooltip Styling */
.ql-tooltip.ql-hidden > input[type=text],
.ql-tooltip-editor,
.ql-tooltip-arrow {
  display: none !important;
}
[dir] .ql-container.ql-snow {
  border: none;
}
[dir] .ql-toolbar.ql-snow {
  border-bottom: none;
}

/* Toolbar and Container Styling */
/* Mention List Styling */
.ql-mention-list { /* shadow */
  color: gray;
}
[dir] .ql-mention-list {
  background-color: #fff !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

/* Mention List Container */
.ql-mention-list-container {
  position: absolute;
  visibility: visible;
  top: 34px;
  width: auto;
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
[dir] .ql-mention-list-container {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  padding: 8px 0;
}
[dir=ltr] .ql-mention-list-container {
  left: 15px;
}
[dir=rtl] .ql-mention-list-container {
  right: 15px;
}

/* Mention List Items */
.ql-mention-list {
  list-style: none;
}
[dir] .ql-mention-list {
  margin: 0;
  padding: 0;
}
.ql-mention-list-item {
  color: #333;
  transition: background-color 0.3s ease, color 0.3s ease;
}
[dir] .ql-mention-list-item {
  padding: 10px 16px;
  cursor: pointer;
}
[dir] .ql-mention-list-item:hover {
  background-color: #f5f5f5;
}
.ql-mention-list-item.selected {
  color: #ffffff;
  font-weight: bold;
}
[dir] .ql-mention-list-item.selected {
  background-color: var(--selected-item-color);
}

/* Custom Scrollbar for Mention List Container */
.ql-mention-list-container::-webkit-scrollbar {
  width: 8px;
}
[dir] .ql-mention-list-container::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border-radius: 4px;
}

/* Font Styling in Dropdown */
.ql-picker.ql-font .ql-picker-item[data-value=roboto] {
  font-family: "Roboto", sans-serif;
}
.ql-picker.ql-font .ql-picker-item[data-value=sans-serif] {
  font-family: sans-serif;
}
.ql-picker.ql-font .ql-picker-item[data-value=serif] {
  font-family: serif;
}
.ql-picker.ql-font .ql-picker-item[data-value=monospace] {
  font-family: monospace;
}
.ql-picker.ql-font .ql-picker-item[data-value=times-new-roman] {
  font-family: "Times New Roman", Times, serif;
}
.ql-picker.ql-font .ql-picker-item[data-value=arial] {
  font-family: Arial, sans-serif;
}
.ql-picker.ql-font .ql-picker-item[data-value=courier-new] {
  font-family: "Courier New", Courier, monospace;
}
.ql-picker.ql-font .ql-picker-item[data-value=open-sans] {
  font-family: "Open Sans", sans-serif;
}

/* Optional: Preview custom sizes in dropdown */
.ql-picker.ql-size .ql-picker-item[data-value="20px"] {
  font-size: 20px;
}
.ql-picker.ql-size .ql-picker-item[data-value="24px"] {
  font-size: 24px;
}
.ql-picker.ql-size .ql-picker-item[data-value="32px"] {
  font-size: 32px;
}
.ql-picker.ql-size .ql-picker-item[data-value="36px"] {
  font-size: 36px;
}
.ql-picker.ql-size .ql-picker-item[data-value="48px"] {
  font-size: 48px;
}
.ql-picker.ql-size .ql-picker-item[data-value="64px"] {
  font-size: 64px;
}
.slide-fade-enter-active {
  transition: all 0.3s ease-out;
}
.slide-fade-leave-active {
  transition: all 0.1s;
}
.slide-fade-enter-from,
.slide-fade-leave-to {
  opacity: 0;
}
[dir] .slide-fade-enter-from, [dir] .slide-fade-leave-to {
  transform: translateY(-20px);
}

/* Enhanced resize handle visibility */
textarea[data-v-b8ac18c0] {
  /* Make resize handle more visible and easier to grab */
  resize: vertical;
}

/* Create a larger, more visible resize handle area */
textarea[style*="resize: vertical"][data-v-b8ac18c0],
textarea[style*="resize: both"][data-v-b8ac18c0] {
  /* Add padding at the bottom to make room for visual handle */
}
[dir] textarea[style*="resize: vertical"][data-v-b8ac18c0], [dir] textarea[style*="resize: both"][data-v-b8ac18c0] {
  padding-bottom: 1.5rem;
}

/* Visual resize handle indicator */
textarea[style*="resize: vertical"][data-v-b8ac18c0]::after,
textarea[style*="resize: both"][data-v-b8ac18c0]::after {
  content: "";
  position: absolute;
  bottom: 2px;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
[dir=ltr] textarea[style*="resize: vertical"][data-v-b8ac18c0]::after, [dir=ltr] textarea[style*="resize: both"][data-v-b8ac18c0]::after {
  right: 2px;
  background: linear-gradient(135deg, transparent 50%, #9ca3af 50%);
  cursor: nwse-resize;
}
[dir=rtl] textarea[style*="resize: vertical"][data-v-b8ac18c0]::after, [dir=rtl] textarea[style*="resize: both"][data-v-b8ac18c0]::after {
  left: 2px;
  background: linear-gradient(-135deg, transparent 50%, #9ca3af 50%);
  cursor: nesw-resize;
}

/* Larger hit area for resize */
[dir] textarea[style*="resize: vertical"][data-v-b8ac18c0]::-webkit-resizer, [dir] textarea[style*="resize: both"][data-v-b8ac18c0]::-webkit-resizer {
  background-size: 8px 8px;
  background-repeat: no-repeat;
}
[dir=ltr] textarea[style*="resize: vertical"][data-v-b8ac18c0]::-webkit-resizer, [dir=ltr] textarea[style*="resize: both"][data-v-b8ac18c0]::-webkit-resizer {
  background-image: linear-gradient(135deg, transparent 40%, #6b7280 40%, #6b7280 60%, transparent 60%),
    linear-gradient(135deg, transparent 50%, #6b7280 50%, #6b7280 70%, transparent 70%);
  background-position: bottom right;
  cursor: nwse-resize;
}
[dir=rtl] textarea[style*="resize: vertical"][data-v-b8ac18c0]::-webkit-resizer, [dir=rtl] textarea[style*="resize: both"][data-v-b8ac18c0]::-webkit-resizer {
  background-image: linear-gradient(-135deg, transparent 40%, #6b7280 40%, #6b7280 60%, transparent 60%),
    linear-gradient(-135deg, transparent 50%, #6b7280 50%, #6b7280 70%, transparent 70%);
  background-position: bottom left;
  cursor: nesw-resize;
}

/* Dark mode support */
[dir=ltr] .dark textarea[style*="resize: vertical"][data-v-b8ac18c0]::-webkit-resizer, [dir=ltr] .dark textarea[style*="resize: both"][data-v-b8ac18c0]::-webkit-resizer {
  background-image: linear-gradient(135deg, transparent 40%, #d1d5db 40%, #d1d5db 60%, transparent 60%),
    linear-gradient(135deg, transparent 50%, #d1d5db 50%, #d1d5db 70%, transparent 70%);
}
[dir=rtl] .dark textarea[style*="resize: vertical"][data-v-b8ac18c0]::-webkit-resizer, [dir=rtl] .dark textarea[style*="resize: both"][data-v-b8ac18c0]::-webkit-resizer {
  background-image: linear-gradient(-135deg, transparent 40%, #d1d5db 40%, #d1d5db 60%, transparent 60%),
    linear-gradient(-135deg, transparent 50%, #d1d5db 50%, #d1d5db 70%, transparent 70%);
}

/* Hover effect to make it even more obvious */
[dir=ltr] textarea[style*="resize: vertical"][data-v-b8ac18c0]:hover::-webkit-resizer, [dir=ltr] textarea[style*="resize: both"][data-v-b8ac18c0]:hover::-webkit-resizer {
  background-image: linear-gradient(135deg, transparent 40%, #3b82f6 40%, #3b82f6 60%, transparent 60%),
    linear-gradient(135deg, transparent 50%, #3b82f6 50%, #3b82f6 70%, transparent 70%);
}
[dir=rtl] textarea[style*="resize: vertical"][data-v-b8ac18c0]:hover::-webkit-resizer, [dir=rtl] textarea[style*="resize: both"][data-v-b8ac18c0]:hover::-webkit-resizer {
  background-image: linear-gradient(-135deg, transparent 40%, #3b82f6 40%, #3b82f6 60%, transparent 60%),
    linear-gradient(-135deg, transparent 50%, #3b82f6 50%, #3b82f6 70%, transparent 70%);
}

input[type="file"][data-v-a60493a7] {
  display: none;
}

.mh-48[data-v-1c6f8480] {
  max-height: 10rem;
}

.mh-48[data-v-b818c5dc] {
  max-height: 10rem;
}

[dir] .rainbow-bg[data-v-08913440] {
  background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
}
.transparent-icon[data-v-08913440] {
  position: relative;
  width: 100%;
  height: 100%;
}
[dir] .transparent-icon[data-v-08913440] {
  background: none;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.transparent-icon[data-v-08913440]::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
[dir] .transparent-icon[data-v-08913440]::before {
  border-radius: 50%;
}
[dir=ltr] .transparent-icon[data-v-08913440]::before {
  left: 0;
  background: repeating-gradient-gradient(45deg, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 50%);
}
[dir=rtl] .transparent-icon[data-v-08913440]::before {
  right: 0;
  background: repeating-gradient-gradient(-45deg, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 50%);
}

[dir] .rainbow-bg[data-v-96c92318] {
  background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
}

[dir] .rainbow-bg[data-v-3b3b6711] {
  background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
}

[dir] .rainbow-bg[data-v-9502c4ad] {
  background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
}

.loading-container {
  display: inline-block;
  width: 200px;
  height: 12px;
  overflow: hidden;
}
[dir] .loading-container {
  border: 3px solid lightgray;
  border-radius: 10px;
}
.loading-bar {
  width: 0%;
  height: 100%;
}
[dir] .loading-bar {
  background: rgb(37, 138, 186);
}
[dir=ltr] .loading-bar {
  animation: fill 1s ease-in-out infinite;
}
[dir=rtl] .loading-bar {
  animation: fill 1s ease-in-out infinite;
}
@keyframes fill {
0% {
    width: 0%;
}
100% {
    width: 100%;
}
}

.secondary-btn[data-v-df6d4db5] {
  color: #6c757d;
}
[dir] .secondary-btn[data-v-df6d4db5] {
  background-color: #f8f9fa;
}
.ghost[data-v-df6d4db5] {
  --tw-bg-opacity: 1;
  opacity: 0.5;
}
[dir] .ghost[data-v-df6d4db5] {
  border-width: 0px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.chosen[data-v-df6d4db5] {
  --tw-bg-opacity: 1;
  opacity: 0.5;
}
[dir] .chosen[data-v-df6d4db5] {
  border-width: 0px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.flip-list[data-v-df6d4db5] {
  transition: all 0.25s ease-out;
}
.fade-enter-active[data-v-df6d4db5],
.fade-leave-active[data-v-df6d4db5] {
  transition: opacity 0.2s ease;
}
.fade-enter[data-v-df6d4db5], .fade-leave-to[data-v-df6d4db5] /* .fade-leave-active in <2.1.8 */ {
  opacity: 0;
}

[data-v-b39b4b16]:root {
  --rs-bg: #3b82f6;
  --rs-header: #ffffff;
  --rs-selected: #9333ea;
  --rs-button: linear-gradient(to right, #3b82f6, #9333ea);
}
.main-container[data-v-b39b4b16] {
  height: calc(100vh - 56px);
  max-height: calc(100vh - 56px);
  --tw-bg-opacity: 1;
}
[dir] .main-container[data-v-b39b4b16] {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.main-container[data-v-b39b4b16]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .main-container[data-v-b39b4b16]:is(.dark *) {
  background-color: rgb(32 43 49 / var(--tw-bg-opacity, 1));
}
.main-container[data-v-b39b4b16] {
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 768px) {
.main-container[data-v-b39b4b16] {
    height: calc(100vh - 72px);
    max-height: calc(100vh - 72px);
}
}

.loader[data-v-689681b2] {
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  width: 120px;
  height: 20px;
  zoom: 0.5;
}
.dot[data-v-689681b2] {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  height: 20px;
  width: 2px;
}
[dir] .dot[data-v-689681b2] {
  margin: 0 5px;
}
[dir=ltr] .dot[data-v-689681b2]:first-of-type {
  margin-left: 0;
}
[dir=rtl] .dot[data-v-689681b2]:first-of-type {
  margin-right: 0;
}
[dir=ltr] .dot[data-v-689681b2]:last-of-type {
  margin-right: 0;
}
[dir=rtl] .dot[data-v-689681b2]:last-of-type {
  margin-left: 0;
}
.dot[data-v-689681b2]::before,
.dot[data-v-689681b2]::after {
  content: "";
  position: absolute;
  bottom: -5px;
  display: block;
  width: 4px;
  height: 4px;
}
[dir] .dot[data-v-689681b2]::before, [dir] .dot[data-v-689681b2]::after {
  background: white;
  border-radius: 4px;
}
[dir=ltr] .dot[data-v-689681b2]::before, [dir=ltr] .dot[data-v-689681b2]::after {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  animation: helix-689681b2 0.5s ease-in-out infinite;
}
[dir=rtl] .dot[data-v-689681b2]::before, [dir=rtl] .dot[data-v-689681b2]::after {
  box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.15);
  animation: helix-689681b2 0.5s ease-in-out infinite;
}
.dot[data-v-689681b2]::after {
  bottom: 100%;
}
[dir=ltr] .dot[data-v-689681b2]::after {
  animation: helix-reversed-689681b2 0.5s ease-in-out infinite;
}
[dir=rtl] .dot[data-v-689681b2]::after {
  animation: helix-reversed-689681b2 0.5s ease-in-out infinite;
}
.dot i[data-v-689681b2] {
  position: absolute;
  z-index: 25;
  align-self: center;
  width: 2px;
  height: 10px;
}
[dir] .dot i[data-v-689681b2] {
  background: white;
}
[dir=ltr] .dot i[data-v-689681b2] {
  animation: helix-bar-689681b2 1.25s ease-in-out infinite;
}
[dir=rtl] .dot i[data-v-689681b2] {
  animation: helix-bar-689681b2 1.25s ease-in-out infinite;
}
[dir=ltr] .dot2[data-v-689681b2]::before, [dir=ltr] .dot2[data-v-689681b2]::after, [dir=ltr] .dot2 i[data-v-689681b2] {
  animation-delay: 0.05s;
}
[dir=rtl] .dot2[data-v-689681b2]::before, [dir=rtl] .dot2[data-v-689681b2]::after, [dir=rtl] .dot2 i[data-v-689681b2] {
  animation-delay: 0.05s;
}
[dir=ltr] .dot3[data-v-689681b2]::before, [dir=ltr] .dot3[data-v-689681b2]::after, [dir=ltr] .dot3 i[data-v-689681b2] {
  animation-delay: 0.1s;
}
[dir=rtl] .dot3[data-v-689681b2]::before, [dir=rtl] .dot3[data-v-689681b2]::after, [dir=rtl] .dot3 i[data-v-689681b2] {
  animation-delay: 0.1s;
}
[dir=ltr] .dot4[data-v-689681b2]::before, [dir=ltr] .dot4[data-v-689681b2]::after, [dir=ltr] .dot4 i[data-v-689681b2] {
  animation-delay: 0.15s;
}
[dir=rtl] .dot4[data-v-689681b2]::before, [dir=rtl] .dot4[data-v-689681b2]::after, [dir=rtl] .dot4 i[data-v-689681b2] {
  animation-delay: 0.15s;
}
[dir=ltr] .dot5[data-v-689681b2]::before, [dir=ltr] .dot5[data-v-689681b2]::after, [dir=ltr] .dot5 i[data-v-689681b2] {
  animation-delay: 0.2s;
}
[dir=rtl] .dot5[data-v-689681b2]::before, [dir=rtl] .dot5[data-v-689681b2]::after, [dir=rtl] .dot5 i[data-v-689681b2] {
  animation-delay: 0.2s;
}
[dir=ltr] .dot6[data-v-689681b2]::before, [dir=ltr] .dot6[data-v-689681b2]::after, [dir=ltr] .dot6 i[data-v-689681b2] {
  animation-delay: 0.25s;
}
[dir=rtl] .dot6[data-v-689681b2]::before, [dir=rtl] .dot6[data-v-689681b2]::after, [dir=rtl] .dot6 i[data-v-689681b2] {
  animation-delay: 0.25s;
}
[dir=ltr] .dot7[data-v-689681b2]::before, [dir=ltr] .dot7[data-v-689681b2]::after, [dir=ltr] .dot7 i[data-v-689681b2] {
  animation-delay: 0.3s;
}
[dir=rtl] .dot7[data-v-689681b2]::before, [dir=rtl] .dot7[data-v-689681b2]::after, [dir=rtl] .dot7 i[data-v-689681b2] {
  animation-delay: 0.3s;
}
[dir=ltr] .dot8[data-v-689681b2]::before, [dir=ltr] .dot8[data-v-689681b2]::after, [dir=ltr] .dot8 i[data-v-689681b2] {
  animation-delay: 0.35s;
}
[dir=rtl] .dot8[data-v-689681b2]::before, [dir=rtl] .dot8[data-v-689681b2]::after, [dir=rtl] .dot8 i[data-v-689681b2] {
  animation-delay: 0.35s;
}
[dir=ltr] .dot9[data-v-689681b2]::before, [dir=ltr] .dot9[data-v-689681b2]::after, [dir=ltr] .dot9 i[data-v-689681b2] {
  animation-delay: 0.4s;
}
[dir=rtl] .dot9[data-v-689681b2]::before, [dir=rtl] .dot9[data-v-689681b2]::after, [dir=rtl] .dot9 i[data-v-689681b2] {
  animation-delay: 0.4s;
}
@keyframes helix-689681b2 {
0% {
    width: 5px;
    height: 5px;
    bottom: -5px;
    z-index: 10;
}
25% {
    width: 2px;
    height: 2px;
}
50% {
    width: 5px;
    height: 5px;
    bottom: 100%;
    z-index: 20;
}
75% {
    width: 8px;
    height: 8px;
}
100% {
    width: 5px;
    height: 5px;
    bottom: -5px;
}
}
@keyframes helix-reversed-689681b2 {
0% {
    width: 5px;
    height: 5px;
    bottom: 100%;
    z-index: 20;
}
25% {
    width: 8px;
    height: 8px;
}
50% {
    width: 5px;
    height: 5px;
    bottom: -5px;
    z-index: 10;
}
75% {
    width: 2px;
    height: 2px;
}
100% {
    width: 5px;
    height: 5px;
    bottom: 100%;
}
}
@keyframes helix-bar-689681b2 {
0% {
    height: 15px;
}
25% {
    height: 8px;
}
50% {
    height: 15px;
}
75% {
    height: 8px;
}
100% {
    height: 15px;
}
}
.lds-roller[data-v-689681b2] {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
[dir] .lds-roller div[data-v-689681b2] {
  transform-origin: 40px 40px;
}
[dir=ltr] .lds-roller div[data-v-689681b2] {
  animation:  lds-roller-ltr-689681b2 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
[dir=rtl] .lds-roller div[data-v-689681b2] {
  animation:  lds-roller-rtl-689681b2 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.lds-roller div[data-v-689681b2]:after {
  content: " ";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
}
[dir] .lds-roller div[data-v-689681b2]:after {
  border-radius: 50%;
  background: #2c67ab;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:after {
  margin: -4px 0 0 -4px;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:after {
  margin: -4px -4px 0 0;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(1) {
  animation-delay: -0.036s;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div[data-v-689681b2]:nth-child(1):after {
  top: 63px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(1):after {
  left: 63px;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(1):after {
  right: 63px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(2) {
  animation-delay: -0.072s;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div[data-v-689681b2]:nth-child(2):after {
  top: 68px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(2):after {
  left: 56px;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(2):after {
  right: 56px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(3) {
  animation-delay: -0.108s;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div[data-v-689681b2]:nth-child(3):after {
  top: 71px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(3):after {
  left: 48px;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(3):after {
  right: 48px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(4) {
  animation-delay: -0.144s;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div[data-v-689681b2]:nth-child(4):after {
  top: 72px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(4):after {
  left: 40px;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(4):after {
  right: 40px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(5) {
  animation-delay: -0.18s;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div[data-v-689681b2]:nth-child(5):after {
  top: 71px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(5):after {
  left: 32px;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(5):after {
  right: 32px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(6) {
  animation-delay: -0.216s;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div[data-v-689681b2]:nth-child(6):after {
  top: 68px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(6):after {
  left: 24px;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(6):after {
  right: 24px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(7) {
  animation-delay: -0.252s;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div[data-v-689681b2]:nth-child(7):after {
  top: 63px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(7):after {
  left: 17px;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(7):after {
  right: 17px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(8) {
  animation-delay: -0.288s;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div[data-v-689681b2]:nth-child(8):after {
  top: 56px;
}
[dir=ltr] .lds-roller div[data-v-689681b2]:nth-child(8):after {
  left: 12px;
}
[dir=rtl] .lds-roller div[data-v-689681b2]:nth-child(8):after {
  right: 12px;
}
@keyframes lds-roller-ltr-689681b2 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes lds-roller-rtl-689681b2 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-360deg);
}
}
.fade-enter-active[data-v-689681b2],
.fade-leave-active[data-v-689681b2] {
  transition: opacity 0.6s ease;
}
.fade-enter-from[data-v-689681b2],
.fade-leave-to[data-v-689681b2] {
  opacity: 0;
}

.loading {
  display: inline-block;
  width: 20px;
  height: 20px;
}
[dir] .loading {
  border: 3px solid lightgray;
  border-radius: 50%;
  border-top-color: rgb(37, 138, 186);
}
[dir=ltr] .loading {
  animation:  spin-ltr 1s ease-in-out infinite;
  -webkit-animation:  spin-ltr 1s ease-in-out infinite;
}
[dir=rtl] .loading {
  animation:  spin-rtl 1s ease-in-out infinite;
  -webkit-animation:  spin-rtl 1s ease-in-out infinite;
}
@keyframes spin-ltr {
to {
    -webkit-transform: rotate(360deg);
}
}
@keyframes spin-rtl {
to {
    -webkit-transform: rotate(-360deg);
}
}

.governance-container[data-v-df5a55f7] {
  height: calc(100vh - 72px);
  overflow-y: auto;
  --tw-bg-opacity: 1;
}
[dir] .governance-container[data-v-df5a55f7] {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
}
.governance-container[data-v-df5a55f7]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .governance-container[data-v-df5a55f7]:is(.dark *) {
  background-color: rgb(43 60 68 / var(--tw-bg-opacity, 1));
}

.custom-scrollbar[data-v-236e1fad]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[dir] .custom-scrollbar[data-v-236e1fad]::-webkit-scrollbar-track {
  background: #f1f5f9;
}
[dir] .custom-scrollbar[data-v-236e1fad]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
[dir] .custom-scrollbar[data-v-236e1fad]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
@keyframes fade-in-236e1fad {
from {
    opacity: 0;
    transform: translateY(4px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
[dir=ltr] .animate-fade-in[data-v-236e1fad] {
  animation: fade-in-236e1fad 160ms ease-out;
}
[dir=rtl] .animate-fade-in[data-v-236e1fad] {
  animation: fade-in-236e1fad 160ms ease-out;
}

/* Fix dropdown overflow for inline SelectInput components */
[data-v-236e1fad] #selection-list ul[role="listbox"] {
  z-index: 1000 !important;
}

.expand-enter-active[data-v-3c75a4cc],
.expand-leave-active[data-v-3c75a4cc] {
  transition: height 0.3s ease-in-out;
  overflow: hidden;
}
.expand-enter-from[data-v-3c75a4cc],
.expand-leave-to[data-v-3c75a4cc] {
  height: 0;
}

[dir=ltr] .animate-pulse[data-v-15bb37d4] {
  animation: pulse-15bb37d4 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
[dir=rtl] .animate-pulse[data-v-15bb37d4] {
  animation: pulse-15bb37d4 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse-15bb37d4 {
0%,
  100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}

.rule-canvas[data-v-bb049bf6] {
  min-height: 400px;
}

/* Custom scrollbar for preview modal */
.overflow-y-auto[data-v-bb049bf6]::-webkit-scrollbar {
  width: 6px;
}
[dir] .overflow-y-auto[data-v-bb049bf6]::-webkit-scrollbar-track {
  background: transparent;
}
[dir] .overflow-y-auto[data-v-bb049bf6]::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}
[dir] .dark .overflow-y-auto[data-v-bb049bf6]::-webkit-scrollbar-thumb {
  background: #4b5563;
}

.vector-store-container[data-v-2821f4d7] {
  display: flex;
  flex-direction: column;
}

.line-clamp-2[data-v-9807d0df] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Add any custom styles here */
.vector-store-manager[data-v-7b8fd4cb] {
  height: calc(100vh - 72px);
  --tw-bg-opacity: 1;
}
[dir] .vector-store-manager[data-v-7b8fd4cb] {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
}
.vector-store-manager[data-v-7b8fd4cb]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .vector-store-manager[data-v-7b8fd4cb]:is(.dark *) {
  background-color: rgb(43 60 68 / var(--tw-bg-opacity, 1));
}

.search-result-item[data-v-2a424b10] {
  word-wrap: break-word;
}

/* Highlight styles */
[data-v-2a424b10] mark {
  font-weight: 500;
}
[dir][data-v-2a424b10] mark {
  background-color: #fef08a;
  padding: 2px 4px;
  border-radius: 3px;
}

/* Smooth hover transitions */
.search-result-item[data-v-2a424b10] {
  transition: all 0.2s ease;
}
[dir] .search-result-item[data-v-2a424b10]:hover {
  transform: translateY(-1px);
}

/* Compact mode adjustments */
[dir=ltr] .search-result-item.compact[data-v-2a424b10] {
  border-left: 3px solid transparent;
}
[dir=rtl] .search-result-item.compact[data-v-2a424b10] {
  border-right: 3px solid transparent;
}
[dir] .search-result-item.compact[data-v-2a424b10]:hover {
  transform: none;
}
[dir=ltr] .search-result-item.compact[data-v-2a424b10]:hover {
  border-left-color: #3b82f6;
}
[dir=rtl] .search-result-item.compact[data-v-2a424b10]:hover {
  border-right-color: #3b82f6;
}

.search-results[data-v-7f322b8a] {
    min-height: 24rem
}

.slider[data-v-64a80f55]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  height: 16px;
  width: 16px;
}
[dir] .slider[data-v-64a80f55]::-webkit-slider-thumb {
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.slider[data-v-64a80f55]::-moz-range-thumb {
  height: 16px;
  width: 16px;
}
[dir] .slider[data-v-64a80f55]::-moz-range-thumb {
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[dir] details[open] summary[data-v-64a80f55] {
  margin-bottom: 0.75rem;
}

.vector-store-detail[data-v-16a12f52] {
  max-width: 7xl;
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  overflow-x: hidden;
}
[dir] .vector-store-detail[data-v-16a12f52] {
  margin: 0 auto;
}

.line-clamp-2[data-v-971803b9] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.file-upload-item[data-v-971803b9]:hover {
  --tw-bg-opacity: 1;
}
[dir] .file-upload-item[data-v-971803b9]:hover {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.upload-area[data-v-cf41f6be] {
  transition: all 0.2s ease;
}
[dir] .upload-area[data-v-cf41f6be] {
  cursor: pointer;
}
[dir] .upload-area[data-v-cf41f6be]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.file-upload[data-v-cf41f6be] {
  max-width: 56rem;
}
[dir=ltr] .file-upload[data-v-cf41f6be] {
  margin-left: auto;
  margin-right: auto;
}
[dir=rtl] .file-upload[data-v-cf41f6be] {
  margin-right: auto;
  margin-left: auto;
}

.vector-store-upload[data-v-1e06aeec] {
  max-width: 4xl;
}
[dir] .vector-store-upload[data-v-1e06aeec] {
  margin: 0 auto;
}

.vector-store-search[data-v-34babae2] {
  max-width: 6xl;
}
[dir] .vector-store-search[data-v-34babae2] {
  margin: 0 auto;
}

.agent-file-manager[data-v-bb06416a] {
  min-height: calc(100vh - 140px);
  max-height: calc(100vh - 140px);
  overflow-y: auto;
}

.monitor-container[data-v-eb2801c2] {
  height: calc(100vh - 72px);
  overflow-y: auto;
  --tw-bg-opacity: 1;
}
[dir] .monitor-container[data-v-eb2801c2] {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
}
.monitor-container[data-v-eb2801c2]:is(.dark *) {
  --tw-bg-opacity: 1;
}
[dir] .monitor-container[data-v-eb2801c2]:is(.dark *) {
  background-color: rgb(43 60 68 / var(--tw-bg-opacity, 1));
}

.monitor-dashboard[data-v-62aca6c1] {
    max-width: 80rem
}
[dir] .monitor-dashboard[data-v-62aca6c1] {
    padding: 1.5rem
}
[dir=ltr] .monitor-dashboard[data-v-62aca6c1] {
    margin-left: auto;
    margin-right: auto
}
[dir=rtl] .monitor-dashboard[data-v-62aca6c1] {
    margin-right: auto;
    margin-left: auto
}

.performance-monitoring[data-v-5ce8acfc] {
    max-width: 80rem
}
[dir] .performance-monitoring[data-v-5ce8acfc] {
    padding: 1.5rem
}
[dir=ltr] .performance-monitoring[data-v-5ce8acfc] {
    margin-left: auto;
    margin-right: auto
}
[dir=rtl] .performance-monitoring[data-v-5ce8acfc] {
    margin-right: auto;
    margin-left: auto
}

.system-health[data-v-f97d3544] {
    max-width: 80rem
}
[dir] .system-health[data-v-f97d3544] {
    padding: 1.5rem
}
[dir=ltr] .system-health[data-v-f97d3544] {
    margin-left: auto;
    margin-right: auto
}
[dir=rtl] .system-health[data-v-f97d3544] {
    margin-right: auto;
    margin-left: auto
}

.alert-management[data-v-735cd5a8] {
    max-width: 80rem
}
[dir] .alert-management[data-v-735cd5a8] {
    padding: 1.5rem
}
[dir=ltr] .alert-management[data-v-735cd5a8] {
    margin-left: auto;
    margin-right: auto
}
[dir=rtl] .alert-management[data-v-735cd5a8] {
    margin-right: auto;
    margin-left: auto
}

.alert-notifications[data-v-5dc0c9eb] {
    max-width: 80rem
}
[dir] .alert-notifications[data-v-5dc0c9eb] {
    padding: 1.5rem
}
[dir=ltr] .alert-notifications[data-v-5dc0c9eb] {
    margin-left: auto;
    margin-right: auto
}
[dir=rtl] .alert-notifications[data-v-5dc0c9eb] {
    margin-right: auto;
    margin-left: auto
}

.custom-file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  resize: none;
  outline: none;
}
[dir] .custom-file-input {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

/* Custom scrollbar styling */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}
[dir] .custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
[dir] .custom-scrollbar::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}
[dir] .custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.custom-file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  resize: none;
  outline: none;
}
[dir] .custom-file-input {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.st0[data-v-1627c074] {
  fill: #1972e6;
}
.st1[data-v-1627c074] {
  fill: #1759bb;
}
.st2[data-v-1627c074] {
  fill: #ffffff;
}

.st0[data-v-c28fe442] {
  fill: #1972e6;
}
.st1[data-v-c28fe442] {
  fill: #1759bb;
}
.st2[data-v-c28fe442] {
  fill: #ffffff;
}

.st0[data-v-df475e10] {
  fill: #ffc000;
}
.st1[data-v-df475e10] {
  fill: #ffff00;
}
.st2[data-v-df475e10] {
  fill: #ffffff;
}

/* A simple button group style inspired by the screenshots */
.btn-group[data-v-d58e0c38] {
    display: inline-flex;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}
[dir] .btn-group[data-v-d58e0c38] {
    border-radius: 0.375rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.btn-group button[data-v-d58e0c38] {
    position: relative;
    display: inline-flex;
    align-items: center;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    font-size: 15.2px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}
[dir] .btn-group button[data-v-d58e0c38] {
    border-width: 1px;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
[dir=ltr] .btn-group button[data-v-d58e0c38] {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
[dir=rtl] .btn-group button[data-v-d58e0c38] {
    padding-right: 0.75rem;
    padding-left: 0.75rem
}
.btn-group button[data-v-d58e0c38]:hover {
    --tw-bg-opacity: 1
}
[dir] .btn-group button[data-v-d58e0c38]:hover {
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}
.btn-group button[data-v-d58e0c38]:focus {
    z-index: 10;
    --tw-border-opacity: 1;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(13 134 181 / var(--tw-ring-opacity, 1))
}
[dir] .btn-group button[data-v-d58e0c38]:focus {
    border-color: rgb(13 134 181 / var(--tw-border-opacity, 1));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.btn-group button[data-v-d58e0c38]:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1))
}
[dir] .btn-group button[data-v-d58e0c38]:is(.dark *) {
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1))
}
.btn-group button[data-v-d58e0c38]:hover:is(.dark *) {
    --tw-bg-opacity: 1
}
[dir] .btn-group button[data-v-d58e0c38]:hover:is(.dark *) {
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1))
}
[dir=ltr] .btn-group button[data-v-d58e0c38]:first-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem
}
[dir=rtl] .btn-group button[data-v-d58e0c38]:first-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem
}
[dir=ltr] .btn-group button[data-v-d58e0c38]:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem
}
[dir=rtl] .btn-group button[data-v-d58e0c38]:last-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem
}
[dir=ltr] .btn-group button[data-v-d58e0c38]:not(:first-child) {
    margin-left: -1px
}
[dir=rtl] .btn-group button[data-v-d58e0c38]:not(:first-child) {
    margin-right: -1px
}
.btn-group .btn-group-active[data-v-d58e0c38] {
    z-index: 10;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(9 91 123 / var(--tw-text-opacity, 1))
}
[dir] .btn-group .btn-group-active[data-v-d58e0c38] {
    border-color: rgb(13 134 181 / var(--tw-border-opacity, 1));
    background-color: rgb(241 248 251 / var(--tw-bg-opacity, 1))
}
.btn-group .btn-group-active[data-v-d58e0c38]:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
[dir] .btn-group .btn-group-active[data-v-d58e0c38]:is(.dark *) {
    border-color: rgb(13 134 181 / var(--tw-border-opacity, 1));
    background-color: rgb(5 56 75 / 0.5)
}

.sidebar-item[data-v-83183c62] {
  min-height: 40px;
}

.settings-sidebar[data-v-54f1b6d1] {
  --sidebar-width: 240px;
}

.settings-layout[data-v-c6998bd7] {
  --sidebar-width: 240px;
}

.user-list-enter-active[data-v-c1f41cb3],
.user-list-leave-active[data-v-c1f41cb3] {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.user-list-enter-from[data-v-c1f41cb3] {
  opacity: 0;
}
[dir] .user-list-enter-from[data-v-c1f41cb3] {
  transform: translateY(20px) scale(0.95);
}
.user-list-leave-to[data-v-c1f41cb3] {
  opacity: 0;
}
[dir=ltr] .user-list-leave-to[data-v-c1f41cb3] {
  transform: translateX(-20px) scale(0.95);
}
[dir=rtl] .user-list-leave-to[data-v-c1f41cb3] {
  transform: translateX(20px) scale(0.95);
}
.user-list-move[data-v-c1f41cb3] {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.overflow-y-auto[data-v-c1f41cb3]::-webkit-scrollbar {
  width: 8px;
}
[dir] .overflow-y-auto[data-v-c1f41cb3]::-webkit-scrollbar-track {
  background: transparent;
}
[dir] .overflow-y-auto[data-v-c1f41cb3]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
[dir] .overflow-y-auto[data-v-c1f41cb3]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
[dir] .dark .overflow-y-auto[data-v-c1f41cb3]::-webkit-scrollbar-thumb {
  background: #475569;
}
[dir] .dark .overflow-y-auto[data-v-c1f41cb3]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

/* Tooltip styles */
.tooltip[data-v-b6ae5c67] {
  position: absolute;
  bottom: 100%;
  z-index: 20;
  display: none;
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 0.75rem;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}
[dir] .tooltip[data-v-b6ae5c67] {
  padding: 0.5rem 0.75rem;
  background-color: rgba(17, 24, 39, 0.95);
  border-radius: 0.5rem;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
[dir=ltr] .tooltip[data-v-b6ae5c67] {
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
}
[dir=rtl] .tooltip[data-v-b6ae5c67] {
  right: 50%;
  transform: translateX(50%) translateY(-8px);
}
.tooltip[data-v-b6ae5c67]::after {
  content: "";
  position: absolute;
  top: 100%;
}
[dir] .tooltip[data-v-b6ae5c67]::after {
  border: 5px solid transparent;
  border-top-color: rgba(17, 24, 39, 0.95);
}
[dir=ltr] .tooltip[data-v-b6ae5c67]::after {
  left: 50%;
  transform: translateX(-50%);
}
[dir=rtl] .tooltip[data-v-b6ae5c67]::after {
  right: 50%;
  transform: translateX(50%);
}
.group\/member:hover .tooltip[data-v-b6ae5c67] {
  display: block;
  opacity: 1;
}
[dir=ltr] .group\/member:hover .tooltip[data-v-b6ae5c67] {
  transform: translateX(-50%) translateY(-12px);
}
[dir=rtl] .group\/member:hover .tooltip[data-v-b6ae5c67] {
  transform: translateX(50%) translateY(-12px);
}

/* List transition animations */
.team-list-enter-active[data-v-b6ae5c67],
.team-list-leave-active[data-v-b6ae5c67] {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.team-list-enter-from[data-v-b6ae5c67] {
  opacity: 0;
}
[dir] .team-list-enter-from[data-v-b6ae5c67] {
  transform: translateY(20px) scale(0.95);
}
.team-list-leave-to[data-v-b6ae5c67] {
  opacity: 0;
}
[dir=ltr] .team-list-leave-to[data-v-b6ae5c67] {
  transform: translateX(-20px) scale(0.95);
}
[dir=rtl] .team-list-leave-to[data-v-b6ae5c67] {
  transform: translateX(20px) scale(0.95);
}
.team-list-move[data-v-b6ae5c67] {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.user-list-enter-active[data-v-b6ae5c67],
.user-list-leave-active[data-v-b6ae5c67] {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.user-list-enter-from[data-v-b6ae5c67] {
  opacity: 0;
}
[dir] .user-list-enter-from[data-v-b6ae5c67] {
  transform: translateY(20px) scale(0.95);
}
.user-list-leave-to[data-v-b6ae5c67] {
  opacity: 0;
}
[dir=ltr] .user-list-leave-to[data-v-b6ae5c67] {
  transform: translateX(-20px) scale(0.95);
}
[dir=rtl] .user-list-leave-to[data-v-b6ae5c67] {
  transform: translateX(20px) scale(0.95);
}
.user-list-move[data-v-b6ae5c67] {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Smooth scrollbar */
.overflow-auto[data-v-b6ae5c67]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[dir] .overflow-auto[data-v-b6ae5c67]::-webkit-scrollbar-track {
  background: transparent;
}
[dir] .overflow-auto[data-v-b6ae5c67]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
[dir] .overflow-auto[data-v-b6ae5c67]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
[dir] .dark .overflow-auto[data-v-b6ae5c67]::-webkit-scrollbar-thumb {
  background: #475569;
}
[dir] .dark .overflow-auto[data-v-b6ae5c67]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

/* List transition animations */
.user-list-enter-active[data-v-cb70f0e5],
.user-list-leave-active[data-v-cb70f0e5] {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.user-list-enter-from[data-v-cb70f0e5] {
  opacity: 0;
}
[dir] .user-list-enter-from[data-v-cb70f0e5] {
  transform: translateY(20px) scale(0.95);
}
.user-list-leave-to[data-v-cb70f0e5] {
  opacity: 0;
}
[dir=ltr] .user-list-leave-to[data-v-cb70f0e5] {
  transform: translateX(-20px) scale(0.95);
}
[dir=rtl] .user-list-leave-to[data-v-cb70f0e5] {
  transform: translateX(20px) scale(0.95);
}
.user-list-move[data-v-cb70f0e5] {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom scrollbar */
.overflow-y-auto[data-v-cb70f0e5]::-webkit-scrollbar {
  width: 8px;
}
[dir] .overflow-y-auto[data-v-cb70f0e5]::-webkit-scrollbar-track {
  background: transparent;
}
[dir] .overflow-y-auto[data-v-cb70f0e5]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
[dir] .overflow-y-auto[data-v-cb70f0e5]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
[dir] .dark .overflow-y-auto[data-v-cb70f0e5]::-webkit-scrollbar-thumb {
  background: #475569;
}
[dir] .dark .overflow-y-auto[data-v-cb70f0e5]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.playbooks-container[data-v-58a465a4] {
  height: calc(100vh - 72px);
  overflow-y: auto;
  --tw-bg-opacity: 1;
}
[dir] .playbooks-container[data-v-58a465a4] {
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
}
[dir] .gold-bottom-shadow[data-v-58a465a4] {
  border-radius: 100% !important;
  box-shadow: 0px -25px 28px -20px #ffbe1560 !important;
}
[dir] .silver-bottom-shadow[data-v-58a465a4] {
  border-radius: 100% !important;
  box-shadow: 0px -25px 28px -20px #dce7ec !important;
}
[dir] .bronze-bottom-shadow[data-v-58a465a4] {
  border-radius: 100% !important;
  box-shadow: 0px -25px 28px -20px #ff5c0060 !important;
}

/* Animated BG utilities */
@keyframes spin-slow-ltr-a7cfc6d6 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes spin-slow-rtl-a7cfc6d6 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(-360deg);
}
}
[dir=ltr] .animate-spin-slow[data-v-a7cfc6d6] {
  animation:  spin-slow-ltr-a7cfc6d6 20s linear infinite;
}
[dir=rtl] .animate-spin-slow[data-v-a7cfc6d6] {
  animation:  spin-slow-rtl-a7cfc6d6 20s linear infinite;
}
@keyframes bounce-slow-a7cfc6d6 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}
[dir=ltr] .animate-bounce-slow[data-v-a7cfc6d6] {
  animation: bounce-slow-a7cfc6d6 4s ease-in-out infinite;
}
[dir=rtl] .animate-bounce-slow[data-v-a7cfc6d6] {
  animation: bounce-slow-a7cfc6d6 4s ease-in-out infinite;
}
@keyframes float-a7cfc6d6 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-6px);
}
}
[dir=ltr] .animate-float[data-v-a7cfc6d6] {
  animation: float-a7cfc6d6 6s ease-in-out infinite;
}
[dir=rtl] .animate-float[data-v-a7cfc6d6] {
  animation: float-a7cfc6d6 6s ease-in-out infinite;
}

[dir] .form-group[data-v-8949b792] {
  margin-bottom: 1.5rem;
}
.dynamic-form-generator input[data-v-8949b792]:focus,
.dynamic-form-generator textarea[data-v-8949b792]:focus,
.dynamic-form-generator select[data-v-8949b792]:focus {
  outline: none;
}
[dir] .dynamic-form-generator input[data-v-8949b792]:focus, [dir] .dynamic-form-generator textarea[data-v-8949b792]:focus, [dir] .dynamic-form-generator select[data-v-8949b792]:focus {
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}
.dark .dynamic-form-generator input[data-v-8949b792],
.dark .dynamic-form-generator textarea[data-v-8949b792],
.dark .dynamic-form-generator select[data-v-8949b792] {
  color: white;
}
[dir] .dark .dynamic-form-generator input[data-v-8949b792], [dir] .dark .dynamic-form-generator textarea[data-v-8949b792], [dir] .dark .dynamic-form-generator select[data-v-8949b792] {
  background-color: #374151;
  border-color: #4B5563;
}
.dark .dynamic-form-generator input[data-v-8949b792]::-moz-placeholder, .dark .dynamic-form-generator textarea[data-v-8949b792]::-moz-placeholder {
  color: #9CA3AF;
}
.dark .dynamic-form-generator input[data-v-8949b792]::placeholder,
.dark .dynamic-form-generator textarea[data-v-8949b792]::placeholder {
  color: #9CA3AF;
}

/* Custom scrollbar for multiselect */
.dynamic-form-generator select[multiple][data-v-8949b792] {
  scrollbar-width: thin;
  scrollbar-color: #9CA3AF #F3F4F6;
}
.dynamic-form-generator select[multiple][data-v-8949b792]::-webkit-scrollbar {
  width: 8px;
}
[dir] .dynamic-form-generator select[multiple][data-v-8949b792]::-webkit-scrollbar-track {
  background: #F3F4F6;
  border-radius: 4px;
}
[dir] .dynamic-form-generator select[multiple][data-v-8949b792]::-webkit-scrollbar-thumb {
  background: #9CA3AF;
  border-radius: 4px;
}
[dir] .dark .dynamic-form-generator select[multiple][data-v-8949b792]::-webkit-scrollbar-track {
  background: #4B5563;
}
[dir] .dark .dynamic-form-generator select[multiple][data-v-8949b792]::-webkit-scrollbar-thumb {
  background: #6B7280;
}

.mh-48[data-v-60121927] {
  max-height: 10rem;
}

.mh-48[data-v-ac07e635] {
  max-height: 10rem;
}

input[type="file"][data-v-c56b74e0] {
  display: none;
}

.mh-48[data-v-dd983589] {
  max-height: 10rem;
}

input[type="file"][data-v-e812985a] {
  display: none;
}

.handle-alt[data-v-424763bc] {
  pointer-events: none;
  position: absolute;
}
[dir] .handle-alt[data-v-424763bc] {
  background-color: rgba(0, 0, 0, 0);

  border: 0;
}

[dir] .yellow-bottom-shadow[data-v-dd7b20e3] {
  border-radius: 100%;
  box-shadow: 0px -25px 28px -20px #f9e27150;
}
[dir] .red-bottom-shadow[data-v-dd7b20e3] {
  border-radius: 100%;
  box-shadow: 0px -25px 28px -20px #f9717150;
}
[dir] .blue-bottom-shadow[data-v-dd7b20e3] {
  border-radius: 100%;
  box-shadow: 0px -25px 28px -20px #59bee550;
}
[dir] .purple-bottom-shadow[data-v-dd7b20e3] {
  border-radius: 100%;
  box-shadow: 0px -25px 28px -20px #9747ff50;
}
[dir] .green-bottom-shadow[data-v-dd7b20e3] {
  border-radius: 100%;
  box-shadow: 0px -25px 28px -20px #45d72d50;
}
[dir] .navy-bottom-shadow[data-v-dd7b20e3] {
  border-radius: 100%;
  box-shadow: 0px -25px 28px -20px #35657850;
}
[dir] .magenta-bottom-shadow[data-v-dd7b20e3] {
  border-radius: 100%;
  box-shadow: 0px -25px 28px -20px #ff1bf650;
}

[dir] .custom-border[data-v-fb65e34c] {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='4' stroke-dasharray='8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

[dir] .edgebutton[data-v-439c595a] {
  border-radius: 999px;
  cursor: pointer;
}
.edgebutton[data-v-439c595a]:hover {
  transition: all ease 0.5s;
}
[dir] .edgebutton[data-v-439c595a]:hover {
  transform: scale(1.5);
  box-shadow:
    0 0 0 2px #10b98180,
    0 0 0 4px #10b981;
}

.fade-enter-active[data-v-fe45b311],
.fade-leave-active[data-v-fe45b311] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-fe45b311],
.fade-leave-to[data-v-fe45b311] {
  opacity: 0;
}

.list-enter-active[data-v-ccb6506b],
.list-leave-active[data-v-ccb6506b] {
  transition: all 0.5s ease;
}
.list-enter-from[data-v-ccb6506b] {
  opacity: 0;
}
[dir] .list-enter-from[data-v-ccb6506b] {
  transform: translateY(30px);
}
.list-leave-to[data-v-ccb6506b] {
  opacity: 0;
}
[dir] .list-leave-to[data-v-ccb6506b] {
  transform: translateY(-30px);
}

/* Timeline fade effect at the bottom */
.timeline-fade[data-v-ccb6506b]::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100px;
  pointer-events: none;
}
[dir] .timeline-fade[data-v-ccb6506b]::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--bg-color) 100%);
}
[dir=ltr] .timeline-fade[data-v-ccb6506b]::after {
  left: 0;
  right: 0;
}
[dir=rtl] .timeline-fade[data-v-ccb6506b]::after {
  right: 0;
  left: 0;
}
.dark .timeline-fade[data-v-ccb6506b]::after {
  --bg-color: rgba(30, 30, 30, 1);
}
.light .timeline-fade[data-v-ccb6506b]::after {
  --bg-color: rgba(255, 255, 255, 1);
}

/* Timeline animations */
.timeline-enter-active[data-v-8a48df29] {
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.timeline-enter-from[data-v-8a48df29] {
  opacity: 0;
}
[dir=ltr] .timeline-enter-from[data-v-8a48df29] {
  transform: translateX(20px) scale(0.95);
}
[dir=rtl] .timeline-enter-from[data-v-8a48df29] {
  transform: translateX(-20px) scale(0.95);
}
.timeline-enter-to[data-v-8a48df29] {
  opacity: 1;
}
[dir] .timeline-enter-to[data-v-8a48df29] {
  transform: translateX(0) scale(1);
}

/* Custom scrollbar for execution logs */
.overflow-auto[data-v-8a48df29]::-webkit-scrollbar {
  width: 4px;
}
[dir] .overflow-auto[data-v-8a48df29]::-webkit-scrollbar-track {
  background: transparent;
}
[dir] .overflow-auto[data-v-8a48df29]::-webkit-scrollbar-thumb {
  background: rgba(156, 163, 175, 0.5);
  border-radius: 2px;
}
[dir] .overflow-auto[data-v-8a48df29]::-webkit-scrollbar-thumb:hover {
  background: rgba(156, 163, 175, 0.7);
}

/* Test execution animations - border-only pulsing */
[dir] .vue-flow__node.node-running[data-v-2da2ad52] {
  border: 3px solid #3b82f6 !important;
}
[dir=ltr] .vue-flow__node.node-running[data-v-2da2ad52] {
  animation: pulse-border-blue-2da2ad52 2s ease-in-out infinite;
}
[dir=rtl] .vue-flow__node.node-running[data-v-2da2ad52] {
  animation: pulse-border-blue-2da2ad52 2s ease-in-out infinite;
}
[dir] .vue-flow__node.node-completed[data-v-2da2ad52] {
  border: 3px solid #22c55e !important;
}
[dir=ltr] .vue-flow__node.node-completed[data-v-2da2ad52] {
  animation: flash-border-green-2da2ad52 1s ease-in-out;
}
[dir=rtl] .vue-flow__node.node-completed[data-v-2da2ad52] {
  animation: flash-border-green-2da2ad52 1s ease-in-out;
}
[dir] .vue-flow__node.node-failed[data-v-2da2ad52] {
  border: 3px solid #ef4444 !important;
}
[dir=ltr] .vue-flow__node.node-failed[data-v-2da2ad52] {
  animation: flash-border-red-2da2ad52 1s ease-in-out;
}
[dir=rtl] .vue-flow__node.node-failed[data-v-2da2ad52] {
  animation: flash-border-red-2da2ad52 1s ease-in-out;
}
.vue-flow__edge.animate-pulse path[data-v-2da2ad52] {
  stroke: #3b82f6 !important;
  stroke-width: 3 !important;
}
[dir=ltr] .vue-flow__edge.animate-pulse path[data-v-2da2ad52] {
  animation: pulse-edge-2da2ad52 1.5s ease-in-out infinite;
}
[dir=rtl] .vue-flow__edge.animate-pulse path[data-v-2da2ad52] {
  animation: pulse-edge-2da2ad52 1.5s ease-in-out infinite;
}

/* Border-only animations */
@keyframes pulse-border-blue-2da2ad52 {
0%, 100% {
    border-color: #3b82f6;
    border-width: 3px;
}
50% {
    border-color: #60a5fa;
    border-width: 4px;
}
}
@keyframes flash-border-green-2da2ad52 {
0% {
    border-color: #22c55e;
    border-width: 3px;
}
50% {
    border-color: #4ade80;
    border-width: 5px;
}
100% {
    border-color: #22c55e;
    border-width: 3px;
}
}
@keyframes flash-border-red-2da2ad52 {
0% {
    border-color: #ef4444;
    border-width: 3px;
}
50% {
    border-color: #f87171;
    border-width: 5px;
}
100% {
    border-color: #ef4444;
    border-width: 3px;
}
}
@keyframes pulse-edge-2da2ad52 {
0%, 100% {
    opacity: 0.8;
    stroke-width: 2;
}
50% {
    opacity: 1;
    stroke-width: 4;
}
}

input[data-v-69bef79d]::-webkit-outer-spin-button,
input[data-v-69bef79d]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
[dir] input[data-v-69bef79d]::-webkit-outer-spin-button, [dir] input[data-v-69bef79d]::-webkit-inner-spin-button {
  margin: 0;
}
input[type="number"][data-v-69bef79d] {
  -moz-appearance: textfield;
}

/* Custom animations */
@keyframes float-ltr-7a6f7765 {
0%,
  100% {
    transform: translateY(0px) rotate(0deg);
}
50% {
    transform: translateY(-10px) rotate(180deg);
}
}
@keyframes float-rtl-7a6f7765 {
0%,
  100% {
    transform: translateY(0px) rotate(0deg);
}
50% {
    transform: translateY(-10px) rotate(-180deg);
}
}
@keyframes bounce-slow-7a6f7765 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-5px);
}
}
@keyframes spin-slow-ltr-7a6f7765 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes spin-slow-rtl-7a6f7765 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(-360deg);
}
}
[dir=ltr] .animate-float[data-v-7a6f7765] {
  animation:  float-ltr-7a6f7765 6s ease-in-out infinite;
}
[dir=rtl] .animate-float[data-v-7a6f7765] {
  animation:  float-rtl-7a6f7765 6s ease-in-out infinite;
}
[dir=ltr] .animate-bounce-slow[data-v-7a6f7765] {
  animation: bounce-slow-7a6f7765 4s ease-in-out infinite;
}
[dir=rtl] .animate-bounce-slow[data-v-7a6f7765] {
  animation: bounce-slow-7a6f7765 4s ease-in-out infinite;
}
[dir=ltr] .animate-spin-slow[data-v-7a6f7765] {
  animation:  spin-slow-ltr-7a6f7765 20s linear infinite;
}
[dir=rtl] .animate-spin-slow[data-v-7a6f7765] {
  animation:  spin-slow-rtl-7a6f7765 20s linear infinite;
}

/* Focus states */
[dir] input[data-v-7a6f7765]:focus, [dir] select[data-v-7a6f7765]:focus {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.container[data-v-afbf7293] {
  display: inline-block;
  position: relative;
  justify-content: center;
}
.slide-left-enter-active[data-v-afbf7293],
.slide-left-leave-active[data-v-afbf7293] {
  transition: all 0.2s ease-out;
}
.slide-left-enter-from[data-v-afbf7293] {
  opacity: 0;
}
[dir=ltr] .slide-left-enter-from[data-v-afbf7293] {
  transform: translateX(10px);
}
[dir=rtl] .slide-left-enter-from[data-v-afbf7293] {
  transform: translateX(-10px);
}
.slide-left-leave-to[data-v-afbf7293] {
  opacity: 0;
}
[dir=ltr] .slide-left-leave-to[data-v-afbf7293] {
  transform: translateX(-10px);
}
[dir=rtl] .slide-left-leave-to[data-v-afbf7293] {
  transform: translateX(10px);
}