.log-value-trigger[data-v-2a3f5bc0] {
  cursor: pointer;
  color: var(--ks-text-secondary);
}
.log-value-trigger.is-action[data-v-2a3f5bc0] {
  color: var(--ks-text-link);
}
.log-value-menu[data-v-2a3f5bc0] {
  display: flex;
  flex-direction: column;
  min-width: 160px;
}
.log-value-action[data-v-2a3f5bc0] {
  display: flex;
  align-items: center;
  gap: var(--ks-spacing-2);
  width: 100%;
  padding: var(--ks-spacing-2) var(--ks-spacing-3);
  background: transparent;
  border: none;
  border-radius: var(--ks-radius-sm);
  color: var(--ks-text-primary);
  font-size: var(--ks-font-size-sm);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.log-value-action[data-v-2a3f5bc0]:hover {
  background: var(--ks-bg-hover);
}div.line[data-v-2f617373] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: var(--ks-spacing-3);
  padding: var(--ks-spacing-2) var(--ks-spacing-3);
  min-height: 1.9rem;
  border-left: 2px solid transparent;
  border-top: 1px solid var(--ks-border-subtle);
  transition: background 0.1s ease-in-out;
}
div.line[data-v-2f617373]:hover {
  background: var(--ks-bg-hover);
}
div.line.selected[data-v-2f617373] {
  background: var(--ks-bg-tag-hover);
}
div.line[class*="-0"][data-v-2f617373] {
  border-top: 0;
}
div.line .icon_container[data-v-2f617373] {
  position: absolute;
  left: -0.6rem;
  top: 0.5rem;
  z-index: 1;
}
div.line .log-level[data-v-2f617373] {
  flex: none;
  width: 3.5rem;
  padding-top: 1px;
  font-family: var(--ks-font-family-sans);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.6;
  user-select: none;
}
div.line .log-level--clickable[data-v-2f617373] {
  cursor: pointer;
  border-radius: var(--ks-radius-xs);
}
div.line .log-level--clickable[data-v-2f617373]:hover {
  background: var(--ks-bg-hover);
}
div.line .log-time[data-v-2f617373] {
  flex: none;
  font-family: var(--ks-font-family-mono);
  color: var(--ks-text-dim);
  white-space: nowrap;
  user-select: none;
  font-variant-numeric: tabular-nums;
}
div.line .log-content[data-v-2f617373] {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.6;
}
div.line.density-compact .log-content[data-v-2f617373] {
  line-height: 1.4;
}
div.line.density-compact .log-message[data-v-2f617373] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.line.density-expanded .log-content[data-v-2f617373] {
  line-height: 1.95;
}
div.line .log-header[data-v-2f617373] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--ks-spacing-1) var(--ks-spacing-2);
  min-height: 1.4rem;
}
div.line .log-source[data-v-2f617373] {
  font-family: var(--ks-font-family-sans);
  font-weight: 600;
  color: var(--ks-text-secondary);
}
div.line .log-meta[data-v-2f617373] {
  display: inline-flex;
  align-items: baseline;
  gap: 0.1875rem;
  padding: 0.0625rem var(--ks-spacing-1);
  border-radius: var(--ks-radius-xs);
  background: var(--ks-bg-tag);
  font-family: var(--ks-font-family-sans);
}
div.line .log-meta .log-meta-key[data-v-2f617373] {
  color: var(--ks-text-dim);
}
div.line .log-meta .log-meta-key[data-v-2f617373]::after {
  content: ":";
}
div.line .log-message[data-v-2f617373] {
  display: block;
  margin: 0.125rem 0 0;
  padding: 0;
  background: transparent;
  font-family: var(--ks-font-family-mono);
  font-size: inherit;
  color: var(--ks-text-primary);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
div.line[data-v-2f617373] .log-message p {
  display: inline;
  margin-bottom: 0;
}
div.line[data-v-2f617373] .log-highlight {
  background: var(--ks-bg-tag-active);
  color: var(--ks-text-primary);
  border-radius: var(--ks-radius-xs);
  padding: 0 2px;
}
div.line .log-json[data-v-2f617373] {
  display: block;
  margin-top: 2px;
}
div.line[data-v-2f617373] .clipboard {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease-in-out;
  top: 0.4rem;
  right: 0.5rem;
}
div.line[data-v-2f617373]:hover .clipboard {
  opacity: 1;
  pointer-events: auto;
}