.simulation-mode .canvas-component{position:relative}.simulation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:.2s;border-radius:inherit;z-index:5}.led-glow{pointer-events:none}.led-glow[data-state=off]{background:0 0;box-shadow:none;opacity:0}.led-glow[data-state=on]{opacity:1;transition:opacity .15s}.led-glow.red[data-state=on]{background:radial-gradient(circle at center,rgba(255,0,0,.7) 0,rgba(255,0,0,.4) 30%,transparent 70%);box-shadow:0 0 10px rgba(255,0,0,.9),0 0 20px rgba(255,0,0,.7),0 0 30px rgba(255,0,0,.5),inset 0 0 10px rgba(255,100,100,.5)}.led-glow.green[data-state=on]{background:radial-gradient(circle at center,rgba(0,255,0,.7) 0,rgba(0,255,0,.4) 30%,transparent 70%);box-shadow:0 0 10px rgba(0,255,0,.9),0 0 20px rgba(0,255,0,.7),0 0 30px rgba(0,255,0,.5)}.led-glow.blue[data-state=on]{background:radial-gradient(circle at center,rgba(0,100,255,.7) 0,rgba(0,100,255,.4) 30%,transparent 70%);box-shadow:0 0 10px rgba(0,100,255,.9),0 0 20px rgba(0,100,255,.7),0 0 30px rgba(0,100,255,.5)}.led-glow.yellow[data-state=on]{background:radial-gradient(circle at center,rgba(255,255,0,.7) 0,rgba(255,255,0,.4) 30%,transparent 70%);box-shadow:0 0 10px rgba(255,255,0,.9),0 0 20px rgba(255,255,0,.7),0 0 30px rgba(255,255,0,.5)}.led-glow.white[data-state=on]{background:radial-gradient(circle at center,rgba(255,255,255,.8) 0,rgba(255,255,255,.5) 30%,transparent 70%);box-shadow:0 0 10px #fff,0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.6)}.button-overlay{pointer-events:auto;cursor:pointer}.button-overlay[data-state=released]{background:0 0;transform:scale(1)}.button-overlay[data-state=pressed]{background:rgba(0,0,0,.3);transform:scale(.95)}.simulation-controls{display:flex;align-items:center;gap:10px;padding:10px;background:#f5f5f5;border-bottom:1px solid #ddd;border-radius:5px 5px 0 0}.simulation-controls .btn{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:13px;border:none;border-radius:4px;cursor:pointer;transition:.2s}.simulation-controls .btn:disabled{opacity:.5;cursor:not-allowed}.simulation-controls .btn-success{background:#10b981;color:#fff}.simulation-controls .btn-success:hover:not(:disabled){background:#059669}.simulation-controls .btn-warning{background:#f59e0b;color:#fff}.simulation-controls .btn-warning:hover:not(:disabled){background:#d97706}.simulation-controls .btn-secondary{background:#6b7280;color:#fff}.simulation-controls .btn-secondary:hover:not(:disabled){background:#4b5563}.simulation-status{margin-left:auto;display:flex;gap:15px;font-size:12px;color:#666}.simulation-status span{display:flex;align-items:center;gap:5px}.simulation-running-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10b981;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.simulation-mode-banner{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:8px 15px;text-align:center;font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}.simulation-mode-banner i{font-size:16px}