/* Funciones dentro del editor; conserva los tokens y controles de Útiles. */
.cdf { min-width: 0; margin-top: 1.5rem; padding: 1rem; border: 1px solid var(--stroke, #333); border-radius: 14px; }
.cdf legend { padding: 0 .5rem; font-weight: 650; }
.cdf-choices,.cdf-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin: 1rem 0; }
.cdf select { max-width: 100%; }
.cdf-frame { position: relative; width: fit-content; max-width: 100%; margin: 1rem auto; }
.cdf-frame img { display: block; width: auto; height: auto; max-width: 100%; max-height: 420px; border: 1px solid #444; }
.cdf-safe { position: absolute; border: 1px dashed #aff33e; pointer-events: none; }
.cdf [hidden] { display: none !important; }
.cdf-results { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.cdf-results p { flex-basis: 100%; }
@media(max-width:600px) { .cdf-choices,.cdf-fields { grid-template-columns: minmax(0,1fr); } .cdf { padding: .75rem; } }