.test-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:25px;padding-bottom:40px}.test-layout h1{font-size:36px;letter-spacing:-1px}.test-layout h2{margin-top:18px}.test-layout .demo-pill{margin-left:auto}.charge-confirm{justify-content:flex-start;align-items:flex-start;gap:12px;margin:22px 0;font-weight:400;line-height:1.7}.charge-confirm input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:#176abb}.charge-confirm span{font:inherit;color:#52677c}.primary:disabled{cursor:default;background:#7d91a5}.test-layout pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fa;padding:16px;font-size:12px;line-height:1.7;border-radius:8px;max-height:320px;overflow:auto}.test-layout .text-link{margin-top:20px}@media(max-width:760px){.test-layout{grid-template-columns:1fr;padding-top:10px}.test-layout h1{font-size:31px}}
.connection-check{border:0;background:transparent;color:#176abb;padding:8px 0;cursor:pointer}
.test-layout .fmi-on{color:#b42318;font-weight:750}
.test-layout .fmi-off{color:#067647;font-weight:750}
.test-layout .fmi-unknown{color:#65788d}
.test-layout .status-on{color:#b42318;background:#fef3f2}
.test-layout .status-off{color:#067647;background:#ecfdf3}
[hidden]{display:none!important}
.live-result-panel{scroll-margin-top:18px}
.result-actions{margin-top:28px;padding-top:20px;border-top:1px solid #e3e8ef}
.live-result-panel #live-title:focus{outline:none}
@media(max-width:760px){
  .test-layout[data-view="form"] .live-result-panel{display:none}
  .test-layout[data-view="result"] .check-panel{display:none}
  .live-result-panel{min-height:calc(100svh - 110px);display:flex;flex-direction:column}
  .live-result-panel .details{margin-top:12px}
  .result-actions{margin-top:auto;padding-top:25px}
  .live-result-panel>.text-link{font-size:11px;margin-top:18px}
}