.computorium-session-header {
  display: flex;
  align-items: center;
  background-color: var(--background-color-base);
  flex-shrink: 0;
  gap: var(--spacing-8);
  min-height: var(--min-size-interactive-touch);
  width: 100%;
  box-sizing: border-box;
  color: var(--color-base);
  font-family: var(--typography-font-sans);
}

.computorium-session-header .computorium-session-title-block {
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  display: inline-flex;
  align-items: baseline;
  gap: var(--spacing-8);
}

.computorium-session-header .computorium-session-title-resemblance {
  color: var(--color-base);
  font-weight: var(--font-weight-semi-bold);
  min-width: 0;
}

.computorium-session-header .computorium-session-title-resemblance {
  white-space: nowrap;
  text-overflow: clip;
  --edge-fade-start: 0px;
  --edge-fade-end: var(--size-edge-fade);
}

.computorium-session-header .computorium-session-title-resemblance {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.computorium-session-header .computorium-session-title-resemblance::-webkit-scrollbar {
  display: none !important;
}

.computorium-session-header .computorium-session-title-resemblance[data-overflowing-start='true'] {
  --edge-fade-start: var(--size-edge-fade);
}

.computorium-session-header .computorium-session-title-resemblance[data-overflowing-end='false'] {
  --edge-fade-end: 0px;
}

.computorium-session-header .computorium-session-title-resemblance[data-overflowing='true']:not([data-edge-fade-expanded='true']) {
  mask-image: linear-gradient(to right, transparent, black var(--edge-fade-start), black calc(100% - var(--edge-fade-end)), transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black var(--edge-fade-start), black calc(100% - var(--edge-fade-end)), transparent);
}

.computorium-session-header .computorium-session-title-resemblance[data-overflowing='true']:not([data-edge-fade-expanded='true']):dir(rtl) {
  mask-image: linear-gradient(to left, transparent, black var(--edge-fade-start), black calc(100% - var(--edge-fade-end)), transparent);
  -webkit-mask-image: linear-gradient(to left, transparent, black var(--edge-fade-start), black calc(100% - var(--edge-fade-end)), transparent);
}

.computorium-session-header .computorium-session-title-resemblance[data-edge-fade-expanded] {
  cursor: pointer;
}

.computorium-session-header .computorium-session-title-resemblance[data-edge-fade-expanded='true'] {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  flex-wrap: wrap !important;
}

.computorium-session-header .computorium-session-title-resemblance[data-edge-fade-view='expand']:has(:focus-visible), .computorium-session-header .computorium-session-title-resemblance[data-edge-fade-view='expand']:is(:focus-visible *) {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  flex-wrap: wrap !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.computorium-session-header[data-computorium-session-status='failed'] .computorium-session-title-resemblance {
  color: var(--color-subtle);
}

.computorium-session-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background-color: var(--background-color-base);
  color: var(--color-base);
  font-family: var(--typography-font-sans);
}

.computorium-session-view .computorium-session-attempt-nav {
  flex-shrink: 0;
}

.computorium-session-view .computorium-session-markdown-toggle {
  flex-shrink: 0;
}

.computorium-session-view .computorium-session-output-fieldset:not([data-has-output='true']) .computorium-session-markdown-toggle {
  display: none;
}

.computorium-session-view .computorium-session-output-thinking-body {
  max-height: var(--size-256);
  overflow-y: auto;
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='false'] .computorium-session-output-raw {
  display: none;
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='true'] .computorium-session-output-rendered {
  display: none;
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='true'] .markdown-view {
  display: none;
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='true'] .computorium-session-tool-call-rendered {
  display: none;
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='true'] .computorium-session-compaction-rendered {
  display: none;
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='true'] .computorium-session-output-thinking .accordion-view {
  display: none;
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='true'] .computorium-session-output-thinking-raw {
  display: block;
  color: var(--color-subtle);
  border-inline-start: var(--border-width-thick) solid var(--border-color-subtle);
  padding-inline-start: var(--spacing-12);
}

.computorium-session-view .computorium-session-output-raw {
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: normal;
}

.computorium-session-view .computorium-session-output-rendered {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-content);
  color: var(--color-base);
  overflow-wrap: break-word;
  word-break: normal;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  align-self: stretch;
  box-sizing: border-box;
}

