.mock-output{max-height:24rem}.mock-fields{gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.mock-fields li{align-items:center;gap:.4rem;display:flex}.mock-fields input,.mock-fields select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);min-width:0;color:var(--ink);font:500 var(--text-sm)/1.2 var(--mono);flex:1;padding:.45rem .55rem}.mermaid-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:stretch;gap:.8rem;display:grid}.mermaid-preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;place-items:center;min-height:20rem;padding:.8rem;display:grid;overflow:auto}.mermaid-preview svg{max-width:100%;height:auto}.mermaid-error{white-space:pre-wrap;font:var(--text-xs)/1.5 var(--mono);margin:0}@media (max-width:760px){.mermaid-layout{grid-template-columns:1fr}}