.event-loop-simulator { margin: 24px 0; padding: 18px; border: 1px solid #d9e4ee; border-radius: 8px; background: linear-gradient(135deg, #f4f9ff 0%, #fff8ed 100%); }
      .event-loop-stage { min-height: 86px; padding: 12px; border: 1px solid #cbd5e1; border-radius: 6px; background: #ffffff; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
      .event-loop-stage.is-active { border-color: #f09a0f; box-shadow: 0 0 0 3px rgba(240, 154, 15, 0.18); }
      .event-loop-stage-title { font-weight: 700; color: #25265e; }
      .event-loop-simulator .event-loop-output { min-height: 32px; }
      body.dark-theme .event-loop-simulator { border-color: #3a3a55; background: #1b1b32; }
      body.dark-theme .event-loop-stage { border-color: #50506e; background: #121225; }
      body.dark-theme .event-loop-stage-title { color: #ffffff; }
      @media (max-width: 767.98px) { .event-loop-simulator { padding: 12px; } }