:root{--bg: #0b111b;--panel: #111a27;--panel-2: #162232;--line: #22324a;--text: #e6edf6;--muted: #8a9bb3;--accent: #3b82f6;--accent-2: #60a5fa;--ok: #22c55e;--warn: #f59e0b;--bad: #ef4444;--radius: 10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);font-size:13px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}kbd{display:inline-block;padding:0 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--panel-2);font:600 11px JetBrains Mono,monospace;color:var(--text)}.app{display:flex;flex-direction:column;height:100%}main{flex:1;display:flex;min-height:0}.toolbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(180deg,#121c2b,#0e1623);border-bottom:1px solid var(--line);z-index:10}.brand{display:flex;align-items:center;gap:10px;margin-right:8px}.brand .logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 4px 14px #2563eb66}.brand b{display:block;font-size:14px;letter-spacing:.2px}.brand span{color:var(--muted);font-size:11px}.group{display:flex;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.tb{display:flex;align-items:center;gap:6px;height:32px;min-width:32px;justify-content:center;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--muted)}.tb:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.tb.on{background:#3b82f62e;color:#93c5fd;box-shadow:inset 0 0 0 1px #3b82f673}.tb.wide span{font-size:12px;font-weight:500}.spacer{flex:1}.menu-wrap{position:relative}.menu{position:absolute;top:38px;left:0;min-width:200px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px #00000080;z-index:50}.menu button,.menu a{display:block;width:100%;text-align:left;padding:8px 10px;border:0;background:none;border-radius:6px;color:var(--text);text-decoration:none}.menu button:hover:not(:disabled),.menu a:hover{background:var(--panel-2)}.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.sim-controls{display:flex;align-items:center;gap:6px}.clock{display:flex;align-items:center;gap:8px;padding:0 10px;margin-right:4px}.clock b{display:block;font:600 14px JetBrains Mono,monospace}.clock span{font-size:11px;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:#475569}.status-dot.running{background:var(--ok);box-shadow:0 0 0 4px #22c55e33;animation:pulse 1.4s infinite}.status-dot.paused{background:var(--warn)}.status-dot.finished{background:var(--accent)}@keyframes pulse{50%{box-shadow:0 0 0 7px #22c55e0d}}.play{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);font-weight:600}.play.run{background:linear-gradient(180deg,#22c55e,#16a34a);border-color:#15803d;color:#04220f;box-shadow:0 4px 16px #22c55e4d}.sel{display:flex;align-items:center;gap:4px;height:34px;padding:0 6px 0 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted)}.sel select{background:transparent;border:0;color:var(--text);font:inherit;outline:none}.sel option{background:var(--panel)}.panel{width:290px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:14px}.panel.inspector{border-right:0;border-left:1px solid var(--line);width:300px}.panel-title{display:flex;align-items:baseline;justify-content:space-between}.panel h2{font-size:14px;margin:0 0 10px}.panel-title span{color:var(--muted);font-size:11px}.search{display:flex;align-items:center;gap:8px;padding:0 10px;height:38px;border-radius:9px;background:var(--bg);border:1px solid var(--line);color:var(--muted)}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}.search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.search button{border:0;background:none;color:var(--muted);display:grid}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.chips button{padding:4px 9px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11.5px}.chips button.on{background:var(--accent);border-color:var(--accent);color:#fff}.notice{padding:8px 10px;border-radius:8px;background:#f59e0b1f;color:#fcd34d;margin-bottom:8px;font-size:12px}.items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.items li{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px;background:var(--panel-2);border:1px solid transparent;cursor:grab;transition:border-color .15s,transform .15s}.items li:hover{border-color:var(--line);transform:translate(2px)}.items li.disabled{opacity:.5;cursor:not-allowed}.items li.empty{color:var(--muted);cursor:default}.items .ico{width:38px;height:38px;flex-shrink:0;border-radius:9px;display:grid;place-items:center}.cat-electronics{background:#22c55e26;color:#4ade80}.cat-machining{background:#3b82f626;color:#60a5fa}.cat-automation{background:#f9731626;color:#fb923c}.cat-assembly{background:#14b8a626;color:#2dd4bf}.cat-quality{background:#a855f726;color:#c084fc}.cat-logistics{background:#eab30826;color:#facc15}.items .meta{flex:1;min-width:0}.items .meta b{display:block;font-size:13px}.items .meta>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:11.5px;line-height:1.35;margin-top:2px}.specs{display:flex;gap:6px;margin-top:6px}.specs em{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:4px;background:var(--bg);color:var(--muted)}.items .add{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--bg);font-size:16px;line-height:1}.items .add:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.insp-head{margin-bottom:12px}.insp-head .name{width:100%;font:600 16px Inter,sans-serif;color:var(--text);background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 6px;margin-left:-6px}.insp-head .name:hover,.insp-head .name:focus{border-color:var(--line);outline:0;background:var(--bg)}.insp-head .type{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--accent-2);margin-top:2px}.insp-head p{color:var(--muted);margin:6px 0 0;line-height:1.4}.insp-head h3.flow{font-size:15px;margin:6px 0 0}.insp-head h3.flow span{color:var(--muted)}.inspector section{padding:12px 0;border-top:1px solid var(--line)}.inspector h3{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:0 0 8px}.inspector h3 em{text-transform:none;letter-spacing:0;font-weight:400;color:var(--warn)}.kv{display:grid;grid-template-columns:1fr auto;gap:5px 10px}.kv span{color:var(--muted)}.kv b{font-family:JetBrains Mono,monospace;font-weight:500;text-align:right}.state-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-left:3px solid;border-radius:6px;background:var(--panel-2);font-weight:600;margin-bottom:10px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.params{display:grid;gap:7px}.params label{display:flex;align-items:center;justify-content:space-between;gap:10px}.params label>span{color:var(--muted)}.num{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:7px;overflow:hidden}.num input{width:72px;padding:5px 8px;border:0;background:transparent;color:var(--text);font:500 12.5px JetBrains Mono,monospace;outline:0;text-align:right}.num em{font-style:normal;font-size:11px;color:var(--muted);padding:0 8px 0 2px;min-width:34px}.hint{color:var(--muted);font-size:11.5px;margin:8px 0 0}.row{display:flex;align-items:center;justify-content:space-between}.mono{font:500 12px JetBrains Mono,monospace;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2)}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.danger{width:100%;justify-content:center;margin-top:10px;color:#fca5a5;border-color:#ef444459;background:#ef444414}.links{list-style:none;margin:0;padding:0;display:grid;gap:4px}.links li{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:6px;background:var(--panel-2)}.links li.muted{color:var(--muted);background:none;padding:0}.links button{border:0;background:none;color:var(--muted);display:grid}.warn{display:flex;gap:8px;align-items:flex-start;color:#fcd34d;padding:6px 0;line-height:1.35}.howto{margin:0;padding-left:18px;color:var(--muted);line-height:1.55;display:grid;gap:6px}.howto b{color:var(--text);font-weight:600}.viewport{position:relative;flex:1;min-width:0}.mode-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:99px;background:#f59e0bf2;color:#1f1300;font-weight:600;pointer-events:none;box-shadow:0 8px 24px #00000059}.mode-hint.danger{background:#ef4444f2;color:#fff}.walk-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#080c1459}#walk-start{display:grid;gap:8px;padding:18px 26px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#111a27e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}#walk-start b{font-size:16px}#walk-start span{color:var(--muted)}.crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 2px #0006;pointer-events:none}.toast{position:absolute;top:12px;right:12px;max-width:420px;padding:10px 14px;display:flex;gap:12px;border-radius:10px;background:#7f1d1d;border:1px solid #b91c1c;cursor:pointer;box-shadow:0 8px 24px #0006}.kpibar{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:1px;border-radius:12px;overflow:hidden;background:var(--line);border:1px solid var(--line);box-shadow:0 12px 40px #00000073}.kb{flex:1;min-width:0;padding:9px 12px;background:#0f1724f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kb span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.kb b{display:block;font:600 19px JetBrains Mono,monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb b small{font-size:11px;color:var(--muted)}.kb em{font-style:normal;font-size:11px;color:var(--muted)}.kb .bar{margin-top:5px}.kb.with-spark{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1.5}.kb.bn{background:#450a0aeb}.kb .bn-name{font-family:Inter,sans-serif;font-size:13.5px;white-space:normal;line-height:1.2}.clock-kb{flex:1.3}.clock-kb b{font-size:15px;overflow:visible}.spark{flex-shrink:0}.feed{position:absolute;right:12px;bottom:96px;width:300px;padding:10px 12px;border-radius:12px;background:#0f1724e6;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feed h4{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.ev{display:flex;gap:8px;font-size:12px;padding:3px 0;line-height:1.35}.ev .t{font:500 11px JetBrains Mono,monospace;color:var(--muted);padding-top:1px}.ev.machine_down b{color:#fca5a5}.ev.machine_up b{color:#86efac}.ev.scrapped b{color:#fcd34d}.kpi{transform-origin:50% 100%;transition:opacity .2s;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}.kpi-tag{padding:5px 10px;border-radius:8px;background:#0d141fd1;border:1px solid rgba(255,255,255,.1);white-space:nowrap;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kpi-tag b{display:block;font-size:12.5px}.kpi-tag span{font-size:10.5px;color:var(--muted)}.kpi.hl .kpi-tag,.kpi.hl .kpi-card{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f659,0 10px 30px #00000073}.kpi-card{width:214px;padding:8px 10px 9px;border-radius:10px;background:#0a101ae0;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kpi-head{display:flex;align-items:center;gap:6px;white-space:nowrap}.kpi-head b{flex:1;font-size:12.5px;overflow:hidden;text-overflow:ellipsis}.kpi-head .state{font-size:9.5px;font-weight:700;letter-spacing:.6px}.kpi-main{display:flex;gap:10px;align-items:center;margin-top:6px}.kpi-oee{font:700 24px JetBrains Mono,monospace;line-height:1;text-align:center;min-width:64px}.kpi-oee small{display:block;font:600 9.5px Inter,sans-serif;letter-spacing:.8px;color:var(--muted);margin-top:3px}.kpi-rows{flex:1;display:grid;grid-template-columns:auto 1fr;gap:1px 8px;font-size:11px;margin-top:4px}.kpi-main .kpi-rows{margin-top:0}.kpi-rows span{color:var(--muted)}.kpi-rows b{text-align:right;font:600 11px JetBrains Mono,monospace}.apq{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.apq>div{display:flex;align-items:center;gap:4px}.apq span{font-size:9.5px;font-weight:700;color:var(--muted)}.mini,.bar{flex:1;height:4px;border-radius:3px;background:#ffffff14;overflow:hidden}.mini i,.bar i{display:block;height:100%;background:var(--accent-2);border-radius:3px}.bar{margin-top:7px;height:5px}.bar.thin{height:3px}.kpi-alert{margin-top:6px;font-size:10.5px;color:#fca5a5}.kpi.bottleneck .kpi-card{border-color:#ef4444cc;box-shadow:0 0 0 2px #ef44444d,0 10px 30px #00000073}.bn-badge{margin:0 auto 4px;width:max-content;padding:2px 8px;border-radius:99px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;letter-spacing:.6px}@media(max-width:1280px){.tb.wide span{display:none}.panel{width:250px}.brand span{display:none}}.floor-panel .btn.back{margin-bottom:12px}.stations{list-style:none;margin:0;padding:0;display:grid;gap:4px}.station{width:100%;display:flex;align-items:center;gap:10px;padding:7px 8px;border:1px solid transparent;border-radius:7px;background:var(--panel-2);text-align:left}.station:hover{border-color:var(--accent)}.num-badge{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;border-radius:6px;background:var(--bg);font:600 11px JetBrains Mono,monospace;color:var(--accent-2)}.station-name{flex:1;min-width:0;display:grid}.station-name b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-name em{font-style:normal;font-size:11px;color:var(--muted)}.floor-missing{max-width:480px;margin:15vh auto 0;padding:0 16px}.floor-missing a{color:var(--accent-2)}@media(max-width:760px){[data-mode=released] .toolbar{flex-wrap:wrap}[data-mode=released] .toolbar .spacer{display:none}[data-mode=released] .sim-controls{flex-wrap:wrap}[data-mode=released] main{flex-direction:column}[data-mode=released] .panel.inspector{width:auto;max-height:40%;border-left:0;border-top:1px solid var(--line)}}