.readback-panel{margin-top:24px;padding:20px 0 0;border-top:1px solid #91b7c933;text-align:left}.readback-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.readback-heading h3{font-size:.9rem!important;margin:0!important;color:#c1f4e5}.readback-heading span{font-size:.62rem;color:#a2bac9;white-space:nowrap}.readback-panel p{font-size:.72rem;line-height:1.8;color:#a6bccb;margin:9px 0 13px}.readback-panel label{display:block;color:#a4c4ce;font-size:.67rem;margin-bottom:7px}.readback-panel textarea{width:100%;font:400 .72rem/1.8 var(--mono);color:#bce9d9;background:#091b28;padding:12px;resize:vertical;overflow-wrap:anywhere;min-height:90px}.readback-panel [hidden]{display:none!important}#readback-peer{margin:14px 0;padding:12px;border:1px solid #73c6ad33;border-radius:9px;background:#73c6ad0a}#readback-name{display:block;font-size:.9rem;color:#d5ffee}#readback-attacks{display:block;font-size:.66rem;color:#a2c6c0;line-height:1.7;margin-top:5px}.readback-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.readback-actions button{font-size:.7rem;min-height:40px;padding:8px 12px;color:#bfd9d7;border:1px solid #80adba55;border-radius:9px;background:#10252e}.readback-actions button:disabled{opacity:.4;cursor:not-allowed}.readback-actions #readback-play:not(:disabled){background:#89e7ca;color:#082f29;border-color:#adffe6}#readback-note{font-size:.64rem;color:#8aa5b6;margin-bottom:0}.readback-panel[data-state=decoded] .readback-heading h3{color:#a1ffdb}
.sim-readback-code{margin-top:18px;padding:12px 14px;background:#92c3b60a;border:1px solid #8cc6b433;border-radius:10px}.sim-readback-code strong{display:block;font-size:.68rem;color:#c2e9dc;margin-bottom:6px}.sim-readback-code code{display:block;color:#a3cfbf;font:400 .66rem/1.7 var(--mono);overflow-wrap:anywhere}