body,html{margin:0;padding:0;height:100%;overflow:hidden;background-color:#333;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:#fff0}input,textarea{-webkit-user-select:text;-ms-user-select:text;user-select:text}.fullscreen-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgb(0 0 0 / .9);color:#fff;z-index:3000;text-align:center;padding:0 2rem}.fullscreen-overlay.visible{display:flex}.fullscreen-content{max-width:32rem}#fullscreen-button{margin-top:1.5rem;padding:.75rem 1.5rem;font-size:1.2rem;font-weight:700;border:none;border-radius:.5rem;background-color:#00B0F0;color:#000;cursor:pointer}#fullscreen-button:hover{background-color:#33c9ff}#dcs-container{position:relative;width:100vw;aspect-ratio:16 / 9;max-height:100vh;max-width:calc(100vh * 16 / 9);margin:auto;top:50%;transform:translateY(-50%);container-type:size}.page{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;opacity:0;visibility:hidden}.page.active{opacity:1;visibility:visible}.nav-button,.sub-nav-button{position:absolute;padding:0;border:none;background-color:#fff0;cursor:pointer;transition:outline 0.1s ease}#datetime-display{position:absolute;top:.5%;right:5.7%;width:7%;height:3%;color:#000;font-weight:700;text-align:left;font-size:1cqw}#time{font-size:1.2em}.sub-nav{position:absolute;width:100%;height:100%;top:0;left:0;visibility:hidden;pointer-events:none}.sub-nav.active{visibility:visible;pointer-events:none}.sub-nav.active .sub-nav-button{pointer-events:auto}.sub-nav-l2{position:absolute;width:100%;height:100%;top:0;left:0;visibility:hidden;pointer-events:none}.sub-nav-l2.active{visibility:visible;pointer-events:none}.sub-nav-l2-button{position:absolute;padding:0;border:none;cursor:pointer;transition:outline 0.1s ease;pointer-events:auto}.nav-button,.sub-nav-button,.control-point,.sub-nav-l2-button,.ats-button,.voltage-button,.drill-toggle-btn,#drill-check-task-btn,#drill-stop-free-btn{box-sizing:border-box;border:.2vmin solid}.nav-button,.sub-nav-button,.control-point,.sub-nav-l2-button,.ats-button,.voltage-button,.drill-toggle-btn,#drill-check-task-btn,#drill-stop-free-btn{border-top-color:#fff;border-left-color:#fff;border-bottom-color:#333;border-right-color:#333}.nav-button:active,.sub-nav-button:active,.control-point:active,.sub-nav-l2-button:active,.ats-button:active,.voltage-button:active,.drill-toggle-btn:active,#drill-check-task-btn:active,#drill-stop-free-btn:active{border-top-color:#333;border-left-color:#333;border-bottom-color:#fff;border-right-color:#fff}.nav-button,.sub-nav-button,.control-point,.sub-nav-l2-button,.ats-button,.voltage-button,.drill-toggle-btn,#drill-check-task-btn,#drill-stop-free-btn{display:flex;justify-content:center;align-items:center;color:#000;font-size:0.8cqw;font-weight:700;font-family:'Arial Black',sans-serif;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.control-point{position:absolute;cursor:pointer;border-radius:0;transition:background-color 0.2s;pointer-events:auto}.control-point.check-interlock-btn{background-color:#C0C0C0!important;color:black!important;border-style:solid!important;border-top-color:#ffffff!important;border-left-color:#ffffff!important;border-bottom-color:#333333!important;border-right-color:#333333!important;border-width:0.2cqw!important;font-size:1.1cqw!important;border-radius:0px!important}.control-point.check-interlock-btn:hover{background-color:#A0A0A0!important}.control-point.check-interlock-btn:active{border-top-color:#333333!important;border-left-color:#333333!important;border-bottom-color:#ffffff!important;border-right-color:#ffffff!important}.popup{display:none;position:absolute;z-index:1000;border:.2vmin solid #fff;box-shadow:0 0.3cqw 1cqw rgb(0 0 0 / .5);background-color:#333;line-height:0;max-width:60cqw;max-height:80cqh;width:auto;height:auto}.popup img{display:block;position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:80cqh}.interlock-display{position:absolute;width:100%;height:100%;top:0;left:0;color:initial;z-index:2;pointer-events:none}.status-light{position:absolute;box-sizing:border-box}.light-breaker{width:1.7cqw;height:1.7cqw;border:0.2cqw solid #505050}.light-disconnector{width:1.4cqw;height:1.4cqw;border-radius:50%;border:0.2cqw solid #505050}.light-earthing-switch{width:1.18cqw;height:1.18cqw;border-radius:50%;border:0.2cqw solid #505050}.light-earthing-unit{width:1.4cqw;height:1.4cqw;border-radius:50%;border:0.2cqw solid #505050}.light-square{background-color:#b3b3b3;border:0.15cqw solid #505050;width:1.3cqw;height:1.3cqw}.status-green{background-color:lime}.status-red{background-color:red}#coords-display{position:absolute;bottom:10px;left:10px;background-color:rgb(0 0 0 / .7);color:lime;padding:5px 10px;border:1px solid lime;border-radius:5px;font-family:'Courier New',Courier,monospace;font-size:1.2vw;z-index:2000;pointer-events:none}.context-menu{display:none;position:absolute;z-index:5002;background-color:#f2f2f2;border:0.1cqw solid #a0a0a0;border-radius:0.5cqw;box-shadow:0.2cqw 0.2cqw 0.5cqw rgb(0 0 0 / .2);font-size:0.9cqw;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#000;min-width:12cqw;padding:0.4cqw 0}.context-menu-item{padding:0.4cqw 1.2cqw;cursor:pointer;user-select:none}.context-menu-item:hover{background-color:#e0e0e0}.context-menu-separator{height:0.1cqw;background-color:#d0d0d0;margin:0.3cqw 0}.interlock-condition{display:flex;align-items:center;margin-bottom:0.5cqw}.interlock-light{width:1.2cqw;height:1.2cqw;margin-right:0.5cqw;border:0.15cqw solid #505050;transition:width 0.01s ease,height 0.01s ease}.interlock-label{font-family:Arial,sans-serif;color:#d80909;font-size:0.6cqw}.interlock-ok{background-color:lime}.interlock-fail{background-color:#b3b3b3}.release-light-container{margin-top:15px;padding-top:10px;border-top:1px solid #b3b3b3}.interlock-condition{position:absolute;display:flex;align-items:center;margin-bottom:0}.interlock-label{display:none}.light-generator{width:4.3cqw;height:4.3cqw;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2cqw;font-family:'Arial Black',sans-serif;border:0.25cqw solid #505050}.light-aux-breaker{width:1.5cqw;height:1.5cqw;border:0.16cqw solid #505050}.status-ss{background-color:gray}.status-sb{background-color:lime}.status-sr{background-color:blue}.status-ge{background-color:red}.status-gc{background-color:#E3831C}@keyframes blink-green{0%{background-color:lime}50%{background-color:silver}100%{background-color:lime}}.mode-button{position:absolute;cursor:pointer;background-color:silver;transition:background-color 0.2s;box-sizing:border-box;clip-path:polygon(18% 0%,82% 0%,100% 40%,100% 59%,82% 100%,18% 100%,0% 59%,0% 40%);display:flex;justify-content:center;align-items:center;color:#000;font-size:1cqw;font-weight:700;font-family:'Arial Black',sans-serif;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-button:active{background-color:#A0A0A0}.mode-button.active{background-color:lime}.mode-button.blinking{animation:blink-green 1s infinite}.control-point.step-blinking{animation:blink-green 1s infinite}.ats-button{position:absolute;cursor:pointer;background-color:silver}.voltage-button{position:absolute;background-color:silver;cursor:pointer}.ats-button.active,.voltage-button.active{background-color:lime}.tank-container{position:absolute;top:66.02%;left:36.9%;width:52cqw;height:13cqw;opacity:.5;clip-path:polygon(0 0,100% 0,100% 100%,24.5% 100%,24.5% 74%,0 74%);border:0.1cqw solid #555;position:absolute;overflow:hidden;box-sizing:border-box;cursor:pointer}.water-level{position:absolute;bottom:0;left:0;width:100%;height:30%;background-color:#07F}.dewater-display{position:absolute;background-color:#666;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:1.2cqw;font-weight:700;text-align:right;padding-right:0.5cqw;border:0.1cqw solid #555;box-sizing:border-box;top:67.58%;left:38.95%;width:7%;height:3.5%;display:flex;justify-content:flex-end;align-items:center}.dewater-light-label{position:absolute;display:flex;align-items:center;font-family:Arial,sans-serif;font-size:1.6cqw;font-weight:700}.dewater-led-level{width:1.06cqw;height:1.06cqw;background-color:gray;border:0.1464cqw solid #555;margin-right:0.5cqw;transition:background-color 0.3s}.dewater-led-level.active-green{background-color:lime}.dewater-led-level.active-red{background-color:red}.dewater-inflow-panel{position:absolute;top:47cqw;left:37cqw;display:flex;flex-direction:column;align-items:center}.dewater-inflow-row1{display:flex;align-items:center}.dewater-inflow-label{font-weight:700;color:#000;font-size:1.2cqw;margin-right:0.3cqw;white-space:nowrap}.dewater-inflow-row2{display:flex;justify-content:center;width:100%;margin-top:0.3cqw}.dewater-btn{background:linear-gradient(90deg,#fff 0%,#b9d7ff 100%);color:#245a77;font-weight:700;border-radius:0.4cqw;border:none;margin:0.1cqw 0.4cqw 0.1cqw 0;padding:0.3cqw 0.9cqw;font-size:2cqw;box-shadow:0 0.05cqw 0.25cqw #a1bed1bb;transition:background 0.2s;cursor:pointer}.dewater-btn:active{background:#f5faff}.dewater-equip-light{position:absolute;background-color:#fff0;opacity:.7;border:0.1cqw solid #444;box-sizing:border-box;transition:background-color 0.3s,border-color 0.3s}.dewater-equip-light.active-green{background-color:lime;border-color:lime;border:0.15cqw solid #505050}.dewater-logbox{position:absolute;top:11%;left:9.96%;width:19%;height:16%;background:#eaecec;border:0.2cqw solid #9c9c9c;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#000;box-sizing:border-box;cursor:pointer;transition:all 0.3s ease}.dewater-logbox .dewater-log-titlebar{background:#9c9c9c;color:#000;display:flex;justify-content:center;align-items:center;font-size:1.2cqw;font-weight:700;font-family:'Arial Black',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dewater-log-content{padding:0.4cqw 0.6cqw;height:calc(100% - 2cqw);overflow-y:auto}.dewater-logbox .log-entry{display:block;padding:0.1cqw 0;font-size:1cqw}.dewater-logbox .log-alarm{color:red;font-weight:700}.dewater-logbox .log-action{color:blue;font-weight:700}.dewater-logbox .log-status{color:#008d00;font-weight:700}.dewater-logbox .log-water{color:#cfaa05;font-weight:700}#dewater-log-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .6);z-index:5000;display:none}#dewater-log-overlay.visible{display:block}.dewater-logbox.zoomed{width:30cqw;height:55cqw;top:50%;left:2%;transform:translateY(-50%);z-index:5001;cursor:default;border-width:0.2cqw}.dewater-logbox.zoomed .log-entry{font-size:1.5cqw}.dewater-logbox.zoomed .dewater-log-titlebar{font-size:1.8cqw;height:3cqw}#dewater-controls-container{position:absolute;top:13%;left:30%;width:54%;height:50%;display:flex;flex-wrap:nowrap;justify-content:space-around;align-content:space-around;gap:0.5cqw;padding:0.5cqw;box-sizing:border-box}.dewater-pump-panel{width:calc(50% - 0.5cqw);height:calc(50% - 0.5cqw);background-color:rgb(218 218 218 / .85);border:0.1cqw solid #333;border-radius:0.6cqw;box-sizing:border-box;cursor:pointer;transition:all 0.3s ease;overflow:hidden;position:relative}.dewater-pump-panel:hover{background-color:rgb(230 230 230 / .95);border-color:#000}.dewater-panel-title{position:absolute;background-color:#9c9c9c;width:100%;top:0%;left:0;text-align:center;color:#000;font-size:1cqw;font-weight:700}.dewater-panel-col{position:absolute;top:11%;height:89%}.dewater-panel-col.col-left{left:0%;width:50%;border-right:0.1cqw solid #555}.dewater-panel-col.col-right{right:0%;width:50%}.dewater-col-title{position:absolute;width:100%;top:0%;left:0;text-align:center;font-weight:700;font-size:0.8cqw;color:#000;border-bottom:0.1cqw solid #555}.dewater-dual-lights{position:absolute;top:13%;left:0;width:100%;display:flex;justify-content:space-around}.dewater-light-unit{display:flex;flex-direction:column;align-items:center;font-size:0.7cqw;font-weight:700;color:#000}.dewater-light-unit span{font-size:0.6cqw;display:block;line-height:1.2}.dewater-light-unit span:first-child{margin-bottom:0.2cqw;border:0.15cqw solid #505050}.dewater-pump-panel .dewater-led-level{position:static;width:1cqw;height:1cqw;border-radius:50%}.dewater-switch-container{position:absolute;width:20%;height:20%;left:50%;transform:translateX(-50%);top:40%;left:25%}#sa1-1{top:40%}#sa1-2{top:40%;left:75%}#sa1-3{top:40%;left:50%}#sa1-4{top:70%;left:50%}#sa2-1{top:40%}#sa2-2{top:40%;left:75%}#sa2-3{top:40%;left:50%}#sa2-4{top:70%;left:50%}#sa3-1{top:40%}#sa3-2{top:40%;left:75%}#sa3-3{top:40%;left:50%}#sa3-4{top:70%;left:50%}#sa4-1{top:40%}#sa4-2{top:40%;left:75%}#sa4-3{top:40%;left:50%}#sa4-4{top:70%;left:50%}.dewater-knob{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;cursor:pointer;transform:rotate(0deg);transition:transform 0.3s ease}.sa-label{position:absolute;font-size:1.0cqw;font-weight:700;color:#00A;pointer-events:none;transform-origin:center center;white-space:nowrap}.sa-top{top:-20%;left:50%;transform:translateX(-50%);font-size:0.5cqw}.sa-bottom{bottom:-20%;left:50%;transform:translateX(-50%);font-size:0.45cqw;color:#000}.sa-left{top:40%;left:-85%;font-size:0.5cqw;transform:translateY(-50%) rotate(-90deg)}.sa-right{top:40%;right:-100%;font-size:0.5cqw;transform:translateY(-50%) rotate(90deg)}.dewater-dual-buttons{position:absolute;bottom:5%;left:0;width:100%;display:flex;justify-content:space-around}.dewater-pump-panel .dewater-control-btn{width:1.5cqw;height:1.5cqw;font-size:0.6cqw;cursor:pointer;border-radius:50%;padding:0}.dewater-pump-panel.zoomed{width:100vw;height:auto;top:50%;transform:translate(-50%,-50%);z-index:5001;cursor:default}.dewater-pump-panel.zoomed .dewater-panel-title{font-size:2.2cqw}.dewater-pump-panel.zoomed .dewater-col-title{font-size:1.8cqw}.dewater-pump-panel.zoomed .dewater-light-unit{font-size:1.4cqw}.dewater-pump-panel.zoomed .dewater-led-level{width:2.5cqw;height:2.5cqw;border:0.25cqw solid #555}.dewater-pump-panel.zoomed .dewater-control-btn{width:3cqw;height:3cqw;font-size:1cqw}.dewater-pump-panel.zoomed .sa-label{font-size:1cqw}.dewater-pump-panel.zoomed [id$="-1"],.dewater-pump-panel.zoomed [id$="-2"],.dewater-pump-panel.zoomed [id$="-3"]{top:9.5cqw!important}.dewater-pump-panel.zoomed [id$="-4"]{top:17cqw!important}.dewater-pump-panel.zoomed .dewater-light-unit span{font-size:1.2cqw}@keyframes redFlash{0%{opacity:0}50%{opacity:.5}100%{opacity:0}}#dewater-alarm-overlay.alert-flash{animation:redFlash 1s infinite}.dewater-reset-button{position:absolute;top:38%;left:30.5%;width:13cqw;z-index:10;background:linear-gradient(90deg,#ffd1d1 0%,#ff8a8a 100%);color:#a50000;font-size:0.8cqw;font-weight:700;padding:0.6cqw 1.8cqw;border-radius:0.6cqw;border:0.15cqw solid #a50000;box-shadow:0 0.1cqw 0.4cqw #d1a1a1bb;cursor:pointer;transition:background 0.2s;white-space:nowrap}.dewater-reset-button:active{background:#ffc4c4}#dewater-alarm-overlay{position:absolute;inset:0;width:100%;height:100%;background-color:#f22;opacity:0;z-index:100;pointer-events:none}#dewater-trend-arrow{position:absolute;top:68%;left:39.5%;width:0;height:0;border-top:0.7cqw solid #fff0;border-bottom:0.7cqw solid #fff0;border-left:0.7cqw solid lime;opacity:0;transition:transform 0.4s ease,opacity 0.4s ease}.timer-display{position:absolute;background-color:#000;color:lime;font-family:'Courier New',Courier,monospace;font-size:1cqw;font-weight:700;display:flex;justify-content:center;align-items:center;border:0.1cqw solid #505050;box-sizing:border-box}#device-tooltip{display:none;position:fixed;z-index:9999;background-color:#FFFFE0;border:0.1cqw solid #000;color:#000;padding:0.5cqw 1cqw;border-radius:0.4cqw;font-size:1.2cqw;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;white-space:pre-wrap;pointer-events:none}.tooltip-hotspot{position:absolute;cursor:help;.interactive-layer,.status-lights-layer,.tooltip-layer{position:absolute;top:0;left:0;width:100%;height:100%}.interactive-layer,.status-lights-layer{z-index:3}.tooltip-layer{z-index:2}}#search-container{position:absolute;top:6.7%;left:.2%;width:12%;height:3.5%;display:flex;align-items:center;z-index:2000;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-weight:700}#search-input{width:100%;padding:0cqw 0 0.2cqw 1.2cqw;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:1cqw;font-weight:700;border:0.1cqw solid #555;border-radius:0.4cqw;background-color:#f0f0f0;box-sizing:border-box}.search-icon{position:absolute;top:50%;left:2%;transform:translateY(-50%);width:1cqw;height:1cqw;color:#666;pointer-events:none}#search-input:focus{outline:none;border-color:#0078D4;background-color:#fff}#search-results{display:none;position:absolute;width:200%;max-height:20cqh;top:100%;overflow-y:auto;background-color:#fff;border:0.1cqw solid #aaa;border-top:none;border-radius:0 0 0.4cqw 0.4cqw;box-shadow:0 0.4cqw 0.8cqw rgb(0 0 0 / .1)}#oil-search-results{display:none;position:absolute;width:150%;max-height:20cqh;top:100%;overflow-y:auto;background-color:#fff;border:0.1cqw solid #0078D4;border-top:none;border-radius:0 0 0.4cqw 0.4cqw;box-shadow:0 0.4cqw 0.8cqw rgb(0 0 0 / .2)}.search-result-item{padding:0.6cqw 0.7cqw;font-size:0.8cqw;color:#333;cursor:pointer;border-bottom:0.1cqw solid #eee}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f5f5f5}.highlight-flash{animation:highlight-animation 1s infinite}@keyframes highlight-animation{0%{box-shadow:0 0 0 0cqw #fff0}50%{box-shadow:0 0 0 0.4cqw rgb(255 0 0 / .7)}100%{box-shadow:0 0 0 0.4cqw #fff0}}#info-button{position:absolute;top:1%;left:93.5%;width:1.7cqw;height:1.7cqw;background-color:#0078D4;color:#fff;border-radius:50%;text-align:center;line-height:1.7cqw;font-family:'Times New Roman',serif;font-style:italic;font-weight:700;font-size:1cqw;cursor:pointer;border:0.2cqw solid #fff;z-index:2001;box-shadow:0 0.2cqw 0.5cqw rgb(0 0 0 / .5);transition:transform 0.2s,background-color 0.2s;user-select:none}#info-button:hover{background-color:#005a9e;transform:scale(1.1)}.info-modal{display:none;position:fixed;z-index:5005;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);backdrop-filter:blur(2px)}.info-modal-content{background-color:#fefefe;margin:5% auto;padding:1cqw;border:0.1cqw solid #888;width:50%;max-height:80cqh;overflow-y:auto;border-radius:0.5cqw;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#333;font-size:1cqw;box-shadow:0 0.2cqw 0.5cqw rgb(0 0 0 / .5);position:relative}.info-close{color:#aaa;float:right;font-size:1.5cqw;font-weight:700;cursor:pointer;line-height:1cqw}.info-close:hover{color:red}#project-info-text h3{border-bottom:0.1cqw solid #eee;padding-bottom:0.4cqw;margin-top:1cqw;color:#333;font-size:1.2cqw}#project-info-text ul{margin-top:0.5cqw;padding-left:1cqw}#project-info-text li{margin-bottom:0.2cqw}#oil-container{width:100%;height:100%;position:relative;overflow:hidden}#oil-png,#local-png{position:absolute;top:0;left:0;width:100%;height:auto;pointer-events:none;z-index:10;display:block}#oil-zoom-layer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;cursor:grab;transform-origin:0 0}#oil-zoom-layer:active{cursor:grabbing}#main-nav,.nav-button,.sub-nav,.sub-nav-button,.sub-nav-l2,.sub-nav-l2-button,#datetime-display{z-index:100}.tooltip{position:absolute;background-color:rgb(0 0 0 / .8);color:#fff;padding:0.3cqw 0.6cqw;border-radius:0.3cqw;font-size:1.2cqw;pointer-events:none;z-index:1000;white-space:nowrap}.hidden{display:none!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#fff;width:50cqw;max-width:90%;border-radius:0.5cqw;overflow:hidden;position:relative;box-shadow:0 0.2cqw 0.5cqw rgb(0 0 0 / .3)}.close-modal{position:absolute;right:0.8cqw;font-size:3cqw;cursor:pointer;font-weight:700;color:#333}.modal-body{display:flex;height:40cqh}.modal-left{width:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.modal-left img{max-width:100%;max-height:100%}.modal-right{width:50%;padding:1cqw;overflow-y:auto;font-size:1.5cqw;line-height:1.4}.status-Đóng,.status-Dừng{color:red;font-weight:700}.status-Mở,.status-Chạy{color:green;font-weight:700}@keyframes svg-flash-highlight{0%{opacity:1;stroke:none}50%{opacity:.3;stroke:red;stroke-width:5px;fill:red}100%{opacity:1;stroke:none}}.highlight-active{animation:svg-flash-highlight 0.5s infinite;transform-box:fill-box}#svg-wrapper{width:100%;height:100%;overflow:hidden;background-color:none;position:relative;cursor:grab}#svg-wrapper:active{cursor:grabbing}#svg-wrapper svg{display:block;transform-origin:0 0}.transition-smooth{transition:transform 0.8s cubic-bezier(.25,.46,.45,.94)!important}@keyframes svg-flash-highlight{0%{opacity:1}50%{opacity:.3;stroke:red;stroke-width:5px;fill:rgb(255 0 0 / .3)}100%{opacity:1}}.highlight-active{animation:svg-flash-highlight 0.8s infinite;vector-effect:non-scaling-stroke}.pipe-no-pressure path,.pipe-no-pressure line,.pipe-no-pressure polyline{stroke:#808080!important;stroke-width:2px;transition:stroke 0.5s ease;animation:none!important}.pipe-has-pressure path,.pipe-has-pressure line,.pipe-has-pressure polyline{animation:pipe-flash 1s infinite alternate!important;stroke-width:3px}.pipe-return path,.pipe-return line,.pipe-return polyline,.pipe-return{stroke:#1976D2!important;fill:none!important;opacity:1!important;stroke-width:3px;transition:all 0.5s ease;animation:none!important}@keyframes pipe-flash{from{stroke:#FF4500;stroke-opacity:1}to{stroke:#A8741A;stroke-opacity:1}}.pipe-air-pressure path,.pipe-air-pressure line,.pipe-air-pressure polyline{animation:air-flash 0.5s infinite alternate!important;stroke-width:3px;opacity:1!important}@keyframes air-flash{from{stroke:#007634;stroke-opacity:1}to{stroke:#00BF55;stroke-opacity:.7}}.pipe-water{stroke:#3795BB!important;stroke-width:3px;animation:blinkWater 0.5s infinite alternate}@keyframes blinkWater{from{stroke-opacity:1.5;stroke-width:3px}to{stroke-opacity:.5;stroke-width:2px}}#fullscreen-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .9);z-index:10000;display:flex;justify-content:center;align-items:center;overflow:hidden;opacity:0;pointer-events:none;transition:opacity 0.3s ease}#fullscreen-viewer.active{opacity:1;pointer-events:auto}#fs-image{max-width:90%;max-height:90%;cursor:grab;transition:transform 0.1s ease-out;user-select:none}#fs-image:active{cursor:grabbing}#fs-close-btn{position:absolute;top:2cqw;right:3cqw;font-size:5cqw;color:#fff;cursor:pointer;z-index:10001;font-weight:700}#fs-close-btn:hover{color:#f44}#modal-device-image{cursor:zoom-in;transition:transform 0.2s}#modal-device-image:hover{transform:scale(1.02)}#custom-input-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .7);z-index:20000;display:flex;justify-content:center;align-items:center}.input-box{background:#2d2d2d;padding:2cqw;border-radius:0.8cqw;box-shadow:0 0 1.5cqw rgb(0 0 0 / .5);border:0.1cqw solid #444;min-width:25cqw;text-align:center;color:#fff}.input-box h3{margin-top:0;margin-bottom:1.5cqw;color:#ddd;font-size:1.5cqw}.input-box input{width:100%;padding:1cqw;margin-bottom:2cqw;border-radius:0.4cqw;border:0.1cqw solid #555;background:#1a1a1a;color:#fff;font-size:1.2cqw;box-sizing:border-box}.input-box input:focus{outline:none;border-color:#007bff}.input-buttons{display:flex;justify-content:space-between;gap:1cqw}.input-buttons button{flex:1;padding:1cqw;border:none;border-radius:0.4cqw;cursor:pointer;font-weight:700;transition:background 0.2s;font-size:1cqw}.btn-gray{background:#555;color:#fff}.btn-gray:hover{background:#666}.btn-blue{background:#007bff;color:#fff}.btn-blue:hover{background:#0056b3}*{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M3 3 L3 25 L9 19 L13 28 L17 26 L13 17 L22 17 Z' fill='black' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 3,default!important}