:root{--bg:#060d14;--panel:#0b1622;--panel-2:#0f1d2c;--line:#16283a;--ink:#cfe3ef;--muted:#5b7a8a;--accent:#39d0d8;--warn:#e0a93b;--alarm:#e0663b;--crit:#e03b5a;--ok:#3be08a}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:SF Mono,JetBrains Mono,Consolas,monospace;font-size:14px}.hmi{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:linear-gradient(#0e1c2b,#0a141f);align-items:center;gap:24px;padding:10px 18px;display:flex}.brand{letter-spacing:2px;font-size:16px}.brand b{color:var(--accent)}.brand .sub{color:var(--muted);letter-spacing:1px;margin-left:8px;font-size:12px}.brand .dot{background:var(--ok);width:9px;height:9px;box-shadow:0 0 8px var(--ok);border-radius:50%;margin-right:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.4}}.tabs{gap:4px;display:flex}.tab{color:var(--muted);cursor:pointer;font:inherit;letter-spacing:1px;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 16px}.tab:hover{color:var(--ink)}.tab.active{background:var(--panel-2);color:var(--accent);border-color:var(--line)}.status{align-items:center;gap:14px;margin-left:auto;display:flex}.clock{color:var(--muted)}.alarm-badge{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:4px 10px}.alarm-badge.lit{color:#1a0a0a;background:var(--alarm);border-color:var(--alarm);font-weight:700;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{background:var(--crit)}}.pausebtn,.ackbtn,.addbtn,.rmbtn{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);cursor:pointer;font:inherit;border-radius:6px;padding:5px 12px}.pausebtn:hover,.ackbtn:hover,.addbtn:hover{border-color:var(--accent);color:var(--accent)}.content{flex:1;padding:18px;overflow:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.panel h2{letter-spacing:1px;color:var(--ink);margin:0 0 14px;font-weight:600}.panel-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;display:flex}.panel-head h2{margin:0}.empty{color:var(--ok)}.alarm-table{border-collapse:collapse;width:100%}.alarm-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 10px;font-weight:500}.alarm-table td{border-bottom:1px solid #0e1825;padding:8px 10px}.alarm-table td.num{text-align:right;font-variant-numeric:tabular-nums}.sev-pill{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.sev-info .sev-pill{color:var(--accent);background:#16384a}.sev-warn .sev-pill{color:var(--warn);background:#3a2e10}.sev-alarm .sev-pill{color:var(--alarm);background:#3a1c10}.sev-crit .sev-pill{color:var(--crit);background:#3a1020}.sev-crit td{color:#f0b8c2}.alarms-page{flex-direction:column;gap:16px;display:flex}.alarm-table td.mono,.alarm-table .mono{font-variant-numeric:tabular-nums;font-family:inherit}.log-table td{padding:6px 10px}.log-pill{text-align:center;letter-spacing:.5px;border:1px solid #0000;border-radius:4px;min-width:64px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.log-raised{color:var(--alarm);background:#3a1c10;border-color:#5a2c18}.log-ack{color:var(--accent);background:#16384a;border-color:#1f5566}.log-cleared{color:var(--ok);background:#10301f;border-color:#1a4a30}.log-clearing{color:var(--warn);background:#2a2410;border-color:#443a18}.log-aborted{color:var(--muted);background:#1a2230;border-color:#243245}.log-other{color:var(--muted);background:#1a2230}.alarm-table td.muted{color:var(--muted);font-size:12px}.brick-group{margin-bottom:22px}.brick-group h3{color:var(--accent);border-bottom:1px solid var(--line);letter-spacing:1px;padding-bottom:6px}.brick-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.brick-card{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:12px}.brick-card-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.brick-name{font-weight:600}.brick-type{color:var(--muted);background:#0a141f;border-radius:4px;padding:1px 6px;font-size:11px}.rmbtn{color:var(--muted);margin-left:auto;padding:1px 7px}.rmbtn:hover{color:var(--crit);border-color:var(--crit)}.var-list{margin:0;padding:0;list-style:none}.var-list li{border-top:1px solid #0e1825;align-items:center;gap:6px;padding:3px 0;display:flex}.var-name{color:var(--muted)}.var-val{font-variant-numeric:tabular-nums;color:var(--ink);margin-left:auto}.var-alarm{color:var(--warn)}.add-brick{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.add-brick input{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:6px;width:130px;padding:6px 10px}.add-brick input[type=number]{width:90px}.mimic-panel{height:100%}.mimic{width:100%;height:auto;max-height:70vh}.pipes line{stroke:#1d3850;stroke-width:4px}.mimic-box{fill:var(--panel-2);stroke:var(--accent);stroke-width:1.5px;transition:all .3s}.mimic-box.alarmed{stroke:var(--crit);fill:#2a0f16}.mimic-label{fill:var(--muted);text-anchor:middle;font-size:12px}.mimic-value{fill:var(--ink);text-anchor:middle;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.mimic-title{fill:var(--muted);letter-spacing:2px;font-size:13px}.trend-select{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:6px;padding:6px 10px}.trend-canvas{border:1px solid var(--line);background:#0b1622;border-radius:8px;width:100%;height:auto}.ws-select{background:var(--panel-2);color:var(--accent);border:1px solid var(--line);font:inherit;border-radius:6px;padding:5px 10px}.hint{color:var(--muted);font-size:12px}.block{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:14px}.block-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;display:flex}.block-name{color:var(--accent);letter-spacing:1px;font-size:16px;font-weight:700}.block-type{color:var(--muted);background:#0a141f;border-radius:4px;padding:2px 8px;font-size:11px}.block-count{color:var(--muted);margin-left:auto;font-size:12px}.brick-kind{letter-spacing:1px;color:var(--accent);background:#16384a;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.brick-kind.k-act{color:var(--warn);background:#3a2e10}.brick-card.actuator{border-color:#3a2e1a}.var-alarmed .var-val{color:var(--crit);font-weight:700}.actuator-ctrl{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}.ctrl-row{justify-content:space-between;margin-bottom:6px;display:flex}.ctrl-label{color:var(--muted)}.ctrl-val{color:var(--warn);font-variant-numeric:tabular-nums;font-weight:700}.slider{width:100%;accent-color:var(--warn)}.toggle{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;font:inherit;border-radius:6px;padding:7px}.toggle.on{border-color:var(--ok);color:var(--ok);background:#10301d}.engine-panel{height:100%}.engine-stage{border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#0e2030,#060d14 70%);border-radius:10px;width:100%;min-height:70vh;position:relative;overflow:hidden}.engine-svg{opacity:.92;filter:drop-shadow(0 0 12px #39d0d826);max-width:90%;max-height:80%;margin:auto;position:absolute;inset:0}.prop-wrap{text-align:center;position:absolute;bottom:8%;left:4%}.propeller{width:90px;height:90px;margin:0 auto;animation:linear infinite spin;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.propeller .blade{background:linear-gradient(var(--accent),transparent);transform-origin:bottom;border-radius:6px;width:12px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.propeller .b2{transform:translate(-50%,-100%)rotate(120deg)}.propeller .b3{transform:translate(-50%,-100%)rotate(240deg)}.propeller .hub{background:var(--accent);width:16px;height:16px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prop-label{color:var(--accent);font-variant-numeric:tabular-nums;margin-top:6px;font-weight:700}.gauges{flex-direction:column;gap:10px;width:230px;display:flex;position:absolute;top:16px;right:16px}.gauge{border:1px solid var(--line);background:#0b1622d9;border-radius:8px;padding:8px 10px}.gauge-top{justify-content:space-between;margin-bottom:5px;display:flex}.gauge-label{color:var(--muted);font-size:12px}.gauge-num{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.gauge-track{background:#0e1825;border-radius:4px;height:7px;overflow:hidden}.gauge-fill{background:var(--accent);height:100%;transition:width .4s}.gauge-fill.hot{background:var(--crit)}.flow-strip{border:1px solid var(--line);background:#0b1622d9;border-radius:8px;width:280px;padding:8px 10px;position:absolute;top:16px;left:16px}.flow-cap{color:var(--muted);letter-spacing:1px;font-size:11px}.flow-track{background:#0e1825;border-radius:5px;height:10px;margin:6px 0;overflow:hidden}.flow-fill{background:linear-gradient(90deg,#1d6f8a,var(--accent));height:100%;transition:width .4s}.flow-val{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.block.cfg{padding:12px 14px}.cfg-id{color:var(--muted);font-family:monospace;font-size:11px}.cfg-table{border-collapse:collapse;width:100%;font-size:13px}.cfg-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:5px 8px;font-weight:500}.cfg-table td{vertical-align:top;border-bottom:1px solid #0e1825;padding:5px 8px}.cfg-table tr.cfg-act td{background:#3a2e102e}.cfg-table .muted{color:var(--muted)}.cfg-table .mono{font-family:monospace;font-size:12px}.cfg-alarms{color:var(--muted)}.cfg-alarm{color:#c9b27a;padding:1px 0;font-size:12px}.actuator-bar{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:14px;display:flex}.act-group{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:1;min-width:260px;padding:10px 12px}.act-group-title{color:var(--accent);letter-spacing:1px;margin-bottom:8px;font-weight:700}.act-group-body{flex-direction:column;gap:10px;display:flex}.ctrl-bar{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:14px;padding:12px 14px;display:flex}.ctrl-bar-title{color:var(--accent);letter-spacing:1px;align-self:center;font-weight:700}.ctrl-bar .ctrl-cell{min-width:220px}.ctrl-bar .actuator-ctrl{border-top:none;margin-top:0;padding-top:0}.mimic-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:8px;display:grid}.mimic-cell{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:12px 14px;transition:border-color .3s,background .3s}.mimic-cell.alarmed{border-color:var(--crit);background:#240e14;animation:1.2s steps(2,end) infinite cellblink}@keyframes cellblink{50%{background:#341017}}.mc-block{color:var(--accent);letter-spacing:1px;text-transform:uppercase;font-size:11px}.mc-label{color:var(--muted);margin:2px 0 6px;font-size:13px}.mc-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.mc-unit{color:var(--muted);margin-left:5px;font-size:13px;font-weight:400}.engine-stage{display:block}.engine-svg-host{justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.engine-svg-host svg{width:100%;height:100%;max-height:64vh}.engine-svg-host :is(path,rect){fill:#0e2233!important;stroke:#2b6f86!important;stroke-width:3px!important}.engine-svg-host #Water{fill:#08161f!important;stroke:none!important}.engine-svg-host #Hull{fill:#0c1b28!important}.engine-svg-host #Propeller{fill:#123244!important}.engine-svg-host #Numbers,.engine-svg-host #Numbers *{opacity:.5;fill:#16384a!important;stroke:#2b6f86!important;stroke-width:60px!important}.engine-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.engine-overlay .flow-line{stroke:#1d4a5e;stroke-width:6px;stroke-dasharray:4 18}.engine-overlay .flow-line.flowing{stroke:var(--accent);stroke-dasharray:18 14;filter:drop-shadow(0 0 4px var(--accent));animation:1s linear infinite flowdash}@keyframes flowdash{to{stroke-dashoffset:-32px}}.engine-overlay .ov-prop{animation:linear infinite spin}.engine-overlay .ov-prop rect{fill:var(--accent)}.engine-overlay .ov-prop circle{fill:var(--accent);filter:drop-shadow(0 0 6px var(--accent))}.engine-overlay .hs-box{fill:#0b1622eb;stroke:var(--accent);stroke-width:2px}.engine-overlay .hs-box.alarmed{stroke:var(--crit);fill:#240e14}.engine-overlay .hs-label{fill:var(--muted);text-anchor:middle;font-family:monospace;font-size:20px}.engine-overlay .hs-val{fill:var(--ink);text-anchor:middle;font-family:monospace;font-size:26px;font-weight:700}.engine-overlay .alarm-ring{fill:none;stroke:var(--crit);stroke-width:4px;opacity:0}.engine-overlay .alarm-ring.on{opacity:1;animation:1.1s ease-out infinite ring}@keyframes ring{0%{r:30px;opacity:.9}to{r:70px;opacity:0}}.alarm-badge.acked{color:#1a120a;background:var(--warn);border-color:var(--warn);font-weight:700}.mimic-box.acked,.engine-overlay .hs-box.acked{stroke:var(--warn);fill:#2a200c}.engine-overlay .alarm-ring.ack{stroke:var(--warn)}.mimic .pipe{stroke:#1d3850;stroke-width:4px}.mimic .hub{fill:var(--accent)}.mimic .hub-title{fill:var(--accent);letter-spacing:1px;font-size:18px;font-weight:700}.gauge-fill.warm{background:var(--warn)}.cfg-toolbar{gap:8px;margin-bottom:12px;display:flex}.block-actions{gap:6px;margin-left:12px;display:inline-flex}.row-actions{gap:5px;display:inline-flex}.mini{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);cursor:pointer;font:inherit;border-radius:5px;padding:2px 9px;font-size:12px}.mini:hover{border-color:var(--accent);color:var(--accent)}.mini.danger:hover{border-color:var(--crit);color:var(--crit)}.warn-banner{border:1px solid var(--warn);color:#e6c98a;background:#2a200c;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.warn-item{color:#c9b27a;padding:2px 0}.modal-backdrop{z-index:100;background:#02080eb3;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--panel);border:1px solid var(--accent);border-radius:12px;width:min(760px,96vw);box-shadow:0 12px 48px #0009}.modal-head{border-bottom:1px solid var(--line);letter-spacing:1px;color:var(--accent);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700;display:flex}.modal-body{max-height:78vh;padding:16px;overflow:auto}.ed-grid{grid-template-columns:110px 1fr 110px 1fr;align-items:center;gap:8px 10px;margin-bottom:12px;display:grid}.ed-grid label{color:var(--muted);font-size:13px}.ed-grid input,.ed-grid select,.ed-row select,.ed-row input{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:6px;padding:5px 8px}.ed-section{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.ed-section-head{color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.ed-var{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;margin-bottom:10px;padding:10px}.ed-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.ed-row label{color:var(--muted);min-width:60px;font-size:13px}.sp-row{flex-wrap:wrap;gap:10px;display:flex}.sp{align-items:center;gap:4px;display:inline-flex}.sp-l{color:var(--muted);font-size:12px}.sp-i{background:var(--panel);width:80px;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:5px;padding:3px 6px}.cp{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.cp select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:3px 6px}.ed-alarms{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px}.ed-alarm-row{align-items:center;gap:6px;margin-bottom:5px;display:flex}.al-desc{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;flex:1;padding:3px 6px}.al-lim{background:var(--panel);width:80px;color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:3px 6px}.ed-alarm-row select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:3px 4px}.ed-footer{border-top:1px solid var(--line);gap:8px;margin-top:16px;padding-top:12px;display:flex}.tpl-search{background:var(--panel-2);width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:6px;margin-bottom:10px;padding:8px 10px}.tpl-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tpl-item{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;text-align:left;font:inherit;color:var(--ink);border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.tpl-item:hover{border-color:var(--accent)}.tpl-cat{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:11px}.tpl-name{font-weight:600}.ws-mgr{flex-direction:column;gap:12px;display:flex}.ws-card{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.ws-card-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ws-name{background:var(--panel);color:var(--accent);border:1px solid var(--line);font-weight:700;font:inherit;border-radius:6px;flex:1;padding:5px 8px}.ws-blocks{flex-wrap:wrap;gap:10px;display:flex}.ws-chk{color:var(--ink);align-items:center;gap:5px;font-size:13px;display:inline-flex}.io-text{color:#aee3ef;border:1px solid var(--line);background:#06121c;border-radius:8px;width:100%;height:320px;padding:10px;font-family:monospace;font-size:12px}.err{color:var(--crit);min-height:18px;margin:6px 0;font-size:13px}.tpl-section-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin:4px 0 8px;font-size:11px;display:block}.tpl-generic{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:12px}.tpl-generic-row{flex-wrap:wrap;gap:8px;display:flex}.tpl-blank{color:var(--ok);cursor:pointer;font:inherit;background:#10301d;border:1px solid #1d5a38;border-radius:8px;padding:9px 14px;font-weight:600}.tpl-blank:hover{border-color:var(--ok);background:#143d26}.tab-sep{background:var(--line);align-self:center;width:1px;height:18px;margin:0 6px}.proto-banner{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.proto-dot{background:var(--ok);width:9px;height:9px;box-shadow:0 0 8px var(--ok);border-radius:50%;animation:2s infinite pulse}.proto-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.proto-uri{color:var(--accent);font-family:monospace;font-weight:700}.proto-detail{color:var(--muted);font-family:monospace;font-size:12px}.proto-status{color:var(--ok);margin-left:auto;font-size:12px;font-weight:700}.proto-table{border-collapse:collapse;width:100%;font-size:13px}.proto-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 10px;font-weight:500}.proto-table td{border-bottom:1px solid #0e1825;padding:5px 10px}.proto-table td.num{text-align:right;font-variant-numeric:tabular-nums}.proto-table td.mono{color:#aee3ef;font-family:monospace;font-size:12px}.proto-table td.muted{color:var(--muted)}.proto-table tr.p-alm td{background:#e03b5a1f}.proto-table tr.p-ack td{background:#e0a93b1f}.p-flag{font-size:11px;font-weight:700}.p-alm .p-flag{color:var(--crit)}.p-ack .p-flag{color:var(--warn)}.template-select{color:var(--ok);border-color:#1d5a38}.gh-stage{background:radial-gradient(circle at 50% 30%,#0e2030,#060d14 70%)}.gh-scene{display:block}.gh-sun{fill:#e0c23b;filter:drop-shadow(0 0 28px #e0c23b);transition:opacity .6s}.gh-ground{fill:#0b1a12}.gh-soil-line{stroke:#1d5a38;stroke-width:3px}.gh-glass{fill:#39d0d80d;stroke:#2b6f86;stroke-width:4px;stroke-linejoin:round}.gh-bar{stroke:#1d4a5e;stroke-width:2px}.gh-vent{stroke:var(--accent);stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--accent))}.gh-label{fill:var(--muted);letter-spacing:1px;font-family:monospace;font-size:16px}.gh-pump-label{fill:var(--ink);font-weight:700}.gh-lamp{fill:#23394a;stroke:#2b6f86;stroke-width:2px;transition:fill .4s}.gh-lamp.lit{fill:#f2d05a;stroke:#f2d05a;filter:drop-shadow(0 0 10px #f2d05a)}.gh-cone{fill:#f2d05a;transition:opacity .4s}.gh-fan-ring{fill:#0e2233;stroke:#2b6f86;stroke-width:3px}.gh-fan rect,.gh-fan circle{fill:#2b6f86}.gh-fan.ov-prop rect,.gh-fan.ov-prop circle{fill:var(--accent)}.gh-fog ellipse{fill:#cfe3ef;filter:blur(6px)}.gh-bench{fill:#17303f;stroke:#2b6f86;stroke-width:2px}.gh-leg{stroke:#1d4a5e;stroke-width:4px}.gh-stem{stroke:#2fb36c;stroke-width:4px;stroke-linecap:round}.gh-leaf{fill:#3be08a;transition:fill .6s}.gh-plants.dry .gh-leaf{fill:#b39a3a}.gh-plants.dry .gh-stem{stroke:#8a7a3a}.gh-plants.wet .gh-leaf{fill:#1f8f6a}.gh-tank{fill:#0e2233;stroke:#2b6f86;stroke-width:3px}.gh-level{fill:#1d6f8a;transition:y .5s,height .5s}.gh-level.co2{fill:#5b7a8a}.gh-pipe{stroke:#1d4a5e;stroke-width:6px}.gh-pump{fill:#0e2233;stroke:var(--accent);stroke-width:3px}.gh-dripper{stroke:#1d4a5e;stroke-width:2px;stroke-dasharray:3 5}.gh-heat{stroke:#3a1c10;stroke-width:5px;stroke-linecap:round;transition:stroke .4s}.gh-heat.hot{stroke:var(--alarm);filter:drop-shadow(0 0 6px var(--alarm))}.gh-rain{opacity:0;transition:opacity .5s}.gh-rain.on{opacity:.8}.gh-rain line{stroke:#6fb6d8;stroke-width:3px;stroke-linecap:round;animation:.7s linear infinite rainfall}@keyframes rainfall{to{opacity:0;transform:translateY(70px)}}.gh-wind line{stroke:#5b7a8a;stroke-width:3px;stroke-dasharray:30 22;opacity:.25;stroke-linecap:round}.gh-wind.on line{opacity:.9;stroke:var(--accent);animation:.5s linear infinite flowdash}.gh-stage .gauges{width:240px}.dali-top{flex-wrap:wrap;gap:16px;margin-bottom:14px;display:flex}.dali-map-wrap{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:2;min-width:420px;padding:10px 12px}.dali-gw{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:1;min-width:260px;padding:10px 12px}.dali-map-title{color:var(--accent);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;margin:2px 0 8px;font-size:11px;display:flex}.dali-map{grid-template-columns:repeat(16,1fr);gap:4px;margin-bottom:12px;display:grid}.dali-cell{--lvl:0;aspect-ratio:1;color:#2c4557;cursor:default;background:#0a141f;border:1px solid #16283a;border-radius:4px;justify-content:center;align-items:center;font-size:11px;display:flex}.dali-cell.present{color:#1a1206;background:rgba(242,208,90,var(--lvl));cursor:pointer;border-color:#7a6a2a;font-weight:700}.dali-cell.present.sel{outline:2px solid var(--accent)}.dali-cell.failed{border-color:var(--crit);color:var(--crit);background:#2a0f16}.dali-devs{flex-wrap:wrap;gap:8px;display:flex}.dali-dev{border:1px solid var(--line);color:var(--muted);background:#0a141f;border-radius:5px;padding:3px 9px;font-size:12px}.dali-dev.on{color:var(--ok);background:#10301d;border-color:#1d5a38}.dali-gw-grid{grid-template-columns:auto 1fr;gap:3px 12px;margin-bottom:8px;font-size:13px;display:grid}.dali-gw-grid .k{color:var(--muted)}.dali-gw-grid .v{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.dali-gw .ctrl-cell{margin-top:4px}.dali-gw .actuator-ctrl{margin-top:6px;padding-top:6px}.dali-main{flex-wrap:wrap;gap:16px;display:flex}.dali-log{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:3;min-width:520px;max-height:62vh;padding:8px 10px;overflow:auto}.dali-log-head{color:var(--accent);letter-spacing:1px;align-items:center;gap:8px;margin-bottom:6px;font-weight:700;display:flex}.dali-log-head .mini{margin-left:auto}.dali-log-head .mini+.mini{margin-left:0}.dali-table{font-size:12px}.dali-table td{white-space:nowrap;padding:3px 8px}.dali-table td:nth-child(4){white-space:normal}.dali-table .d-lab{letter-spacing:1px;font-weight:700}.dali-table .d-hex{color:#f2d05a;letter-spacing:1px}.dali-table .d-gw{color:var(--muted);font-size:11px}.dali-table tr.d-fwd .d-lab{color:var(--accent)}.dali-table tr.d-bwd .d-lab{color:#8fd3e8}.dali-table tr.d-evt .d-lab{color:var(--ok)}.dali-table tr.d-evt td{background:#3be08a0f}.dali-table tr.d-mqtt .d-lab{color:#c9a0ff}.dali-table tr.d-mqtt td{background:#a078ff12}.dali-table tr.d-rule .d-lab{color:var(--warn)}.dali-table tr.d-rule td{background:#e0a93b14}.dali-table tr.d-info .d-lab{color:var(--muted)}.dali-table tr.d-info td{background:#e0663b1a}.dali-side{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:2;min-width:320px;padding:10px 12px}.dali-side-name{margin-bottom:8px;font-weight:600}.dali-sec{color:var(--muted);letter-spacing:1px;text-transform:uppercase;border-top:1px dashed var(--line);margin:8px 0 6px;padding-top:8px;font-size:11px}.dali-bits{grid-template-columns:1fr 1fr;gap:4px;display:grid}.dali-bit{border:1px solid var(--line);color:var(--muted);background:#0a141f;border-radius:4px;gap:6px;padding:2px 6px;font-size:11px;display:flex}.dali-bit b{color:#2c4557}.dali-bit.on{color:var(--ink);border-color:var(--accent);background:#10303a}.dali-bit.on b{color:var(--accent)}.dali-topics{flex-direction:column;gap:3px;font-size:11px;display:flex}.dali-topic{border-bottom:1px solid #0e1825;justify-content:space-between;gap:8px;padding:2px 0;display:flex}.dali-topic .mono{color:#aee3ef}.dali-topic .muted{color:var(--muted)}.dali-bc{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;display:flex}.dali-bc .hint{margin-left:auto}.dali-sliders{flex:3}.dali-slider-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;display:grid}.dali-slider-grid .actuator-ctrl{border-top:none;margin-top:0;padding-top:0}.dali-console{flex-wrap:wrap;gap:16px;margin-bottom:14px;display:flex}.dali-card{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:1;min-width:420px;padding:10px 12px}.dali-form{grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;display:grid}.dali-form label{color:var(--muted);font-size:12px}.dali-form input,.dali-form select,.dali-inline select,.dali-inline input{background:var(--panel);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:6px;padding:4px 8px;font-size:13px}.dali-form input[type=number]{width:90px}.dali-form input.dali-wide{width:100%;font-family:monospace}.dali-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dali-inline .muted{color:var(--muted);font-size:12px}.dali-preview{color:#f2d05a;border:1px solid var(--line);background:#06121c;border-radius:6px;min-height:30px;margin:8px 0;padding:6px 10px;font-family:monospace;font-size:12px}.dali-contract{color:var(--muted);border-top:1px dashed var(--line);flex-direction:column;gap:2px;margin-top:10px;padding-top:8px;font-size:11px;display:flex}.dali-contract b{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:10px}.dali-contract .mono{color:#aee3ef}.dali-table tr.d-mqo .d-lab{color:#7fd8a8}.dali-table tr.d-mqo td{background:#3be08a0d}.dali-table td.d-txt{white-space:normal}.dali-lines{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;display:flex}.dali-lines .mini.on{color:var(--accent);border-color:var(--accent);background:#10303a}.dali-filter{border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex}.dali-filter-l{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:11px}.dali-filter-sep{background:var(--line);width:1px;height:16px;margin:0 4px}.dali-filter .mini{color:var(--muted)}.dali-filter .mini.on{color:var(--accent);border-color:var(--accent);background:#10303a}.dali-filter .dali-chip.on{color:var(--ink)}.dali-photo-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.dali-photo-h{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:11px;display:inline-flex}.dali-photo-h input{width:56px}.dali-photo-stats{color:var(--muted);margin-bottom:6px;font-size:11px}.dali-photo{--diagram-bg:transparent;--diagram-surface:#0a141f;--diagram-grid:#16283a;--diagram-axis:#2c4557;--diagram-text:#cfe6ee;--diagram-text-secondary:#5b7a8a;--diagram-legend-bg:#0a141fd9;--diagram-c0:#39d0d8;--diagram-c0-fill:#39d0d82e;--diagram-c90:#e0a93b;--diagram-c90-fill:#e0a93b2e;border:1px solid var(--line);background:#0a141f;border-radius:6px;padding:4px}.dali-photo svg{width:100%;height:auto;display:block}.dali-photo-open{margin-left:4px}.photo-window{max-width:640px;margin:0 auto;padding:14px 16px}.photo-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.photo-head .brand{letter-spacing:1px;font-weight:700}.photo-head .brand b{color:var(--accent)}.photo-head .hint{margin-left:auto}.photo-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.photo-controls select{max-width:280px}.photo-controls .dali-photo-h{margin-left:0}.photo-title{margin-bottom:4px;font-weight:600}.photo-big svg{width:100%;height:auto}.dali-prov{margin-top:10px}.dali-devcard{flex:.8;min-width:320px}.dali-devcard.linked{border-color:var(--ok);box-shadow:inset 0 0 0 1px #1d5a38}.dali-devlog{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:11px;overflow:hidden}.ackbtn:disabled{opacity:.45;cursor:not-allowed}.dali-broker{margin-top:8px}.dali-broker input{flex:1;min-width:200px;font-family:monospace;font-size:12px}.proto-banner.proto-live{border-color:var(--ok)}.proto-recent{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;max-height:32vh;margin-bottom:14px;padding:8px 10px;overflow:auto}.st-stage{position:relative}.st-scene{--st-ink:#8fb7c9;--st-lamp:#ffe9a8}.st-sky{fill:#0a1520;transition:fill .6s}.st-stage.night .st-scene{--st-ink:#5d7f93}.st-stage.night .st-sky{fill:#050b14}.st-sun{fill:#ffd97a;transition:opacity .6s}.st-moon{fill:#cdd9e4;transition:opacity .6s}.st-roof,.st-wall,.st-floor{fill:none;stroke:var(--st-ink);stroke-width:3px}.st-roof{stroke-width:4px}.st-floor{stroke-width:3px}.st-label,.st-addr{fill:var(--muted);letter-spacing:.5px;font-size:15px}.st-addr{fill:var(--accent);font-size:13px}.st-curtain rect{fill:#17303f;stroke:var(--st-ink);stroke-width:2px;transition:height .5s}.st-ridge-air line{stroke:#3f7f96;stroke-width:3px;opacity:0;transition:opacity .4s}.st-ridge-air.on line{opacity:.8;animation:2s linear infinite st-rise}@keyframes st-rise{0%{transform:translateY(6px)}to{transform:translateY(-6px)}}.st-suspension{stroke:var(--st-ink);stroke-width:2px}.st-housing{fill:#2b3c4a;stroke:var(--st-ink);stroke-width:2px}.st-lamp{fill:var(--st-lamp);transition:opacity .45s}.st-cone{fill:url(#st-cone-grad);transition:opacity .45s}.st-lit-floor{fill:#ffe9a8;transition:opacity .45s}.st-cubicles rect,.st-parlour rect{fill:#101f2b;stroke:var(--st-ink);stroke-width:2px}.st-cubicles line{stroke:var(--st-ink);stroke-width:2px}.st-alley{fill:#14272f;stroke:var(--st-ink);stroke-width:2px}.st-vac{fill:#24333f;stroke:var(--st-ink);stroke-width:2px;transition:fill .3s}.st-vac.on{fill:#2b8a3e}.st-cow ellipse,.st-cow circle{fill:#d7e2e8}.st-cow line{stroke:#d7e2e8;stroke-width:3px}.st-cow.stressed ellipse,.st-cow.stressed circle{fill:#e0a93b}.st-cow.stressed line{stroke:#e0a93b}.st-fan circle{fill:none;stroke:var(--st-ink);stroke-width:3px}.st-fan line{stroke:var(--st-ink);stroke-width:3px;transform-origin:50%;transform-box:fill-box}.st-fan.on line{animation:1.4s linear infinite st-spin}.st-fan.fast line{animation-duration:.5s}@keyframes st-spin{to{transform:rotate(360deg)}}.st-haze{fill:#6a5a2b;transition:opacity .6s}.st-warn{fill:#e06b6b;letter-spacing:.5px;font-size:20px;transition:opacity .4s}.st-silo rect{fill:#101f2b;stroke:var(--st-ink);stroke-width:2px}.st-silo-fill{fill:#6a5a2b;stroke:none}.st-zones{border:1px solid var(--line);background:var(--panel);border-radius:6px;margin-top:12px;padding:10px 14px}.st-zones-title{color:var(--muted);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.st-phase{color:var(--accent);border:1px solid var(--accent);text-transform:none;letter-spacing:0;border-radius:3px;padding:1px 6px}.st-phase.dark{color:#7b8ea0;border-color:#7b8ea0}.st-zone-grid{flex-direction:column;gap:6px;display:flex}.st-zone{grid-template-columns:130px 1fr 80px 70px;align-items:center;gap:10px;display:grid}.st-zone-name{color:var(--fg);font-size:13px}.st-zone-bar{border:1px solid var(--line);background:#0d1a24;border-radius:2px;height:10px;position:relative;overflow:hidden}.st-zone-target-mark{background:var(--muted);opacity:.8;width:1px;position:absolute;top:0;bottom:0;left:70%}.st-zone-fill{background:linear-gradient(90deg,#2b6a8a,var(--accent));height:100%;transition:width .5s}.st-zone-fill.over{background:linear-gradient(90deg,#8a6a2b,#e0a93b)}.st-zone-fill.under{background:linear-gradient(90deg,#4a4a55,#7b8ea0)}.st-zone-val.over{color:#e0a93b}.st-zone-val.under{color:#7b8ea0}.st-zone-val{font-family:var(--mono,monospace);color:var(--fg);text-align:right;font-size:13px}.st-zone-target{color:var(--muted);text-align:right;font-size:11px}.st-zone{grid-template-columns:130px 1fr 80px 110px}.st-zone-detail{color:var(--muted);grid-column:2/-1;font-size:11px}.st-fixture{border-top:1px dashed var(--line);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:10px;padding-top:8px;font-size:12px;display:flex}.st-fixture-name{color:var(--accent);font-size:13px}.st-fixture-note{color:var(--muted);font-style:italic}.gh-par-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.gh-par-cell{border:1px solid var(--line);background:#0d1a24;border-radius:4px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.gh-par-v{font-family:var(--mono,monospace);color:var(--accent);font-size:22px;line-height:1.1}.gh-par-u{color:var(--muted);font-size:11px}.gh-when{border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.gh-when label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:11px}.gh-when select,.gh-when input[type=date]{color:var(--fg);border:1px solid var(--line);background:#0d1a24;border-radius:3px;padding:3px 6px;font-family:inherit;font-size:12px}.gh-when input[type=date]{color-scheme:dark}.gh-time{width:200px}.gh-clock{font-family:var(--mono,monospace);color:var(--accent);min-width:52px;font-size:14px}.gh-sun-cell .gh-par-v{color:#ffd97a}.gh-sun-cell.off{opacity:.55}.gh-sun-cell.off .gh-par-v{color:#7b8ea0}.gh-lamp-cell .gh-par-v{color:var(--accent)}.gh-bay input[type=number]{width:68px;color:var(--fg);border:1px solid var(--line);background:#0d1a24;border-radius:3px;padding:3px 6px;font-family:inherit;font-size:12px}.gh-x{color:var(--muted);font-size:12px}.gh-bay-out{color:var(--accent);font-size:12px;font-family:var(--mono,monospace)}.gh-sunfacts{border-bottom:1px dashed var(--line);color:var(--fg);flex-wrap:wrap;gap:18px;margin:0 0 10px;padding-bottom:10px;font-size:12px;display:flex}.gh-sunfacts b{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-right:4px;font-size:11px;font-weight:400}.gh-sf-note{color:var(--muted);font-style:italic}.gh-bus-cmds{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.gh-bus-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px 16px;display:grid}.gh-drv{font-family:var(--mono,monospace);grid-template-columns:34px 28px 1fr 42px 52px;align-items:center;gap:8px;padding:2px 0;font-size:12px;display:grid}.gh-drv-a{color:var(--accent)}.gh-drv-g{color:var(--muted);font-size:11px}.gh-drv-s{width:100%}.gh-drv-l,.gh-drv-p{text-align:right;color:var(--fg)}.gh-drv.failed .gh-drv-a{color:#e06b6b}.about-btn{margin-left:auto}.about-gh{color:var(--fg);font-size:13px;line-height:1.55}.about-gh h3{color:var(--accent);letter-spacing:.5px;margin:18px 0 6px;font-size:13px}.about-gh p{margin:0 0 8px}.about-lead{color:var(--fg);border-left:2px solid var(--accent);padding-left:10px}.about-note,.about-foot{color:var(--muted);font-size:12px;font-style:italic}.about-foot{border-top:1px dashed var(--line);margin-top:18px;padding-top:10px}.about-figs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:10px 0;display:grid}.about-fig{border:1px solid var(--line);background:#0d1a24;border-radius:4px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.about-fig.good{border-color:var(--accent)}.about-v{font-family:var(--mono,monospace);color:var(--fg);font-size:22px;line-height:1.1}.about-fig.good .about-v{color:var(--accent)}.about-u{color:var(--muted);font-size:11px}.pw-screenwin .pw-screen-frame{border:1px solid var(--line);background:#05080c;border-radius:6px;margin-top:12px;padding:10px;display:inline-block}.pw-screenwin canvas{max-width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--line);display:block}