:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,sans-serif;color:#eaf3f5;background:#0b171e;font-synthesis:none;--muted:#81969f;--line:#25353c;--teal:#47d4be;--red:#ff766c;--gold:#e9b95f}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;transition:background .18s,color .18s,border-color .18s}button:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#101e25}.brand{display:flex;gap:15px;align-items:center}.brand-icon{display:block;background:var(--teal);color:#10272b;border-radius:10px;font-size:28px;line-height:43px;width:43px;text-align:center;font-weight:800}.brand-icon span{color:#fff}h1{font-size:21px;letter-spacing:2px;margin:0 0 6px}header p{font-size:9px;letter-spacing:2px;margin:0;color:var(--muted)}header p span{padding:0 8px}.header-right{display:flex;align-items:center;gap:24px}.demo{font-size:12px;color:#9ce8d9;padding:9px 12px;border:1px solid #275149;border-radius:5px;background:#16352f}.demo i,.clock i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:6px}.edition{font-size:10px;letter-spacing:1px;color:var(--muted)}.edition b{margin-left:9px;border:1px solid var(--line);padding:4px 5px;color:#c0cfd4}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:calc(100dvh - 88px);min-height:670px}.workspace{display:grid;grid-template-rows:105px minmax(270px,1fr) 112px 72px;min-width:0}.overview{padding:21px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--muted)}h2{margin:6px 0 0;font-size:18px}.overview h2 span{font-size:10px;font-weight:400;color:var(--muted);margin-left:12px}.stats{display:flex;gap:24px}.stats>div{min-width:54px}.stats span{display:block;color:var(--muted);font-size:10px;white-space:nowrap}.stats strong{display:block;font-size:28px;font-weight:500;letter-spacing:1px;margin-top:4px;font-variant-numeric:tabular-nums}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:currentColor}.running{color:var(--teal)}.idle{color:var(--gold)}.fault{color:var(--red)}#viewport{position:relative;margin:0 18px;border:1px solid #34454c;border-radius:9px;overflow:hidden;background:#182b35;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.machine-label{position:absolute;left:0;top:0;transform:translate(-50%,-100%);pointer-events:auto;background:#13262ddd;border:1px solid #44606a;color:#d9e4e7;padding:5px 8px;font-size:10px;border-radius:4px;white-space:nowrap;box-shadow:0 3px 8px #0002}.machine-label.active{background:#133e39;border-color:var(--teal);color:#baffee}.machine-label .dot{width:5px;height:5px}.view-note{position:absolute;top:16px;left:16px;z-index:3;font-size:11px;color:#d1e0e6;pointer-events:none}.view-note span{color:#8da5b1}.view-tools{position:absolute;right:14px;top:14px;display:flex;gap:4px;z-index:3}.view-tools button{height:32px;border:1px solid #45606e;border-radius:4px;background:#162a34e6;color:#cbdce4;padding:0 9px}.view-tools span{font-size:10px}.viewport-foot{position:absolute;bottom:13px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:9px;color:#a3b9c6;pointer-events:none;z-index:3}.stations{padding:17px 26px 12px}.section-caption{font-size:11px;color:#bdcdd3;display:flex;justify-content:space-between;align-items:center}.section-caption span{font-size:9px;color:var(--muted)}#machine-list{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}.station{background:#14242c;border:1px solid #2b3d45;border-radius:5px;color:#bfccd2;padding:9px 10px;text-align:left}.station.active{border-color:#3eac9d;background:#163b38}.station strong{font-size:11px;letter-spacing:.7px}.station small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.station .dot{float:right;margin:4px 0}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:10px}.playback{display:flex;gap:8px}.playback button,.playback select{border:1px solid #31434b;background:#172830;color:#b9cdd5;border-radius:5px;padding:9px 12px;font-size:11px}.playback .primary{background:var(--teal);color:#083a33;border-color:var(--teal);font-weight:600}.clock{display:flex;align-items:center;font-size:11px;gap:7px;color:#c5d9df;white-space:nowrap}#clock{font-variant-numeric:tabular-nums}#play-state{font-size:9px;color:var(--muted)}aside{background:#101e25;border-left:1px solid var(--line);padding:25px 24px;overflow:auto;display:flex;flex-direction:column}.inspector-head{display:flex;justify-content:space-between;align-items:center}.number{font-size:9px;color:#647f8d}.identity{margin:26px 0 19px}.identity h2{font-size:31px;letter-spacing:1px;font-weight:500}.identity p{font-size:12px;color:#c2d1d8;margin:8px 0 0}.identity p span{color:var(--muted);font-size:11px}.state{padding:11px 12px;border:1px solid #26493f;border-radius:5px;font-size:12px;display:flex;align-items:center;background:#17352f}.state.idle{background:#342f21;border-color:#554b2d}.state.fault{background:#3a2628;border-color:#693a3b}.state small{margin-left:auto;letter-spacing:1px;font-size:8px;opacity:.7}.reading{margin-top:27px}.temperature{display:flex;align-items:baseline;gap:9px;margin:10px 0 17px}.temperature strong{font-size:53px;font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums}.temperature span{font-size:21px;color:var(--muted)}.production{display:flex;justify-content:space-between;align-items:center;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:20px;color:var(--muted)}.production strong{color:#e6eff3;font-size:19px;font-weight:400}.production b{font-weight:400}.production small{font-size:10px;color:var(--muted)}.trend{margin-top:21px}#chart{width:100%;height:105px;margin-top:12px;overflow:visible}.grid{stroke:#293b43;fill:none;stroke-width:1}.threshold{stroke:#b08b49;stroke-width:1;stroke-dasharray:3 4;opacity:.6}#chart text{fill:#9d8f6e;font-size:8px;text-anchor:end}.chart-axis{display:flex;justify-content:space-between;font-size:8px;color:#64818c;margin-top:-4px}.alarms{border-top:1px solid var(--line);margin-top:23px;padding-top:19px}.alarm-empty{border:1px dashed #2c414a;border-radius:5px;padding:16px 12px;margin-top:13px;font-size:11px;color:#a5bbc4}.alarm-empty p{font-size:10px;color:var(--muted);line-height:1.7;margin:6px 0 0}.alarm-card{background:#35242a;border:1px solid #654049;border-radius:5px;padding:12px;margin-top:12px}.alarm-title{border:0;background:none;padding:0;color:#ffada3;font-size:12px;text-align:left}.alarm-card p{font-size:10px;color:#b79799;line-height:1.6}.alarm-actions{display:flex;gap:6px}.alarm-actions button{border:1px solid #705158;border-radius:4px;background:#463038;color:#f2d6d3;font-size:10px;padding:8px}.alarm-actions button:last-child{background:#e1c2b9;color:#402825}.disclaimer{margin-top:auto;padding-top:22px;font-size:9px;color:#66828f}.disclaimer span{letter-spacing:.5px;color:#8ca5ad}.disclaimer p{line-height:1.8;margin:8px 0 0}button:hover{filter:brightness(1.18)}#loader{position:absolute;inset:0;z-index:6;background:#182b35;display:flex;align-items:center;justify-content:center;flex-direction:column}#loader h3{font-size:17px;letter-spacing:2px;margin:19px 0 4px}#loader p{color:#a1bfc9;font-size:12px}#loader small{font-size:10px;color:#678896}.loader-icon{width:35px;height:35px;border:2px solid #3b5a67;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loader[hidden]{display:none}@media(min-width:1650px){main{grid-template-columns:minmax(0,1fr) 365px}aside{padding:30px}.stats{gap:40px}.overview{padding:21px 32px}.station{padding:12px}.workspace{grid-template-rows:110px minmax(270px,1fr) 125px 76px}}@media(max-width:1100px){main{grid-template-columns:minmax(0,1fr) 285px}.overview{padding:17px;gap:12px}.overview h2 span{display:none}.stats{gap:14px}.stats>div{min-width:42px}aside{padding:23px 18px}.stations,footer{padding-left:18px;padding-right:18px}.station{padding:9px 6px}#play-state,.view-note span{display:none}}@media(max-width:800px){header{height:74px;padding:0 16px}h1{font-size:16px}.edition{display:none}.header-right{gap:0}.demo{font-size:10px;padding:8px}.brand-icon{width:35px;height:35px;line-height:35px;font-size:23px}.brand{gap:10px}header p{font-size:7px;letter-spacing:1px}main{display:block;height:auto;min-height:0}.workspace{height:760px;grid-template-rows:100px minmax(300px,1fr) 164px 67px}#viewport{margin:0 10px}.overview{padding:16px}.eyebrow{font-size:8px}.stats{gap:12px}.stats strong{font-size:24px}#machine-list{grid-template-columns:repeat(3,1fr);gap:7px}.station{padding:9px}aside{border-left:0;border-top:1px solid var(--line);padding:24px}.identity,.disclaimer{margin-top:20px}.view-tools span{display:none}.viewport-foot{font-size:8px}.playback button,.playback select{padding:9px 8px;font-size:10px}footer{padding:0 12px}.clock{gap:3px;font-size:10px}.header-right .demo i{display:none}}.workspace,aside{min-height:0}#viewport{min-height:0}.machine-label{font-size:9px;padding:4px 6px}.activity-chip{position:absolute;bottom:39px;left:16px;z-index:3;border:1px solid #365657;background:#143135db;color:#b1d6d3;padding:8px 11px;border-radius:5px;font-size:10px;pointer-events:none}.jnx-brand{display:block;flex-shrink:0}.jnx-brand img{width:156px;height:54px;object-fit:contain;display:block}.hub-back{font-size:11px;color:#b8c8cf;text-decoration:none;white-space:nowrap}.hub-back:hover{color:#fff}.brand h1{font-size:18px}header{background:#141b20}@media(max-width:800px){header{height:auto;min-height:100px;padding:12px 16px;flex-wrap:wrap;gap:8px}.brand{gap:12px}.jnx-brand img{width:118px;height:40px}.brand h1{font-size:15px}.brand p{font-size:7px}.header-right{width:100%;justify-content:space-between;gap:10px}}