: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)}