.computorium-session-view .computorium-session-output-rendered h1, .computorium-session-view .markdown-view h1 {
  font-size: var(--font-size-xx-large-24);
  line-height: var(--line-height-xx-large-34);
}

.computorium-session-view .computorium-session-output-rendered h2, .computorium-session-view .markdown-view h2 {
  font-size: var(--font-size-x-large-20);
  line-height: var(--line-height-x-large-30);
}

.computorium-session-view .computorium-session-output-rendered h3, .computorium-session-view .markdown-view h3 {
  font-size: var(--font-size-large-18);
  line-height: var(--line-height-large-28);
}

.computorium-session-view .computorium-session-output-rendered h4, .computorium-session-view .computorium-session-output-rendered h5, .computorium-session-view .computorium-session-output-rendered h6, .computorium-session-view .markdown-view h4, .computorium-session-view .markdown-view h5, .computorium-session-view .markdown-view h6 {
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-medium-26);
}

.computorium-session-view .computorium-session-output-rendered:empty {
  display: none;
}

.computorium-session-view .computorium-session-output-rendered code {
  font-family: var(--typography-font-mono);
  font-size: inherit;
  background-color: var(--background-color-neutral-subtle);
  padding: 2px var(--spacing-8);
  border-radius: var(--border-radius-base);
}

.computorium-session-view .computorium-session-output-rendered pre code {
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
}

.computorium-session-view .computorium-session-output-rendered pre {
  background-color: var(--fill);
  padding: var(--spacing-24);
  border-radius: var(--border-radius-base);
  margin-top: 0;
  margin-bottom: 0;
  overflow: visible;
  max-width: 100%;
  border: 1px solid var(--border-color-subtle);
}

.computorium-session-view .computorium-session-output-rendered > pre:last-child {
  margin-bottom: 0;
}

.computorium-session-view .computorium-session-output-rendered p {
  margin: 0;
}

.computorium-session-view .computorium-session-footer {
  display: flex;
  align-items: center;
  background-color: var(--background-color-base);
  flex-shrink: 0;
}

.computorium-session-view .computorium-session-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  overflow: visible;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background-color: var(--background-color-base);
}

.computorium-session-view .computorium-session-pending-mark {
  display: block;
  width: var(--size-icon-small);
  height: var(--size-icon-small);
  flex-shrink: 0;
  border-radius: var(--border-radius-circle);
  background-color: var(--background-color-transparent);
  border-width: var(--border-width-base);
  border-style: solid;
  border-color: var(--color-blue);
  box-sizing: border-box;
}

.computorium-session-view .computorium-session-pending-label {
  min-width: 0;
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
}

.computorium-session-view .computorium-session-failed-alert {
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
}

.computorium-session-view .computorium-session-failed-alert .alert-content {
  min-width: 0;
  overflow-wrap: break-word;
}

.computorium-session-view .computorium-session-turn {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.computorium-session-view .computorium-session-body-awaiting .computorium-session-turn-input {
  display: none;
}

.computorium-session-view .computorium-session-rerun {
  flex-shrink: 0;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: var(--background-color-base) !important;
  box-shadow: none !important;
}

.computorium-session-view .computorium-session-input-attachment {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.computorium-session-view .computorium-session-input-content, .computorium-session-view .computorium-session-output-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-8);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  overflow: visible;
}

.computorium-session-view .computorium-session-input-content > *, .computorium-session-view .computorium-session-output-content > * {
  max-width: 100%;
  align-self: stretch;
}

.computorium-session-view .computorium-session-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.computorium-session-view .computorium-session-prompt-fieldset {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  width: 100%;
  min-inline-size: 0;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  margin-block-end: var(--spacing-8);
  padding: var(--spacing-16);
  padding-inline-end: var(--spacing-0);
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  background-color: var(--background-color-neutral-subtle);
  box-sizing: border-box;
}

