.hero-art.station-demo{--signal:#e3bc59;background:linear-gradient(145deg,#27382a,#101b15);padding:23px 24px;color:#d6dfce;display:flex;flex-direction:column;gap:17px;min-width:0;align-self:start;min-height:0;border:1px solid #5c6b50;box-shadow:inset 0 0 0 6px #ffffff03,0 12px 35px #17231a12}.station-demo>*{position:relative}.station-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font:10px 'Courier New',monospace;letter-spacing:1px}.station-led{display:inline-block;width:7px;height:7px;background:var(--signal);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--signal)}.station-badge{border:1px solid #728361;padding:6px;color:#e3bc59;font-size:8px;white-space:nowrap}.station-readout{display:flex;justify-content:space-between;gap:12px;align-items:center}.station-label{font:9px 'Courier New',monospace;letter-spacing:1.4px;color:#acbba0}.station-number{display:flex;align-items:baseline;gap:10px;font:bold clamp(40px,4vw,64px) 'Courier New',monospace;color:var(--signal);letter-spacing:-3px;font-variant-numeric:tabular-nums}.station-number small{font:11px 'Courier New',monospace;letter-spacing:1px}.station-target{text-align:right;display:grid;gap:7px;font:10px 'Courier New',monospace}.station-target strong{font-size:16px;color:#f0f1df}.station-target>span:last-child{color:#aabd99}.hero-art.station-demo svg{position:static;inset:auto;width:100%;height:auto;display:block}.station-machine{border:1px solid #526449;background:#101a1460;padding:8px;overflow:hidden}.station-machine svg{max-height:250px}.station-event{position:absolute;inset:auto 10px 10px;text-align:center;background:#4a201c;color:#ffc3ad;border:1px solid #c16c56;padding:7px;font:bold 10px 'Courier New',monospace;letter-spacing:1px;display:none}.station-status{border-left:3px solid var(--signal);padding:10px 12px;background:#ffffff06;min-height:69px;display:grid;gap:5px}.station-status strong{font-size:14px;color:var(--signal)}.station-status>span{font-size:12px;line-height:1.5;color:#c1cdb4}.station-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.station-settings label{font:10px 'Courier New',monospace;margin-bottom:7px;color:#c6d1b9}.station-settings select{background:#17261c;border:1px solid #65785a;color:#edf0df;font-size:12px;padding:9px;min-height:40px}.station-settings select:disabled{opacity:.6}.station-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;align-items:stretch}.station-controls button{display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(#3d4c37,#253221);border:1px solid #758269;border-bottom-width:3px;color:#edf0df;border-radius:3px;min-height:49px;font-size:13px;padding:8px 4px}.station-controls button:hover:not(:disabled){filter:brightness(1.2)}.station-controls button:active:not(:disabled){transform:translateY(1px);border-bottom-width:1px}.station-controls .station-start{background:linear-gradient(#619349,#31582d);border-color:#91b77b}.station-controls button:disabled{opacity:.35;cursor:default}.station-controls .station-estop{background:#e4b84f;border-color:#ad832e;color:#251b12;font-size:11px}.station-mushroom{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;background:radial-gradient(circle at 35% 25%,#ed7162,#9b201d);color:white;border:2px solid #74211b;border-radius:50%;box-shadow:0 2px 0 #76291e;font-weight:bold}.station-trace{padding:10px;border:1px solid #4c5d43}.station-trace>div{display:flex;justify-content:space-between;gap:10px;font:8px 'Courier New',monospace;letter-spacing:1px;color:#b3c0a6;margin-bottom:6px}.station-trace svg{max-height:65px}.station-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px 'Courier New',monospace;line-height:1.5;color:#a5b39b}.station-bottom button{flex-shrink:0;background:transparent;border:1px solid #718060;color:#dce4cd;padding:9px 10px;font:10px 'Courier New',monospace;min-height:40px}.station-demo[data-tone="good"]{--signal:#a5da7c}.station-demo[data-tone="bad"]{--signal:#f39679}.station-demo[data-tone="neutral"]{--signal:#e3bc59}.station-demo.is-running #station-motor{transform-box:fill-box;transform-origin:center;animation:station-spin var(--pump-speed,1.1s) linear infinite}.station-demo.is-running #station-hose-intact{filter:drop-shadow(0 0 4px #b9d78b50)}.station-demo.is-failed .station-event{display:block}.station-noscript{font-size:13px!important;color:#e3bc59!important}@keyframes station-spin{to{transform:rotate(360deg)}}@keyframes station-release{0%{opacity:0;transform:translateY(4px)}30%{opacity:1}100%{opacity:.35;transform:translateY(-2px)}}@keyframes station-impact{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}60%{transform:translateX(3px)}}@media(max-width:900px) and (min-width:651px){.hero-art.station-demo{padding:18px 14px}.station-head{font-size:8px}.station-number{font-size:42px}.station-target strong{font-size:13px}.station-controls button{font-size:11px;gap:4px}}@media(max-width:650px){.hero-art.station-demo{margin-top:0;padding:21px 16px;gap:16px}.station-number{font-size:56px}.station-head{font-size:9px}.station-machine svg{max-height:none}.station-bottom{font-size:8px}.station-controls button{min-height:52px}}@media(prefers-reduced-motion:reduce){.station-demo *, .station-demo.is-running #station-motor,.station-demo.is-failed .station-machine,}

.station-controls button{flex-direction:column;gap:5px;font-size:12px;min-height:59px}.station-controls .station-release{background:linear-gradient(#486473,#263f4b);border-color:#7a9bab}.station-bottom button:disabled{opacity:.4;cursor:default}@media(max-width:370px){.station-controls button{font-size:10px}.station-controls{gap:4px}}

.station-valve{border:1px solid #596b4c;padding:12px;background:#142219}.station-valve-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.station-valve-head label{font:11px 'Courier New',monospace;color:#d5dfc6;margin:0}.station-valve-head output{font:bold 11px 'Courier New',monospace;color:#e3bc59;white-space:nowrap}.station-valve input[type=range]{width:100%;height:32px;margin:0;padding:0;background:transparent;border:0;accent-color:#e3bc59;cursor:pointer;touch-action:pan-y}.station-valve input:disabled{opacity:.45;cursor:default}.station-valve-scale{display:flex;justify-content:space-between;font:8px 'Courier New',monospace;color:#afbd9d;letter-spacing:.5px;margin:3px 0 9px}.station-valve>span{display:block;font-size:10px;line-height:1.5;color:#b9c6ae}.station-demo.is-running #station-valve-wheel{transition:transform .15s ease-out}
