.operating-drawing{color:#dcece5;width:min(100%,1100px);margin:28px auto 18px;position:relative}.op-field{width:100%;height:clamp(430px,52vw,590px);position:relative}.op-routes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.op-route{fill:none;stroke:#dcebe3;stroke-opacity:.48;stroke-width:1px}.op-flow{fill:none;stroke:#83ccb5;stroke-width:2px;stroke-dasharray:.08 .92;stroke-linecap:butt}.op-registration{fill:none;stroke:#8db5a2;stroke-opacity:.3;stroke-width:1px}.op-quiet{opacity:.3;transition:opacity .3s}.op-core,.op-node{color:inherit;text-align:center;z-index:2;background:0 0;border:0;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:absolute}.op-node{gap:11px;width:150px;min-height:94px;padding:4px 0;translate:-50% -18px}.op-node svg{color:#b9d9ca;transition:filter .3s,color .3s}.op-node strong{font-size:14px;font-weight:400;line-height:1.4}.op-node>span,.op-core>span{color:#bfd5ca;align-items:center;gap:4px;font-family:monospace;font-size:11px;display:flex}.op-node:hover svg,.op-node:focus-visible svg,.op-active svg{color:#aff2d5;filter:drop-shadow(0 0 9px #79d1ac80)}.op-node:hover strong,.op-active strong{color:#c1f0dc}.op-core{justify-content:center;gap:12px;width:165px;height:146px;top:49%;left:50%;translate:-50% -50%}.op-core>svg:first-child{fill:none;stroke:#82b7a1;stroke-width:.8px;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.op-core strong{letter-spacing:.6px;max-width:140px;font-size:14px;font-weight:400}.op-core-sweep{stroke:#b9f5db;stroke-width:1.4px;stroke-dasharray:.2 .8;animation:7s linear infinite op-sweep}.op-caption{text-align:center;color:#c4d5ce;max-width:620px;min-height:52px;margin:10px auto 0;font-size:13px;line-height:1.8}.op-overview{color:#a8cdbb;align-items:center;gap:8px;width:max-content;min-height:44px;margin:14px auto 0;font-size:12px;text-decoration:none;display:flex}.op-overview:hover{color:#fff}.op-node:focus-visible,.op-core:focus-visible,.op-overview:focus-visible{outline-offset:5px;outline:2px solid #8dd5b8}.operating-drawing[data-moving=false] .op-core-sweep{animation-play-state:paused}@keyframes op-sweep{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (max-width:600px){.operating-drawing{width:100%;margin-top:25px}.op-field{height:465px}.op-node{width:126px}.op-node strong{font-size:12px}.op-node>span{font-size:11px}.op-node svg{width:24px;height:24px}.op-core{width:140px;height:128px}.op-core strong{font-size:12px}.op-core>span{font-size:11px}.op-caption{max-width:330px;min-height:66px;font-size:12px}.op-overview{font-size:11px}.op-routes{overflow:hidden}}@media (max-width:380px){.op-node{width:112px}.op-node strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.operating-drawing *{transition:none!important;animation:none!important}}