.computorium-session-view .prompt-legend-view {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: var(--spacing-16);
  transform: translateY(50%);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  column-gap: var(--spacing-8);
  row-gap: var(--spacing-4);
  margin: 0;
  margin-inline-end: var(--spacing-16);
  padding: 0;
  text-align: start;
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  font-weight: var(--font-weight-normal);
  color: var(--color-base);
  line-height: var(--line-height-small-22);
  white-space: nowrap;
}

.computorium-session-view .computorium-session-prompt-fieldset:has(> .prompt-legend-view .toggle-button-view) {
  padding-block-end: calc(var(--spacing-16) + var(--spacing-20));
}

.computorium-session-view .computorium-session-prompt-fieldset {
  margin-block-end: calc(var(--spacing-16) + var(--spacing-20));
}

.computorium-session-view .prompt-legend-view > *:not(.toggle-button-view) {
  background-color: var(--background-color-neutral-subtle);
}

.computorium-session-view .computorium-session-prompt-fieldset .prompt-legend-view:not(:has(.computorium-session-prompt-markdown-toggle)) {
  background-color: var(--background-color-neutral-subtle);
}

.computorium-session-view .prompt-legend-view .link-view {
  display: inline !important;
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  font-weight: var(--font-weight-normal);
}

.computorium-session-view .computorium-session-prompt-legend-title, .computorium-session-view .computorium-session-prompt-legend-vignette {
  white-space: nowrap;
}

.computorium-session-view .computorium-session-prompt-fieldset[data-raw='false']:has(.computorium-session-prompt-rendered) .computorium-session-prompt-body, .computorium-session-view .computorium-session-prompt-fieldset[data-raw='true'] .computorium-session-prompt-rendered {
  display: none;
}

.computorium-session-view .computorium-session-prompt-rendered {
  max-height: var(--size-256);
  overflow-y: auto;
}

.computorium-session-view .computorium-session-output-fieldset {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-16);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  margin-block-end: var(--spacing-8);
  padding: var(--spacing-16);
  overflow: visible;
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  background-color: var(--background-color-base);
  box-sizing: border-box;
}

.computorium-session-view .computorium-session-output-fieldset.computorium-session-output-embedded {
  border: none;
  padding: 0;
  margin-block-end: 0;
  background-color: transparent;
}

.computorium-session-view .computorium-session-output-fieldset:has(> .computorium-session-output-legend) {
  padding-block-end: calc(var(--spacing-16) + var(--spacing-20));
}

.computorium-session-view .computorium-session-output-fieldset:has(> .computorium-session-output-legend) {
  margin-block-end: calc(var(--spacing-16) + var(--spacing-20));
}

.computorium-session-view .computorium-session-output-legend {
  position: absolute;
  inset-block-end: 0px;
  inset-inline-start: var(--spacing-16);
  inset-inline-end: var(--spacing-16);
  transform: translateY(50%);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-8);
  white-space: nowrap;
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  pointer-events: none;
}

.computorium-session-view .computorium-session-output-legend-start, .computorium-session-view .computorium-session-output-legend-end {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-8);
  min-width: 0;
}

.computorium-session-view .computorium-session-output-legend-start > *, .computorium-session-view .computorium-session-output-legend-end > * {
  pointer-events: auto;
}

.computorium-session-view .computorium-session-output-legend-start > *:not(.toggle-button-view):not(.button-view), .computorium-session-view .computorium-session-output-legend-end .pagination-term, .computorium-session-view .computorium-session-output-legend-end .pagination-total {
  background-color: var(--background-color-base);
}

.computorium-session-view .computorium-session-output-legend .computorium-session-byline {
  display: inline-flex;
  align-items: center;
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-output-legend .computorium-session-rerun {
  min-width: 0 !important;
  width: var(--size-icon-small) !important;
  height: calc(((var(--spacing-8) * 2) + var(--line-height-small-22)) + (var(--border-width-base) * 2)) !important;
}

.computorium-session-view .computorium-session-continuation-prompt {
  padding: var(--spacing-16);
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  background-color: var(--background-color-neutral-subtle);
  width: 100%;
  min-width: 0;
}

.computorium-session-view .computorium-session-task-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  width: 100%;
  min-width: 0;
}

