@openviking/react 0.1.2 → 0.1.3

package/dist/modules/file-browser/style.css

@@ -1,4 +1,4 @@
-.ov-agent-connect, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__interaction {
+.ov-agent-connect, .ov-divider, .ov-file-browser, .ov-file-browser-entries, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5252ff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #3833d2;
@@ -30,7 +30,7 @@
   --ov-ui-tooltip-text-default: #fff;
 }
 
-.dark .ov-agent-connect, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__interaction {
+.dark .ov-agent-connect, .dark .ov-divider, .dark .ov-file-browser, .dark .ov-file-browser-entries, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__interaction {
   --ov-ui-primary-default: #5f5fff;
   --ov-ui-primary-hover-default: #7075ff;
   --ov-ui-primary-active-default: #4242ba;
@@ -79,79 +79,4971 @@
   --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
 }
 
-.ov-file-browser__toolbar-button {
+.ov-popover {
+  --ov-ui-popover-bg: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default, #fff));
+  --ov-ui-popover-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+  --ov-ui-popover-border: var(--ov-ui-color-border-2, var(--ov-ui-border-2-default, #e1e4f2));
+  z-index: 1000;
+  box-sizing: border-box;
+  border: 1px solid var(--ov-ui-popover-border);
+  background: var(--ov-ui-popover-bg);
+  max-width: 320px;
+  color: var(--ov-ui-popover-text);
+  overflow-wrap: break-word;
+  border-radius: 8px;
+  padding: 12px;
+  font-family: inherit;
+  font-size: 12px;
+  line-height: 20px;
+  animation: .12s ease-out ov-popover-enter;
+  position: fixed;
+  box-shadow: 0 15px 35px -2px #0000000d, 0 5px 15px #0000000d;
+}
+
+@keyframes ov-popover-enter {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ov-popover {
+    animation: none;
+  }
+}
+
+.ov-tooltip {
+  --ov-ui-tooltip-bg: var(--ov-ui-color-tooltip-bg, var(--ov-ui-tooltip-bg-default, #1f2329));
+  --ov-ui-tooltip-text: var(--ov-ui-color-tooltip-text, var(--ov-ui-tooltip-text-default, #fff));
+  --ov-ui-tooltip-border: transparent;
+  --ov-ui-tooltip-radius: var(--ov-ui-radius, 6px);
+  --ov-ui-tooltip-offset: 6px;
+  z-index: 1000;
+  box-sizing: border-box;
+  border: 1px solid var(--ov-ui-tooltip-border);
+  border-radius: var(--ov-ui-tooltip-radius);
+  background: var(--ov-ui-tooltip-bg);
+  max-width: 320px;
+  color: var(--ov-ui-tooltip-text);
+  overflow-wrap: break-word;
+  padding: 6px 8px;
+  font-family: inherit;
+  font-size: 12px;
+  line-height: 18px;
+  animation: .12s ease-out ov-tooltip-enter;
+  position: fixed;
+  box-shadow: 0 4px 12px #0000001f;
+}
+
+.ov-tooltip[role="dialog"] {
+  --ov-ui-tooltip-bg: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default, #fff));
+  --ov-ui-tooltip-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+  --ov-ui-tooltip-border: var(--ov-ui-color-border-2, var(--ov-ui-border-2-default, #e1e4f2));
+  min-width: 120px;
+  max-width: 360px;
+  padding: 4px;
+  box-shadow: 0 6px 16px #0000001f;
+}
+
+@keyframes ov-tooltip-enter {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ov-tooltip {
+    animation: none;
+  }
+}
+
+.ov-resizable-handle {
+  --ov-ui-resizable-handle-hit: 16px;
+  --ov-ui-resizable-handle-line: 1px;
+  --ov-ui-resizable-handle-rest: var(--ov-ui-color-border-1, var(--ov-ui-border-1-default, #f0f2fa));
+  --ov-ui-resizable-handle-accent: var(--ov-ui-color-primary, var(--ov-ui-primary-default, #5252ff));
+  width: var(--ov-ui-resizable-handle-hit);
+  box-sizing: border-box;
+  cursor: ew-resize;
+  touch-action: none;
+  outline: none;
+  flex: none;
+  justify-content: center;
+  align-self: stretch;
+  align-items: center;
+  display: flex;
+}
+
+.ov-resizable-handle__line {
+  width: var(--ov-ui-resizable-handle-line);
+  background: var(--ov-ui-resizable-handle-rest);
+  border-radius: 999px;
+  height: 100%;
+  transition: background-color .16s;
+  display: block;
+}
+
+.ov-resizable-handle:hover .ov-resizable-handle__line, .ov-resizable-handle:focus-visible .ov-resizable-handle__line, .ov-resizable-handle[data-dragging] .ov-resizable-handle__line {
+  background: var(--ov-ui-resizable-handle-accent);
+}
+
+.ov-resizable-handle:focus-visible .ov-resizable-handle__line {
+  width: calc(var(--ov-ui-resizable-handle-line) * 2);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ov-resizable-handle__line {
+    transition: none;
+  }
+}
+
+.ov-file-tree {
+  --ov-ui-file-tree-row-height: 32px;
+  --ov-ui-file-tree-row-radius: 4px;
+  --ov-ui-file-tree-indent: 16px;
+  --ov-ui-file-tree-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+  --ov-ui-file-tree-text-muted: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #6e718c));
+  --ov-ui-file-tree-icon: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #6e718c));
+  --ov-ui-file-tree-row-hover: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default, #f1f2f9));
+  --ov-ui-file-tree-row-selected: var(--ov-ui-color-bg-4, var(--ov-ui-bg-4-default, #f6f7fa));
+  --ov-ui-file-tree-guide: var(--ov-ui-color-border-2, var(--ov-ui-border-2-default, #e1e4f2));
+  --ov-ui-file-tree-spinner-track: var(--ov-ui-color-border-3, var(--ov-ui-border-3-default, #d7daea));
+  --ov-ui-file-tree-spinner: var(--ov-ui-color-primary, var(--ov-ui-primary-default, #5252ff));
+  --ov-ui-file-tree-action: var(--ov-ui-color-primary, var(--ov-ui-primary-default, #5252ff));
+  --ov-ui-file-tree-warning: var(--ov-ui-color-warning, var(--ov-ui-warning-default, #b26a00));
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 0;
+  color: var(--ov-ui-file-tree-text);
+  flex-direction: column;
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 20px;
+  display: flex;
+}
+
+.ov-file-tree__toolbar {
+  flex: none;
+  padding: 4px 0 8px;
+}
+
+.ov-file-tree__body {
+  flex: auto;
+  min-height: 0;
+  overflow: auto;
+}
+
+.ov-file-tree__rows {
+  flex-direction: column;
+  width: max-content;
+  min-width: 100%;
+  display: flex;
+}
+
+.ov-file-tree__row, .ov-file-tree__state-row {
+  box-sizing: border-box;
+  width: max-content;
+  min-width: 100%;
+  height: var(--ov-ui-file-tree-row-height);
+  border-radius: var(--ov-ui-file-tree-row-radius);
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+  outline: none;
+  align-items: center;
+  gap: 2px;
+  padding-right: 4px;
+  display: flex;
+  position: relative;
+}
+
+.ov-file-tree__row {
+  transition: background-color .12s;
+}
+
+.ov-file-tree__row:hover {
+  background-color: var(--ov-ui-file-tree-row-hover);
+}
+
+.ov-file-tree__row[data-selected] {
+  background-color: var(--ov-ui-file-tree-row-selected);
+}
+
+.ov-file-tree__row:focus-visible, .ov-file-tree__state-row:focus-visible {
+  outline: 2px solid var(--ov-ui-file-tree-action);
+  outline-offset: -2px;
+}
+
+.ov-file-tree__row[data-disabled] {
+  color: var(--ov-ui-file-tree-text-muted);
+  cursor: not-allowed;
+}
+
+.ov-file-tree__guide {
+  background-color: var(--ov-ui-file-tree-guide);
+  pointer-events: none;
+  width: 1px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+}
+
+.ov-file-tree__toggle, .ov-file-tree__toggle-spacer {
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  width: 16px;
+  height: 16px;
+  display: inline-flex;
+}
+
+.ov-file-tree__toggle {
+  color: var(--ov-ui-file-tree-text-muted);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 4px;
+  padding: 0;
+}
+
+.ov-file-tree__toggle:hover:not(:disabled) {
+  background-color: var(--ov-ui-file-tree-row-hover);
+}
+
+.ov-file-tree__toggle:disabled {
+  cursor: default;
+}
+
+.ov-file-tree__chevron {
+  transition: transform .15s cubic-bezier(.22, 1, .36, 1);
+}
+
+.ov-file-tree__chevron[data-expanded] {
+  transform: rotate(90deg);
+}
+
+.ov-file-tree__icon-slot {
+  width: 16px;
+  height: 16px;
+  color: var(--ov-ui-file-tree-icon);
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.ov-file-tree__folder {
+  width: 14px;
+  height: 14px;
+  display: inline-block;
+  position: relative;
+}
+
+.ov-file-tree__folder-layer {
+  opacity: 0;
+  width: 14px;
+  height: 14px;
+  transition: opacity .22s cubic-bezier(.22, 1, .36, 1);
+  position: absolute;
+  inset: 0;
+}
+
+.ov-file-tree__folder-layer[data-open="true"] {
+  opacity: 1;
+}
+
+.ov-file-tree__file-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.ov-file-tree__label-group {
+  flex: none;
+  align-items: center;
+  gap: 8px;
+  display: flex;
+}
+
+.ov-file-tree__label {
+  white-space: nowrap;
+  flex: none;
+}
+
+.ov-file-tree__description {
+  max-width: 200px;
+  color: var(--ov-ui-file-tree-text-muted);
+  letter-spacing: .03px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: none;
+  font-size: 10px;
+  line-height: 20px;
+  overflow: hidden;
+}
+
+.ov-file-tree__level {
+  color: var(--ov-ui-file-tree-text-muted);
+  flex: none;
+  margin-left: auto;
+  font-size: 14px;
+}
+
+.ov-file-tree__expiry {
+  color: var(--ov-ui-file-tree-warning);
+  flex: none;
+  font-size: 12px;
+}
+
+.ov-file-tree__expiry-action {
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 0;
+  text-decoration: underline;
+}
+
+.ov-file-tree__dashboard {
+  flex: none;
+  align-items: center;
+  display: inline-flex;
+}
+
+.ov-file-tree__info {
+  flex-direction: column;
+  gap: 8px;
+  display: flex;
+}
+
+.ov-file-tree__info-title {
+  color: var(--ov-ui-file-tree-text);
+  word-break: break-all;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 22px;
+}
+
+.ov-file-tree__info-row {
+  gap: 8px;
+  min-width: 0;
+  display: flex;
+}
+
+.ov-file-tree__info-label {
+  color: var(--ov-ui-file-tree-text-muted);
+  flex: none;
+}
+
+.ov-file-tree__info-value {
+  min-width: 0;
+  color: var(--ov-ui-file-tree-text);
+  word-break: break-word;
+}
+
+.ov-file-tree__info-path {
+  min-width: 0;
+  color: var(--ov-ui-file-tree-text-muted);
+  word-break: break-all;
+}
+
+.ov-file-tree__state-row {
+  color: var(--ov-ui-file-tree-text-muted);
+}
+
+.ov-file-tree__state-row[data-tone="error"] {
+  color: var(--ov-ui-color-status-error, var(--ov-ui-status-error-default, #c43838));
+}
+
+.ov-file-tree__state {
+  box-sizing: border-box;
+  min-height: 120px;
+  color: var(--ov-ui-file-tree-text-muted);
+  justify-content: center;
+  align-items: center;
+  padding: 24px;
+  display: flex;
+}
+
+.ov-file-tree__muted {
+  color: inherit;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.ov-file-tree__spinner {
+  box-sizing: border-box;
+  border: 1px solid var(--ov-ui-file-tree-spinner-track);
+  border-top-color: var(--ov-ui-file-tree-spinner);
+  border-radius: 50%;
+  flex: none;
+  width: 12px;
+  height: 12px;
+  animation: .9s linear infinite ov-file-tree-spin;
+  display: inline-block;
+}
+
+@keyframes ov-file-tree-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.ov-file-tree__action {
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 0;
+  transition: color .12s;
+}
+
+.ov-file-tree__action:hover:not(:disabled) {
+  color: var(--ov-ui-file-tree-action);
+}
+
+.ov-file-tree__action:disabled {
+  cursor: default;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ov-file-tree__chevron, .ov-file-tree__folder-layer {
+    transition: none;
+  }
+
+  .ov-file-tree__spinner {
+    animation-duration: 2s;
+  }
+}
+
+.ov-file-tree__file-type-icon {
+  color: var(--ov-file-tree-icon-light, var(--ov-ui-file-tree-icon));
+}
+
+.dark .ov-file-tree__file-type-icon {
+  color: var(--ov-file-tree-icon-dark, var(--ov-ui-file-tree-icon));
+}
+
+.ov-file-preview {
+  --ov-ui-file-preview-accent: var(--ov-ui-color-primary, var(--ov-ui-primary-default, #5252ff));
+  --ov-ui-file-preview-accent-hover: var(--ov-ui-color-primary-hover, var(--ov-ui-primary-hover-default, #7075ff));
+  --ov-ui-file-preview-border: var(--ov-ui-color-border-2, var(--ov-ui-border-2-default, #e1e4f2));
+  --ov-ui-file-preview-focus-ring: var(--ov-ui-color-primary, var(--ov-ui-primary-default, #5252ff));
+  --ov-ui-file-preview-row-hover: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default, #f1f2f9));
+  --ov-ui-file-preview-surface: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default, #fff));
+  --ov-ui-file-preview-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+  --ov-ui-file-preview-text-muted: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #6e718c));
+  --ov-ui-file-preview-text-path: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #6e718c));
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  height: 100%;
+  min-height: 0;
+  color: inherit;
+  flex-direction: column;
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 20px;
+  display: flex;
+}
+
+.ov-file-preview__tab-row {
+  scrollbar-width: thin;
+  flex: none;
+  min-width: 0;
+  overflow-x: auto;
+}
+
+.ov-file-preview__tab-track {
+  box-sizing: border-box;
+  align-items: stretch;
+  gap: 8px;
+  min-width: 100%;
+  height: 28px;
+  padding: 0 8px;
+  display: flex;
+  position: relative;
+}
+
+.ov-file-preview__tab {
+  box-sizing: border-box;
+  max-width: 160px;
+  height: 28px;
+  color: var(--ov-ui-file-preview-text-muted);
+  font: inherit;
+  white-space: nowrap;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 8px 8px 0 0;
+  flex: none;
+  align-items: center;
+  gap: 4px;
+  padding: 0 12px;
+  font-size: 12px;
+  line-height: 20px;
+  transition: background-color .16s, color .16s;
+  display: inline-flex;
+  position: relative;
+}
+
+.ov-file-preview__tab:hover:not(:disabled) {
+  background: var(--ov-ui-file-preview-row-hover);
+  color: var(--ov-ui-file-preview-text);
+}
+
+.ov-file-preview__tab--active {
+  background: var(--ov-ui-file-preview-surface);
+  color: var(--ov-ui-file-preview-text);
+  font-weight: 500;
+}
+
+.ov-file-preview__tab-outline {
+  pointer-events: none;
+  fill: none;
+  width: 100%;
+  height: 100%;
+  stroke: var(--ov-ui-file-preview-border);
+  stroke-width: 1px;
+  position: absolute;
+  inset: 0;
+  overflow: visible;
+}
+
+.ov-file-preview__tab:disabled {
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.ov-file-preview__tab:focus-visible, .ov-file-preview__action:focus-visible, .ov-file-preview__button:focus-visible, .ov-file-preview__switch-item:focus-visible, .ov-file-preview__breadcrumb-link:focus-visible {
+  outline: 2px solid var(--ov-ui-file-preview-focus-ring);
+  outline-offset: 1px;
+}
+
+.ov-file-preview__tab-icon {
+  flex: none;
+  align-items: center;
+  display: inline-flex;
+}
+
+.ov-file-preview__tab-icon > svg {
+  width: 14px;
+  height: 14px;
+  display: block;
+}
+
+.ov-file-preview__tab-title {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  color: inherit;
+  flex: 1;
+  overflow: hidden;
+}
+
+.ov-file-preview__panel {
+  flex-direction: column;
+  flex: auto;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.ov-file-preview__panel--content {
+  overflow: hidden;
+}
+
+.ov-file-preview__header {
+  flex: none;
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  display: flex;
+}
+
+.ov-file-preview__path-row, .ov-file-preview__header-actions {
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  display: flex;
+}
+
+.ov-file-preview__path-row {
+  flex: auto;
+  justify-content: flex-start;
+}
+
+.ov-file-preview__header-actions {
+  flex: none;
+}
+
+.ov-file-preview__breadcrumb {
+  min-width: 0;
+  max-width: 100%;
+  font-family: var(--ov-ui-font-mono, ui-monospace, monospace);
+  white-space: nowrap;
+  flex: 0 auto;
+  align-items: center;
+  gap: 0;
+  font-size: 14px;
+  line-height: 22px;
+  display: flex;
+}
+
+.ov-file-preview__breadcrumb-measure {
+  visibility: hidden;
+  pointer-events: none;
+  white-space: nowrap;
+  position: absolute;
+}
+
+.ov-file-preview__breadcrumb-part {
+  flex: none;
+  align-items: center;
+  display: inline-flex;
+}
+
+.ov-file-preview__breadcrumb-link {
+  max-width: 172px;
+  color: var(--ov-ui-file-preview-text-path);
+  font: inherit;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+.ov-file-preview__breadcrumb--overflowing .ov-file-preview__breadcrumb-link {
+  max-width: 160px;
+}
+
+.ov-file-preview__breadcrumb-link:hover:not(:disabled) {
+  color: var(--ov-ui-file-preview-accent-hover);
+}
+
+.ov-file-preview__breadcrumb-link:disabled {
+  cursor: default;
+}
+
+.ov-file-preview__breadcrumb-separator {
+  width: 12px;
+  color: var(--ov-ui-file-preview-text-path);
+  text-align: center;
+  flex: none;
+}
+
+.ov-file-preview__breadcrumb-current {
+  min-width: 0;
+  max-width: 100%;
+  color: var(--ov-ui-file-preview-text);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 0 auto;
+  font-weight: 500;
+  overflow: hidden;
+}
+
+.ov-file-preview__breadcrumb-more {
+  width: 24px;
+  height: 22px;
+  color: var(--ov-ui-file-preview-text-path);
+  font: inherit;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  transition: color .16s;
+  display: inline-flex;
+}
+
+.ov-file-preview__breadcrumb-more:hover {
+  color: var(--ov-ui-file-preview-accent-hover);
+}
+
+.ov-tooltip.ov-file-preview__breadcrumb-menu-surface[role="dialog"] {
+  min-width: 0;
+}
+
+.ov-file-preview__breadcrumb-menu {
+  max-height: 320px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow-y: auto;
+}
+
+.ov-file-preview__breadcrumb-menu button {
+  box-sizing: border-box;
+  border-radius: calc(var(--ov-ui-radius, 6px) - 2px);
+  max-width: 320px;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 4px 6px;
+  display: block;
+  overflow: hidden;
+}
+
+.ov-file-preview__breadcrumb-menu button:hover:not(:disabled) {
+  background: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default, #f1f2f9));
+}
+
+.ov-file-preview__action {
+  box-sizing: border-box;
+  width: 28px;
+  height: 28px;
+  color: var(--ov-ui-file-preview-text-path);
+  font: inherit;
+  cursor: pointer;
+  background: none;
+  border: 1px solid #0000;
+  border-radius: 6px;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  transition: background-color .16s, border-color .16s;
+  display: inline-flex;
+}
+
+.ov-file-preview__action:hover:not(:disabled) {
+  background: var(--ov-ui-file-preview-row-hover);
+  color: var(--ov-ui-file-preview-text);
+}
+
+.ov-file-preview__action--outlined {
+  border-color: var(--ov-ui-file-preview-border);
+  background: var(--ov-ui-file-preview-row-hover);
+  color: var(--ov-ui-file-preview-text);
+}
+
+.ov-file-preview__action--outlined:hover:not(:disabled) {
+  border-color: var(--ov-ui-file-preview-text-muted);
+}
+
+.ov-file-preview__action:disabled {
+  cursor: not-allowed;
+  opacity: .4;
+}
+
+.ov-file-preview__switch {
+  box-sizing: border-box;
+  background: var(--ov-ui-file-preview-row-hover);
+  border-radius: 8px;
+  flex: none;
+  grid-auto-columns: 1fr;
+  grid-auto-flow: column;
+  gap: 0;
+  height: 28px;
+  padding: 2px;
+  display: inline-grid;
+}
+
+.ov-file-preview__switch-item {
+  box-sizing: border-box;
+  min-width: 50px;
+  height: 24px;
+  color: var(--ov-ui-file-preview-text-muted);
+  font: inherit;
+  white-space: nowrap;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 6px;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  padding: 0 12px;
+  font-size: 13px;
+  line-height: 22px;
+  transition: background-color .16s, color .16s;
+  display: inline-flex;
+}
+
+.ov-file-preview__switch-item:hover:not([data-active]):not(:disabled) {
+  color: var(--ov-ui-file-preview-text);
+}
+
+.ov-file-preview__switch-item[data-active] {
+  background: var(--ov-ui-file-preview-surface);
+  box-shadow: 0 0 0 1px var(--ov-ui-file-preview-border);
+  color: var(--ov-ui-file-preview-text);
+  font-weight: 500;
+}
+
+.ov-file-preview__button {
+  border: 1px solid var(--ov-ui-file-preview-border);
+  border-radius: var(--ov-ui-radius, 6px);
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  background: none;
+  flex: none;
+  padding: 2px 10px;
+}
+
+.ov-file-preview__button:hover:not(:disabled) {
+  background: var(--ov-ui-file-preview-row-hover);
+}
+
+.ov-file-preview__button--primary {
+  border-color: var(--ov-ui-file-preview-accent);
+  background: var(--ov-ui-file-preview-accent);
+  color: #fff;
+}
+
+.ov-file-preview__button:disabled {
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.ov-file-preview__body {
+  flex: auto;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  overflow: hidden;
+}
+
+.ov-file-preview__viewer {
+  flex: auto;
+  min-width: 0;
+  min-height: 0;
+}
+
+.ov-file-preview__state {
+  min-width: 0;
+  min-height: 120px;
+  color: var(--ov-ui-file-preview-text-muted);
+  text-align: center;
+  flex-direction: column;
+  flex: auto;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  padding: 24px;
+  display: flex;
+}
+
+.ov-file-preview__state-title {
+  margin: 0;
+}
+
+.ov-file-preview__state-description {
+  word-break: break-word;
+  margin: 0;
+}
+
+.ov-file-preview__editor {
+  flex-direction: column;
+  flex: auto;
+  gap: 6px;
+  min-width: 0;
+  min-height: 0;
+  padding: 8px;
+  display: flex;
+  overflow: auto;
+}
+
+.ov-file-preview__textarea {
+  border: 1px solid var(--ov-ui-file-preview-border);
+  border-radius: var(--ov-ui-radius, 6px);
+  min-width: 0;
+  min-height: 120px;
+  color: inherit;
+  font-family: var(--ov-ui-font-mono, ui-monospace, monospace);
+  resize: none;
+  background: none;
+  flex: auto;
+  padding: 8px;
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.ov-file-preview__notice {
+  color: var(--ov-ui-file-preview-text-muted);
+  flex: none;
+  margin: 0;
+  padding: 4px 10px;
+  font-size: 12px;
+}
+
+.ov-file-preview__footer {
+  border-top: 1px solid var(--ov-ui-file-preview-border);
+  color: var(--ov-ui-file-preview-text-muted);
+  flex: none;
+  padding: 4px 10px;
+  font-size: 12px;
+}
+
+.ov-file-preview__levels {
+  flex: none;
+  align-items: stretch;
+  gap: 32px;
+  height: 34px;
+  padding: 0 16px;
+  display: flex;
+  position: relative;
+}
+
+.ov-file-preview__level {
+  color: var(--ov-ui-file-preview-text-muted);
+  font: inherit;
+  letter-spacing: .039px;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  align-items: center;
+  padding: 0 0 2px;
+  font-size: 13px;
+  line-height: 22px;
+  transition: color .16s;
+  display: inline-flex;
+}
+
+.ov-file-preview__level:hover {
+  color: var(--ov-ui-file-preview-text);
+}
+
+.ov-file-preview__level[data-active] {
+  color: var(--ov-ui-file-preview-text);
+  font-weight: 500;
+}
+
+.ov-file-preview__level-indicator {
+  background: var(--ov-ui-file-preview-text);
+  border-radius: 1px;
+  height: 2px;
+  transition: transform .2s cubic-bezier(.2, 0, 0, 1), width .2s cubic-bezier(.2, 0, 0, 1);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ov-file-preview__level-indicator {
+    transition: none;
+  }
+}
+
+.ov-file-preview__spinner {
+  box-sizing: border-box;
+  border: 2px solid var(--ov-ui-file-preview-border);
+  border-top-color: var(--ov-ui-file-preview-text-muted);
+  border-radius: 50%;
+  flex: none;
+  width: 16px;
+  height: 16px;
+  animation: .9s linear infinite ov-file-preview-spin;
+  display: inline-block;
+}
+
+@keyframes ov-file-preview-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ov-file-preview__spinner {
+    animation-duration: 2s;
+  }
+}
+
+/*!
+ * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
+ * SPDX-License-Identifier: MIT
+ */
+/*!
+ * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
+ * SPDX-License-Identifier: MIT
+ */
+.ark-agentic-file-viewer-cad {
+  min-width: 0;
+  min-height: 0;
+  color: var(--color-text-1);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-cad__notice {
+  min-height: 0;
+  max-height: 30%;
+  color: var(--agentic-file-viewer-muted, var(--color-text-3));
+  background: var(--agentic-file-viewer-control, var(--color-bg-2));
+  border-top: 1px solid var(--agentic-file-viewer-border, var(--color-border-2));
+  flex-shrink: 1;
+  font-size: 11px;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-cad__notice-summary {
+  background: var(--agentic-file-viewer-control, var(--color-bg-2));
+  cursor: pointer;
+  align-items: center;
+  gap: 12px;
+  padding: 4px 12px;
+  list-style: none;
+  display: flex;
+  position: sticky;
+  top: 0;
+}
+
+.ark-agentic-file-viewer-cad__notice-summary::-webkit-details-marker {
+  display: none;
+}
+
+.ark-agentic-file-viewer-cad__notice-summary:focus-visible {
+  outline: 2px solid rgb(var(--primary-6));
+  outline-offset: -2px;
+}
+
+.ark-agentic-file-viewer-cad__notice-caption {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-cad__notice-toggle {
+  flex: none;
+  align-items: center;
+  gap: 8px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer-cad__notice-toggle:after {
+  content: "";
+  border-bottom: 1px solid;
+  border-right: 1px solid;
+  width: 4px;
+  height: 4px;
+  transform: rotate(45deg);
+}
+
+details[open] .ark-agentic-file-viewer-cad__notice-toggle:after {
+  transform: rotate(225deg);
+}
+
+.ark-agentic-file-viewer-cad__notice-details {
+  overflow-wrap: anywhere;
+  padding: 0 12px 8px;
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-cad__notice-details p {
+  margin: 4px 0;
+}
+
+.ark-agentic-file-viewer-cad__notice-details ul {
+  margin: 4px 0;
+  padding-inline-start: 16px;
+}
+
+.ark-agentic-file-viewer-cad__stage {
+  background: var(--agentic-file-viewer-surface);
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  min-width: 0;
+  min-height: min(96px, 40%);
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-cad__stage > canvas:not(.ark-agentic-file-viewer-cad__thumbnail) {
+  touch-action: none;
+  outline-offset: -2px;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.ark-agentic-file-viewer-cad__thumbnail {
+  object-fit: contain;
+  max-width: 100%;
+  max-height: 100%;
+  display: block;
+}
+
+.ark-agentic-file-viewer-cad__update {
+  inset-inline: 0;
+  border-top: 1px solid var(--agentic-file-viewer-border);
+  background: var(--agentic-file-viewer-surface);
+  max-height: 70%;
+  color: var(--color-text-2);
+  overflow-wrap: anywhere;
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px 12px;
+  font-size: 12px;
+  display: flex;
+  position: absolute;
+  bottom: 0;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-cad__update-actions {
+  flex-wrap: wrap;
+  gap: 8px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-cad__layers {
+  border-bottom: 1px solid var(--color-border-2);
+  min-height: 0;
+  max-height: 40%;
+  color: var(--color-text-2);
+  flex-shrink: 1;
+  padding: 4px 12px;
+  font-size: 12px;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-cad__layers summary {
+  cursor: pointer;
+}
+
+.ark-agentic-file-viewer-cad__layer-list {
+  flex-wrap: wrap;
+  gap: 8px;
+  max-height: 96px;
+  padding-block: 8px;
+  display: flex;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-cad__layer-count {
+  color: var(--agentic-file-viewer-muted);
+  margin-inline-start: 8px;
+}
+
+.ark-agentic-file-viewer-cad__layer-hint {
+  color: var(--agentic-file-viewer-muted);
+  margin: 4px 0 0;
+}
+
+.ark-agentic-file-viewer-cad__layer-option {
+  border: 1px solid var(--agentic-file-viewer-border-strong);
+  background: var(--agentic-file-viewer-control);
+  max-width: 100%;
+  min-height: 28px;
+  font-size: inherit;
+  border-radius: 4px;
+  align-items: center;
+  margin: 0;
+  padding: 4px 8px;
+  line-height: 1.5;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer-cad__layer-option > span:first-of-type {
+  flex-shrink: 0;
+}
+
+.ark-agentic-file-viewer-cad__layer-option > span:last-child {
+  min-width: 0;
+}
+
+.ark-agentic-file-viewer-cad__layer-option[data-visible="true"] {
+  border-color: var(--agentic-file-viewer-accent);
+  background: var(--agentic-file-viewer-accent-soft);
+}
+
+.ark-agentic-file-viewer-cad__layer-option:hover:not([aria-disabled="true"]) {
+  border-color: var(--agentic-file-viewer-accent);
+  background: color-mix(in srgb, var(--agentic-file-viewer-accent) 12%, var(--agentic-file-viewer-surface));
+}
+
+.ark-agentic-file-viewer-cad__layer-option:focus-within {
+  outline: 2px solid var(--agentic-file-viewer-accent);
+  outline-offset: -2px;
+}
+
+.ark-agentic-file-viewer-cad__layer-option[aria-disabled="true"] {
+  border-color: var(--agentic-file-viewer-border);
+  background: var(--agentic-file-viewer-control);
+  cursor: not-allowed;
+}
+
+.ark-agentic-file-viewer-cad__layer-content {
+  vertical-align: middle;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  max-width: 100%;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer-cad__layer-name {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-cad__layer-state {
+  color: var(--agentic-file-viewer-muted);
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.ark-agentic-file-viewer-cad__layer-option[data-visible="true"]:not([aria-disabled="true"]) .ark-agentic-file-viewer-cad__layer-state {
+  color: var(--agentic-file-viewer-accent);
+}
+
+.ark-agentic-file-viewer-cad__actions {
+  border-top: 1px solid var(--color-border-2);
+  min-height: 0;
+  max-height: 30%;
+  color: var(--color-text-2);
+  flex-wrap: wrap;
+  flex-shrink: 1;
+  align-items: center;
+  gap: 8px;
+  padding: 4px 12px;
+  font-size: 12px;
+  display: flex;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-cad__action {
+  border: 1px solid var(--color-border-2);
+  color: var(--color-text-1);
+  background: var(--color-bg-2);
+  cursor: pointer;
+  border-radius: 4px;
+  padding: 4px 8px;
+}
+
+.ark-agentic-file-viewer-cad__action:disabled {
+  cursor: not-allowed;
+  color: var(--color-text-4);
+}
+
+.ark-agentic-file-viewer-cad__action[aria-pressed="true"] {
+  color: rgb(var(--primary-6));
+  border-color: rgb(var(--primary-6));
+}
+
+.ark-agentic-file-viewer-code {
+  --code-bg: var(--color-bg-1);
+  --code-border: var(--color-border-2);
+  --code-gutter: var(--color-text-3);
+  --code-text: var(--color-text-1);
+  --code-comment: var(--color-text-3);
+  --code-punctuation: var(--color-text-2);
+  --code-keyword: rgb(var(--primary-6));
+  --code-number: rgb(var(--purple-6));
+  --code-string: rgb(var(--success-6));
+  --code-operator: var(--color-text-2);
+  --code-function: rgb(var(--danger-6));
+  min-width: 0;
+  min-height: 0;
+  color: var(--code-text);
+  background: var(--code-bg);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-code .token.comment, .ark-agentic-file-viewer-code .token.prolog, .ark-agentic-file-viewer-code .token.doctype, .ark-agentic-file-viewer-code .token.cdata {
+  color: var(--code-comment);
+  font-style: italic;
+}
+
+.ark-agentic-file-viewer-code .token.punctuation {
+  color: var(--code-punctuation);
+}
+
+.ark-agentic-file-viewer-code .token.property, .ark-agentic-file-viewer-code .token.tag, .ark-agentic-file-viewer-code .token.constant, .ark-agentic-file-viewer-code .token.symbol, .ark-agentic-file-viewer-code .token.deleted, .ark-agentic-file-viewer-code .token.keyword {
+  color: var(--code-keyword);
+}
+
+.ark-agentic-file-viewer-code .token.boolean, .ark-agentic-file-viewer-code .token.number {
+  color: var(--code-number);
+}
+
+.ark-agentic-file-viewer-code .token.selector, .ark-agentic-file-viewer-code .token.attr-name, .ark-agentic-file-viewer-code .token.string, .ark-agentic-file-viewer-code .token.char, .ark-agentic-file-viewer-code .token.builtin, .ark-agentic-file-viewer-code .token.inserted {
+  color: var(--code-string);
+}
+
+.ark-agentic-file-viewer-code .token.operator, .ark-agentic-file-viewer-code .token.entity, .ark-agentic-file-viewer-code .token.url, .ark-agentic-file-viewer-code .token.variable {
+  color: var(--code-operator);
+}
+
+.ark-agentic-file-viewer-code .token.atrule, .ark-agentic-file-viewer-code .token.attr-value, .ark-agentic-file-viewer-code .token.function, .ark-agentic-file-viewer-code .token.class-name {
+  color: var(--code-function);
+}
+
+.ark-agentic-file-viewer-code__partial {
+  border-bottom: 1px solid var(--code-border);
+  padding: 8px 12px;
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-code__scroll {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-code__lines {
+  width: max-content;
+  min-width: 100%;
+  padding: 8px 0;
+}
+
+.ark-agentic-file-viewer-code__line {
+  letter-spacing: 0;
+  align-items: flex-start;
+  min-height: 22px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 13px;
+  line-height: 22px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-code__gutter {
+  z-index: 1;
+  width: 52px;
+  color: var(--code-gutter);
+  text-align: right;
+  -webkit-user-select: none;
+  user-select: none;
+  background: var(--code-bg);
+  border-right: 1px solid var(--code-border);
+  flex: 0 0 52px;
+  padding-right: 12px;
+  position: sticky;
+  left: 0;
+}
+
+.ark-agentic-file-viewer-code__content {
+  white-space: pre;
+  tab-size: 4;
+  min-width: 0;
+  padding: 0 16px;
+}
+
+.ark-agentic-file-viewer-code__hit {
+  color: inherit;
+  background: var(--agentic-file-viewer-search-hit-color, var(--color-border-3));
+  padding: 0;
+}
+
+.ark-agentic-file-viewer-code__hit.is-current {
+  background: var(--agentic-file-viewer-search-current-color, rgb(var(--warning-6)));
+  box-shadow: inset 0 -2px var(--agentic-file-viewer-search-current-border-color, rgb(var(--warning-6)));
+}
+
+.ark-agentic-file-viewer-diff {
+  --code-bg: var(--color-bg-1);
+  --code-border: var(--color-border-2);
+  --code-gutter: var(--color-text-3);
+  --code-text: var(--color-text-1);
+  --code-comment: var(--color-text-3);
+  --code-punctuation: var(--color-text-2);
+  --code-keyword: rgb(var(--primary-6));
+  --code-number: rgb(var(--purple-6));
+  --code-string: rgb(var(--success-6));
+  --code-operator: var(--color-text-2);
+  --code-function: rgb(var(--danger-6));
+  --diff-subtle-bg: color-mix(in srgb, var(--code-text) 4%, var(--code-bg));
+  --diff-hover-bg: color-mix(in srgb, var(--code-text) 7%, var(--code-bg));
+  --diff-added-bg: color-mix(in srgb, rgb(var(--success-6)) 10%, var(--code-bg));
+  --diff-deleted-bg: color-mix(in srgb, rgb(var(--danger-6)) 10%, var(--code-bg));
+  min-width: 0;
+  min-height: 0;
+  color: var(--code-text);
+  background: var(--code-bg);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  container-type: inline-size;
+}
+
+.ark-agentic-file-viewer-diff .token.comment, .ark-agentic-file-viewer-diff .token.prolog, .ark-agentic-file-viewer-diff .token.doctype, .ark-agentic-file-viewer-diff .token.cdata {
+  color: var(--code-comment);
+  font-style: italic;
+}
+
+.ark-agentic-file-viewer-diff .token.punctuation {
+  color: var(--code-punctuation);
+}
+
+.ark-agentic-file-viewer-diff .token.property, .ark-agentic-file-viewer-diff .token.tag, .ark-agentic-file-viewer-diff .token.constant, .ark-agentic-file-viewer-diff .token.symbol, .ark-agentic-file-viewer-diff .token.deleted, .ark-agentic-file-viewer-diff .token.keyword {
+  color: var(--code-keyword);
+}
+
+.ark-agentic-file-viewer-diff .token.boolean, .ark-agentic-file-viewer-diff .token.number {
+  color: var(--code-number);
+}
+
+.ark-agentic-file-viewer-diff .token.selector, .ark-agentic-file-viewer-diff .token.attr-name, .ark-agentic-file-viewer-diff .token.string, .ark-agentic-file-viewer-diff .token.char, .ark-agentic-file-viewer-diff .token.builtin, .ark-agentic-file-viewer-diff .token.inserted {
+  color: var(--code-string);
+}
+
+.ark-agentic-file-viewer-diff .token.operator, .ark-agentic-file-viewer-diff .token.entity, .ark-agentic-file-viewer-diff .token.url, .ark-agentic-file-viewer-diff .token.variable {
+  color: var(--code-operator);
+}
+
+.ark-agentic-file-viewer-diff .token.atrule, .ark-agentic-file-viewer-diff .token.attr-value, .ark-agentic-file-viewer-diff .token.function, .ark-agentic-file-viewer-diff .token.class-name {
+  color: var(--code-function);
+}
+
+.ark-agentic-file-viewer-diff button {
+  font: inherit;
+  color: inherit;
+}
+
+.ark-agentic-file-viewer-diff button:focus-visible {
+  outline: 2px solid rgb(var(--primary-6));
+  outline-offset: -2px;
+}
+
+.ark-agentic-file-viewer-diff .is-added {
+  color: rgb(var(--success-6));
+}
+
+.ark-agentic-file-viewer-diff .is-deleted {
+  color: rgb(var(--danger-6));
+}
+
+.ark-agentic-file-viewer-diff__summary {
+  border-bottom: 1px solid var(--code-border);
+  color: var(--color-text-2);
+  gap: 8px;
+  padding: 8px 12px;
+  font-size: 12px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-diff__layout {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-diff__navigation {
+  border-right: 1px solid var(--code-border);
+  flex: 0 0 220px;
+  width: 220px;
+  min-height: 0;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-diff__navigation-title, .ark-agentic-file-viewer-diff__part {
+  color: var(--color-text-2);
+  overflow-wrap: anywhere;
+  padding: 8px 12px;
+}
+
+.ark-agentic-file-viewer-diff__part {
+  border-top: 1px solid var(--code-border);
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-diff__file {
+  text-align: left;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  flex-wrap: wrap;
+  gap: 8px;
+  width: 100%;
+  padding: 8px 12px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-diff__file:hover {
+  background: var(--diff-subtle-bg);
+}
+
+.ark-agentic-file-viewer-diff__file[aria-current="true"] {
+  color: color-mix(in srgb, rgb(var(--primary-6)) 60%, var(--code-text));
+  background: var(--color-primary-light-1);
+  box-shadow: inset 3px 0 rgb(var(--primary-6));
+}
+
+.ark-agentic-file-viewer-diff__file-path {
+  overflow-wrap: anywhere;
+  width: 100%;
+}
+
+.ark-agentic-file-viewer-diff__file-status, .ark-agentic-file-viewer-diff__counts {
+  color: var(--color-text-3);
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-diff__scroll {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+  container-type: inline-size;
+}
+
+.ark-agentic-file-viewer-diff__file-header {
+  box-sizing: border-box;
+  z-index: 2;
+  background: var(--code-bg);
+  border-bottom: 1px solid var(--code-border);
+  overflow-wrap: anywhere;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  padding: 8px 12px;
+  display: flex;
+  position: sticky;
+  top: 0;
+  left: 0;
+}
+
+.ark-agentic-file-viewer-diff__file-header > span:first-child {
+  flex: 1;
+  min-width: 0;
+}
+
+.ark-agentic-file-viewer-diff__file-header button, .ark-agentic-file-viewer-diff__paging button {
+  border: 1px solid var(--code-border);
+  background: var(--code-bg);
+  cursor: pointer;
+  border-radius: 4px;
+  padding: 2px 8px;
+}
+
+.ark-agentic-file-viewer-diff__file-header button:disabled, .ark-agentic-file-viewer-diff__paging button:disabled {
+  color: var(--color-text-4);
+  cursor: default;
+}
+
+.ark-agentic-file-viewer-diff__notice {
+  box-sizing: border-box;
+  width: 100%;
+  color: var(--color-text-2);
+  background: var(--code-bg);
+  border-bottom: 1px solid var(--code-border);
+  padding: 8px 12px;
+  position: sticky;
+  left: 0;
+}
+
+.ark-agentic-file-viewer-diff__metadata {
+  --diff-metadata-accent: color-mix(in srgb, rgb(var(--primary-6)) 65%, var(--code-text));
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 640px;
+  color: var(--code-text);
+  overflow-wrap: anywhere;
+  padding: 24px;
+  line-height: 1.5;
+}
+
+.ark-agentic-file-viewer-diff__metadata[data-change-kind="added"] {
+  --diff-metadata-accent: rgb(var(--success-6));
+}
+
+.ark-agentic-file-viewer-diff__metadata[data-change-kind="deleted"] {
+  --diff-metadata-accent: rgb(var(--danger-6));
+}
+
+.ark-agentic-file-viewer-diff__metadata-heading {
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-diff__metadata-heading h3 {
+  color: inherit;
+  margin: 0;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.ark-agentic-file-viewer-diff__metadata-heading p {
+  color: var(--color-text-3);
+  margin: 4px 0 0;
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-diff__metadata-icon {
+  width: 36px;
+  height: 36px;
+  color: var(--diff-metadata-accent);
+  background: color-mix(in srgb, var(--diff-metadata-accent) 6%, var(--code-bg));
+  border-radius: 12px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer-diff__metadata-icon svg {
+  stroke-width: 1.5px;
+  width: 20px;
+  height: 20px;
+}
+
+.ark-agentic-file-viewer-diff__metadata-comparison {
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+  display: grid;
+}
+
+.ark-agentic-file-viewer-diff__metadata-path {
+  background: color-mix(in srgb, var(--code-text) 2%, var(--code-bg));
+  border: 1px solid var(--code-border);
+  border-radius: 6px;
+  align-self: stretch;
+  min-width: 0;
+  margin: 0;
+  padding: 12px;
+}
+
+.ark-agentic-file-viewer-diff__metadata-path[data-side="new"] {
+  background: color-mix(in srgb, var(--diff-metadata-accent) 3%, var(--code-bg));
+  border-color: color-mix(in srgb, var(--diff-metadata-accent) 20%, var(--code-border));
+}
+
+.ark-agentic-file-viewer-diff__metadata-path dt {
+  color: var(--color-text-3);
+  margin-bottom: 8px;
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-diff__metadata-path dd {
+  min-width: 0;
+  margin: 0;
+}
+
+.ark-agentic-file-viewer-diff__metadata-path code {
+  font-family: ui-monospace, monospace;
+  font-size: 13px;
+}
+
+.ark-agentic-file-viewer-diff__metadata-directory {
+  color: var(--color-text-3);
+}
+
+.ark-agentic-file-viewer-diff__metadata-filename {
+  font-weight: 500;
+}
+
+.ark-agentic-file-viewer-diff__metadata-arrow {
+  width: 16px;
+  height: 16px;
+  color: var(--color-text-3);
+}
+
+.ark-agentic-file-viewer-diff__metadata-mode {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 12px;
+  margin: 16px 0 0;
+  font-size: 12px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-diff__metadata-mode dt, .ark-agentic-file-viewer-diff__metadata-mode dd {
+  color: var(--color-text-2);
+}
+
+.ark-agentic-file-viewer-diff__metadata-mode dd {
+  margin: 0;
+}
+
+.ark-agentic-file-viewer-diff__metadata-mode code {
+  border: 1px solid var(--code-border);
+  border-radius: 4px;
+  padding: 4px 8px;
+  font-family: ui-monospace, monospace;
+  display: inline-block;
+}
+
+.ark-agentic-file-viewer-diff__metadata-mode code[data-side="new"] {
+  color: var(--diff-metadata-accent);
+  background: color-mix(in srgb, var(--diff-metadata-accent) 5%, var(--code-bg));
+  border-color: #0000;
+}
+
+@container (width <= 360px) {
+  .ark-agentic-file-viewer-diff__metadata {
+    padding: 16px;
+  }
+
+  .ark-agentic-file-viewer-diff__metadata-comparison {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .ark-agentic-file-viewer-diff__metadata-arrow {
+    justify-self: center;
+    transform: rotate(90deg);
+  }
+}
+
+.ark-agentic-file-viewer-diff__file-header .ark-agentic-file-viewer-diff__copy-path {
+  width: 28px;
+  height: 28px;
+  color: var(--color-text-2);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer-diff__file-header .ark-agentic-file-viewer-diff__copy-path svg {
+  width: 14px;
+  height: 14px;
+}
+
+.ark-agentic-file-viewer-diff__file-header .ark-agentic-file-viewer-diff__copy-path:hover {
+  color: rgb(var(--primary-6));
+  background: var(--color-primary-light-1);
+  border-color: rgb(var(--primary-6));
+}
+
+.ark-agentic-file-viewer-diff__file-header .ark-agentic-file-viewer-diff__copy-path:active {
+  background: var(--diff-hover-bg);
+}
+
+.ark-agentic-file-viewer-diff__file-header .ark-agentic-file-viewer-diff__copy-path:focus-visible {
+  outline: 2px solid rgb(var(--primary-6));
+  outline-offset: 2px;
+}
+
+.ark-agentic-file-viewer-diff__file-header .ark-agentic-file-viewer-diff__copy-path[data-copy-status="success"] {
+  color: rgb(var(--success-6));
+}
+
+.ark-agentic-file-viewer-diff__file-header .ark-agentic-file-viewer-diff__copy-path[data-copy-status="error"] {
+  color: rgb(var(--danger-6));
+}
+
+.ark-agentic-file-viewer-diff__copy-feedback {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  width: 1px;
+  height: 1px;
+  position: absolute;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-diff__unified, .ark-agentic-file-viewer-diff__source {
+  width: max-content;
+  min-width: 100%;
+}
+
+.ark-agentic-file-viewer-diff__split {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  min-width: 0;
+  display: grid;
+}
+
+.ark-agentic-file-viewer-diff__column {
+  min-width: 0;
+  overflow-x: auto;
+  container-type: inline-size;
+}
+
+.ark-agentic-file-viewer-diff__column + .ark-agentic-file-viewer-diff__column {
+  border-left: 1px solid var(--code-border);
+}
+
+.ark-agentic-file-viewer-diff__column-lines {
+  width: max-content;
+  min-width: 100%;
+}
+
+.ark-agentic-file-viewer-diff__line {
+  letter-spacing: 0;
+  background: var(--code-bg);
+  min-height: 22px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 13px;
+  line-height: 22px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-diff__line.is-delete {
+  background: var(--diff-deleted-bg);
+}
+
+.ark-agentic-file-viewer-diff__line.is-insert {
+  background: var(--diff-added-bg);
+}
+
+.ark-agentic-file-viewer-diff__line.is-empty {
+  background: color-mix(in srgb, var(--code-text) 2%, var(--code-bg));
+}
+
+.ark-agentic-file-viewer-diff__line.is-selected {
+  box-shadow: inset 0 0 0 2px rgb(var(--primary-6));
+}
+
+.ark-agentic-file-viewer-diff__gutter {
+  z-index: 1;
+  box-sizing: border-box;
+  border: 0;
+  border-right: 1px solid var(--code-border);
+  background: inherit;
+  width: 48px;
+  color: var(--code-gutter);
+  font: inherit;
+  text-align: right;
+  -webkit-user-select: none;
+  user-select: none;
+  flex: 0 0 48px;
+  padding: 0 8px;
+  position: sticky;
+  left: 0;
+}
+
+button.ark-agentic-file-viewer-diff__gutter {
+  cursor: pointer;
+}
+
+.ark-agentic-file-viewer-diff__gutter + .ark-agentic-file-viewer-diff__gutter {
+  left: 48px;
+}
+
+.ark-agentic-file-viewer-diff__operation {
+  z-index: 1;
+  background: inherit;
+  text-align: center;
+  -webkit-user-select: none;
+  user-select: none;
+  flex: 0 0 18px;
+  position: sticky;
+  left: 48px;
+}
+
+.ark-agentic-file-viewer-diff__unified .ark-agentic-file-viewer-diff__operation {
+  left: 96px;
+}
+
+.ark-agentic-file-viewer-diff__text {
+  white-space: pre;
+  tab-size: 4;
+  min-width: 0;
+  padding: 0 12px;
+}
+
+.ark-agentic-file-viewer-diff__hunk, .ark-agentic-file-viewer-diff__gap, .ark-agentic-file-viewer-diff__eof {
+  letter-spacing: 0;
+  box-sizing: border-box;
+  background: var(--code-bg);
+  width: 100cqw;
+  height: 22px;
+  color: var(--color-text-3);
+  text-align: left;
+  white-space: pre;
+  -webkit-user-select: none;
+  user-select: none;
+  border: 0;
+  padding: 0 12px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 13px;
+  line-height: 22px;
+  display: block;
+  position: sticky;
+  left: 0;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-diff__gap {
+  text-align: center;
+}
+
+.ark-agentic-file-viewer-diff__hunk {
+  cursor: pointer;
+  color: var(--color-text-2);
+  background: var(--diff-subtle-bg);
+}
+
+.ark-agentic-file-viewer-diff__hunk:hover {
+  background: var(--diff-hover-bg);
+}
+
+.ark-agentic-file-viewer-diff__line mark {
+  color: inherit;
+  padding: 0;
+}
+
+.ark-agentic-file-viewer-diff__line.is-delete .ark-agentic-file-viewer-diff__edit {
+  background: color-mix(in srgb, rgb(var(--danger-6)) 30%, var(--code-bg));
+}
+
+.ark-agentic-file-viewer-diff__line.is-insert .ark-agentic-file-viewer-diff__edit {
+  background: color-mix(in srgb, rgb(var(--success-6)) 30%, var(--code-bg));
+}
+
+.ark-agentic-file-viewer-diff__hit.is-current {
+  box-shadow: inset 0 -2px rgb(var(--warning-6));
+}
+
+.ark-agentic-file-viewer-diff__paging {
+  box-sizing: border-box;
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  padding: 8px 12px;
+  display: flex;
+  position: sticky;
+  left: 0;
+}
+
+@container (width <= 640px) {
+  .ark-agentic-file-viewer-diff__layout {
+    flex-direction: column;
+  }
+
+  .ark-agentic-file-viewer-diff__navigation {
+    border-right: 0;
+    border-bottom: 1px solid var(--code-border);
+    flex: none;
+    width: auto;
+    max-height: 140px;
+  }
+}
+
+.ark-agentic-file-viewer-html {
+  background: var(--color-bg-1);
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-html__partial {
+  border-bottom: 1px solid var(--color-border-2);
+  padding: 8px 12px;
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-html__frame {
+  background: var(--color-bg-1);
+  border: 0;
+  flex: 1;
+  width: 100%;
+  min-height: 360px;
+}
+
+.ark-agentic-file-viewer-image {
+  background: linear-gradient(45deg, color-mix(in srgb, var(--color-text-1) 4%, transparent) 25%, transparent 25%) 0 0 / 20px 20px, linear-gradient(-45deg, color-mix(in srgb, var(--color-text-1) 4%, transparent) 25%, transparent 25%) 0 10px / 20px 20px, var(--color-bg-2);
+  flex: 1;
+  justify-content: stretch;
+  align-items: stretch;
+  min-height: 320px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-image__stage {
+  cursor: zoom-in;
+  background: none;
+  border: 0;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  min-width: 0;
+  min-height: 0;
+  padding: 16px;
+  display: flex;
+  position: relative;
+}
+
+.ark-agentic-file-viewer-image__annotations {
+  pointer-events: none;
+  width: calc(100% - 32px);
+  height: calc(100% - 32px);
+  position: absolute;
+  inset: 16px;
+}
+
+.ark-agentic-file-viewer-image__img {
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  height: 100%;
+  min-height: 0;
+  max-height: 100%;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-image__img :is(.arco-image-img, [class$="-arco-image-img"], [class*="-arco-image-img "]) {
+  object-fit: contain;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  max-height: 100%;
+  display: block;
+}
+
+.ark-agentic-file-viewer-image__preview:is(.arco-image-preview-hide, [class$="-arco-image-preview-hide"], [class*="-arco-image-preview-hide "]) {
+  display: none !important;
+}
+
+.ark-agentic-file-viewer-image-mobile-preview {
+  background: var(--color-bg-1);
+  color: var(--color-text-1);
+  --image-preview-mask-background: var(--color-bg-1);
+  --mask-content-color: var(--color-text-1);
+}
+
+.ark-agentic-file-viewer-image[data-selection-active="true"] .ark-agentic-file-viewer-image__stage {
+  cursor: crosshair;
+}
+
+.ark-agentic-file-viewer-image__selection-overlay {
+  pointer-events: none;
+  width: calc(100% - 32px);
+  height: calc(100% - 32px);
+  position: absolute;
+  inset: 16px;
+}
+
+.ark-agentic-file-viewer-image__selection-region {
+  pointer-events: auto;
+  cursor: pointer;
+}
+
+.ark-agentic-file-viewer-image__selection-region.is-draft {
+  pointer-events: none;
+}
+
+.ark-agentic-file-viewer-json {
+  --json-bg: var(--color-bg-1);
+  --json-border: var(--color-border-2);
+  --json-gutter: var(--color-text-3);
+  --json-text: var(--color-text-1);
+  --json-keyword: rgb(var(--primary-6));
+  --json-string: rgb(var(--success-6));
+  --json-number: rgb(var(--purple-6));
+  --json-boolean: rgb(var(--purple-6));
+  --json-null: var(--color-text-3);
+  --json-punctuation: var(--color-text-2);
+  min-width: 0;
+  min-height: 0;
+  color: var(--json-text);
+  background: var(--json-bg);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-json__partial, .ark-agentic-file-viewer-json__pager {
+  border-bottom: 1px solid var(--json-border);
+  padding: 8px 12px;
+}
+
+.ark-agentic-file-viewer-json__pager {
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-json__viewport {
+  flex: 1;
+  min-height: 280px;
+}
+
+.ark-agentic-file-viewer-json__scroller {
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-json__row {
+  letter-spacing: 0;
+  align-items: stretch;
+  width: max-content;
+  min-width: 100%;
+  min-height: 26px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 13px;
+  line-height: 22px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-json__row.is-current {
+  background: var(--agentic-file-viewer-search-current-color, rgb(var(--warning-6)));
+}
+
+.ark-agentic-file-viewer-json__gutter {
+  z-index: 1;
+  box-sizing: border-box;
+  width: 52px;
+  color: var(--json-gutter);
+  text-align: right;
+  -webkit-user-select: none;
+  user-select: none;
+  background: var(--json-bg);
+  border-right: 1px solid var(--json-border);
+  flex: 0 0 52px;
+  justify-content: flex-end;
+  align-items: flex-start;
+  padding-right: 12px;
+  display: flex;
+  position: sticky;
+  left: 0;
+}
+
+.ark-agentic-file-viewer-json__main {
+  white-space: pre;
+  overflow-wrap: normal;
+  flex: 1 0 auto;
+  align-items: flex-start;
+  min-width: max-content;
+  padding: 0 16px 0 12px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-json__toggle, .ark-agentic-file-viewer-json__toggle-placeholder {
+  flex: 0 0 20px;
+  width: 20px;
+  height: 22px;
+}
+
+.ark-agentic-file-viewer-json__toggle {
+  color: var(--json-gutter);
+  padding: 0;
+}
+
+.ark-agentic-file-viewer-json__toggle svg {
+  transition: transform .18s cubic-bezier(.4, 0, .2, 1);
+}
+
+.ark-agentic-file-viewer-json__toggle.is-collapsed svg {
+  transform: rotate(0);
+}
+
+.ark-agentic-file-viewer-json__toggle:not(.is-collapsed) svg {
+  transform: rotate(90deg);
+}
+
+.ark-agentic-file-viewer-json__hit {
+  color: inherit;
+  background: var(--agentic-file-viewer-search-hit-color, var(--color-border-3));
+  padding: 0;
+}
+
+.ark-agentic-file-viewer-json__row.is-current .ark-agentic-file-viewer-json__hit {
+  background: var(--agentic-file-viewer-search-current-color, rgb(var(--warning-6)));
+  box-shadow: inset 0 -2px var(--agentic-file-viewer-search-current-border-color, rgb(var(--warning-6)));
+}
+
+.ark-agentic-file-viewer-json__error {
+  color: rgb(var(--danger-6));
+}
+
+.ark-agentic-file-viewer-json .token.property {
+  color: var(--json-keyword);
+}
+
+.ark-agentic-file-viewer-json .token.string {
+  color: var(--json-string);
+}
+
+.ark-agentic-file-viewer-json .token.number {
+  color: var(--json-number);
+}
+
+.ark-agentic-file-viewer-json .token.boolean {
+  color: var(--json-boolean);
+}
+
+.ark-agentic-file-viewer-json .token.null {
+  color: var(--json-null);
+}
+
+.ark-agentic-file-viewer-json .token.punctuation {
+  color: var(--json-punctuation);
+}
+
+.ark-agentic-file-viewer-json[data-selection-enabled="true"] .ark-agentic-file-viewer-json__key {
+  color: var(--json-keyword);
+  font: inherit;
+  line-height: inherit;
+  white-space: pre;
+  border: 0;
+  border-bottom: 1px solid color-mix(in srgb, currentColor 55%, transparent);
+  cursor: pointer;
+  background: none;
+  padding: 0;
+  text-decoration: none;
+}
+
+.ark-agentic-file-viewer-json[data-selection-enabled="true"] .ark-agentic-file-viewer-json__key:hover, .ark-agentic-file-viewer-json[data-selection-enabled="true"] .ark-agentic-file-viewer-json__key:focus-visible {
+  border-bottom-width: 2px;
+  outline: none;
+}
+
+.ark-agentic-file-viewer-json[data-selection-enabled="true"] .ark-agentic-file-viewer-json__value.is-selectable {
+  cursor: pointer;
+  border-radius: 3px;
+}
+
+.ark-agentic-file-viewer-json[data-selection-enabled="true"] .ark-agentic-file-viewer-json__value.is-selectable:hover, .ark-agentic-file-viewer-json[data-selection-enabled="true"] .ark-agentic-file-viewer-json__value.is-selectable:focus-visible {
+  background: color-mix(in srgb, var(--agentic-file-viewer-annotation-color, rgb(var(--primary-6))) 10%, transparent);
+  outline: none;
+}
+
+.ark-agentic-file-viewer-json__row.is-selected .ark-agentic-file-viewer-json__main {
+  background: color-mix(in srgb, var(--agentic-file-viewer-annotation-color, rgb(var(--primary-6))) 16%, transparent);
+  box-shadow: inset 3px 0 var(--agentic-file-viewer-annotation-color, rgb(var(--primary-6)));
+}
+
+.ark-agentic-file-viewer-json__string-content {
+  cursor: text;
+}
+
+.ark-agentic-file-viewer-json[data-wrap="true"] .ark-agentic-file-viewer-json__row {
+  width: 100%;
+}
+
+.ark-agentic-file-viewer-json[data-wrap="true"] .ark-agentic-file-viewer-json__main {
+  flex: auto;
+  min-width: 0;
+}
+
+.ark-agentic-file-viewer-json[data-wrap="true"] .ark-agentic-file-viewer-json__main > :not(.ark-agentic-file-viewer-json__value-group) {
+  flex-shrink: 0;
+}
+
+.ark-agentic-file-viewer-json[data-wrap="true"] .ark-agentic-file-viewer-json__value-group.is-string {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  min-width: 1ch;
+}
+
+.ark-agentic-file-viewer-json__string-toggle {
+  vertical-align: -4px;
+  block-size: 20px;
+  inline-size: 22px;
+  color: var(--json-keyword);
+  font: inherit;
+  white-space: nowrap;
+  background: color-mix(in srgb, var(--json-keyword) 8%, transparent);
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+  border: 0;
+  border-radius: 3px;
+  justify-content: center;
+  align-items: center;
+  margin-inline: 4px 2px;
+  padding: 0;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer-json__string-toggle:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--json-keyword) 16%, transparent);
+}
+
+.ark-agentic-file-viewer-json__string-toggle:active:not(:disabled) {
+  background: color-mix(in srgb, var(--json-keyword) 24%, transparent);
+}
+
+.ark-agentic-file-viewer-json__string-toggle:focus-visible {
+  outline-offset: 2px;
+  outline: 2px solid;
+}
+
+.ark-agentic-file-viewer-json__string-toggle:disabled {
+  color: var(--json-gutter);
+  cursor: default;
+}
+
+.ark-agentic-file-viewer-markdown {
+  min-height: 0;
+  color: var(--color-text-1);
+  background: var(--color-bg-1);
+  flex: 1;
+  padding: 20px 24px;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-markdown__partial {
+  border: 1px solid var(--color-border-2);
+  margin-bottom: 12px;
+  padding: 8px 12px;
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-markdown__content {
+  --stream-md-color-bg: transparent;
+  max-width: 920px;
+  margin: 0 auto;
+}
+
+.ark-agentic-file-viewer-media {
+  background: var(--color-bg-5);
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  min-height: 120px;
+  display: flex;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-media__stage {
+  width: 100%;
+  height: 100%;
+  min-height: 320px;
+  position: relative;
+}
+
+.ark-agentic-file-viewer-media__audio {
+  width: 100%;
+  height: 72px;
+  padding: 8px 12px;
+}
+
+.ark-agentic-file-viewer-media .xgplayer video {
+  object-fit: contain;
+}
+
+.ark-agentic-file-viewer-media[data-selection-active] {
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px 0;
+}
+
+.ark-agentic-file-viewer-media[data-selection-active] .ark-agentic-file-viewer-media__stage {
+  min-height: 0;
+}
+
+.ark-agentic-file-viewer-media__selection {
+  flex-direction: column;
+  flex: none;
+  gap: 4px;
+  width: min(720px, 100% - 48px);
+  padding: 4px 0;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-media__selection-hint {
+  color: var(--color-text-2);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.ark-agentic-file-viewer-media__selection-rail {
+  border: 1px solid var(--color-border-3);
+  background: var(--color-bg-2);
+  cursor: pointer;
+  border-radius: 4px;
+  height: 24px;
+  position: relative;
+}
+
+.ark-agentic-file-viewer-media__selection-rail:before {
+  background: var(--color-border-2);
+  content: "";
+  pointer-events: none;
+  border-radius: 4px;
+  height: 8px;
+  position: absolute;
+  top: 50%;
+  left: 4px;
+  right: 4px;
+  transform: translateY(-50%);
+}
+
+.ark-agentic-file-viewer-media__selection[data-selection-active="true"] .ark-agentic-file-viewer-media__selection-rail:hover {
+  border-color: rgb(var(--primary-6));
+}
+
+.ark-agentic-file-viewer-media__selection-rail:focus-visible, .ark-agentic-file-viewer-media__selection-marker:focus-visible, .ark-agentic-file-viewer-media__selection-pending:focus-visible {
+  outline: 2px solid rgb(var(--primary-6));
+  outline-offset: 3px;
+}
+
+.ark-agentic-file-viewer-media__selection[data-selection-active="false"] .ark-agentic-file-viewer-media__selection-rail {
+  cursor: default;
+  opacity: .5;
+}
+
+.ark-agentic-file-viewer-media__selection-range {
+  background: rgb(var(--primary-6));
+  border-radius: 4px;
+  height: 8px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.ark-agentic-file-viewer-media__selection-marker, .ark-agentic-file-viewer-media__selection-pending {
+  border: 2px solid rgb(var(--primary-6));
+  background: var(--color-bg-2);
+  cursor: pointer;
+  border-radius: 50%;
+  width: 14px;
+  height: 14px;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.ark-agentic-file-viewer-media__selection-marker.is-start {
+  left: 0;
+}
+
+.ark-agentic-file-viewer-media__selection-marker.is-end {
+  left: 100%;
+}
+
+.ark-agentic-file-viewer-media__selection-pending {
+  background: rgb(var(--primary-6));
+}
+
+.ark-agentic-file-viewer-3d {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-3d > * {
+  flex: 1;
+  min-height: 0;
+}
+
+.ark-agentic-file-viewer-pdf {
+  background: var(--agentic-file-viewer-internal-document-backdrop);
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-pdf[data-minimap="true"] {
+  gap: 16px;
+}
+
+.ark-agentic-file-viewer-pdf[data-minimap="true"] .ark-agentic-file-viewer-pdf__stage {
+  box-sizing: border-box;
+  padding: 20px 20px 24px 0;
+}
+
+.ark-agentic-file-viewer-pdf__stage {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  position: relative;
+}
+
+.ark-agentic-file-viewer-pdf__viewport, .ark-agentic-file-viewer-pdf__gesture {
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+}
+
+.ark-agentic-file-viewer-pdf__viewport {
+  overscroll-behavior: contain;
+  overflow-anchor: none;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-pdf__viewport[data-page-flow="page"] {
+  visibility: hidden;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-pdf__single-page {
+  z-index: 1;
+  overscroll-behavior: contain;
+  display: flex;
+  position: absolute;
+  inset: 0;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-pdf__single-page-gesture {
+  padding: var(--agentic-file-viewer-internal-page-gap);
+  box-sizing: border-box;
+  flex: none;
+  margin: auto;
+}
+
+.ark-agentic-file-viewer-pdf__single-page-sheet {
+  flex: none;
+  position: relative;
+}
+
+.ark-agentic-file-viewer-pdf__single-page-sheet > .ark-agentic-file-viewer-pdf__page {
+  width: 100%;
+  height: 100%;
+}
+
+.ark-agentic-file-viewer-pdf__scroller > :first-child {
+  margin-top: 0;
+}
+
+.ark-agentic-file-viewer-pdf__page {
+  background: var(--color-bg-1);
+  box-shadow: 0 1px 3px color-mix(in srgb, var(--color-black) 12%, transparent), 0 2px 8px color-mix(in srgb, var(--color-black) 8%, transparent);
+  position: relative;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-pdf__render-layer {
+  object-fit: contain;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.ark-agentic-file-viewer-pdf__annotations {
+  z-index: 2;
+  pointer-events: none;
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-pdf__annotation {
+  opacity: var(--agentic-file-viewer-annotation-fill-opacity, .22);
+  mix-blend-mode: multiply;
+  display: block;
+  position: absolute;
+}
+
+@media (width <= 560px), (pointer: coarse) {
+  .ark-agentic-file-viewer-pdf__scroller {
+    padding-block: 8px;
+  }
+}
+
+.ark-agentic-file-viewer-pdf[data-document-backdrop="false"] {
+  --agentic-file-viewer-internal-document-backdrop: transparent;
+  --agentic-file-viewer-internal-page-gap: 0px;
+}
+
+.ark-agentic-file-viewer-pdf[data-document-backdrop="false"] .ark-agentic-file-viewer-pdf__stage, .ark-agentic-file-viewer-pdf[data-document-backdrop="false"] .ark-agentic-file-viewer-pdf__scroller {
+  padding: 0;
+}
+
+.ark-agentic-file-viewer-pptx {
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-pptx__content {
+  background: var(--agentic-file-viewer-internal-document-backdrop);
+  flex: 1;
+  gap: 16px;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-pptx__content > .ark-agentic-file-viewer-pptx__viewport {
+  padding: 20px 20px 24px;
+}
+
+.ark-agentic-file-viewer-pptx[data-initial-fit="fit-page"] .ark-agentic-file-viewer-pptx__content > .ark-agentic-file-viewer-pptx__viewport, .ark-agentic-file-viewer-pptx[data-initial-fit="fit-page"] .ark-agentic-file-viewer-pptx__content > .ark-agentic-file-viewer-minimap {
+  padding-block: 0;
+}
+
+.ark-agentic-file-viewer-pptx__viewport {
+  background: var(--agentic-file-viewer-internal-document-backdrop);
+  box-sizing: border-box;
+  flex: 1;
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+  padding: 12px;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-pptx[data-page-flow="continuous"] .ark-agentic-file-viewer-pptx__viewport [data-slide-index] {
+  margin-bottom: var(--agentic-file-viewer-internal-page-gap) !important;
+}
+
+.ark-agentic-file-viewer-pptx__notice {
+  color: var(--agentic-file-viewer-muted, var(--color-text-3));
+  background: var(--agentic-file-viewer-control, var(--color-bg-2));
+  border-top: 1px solid var(--agentic-file-viewer-border, var(--color-border-2));
+  flex: none;
+  padding: 4px 12px;
+  font-size: 11px;
+}
+
+.ark-agentic-file-viewer-pptx__annotation {
+  pointer-events: none;
+  mix-blend-mode: multiply;
+}
+
+.ark-agentic-file-viewer-pptx[data-document-backdrop="false"] {
+  --agentic-file-viewer-internal-document-backdrop: transparent;
+  --agentic-file-viewer-internal-page-gap: 0px;
+}
+
+.ark-agentic-file-viewer-pptx[data-document-backdrop="false"] .ark-agentic-file-viewer-pptx__viewport {
+  padding: 0;
+}
+
+.ark-agentic-file-viewer-table {
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-table__container {
+  flex: 1;
+  min-height: 0;
+  position: relative;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-table__partial-notice, .ark-agentic-file-viewer-table__warning {
+  background: var(--agentic-file-viewer-control);
+  border-bottom: 1px solid var(--agentic-file-viewer-border);
+  color: var(--agentic-file-viewer-muted);
+  flex: none;
+  padding: 6px 12px;
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-table__error {
+  color: rgb(var(--danger-6));
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  display: flex;
+  position: absolute;
+  inset: 0;
+}
+
+.ark-agentic-file-viewer-table__container footer > section > :not(:first-child), .ark-agentic-file-viewer-table__container footer [class*="zoom-slider"] {
+  display: none !important;
+}
+
+.ark-agentic-file-viewer-table__container {
+  --univer-white: var(--color-bg-1);
+  --univer-black: var(--color-text-1);
+  --univer-primary-50: rgb(var(--primary-1));
+  --univer-primary-100: rgb(var(--primary-2));
+  --univer-primary-200: rgb(var(--primary-3));
+  --univer-primary-300: rgb(var(--primary-4));
+  --univer-primary-400: rgb(var(--primary-5));
+  --univer-primary-500: rgb(var(--primary-6));
+  --univer-primary-600: rgb(var(--primary-7));
+  --univer-primary-700: rgb(var(--primary-8));
+  --univer-primary-800: rgb(var(--primary-9));
+  --univer-primary-900: rgb(var(--primary-10));
+  --univer-gray-50: color-mix(in srgb, rgb(var(--gray-10)) 4%, var(--color-bg-1));
+  --univer-gray-100: color-mix(in srgb, rgb(var(--gray-10)) 8%, var(--color-bg-1));
+  --univer-gray-200: color-mix(in srgb, rgb(var(--gray-10)) 12%, var(--color-bg-1));
+  --univer-gray-300: var(--color-border-2);
+  --univer-gray-400: var(--color-text-4);
+  --univer-gray-500: var(--color-text-3);
+  --univer-gray-600: var(--color-text-2);
+  --univer-gray-700: var(--color-text-2);
+  --univer-gray-800: var(--color-text-1);
+  --univer-gray-900: var(--color-text-1);
+  --univer-red-50: rgb(var(--danger-1));
+  --univer-red-100: rgb(var(--danger-2));
+  --univer-red-200: rgb(var(--danger-3));
+  --univer-red-300: rgb(var(--danger-4));
+  --univer-red-400: rgb(var(--danger-5));
+  --univer-red-500: rgb(var(--danger-6));
+  --univer-red-600: rgb(var(--danger-7));
+  --univer-red-700: rgb(var(--danger-8));
+  --univer-red-800: rgb(var(--danger-9));
+  --univer-red-900: rgb(var(--danger-10));
+  --univer-green-50: rgb(var(--success-1));
+  --univer-green-100: rgb(var(--success-2));
+  --univer-green-200: rgb(var(--success-3));
+  --univer-green-300: rgb(var(--success-4));
+  --univer-green-400: rgb(var(--success-5));
+  --univer-green-500: rgb(var(--success-6));
+  --univer-green-600: rgb(var(--success-7));
+  --univer-green-700: rgb(var(--success-8));
+  --univer-green-800: rgb(var(--success-9));
+  --univer-green-900: rgb(var(--success-10));
+  --univer-orange-50: rgb(var(--warning-1));
+  --univer-orange-100: rgb(var(--warning-2));
+  --univer-orange-200: rgb(var(--warning-3));
+  --univer-orange-300: rgb(var(--warning-4));
+  --univer-orange-400: rgb(var(--warning-5));
+  --univer-orange-500: rgb(var(--warning-6));
+  --univer-orange-600: rgb(var(--warning-7));
+  --univer-orange-700: rgb(var(--warning-8));
+  --univer-orange-800: rgb(var(--warning-9));
+  --univer-orange-900: rgb(var(--warning-10));
+  --univer-blue-50: rgb(var(--primary-1));
+  --univer-blue-100: rgb(var(--primary-2));
+  --univer-blue-200: rgb(var(--primary-3));
+  --univer-blue-300: rgb(var(--primary-4));
+  --univer-blue-400: rgb(var(--primary-5));
+  --univer-blue-500: rgb(var(--primary-6));
+  --univer-blue-600: rgb(var(--primary-7));
+  --univer-blue-700: rgb(var(--primary-8));
+  --univer-blue-800: rgb(var(--primary-9));
+  --univer-blue-900: rgb(var(--primary-10));
+}
+
+.ark-agentic-file-viewer-text {
+  background: var(--agentic-file-viewer-surface, var(--color-bg-1));
+  min-width: 0;
+  min-height: 0;
+  color: var(--agentic-file-viewer-foreground, var(--color-text-1));
+  flex: 1;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 13px;
+  line-height: 1.6;
+  display: flex;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-text__scroll {
+  flex: 1;
+  min-width: 0;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-text__partial {
+  border-bottom: 1px solid var(--agentic-file-viewer-border, var(--color-border-2));
+  color: var(--agentic-file-viewer-muted, var(--color-text-3));
+  padding: 8px 12px;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-text__lines {
+  min-width: max-content;
+  padding: 8px 0;
+}
+
+.ark-agentic-file-viewer-text__line {
+  white-space: pre;
+  min-width: 0;
+  display: flex;
+}
+
+@supports (content-visibility: auto) {
+  .ark-agentic-file-viewer-text__line {
+    contain-intrinsic-size: 21px;
+    content-visibility: auto;
+  }
+}
+
+.ark-agentic-file-viewer-text__gutter {
+  z-index: 1;
+  box-sizing: border-box;
+  color: var(--agentic-file-viewer-muted, var(--color-text-3));
+  text-align: right;
+  -webkit-user-select: none;
+  user-select: none;
+  background: var(--agentic-file-viewer-surface, var(--color-bg-1));
+  border-right: 1px solid var(--agentic-file-viewer-border, var(--color-border-2));
+  flex: 0 0 56px;
+  align-self: flex-start;
+  padding: 0 12px;
+  position: sticky;
+  left: 0;
+}
+
+.ark-agentic-file-viewer-text__content {
+  white-space: pre;
+  word-break: normal;
+  flex: none;
+  min-width: max-content;
+  padding: 0 16px;
+}
+
+.ark-agentic-file-viewer-text[data-wrap="true"] .ark-agentic-file-viewer-text__lines {
+  min-width: 0;
+}
+
+.ark-agentic-file-viewer-text[data-wrap="true"] .ark-agentic-file-viewer-text__content {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  flex: 1;
+  min-width: 0;
+}
+
+.ark-agentic-file-viewer-text__hit {
+  background: var(--agentic-file-viewer-search-hit-color, var(--color-border-3));
+  color: inherit;
+}
+
+.ark-agentic-file-viewer-text__hit.is-current {
+  background: var(--agentic-file-viewer-search-current-color, rgb(var(--warning-6)));
+  box-shadow: inset 0 -2px var(--agentic-file-viewer-search-current-border-color, rgb(var(--warning-6)));
+}
+
+.ark-agentic-file-viewer-word {
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-word__content {
+  background: var(--agentic-file-viewer-internal-document-backdrop);
+  flex: 1;
+  gap: 16px;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.ark-agentic-file-viewer-word__content > .ark-agentic-file-viewer-word__layout-viewport {
+  padding-top: 20px;
+  padding-bottom: 24px;
+}
+
+.ark-agentic-file-viewer-word[data-initial-fit="fit-page"] .ark-agentic-file-viewer-word__content > .ark-agentic-file-viewer-word__layout-viewport, .ark-agentic-file-viewer-word[data-initial-fit="fit-page"] .ark-agentic-file-viewer-word__content > .ark-agentic-file-viewer-minimap {
+  padding-block: 0;
+}
+
+.ark-agentic-file-viewer-word__minimap-preview {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-word__minimap-preview .docx-wrapper {
+  background: none;
+  padding: 0;
+}
+
+.ark-agentic-file-viewer-word__degrade-notice {
+  color: rgb(var(--warning-6));
+  background: var(--color-border-1);
+  border-bottom: 1px solid rgb(var(--warning-6));
+  flex: none;
+  padding: 6px 12px;
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer-word__notice {
+  color: var(--agentic-file-viewer-muted);
+  background: var(--agentic-file-viewer-control);
+  border-top: 1px solid var(--agentic-file-viewer-border);
+  flex: none;
+  padding: 4px 12px;
+  font-size: 11px;
+}
+
+.ark-agentic-file-viewer-word__layout-viewport {
+  background: var(--agentic-file-viewer-internal-document-backdrop);
+  flex: 1;
+  justify-content: flex-start;
+  align-items: flex-start;
+  min-height: 0;
+  padding: 12px;
+  display: flex;
+  position: relative;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-word__zoom-stage {
+  flex-shrink: 0;
+  margin-inline: auto;
+}
+
+.ark-agentic-file-viewer-word__layout {
+  transform-origin: 0 0;
+}
+
+.ark-agentic-file-viewer-word__layout .docx-wrapper {
+  background: none;
+  padding: 0;
+}
+
+.ark-agentic-file-viewer-word__layout .docx-page, .ark-agentic-file-viewer-word__layout section.docx {
+  box-shadow: 0 1px 3px color-mix(in srgb, var(--color-black) 12%, transparent), 0 2px 8px color-mix(in srgb, var(--color-black) 8%, transparent);
+  margin-bottom: var(--agentic-file-viewer-internal-page-gap) !important;
+}
+
+.ark-agentic-file-viewer-word__reading {
+  flex: 1;
+  min-height: 0;
+  padding: 16px 24px;
+  line-height: 1.7;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer-word__reading img {
+  max-width: 100%;
+}
+
+.ark-agentic-file-viewer-word__reading table {
+  border-collapse: collapse;
+}
+
+.ark-agentic-file-viewer-word__reading table td, .ark-agentic-file-viewer-word__reading table th {
+  border: 1px solid var(--agentic-file-viewer-border);
+  padding: 4px 8px;
+}
+
+.ark-agentic-file-viewer-word[data-document-backdrop="false"] {
+  --agentic-file-viewer-internal-document-backdrop: transparent;
+  --agentic-file-viewer-internal-page-gap: 0px;
+}
+
+.ark-agentic-file-viewer-word[data-document-backdrop="false"] .ark-agentic-file-viewer-word__layout-viewport, .ark-agentic-file-viewer-word[data-document-backdrop="false"] .ark-agentic-file-viewer-word__reading {
+  padding: 0;
+}
+
+.ark-agentic-file-viewer {
+  --agentic-file-viewer-annotation-color: rgb(var(--primary-6));
+  --agentic-file-viewer-annotation-fill-opacity: .22;
+  --agentic-file-viewer-annotation-border-opacity: .72;
+  --agentic-file-viewer-search-hit-color: var(--color-border-3);
+  --agentic-file-viewer-search-current-color: rgb(var(--warning-6));
+  --agentic-file-viewer-search-current-border-color: rgb(var(--warning-6));
+  --agentic-file-viewer-internal-page-gap: var(--agentic-file-viewer-page-gap, 16px);
+  --agentic-file-viewer-internal-document-backdrop: var(--color-bg-3);
+  --agentic-file-viewer-surface: var(--color-bg-1);
+  --agentic-file-viewer-surface-elevated: var(--color-bg-1);
+  --agentic-file-viewer-foreground: var(--color-text-1);
+  --agentic-file-viewer-muted: var(--color-text-3);
+  --agentic-file-viewer-border: var(--color-border-2);
+  --agentic-file-viewer-border-strong: var(--color-border-3);
+  --agentic-file-viewer-control: var(--color-bg-4);
+  --agentic-file-viewer-control-hover: var(--color-bg-5);
+  --agentic-file-viewer-control-active: var(--color-bg-5);
+  --agentic-file-viewer-accent: rgb(var(--primary-6));
+  --agentic-file-viewer-accent-soft: color-mix(in srgb, rgb(var(--primary-6)) 8%, transparent);
+  --agentic-file-viewer-shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-black) 4%, transparent);
+  --agentic-file-viewer-shadow-md: 0 2px 6px color-mix(in srgb, var(--color-black) 6%, transparent), 0 1px 2px color-mix(in srgb, var(--color-black) 4%, transparent);
+  --agentic-file-viewer-shadow-inset: inset 0 1px 2px color-mix(in srgb, var(--color-black) 6%, transparent);
+  border: 1px solid var(--agentic-file-viewer-border);
+  background: var(--agentic-file-viewer-surface);
+  min-width: 0;
+  max-width: 100%;
+  min-height: 240px;
+  color: var(--agentic-file-viewer-foreground);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border-radius: 10px;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
+  font-size: 13px;
+  display: flex;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer:focus {
+  outline: none;
+}
+
+.ark-agentic-file-viewer[data-theme="dark"] {
+  --agentic-file-viewer-annotation-border-opacity: .85;
+  --agentic-file-viewer-internal-document-backdrop: transparent;
+}
+
+.ark-agentic-file-viewer.is-fullscreen {
+  z-index: 2147483600;
+  border: 0;
+  border-radius: 0;
+  position: fixed;
+  inset: 0;
+  width: 100vw !important;
+  height: 100dvh !important;
+  min-height: 100dvh !important;
+}
+
+.ark-agentic-file-viewer__toolbar, .ark-agentic-file-viewer__toolbar * {
+  box-sizing: border-box;
+}
+
+.ark-agentic-file-viewer__toolbar {
+  border-bottom: 1px solid var(--agentic-file-viewer-border);
+  background: var(--agentic-file-viewer-surface);
+  min-height: 44px;
+  box-shadow: var(--agentic-file-viewer-shadow-sm);
+  z-index: 2;
+  flex: none;
+  grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
+  align-items: center;
+  gap: 6px;
+  padding: 7px 12px;
+  display: grid;
+  position: relative;
+}
+
+.ark-agentic-file-viewer__toolbar-start, .ark-agentic-file-viewer__toolbar-center, .ark-agentic-file-viewer__toolbar-end {
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 6px;
+  width: max-content;
+  max-width: 100%;
+  display: flex;
+}
+
+.ark-agentic-file-viewer__toolbar-start {
+  grid-column: 1;
+  justify-self: start;
+}
+
+.ark-agentic-file-viewer__toolbar-center {
+  grid-column: 2;
+  justify-self: center;
+  gap: 14px;
+}
+
+.ark-agentic-file-viewer__toolbar-end {
+  grid-column: 3;
+  justify-self: end;
+}
+
+.ark-agentic-file-viewer__toolbar[data-layout="split"] {
+  grid-template-columns: minmax(0, 1fr) max-content;
+}
+
+.ark-agentic-file-viewer__toolbar[data-layout="split"] .ark-agentic-file-viewer__toolbar-start {
+  grid-area: 1 / 1;
+}
+
+.ark-agentic-file-viewer__toolbar[data-layout="split"] .ark-agentic-file-viewer__toolbar-center {
+  scrollbar-width: thin;
+  grid-area: 2 / 1 / auto / -1;
+  overflow-x: auto;
+}
+
+.ark-agentic-file-viewer__toolbar[data-layout="split"] .ark-agentic-file-viewer__toolbar-end {
+  grid-area: 1 / 2;
+}
+
+.ark-agentic-file-viewer__toolbar[data-layout="stacked"] {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.ark-agentic-file-viewer__toolbar[data-layout="stacked"] .ark-agentic-file-viewer__toolbar-start {
+  scrollbar-width: thin;
+  grid-area: 1 / 1;
+  overflow-x: auto;
+}
+
+.ark-agentic-file-viewer__toolbar[data-layout="stacked"] .ark-agentic-file-viewer__toolbar-center {
+  scrollbar-width: thin;
+  grid-area: 2 / 1;
+  overflow-x: auto;
+}
+
+.ark-agentic-file-viewer__toolbar[data-layout="stacked"] .ark-agentic-file-viewer__toolbar-end {
+  scrollbar-width: thin;
+  grid-area: 3 / 1;
+  overflow-x: auto;
+}
+
+.ark-agentic-file-viewer__group {
+  flex-wrap: nowrap;
+  flex: none;
+  align-items: center;
+  gap: 3px;
+  min-width: 0;
+  display: flex;
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) {
+  background: var(--agentic-file-viewer-control);
+  height: 26px;
+  box-shadow: inset 0 0 4px color-mix(in srgb, var(--color-black) 5%, transparent);
+  border-radius: 10px;
+  align-items: center;
+  padding: 0 0 0 4px;
+  line-height: 20px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]).ark-agentic-file-viewer__view-mode-toggle--preview {
+  padding: 0 4px 0 0;
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]).ark-agentic-file-viewer__view-mode-toggle--preview :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):last-child:not(:is(.arco-radio-checked, [class$="-arco-radio-checked"], [class*="-arco-radio-checked "])) {
+  border-radius: 9px 10px 10px 9px;
+  margin-right: -4px;
+  padding-right: 4px;
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]).ark-agentic-file-viewer__view-mode-toggle--source :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):first-child:not(:is(.arco-radio-checked, [class$="-arco-radio-checked"], [class*="-arco-radio-checked "])) {
+  border-radius: 10px 9px 9px 10px;
+  margin-left: -4px;
+  padding-left: 4px;
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]) {
+  height: 26px;
+  color: var(--color-text-2);
+  background: none;
+  border: 0;
+  border-radius: 9px;
+  align-items: center;
+  margin: 0;
+  font-size: 12px;
+  line-height: 20px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):before, .ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):after {
+  display: none;
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button-inner, [class$="-arco-radio-button-inner"], [class*="-arco-radio-button-inner "]) {
+  border-radius: inherit;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  padding: 0 10px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):hover:not(:is(.arco-radio-checked, [class$="-arco-radio-checked"], [class*="-arco-radio-checked "]), :is(.arco-radio-disabled, [class$="-arco-radio-disabled"], [class*="-arco-radio-disabled "])) {
+  background: var(--agentic-file-viewer-control-hover);
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):is(.arco-radio-checked, [class$="-arco-radio-checked"], [class*="-arco-radio-checked "]) {
+  border: .5px solid rgb(var(--primary-6));
+  background: var(--color-primary-light-1);
+  box-shadow: 0 5px 15px color-mix(in srgb, var(--color-black) 5%, transparent), 0 15px 35px -2px color-mix(in srgb, var(--color-black) 5%, transparent);
+  color: rgb(var(--primary-6));
+  border-radius: 10px;
+  font-weight: 500;
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-checked, [class$="-arco-radio-checked"], [class*="-arco-radio-checked "]) :is(.arco-radio-button-inner, [class$="-arco-radio-button-inner"], [class*="-arco-radio-button-inner "]) {
+  padding: 0 8px;
+}
+
+.ark-agentic-file-viewer .ark-agentic-file-viewer__view-mode-toggle:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):is(.arco-radio-disabled, [class$="-arco-radio-disabled"], [class*="-arco-radio-disabled "]) {
+  opacity: .5;
+}
+
+.ark-agentic-file-viewer__view-mode-option {
+  align-items: center;
+  gap: 4px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__view-mode-icon {
+  flex: none;
+  display: block;
+}
+
+.ark-agentic-file-viewer__view-mode-icon path {
+  stroke: currentColor;
+}
+
+.ark-agentic-file-viewer__view-mode-label {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  width: 1px;
+  height: 1px;
+  position: absolute;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer__view-mode-toggle :is(.arco-radio-checked, [class$="-arco-radio-checked"], [class*="-arco-radio-checked "]) .ark-agentic-file-viewer__view-mode-label {
+  clip-path: none;
+  width: auto;
+  height: auto;
+  position: static;
+}
+
+.ark-agentic-file-viewer__view-mode-toggle--text:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) {
+  background: var(--color-bg-4);
+  border-radius: 8px;
+  align-items: center;
+  height: 26px;
+  padding: 2px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__view-mode-toggle--text:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]) {
+  height: 22px;
+  color: var(--color-text-3);
+  letter-spacing: .156px;
+  background: none;
+  border: 0;
+  border-radius: 6px;
+  flex: none;
+  align-items: center;
+  margin: 0;
+  line-height: 20px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__view-mode-toggle--text:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):before, .ark-agentic-file-viewer__view-mode-toggle--text:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):after {
+  display: none;
+}
+
+.ark-agentic-file-viewer__view-mode-toggle--text:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button-inner, [class$="-arco-radio-button-inner"], [class*="-arco-radio-button-inner "]) {
+  border-radius: inherit;
+  white-space: nowrap;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  padding: 0 10px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__view-mode-toggle--text:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):hover:not(:is(.arco-radio-checked, [class$="-arco-radio-checked"], [class*="-arco-radio-checked "]), :is(.arco-radio-disabled, [class$="-arco-radio-disabled"], [class*="-arco-radio-disabled "])) {
+  background: var(--color-bg-5);
+}
+
+.ark-agentic-file-viewer__view-mode-toggle--text:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):is(.arco-radio-checked, [class$="-arco-radio-checked"], [class*="-arco-radio-checked "]) {
+  background: var(--color-bg-1);
+  box-shadow: inset 0 0 0 .5px var(--color-fill-1), 0 2px 3px color-mix(in srgb, var(--color-black) 5%, transparent);
+  color: var(--color-text-1);
+  border-radius: 7px;
+}
+
+.ark-agentic-file-viewer__view-mode-toggle--text:is(.arco-radio-group-type-button, [class$="-arco-radio-group-type-button"], [class*="-arco-radio-group-type-button "]) :is(.arco-radio-button, [class$="-arco-radio-button"], [class*="-arco-radio-button "]):is(.arco-radio-disabled, [class$="-arco-radio-disabled"], [class*="-arco-radio-disabled "]) {
+  opacity: .5;
+}
+
+.ark-agentic-file-viewer__toolbar :is(.arco-btn-icon-only, [class$="-arco-btn-icon-only"], [class*="-arco-btn-icon-only "]) {
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__toolbar :is(.arco-btn-icon-only, [class$="-arco-btn-icon-only"], [class*="-arco-btn-icon-only "]) :is(.arco-btn-icon, [class$="-arco-btn-icon"], [class*="-arco-btn-icon "]), .ark-agentic-file-viewer__toolbar :is(.arco-btn-icon, [class$="-arco-btn-icon"], [class*="-arco-btn-icon "]) {
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  line-height: 0;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__toolbar :is(.arco-btn-icon, [class$="-arco-btn-icon"], [class*="-arco-btn-icon "]) svg {
+  display: block;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__toolbar-action:is(.arco-btn, [class$="-arco-btn"], [class*="-arco-btn "]) {
+  border: .5px solid var(--agentic-file-viewer-border-strong);
+  background: var(--agentic-file-viewer-surface);
+  width: 24px;
+  height: 24px;
+  color: var(--color-text-2);
+  border-radius: 8px;
+  flex: none;
+  padding: 0;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__toolbar-action:is(.arco-btn, [class$="-arco-btn"], [class*="-arco-btn "]):hover {
+  border-color: var(--agentic-file-viewer-accent);
+  background: var(--agentic-file-viewer-accent-soft);
+  color: var(--agentic-file-viewer-accent);
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__toolbar-action:is(.arco-btn, [class$="-arco-btn"], [class*="-arco-btn "]).ark-agentic-file-viewer__search-trigger--active {
+  border-color: var(--agentic-file-viewer-accent);
+  color: var(--agentic-file-viewer-accent);
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__toolbar-action:is(.arco-btn, [class$="-arco-btn"], [class*="-arco-btn "]) svg path {
+  stroke: currentColor;
+}
+
+.ark-agentic-file-viewer__search-panel {
+  z-index: 3;
+  border: .5px solid var(--agentic-file-viewer-border-strong);
+  background: var(--agentic-file-viewer-surface-elevated);
+  width: 280px;
+  max-width: calc(100% - 20px);
+  height: 32px;
+  box-shadow: 0 5px 15px color-mix(in srgb, var(--color-black) 5%, transparent), 0 15px 35px -2px color-mix(in srgb, var(--color-black) 5%, transparent);
+  border-radius: 10px;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 4px 3px 9px;
+  display: flex;
+  position: absolute;
+  top: calc(100% + 10px);
+  right: 10px;
+}
+
+.ark-agentic-file-viewer__search-field-icon {
+  flex: none;
+  width: 14px;
+  height: 14px;
+  display: block;
+}
+
+.ark-agentic-file-viewer__search-field-icon path {
+  stroke: var(--color-text-2);
+}
+
+.ark-agentic-file-viewer__search-input {
+  width: 0;
+  min-width: 0;
+  height: 24px;
+  color: var(--agentic-file-viewer-foreground);
+  font: inherit;
+  background: none;
+  border: 0;
+  outline: 0;
+  flex: 1;
+  padding: 0;
+  font-size: 13px;
+}
+
+.ark-agentic-file-viewer__search-input::placeholder {
+  color: var(--agentic-file-viewer-muted);
+}
+
+.ark-agentic-file-viewer__search-input::-webkit-search-cancel-button {
+  display: none;
+}
+
+.ark-agentic-file-viewer__search-count {
+  color: var(--agentic-file-viewer-muted);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+  flex: none;
+  font-size: 11px;
+}
+
+.ark-agentic-file-viewer__search-divider {
+  background: var(--agentic-file-viewer-border-strong);
+  flex: none;
+  width: .5px;
+  height: 16px;
+}
+
+.ark-agentic-file-viewer__search-nav, .ark-agentic-file-viewer__search-close {
+  width: 24px;
+  height: 24px;
+  color: var(--color-text-2);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 6px;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__search-nav:hover:not(:disabled), .ark-agentic-file-viewer__search-close:hover:not(:disabled) {
+  background: var(--agentic-file-viewer-control-hover);
+}
+
+.ark-agentic-file-viewer__search-nav:disabled, .ark-agentic-file-viewer__search-close:disabled {
+  color: var(--agentic-file-viewer-border-strong);
+  cursor: default;
+}
+
+.ark-agentic-file-viewer__search-nav svg, .ark-agentic-file-viewer__search-close svg {
+  display: block;
+}
+
+.ark-agentic-file-viewer__search-nav svg path, .ark-agentic-file-viewer__search-close svg path {
+  stroke: currentColor;
+}
+
+.ark-agentic-file-viewer__search-up-icon {
+  transform: rotate(180deg);
+}
+
+.ark-agentic-file-viewer__toolbar-divider {
+  background: var(--color-text-4);
+  flex: none;
+  width: 1px;
+  height: 12px;
+  display: block;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-list, [class$="-arco-pagination-list"], [class*="-arco-pagination-list "]) {
+  align-items: center;
+  gap: 8px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-item-prev, [class$="-arco-pagination-item-prev"], [class*="-arco-pagination-item-prev "]), .ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-item-next, [class$="-arco-pagination-item-next"], [class*="-arco-pagination-item-next "]) {
+  border: .5px solid var(--agentic-file-viewer-border-strong);
+  background: var(--agentic-file-viewer-surface);
+  width: 20px;
+  min-width: 20px;
+  height: 20px;
+  color: var(--color-text-2);
+  border-radius: 6px;
+  justify-content: center;
+  align-items: center;
+  line-height: 0;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-item-disabled, [class$="-arco-pagination-item-disabled"], [class*="-arco-pagination-item-disabled "]) {
+  background: var(--agentic-file-viewer-surface);
+  color: var(--color-text-4);
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-item-simple-pager, [class$="-arco-pagination-item-simple-pager"], [class*="-arco-pagination-item-simple-pager "]) {
+  align-items: center;
+  height: 24px;
+  margin: 0;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-jumper, [class$="-arco-pagination-jumper"], [class*="-arco-pagination-jumper "]) {
+  height: 24px;
+  color: var(--color-text-1);
+  background: none;
+  border: 0;
+  align-items: center;
+  padding: 0 6px;
+  font-size: 12px;
+  line-height: 22px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-jumper, [class$="-arco-pagination-jumper"], [class*="-arco-pagination-jumper "]) > span {
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-jumper-input, [class$="-arco-pagination-jumper-input"], [class*="-arco-pagination-jumper-input "]):is(.arco-input, [class$="-arco-input"], [class*="-arco-input "]) {
+  width: var(--agentic-file-viewer-page-number-width, 20px);
+  height: 24px;
+  color: var(--color-text-1);
+  text-align: center;
+  background: none;
+  border: 0;
+  border-radius: 3px;
+  margin: 0;
+  padding: 0 2px;
+  font-size: 12px;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-jumper-input, [class$="-arco-pagination-jumper-input"], [class*="-arco-pagination-jumper-input "]):is(.arco-input, [class$="-arco-input"], [class*="-arco-input "]):hover, .ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-jumper-input, [class$="-arco-pagination-jumper-input"], [class*="-arco-pagination-jumper-input "]):is(.arco-input, [class$="-arco-input"], [class*="-arco-input "]):focus {
+  background: var(--agentic-file-viewer-control-hover);
+  box-shadow: none;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) :is(.arco-pagination-jumper-separator, [class$="-arco-pagination-jumper-separator"], [class*="-arco-pagination-jumper-separator "]) {
+  padding: 0 4px;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) svg {
+  display: block;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__pagination:is(.arco-pagination-simple, [class$="-arco-pagination-simple"], [class*="-arco-pagination-simple "]) svg path {
+  stroke: currentColor;
+}
+
+.ark-agentic-file-viewer__page-chevron--previous {
+  transform: rotate(180deg);
+}
+
+.ark-agentic-file-viewer__zoom-controls, .ark-agentic-file-viewer__zoom-controls-scale, .ark-agentic-file-viewer__zoom-controls-fit {
+  flex: none;
+  align-items: center;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__zoom-controls {
+  gap: 14px;
+}
+
+.ark-agentic-file-viewer__zoom-controls-scale, .ark-agentic-file-viewer__zoom-controls-fit {
+  gap: 8px;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__zoom-action:is(.arco-btn, [class$="-arco-btn"], [class*="-arco-btn "]) {
+  width: 28px;
+  height: 28px;
+  color: var(--color-text-2);
+  background: none;
+  border: 0;
+  border-radius: 6px;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__zoom-action:is(.arco-btn, [class$="-arco-btn"], [class*="-arco-btn "]):hover:not(:disabled) {
+  background: var(--agentic-file-viewer-control-hover);
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__zoom-action:is(.arco-btn, [class$="-arco-btn"], [class*="-arco-btn "]) svg path {
+  stroke: currentColor;
+}
+
+.ark-agentic-file-viewer__zoom-info {
+  min-width: 28px;
+  height: 28px;
+  color: var(--color-text-1);
+  font-variant-numeric: tabular-nums;
+  letter-spacing: .036px;
+  white-space: nowrap;
+  -webkit-user-select: none;
+  user-select: none;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  line-height: 22px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__zoom-editor {
+  height: 28px;
+  color: var(--color-text-1);
+  font-variant-numeric: tabular-nums;
+  background: none;
+  border-radius: 4px;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  line-height: 22px;
+  display: inline-flex;
+}
+
+.ark-agentic-file-viewer__zoom-editor:hover, .ark-agentic-file-viewer__zoom-editor:focus-within {
+  background: var(--agentic-file-viewer-control-hover);
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__zoom-editor-input:is(.arco-input, [class$="-arco-input"], [class*="-arco-input "]) {
+  width: 26px;
+  min-width: 0;
+  height: 22px;
+  box-shadow: none;
+  color: inherit;
+  font: inherit;
+  text-align: right;
+  background: none;
+  border: 0;
+  outline: 0;
+  padding: 0;
+}
+
+.ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__zoom-editor-input:is(.arco-input, [class$="-arco-input"], [class*="-arco-input "]):hover, .ark-agentic-file-viewer__toolbar .ark-agentic-file-viewer__zoom-editor-input:is(.arco-input, [class$="-arco-input"], [class*="-arco-input "]):focus {
+  box-shadow: none;
+  background: none;
+  border: 0;
+}
+
+.ark-agentic-file-viewer__body {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.ark-agentic-file-viewer__state {
+  min-height: 160px;
+  color: var(--agentic-file-viewer-muted);
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+  padding: 24px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer__actions {
+  gap: 8px;
+  display: flex;
+}
+
+.ark-agentic-file-viewer__state--confirm {
+  text-align: center;
+  overflow-wrap: anywhere;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.ark-agentic-file-viewer__fallback {
+  text-align: center;
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  max-width: 100%;
+  min-height: 0;
+  padding: 24px;
+  line-height: 1.5;
+  display: flex;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer__fallback > :first-child {
+  margin-top: auto;
+}
+
+.ark-agentic-file-viewer__fallback > :last-child {
+  margin-bottom: auto;
+}
+
+.ark-agentic-file-viewer__fallback > * {
+  flex-shrink: 0;
+  max-width: 100%;
+}
+
+.ark-agentic-file-viewer__fallback-icon {
+  color: var(--agentic-file-viewer-muted);
+  display: flex;
+}
+
+.ark-agentic-file-viewer__fallback--error .ark-agentic-file-viewer__fallback-icon {
+  color: rgb(var(--warning-6));
+}
+
+.ark-agentic-file-viewer__fallback-title, .ark-agentic-file-viewer__fallback-description, .ark-agentic-file-viewer__fallback-filename {
+  overflow-wrap: anywhere;
+  min-width: 0;
+}
+
+.ark-agentic-file-viewer__fallback-title {
+  color: var(--agentic-file-viewer-foreground);
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.ark-agentic-file-viewer__fallback-description, .ark-agentic-file-viewer__fallback-filename {
+  color: var(--agentic-file-viewer-muted);
+}
+
+.ark-agentic-file-viewer__fallback .ark-agentic-file-viewer__actions {
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
+.ark-agentic-file-viewer__render-stage, .ark-agentic-file-viewer__render-content {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  position: relative;
+}
+
+.ark-agentic-file-viewer__loading-overlay {
+  background: var(--agentic-file-viewer-surface);
+  z-index: 1;
+  display: flex;
+  position: absolute;
+  inset: 0;
+}
+
+.ark-agentic-file-viewer__loading {
+  text-align: center;
+  overflow-wrap: anywhere;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+  max-width: 100%;
+  min-height: 0;
+  overflow: auto;
+}
+
+.ark-agentic-file-viewer__loading > :first-child {
+  margin-top: auto;
+}
+
+.ark-agentic-file-viewer__loading > :last-child {
+  margin-bottom: auto;
+}
+
+.ark-agentic-file-viewer__loading-progress {
+  flex-shrink: 0;
+  width: min(280px, 100%);
+}
+
+.ark-agentic-file-viewer__loading-progress[data-indeterminate] [role="progressbar"] > div {
+  animation: 1.5s ease-in-out infinite file-viewer-loading-indeterminate;
+}
+
+@keyframes file-viewer-loading-indeterminate {
+  from {
+    transform: translateX(-100%);
+  }
+
+  to {
+    transform: translateX(333%);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ark-agentic-file-viewer__loading-progress[data-indeterminate] [role="progressbar"] > div {
+    animation: none;
+  }
+}
+
+.ark-agentic-file-viewer-minimap {
+  box-sizing: border-box;
+  scrollbar-width: thin;
+  flex: 0 0 145px;
+  width: 145px;
+  min-height: 0;
+  padding: 20px 0 24px 20px;
+  position: relative;
+  overflow: hidden auto;
+}
+
+.ark-agentic-file-viewer-minimap__item {
+  box-sizing: border-box;
+  background: var(--color-bg-1);
+  cursor: pointer;
+  border: 0;
+  border-radius: 8px;
+  width: 125px;
+  margin: 0 0 12px;
+  padding: 0;
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-minimap__item:after {
+  z-index: 1;
+  box-sizing: border-box;
+  border: 1px solid var(--color-border-2);
+  border-radius: inherit;
+  content: "";
+  pointer-events: none;
+  position: absolute;
+  inset: 0;
+}
+
+.ark-agentic-file-viewer-minimap__item:last-child {
+  margin-bottom: 0;
+}
+
+.ark-agentic-file-viewer-minimap__item[aria-current="page"]:after {
+  border: 2px solid rgb(var(--primary-6));
+}
+
+.ark-agentic-file-viewer-minimap__item:focus-visible {
+  outline: 2px solid rgb(var(--primary-6));
+  outline-offset: 3px;
+}
+
+.ark-agentic-file-viewer-minimap__preview {
+  pointer-events: none;
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: hidden;
+}
+
+.ark-agentic-file-viewer-minimap__preview img {
+  object-fit: contain;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+@media (width <= 560px) {
+  .ark-agentic-file-viewer-minimap {
+    flex-basis: 92px;
+    width: 92px;
+    padding-left: 12px;
+  }
+
+  .ark-agentic-file-viewer-minimap__item {
+    width: 80px;
+  }
+}
+
+/*!
+ * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
+ * SPDX-License-Identifier: MIT
+ */
+/*!
+ * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
+ * SPDX-License-Identifier: MIT
+ */
+/*!
+ * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
+ * SPDX-License-Identifier: MIT
+ */
+.ark-agentic-markdown .ark-agentic-markdown__code-block--light, .ark-agentic-markdown .ark-agentic-markdown__code-shell--light {
+  --stream-md-code-bg: var(--color-white);
+  --stream-md-code-text: color-mix(in srgb, var(--color-black) 90%, var(--color-white));
+  --stream-md-code-muted: color-mix(in srgb, var(--color-black) 65%, var(--color-white));
+  --stream-md-code-border: color-mix(in srgb, var(--color-black) 18%, var(--color-white));
+  --stream-md-code-header: color-mix(in srgb, var(--color-white) 94%, var(--color-black));
+  --stream-md-code-hover: color-mix(in srgb, var(--color-white) 88%, var(--color-black));
+  --stream-md-code-accent: color-mix(in srgb, rgb(var(--primary-6)) 55%, var(--color-black));
+  --stream-md-code-property: color-mix(in srgb, rgb(var(--success-6)) 55%, var(--color-black));
+  --stream-md-code-string: color-mix(in srgb, rgb(var(--warning-7)) 55%, var(--color-black));
+  --stream-md-code-number: color-mix(in srgb, rgb(var(--purple-6)) 55%, var(--color-black));
+  --stream-md-code-keyword: color-mix(in srgb, rgb(var(--link-6)) 55%, var(--color-black));
+  --stream-md-code-function: color-mix(in srgb, rgb(var(--orange-7)) 55%, var(--color-black));
+  color-scheme: light;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-block--dark, .ark-agentic-markdown .ark-agentic-markdown__code-shell--dark {
+  --stream-md-code-bg: color-mix(in srgb, var(--color-black) 94%, var(--color-white));
+  --stream-md-code-text: color-mix(in srgb, var(--color-white) 90%, color-mix(in srgb, var(--color-black) 94%, var(--color-white)));
+  --stream-md-code-muted: color-mix(in srgb, var(--color-white) 65%, color-mix(in srgb, var(--color-black) 94%, var(--color-white)));
+  --stream-md-code-border: color-mix(in srgb, var(--color-white) 18%, color-mix(in srgb, var(--color-black) 94%, var(--color-white)));
+  --stream-md-code-header: color-mix(in srgb, color-mix(in srgb, var(--color-black) 94%, var(--color-white)) 94%, var(--color-white));
+  --stream-md-code-hover: color-mix(in srgb, color-mix(in srgb, var(--color-black) 94%, var(--color-white)) 88%, var(--color-white));
+  --stream-md-code-accent: color-mix(in srgb, rgb(var(--primary-6)) 55%, var(--color-white));
+  --stream-md-code-property: color-mix(in srgb, rgb(var(--success-6)) 55%, var(--color-white));
+  --stream-md-code-string: color-mix(in srgb, rgb(var(--warning-7)) 55%, var(--color-white));
+  --stream-md-code-number: color-mix(in srgb, rgb(var(--purple-6)) 55%, var(--color-white));
+  --stream-md-code-keyword: color-mix(in srgb, rgb(var(--link-6)) 55%, var(--color-white));
+  --stream-md-code-function: color-mix(in srgb, rgb(var(--orange-7)) 55%, var(--color-white));
+  color-scheme: dark;
+}
+
+.ark-agentic-markdown {
+  --stream-md-color-text: var(--color-text-1);
+  --stream-md-color-muted: var(--color-text-3);
+  --stream-md-color-border: var(--color-border-2);
+  --stream-md-color-bg: transparent;
+  --stream-md-color-panel: var(--color-bg-2);
+  --stream-md-color-panel-strong: var(--color-bg-3);
+  --stream-md-color-code-bg: color-mix(in srgb, rgb(var(--primary-1)) 70%, var(--color-bg-2));
+  --stream-md-color-accent: rgb(var(--primary-6));
+  --stream-md-color-accent-soft: var(--color-primary-light-1);
+  --stream-md-color-danger: rgb(var(--danger-6));
+  --stream-md-radius-sm: 4px;
+  --stream-md-radius-md: 6px;
+  --stream-md-radius-lg: 12px;
+  --stream-md-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --stream-md-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  color: var(--stream-md-color-text);
+  background-color: var(--stream-md-color-bg);
+  word-break: break-word;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
+  font-size: 15px;
+  line-height: 1.7;
+}
+
+.ark-agentic-markdown--theme-samantha {
+  font-size: 16px;
+}
+
+.ark-agentic-markdown p, .ark-agentic-markdown .ark-agentic-markdown__paragraph {
+  margin: 0 0 .9em;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__paragraph--loose br + br {
+  content: "";
+  margin-top: .6em;
+  display: block;
+}
+
+.ark-agentic-markdown h1, .ark-agentic-markdown h2, .ark-agentic-markdown h3, .ark-agentic-markdown h4, .ark-agentic-markdown h5, .ark-agentic-markdown h6, .ark-agentic-markdown .ark-agentic-markdown__heading {
+  margin: 1.15em 0 .5em;
+  font-weight: 700;
+  line-height: 1.35;
+}
+
+.ark-agentic-markdown h1 {
+  font-size: 1.25em;
+}
+
+.ark-agentic-markdown h2 {
+  font-size: 1.12em;
+}
+
+.ark-agentic-markdown h3, .ark-agentic-markdown h4, .ark-agentic-markdown h5, .ark-agentic-markdown h6 {
+  font-size: 1em;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__link {
+  color: var(--stream-md-color-accent);
+  text-decoration: underline;
+  text-decoration-color: var(--stream-md-color-accent-soft);
+  text-underline-offset: 2px;
+}
+
+.ark-agentic-markdown a.ark-agentic-markdown__link[href], .ark-agentic-markdown a.ark-agentic-markdown__link[role="link"] {
+  cursor: pointer;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__blockquote {
+  border-left: 3px solid var(--stream-md-color-accent);
+  background: var(--stream-md-color-panel);
+  border-radius: 0 var(--stream-md-radius-md) var(--stream-md-radius-md) 0;
+  margin: 1em 0;
+  padding: .8em 1em;
+}
+
+.ark-agentic-markdown ul.ark-agentic-markdown__list, .ark-agentic-markdown ol.ark-agentic-markdown__list {
+  margin: 0 0 .5em;
+  list-style-position: outside;
+}
+
+.ark-agentic-markdown ul.ark-agentic-markdown__list {
+  padding-left: 1.25em;
+}
+
+.ark-agentic-markdown ol.ark-agentic-markdown__list {
+  padding-left: 1.5em;
+}
+
+.ark-agentic-markdown ul.ark-agentic-markdown__list ul.ark-agentic-markdown__list, .ark-agentic-markdown ul.ark-agentic-markdown__list ol.ark-agentic-markdown__list, .ark-agentic-markdown ol.ark-agentic-markdown__list ul.ark-agentic-markdown__list, .ark-agentic-markdown ol.ark-agentic-markdown__list ol.ark-agentic-markdown__list {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.ark-agentic-markdown li, .ark-agentic-markdown li + li {
+  margin: .5em 0;
+  padding-left: 0;
+}
+
+.ark-agentic-markdown li > .ark-agentic-markdown__paragraph {
+  margin: 0;
+}
+
+.ark-agentic-markdown ul.ark-agentic-markdown__list > li {
+  list-style-type: disc;
+}
+
+.ark-agentic-markdown ul.ark-agentic-markdown__list ul.ark-agentic-markdown__list > li {
+  list-style-type: circle;
+}
+
+.ark-agentic-markdown ul.ark-agentic-markdown__list ul.ark-agentic-markdown__list ul.ark-agentic-markdown__list > li {
+  list-style-type: square;
+}
+
+.ark-agentic-markdown ol.ark-agentic-markdown__list > li {
+  list-style-type: decimal;
+}
+
+.ark-agentic-markdown ul.ark-agentic-markdown__list ol.ark-agentic-markdown__list > li, .ark-agentic-markdown ol.ark-agentic-markdown__list ol.ark-agentic-markdown__list > li {
+  list-style-type: lower-roman;
+}
+
+.ark-agentic-markdown ul.ark-agentic-markdown__list ul.ark-agentic-markdown__list ol.ark-agentic-markdown__list > li, .ark-agentic-markdown ul.ark-agentic-markdown__list ol.ark-agentic-markdown__list ol.ark-agentic-markdown__list > li, .ark-agentic-markdown ol.ark-agentic-markdown__list ul.ark-agentic-markdown__list ol.ark-agentic-markdown__list > li, .ark-agentic-markdown ol.ark-agentic-markdown__list ol.ark-agentic-markdown__list ol.ark-agentic-markdown__list > li {
+  list-style-type: lower-alpha;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__table-root {
+  width: fit-content;
+  max-width: 100%;
+  margin: 1em 0;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__table-scroll {
+  scrollbar-width: thin;
+  scrollbar-color: var(--stream-md-color-border) transparent;
+  width: fit-content;
+  max-width: 100%;
+  overflow: auto hidden;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__table-scroll > table {
+  border-collapse: collapse;
+  text-align: left;
+  width: max-content;
+  min-width: 100%;
+  max-width: none;
+}
+
+.ark-agentic-markdown th, .ark-agentic-markdown td {
+  border: 1px solid var(--stream-md-color-border);
+  word-break: normal;
+  overflow-wrap: break-word;
+  vertical-align: top;
+  padding: .55em .75em;
+}
+
+.ark-agentic-markdown th {
+  background: var(--stream-md-color-panel);
+  text-align: left;
+}
+
+@supports selector(
+  div:where([data-foo='bar'] *):not(:where([data-foo='baz'] *))
+) {
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] *):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)) {
+    --table-inline-outside-start-padding: var(--md-box-table-spillover-outside-padding-inline-start, 0px);
+    --table-inline-outside-end-padding: var(--md-box-table-spillover-outside-padding-inline-end, 0px);
+    --table-inline-inside-end-padding: var(--md-box-table-spillover-inside-padding-inline-end, 16px);
+    --outer-width: var(--md-box-table-spillover-outer-inline-size, 0px);
+    --inner-width: var(--md-box-table-spillover-inner-inline-size, 0px);
+    --single-indent-width: var(--md-box-ul-padding-left, 24px);
+    --indent-extra-padding-left: var(--md-box-ul-margin-left, 4px);
+    --is-in-list: 0;
+    --indent-count: 0;
+    --resolved-indent-width: calc(var(--single-indent-width) * var(--indent-count) + var(--is-in-list) * var(--indent-extra-padding-left));
+    --table-container-width: calc(var(--outer-width) - var(--table-inline-outside-start-padding) - var(--table-inline-outside-end-padding));
+    width: var(--table-container-width);
+    max-width: var(--table-container-width);
+    margin-left: calc(-1 * (var(--outer-width) - var(--inner-width)) / 2 + var(--table-inline-outside-start-padding) - var(--resolved-indent-width));
+    position: relative;
+  }
+
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] :is(ol, ul) *):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)) {
+    --indent-count: 1;
+    --is-in-list: 1;
+  }
+
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] :is(ol, ul) :is(ol, ul) *):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)) {
+    --indent-count: 2;
+  }
+
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] :is(ol, ul) :is(ol, ul) :is(ol, ul) *):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)) {
+    --indent-count: 3;
+  }
+
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] :is(ol, ul) :is(ol, ul) :is(ol, ul) :is(ol, ul) *):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)) {
+    --indent-count: 4;
+  }
+
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] *):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)) > .mdbox-table-scroll-container {
+    --scroll-padding-left-base: calc((var(--outer-width) - var(--inner-width)) / 2 - var(--table-inline-outside-start-padding));
+    width: 100%;
+    max-width: 100%;
+    padding-left: calc(var(--scroll-padding-left-base) + var(--resolved-indent-width));
+    padding-right: var(--table-inline-inside-end-padding);
+    scrollbar-width: none;
+  }
+
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] *):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)) > .mdbox-table-scroll-container::-webkit-scrollbar {
+    display: none;
+  }
+
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] *):where([data-scroll-inline-overflow="true"]):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)):before, .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] *):where([data-scroll-inline-overflow="true"]):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)):after {
+    content: "";
+    pointer-events: none;
+    opacity: 0;
+    width: 20px;
+    transition: opacity .3s cubic-bezier(.2, 1, .6, 1);
+    position: absolute;
+    top: 0;
+    bottom: 12px;
+  }
+
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] *):where([data-scroll-inline-overflow="true"]):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)):before {
+    background: linear-gradient(to right, color-mix(in srgb, var(--color-bg-5) 4%, transparent) 0%, transparent 100%);
+    left: 0;
+  }
+
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] *):where([data-scroll-inline-overflow="true"]):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)):after {
+    background: linear-gradient(to left, color-mix(in srgb, var(--color-bg-5) 4%, transparent) 0%, transparent 100%);
+    right: 0;
+  }
+
+  .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] *):where([data-scroll-inline-overflow="true"]):where([data-scroll-inline-start-overflow="true"]):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)):before, .ark-agentic-markdown .ark-agentic-markdown__table-root.mdbox-table-root:where([data-table-spillover="true"] *):where([data-scroll-inline-overflow="true"]):where([data-scroll-inline-end-overflow="true"]):not(:where([data-attr="select-mode"] *)):not(:where([data-table-spillover-force-disable="true"] *)):not(:where([data-ui-version="samantha"] *)):not(:where(.ark-agentic-markdown--theme-samantha *)):after {
+    opacity: 1;
+  }
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-block, .ark-agentic-markdown .ark-agentic-markdown__code-bar {
+  border: .5px solid var(--stream-md-code-border, var(--stream-md-color-border));
+  border-radius: var(--stream-md-radius-lg);
+  background: var(--stream-md-code-bg, var(--stream-md-color-code-bg));
+  box-shadow: 0 .75px .75px color-mix(in srgb, var(--color-black) 5%, transparent);
+  margin: 1em 0;
+  overflow: hidden;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-shell {
+  border: .5px solid var(--stream-md-color-border);
+  border-radius: var(--stream-md-radius-lg);
+  background: var(--stream-md-color-bg);
+  max-width: 100%;
+  margin: 1em 0;
+  overflow: hidden;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-header {
+  border-bottom: .5px solid var(--stream-md-color-border);
+  background: var(--stream-md-color-panel-strong);
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  min-height: 42px;
+  padding: 6px 10px;
+  display: flex;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-title {
+  color: var(--stream-md-color-muted);
+  padding-inline: 6px;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-switch {
+  border: .5px solid var(--stream-md-color-border);
+  border-radius: var(--stream-md-radius-md);
+  background: var(--stream-md-color-panel);
+  padding: 2px;
+  display: inline-flex;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-switch-item {
+  border-radius: calc(var(--stream-md-radius-md) - 2px);
+  min-height: 26px;
+  color: var(--stream-md-color-muted);
+  cursor: pointer;
+  font: inherit;
+  background: none;
+  border: 0;
+  padding: 3px 10px;
+  font-size: 12px;
+  line-height: 1;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-switch-item:hover, .ark-agentic-markdown .ark-agentic-markdown__mermaid-switch-item:focus-visible {
+  color: var(--stream-md-color-text);
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-switch-item--active {
+  background: var(--stream-md-color-bg);
+  color: var(--stream-md-color-text);
+  box-shadow: 0 1px 3px color-mix(in srgb, var(--color-text-1) 12%, transparent);
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-actions {
+  justify-content: flex-end;
+  align-items: center;
+  gap: 2px;
+  display: flex;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-action {
+  border-radius: var(--stream-md-radius-sm);
+  min-width: 28px;
+  height: 28px;
+  color: var(--stream-md-color-muted);
+  cursor: pointer;
+  font: inherit;
+  background: none;
+  border: 0;
+  justify-content: center;
+  align-items: center;
+  gap: 4px;
+  padding: 0 6px;
+  font-size: 12px;
+  display: inline-flex;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-action:hover:not(:disabled), .ark-agentic-markdown .ark-agentic-markdown__mermaid-action:focus-visible {
+  background: var(--stream-md-color-accent-soft);
+  color: var(--stream-md-color-accent);
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-action:disabled {
+  cursor: not-allowed;
+  opacity: .4;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-action--copied {
+  color: rgb(var(--success-6));
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-action--reset {
+  min-width: 62px;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid {
+  background: var(--stream-md-color-bg);
+  text-align: center;
+  place-items: center;
+  min-height: 180px;
+  display: grid;
+  position: relative;
+  overflow: hidden;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid--interactive {
+  touch-action: none;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-viewport {
+  will-change: transform;
+  place-items: center;
+  width: 100%;
+  min-height: 180px;
+  transition: transform .1s ease-out;
+  display: grid;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid--dragging {
+  cursor: grabbing;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid--dragging .ark-agentic-markdown__mermaid-viewport {
+  transition: none;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-graph-content {
+  place-items: center;
+  width: 100%;
+  display: grid;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-graph-content > svg {
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  margin: 0 auto;
+  display: block;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-status {
+  border: .5px solid var(--stream-md-color-border);
+  background: var(--stream-md-color-panel-strong);
+  color: var(--stream-md-color-muted);
+  pointer-events: none;
+  border-radius: 999px;
+  padding: 3px 8px;
+  font-size: 11px;
+  line-height: 1.4;
+  position: absolute;
+  bottom: 8px;
+  right: 10px;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-source-preview {
+  position: relative;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-error {
+  background: var(--stream-md-color-code-bg);
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-error-message {
+  border-bottom: .5px solid var(--stream-md-color-border);
+  color: var(--stream-md-color-danger);
+  background: var(--stream-md-color-panel-strong);
+  padding: .65em 1em;
+  font-size: .9em;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__mermaid-download-error {
+  border-bottom: .5px solid var(--stream-md-color-border);
+  background: var(--stream-md-color-panel);
+  color: var(--stream-md-color-danger);
+  padding: 6px 12px;
+  font-size: 12px;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-header {
+  background: var(--stream-md-code-header, var(--stream-md-color-panel-strong));
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  height: 40px;
+  padding: 0 1em;
+  display: flex;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-header--expanded {
+  border-bottom: .5px solid var(--stream-md-code-border, var(--stream-md-color-border));
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-header-left, .ark-agentic-markdown .ark-agentic-markdown__code-header-actions {
+  align-items: center;
+  gap: 8px;
+  display: flex;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-language {
+  color: var(--stream-md-code-text, var(--color-text-2));
+  text-transform: lowercase;
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-action, .ark-agentic-markdown .ark-agentic-markdown__code-bar-button {
+  background: var(--stream-md-color-accent-soft);
+  color: var(--stream-md-code-accent, var(--stream-md-color-accent));
+  font: inherit;
+  cursor: pointer;
+  border: 0;
+  border-radius: 999px;
+  padding: .35em .8em;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-action--icon {
+  color: var(--stream-md-code-muted, var(--color-text-3));
+  border-radius: var(--stream-md-radius-md);
+  background: none;
+  justify-content: center;
+  align-items: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  transition: background .15s, color .15s;
+  display: inline-flex;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-action--icon:hover:not(:disabled) {
+  background: var(--stream-md-code-hover, var(--color-bg-4));
+  color: var(--stream-md-code-text, var(--color-text-2));
+  box-shadow: inset 0 0 0 .5px var(--stream-md-code-border, var(--color-border-2));
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-action--icon:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-action--copied {
+  color: var(--stream-md-code-accent, var(--stream-md-color-accent));
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-expand {
+  transition: transform .2s;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-expand--collapsed {
+  transform: rotate(-90deg);
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-bar-body {
+  padding: .85em;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-shell {
+  background: var(--stream-md-code-bg, var(--color-bg-1));
+  color: var(--stream-md-code-text, var(--stream-md-color-text));
+  margin: 0;
+  padding: 1em 1.25em;
+  overflow-x: auto;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-shell--with-line-numbers {
+  grid-template-columns: auto minmax(0, 1fr);
+  padding: 0;
+  display: grid;
+  overflow-x: hidden;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-line-numbers {
+  text-align: right;
+  color: var(--stream-md-code-muted, var(--stream-md-color-muted));
+  -webkit-user-select: none;
+  user-select: none;
+  border-right: .5px solid var(--stream-md-code-border, var(--stream-md-color-border));
+  opacity: 1;
+  flex-direction: column;
+  padding: 1em .75em;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 13px;
+  line-height: 1.7;
+  display: flex;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-shell--with-line-numbers .ark-agentic-markdown__code-content {
+  min-width: 0;
+  padding: 1em 1em 1em .85em;
+  line-height: 1.7;
+  display: block;
+  overflow-x: auto;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-shell .token.punctuation {
+  color: var(--stream-md-code-muted, var(--color-text-3));
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-shell .token.property, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.tag, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.symbol, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.deleted {
+  color: var(--stream-md-code-property, rgb(var(--success-6)));
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-shell .token.string, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.char, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.attr-value, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.regex {
+  color: var(--stream-md-code-string, rgb(var(--warning-7)));
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-shell .token.number, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.boolean, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.constant {
+  color: var(--stream-md-code-number, rgb(var(--purple-6)));
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-shell .token.keyword, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.operator, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.atrule {
+  color: var(--stream-md-code-keyword, rgb(var(--link-6)));
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-shell .token.comment, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.prolog, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.cdata {
+  color: var(--stream-md-code-muted, var(--color-text-3));
+  font-style: italic;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-shell .token.function, .ark-agentic-markdown .ark-agentic-markdown__code-shell .token.class-name {
+  color: var(--stream-md-code-function, rgb(var(--orange-7)));
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-content, .ark-agentic-markdown code, .ark-agentic-markdown pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 13px;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__code-content {
+  color: inherit;
+  font-weight: inherit;
+  background: none;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  display: block;
+}
+
+.ark-agentic-markdown :not(pre) > code {
+  background: var(--stream-md-color-panel);
+  border: 1px solid var(--stream-md-color-border);
+  border-radius: var(--stream-md-radius-sm);
+  padding: .1em .35em;
+}
+
+.ark-agentic-markdown h1 code, .ark-agentic-markdown h2 code, .ark-agentic-markdown h3 code, .ark-agentic-markdown h4 code, .ark-agentic-markdown h5 code, .ark-agentic-markdown h6 code, .ark-agentic-markdown h1 tt, .ark-agentic-markdown h2 tt, .ark-agentic-markdown h3 tt, .ark-agentic-markdown h4 tt, .ark-agentic-markdown h5 tt, .ark-agentic-markdown h6 tt, .ark-agentic-markdown .ark-agentic-markdown__heading code, .ark-agentic-markdown .ark-agentic-markdown__heading tt {
+  font-size: inherit;
+  line-height: inherit;
+  padding: 0 .2em;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__math--inline, .ark-agentic-markdown .ark-agentic-markdown__math--display {
   align-items: center;
-  gap: var(--ov-ui-space-2, 8px);
-  padding: var(--ov-ui-space-2, 8px) var(--ov-ui-space-3, 12px);
-  border-radius: var(--ov-ui-radius-sm, 4px);
-  color: var(--ov-ui-color-primary, var(--ov-ui-primary-default, #5252ff));
+  display: inline-flex;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__math--display {
+  justify-content: center;
+  margin: 1em 0;
+  display: flex;
+  overflow-x: auto;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__image-shell {
+  flex-direction: column;
+  gap: 8px;
+  margin: 1em 0;
+  display: flex;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__image-shell--center {
+  align-items: center;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__image {
+  border-radius: var(--stream-md-radius-md);
+  background: var(--stream-md-color-panel);
+  cursor: zoom-in;
+  max-width: 100%;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__image--square {
+  aspect-ratio: 1;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__image-title {
+  color: var(--stream-md-color-muted);
+  font-size: 13px;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__indicator-shell {
+  vertical-align: middle;
+  width: 14px;
+  height: 0;
+  display: inline-block;
+  position: relative;
+  overflow: visible;
+  transform: translate(6px, -1px);
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__indicator {
+  opacity: .35;
+  background: currentColor;
+  border-radius: 999px;
+  width: 8px;
+  height: 8px;
+  animation: .8s infinite alternate ark-agentic-markdown-renderer-dot-flash;
+  position: absolute;
+  top: -4px;
+  left: 0;
+}
+
+.ark-agentic-markdown .ark-agentic-markdown__slot-error {
+  color: var(--stream-md-color-danger);
+  padding: 6px 0;
+  font-size: 13px;
+}
+
+@keyframes ark-agentic-markdown-renderer-dot-flash {
+  0%, 100% {
+    opacity: .25;
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+.ov-file-browser {
+  --ov-file-browser-tree-width: 352px;
+  --ov-file-browser-row-height: 32px;
+  --ov-file-browser-stroke: .5px;
+  box-sizing: border-box;
+  min-width: 0;
+  height: 100%;
+  min-height: 0;
+  color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
   font: inherit;
-  cursor: pointer;
+  display: flex;
+  overflow: hidden;
+}
+
+.ov-file-browser__tree {
+  width: var(--ov-file-browser-tree-width);
+  box-sizing: border-box;
+  flex-direction: column;
+  flex: none;
+  gap: 8px;
+  min-width: 0;
+  min-height: 0;
+  padding: 8px 8px 12px;
+  display: flex;
+}
+
+.ov-file-browser__resizer {
+  margin: 0 4px;
+}
+
+.ov-file-browser__toolbar {
+  flex: none;
+  align-items: center;
+  gap: 6px;
+  display: flex;
+}
+
+.ov-file-browser__search {
+  border: var(--ov-file-browser-stroke) solid
+    var(--ov-ui-color-border-3, var(--ov-ui-border-3-default, #c9cbd4));
+  background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default, #fff));
+  min-width: 1px;
+  color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #787c91));
+  border-radius: 6px;
+  flex: 1 0 0;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 12px;
+  display: flex;
+  overflow: hidden;
+}
+
+.ov-file-browser__search:focus-within {
+  border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default, #5252ff));
+}
+
+.ov-file-browser__search-icon {
+  flex: none;
+  align-items: center;
+  display: inline-flex;
+}
+
+.ov-file-browser__search-input {
+  min-width: 0;
+  color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+  font: inherit;
+  letter-spacing: .039px;
   background: none;
   border: 0;
-  display: inline-flex;
+  outline: none;
+  flex: auto;
+  padding: 0;
+  font-size: 13px;
+  line-height: 22px;
+}
+
+.ov-file-browser__search-input::placeholder {
+  color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #787c91));
+}
+
+.ov-file-browser__refresh {
+  border: var(--ov-file-browser-stroke) solid
+    var(--ov-ui-color-border-3, var(--ov-ui-border-3-default, #c9cbd4));
+  background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default, #fff));
+  width: 28px;
+  height: 28px;
+  color: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default, #3f3f51));
+  cursor: pointer;
+  border-radius: 6px;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  transition: background-color .16s;
+  display: flex;
 }
 
-.ov-file-browser__toolbar-button:hover:not(:disabled) {
-  background: var(--ov-ui-color-fill-hover, var(--ov-ui-fill-hover-default, #f1f2f9));
+.ov-file-browser__refresh:hover:not(:disabled) {
+  background: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default, #f1f2f9));
 }
 
-.ov-file-browser__toolbar-button:focus-visible {
+.ov-file-browser__refresh:focus-visible {
   outline: 2px solid
     var(--ov-ui-color-focus, var(--ov-ui-focus-default, #5252ff));
-  outline-offset: 2px;
+  outline-offset: 1px;
 }
 
-.ov-file-browser__toolbar-button:disabled {
+.ov-file-browser__refresh:disabled {
   color: var(--ov-ui-color-text-disabled, var(--ov-ui-text-disabled-default, #a5a7bb));
   cursor: not-allowed;
 }
 
-.ov-file-browser__toolbar-button-icon {
+.ov-file-browser__refresh--spinning svg {
+  animation: .9s linear infinite ov-file-browser-spin;
+}
+
+@keyframes ov-file-browser-spin {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.ov-file-browser__tree-scroll {
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  overflow: hidden;
+}
+
+.ov-file-browser__tree-scroll > .ov-file-tree {
+  flex: auto;
+  min-height: 0;
+}
+
+.ov-file-browser__detail {
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.ov-file-browser__empty {
+  min-height: 0;
+  color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #787c91));
+  font: inherit;
+  text-align: center;
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  padding: 16px;
+  display: flex;
+}
+
+.ov-file-browser__empty-art {
+  width: 258px;
+  max-width: 100%;
+  height: auto;
+  display: block;
+}
+
+.dark .ov-file-browser__empty-art {
+  filter: brightness(2.2);
+}
+
+.ov-file-browser__empty-label {
+  letter-spacing: .039px;
+  margin: 0;
+  font-size: 13px;
+  line-height: 22px;
+}
+
+.ov-file-browser__hint {
+  color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #787c91));
+  font: inherit;
+  text-align: center;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  padding: 16px;
+  font-size: 13px;
+  line-height: 22px;
+  display: flex;
+}
+
+.ov-file-browser__crumbs {
+  color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #787c91));
+  letter-spacing: .039px;
+  white-space: nowrap;
   flex: none;
+  align-items: center;
+  gap: 2px;
+  padding: 8px 16px 0;
+  font-size: 13px;
+  line-height: 22px;
+  display: flex;
+  overflow: hidden;
+}
+
+.ov-file-browser__crumb {
+  align-items: center;
+  gap: 2px;
+  min-width: 0;
   display: inline-flex;
 }
 
-.ov-file-browser__toolbar-button-label {
+.ov-file-browser__crumb-sep {
+  color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #787c91));
+  flex: none;
+}
+
+.ov-file-browser__crumb-button {
+  color: inherit;
+  font: inherit;
+  text-overflow: ellipsis;
   white-space: nowrap;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 0;
+  overflow: hidden;
 }
 
-.ov-file-browser__toolbar-actions > * + :before {
-  content: "";
-  width: 1px;
-  height: 16px;
-  margin-right: var(--ov-ui-space-2, 8px);
-  background: var(--ov-ui-color-border-2, var(--ov-ui-border-2-default, #e1e4f2));
-  vertical-align: middle;
-  display: inline-block;
+.ov-file-browser__crumb-button:hover {
+  color: var(--ov-ui-color-primary, var(--ov-ui-primary-default, #5252ff));
+}
+
+.ov-file-browser__detail-actions {
+  align-items: center;
+  gap: 8px;
+  display: inline-flex;
 }
 
-.ov-module-placeholder {
+.ov-file-browser__segmented {
   box-sizing: border-box;
-  border: 1px dashed
-    var(--ov-ui-color-border-2, var(--ov-ui-border-2-default, currentColor));
-  border-radius: var(--ov-ui-radius, 6px);
-  min-width: 0;
-  min-height: 160px;
-  color: inherit;
+  background: var(--ov-ui-color-bg-4, var(--ov-ui-bg-4-default, #f6f7fa));
+  border-radius: 8px;
+  grid-auto-columns: 1fr;
+  grid-auto-flow: column;
+  align-items: center;
+  height: 28px;
+  padding: 2px;
+  display: inline-grid;
+}
+
+.ov-file-browser__segment {
+  box-sizing: border-box;
+  min-width: 50px;
+  height: 24px;
+  color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #6e718c));
+  font: inherit;
+  letter-spacing: .039px;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 6px;
+  justify-content: center;
+  align-items: center;
+  padding: 0 12px;
+  font-size: 13px;
+  line-height: 22px;
+  display: inline-flex;
+}
+
+.ov-file-browser__segment[data-active] {
+  background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default, #fff));
+  color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+  box-shadow: 0 0 0 1px
+    var(--ov-ui-color-border-1, var(--ov-ui-border-1-default, #f0f2fa));
+  font-weight: 500;
+}
+
+.ov-file-browser__detail-sep {
+  background: var(--ov-ui-color-border-1, var(--ov-ui-border-1-default, #f0f2fa));
+  flex: none;
+  width: 1px;
+  height: 10px;
+}
+
+.ov-file-browser__detail-icon {
+  width: 28px;
+  height: 28px;
+  color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #6e718c));
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 6px;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  transition: background-color .16s, color .16s;
+  display: inline-flex;
+}
+
+.ov-file-browser__detail-icon:hover:not(:disabled) {
+  background: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default, #f1f2f9));
+  color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+}
+
+.ov-file-browser__detail-icon:disabled {
+  color: var(--ov-ui-color-text-disabled, var(--ov-ui-text-disabled-default, #a5a7bb));
+  cursor: not-allowed;
+}
+
+.ov-file-browser__summary-tabs {
+  border-bottom: 1px solid
+    var(--ov-ui-color-border-1, var(--ov-ui-border-1-default, #f0f2fa));
+  flex: none;
+  align-items: stretch;
+  gap: 32px;
+  height: 34px;
+  padding: 0 16px;
+  display: flex;
+}
+
+.ov-file-browser__summary-tab {
+  color: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default, #3f3f51));
   font: inherit;
+  letter-spacing: .039px;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-bottom: 2px solid #0000;
+  align-items: center;
+  padding: 0 0 2px;
+  font-size: 13px;
+  line-height: 22px;
+  transition: color .16s;
+  display: inline-flex;
+}
+
+.ov-file-browser__summary-tab:hover {
+  color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+}
+
+.ov-file-browser__summary-tab[data-active] {
+  border-bottom-color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+  color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default, #0b0b0f));
+  font-weight: 500;
+}
+
+.ov-file-browser__failure {
   text-align: center;
-  overflow-wrap: anywhere;
   flex-direction: column;
+  flex: 1;
   justify-content: center;
   align-items: center;
   gap: 8px;
+  min-height: 0;
   padding: 24px;
   display: flex;
 }
 
-.ov-module-placeholder__title {
+.ov-file-browser__failure-title {
+  color: var(--ov-ui-color-status-error, var(--ov-ui-status-error-default, #c43838));
   margin: 0;
+  font-size: 13px;
+  line-height: 22px;
 }
 
-.ov-module-placeholder__description {
-  color: var(--ov-ui-text-muted, color-mix(in srgb, currentColor 75%, transparent));
+.ov-file-browser__failure-detail {
+  max-width: 480px;
+  color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default, #787c91));
+  overflow-wrap: anywhere;
   margin: 0;
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 12px;
+  line-height: 20px;
+}
+
+.ov-file-browser__failure-retry {
+  border: var(--ov-file-browser-stroke) solid
+    var(--ov-ui-color-border-3, var(--ov-ui-border-3-default, #c9cbd4));
+  background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default, #fff));
+  color: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default, #3f3f51));
+  font: inherit;
+  cursor: pointer;
+  border-radius: 6px;
+  padding: 4px 12px;
+  font-size: 13px;
+  transition: background-color .16s;
+}
+
+.ov-file-browser__failure-retry:hover {
+  background: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default, #f1f2f9));
+}
+
+.ov-file-browser__failure-retry:focus-visible {
+  outline: 2px solid
+    var(--ov-ui-color-focus, var(--ov-ui-focus-default, #5252ff));
+  outline-offset: 1px;
+}
+
+.ov-file-browser__hint--error {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  display: flex;
+}
+
+.ov-file-browser__retry {
+  border: var(--ov-file-browser-stroke) solid
+    var(--ov-ui-color-border-3, var(--ov-ui-border-3-default, #c9cbd4));
+  background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default, #fff));
+  color: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default, #3f3f51));
+  font: inherit;
+  cursor: pointer;
+  border-radius: 6px;
+  padding: 2px 10px;
+  font-size: 12px;
+}
+
+.ov-file-browser__retry:hover {
+  background: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default, #f1f2f9));
+}
+
+.ov-file-browser__retry:focus-visible {
+  outline: 2px solid
+    var(--ov-ui-color-focus, var(--ov-ui-focus-default, #5252ff));
+  outline-offset: 1px;
 }