/* Approved machine / tank artwork. No demo controls. */
#application .ym-state{padding:10px 10px 0;display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:11px;color:#a4c0d3}#application .ym-state strong{font-size:13px;color:#d5e8f4;font-weight:500}#application .is-running .ym-state strong{color:var(--ym-green)}#application .is-unknown .ym-state strong{color:var(--ym-amber)}#application .ym-visual{height:184px;position:relative;margin:0 3px;background:radial-gradient(ellipse at 50% 52%,#19475b,transparent 62%)}#application .ym-machine-label{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:10px;color:#82adc3}
#application .ym-fan{position:absolute;left:50%;top:20px;transform:translateX(-50%);width:86px;height:86px;z-index:2;border-radius:50%;background:radial-gradient(circle,#183a48 54%,#adc5cf 56%,#496775 62%,#b6cbd3 66%,#365462 70%);box-shadow:0 7px 12px #031523}#application .ym-fan:before,#application .ym-fan:after{content:"";position:absolute;bottom:-11px;width:9px;height:20px;background:linear-gradient(90deg,#456270,#a6c1cc,#355568);z-index:-1}#application .ym-fan:before{left:15px;transform:skewX(-18deg)}#application .ym-fan:after{right:15px;transform:skewX(18deg)}#application .ym-rotor{position:absolute;inset:13px;animation:ym-rotate var(--ym-period) linear infinite;animation-play-state:var(--motion);border-radius:50%}#application .ym-blade{position:absolute;width:30px;height:16px;left:50%;top:50%;transform-origin:0 0;border-radius:4px 90% 35% 70%;background:linear-gradient(145deg,#c0dce0,#6c9eae);box-shadow:inset 0 1px 2px #e0f6f8}#application .ym-blade:nth-child(1){transform:rotate(0deg) translateY(-4px)}#application .ym-blade:nth-child(2){transform:rotate(90deg) translateY(-4px)}#application .ym-blade:nth-child(3){transform:rotate(180deg) translateY(-4px)}#application .ym-blade:nth-child(4){transform:rotate(270deg) translateY(-4px)}#application .ym-hub{position:absolute;width:17px;height:17px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 25%,#effcff,#a5d2d8 55%,#34515f);box-shadow:0 0 0 2px #345b6c}
#application .ym-pump{position:absolute;left:50%;top:42px;width:120px;height:66px;transform:translateX(-50%);z-index:2}#application .ym-motor{position:absolute;left:4px;top:5px;width:68px;height:39px;border-radius:7px;background:linear-gradient(0deg,#416673,#b4c9c8 45%,#61868e);border-left:5px solid #83a6af;border-right:6px solid #678a93;box-shadow:0 7px 7px #031622}#application .ym-fins{position:absolute;inset:5px 5px;background:repeating-linear-gradient(90deg,transparent 0 5px,#3e6577 5px 7px);opacity:.65}#application .ym-junction{position:absolute;left:68px;top:16px;width:15px;height:14px;background:linear-gradient(0deg,#385864,#bad3db,#4c707a)}#application .ym-volute{position:absolute;left:77px;top:2px;width:42px;height:44px;border-radius:50% 50% 40% 50%;border:5px solid #6596a3;background:#17485d;box-shadow:inset 0 0 8px #0b2638,0 5px 6px #031622}#application .ym-volute .ym-rotor{inset:4px}#application .ym-volute .ym-blade{width:12px;height:7px;border-radius:2px 80% 40% 50%}#application .ym-volute .ym-hub{width:8px;height:8px;border:0}#application .ym-base{position:absolute;left:2px;top:51px;width:116px;height:7px;border-radius:2px;background:linear-gradient(0deg,#315668,#90b2bc);box-shadow:0 4px 4px #041a29}#application .ym-base:before,#application .ym-base:after{content:"";position:absolute;bottom:7px;height:9px;width:12px;background:#638995}#application .ym-base:before{left:18px}#application .ym-base:after{right:15px}
#application .ym-outlet{position:absolute;left:25%;right:20%;height:12px;top:131px;border:2px solid #36677e;background:linear-gradient(0deg,#073049,#1b6078 50%,#073049);border-radius:8px;overflow:hidden}#application .ym-outlet:after{content:"";position:absolute;inset:1px 0;background:repeating-linear-gradient(90deg,var(--flow) 0 11px,transparent 11px 23px);opacity:.85;animation:ym-flow 1.2s linear infinite;animation-play-state:var(--motion)}#application .ym-outlet:before{content:"";position:absolute;right:5px;top:0;width:7px;height:7px;border-right:2px solid #c1f4f5;border-top:2px solid #c1f4f5;transform:rotate(45deg);z-index:1}#application .ym-neck{position:absolute;left:50%;top:102px;height:35px;width:11px;border-radius:0 0 7px 7px;background:linear-gradient(90deg,#14445c,#2b8196,#15435b);border:1px solid #447a8c}#application .ym-neck:after{content:"";position:absolute;inset:0 2px;background:repeating-linear-gradient(0deg,var(--flow) 0 7px,transparent 7px 17px);animation:ym-flow-down 1.2s linear infinite;animation-play-state:var(--motion)}#application .ym-pump-neck{left:calc(50% + 39px);top:82px;height:55px}#application .ym-pump-pipe{left:30%;right:8%}#application .ym-pump-pipe:after{animation-direction:reverse}#application .ym-pump-pipe:before{right:auto;left:4px;transform:rotate(225deg)}
#application .ym-facts{padding:0 11px 12px;display:grid;gap:7px}#application .ym-fact{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#a2bfd2}#application .ym-fact b{font-weight:500;color:#d1e7f4}#application .ym-do{padding:9px 10px;display:flex;align-items:center;justify-content:space-between;background:#0b2236;border-top:1px solid #20465e;font-size:11px;color:#98b8cd}#application .ym-switch{display:inline-flex;align-items:center;gap:5px;color:#9fb8c8;background:#213c50;padding:3px 7px;border-radius:13px;font-weight:600}#application .ym-switch:after{content:"";width:9px;height:9px;border-radius:50%;background:#a5bac9}#application .ym-switch.on{color:#7beac6;background:#1b4a4d}#application .ym-switch.on:after{background:#53e1b8}#application .ym-demo-control{border-top:1px solid #224e65;padding:10px;background:#102d42;display:grid;gap:5px;font-size:10px;color:#90b4c9}#application .ym-demo-control select{width:100%;min-width:0;font-size:11px;padding:5px;background:#0c253a}#application .ym-bottom{padding:11px 16px;font-size:10px;color:#99b6c9;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}#application .ym-mode{margin:0 15px 15px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.6fr;border:1px solid #23526a;border-radius:5px;background:#0c2b42;padding:12px;gap:12px}#application .ym-mode>div{min-width:0}#application .ym-mode span{display:block;font-size:11px;color:#96b6ca}#application .ym-mode strong{font-weight:500;font-size:13px}#application .ym-mode small{font-size:10px;margin-left:5px}#application .ym-status{padding:10px 16px;border-top:1px solid #24526b;background:#0c2136;color:#a7c5d8;font-size:11px}
#application .ym-process-frame{margin:0 15px;background:radial-gradient(ellipse at center,#103b52,#0b263d 65%);border:1px solid #28566c;border-radius:5px;padding:18px 16px 10px}#application .ym-process-label{display:flex;justify-content:space-between;align-items:center;color:#99c5db;font-size:11px;margin-bottom:23px}#application .ym-process-label b{font-size:12px;color:#bfeafb;font-weight:500}#application .ym-plant{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}#application .ym-stage{position:relative;text-align:center;min-width:0}#application .ym-stage-heading{font-size:13px;margin-bottom:17px;font-weight:500;color:#e7f7ff}#application .ym-stage-heading small{margin-right:4px;color:#64cce5;font-size:10px}#application .ym-tank{position:relative;height:158px;background:linear-gradient(100deg,#153448,#092436 55%,#244f60);border:2px solid #89aebe;border-top:0;border-radius:0 0 12px 12px;box-shadow:5px 8px 7px #061b2a;margin:0 3px;isolation:isolate}#application .ym-tank-top{position:absolute;left:-2px;right:-2px;top:-10px;height:21px;border-radius:50%;background:radial-gradient(ellipse,#0a273c 0 64%,#7292a2 68%,#b6cdd5 77%,#638194 85%);z-index:4}#application .ym-tank-water{position:absolute;left:0;right:0;bottom:0;height:56%;background:linear-gradient(90deg,#176b8b,#0d4f71 60%,#197394);border-radius:0 0 10px 10px;opacity:.85}#application .ym-tank-water:before{content:"";position:absolute;top:-6px;left:0;right:0;height:12px;border-radius:50%;background:#3594aa;box-shadow:inset 0 2px 5px #77b6c1}#application .ym-grid{position:absolute;inset:10px 15% 7px;z-index:3;background:repeating-linear-gradient(90deg,transparent 0 10px,#94b8c5 10px 12px),repeating-linear-gradient(0deg,transparent 0 27px,#80a6b9 27px 29px)}#application .ym-stirrer{position:absolute;left:50%;top:12px;bottom:17px;width:3px;background:linear-gradient(90deg,#6a8da1,#b0c7d2);z-index:3}#application .ym-stirrer:after{content:"";position:absolute;left:-15px;bottom:8px;width:33px;height:5px;background:#8fb3c3;border-radius:50%}#application .ym-bubble-area{position:absolute;inset:74px 12px 10px;z-index:3;overflow:hidden}#application .ym-bubble{position:absolute;width:7px;height:7px;border:1px solid #92ebef;border-radius:50%;bottom:0;opacity:.8;animation:ym-bubbles 3s linear infinite;animation-play-state:paused}#application .ym-sediment{position:absolute;bottom:6px;left:16%;right:16%;height:39px;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#8b8764,#5b685a);z-index:3}#application .ym-link{position:absolute;right:-22px;width:24px;top:107px;height:10px;border-radius:3px;background:#1a5270;border-top:1px solid #5995a9;border-bottom:1px solid #2d738b;z-index:5;overflow:hidden}#application .ym-link:after{content:"";position:absolute;inset:2px 0;background:repeating-linear-gradient(90deg,#55d1e5 0 8px,transparent 8px 15px);animation:ym-main-flow 1.2s linear infinite;animation-play-state:paused}#application .ym-link:before{content:"›";position:absolute;font-size:18px;line-height:12px;top:-2px;right:3px;color:#b4eef6;z-index:2}#application .ym-stage-number{font-size:10px;color:#8cb0c6;margin-top:14px}#application .ym-return-area{margin-top:25px;padding-bottom:8px;display:grid;gap:15px}#application .ym-return{display:flex;align-items:center;gap:8px;font-size:11px;color:#a5dbe7;margin-left:34%;min-width:0}#application .ym-return>span{white-space:nowrap}#application .ym-return>div{position:relative;flex:1;min-width:60px;text-align:center;border-bottom:5px solid #194d65;border-radius:3px;padding:0 3px 8px}#application .ym-return strong{font-weight:500;font-size:11px}#application .ym-nitrate{margin-left:51%;margin-right:17%;color:#e5c06d}#application .ym-nitrate>div{border-color:#6c6546}#application .ym-return-flow{position:absolute;height:3px;left:0;right:0;bottom:-4px;background:repeating-linear-gradient(90deg,#4ac1d9 0 12px,transparent 12px 25px);animation:ym-return-flow 1.4s linear infinite;animation-play-state:paused}#application .ym-nitrate .ym-return-flow{background:repeating-linear-gradient(90deg,#e4c675 0 12px,transparent 12px 25px)}#application .ym-sludge-out{text-align:right;font-size:11px;color:#adc6d8}#application .ym-process-foot{padding:10px 0;border-top:1px solid #275468;color:#8eafc3;font-size:10px}#application.is-flowing .ym-link:after,#application.is-flowing .ym-return-flow,#application.is-flowing .ym-bubble{animation-play-state:running}#application .ym-process-tools{margin:12px 15px 15px;padding:12px;background:#0c283f;border:1px solid #234e64;border-radius:4px}#application .ym-process-tools>strong{font-size:12px}#application #ym-mini-machines{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}#application #ym-mini-machines button{font-size:11px;padding:6px 9px}#application .ym-process-tools p{font-size:10px;color:#91b1c5;margin-top:10px}
#application.is-paused .ym-rotor,#application.is-paused .ym-outlet:after,#application.is-paused .ym-neck:after,#application.is-paused .ym-link:after,#application.is-paused .ym-return-flow,#application.is-paused .ym-bubble{animation-play-state:paused!important}
@keyframes ym-rotate{to{transform:rotate(360deg)}}@keyframes ym-flow{to{background-position:23px 0}}@keyframes ym-flow-down{to{background-position:0 17px}}@keyframes ym-main-flow{to{background-position:15px 0}}@keyframes ym-return-flow{to{background-position:-25px 0}}@keyframes ym-bubbles{0%{transform:translateY(8px);opacity:.2}30%{opacity:.7}100%{transform:translateY(-90px);opacity:0}}
#application .ym-process-frame{position:relative}#application .ym-return-diagram{position:absolute;inset:0;pointer-events:none;z-index:5;display:block}#application .ym-return-diagram path{fill:none;stroke-linecap:round;stroke-linejoin:round}#application .ym-return-diagram .ym-pipe-track{stroke:#315a6d;stroke-width:7}#application .ym-return-diagram .ym-pipe-travel{stroke-width:3;stroke-dasharray:8 12;animation:ym-svg-flow 1.6s linear infinite;animation-play-state:paused}#application.is-flowing .ym-return-diagram .ym-pipe-travel{animation-play-state:running}#application.is-paused .ym-return-diagram .ym-pipe-travel{animation-play-state:paused!important}#application .ym-return-diagram text{font:11px "Microsoft YaHei",sans-serif}#application .ym-process-frame.connected .ym-return{visibility:hidden}#application .ym-process-frame.connected .ym-return-area{height:120px;margin-top:10px}#application .ym-process-frame.connected .ym-sludge-out{position:absolute;right:17px;bottom:56px}
@keyframes ym-svg-flow{to{stroke-dashoffset:-20}}

