.service-visual.server-service-visual{width:100%;border-radius:16px;background:linear-gradient(145deg,#09263d,#061b2e);border-color:#2b495f;box-shadow:0 18px 45px #0002}
.sv-heading{padding:23px 24px 2px}.sv-heading span{display:block;color:#58c4e8;font-size:10px;letter-spacing:1.3px;font-weight:700;margin-bottom:9px}.sv-heading strong{display:block;color:#edf6fc;font-size:16px;line-height:1.5;font-weight:600}
.server-service-visual>svg{stroke:none;fill:none;font-family:Arial,sans-serif;max-height:none}
.sv-label{fill:#e2eff7;font-size:16px;font-weight:600}.sv-small{fill:#98b7ca;font-size:12px;letter-spacing:.3px}
.sv-card{fill:#102f45;stroke:#34586d;stroke-width:1}
.sv-wire,.sv-flow{fill:none;stroke:#39bce5;stroke-linejoin:round;stroke-linecap:round}.sv-wire{stroke-width:1.5;opacity:.25}.sv-flow{stroke-width:2.5;stroke-dasharray:8 90;animation:sv-flow 5s linear infinite}
.sv-led{fill:#51c6bc}.sv-core{fill:#2b8eac;animation:sv-core 3s ease-in-out infinite}
.sv-footer{border-top:1px solid #29465c;padding:14px 22px;display:flex;gap:14px;align-items:center;justify-content:space-between}.sv-footer p{margin:0;color:#9bb8cb;font-size:11px;line-height:1.6}.sv-pause{background:#14354b;border:1px solid #416075;border-radius:6px;color:#d7eaf5;font:600 11px Arial,sans-serif;padding:9px 12px;cursor:pointer}.sv-pause:focus-visible{outline:2px solid #60c8eb;outline-offset:3px}
.server-service-visual.is-paused *{animation-play-state:paused}
@keyframes sv-flow{to{stroke-dashoffset:-196}}@keyframes sv-core{0%,100%{fill:#19475d}50%{fill:#51bbd5}}
@media(prefers-reduced-motion:reduce){.server-service-visual *{animation:none!important}}
@media(max-width:700px){.sv-heading{padding:19px 16px 0}.sv-heading strong{font-size:14px}.sv-footer{padding:12px 16px}.sv-label{font-size:18px}.sv-small{font-size:14px}}