:root{--ink: #0E1216;--panel: #161B21;--panel-2: #1D242C;--rule: #2A333D;--text: #D8E0E8;--dim: #78848F;--amber: #FFB000;--amber-dk: #8A6100;--run: #3ECF8E;--idle: #FFB000;--alarm: #FF4D4D;--stop: #55606B;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--sans: "IBM Plex Sans KR", system-ui, -apple-system, sans-serif;--r: 3px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:1px;background:var(--rule);min-height:0}.col{background:var(--ink);overflow-y:auto;min-height:0}.col--center{display:grid;grid-template-rows:minmax(420px,1fr) auto auto;gap:1px;background:var(--rule)}@media (max-width: 1100px){.workspace{grid-template-columns:1fr;grid-template-rows:auto auto auto;overflow-y:auto}.col{overflow:visible}}.topbar{display:flex;align-items:center;gap:28px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--rule);flex-wrap:wrap}.topbar__brand{font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.topbar__brand span{color:var(--amber)}.stat{display:flex;flex-direction:column;gap:2px}.stat__label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.stat__value{font-family:var(--mono);font-size:17px;font-weight:500;color:var(--text)}.stat__value--amber{color:var(--amber)}.link-state{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--dim)}.link-dot{width:7px;height:7px;border-radius:50%;background:var(--stop)}.link-dot--on{background:var(--run);box-shadow:0 0 7px var(--run)}.panel{background:var(--panel);padding:14px 16px}.panel__title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 12px}.assets{display:flex;flex-direction:column;gap:1px;background:var(--rule)}.asset{background:var(--panel);border:none;border-left:3px solid var(--stop);padding:12px 14px;text-align:left;cursor:pointer;color:inherit;font:inherit;display:grid;gap:6px;width:100%}.asset:hover,.asset--active{background:var(--panel-2)}.asset:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.asset--RUN{border-left-color:var(--run)}.asset--IDLE{border-left-color:var(--idle)}.asset--ALARM{border-left-color:var(--alarm)}.asset--STOP{border-left-color:var(--stop)}.asset__head{display:flex;justify-content:space-between;align-items:baseline}.asset__id{font-family:var(--mono);font-weight:600;letter-spacing:.04em}.asset__state{font-family:var(--mono);font-size:11px;letter-spacing:.1em}.asset__meta{display:flex;gap:14px;font-family:var(--mono);font-size:11px;color:var(--dim)}.asset__meta b{color:var(--text);font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.asset--ALARM .asset__state{animation:pulse 1.1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.asset--ALARM .asset__state{animation:none}}.dro{background:#0a0d10;border-top:1px solid var(--rule);padding:12px 16px;display:flex;gap:26px;flex-wrap:wrap;align-items:center}.dro__axis{display:flex;align-items:baseline;gap:9px}.dro__name{font-family:var(--mono);font-size:12px;color:var(--amber-dk);font-weight:600;letter-spacing:.1em}.dro__val{font-family:var(--mono);font-size:26px;font-weight:500;color:var(--amber);font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(255,176,0,.28);min-width:118px;text-align:right}.dro__unit{font-family:var(--mono);font-size:11px;color:var(--amber-dk)}.dro__prog{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--dim)}.dro__prog b{color:var(--amber);font-weight:500}.stage{position:relative;background:#0a0d10;min-height:260px}.stage canvas{display:block}.stage__badge{position:absolute;top:12px;left:14px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--dim);pointer-events:none}.stage__hint{position:absolute;bottom:10px;right:14px;font-size:10px;color:var(--dim);pointer-events:none;letter-spacing:.06em}.gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--rule)}.gauge{background:var(--panel);padding:11px 14px}.gauge__label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.gauge__value{font-family:var(--mono);font-size:20px;font-weight:500;margin-top:3px;font-variant-numeric:tabular-nums}.gauge__unit{font-size:11px;color:var(--dim);margin-left:4px}.gauge__bar{height:3px;background:var(--rule);margin-top:8px}.gauge__fill{height:100%;background:var(--amber);transition:width .3s ease}.gauge__fill--hot{background:var(--alarm)}.chart{width:100%;height:130px;display:block}.chart__axis{stroke:var(--rule);stroke-width:1}.chart__line{fill:none;stroke:var(--amber);stroke-width:1.4}.chart__line--2{stroke:var(--run)}.chart__band{fill:#ffb00012}.legend{display:flex;gap:16px;font-size:11px;color:var(--dim);margin-top:6px}.legend i{display:inline-block;width:10px;height:2px;margin-right:6px;vertical-align:middle}.oee{display:grid;gap:10px}.oee__row{display:grid;grid-template-columns:62px 1fr 52px;align-items:center;gap:10px}.oee__name{font-size:11px;color:var(--dim)}.oee__track{height:6px;background:var(--panel-2)}.oee__fill{height:100%;background:var(--run)}.oee__fill--warn{background:var(--idle)}.oee__fill--bad{background:var(--alarm)}.oee__num{font-family:var(--mono);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.oee__total{font-family:var(--mono);font-size:30px;font-weight:500;color:var(--amber)}.wf{display:grid;gap:12px}.wf__row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.wf__name{font-family:var(--mono);font-size:12px}.wf__ct{display:flex;align-items:center;gap:8px}.wf input[type=range]{width:110px;accent-color:var(--amber)}.wf__num{font-family:var(--mono);font-size:12px;color:var(--amber);min-width:46px;text-align:right}.wf__down{font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:3px 8px;background:transparent;border:1px solid var(--rule);color:var(--dim);cursor:pointer;border-radius:var(--r)}.wf__down--on{border-color:var(--alarm);color:var(--alarm)}.wf__result{border-top:1px solid var(--rule);padding-top:12px;display:grid;gap:6px}.wf__delta{font-family:var(--mono);font-size:24px;font-weight:500}.wf__delta--up{color:var(--run)}.wf__delta--dn{color:var(--alarm)}.wf__note{font-size:11px;color:var(--dim);line-height:1.5}.wf__reset{font-size:11px;background:none;border:1px solid var(--rule);color:var(--dim);padding:5px 10px;cursor:pointer;border-radius:var(--r);justify-self:start}.wf__reset:hover{color:var(--text);border-color:var(--dim)}.events{display:flex;flex-direction:column;gap:1px;background:var(--rule);max-height:260px;overflow-y:auto}.event{background:var(--panel);padding:8px 12px;display:grid;grid-template-columns:62px 76px 1fr;gap:10px;font-size:12px;align-items:baseline}.event__ts{font-family:var(--mono);font-size:11px;color:var(--dim)}.event__asset{font-family:var(--mono);font-size:11px}.event__msg{color:var(--text)}.event--ALERT .event__asset{color:var(--alarm)}.event--WARN .event__asset{color:var(--idle)}.event--INFO .event__asset{color:var(--dim)}.empty{color:var(--dim);font-size:12px;padding:18px 4px;line-height:1.6}.empty code{font-family:var(--mono);color:var(--amber)}