#application .ym-visual{--ym-period:1.45s;--flow:#527388;--motion:paused;height:168px;margin:0}
#application .ym-visual.is-running{--flow:#39cee7;--motion:running}
#application .ym-machine-label{font-size:11px}
#application .ym-process-frame{margin:14px;container-type:inline-size}
#application .ym-process-foot,#application .ym-stage-number{font-size:11px}
@container(max-width:580px){#application .ym-plant{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}#application .ym-stage:nth-child(3) .ym-link{display:none}#application .ym-return,#application .ym-nitrate{margin:0;font-size:12px}#application .ym-process-label span{display:none}}
@container(max-width:350px){#application .ym-plant{grid-template-columns:repeat(2,minmax(0,1fr))}#application .ym-stage .ym-link{display:none}}
@media(prefers-reduced-motion:reduce){#application .ym-rotor,#application .ym-outlet:after,#application .ym-neck:after{animation-play-state:paused!important}}

#application .ym-bubble-0{left:0%;bottom:12px}#application .ym-bubble-1{left:15%;bottom:30px}#application .ym-bubble-2{left:30%;bottom:48px}#application .ym-bubble-3{left:45%;bottom:12px}#application .ym-bubble-4{left:60%;bottom:30px}#application .ym-bubble-5{left:75%;bottom:48px}