/* Author: Sandeep Belgavi. Lab controls using the existing editorial palette. */
.jh-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;background:#fff;border:1px solid #d7dced;border-radius:12px}
.jh-controls label{display:grid;gap:8px;font-size:13px;font-weight:600;color:#33415e}
.jh-controls input,.jh-controls select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #aeb8d1;border-radius:7px;background:#fff;color:#1c2841;padding:10px;font:14px Inter,system-ui}
.jh-controls button,.jh-transport button{font:600 14px Inter,system-ui;min-height:44px;border-radius:7px;border:1px solid #4338ca;background:#4338ca;color:white;padding:10px 18px;cursor:pointer}
.jh-controls button{grid-column:1/-1;justify-self:start}.jh-transport{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.jh-transport button:last-of-type{background:white;color:#4338ca}
.jh-transport button:disabled{opacity:.5;cursor:default}.jh-transport span{font-size:13px;color:#52617d}
.jh-result{padding:22px;background:#edeafa;border-left:4px solid #7c3aed;border-radius:0 10px 10px 0;margin:24px 0;font-weight:600}
.jh-result small{display:block;font-weight:400;margin-top:10px}.jh-visual{min-height:80px;border:1px solid #d7dced;background:white;border-radius:12px;padding:22px;margin:20px 0;overflow:auto}
.jh-visual h3{margin:0 0 14px}.jh-cells{display:flex;flex-wrap:wrap;gap:8px}.jh-cell{border:1px solid #b6a9e4;background:#f2efff;color:#4338ca;padding:8px;border-radius:6px;font:12px/1.4 ui-monospace,monospace;min-width:64px}.jh-cell.bad{border-color:#a82f4e;background:#fff2f4;color:#8b1838}.jh-cell.neutral{border-color:#c5cddd;background:#f5f6fb;color:#52617d}
.jh-bars{display:grid;gap:12px}.jh-bar{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,3fr) 80px;gap:12px;align-items:center;font-size:12px}.jh-track{height:16px;background:#e9e7f3;border-radius:4px;overflow:hidden}.jh-fill{height:100%;background:#6551c5;min-width:0}.jh-bar strong{text-align:right}.jh-visual svg{display:block;max-width:100%;height:auto}.jh-error{color:#8b1838}.jh-equation{font:14px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}
@media(max-width:600px){.jh-controls{grid-template-columns:1fr;padding:18px}.jh-bar{grid-template-columns:95px minmax(80px,1fr) 65px;gap:7px}.jh-visual{padding:16px}}