@layer components {
  .ui-prompt {
    --code-corner: calc(var(--ui-space-md) + var(--ui-text-code) * var(--ui-leading-code) / 2 - 1rem);
    border-radius: var(--ui-radius-xl);
    background: var(--ui-surface-code);
    min-width: 0;
    box-shadow: inset 0 0 0 1px var(--ui-line-contour), 0 1px 0 var(--ui-lip);
    gap: 0;
    display: grid;
    overflow: hidden;
  }

  .ui-prompt-body {
    padding: var(--ui-space-xs) var(--ui-space-md) var(--ui-space-md);
    color: var(--ui-text-strong);
    font: var(--ui-weight-regular) .9375rem/1.7 var(--font-family-sans);
    white-space: pre-wrap;
    margin: 0;
  }

  .ui-prompt-body var {
    border-radius: var(--ui-radius-xs);
    background: var(--ui-surface-chip);
    color: var(--ui-text-body);
    box-shadow: inset 0 0 0 1px var(--ui-line-hair);
    font: var(--ui-weight-regular) .8125rem/1 var(--font-family-mono);
    padding: 0 .25em;
    font-style: normal;
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265)}:root,:host{--font-family-sans:var(--font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-mono:var(--font-mono, ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root,:host{--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0), var(--color-zinc-95))}:root,:host{--font-sans:"Geist", "Noto Sans TC";--font-mono:"IBM Plex Mono"}}