.computorium-session-view .computorium-session-input-attachments {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--spacing-16);
  min-width: 0;
  max-width: 100%;
}

.computorium-session-view [data-code-syntax]::highlight(code-tag) {
  color: var(--color-syntax-plain-text);
}

.computorium-session-view [data-code-syntax] [data-code-kind='code-tag'] {
  color: var(--color-syntax-plain-text);
}

.computorium-session-view [data-code-syntax]::highlight(code-name) {
  color: var(--color-syntax-keywords);
}

.computorium-session-view [data-code-syntax] [data-code-kind='code-name'] {
  color: var(--color-syntax-keywords);
}

.computorium-session-view [data-code-syntax]::highlight(code-attr) {
  color: var(--color-syntax-attributes);
}

.computorium-session-view [data-code-syntax] [data-code-kind='code-attr'] {
  color: var(--color-syntax-attributes);
}

.computorium-session-view [data-code-syntax]::highlight(code-value) {
  color: var(--color-syntax-strings);
}

.computorium-session-view [data-code-syntax] [data-code-kind='code-value'] {
  color: var(--color-syntax-strings);
}

.computorium-session-view [data-code-syntax]::highlight(code-entity) {
  color: var(--color-syntax-characters);
}

.computorium-session-view [data-code-syntax] [data-code-kind='code-entity'] {
  color: var(--color-syntax-characters);
}

.computorium-session-view [data-code-syntax]::highlight(code-prefix) {
  color: var(--color-syntax-other-type-names);
}

.computorium-session-view [data-code-syntax] [data-code-kind='code-prefix'] {
  color: var(--color-syntax-other-type-names);
}

.computorium-session-view [data-code-syntax]::highlight(code-pi) {
  color: var(--color-syntax-preprocessor-statements);
}

.computorium-session-view [data-code-syntax] [data-code-kind='code-pi'] {
  color: var(--color-syntax-preprocessor-statements);
}

.computorium-session-view [data-code-syntax]::highlight(code-cdata) {
  color: var(--color-syntax-other-constants);
}

.computorium-session-view [data-code-syntax] [data-code-kind='code-cdata'] {
  color: var(--color-syntax-other-constants);
}

.computorium-session-view [data-code-syntax]::highlight(code-comment) {
  color: var(--color-syntax-comments);
}

.computorium-session-view [data-code-syntax] [data-code-kind='code-comment'] {
  color: var(--color-syntax-comments);
}

.computorium-session-view .computorium-session-prompt-body {
  margin: 0;
  padding: var(--spacing-0) var(--spacing-16) var(--spacing-0) var(--spacing-0);
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--color-base);
  background-color: var(--background-color-transparent);
  border: none;
}

.computorium-session-view .computorium-session-prompt-body {
  max-height: var(--size-256);
  overflow-y: auto;
}

.computorium-session-view .computorium-session-input-statement {
  padding: var(--spacing-16);
  background-color: var(--background-color-neutral-subtle);
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
}

.computorium-session-view .computorium-session-output-thinking, .computorium-session-view .computorium-session-output-result:not(.computorium-session-output-raw) {
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  word-break: break-word;
  margin: 0;
}

.computorium-session-view .markdown-view {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  color: var(--color-subtle);
}

.computorium-session-view .markdown-view [data-md-committed] {
  display: contents;
}

.computorium-session-view .markdown-view [data-md-tail] {
  display: contents;
}

.computorium-session-view .computorium-session-output-rendered [data-md-committed] {
  display: contents;
}

.computorium-session-view .computorium-session-output-rendered [data-md-tail] {
  display: contents;
}

