/* Estilos propios del simulador de tiroides: el editor de pagina. */
.editor{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.paginaMarco{background:#808080;padding:6px;border:2px inset #fff}
#pagina{display:block;width:100%;background:#fff;cursor:default;touch-action:none;image-rendering:auto}
#pagina.arrastrando{cursor:grabbing}
#pagina.flecha{cursor:crosshair}
.bandeja{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.bandeja button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;min-width:96px}
.bandeja button canvas{width:80px;height:80px;background:#fff;image-rendering:pixelated;border:1px solid #808080}
.bandeja button.enPagina{background:#e6ffe6}
.bandeja button span{font-size:11px}
.controlItem label{display:flex;align-items:center;gap:6px;margin:3px 0}
.controlItem input[type=range]{width:110px}
.controlItem input[type=text]{width:100%}
.controlItem .fila button{min-width:30px;padding:2px 6px}
.encabezado label{display:block}
.encabezado input{width:100%}
.anotaciones{list-style:none;padding:0;margin:4px 0}.anotaciones li{background:#fff;border:1px solid #808080;padding:3px 6px;margin:2px 0;font-size:11px;display:flex;gap:6px;align-items:center}
.anotaciones li.sel{outline:2px solid #000080}
.anotaciones li button{padding:0 6px;min-height:0}