.machine-overview{--page:#eef2ef;--card:#fff;--ink:#17302a;--label:#5f706a;--muted:#7c8d86;--line:#d7e3de;--brand:#0f9d72;--head:#0b6b50;--val:#102a23;--flash:#c9f0df;--good:#22b26b;--bad:#e5484d;--glass:#0f1e1bdb;--glass-ink:#f3f7f5;--draw:#7fe3c4;--slack:#fbbf24;--body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--num:"IBM Plex Sans Condensed","Arial Narrow",ui-sans-serif,sans-serif}.machine-overview[data-theme=dark]{--page:#0a1512;--card:#10201c;--ink:#e8f3ef;--label:#9db3aa;--muted:#7f968d;--line:#1f342d;--brand:#2fb38f;--head:#65d9b8;--val:#f3f7f5;--flash:#1d4b3c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.machine-overview *{box-sizing:border-box}.machine-overview{background:var(--page);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.4}.machine-overview .wrap{max-width:none;padding-block:12px 16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));gap:14px;margin:0 auto;display:grid}.machine-overview .target .pill{padding:4px 9px;font-size:12px}.machine-overview .pill{background:var(--card);border:1px solid var(--line);font:600 13px/1 var(--body);color:var(--label);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;display:inline-flex}.machine-overview .pill i{background:var(--good);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 25%,transparent);border-radius:50%;animation:2s ease-in-out infinite overview-beat}.machine-overview .pill.off i{background:var(--muted);box-shadow:none;animation:none}@keyframes overview-beat{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--good) 0%,transparent)}}.machine-overview .target .demo{font:600 13px/1 var(--body);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 12px}.machine-overview .target .demo[aria-pressed=true]{border-color:var(--brand);color:var(--brand)}.machine-overview .viewport{border-radius:18px;position:relative;overflow-x:auto}.machine-overview .board{transform-origin:0 0;width:1910px;height:1068px;position:relative}.machine-overview .board>*{position:absolute}.machine-overview .box{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #102a230d,0 8px 24px -16px #102a2340}.machine-overview .h{font:700 13px/1 var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--head);white-space:nowrap}.machine-overview .sub{font:600 15px/1.2 var(--body);color:var(--ink);white-space:nowrap}.machine-overview .lbl{font:500 14px/1.2 var(--body);color:var(--label);white-space:nowrap}.machine-overview .val{font:600 16px/1.15 var(--num);color:var(--val);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default;border-radius:5px;margin:0 -3px;padding:0 3px;transition:background 1.2s}.machine-overview .val.flash{background:var(--flash);transition:none}.machine-overview .val.none{color:var(--muted)}.machine-overview .val.fixed{outline:1.5px dashed var(--brand);outline-offset:2px}.machine-overview .machine{border:1px solid var(--line);background:#fff;border-radius:14px}.machine-overview .speed{font:600 13px/1 var(--num);color:var(--glass-ink);background:var(--glass);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:5px;padding:3px 5px;box-shadow:0 4px 12px -6px #08141180}.machine-overview .drawv{font:600 11.5px/1 var(--num);color:var(--draw);background:var(--glass);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 6px}.machine-overview .drawv.slack{color:var(--slack)}.machine-overview .led{background:radial-gradient(circle at 35% 30%,#fff8 0 18%,transparent 40%),var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent),0 0 14px color-mix(in srgb,var(--c) 55%,transparent);border-radius:50%}.machine-overview .led.unknown{--c:#9aa7a2;box-shadow:none}.machine-overview .tank svg{width:100%;height:100%;display:block;overflow:visible}.machine-overview .tank .lv{transition:y 1.2s cubic-bezier(.3,.8,.3,1),height 1.2s cubic-bezier(.3,.8,.3,1)}.machine-overview .tank text{font:700 14px var(--num);fill:#0f241e;paint-order:stroke;stroke:#ffffffd9;stroke-width:3px}.machine-overview .target{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.machine-overview .target header{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:12px 16px 8px;display:flex}.machine-overview .target header b{font:700 22px/1 var(--body);letter-spacing:-.01em}.machine-overview .target header span{font:500 13px/1 var(--body);color:var(--label)}.machine-overview .target header em{font:600 13px/1 var(--body);color:var(--brand);margin-left:auto;margin-right:4px;font-style:normal}.machine-overview .target table{border-collapse:collapse;width:100%;font:500 14px/1 var(--num);font-variant-numeric:tabular-nums;flex:1}.machine-overview .target th{font:600 12px/1 var(--body);color:var(--label);text-align:right;border-bottom:1px solid var(--line);padding:6px}.machine-overview .target th:nth-child(-n+2),.machine-overview .target td:nth-child(-n+2){text-align:left}.machine-overview .target td{text-align:right;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);color:var(--ink);padding:4px 6px}.machine-overview .target td.tgt{background:color-mix(in srgb,var(--brand) 12%,transparent);font-weight:700}.machine-overview .target tr.now td{background:color-mix(in srgb,var(--brand) 9%,transparent)}.machine-overview .target tr.now td:first-child{box-shadow:inset 3px 0 0 var(--brand);font-weight:700}.machine-overview .target tr.now td.at,.machine-overview .target td.at{background:var(--brand);color:#fff;border-radius:4px;font-weight:700}.machine-overview .viewport{overscroll-behavior-x:contain;max-width:100%}.machine-overview .target header .live-status{white-space:nowrap;margin-left:auto}.machine-overview .led.unknown{box-shadow:none;background:#9aa7a2}@media (prefers-reduced-motion:reduce){.machine-overview *{transition:none!important;animation:none!important}}.machine-overview{position:relative}.machine-overview .overview-expand{z-index:2;border:1px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.machine-overview .overview-expand:hover{border-color:var(--brand);color:var(--brand)}.machine-overview .overview-expand:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.machine-overview[data-expanded]{z-index:40;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.machine-overview[data-expanded] .overview-expand{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.machine-overview[data-expanded]>.wrap{flex-direction:column;flex:1;width:100%;min-height:0;padding-top:48px;display:flex}.machine-overview[data-expanded] .viewport{flex:1;align-items:center;min-height:0;display:grid;overflow:auto}.machine-overview[data-expanded] .viewport>div{flex-shrink:0;margin-inline:auto}.machine-overview .h,.machine-overview .sub,.machine-overview .lbl,.machine-overview .val,.machine-overview .speed,.machine-overview .drawv{text-overflow:ellipsis;white-space:nowrap;line-height:18px;overflow:hidden}.machine-overview .val{margin:0;padding:0 3px}.machine-overview .speed,.machine-overview .drawv{padding:0 4px;line-height:16px}.machine-overview:not([data-expanded])>.wrap{padding-top:48px}.machine-overview .viewport{touch-action:none;overscroll-behavior:contain;overflow:auto}.machine-overview .viewport>div{margin-inline:auto}.machine-overview .board img{pointer-events:none;-webkit-user-select:none;user-select:none}.machine-overview .overview-zoom-controls{z-index:2;gap:4px;display:flex;position:absolute;top:8px;left:8px}.machine-overview .overview-zoom-controls button{border:1px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;display:grid}.machine-overview .overview-zoom-controls button:hover{border-color:var(--brand);color:var(--brand)}.machine-overview .overview-zoom-controls button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.machine-overview[data-expanded] .overview-zoom-controls{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left))}@media (pointer:coarse){.machine-overview:not([data-expanded]) .viewport{max-height:70dvh}}.machine-overview .wrap{grid-template-columns:minmax(0,1fr);min-width:0}.machine-overview .viewport{width:100%;min-width:0}.machine-overview:not([data-expanded]) .viewport{overscroll-behavior-y:auto}@media (min-width:760px) and (hover:hover) and (pointer:fine){.machine-overview[data-expanded] .viewport,.machine-overview[data-expanded] .viewport .val{cursor:grab;-webkit-user-select:none;user-select:none}.machine-overview[data-expanded] .viewport[data-panning],.machine-overview[data-expanded] .viewport[data-panning] *{cursor:grabbing}}.overview-history{--history-card:#fff;--history-page:#f0f5f2;--history-ink:#15372c;--history-muted:#486158;--history-line:#c6d6cd;--history-accent:#08634a;--history-accent-ink:#fff;--history-track:#e3ebe6;--history-running:#15803d;--history-watch:#925f00;--history-alarm:#ba302e;--history-stopped:#667b8c;min-width:0;color:var(--history-ink);padding:0 14px 14px;font:400 14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}.machine-overview[data-theme=dark] .overview-history{--history-card:#10231d;--history-page:#0a1914;--history-ink:#effaf5;--history-muted:#b7cbc1;--history-line:#355447;--history-accent:#66e3ba;--history-accent-ink:#05271c;--history-track:#1b382c;--history-running:#45d397;--history-watch:#ffcd66;--history-alarm:#ff7d7d;--history-stopped:#a1b4c7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.overview-history[hidden],.overview-history [hidden]{display:none!important}.overview-history *{box-sizing:border-box;min-width:0}.overview-history .history-deck{background:var(--history-card);border:1px solid var(--history-line);border-radius:12px;grid-template-columns:minmax(210px,1fr) auto;gap:10px 16px;min-width:0;padding:12px;display:grid}.overview-history button{border:1px solid var(--history-line);min-height:42px;color:var(--history-ink);background:var(--history-page);cursor:pointer;touch-action:manipulation;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.overview-history button:hover{border-color:var(--history-accent)}.overview-history button:disabled{opacity:.45;cursor:default}:is(.overview-history button:focus-visible,.overview-history canvas:focus-visible,.overview-history input:focus-visible){outline:3px solid var(--history-accent);outline-offset:2px}.overview-history button[aria-pressed=true]{border-color:var(--history-accent);box-shadow:inset 0 0 0 1px var(--history-accent)}.overview-history button svg{flex:none}.overview-history .history-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.overview-history .history-clock{flex:none;gap:2px;display:grid}.overview-history .history-date{color:var(--history-muted);font-size:12px;font-weight:600}.overview-history .history-time{font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;font-size:24px;font-weight:700;line-height:1.15}.overview-history .history-mode{white-space:nowrap;text-align:left;max-width:210px;min-height:30px;color:var(--history-accent);flex-wrap:nowrap;gap:5px;padding:5px 7px;font-size:12px}.overview-history .history-mode i{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.overview-history .history-mode[data-gap]{color:var(--history-watch)}.overview-history .history-transport{justify-content:flex-end;align-items:center;gap:5px;display:flex}.overview-history .history-transport button{min-width:42px}.overview-history .history-play{background:var(--history-accent);color:var(--history-accent-ink);border-color:var(--history-accent)}.overview-history .history-live{letter-spacing:.04em;font-weight:800}.overview-history .history-navigation{grid-column:1/-1;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;display:grid}.overview-history .history-chart-heading{color:var(--history-muted);justify-content:space-between;gap:8px;font-size:12px;font-weight:600;display:flex}.overview-history canvas{touch-action:none;width:100%;display:block}.overview-history .history-timeline{cursor:ew-resize;height:42px}.overview-history .history-axis{height:32px;color:var(--history-muted);pointer-events:none;margin:0 12px;position:relative}.overview-history .history-axis time{text-align:center;white-space:nowrap;font-size:12px;line-height:1.25;display:grid;position:absolute;top:0;transform:translate(-50%)}.overview-history .history-axis b{color:var(--history-ink);font-weight:600}.overview-history .history-advanced{border-top:1px solid var(--history-line);overscroll-behavior:contain;scrollbar-gutter:stable;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px;max-height:48dvh;padding-top:12px;display:grid;overflow:auto}.overview-history .history-options{flex-wrap:wrap;grid-column:1/-1;gap:18px;display:flex}.overview-history .history-options>div{gap:5px;display:grid}.overview-history .history-options>div>span,.overview-history .history-seek>label{color:var(--history-muted);font-size:12px;font-weight:600}.overview-history .history-options>div>div{flex-wrap:wrap;gap:4px;display:flex}.overview-history .history-options button{min-width:48px;min-height:40px}.overview-history .history-seek{align-content:start;gap:5px;display:grid}.overview-history .history-seek>div{gap:6px;display:flex}.overview-history input{width:100%;min-width:0;min-height:42px;font:inherit;color:var(--history-ink);background:var(--history-page);border:1px solid var(--history-line);border-radius:7px;padding:7px 8px}.overview-history .history-seek p{color:var(--history-alarm);margin:0;font-size:12px}.overview-history h3{color:var(--history-ink);margin:0 0 3px;font-size:14px;font-weight:700}.machine-overview[data-expanded]>.overview-history{flex-shrink:0;max-height:none;overflow:visible}.machine-overview .overview-history-open{z-index:2;border:1px solid var(--line);background:var(--card);min-height:36px;color:var(--brand);font:600 12px/1 var(--body);cursor:pointer;border-radius:8px;padding:5px 10px;position:absolute;top:8px;left:136px}.machine-overview .overview-history-open:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.machine-overview[data-expanded] .overview-history-open{top:max(8px,env(safe-area-inset-top));left:calc(max(8px,env(safe-area-inset-left)) + 128px)}@media (max-width:1100px){.overview-history .history-deck{grid-template-columns:minmax(0,1fr)}.overview-history .history-transport{justify-content:flex-start}.overview-history .history-header,.overview-history .history-mode{max-width:none}.overview-history .history-time{font-size:23px}}@media (max-width:759px){.overview-history{height:var(--history-dock-height,208px);padding:0}.overview-history .history-deck{z-index:45;padding:9px max(10px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));border-radius:12px 12px 0 0;grid-template-columns:minmax(0,1fr);gap:5px;max-height:88dvh;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 20px #0003}.overview-history .history-header{gap:8px}.overview-history .history-clock{gap:2px;max-width:70%;display:grid}.overview-history .history-date{font-size:12px}.overview-history .history-time{font-size:22px}.overview-history .history-mode{flex:0 auto;max-width:44%;font-size:12px}.overview-history .history-mode>span{display:none}.overview-history .history-transport{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.overview-history .history-transport button{min-width:0;min-height:44px;padding:5px 3px}.overview-history .history-transport button>span{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.overview-history .history-navigation{grid-template-columns:minmax(0,1fr);gap:0}.overview-history .history-chart-heading{font-size:12px}.overview-history .history-timeline{height:32px}.overview-history .history-axis{height:28px}.overview-history .history-advanced{max-height:max(40px,calc(88dvh - var(--history-base-height,240px)));grid-template-columns:minmax(0,1fr);gap:12px;padding-top:10px}.overview-history .history-options{justify-content:space-between;gap:10px}.overview-history .history-options button{min-width:44px;min-height:44px;padding:5px 7px}.overview-history .history-seek{grid-column:1/-1}.machine-overview[data-expanded]>.overview-history{height:var(--history-dock-height,208px);flex-shrink:0;max-height:none;overflow:visible}}@media (max-height:500px) and (pointer:coarse){.overview-history .history-deck{grid-template-columns:minmax(180px,1fr) auto;gap:5px 10px;padding:7px 10px}.overview-history .history-clock{gap:2px;display:grid}.overview-history .history-time{font-size:20px}.overview-history .history-transport button>span{display:none}.overview-history .history-transport button{min-width:44px;min-height:44px;padding:5px}.overview-history .history-advanced{max-height:32dvh}.overview-history .history-axis{height:27px}}@media (prefers-reduced-motion:reduce){.overview-history *{scroll-behavior:auto}}.machine-overview[data-expanded] .history-deck{max-height:88dvh;overflow:hidden}@media (max-height:500px) and (pointer:coarse){.overview-history .history-deck{max-height:88dvh;overflow:hidden}.overview-history .history-advanced{max-height:max(40px,calc(88dvh - var(--history-base-height,190px)))}}@media (max-width:759px){.overview-history input{font-size:16px}}.machine-overview[data-expanded]{overflow:clip}.machine-overview[data-expanded] .history-deck{--history-available-height:min(88dvh,calc(100dvh - 80px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));max-height:var(--history-available-height)}.machine-overview[data-expanded] .history-advanced{max-height:min(48dvh,max(40px,calc(var(--history-available-height) - var(--history-base-height,240px))))}.overview-history .history-feedback{height:36px;color:var(--history-muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex;overflow:hidden}.overview-history .history-feedback>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.overview-history .history-feedback button{flex:none;min-height:36px;padding:4px 8px}.overview-history .history-feedback[data-reel=off]{color:var(--history-alarm)}.overview-history .history-feedback[data-reel=on]{color:var(--history-accent)}.overview-history .history-message{color:var(--history-muted);overflow-wrap:anywhere;grid-column:1/-1;margin:0;font-size:12px}.overview-history .history-mode{flex:none;max-width:none}.overview-history .history-transport button{width:44px;height:44px;padding:5px}@media (max-width:759px){.overview-history .history-transport button{width:auto}.overview-history .history-date{font-size:11px}.overview-history .history-time{font-size:20px}.overview-history .history-mode{max-width:none}}.overview-history .history-deck{position:relative}.overview-history[data-menu] .history-deck{overflow:visible}.overview-history .history-advanced{z-index:3;background:var(--history-card);border:1px solid var(--history-line);border-radius:12px;padding:12px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 -6px 24px #0003}.machine-overview .overview-history .history-advanced{max-height:min(48dvh,max(80px,calc(100dvh - var(--history-base-height,240px) - 80px)))}@media (max-width:759px){.overview-history .history-deck{position:fixed}}