.codex-panel{margin:13px -3px 1px;border:1px solid #e2ddef;border-radius:11px;background:linear-gradient(145deg,#fbfaff,#f5f2fc);overflow:hidden}.codex-panel.working{border-color:#c7bafa;box-shadow:0 7px 22px #6d52dc12}.codex-panel.completed{background:linear-gradient(145deg,#fbfffd,#f1faf6);border-color:#cce7dc}.codex-panel.failed{background:linear-gradient(145deg,#fffafa,#fdf3f3);border-color:#efd1d3}.codex-head{display:flex;align-items:center;gap:9px;padding:11px}.codex-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,#8064ed,#5b3dca);color:#fff;box-shadow:0 4px 10px #6748db40}.codex-head>div{display:flex;flex-direction:column;min-width:0}.codex-head strong{font:700 11px Manrope}.codex-head small{color:#898393;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;margin-top:1px}.codex-head .agent-state{margin-left:auto;border-radius:12px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#ebe6ff;color:#684bcf}.codex-head .agent-state.completed{background:#dff3e9;color:#247b5c}.codex-head .agent-state.failed{background:#fae1e2;color:#b44049}.codex-head .agent-state>i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7556e2;margin-right:4px;animation:agentPulse 1.1s infinite}.agent-progress{height:2px;background:#e5e0f2;overflow:hidden}.agent-progress i{display:block;width:40%;height:100%;background:linear-gradient(90deg,#7357ea,#ae9afa);animation:agentSlide 1.5s ease-in-out infinite}.agent-timeline{list-style:none;margin:0;padding:10px 12px 5px;border-top:1px solid #ebe7f3}.agent-timeline li{display:grid;grid-template-columns:8px 1fr;gap:7px;color:#9993a2;font-size:8px;line-height:1.4;padding-bottom:6px}.agent-timeline li i{width:5px;height:5px;border-radius:50%;background:#ccc5d9;margin-top:3px}.agent-timeline li.latest{color:#5f576d;font-weight:600}.agent-timeline li.latest i{background:#7659df;box-shadow:0 0 0 3px #7459df18}.agent-output{border-top:1px solid #e2e9e5}.agent-output summary{padding:9px 12px;color:#4d7162;font-size:9px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer;list-style:none}.agent-output summary::-webkit-details-marker{display:none}.agent-output>div{padding:11px 12px;background:#24222a;color:#ddd9e5;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;font:9px/1.6 'DM Mono',monospace}.codex-foot{min-height:27px;padding:5px 11px 7px;display:flex;align-items:center;color:#aaa4b2;font-size:8px}.retry-codex{margin-left:auto;border:0;background:none;color:#694bd0;font-size:9px;font-weight:700;padding:3px}.retry-codex:hover{text-decoration:underline}@keyframes agentSlide{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}@keyframes agentPulse{50%{opacity:.2;transform:scale(.7)}}