.computorium-session-view .markdown-view pre, .computorium-session-view .markdown-view code {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.computorium-session-view .markdown-view ul, .computorium-session-view .markdown-view ol {
  margin: 0;
  padding-inline-start: var(--spacing-24);
}

.computorium-session-view .markdown-view li {
  margin: var(--spacing-4) 0;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}

.computorium-session-view .markdown-view li p {
  margin: 0;
}

.computorium-session-view .computorium-session-output-rendered ul, .computorium-session-view .computorium-session-output-rendered ol {
  margin: 0;
  padding-inline-start: var(--spacing-24);
}

.computorium-session-view .computorium-session-output-rendered li {
  margin: var(--spacing-4) 0;
}

.computorium-session-view .computorium-session-output-rendered li p {
  margin: 0;
}

.computorium-session-view .markdown-view p {
  margin: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}

.computorium-session-view .computorium-session-output-thinking-raw {
  white-space: pre-wrap;
  word-break: break-word;
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  margin: 0;
  background-color: transparent;
  border: none;
  padding: 0;
}

.computorium-session-view .computorium-session-output-thinking-raw {
  max-height: var(--size-256);
  overflow-y: auto;
}

.computorium-session-view .computorium-session-output-raw.computorium-session-output-result {
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: normal;
  margin: 0;
  color: var(--color-base);
}

.computorium-session-view .computorium-session-output-thinking {
  color: var(--color-subtle);
  height: fit-content;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.computorium-session-view .computorium-session-output-result:not(.computorium-session-output-raw) {
  color: var(--color-base);
}

.computorium-session-view .computorium-session-output-result:empty {
  display: none;
}

.computorium-session-view .computorium-session-output-content:empty, .computorium-session-view .computorium-session-output-content:not(:has(*)) {
  display: none;
}

.computorium-session-view .computorium-session-output-content:not(:has(.markdown-view:not(:empty))):not(:has(.computorium-session-output-rendered:not(:empty))):not(:has(.computorium-session-output-result:not(:empty))):not(:has(.computorium-session-tool-call)) {
  display: none !important;
}

.computorium-session-view .computorium-session-tool-call {
  margin: 0;
}

.computorium-session-view .computorium-session-tool-call-json-controls {
  display: flex;
  align-items: center;
  align-self: flex-start;
  height: var(--line-height-small-22);
  margin-inline-start: auto;
  flex-shrink: 0;
}

.computorium-session-view .computorium-session-tool-call-json {
  display: none;
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  color: var(--color-base);
}

.computorium-session-view .computorium-session-tool-call[data-json='true'] .computorium-session-tool-call-json {
  display: block;
}

.computorium-session-view .computorium-session-tool-call[data-json='true'] .computorium-session-tool-call-args, .computorium-session-view .computorium-session-tool-call[data-json='true'] .computorium-session-tool-call-result-box, .computorium-session-view .computorium-session-tool-call[data-json='true'] .computorium-session-tool-detail {
  display: none;
}

.computorium-session-view .computorium-session-tool-call-raw {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  color: var(--color-base);
  background-color: transparent;
  border: none;
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='false'] .computorium-session-tool-call-raw {
  display: none;
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='true'] .computorium-session-tool-call-raw {
  display: block;
  white-space: pre-wrap;
  color: var(--color-subtle);
  border-inline-start: var(--border-width-thick) solid var(--border-color-subtle);
  padding-inline-start: var(--spacing-12);
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='true'] .computorium-session-compaction-raw {
  display: block;
  white-space: pre-wrap;
  color: var(--color-subtle);
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  padding: var(--spacing-12);
}

.computorium-session-view .computorium-session-compaction-raw-note {
  display: block;
  margin-block-start: var(--spacing-8);
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-compaction-raw-payload {
  display: block;
  margin-block-start: var(--spacing-8);
  padding: var(--spacing-8) var(--spacing-12);
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  background-color: var(--background-color-neutral-subtle);
  color: var(--color-base);
}

.computorium-session-view .computorium-session-compaction-raw-payload {
  max-height: var(--size-256);
  overflow-y: auto;
}

.computorium-session-view .computorium-session-compaction-raw-note:first-child {
  margin-block-start: var(--spacing-0);
}

.computorium-session-view .computorium-session-tool-call-raw-result {
  display: block;
  margin-block-start: var(--spacing-8);
  padding: var(--spacing-8) var(--spacing-12);
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  background-color: var(--background-color-neutral-subtle);
  color: var(--color-base);
}

.computorium-session-view .computorium-session-tool-call-raw-result {
  max-height: var(--size-256);
  overflow-y: auto;
}

.computorium-session-view .computorium-session-tool-call .accordion-title {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--spacing-8);
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16) !important;
  font-weight: var(--font-weight-normal) !important;
  margin: 0;
}

.computorium-session-view .computorium-session-tool-call .accordion-summary {
  padding: var(--spacing-16) !important;
}

.computorium-session-view .computorium-session-tool-call .accordion-content {
  padding: var(--spacing-0) var(--spacing-16) var(--spacing-16) !important;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}

.computorium-session-view .computorium-session-tool-call-name {
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-tool-call-mark, .computorium-session-view .computorium-session-compaction-mark, .computorium-session-view .computorium-session-tools-mark, .computorium-session-view .computorium-session-output-thinking-mark-running, .computorium-session-view .computorium-session-output-thinking-mark-done {
  align-self: baseline;
  position: relative;
  inset-block-start: calc(-1 * (0.5cap - (var(--size-icon-small) / 2)));
}

.computorium-session-view .computorium-session-tool-call .accordion-title, .computorium-session-view .computorium-session-compaction .accordion-title, .computorium-session-view .computorium-session-output-thinking .accordion-title, .computorium-session-view .computorium-session-tools .accordion-title {
  min-height: var(--line-height-small-22);
}

.computorium-session-view .computorium-session-tool-call-path {
  color: var(--color-base);
}

.computorium-session-view .computorium-session-tool-call-range {
  color: var(--color-base);
}

.computorium-session-view .computorium-session-output-thinking-rendered, .computorium-session-view .computorium-session-tool-call-rendered, .computorium-session-view .computorium-session-tools-rendered, .computorium-session-view .computorium-session-compaction-rendered {
  background-color: var(--background-color-base);
}

.computorium-session-view .computorium-session-compaction {
  margin: 0;
  scroll-margin-block-start: var(--spacing-16);
}

.computorium-session-view .computorium-session-compaction .accordion-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--spacing-8);
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16) !important;
  font-weight: var(--font-weight-normal) !important;
  margin: 0;
}

