/* Switching the app replica between Agent, Code and Browser */
.a-code, .a-browser { display: none; flex: 1; min-width: 0; border-radius: 14px; background: var(--a-bg); overflow: hidden; }
.app[data-mode='code'] .a-main, .app[data-mode='code'] .a-rail,
.app[data-mode='browser'] .a-main, .app[data-mode='browser'] .a-rail { display: none; }
.app[data-mode='code'] .a-code { display: flex; flex-direction: column; }
.app[data-mode='browser'] .a-browser { display: flex; }
.a-tabs span { transition: background 0.25s, color 0.25s; }
.pd { margin-left: auto; width: 7px; height: 7px; border-radius: 50%; background: var(--a-ok); animation: pulse 1.4s ease-in-out infinite; }