/* ps.css — Prestressing studio (v18); builds on jetty.css */
.ps-els { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.ps-sl { display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; margin-bottom: 8px; font-size: .82rem; }
.ps-sl label { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.ps-sl input[type=range] { width: min(260px, 60vw); accent-color: var(--purple); }
.ps-sl output { font-family: var(--font-mono, monospace); min-width: 80px; margin-right: 14px; }
.ps-sl select { font: inherit; padding: 3px 6px; border: 1px solid var(--line); border-radius: 7px; background: var(--bg); color: var(--ink); }
.ps-mag { border: 1px solid var(--line); border-radius: 10px; background: #fff; overflow: hidden; cursor: crosshair; }
.ps-mag svg { display: block; width: 100%; height: auto; }