.digital-scene{margin-top:14px;background:#101e2b;border:1px solid #2c495e;border-radius:12px;overflow:hidden}.digital-scene-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 18px 0;color:#d4e7f3;font-size:12px}.digital-scene-top small{font-size:7px;letter-spacing:1px;color:#a0b5c5;white-space:nowrap}.digital-panel svg{display:block;width:100%;height:auto}.digital-panel{background-image:linear-gradient(#79bad705 1px,transparent 1px),linear-gradient(90deg,#79bad705 1px,transparent 1px);background-size:24px 24px}.sys-title{font:10px var(--font-sans);fill:#d6eaf5}.sys-label{font:9px var(--font-sans);fill:#9ab9cc}.sys-headline{font:600 22px var(--font-sans);fill:#e6f3ff}.sys-wire{fill:none;stroke:#38627c;stroke-width:1.5;stroke-dasharray:4 5}.sys-packet{animation:sys-travel 4s linear infinite;offset-rotate:0deg}.sys-cursor{animation:sys-cursor 6s ease-in-out infinite}.sys-build{animation:sys-build 6s ease-in-out infinite;transform-origin:190px 264px}.sys-lead{animation:sys-lead 3s ease-in-out infinite}.sys-selection{animation:sys-select 5s ease-in-out infinite}.sys-gear{transform-box:fill-box;transform-origin:center;animation:sys-spin 9s linear infinite}.digital-scene-controls{padding:10px 16px;border-top:1px solid #2c495e;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#a8c8da}.digital-scene-controls i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7bd9bb;margin-right:5px}.digital-scene-controls button{min-height:44px;border:1px solid #426075;border-radius:6px;background:#172c3c;color:#d5e7f2;padding:8px 12px;font:inherit;cursor:pointer}.digital-scene-controls button:hover{background:#244456}.digital-scene-controls button:focus-visible{outline:2px solid #fcb03b;outline-offset:3px}.digital-scene[data-paused=true] *{animation-play-state:paused!important}@keyframes sys-travel{from{offset-distance:0%}to{offset-distance:100%}}@keyframes sys-cursor{0%,100%{transform:translate(385px,245px)}45%,65%{transform:translate(265px,218px)}}@keyframes sys-build{0%,100%{opacity:.35}45%,80%{opacity:1}}@keyframes sys-lead{0%,100%{opacity:.45}40%,70%{opacity:1}}@keyframes sys-select{0%,100%{transform:translateY(0)}50%{transform:translateY(-86px)}}@keyframes sys-spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.digital-scene:not([data-paused=false]) *{animation:none!important}.sys-cursor{transform:translate(265px,218px)}}@media(max-width:480px){.digital-scene-top{padding:14px 12px 0;display:block;font-size:11px}.digital-scene-top small{display:block;margin-top:7px}.digital-scene-controls{padding:8px 10px;font-size:9px}.digital-scene-controls>span{max-width:155px}.system-nodes{gap:4px}.system-node{font-size:10px;padding:10px 6px}.system-node>span:last-child{display:none}}

.digital-scene[data-offscreen=true] *{animation-play-state:paused!important}
.digital-panel rect[fill="#fcb03b"] + .sys-label{fill:#18232c}