.computorium-session-view .computorium-session-compaction .accordion-summary {
  padding: var(--spacing-16) !important;
}

.computorium-session-view .computorium-session-compaction .accordion-content {
  min-width: 0;
  padding: var(--spacing-0) var(--spacing-16) var(--spacing-16) !important;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}

.computorium-session-view .computorium-session-compaction-name {
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-compaction-range {
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-compaction-meta {
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-compaction-stubs {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  color: var(--color-subtle);
  min-width: 0;
}

.computorium-session-view .computorium-session-compaction-stubs li {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  min-width: 0;
}

.computorium-session-view .computorium-session-compaction-stubs .link-view {
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  font-weight: var(--font-weight-normal);
}

.computorium-session-view .computorium-session-compaction-prompt-fieldset, .computorium-session-view .computorium-session-compaction-summary-fieldset {
  margin: 0 !important;
}

.computorium-session-view .computorium-session-compaction-summary {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  padding-inline-end: var(--spacing-16);
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-content);
  color: var(--color-subtle);
  min-width: 0;
  overflow-wrap: break-word;
}

.computorium-session-view .computorium-session-compaction-summary p, .computorium-session-view .computorium-session-compaction-summary li {
  font-size: var(--font-size-medium-16) !important;
  color: var(--color-subtle);
  margin: 0;
}

.computorium-session-view .computorium-session-compaction-summary h1, .computorium-session-view .computorium-session-compaction-summary h2, .computorium-session-view .computorium-session-compaction-summary h3, .computorium-session-view .computorium-session-compaction-summary h4, .computorium-session-view .computorium-session-compaction-summary h5, .computorium-session-view .computorium-session-compaction-summary h6 {
  font-size: var(--font-size-medium-16) !important;
  font-weight: var(--font-weight-semi-bold) !important;
  line-height: var(--line-height-medium-26) !important;
  color: var(--color-base);
  margin: 0;
}

.computorium-session-view .computorium-session-compaction-summary ul, .computorium-session-view .computorium-session-compaction-summary ol {
  margin: 0;
  padding-inline-start: var(--spacing-16);
}

.computorium-session-view .computorium-session-compaction-summary code, .computorium-session-view .computorium-session-compaction-summary pre {
  font-family: var(--typography-font-mono);
  font-size: inherit;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  margin: 0;
}

.computorium-session-view .computorium-session-compaction-summary pre, .computorium-session-view .computorium-session-compaction-summary pre code {
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
}

.computorium-session-view .computorium-session-compaction-summary [data-md-committed], .computorium-session-view .computorium-session-compaction-summary [data-md-tail] {
  display: contents;
}

.computorium-session-view .computorium-session-tool-stub {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  min-width: 0;
  margin-block-start: var(--spacing-8);
}

.computorium-session-view .computorium-session-tool-stub .link-view {
  align-self: flex-start;
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  font-weight: var(--font-weight-normal);
}

.computorium-session-view .computorium-session-compaction-stub-head {
  display: block;
  min-width: 0;
}

.computorium-session-view .computorium-session-tool-call-raw-stub {
  display: block;
  margin-block-start: var(--spacing-8);
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-compaction-prompt {
  margin: 0;
  min-width: 0;
  max-width: 100%;
  padding: var(--spacing-0) var(--spacing-16) var(--spacing-0) var(--spacing-0);
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  color: var(--color-base);
}

.computorium-session-view .computorium-session-compaction-prompt {
  max-height: var(--size-256);
  overflow-y: auto;
}

.computorium-session-view .computorium-session-output-thinking .accordion-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--spacing-8);
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16) !important;
  font-weight: var(--font-weight-normal) !important;
  color: var(--color-subtle);
  margin: 0;
}

