.desarrollo .logo::after { content: " · dev"; color: var(--faint); font-weight: 400; }

.dev-panel { margin-top: var(--s6); padding-top: var(--s4); border-top: 1px dashed var(--line); }
.dev-titulo { margin: 0 0 var(--s3); font-size: var(--fs-xs); font-weight: 650; letter-spacing: 0.08em; text-transform: uppercase; color: var(--faint); }

.dev-modos { display: flex; flex-wrap: wrap; gap: var(--s2); margin-bottom: var(--s3); }
.dev-modos a {
  padding: var(--s1) var(--s3);
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: var(--fs-xs);
  color: var(--muted);
  text-decoration: none;
}
.dev-modos a.on { background: var(--ink); border-color: var(--ink); color: var(--on-ink); }

.dev-acciones { display: flex; flex-wrap: wrap; gap: var(--s2); }

.log { margin-top: var(--s4); border-top: 1px solid var(--line); }
.log summary { min-height: 48px; display: flex; align-items: center; list-style: none; cursor: pointer; font-size: var(--fs-xs); color: var(--faint); }
.log summary::-webkit-details-marker { display: none; }
.log pre {
  max-height: 280px;
  margin: 0 0 var(--s3);
  overflow: auto;
  font: 11px/1.5 ui-monospace, Menlo, Consolas, monospace;
  color: var(--muted);
  white-space: pre-wrap;
  word-break: break-word;
  -webkit-user-select: text;
  user-select: text;
}