#bepSim{font-family:sans-serif}#bepSim .wrap{max-width:1000px;margin:auto;background:#fff;padding:16px;border-radius:12px;border:1px solid #ddd}#bepSim h1{margin:0 0 10px;font-size:18px}#bepSim .grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-bottom:10px}#bepSim .grid input{width:100%;padding:6px;border:1px solid #ccc;border-radius:6px}#bepSim .chartWrap{position:relative;height:420px}#bepSim canvas{display:block;width:100% !important;height:100% !important}#bepSim .meta{background:#fff7cc;border:2px solid #f2c94c;border-radius:10px;padding:10px 14px;box-shadow:0 2px 6px rgba(0,0,0,.06);font-size:17px;font-weight:600;line-height:1.6;text-align:center;margin:12px auto 0;max-width:760px}#bepSim .sliders{margin-top:12px;display:grid;gap:10px}#bepSim .sliderbox{max-width:760px;margin:0 auto;width:100%;background:#fafafa;border:1px solid #eee;border-radius:10px;padding:10px 12px}#bepSim .sliderbox input[type=range]{width:100%}#bepSim.demo .grid input,#bepSim.demo .meta,#bepSim.demo .sliders{opacity:.55}@media (max-width:720px){#bepSim .grid{grid-template-columns:1fr}#bepSim .chartWrap{height:360px}}#bepSim .controls{display:grid;gap:12px;margin-bottom:12px}#bepSim .row{display:grid;grid-template-columns:90px 1fr 160px;align-items:center;gap:10px;max-width:760px;margin:0 auto}#bepSim .row label{font-size:13px}#bepSim .row input[type=number]{padding:6px;border:1px solid #ccc;border-radius:6px;width:100%}#bepSim .row input[type=range]{width:100%}