.computorium-session-view .computorium-session-output-thinking-mark-running, .computorium-session-view .computorium-session-output-thinking-mark-done {
  flex-shrink: 0;
}

.computorium-session-view .computorium-session-output-thinking .accordion-summary {
  padding: var(--spacing-16) !important;
}

.computorium-session-view .computorium-session-output-thinking .accordion-content {
  padding: var(--spacing-0) var(--spacing-0) var(--spacing-16) var(--spacing-16) !important;
}

.computorium-session-view .computorium-session-output-thinking-body {
  padding-inline-end: var(--spacing-16);
}

.computorium-session-view .markdown-view {
  font-family: var(--typography-font-sans) !important;
  font-size: var(--font-size-medium-16) !important;
  line-height: var(--line-height-content);
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-output-thinking-mark-running {
  display: none;
}

.computorium-session-view .computorium-session-output-thinking-mark-done {
  display: none;
  color: var(--color-blue);
}

.computorium-session-view .computorium-session-output-thinking-running .computorium-session-output-thinking-mark-running {
  display: flex;
}

.computorium-session-view .computorium-session-output-thinking-done .computorium-session-output-thinking-mark-done {
  display: flex;
}

.computorium-session-view .markdown-view p, .computorium-session-view .markdown-view li {
  font-size: var(--font-size-medium-16) !important;
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-sent-images {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  margin: 0;
  padding: 0;
  list-style: none;
}

.computorium-session-view .computorium-session-sent-image {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  overflow-wrap: anywhere;
}

.computorium-session-view .computorium-session-tool-image-unavailable {
  margin: 0;
  font-size: var(--font-size-medium-16);
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-tools {
  margin: 0;
  scroll-margin-block-start: var(--spacing-16);
}

.computorium-session-view .computorium-session-tools .accordion-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--spacing-8);
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16) !important;
  font-weight: var(--font-weight-normal) !important;
  margin: 0;
}

