:root{--bg:#040421;--glass:#0b0d33c7;--line:#fff3;--text:#f8fafc;--dim:#aab0be;--accent:#2d7ff9;--cyan:#4ea7ff;--ok:#22e06b;--warn:#ffb000;--bad:#ff3b3b;color:var(--text);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#scene{width:100vw;height:100vh;display:block;position:fixed;inset:0}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);border:1px solid var(--line);border-radius:0;position:fixed;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0a}.dim{color:var(--dim);font-weight:400}.label{letter-spacing:.14em;color:var(--dim);margin:10px 0 6px;font:600 11px Inter,sans-serif}h3{letter-spacing:.18em;color:var(--accent);margin:16px 0 8px;font:700 12px Inter,sans-serif}.topbar{align-items:center;gap:22px;height:52px;padding:0 16px;display:flex;top:12px;left:12px;right:12px}.brand{letter-spacing:.12em;font:700 18px Orbitron,sans-serif}.logo{color:var(--accent);text-shadow:0 0 8px #2d7ff966}.title{letter-spacing:.06em;flex:1;align-items:baseline;gap:12px;font:600 16px Orbitron,sans-serif;display:flex}.lighting button{margin-left:4px}.clock{color:var(--cyan);text-align:right;min-width:210px;font:600 13px IBM Plex Mono,monospace}button,select{color:var(--text);border:1px solid var(--line);letter-spacing:.08em;cursor:pointer;background:#141c50b3;border-radius:0;padding:6px 10px;font:600 12px Inter,sans-serif}button:hover{border-color:var(--accent)}button.active{border-color:var(--accent);color:#fff;background:#2d7ff92e}button.primary{border-color:var(--accent);background:#2d7ff938}.sidebar{width:250px;padding:4px 14px 14px;top:76px;bottom:12px;left:12px;overflow-y:auto}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{cursor:pointer;border:1px solid #0000;border-radius:0;margin-bottom:4px;padding:8px 10px}.sidebar li:hover{border-color:var(--line)}.sidebar li.active{border-color:var(--accent);background:#2d7ff91a}.sidebar li small{color:var(--dim);font-size:11px;display:block}.sidebar select{width:100%}.sim-controls{gap:6px;margin-top:8px;display:flex}.sim-controls button:first-child{flex:1}.speed{color:var(--dim);margin-top:10px;font:600 12px Inter,sans-serif;display:block}.speed input{width:100%;accent-color:var(--accent)}.commands{flex-wrap:wrap;gap:6px;display:flex}.commands button{padding:5px 8px;font-size:11px}.hud{width:320px;max-height:calc(100vh - 280px);padding:12px 16px;top:76px;right:12px;overflow-y:auto}.hud-head{grid-template-columns:1fr 1fr;gap:10px;display:grid}.state,.phase{letter-spacing:.08em;font:700 20px Inter,sans-serif}.state.running{color:var(--ok);text-shadow:0 0 10px #22e06b99}.state.fault{color:var(--bad);text-shadow:0 0 10px #ff3b3b99}.state.blocked,.state.starved,.state.setup,.state.starting,.state.cleaning,.state.maintenance{color:var(--warn)}.phase{color:var(--cyan)}.faults{margin-top:8px}.faults span{border:1px solid var(--bad);color:#ffb3b3;background:#ff3b3b29;border-radius:0;margin:2px;padding:2px 6px;font:600 11px IBM Plex Mono;display:inline-block}.kpis{grid-template-columns:1fr 1fr;gap:6px;display:grid}.kpi{border:1px solid var(--line);border-radius:0;padding:6px 8px}.kpi .v{color:#fff;font:700 18px Inter,sans-serif}.kpi .k{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.vars{font:12px IBM Plex Mono,monospace}.vars div{border-bottom:1px dashed #78b4e614;justify-content:space-between;padding:3px 0;display:flex}.vars div span:first-child{color:var(--dim)}.events{width:320px;height:180px;padding:4px 14px;bottom:12px;right:12px;overflow-y:auto}.events ol{margin:0;padding:0;font:11px IBM Plex Mono,monospace;list-style:none}.events li{color:var(--dim);padding:2px 0}.events li b{color:var(--text);font-weight:600}.events li.fault_raised b{color:var(--bad)}.events li.fault_cleared b,.events li.batch_completed b{color:var(--ok)}body.shot .glass,body.shot .lil-gui{display:none!important}.lil-gui.root{--background-color:#0b0d33cc;--title-background-color:#1e2c3ce6;--widget-color:#28384ae6;--focus-color:#3a5068;--number-color:#4ea7ff;--font-family:Inter, sans-serif;width:100%}.right-col{flex-direction:column;gap:10px;width:320px;display:flex;position:fixed;top:76px;bottom:204px;right:12px;overflow-y:auto}.right-col .glass{flex:none;width:auto;max-height:none;position:static}#gui-host{flex:none}.sidebar [hidden],.nav-link[hidden]{display:none}@media (width<=900px){.sidebar{width:200px}.hud,.events,.right-col{width:260px}#gui-host{display:none}}.asset-name{letter-spacing:.06em;font:700 18px Orbitron,sans-serif}.lines .line{border-bottom:1px solid var(--line);padding:6px 0;font-size:12px}.lines .line b{letter-spacing:.08em;color:var(--cyan);font:600 12px Inter,sans-serif;display:block}.lines .line span{color:var(--dim);font:400 11px IBM Plex Mono,monospace}.nav-link{color:var(--cyan);letter-spacing:.1em;margin-top:10px;font:600 12px Inter,sans-serif;text-decoration:none;display:block}.nav-link:hover{color:var(--accent)}.tour-stop{min-height:14px;margin-top:6px;font:11px IBM Plex Mono,monospace}body.portal{background:var(--bg);overflow:auto}.portal-wrap{max-width:1080px;margin:0 auto;padding:48px 20px 64px}.portal-head h1{letter-spacing:.04em;margin:18px 0 4px;font:700 34px Orbitron,sans-serif}.portal-cards{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-top:28px;display:grid}.portal-card{flex-direction:column;gap:6px;padding:0 22px 20px;display:flex;position:static;overflow:hidden}.portal-media{aspect-ratio:16/9;background:#0b1220;margin:0 -22px 14px;display:block;overflow:hidden}.portal-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.portal-card:hover .portal-media img{transform:scale(1.04)}.portal-card h2{letter-spacing:.04em;margin:0;font:700 22px Orbitron,sans-serif}.portal-card p{color:var(--dim);flex:1;margin:4px 0 14px;line-height:1.5}.portal-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{color:var(--text);border:1px solid var(--line);letter-spacing:.08em;background:#141c50b3;border-radius:0;padding:8px 12px;font:600 12px Inter,sans-serif;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--accent)}.btn.primary{border-color:var(--accent);background:#2d7ff92e}.lil-gui,.lil-gui *{border-radius:0!important}.dock{display:none}@media (width<=700px){.topbar{flex-wrap:wrap;gap:4px 12px;height:auto;padding:8px 12px;top:8px;left:8px;right:8px}.brand{font-size:14px}.title{flex-wrap:wrap;flex-basis:100%;order:3;gap:2px 8px;font-size:12px}.lighting{margin-left:auto}.lighting button{padding:5px 8px}#plant-meta{display:none}.clock{text-align:left;min-width:0;font-size:11px}body.has-dock .sidebar,body.has-dock .right-col,body.has-dock .hud,body.has-dock .events{display:none}body.has-dock[data-panel=sidebar] .sidebar,body.has-dock[data-panel=right-col] .right-col,body.has-dock[data-panel=hud] .hud,body.has-dock[data-panel=events-panel] .events{display:block}body.has-dock .sidebar,body.has-dock .hud,body.has-dock .events,body.has-dock .right-col{width:auto;height:auto;max-height:58vh;position:fixed;inset:auto 8px 64px;overflow-y:auto}body.has-dock .right-col{flex-direction:column;display:none}body.has-dock[data-panel=right-col] .right-col{display:flex}body.has-dock .right-col .hud{max-height:none;position:static}.dock{z-index:5;gap:6px;padding:6px;display:flex;position:fixed;bottom:8px;left:8px;right:8px}.dock button{flex:1;min-height:44px;font-size:12px}button,select,.btn{min-height:40px}.commands button{min-height:36px}.portal-wrap{padding:28px 14px 40px}.portal-head h1{font-size:26px}}.boot{z-index:50;background:var(--bg);place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}.boot.done{opacity:0;pointer-events:none}.boot-card{width:min(420px,100vw - 32px)}.boot-brand{letter-spacing:.2em;margin-bottom:18px;font:700 13px Orbitron,sans-serif}.boot-title{margin:0 0 18px;font:600 20px Orbitron,sans-serif}.boot-track{border:1px solid var(--line);background:#ffffff1f;border-radius:0;height:6px;overflow:hidden}.boot-fill{background:var(--accent);width:0;height:100%;transition:width .45s;box-shadow:0 0 10px #2d7ff999}.boot-row{letter-spacing:.04em;justify-content:space-between;gap:12px;margin-top:10px;font:500 12px Inter,sans-serif;display:flex}.boot-pct{color:var(--accent);font-family:IBM Plex Mono,monospace}.boot.error .boot-fill{box-shadow:none;background:#ff6b6b}.boot.error .boot-stage{color:#ff9b9b}body.shot .boot{display:none}.hidden{display:none!important}.plc{z-index:6;width:min(760px,100vw - 24px);max-height:calc(100vh - 100px);padding:10px 14px;top:76px;left:50%;overflow-y:auto;transform:translate(-50%)}.plc-head{justify-content:space-between;align-items:center;display:flex}.plc-head h3{margin:4px 0}.plc-close{padding:4px 8px}.plc-note{margin:2px 0 8px;font:11px IBM Plex Mono,monospace}.plc-all{gap:8px;margin-bottom:6px;display:flex}.plc-legend{flex-wrap:wrap;gap:4px 12px;margin-bottom:6px;font:10px IBM Plex Mono,monospace;display:flex}.plc-legend span{align-items:center;gap:4px;display:inline-flex}.plc-row{border-top:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:150px 108px 112px 1fr;align-items:center;gap:2px 10px;padding:6px 0;display:grid}.plc-row.stopped .plc-name a{color:var(--bad)}.plc-name{flex-direction:column;font:600 12px IBM Plex Mono,monospace;display:flex}.plc-name a{color:var(--cyan);text-decoration:none}.plc-name span{font-size:10px;font-weight:400}.plc-leds{gap:5px;display:flex}.plc-btns{gap:4px;display:flex}.plc-btns button{padding:4px 8px;font-size:11px}.plc-btns button[data-cmd=start]{border-color:var(--ok)}.plc-btns button[data-cmd=stop]{border-color:var(--bad)}.plc-speed{align-items:center;gap:6px;font:11px IBM Plex Mono,monospace;display:flex}.plc-speed input{flex:1;min-width:80px}.plc-read{grid-column:2/-1;font:10px IBM Plex Mono,monospace}.led{border:1px solid var(--line);background:#2a2f45;border-radius:50%;width:11px;height:11px;display:inline-block}.led.on{background:var(--ok);box-shadow:0 0 6px var(--ok)}.led.en{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.led.eye{background:#f2b705;box-shadow:0 0 6px #f2b705}.led.hold{background:var(--warn);box-shadow:0 0 6px var(--warn)}.led.bad{background:var(--bad);box-shadow:0 0 6px var(--bad)}@media (width<=700px){.plc{max-height:calc(100vh - 90px);top:8px}.plc-row{grid-template-columns:1fr auto}.plc-speed,.plc-read{grid-column:1/-1}}.product-detail{margin-top:10px;font-size:12px}.product-card .product-name{flex-wrap:wrap;align-items:center;gap:6px;font:700 14px Inter,sans-serif;display:flex}.product-card .kv{border-bottom:1px dashed #78b4e614;gap:8px;padding:3px 0;display:flex}.product-card .kv span:first-child{color:var(--dim);min-width:44px}.swatch{border:1px solid var(--line);width:12px;height:12px;display:inline-block}.route{margin:0;padding:0;list-style:none}.route li{cursor:default;border:0;gap:8px;margin:0;padding:4px 0;display:flex}.route .n{background:var(--warn);width:20px;height:20px;color:var(--bg);border-radius:50%;flex:none;place-items:center;font:700 11px Inter,sans-serif;display:grid}.route a{color:var(--cyan)}.route small{color:var(--dim);display:block}.product-errors{border:1px solid var(--bad);background:#ff3b3b1f;padding:8px}.product-errors ul{margin:6px 0 0;padding-left:16px}.product-errors li{cursor:default;border:0;padding:2px 0}.route-panel{z-index:3;max-height:36vh;padding:8px 14px 12px;font-size:12px;bottom:12px;left:274px;right:344px;overflow:auto}.route-panel[hidden]{display:none}.route-sticky{z-index:2;background:#0c1034f5;margin:-8px -14px 0;padding:8px 14px 4px;position:sticky;top:-8px}.route-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.route-head .label{margin-top:4px}.route-title{font:700 15px Inter,sans-serif}.route-buttons{flex-wrap:wrap;gap:6px;display:flex}.route-buttons button,.route-foot button{padding:5px 10px;font-size:11px}.route-fields{flex-wrap:wrap;gap:8px;display:flex}.route-fields label{color:var(--dim);flex-direction:column;gap:2px;font-size:10px;display:flex}.route-panel input,.route-panel select{color:var(--text);border:1px solid var(--line);background:#04042199;min-width:0;padding:3px 5px;font:12px Inter,sans-serif}.route-panel input[type=number]{width:82px}.route-table{border-collapse:collapse;width:100%;margin-top:8px}.route-table th{text-align:left;letter-spacing:.08em;color:var(--dim);text-transform:uppercase;border-bottom:1px solid var(--line);padding:4px 6px;font:600 10px Inter,sans-serif}.route-table td{vertical-align:top;border-bottom:1px dashed #78b4e61f;padding:5px 6px}.route-table td.n span{color:#040421;background:#ffb000;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-grid}.route-table tr.readonly td{color:var(--dim)}.route-table tr.picking{outline:1px solid #ffb000}.route-table.edit td input[type=text]{width:150px;margin-bottom:3px;display:block}.route-table.edit td select{width:150px}.route-table a{color:#8cc4ff}.route-panel .small{font-size:11px}.route-panel .bad{color:var(--bad)}.chip{border:1px solid #ffb000;align-items:center;gap:2px;margin:0 4px 4px 0;padding:1px 2px 1px 6px;font:11px IBM Plex Mono,monospace;display:inline-flex}.chip button{color:var(--dim);background:0 0;border:0;padding:0 4px}button.pick{padding:2px 8px;font-size:11px}.row-actions{white-space:nowrap}.row-actions button{padding:2px 6px;font-size:11px}.route-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.validation{border:1px solid var(--line);margin-top:8px;padding:6px 8px}.validation.ok{border-color:var(--ok);color:var(--ok)}.validation.warn{color:#ffd27a;border-color:#ffb000}.validation.bad{border-color:var(--bad);background:#ff3b3b1a}.validation ul{margin:4px 0 0;padding-left:16px}.route-hint{margin-top:6px}@media (width<=900px){.route-panel{left:224px;right:284px}}@media (width<=700px){.route-panel{max-height:50vh;bottom:64px;left:8px;right:8px}}