.blockmesh-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;align-items:start}.patch-editor{margin-top:26px;padding-top:24px;border-top:1px solid #dce6ed}.patch-editor h3{margin-top:0}.blockmesh-preview{position:sticky;top:74px}.blockmesh-preview svg{width:100%;height:auto;background:#071b2c;border-radius:10px;margin:8px 0 18px}.mesh-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mesh-metrics div{padding:14px 9px;background:#edf4f6;border-radius:8px;text-align:center}.mesh-metrics strong,.mesh-metrics span{display:block}.mesh-metrics strong{color:#0b806d;font-size:1.08rem}.mesh-metrics span{font-size:.68rem;color:#667789;margin-top:4px}.blockmesh-output{grid-column:1/-1}.output-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.output-head h2{margin:4px 0 0}.blockmesh-output pre{max-height:720px;overflow:auto;padding:24px;background:#061728;color:#d8e8f4;border-radius:10px;font:500 .78rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.run-steps{margin-top:22px}.run-steps code{display:block;margin:8px 0;padding:11px 14px;background:#edf5f4;color:#075f52;border-radius:6px}.run-steps p{color:#617488;line-height:1.65}.preview-face{fill:#123a4d;stroke:#31dbb7;stroke-width:2}.preview-side{fill:#0d2a3b;stroke:#21a88e;stroke-width:2}.preview-line{stroke:#7b9eb1;stroke-width:1;opacity:.55}.preview-label{fill:#d9edf2;font:700 13px system-ui}.preview-dim{fill:#61e4c8;font:600 11px ui-monospace,monospace}@media(max-width:900px){.blockmesh-shell{grid-template-columns:1fr}.blockmesh-preview{position:static}.output-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.mesh-metrics{grid-template-columns:1fr}.blockmesh-output pre{font-size:.68rem;padding:16px}}