.work-code { margin: 20px 0; border-radius: 12px; background: var(--soft); min-width: 0; overflow: hidden; }
.code-heading { display: flex; gap: 10px; align-items: center; padding: 8px 14px;
  color: var(--muted); font: 12px system-ui; }
.code-heading span { margin-right: auto; }
.code-heading button { min-height: 32px; font-size: 12px; }
.work-code pre, .rich-host pre { max-width: 100%; overflow-x: auto; padding: 18px;
  background: var(--soft); border-radius: 10px; white-space: pre; tab-size: 4;
  font: 14px/1.7 ui-monospace, monospace; color: var(--ink); }
.work-code pre { margin: 0; }
.work-code code, .rich-host pre code { padding: 0; background: none; border-radius: 0;
  font: inherit; color: inherit; }
.work-code[data-wrap="true"] pre, .rich-host pre[data-wrap="true"] {
  white-space: pre-wrap; overflow-wrap: anywhere;
}
.feature-status { font: 12px/1.5 system-ui; color: var(--muted); padding: 0 14px; }
.feature-status:empty { display: none; }
.work-math { max-width: 100%; color: var(--ink); }
.work-math[data-math-block="true"] { display: block; overflow-x: auto; margin: 20px 0; padding: 10px; }
.work-math[data-math-block="false"] { display: inline-block; vertical-align: middle; overflow: visible; }
.work-math.math-wide { overflow-x: auto; padding: .5em .15em; }
.work-math .katex-display { margin: 0; }
.math-retry { font-size: 11px; min-height: 28px; color: var(--muted); }
.formula-dialog { width: min(720px, calc(100% - 24px)); max-height: 90dvh; overflow: auto; }
.formula-dialog label { display: block; margin: 12px 0; }
.formula-dialog textarea { min-height: 160px; font-family: monospace; }
.formula-output { min-height: 70px; padding: 16px; background: var(--soft); border-radius: 10px;
  overflow-x: auto; margin: 12px 0; }
.formula-message { font-size: 12px; color: var(--muted); }
.hljs-keyword, .hljs-selector-tag, .hljs-type { color: #9b3678; }
.hljs-string, .hljs-attr, .hljs-selector-class { color: #087168; }
.hljs-number, .hljs-literal { color: #925100; }
.hljs-comment, .hljs-quote { color: #64717e; }
.hljs-title, .hljs-built_in, .hljs-variable { color: #1556b3; }
:root[data-theme="dark"] .hljs-keyword, :root[data-theme="dark"] .hljs-type,
:root[data-theme="dark"] .hljs-selector-tag { color: #d9a2e9; }
:root[data-theme="dark"] .hljs-string, :root[data-theme="dark"] .hljs-attr,
:root[data-theme="dark"] .hljs-selector-class { color: #8ed9bc; }
:root[data-theme="dark"] .hljs-number, :root[data-theme="dark"] .hljs-literal { color: #efc480; }
:root[data-theme="dark"] .hljs-comment, :root[data-theme="dark"] .hljs-quote { color: #a0b0c2; }
:root[data-theme="dark"] .hljs-title, :root[data-theme="dark"] .hljs-built_in,
:root[data-theme="dark"] .hljs-variable { color: #98beff; }