html,body,#root{height:100%;margin:0}body{font-family:system-ui,Segoe UI,Roboto,sans-serif}.app-root{height:100dvh}.hscroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.device-panel{box-sizing:border-box;background:#10b9810d;border-left:1px solid #e5e7eb;flex-shrink:0;width:480px;padding:16px;overflow-y:auto}@media (width<=768px){.device-panel{z-index:50;background:#f2fbf7;border-top:1px solid #e5e7eb;border-left:none;border-radius:14px 14px 0 0;width:auto;max-height:85dvh;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000047}}.react-flow__node-device.selected{z-index:20!important;box-shadow:0 0 0 3px #2563eb,0 0 0 7px #2563eb47,0 8px 20px #0006!important}@keyframes pingamelo-device-flash{0%,to{box-shadow:0 0 0 3px #f59e0b,0 0 22px 6px #f59e0b99}50%{box-shadow:0 0 0 3px #f59e0b,0 0 8px 2px #f59e0b33}}.react-flow__node-device.device-flash{z-index:15;animation:1.1s ease-in-out infinite pingamelo-device-flash}@keyframes pingamelo-shape-handle-pulse{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 5px #6366f1e6}50%{box-shadow:0 0 0 2px #fff,0 0 0 10px #6366f100}}.pg-shape-handle-pulse{animation:1.3s ease-in-out infinite pingamelo-shape-handle-pulse}@keyframes pingamelo-minimap-down-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.react-flow__minimap-node.pg-minimap-down{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-in-out infinite pingamelo-minimap-down-pulse}@keyframes pingamelo-wave-scroll{0%{transform:translate(0)}to{transform:translateX(var(--pingamelo-wave-shift))}}