.ib-editor { max-width: 900px; margin: 0 auto; padding: 24px; animation: ibEntrada .18s ease-out; }
.ib-explicacion { padding: 18px 20px; margin-bottom: 24px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-elev); color: var(--text); }
.ib-explicacion strong { display: block; margin-bottom: 8px; }
.ib-explicacion p { margin: 8px 0 0; line-height: 1.5; }
.ib-explicacion code { font-size: .95em; }
.ib-cabeceras { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.ib-cabeceras label { font-weight: 700; }
.ib-contador { color: var(--muted, #94a5ae); font-size: .85rem; white-space: nowrap; }
.ib-contador.ib-cerca { color: var(--warning, #e9a648); }
.ib-texto { display: block; width: 100%; min-height: 320px; resize: none; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; line-height: 1.55; }
.ib-pie { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; }
.ib-ayuda { color: var(--muted, #94a5ae); line-height: 1.4; }
.ib-estado { padding: 24px; }
@keyframes ibEntrada { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 640px) { .ib-editor { padding: 16px; } .ib-pie { align-items: stretch; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .ib-editor { animation: none; } }