body{margin:0;padding:22px;background:#eef2f4;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}

#pf-lab{--pf-bg:#f4f7f8;--pf-panel:#fff;--pf-ink:#182e37;--pf-muted:#5b6e76;--pf-line:#dce5e9;--pf-blue:#028bb2;--pf-gold:#c97916;--pf-green:#16836d;color-scheme:light;background:var(--pf-bg);color:var(--pf-ink);font:16px/1.45 Inter,"Segoe UI",Arial,sans-serif;border-radius:16px;overflow:hidden;isolation:isolate}#pf-lab *{box-sizing:border-box}#pf-lab button,#pf-lab input,#pf-lab select{font:inherit}#pf-lab button,#pf-lab select{cursor:default}#pf-lab button{border:1px solid var(--pf-line);background:var(--pf-panel);color:var(--pf-ink);border-radius:8px;padding:9px 13px;transition:background .15s}#pf-lab button:hover{background:#eaf1f4}#pf-lab button:focus-visible,#pf-lab input:focus-visible,#pf-lab select:focus-visible{outline:3px solid #0c93bc;outline-offset:3px}#pf-lab [hidden]{display:none!important}.pf-header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;background:var(--pf-panel);gap:15px}.pf-brand{display:flex;align-items:center;gap:12px}.pf-mark{display:grid;place-items:center;width:40px;height:40px;background:#123e4a;color:#fff;border-radius:11px;font-size:23px;font-weight:500}.pf-brand strong{display:block;font-size:14px;letter-spacing:.14em;font-weight:500}.pf-brand span:not(.pf-mark){display:block;font-size:13px;color:var(--pf-muted);margin-top:3px}.pf-header-right{display:flex;align-items:center;gap:16px;padding-right:72px;font-size:13px}.pf-demo{background:#eef3f5;padding:5px 10px;border-radius:5px;color:var(--pf-muted)}.pf-student{font-weight:500}.pf-nav{display:flex;align-items:center;gap:20px;padding:0 26px;background:var(--pf-panel);border-top:1px solid #eef3f5;border-bottom:1px solid var(--pf-line);min-height:53px;font-size:14px;flex-wrap:wrap}.pf-nav .pf-active{align-self:stretch;display:flex;align-items:center;border-bottom:3px solid var(--pf-blue);font-weight:500;color:#087494;padding:12px 0}.pf-nav button{border:0!important;padding:8px 0!important;background:transparent!important;font-size:14px!important}.pf-nav-note{margin-left:auto;color:var(--pf-muted);font-size:12px}.pf-main{display:grid;grid-template-columns:1.14fr 1fr;gap:20px;padding:22px}.pf-machine,.pf-data{background:var(--pf-panel);border:1px solid var(--pf-line);border-radius:12px;padding:20px;min-width:0}.pf-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#pf-lab h2{font-size:18px;font-weight:500;margin:0;line-height:1.3}.pf-experiment,.pf-sensor-label{font-size:12px;color:var(--pf-muted)}.pf-stream-labels{display:flex;justify-content:space-between;gap:12px;margin-top:28px;font-size:14px}.pf-stream-labels div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pf-stream-labels b{font-weight:500;font-variant-numeric:tabular-nums}.pf-stream-labels small{font-size:12px;color:var(--pf-muted)}.pf-swatch{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.pf-water{background:var(--pf-blue)}.pf-syrup{background:var(--pf-gold)}.pf-mixture{background:#4daca0}#pf-plant{display:block;width:100%;height:292px}.pf-outflow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;margin:3px 0 20px}.pf-outflow strong{font-weight:500;margin-left:8px;font-variant-numeric:tabular-nums}.pf-dials{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #e9eef1;padding-top:20px}.pf-dial-control{text-align:center;min-width:0}.pf-dial-control>label{font-size:14px;font-weight:500}.pf-dial{position:relative;width:132px;height:132px;margin:13px auto 9px;touch-action:none}.pf-scale{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -137deg,#9eb0b9 0deg 1deg,transparent 1deg 13.5deg);mask:radial-gradient(transparent 0 58px,#000 59px 63px,transparent 64px)}.pf-dial-face{position:absolute;inset:17px;border-radius:50%;background:linear-gradient(135deg,#fff,#d1dce0 49%,#edf3f5 70%,#b4c3ca);box-shadow:0 6px 8px #24495724,0 0 0 1px #b7c8d0,inset 0 0 0 4px #edf3f5,inset 0 0 0 5px #c6d5dc;display:grid;place-items:center}.pf-dial-grip{width:70px;height:70px;border-radius:50%;background:repeating-conic-gradient(#294650 0deg 8deg,#34545e 8deg 16deg);box-shadow:0 2px 4px #183a4b38,inset 0 0 0 4px #3b5962;position:relative;transition:transform 110ms ease-out}.pf-dial-grip:after{content:"";position:absolute;inset:9px;border-radius:50%;background:linear-gradient(145deg,#536e77,#29434b);box-shadow:inset 0 1px 2px #92aab866}.pf-dial-grip span{position:absolute;z-index:1;top:10px;left:32px;width:6px;height:18px;border-radius:2px;background:#fafcfd;box-shadow:0 0 5px #e8fbff38}.pf-dial input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;touch-action:none}.pf-dial:focus-within{outline:3px solid var(--pf-blue);outline-offset:4px;border-radius:50%}.pf-number{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--pf-muted)}.pf-number input{width:78px;border:1px solid var(--pf-line);border-radius:6px;padding:6px 4px;font-size:17px!important;text-align:center;color:var(--pf-ink);font-variant-numeric:tabular-nums;background:#f7fafb}.pf-limits{display:flex;justify-content:space-between;width:110px;margin:5px auto 0;font-size:11px;color:var(--pf-muted)}.pf-live-reading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.pf-live-reading>div:first-child{display:flex;align-items:baseline;gap:9px}.pf-live-reading>div:first-child strong{font-size:42px;line-height:1.1;font-weight:500;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.pf-live-reading>div:first-child>span{font-size:14px;color:var(--pf-muted)}.pf-clock{text-align:right}.pf-clock span{display:block;font-size:11px;color:var(--pf-muted)}.pf-clock strong{display:block;font-size:21px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.03em;margin-top:3px}.pf-target{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;margin:16px 0 6px;font-size:12px;color:var(--pf-muted)}#pf-quality{color:#98712d}#pf-chart{display:block;width:100%;height:227px;touch-action:pan-y}.pf-chart-detail{font-size:12px;color:var(--pf-muted);text-align:right;min-height:20px}.pf-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px}#pf-lab .pf-primary{background:#123e4a;color:white;border:1px solid #123e4a;font-weight:500;min-width:166px}#pf-lab .pf-primary:hover{background:#1e5261}.pf-speed{font-size:12px;color:var(--pf-muted);display:flex;align-items:center;gap:8px}.pf-speed select{font-size:14px!important;padding:8px;border:1px solid var(--pf-line);border-radius:6px;background:white;color:var(--pf-ink)}.pf-secondary-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:11px}#pf-lab .pf-secondary-actions button{border:0;background:transparent;font-size:12px;padding:6px 0;color:var(--pf-muted)}.pf-table-head{display:flex;justify-content:space-between;align-items:center;margin-top:22px;border-top:1px solid var(--pf-line);padding-top:17px;font-size:13px}.pf-table-head strong{font-weight:500}.pf-table-head span{color:var(--pf-muted)}#pf-lab table{border-collapse:collapse;width:100%;font-size:12px;margin-top:9px;table-layout:fixed}#pf-lab th{font-weight:400;color:var(--pf-muted);font-size:11px;text-align:left;padding:8px 0;border-bottom:1px solid var(--pf-line);overflow-wrap:anywhere}#pf-lab td{padding:8px 0;border-bottom:1px solid #eef3f5;font-variant-numeric:tabular-nums}#pf-lab th:not(:first-child),#pf-lab td:not(:first-child){text-align:right}.pf-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 24px 20px;color:var(--pf-muted);font-size:12px}.pf-rank{margin:20px 22px 0;padding:20px;background:white;border:1px solid var(--pf-line);border-radius:10px}.pf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.pf-main{grid-template-columns:1fr}.pf-header-right{padding-right:0}.pf-nav-note{display:none}.pf-machine,.pf-data{padding:18px}.pf-stream-labels{margin-top:20px}}@media(max-width:420px){.pf-header{padding:16px}.pf-brand strong{font-size:12px}.pf-brand span:not(.pf-mark){font-size:11px}.pf-mark{width:34px;height:34px}.pf-student{display:none}.pf-demo{font-size:11px}.pf-main{padding:12px;gap:12px}.pf-nav{padding:0 16px;gap:18px}.pf-section-head{gap:6px}#pf-lab h2{font-size:16px}.pf-machine,.pf-data{padding:14px}.pf-dial{width:124px;height:124px}.pf-scale{mask:radial-gradient(transparent 0 54px,#000 55px 59px,transparent 60px)}.pf-dials{gap:8px}.pf-number{gap:4px}.pf-number input{width:70px}.pf-clock span{font-size:11px}.pf-live-reading>div:first-child strong{font-size:37px}.pf-stream-labels{font-size:12px}.pf-stream-labels small{font-size:11px}#pf-plant{height:260px}.pf-outflow{font-size:12px;gap:6px}.pf-footer{padding:0 16px 18px}.pf-action-row{gap:8px}#pf-lab .pf-primary{min-width:148px;padding:9px 10px}}


@media(max-width:420px){#pf-lab .pf-header{flex-wrap:wrap}#pf-lab .pf-dial{width:min(124px,100%);height:auto;aspect-ratio:1}#pf-lab .pf-stream-labels>div{min-width:0;flex:1}}
@media(prefers-reduced-motion:reduce){#pf-lab .pf-dial-grip{transition:none}}
@media(max-width:420px){body{padding:0}.pf-header{flex-wrap:wrap}.pf-dial{width:112px;height:112px}.form-grid{min-width:0}.pf-section-head{flex-wrap:wrap}}.scroll{overflow-x:auto}td{overflow-wrap:anywhere}.pf-dial{touch-action:none}dialog{max-width:min(900px,95vw);max-height:85vh;overflow:auto}#notice:empty{display:none}