.blocksys-wrapper{position:relative;width:100%;}
.blocksys-display,.blocksys-editor{
 width:100%;overflow-y:auto;border:none;font:inherit;
 padding-right:40px;
}
.blocksys-editor{resize:none;}

.blocksys-overlay{
 position:absolute;
 top:6px;
 right:8px;
 display:flex;
 gap:6px;
 z-index:10;
 opacity:0;
 transition:opacity 0.25s ease;
}

/* show on hover (desktop) */
.blocksys-wrapper:hover .blocksys-overlay{
 opacity:1;
}

/* always show on touch devices */
@media (hover: none){
 .blocksys-overlay{
   opacity:1;
 }
}

.blocksys-overlay button{
 background:rgba(255,255,255,0.9);
 border:none;
 width:26px;height:26px;
 cursor:pointer;
 padding:3px;
 transition:transform 0.15s ease, background 0.2s ease;
}

.blocksys-overlay button:hover{
 transform:scale(1.1);
 background:rgba(255,255,255,1);
}

.blocksys-overlay svg{
 width:100%;height:100%;fill:#000;
}