.steam-process{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #d9e5e9;border-radius:8px;background:linear-gradient(110deg,#fff9f2,#eef6fa);padding:14px 18px;margin-bottom:18px;color:#456171;font-size:13px}.steam-process i{font-style:normal;color:#cc8b47}.steam-process small{margin-left:auto;color:#3e829e}.steam-legend{display:flex;flex-wrap:wrap;gap:18px;padding:12px 18px;color:#586f80;font-size:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.dot.hot{background:#ec9859}.dot.rotor{background:#b7c8d3}.dot.stator{background:#be9b61}.dot.cold{background:#51bbd5}.steam-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid #e2e9ef;font-size:12px}.steam-controls select{font:inherit;padding:5px;background:white;border:1px solid #ccdce5;border-radius:4px}.steam-note{padding:0 18px 12px;line-height:1.8;color:#6d8190;font-size:12px}#viewport{height:590px}#parameters .parameter-head{gap:8px}#run-state{margin-left:auto;color:#187d88}.view-buttons{flex-wrap:wrap}.panel-header{flex-wrap:wrap}#principle a{color:#087d91}#motion .lk-charts{padding:18px}#motion canvas{height:210px;width:100%}.equation{line-height:2}@media(max-width:700px){#viewport{height:390px}.steam-process{gap:8px}.steam-process small{margin-left:0}.steam-legend{gap:10px}.steam-controls{padding:10px}.steam-controls button{font-size:12px}}
.steam-display-modes{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid #dce5ed;background:#f5f8fa}.steam-display-modes button{font-size:12px;padding:6px 12px}.steam-display-modes button[aria-pressed=true]{background:#176e80;color:#fff;border-color:#176e80}