.computorium-session-view .computorium-session-tools .accordion-summary {
  padding: var(--spacing-16) !important;
}

.computorium-session-view .computorium-session-tools .accordion-content {
  min-width: 0;
  padding: var(--spacing-0) var(--spacing-16) var(--spacing-16) !important;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}

.computorium-session-view .computorium-session-tools-name {
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='true'] .computorium-session-tools-rendered {
  display: none;
}

.computorium-session-view .computorium-session-output-fieldset[data-raw-view='true'] .computorium-session-tools-raw {
  display: block;
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
  color: var(--color-subtle);
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  padding: var(--spacing-12);
}

.computorium-session-view .computorium-session-tools-raw {
  max-height: var(--size-256);
  overflow-y: auto;
}

.computorium-session-view .computorium-session-tool-call-args {
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  padding: 0;
  margin: 0;
  white-space: pre-wrap;
  overflow: visible;
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-tool-call-result {
  display: block;
  font-family: var(--typography-font-mono);
  font-size: var(--font-size-medium-16);
  padding: 0;
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  tab-size: 2;
  color: var(--color-base);
}

.computorium-session-view .computorium-session-tool-call-result {
  max-height: var(--size-256);
  overflow-y: auto;
}

.computorium-session-view .computorium-session-tool-call-args + .computorium-session-tool-call-result {
  margin-block-start: var(--spacing-8);
}

.computorium-session-view .computorium-session-footer {
  gap: var(--spacing-8);
  padding: var(--spacing-16);
  border-block-start: var(--border-width-base) solid var(--border-color-subtle);
  justify-content: flex-end;
}

.computorium-session-view .computorium-session-footer-empty {
  display: none;
}

.computorium-session-view .computorium-session-footer-meta {
  font-size: var(--font-size-medium-16);
  color: var(--color-subtle);
  flex-shrink: 0;
}

.computorium-session-view .computorium-session-footer-meta {
  white-space: nowrap;
  text-overflow: clip;
  --edge-fade-start: 0px;
  --edge-fade-end: var(--size-edge-fade);
}

.computorium-session-view .computorium-session-footer-meta {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.computorium-session-view .computorium-session-footer-meta::-webkit-scrollbar {
  display: none !important;
}

.computorium-session-view .computorium-session-footer-meta[data-overflowing-start='true'] {
  --edge-fade-start: var(--size-edge-fade);
}

.computorium-session-view .computorium-session-footer-meta[data-overflowing-end='false'] {
  --edge-fade-end: 0px;
}

.computorium-session-view .computorium-session-footer-meta[data-overflowing='true']:not([data-edge-fade-expanded='true']) {
  mask-image: linear-gradient(to right, transparent, black var(--edge-fade-start), black calc(100% - var(--edge-fade-end)), transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black var(--edge-fade-start), black calc(100% - var(--edge-fade-end)), transparent);
}

.computorium-session-view .computorium-session-footer-meta[data-overflowing='true']:not([data-edge-fade-expanded='true']):dir(rtl) {
  mask-image: linear-gradient(to left, transparent, black var(--edge-fade-start), black calc(100% - var(--edge-fade-end)), transparent);
  -webkit-mask-image: linear-gradient(to left, transparent, black var(--edge-fade-start), black calc(100% - var(--edge-fade-end)), transparent);
}

.computorium-session-view .computorium-session-footer-meta[data-edge-fade-expanded] {
  cursor: pointer;
}

.computorium-session-view .computorium-session-footer-meta[data-edge-fade-expanded='true'] {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  flex-wrap: wrap !important;
}

.computorium-session-view .computorium-session-footer-meta[data-edge-fade-view='expand']:has(:focus-visible), .computorium-session-view .computorium-session-footer-meta[data-edge-fade-view='expand']:is(:focus-visible *) {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  flex-wrap: wrap !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.computorium-session-view .computorium-session-footer-label {
  color: var(--color-subtle);
}

.computorium-session-view .computorium-session-footer-value {
  color: var(--color-base);
  font-family: var(--typography-font-mono);
}

.computorium-session-pager {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 0;
}