.dyo-editor-wrapper{

    width:100%;

}

#dyo-editor{

    width:100%;

    max-width:100%;

}

#dyo-toolbar{

    width:100%;

    padding:15px;

    margin-bottom:15px;

    border:1px solid #ddd;

    background:#fff;

    box-sizing:border-box;

}
.dyo-toolbar-row{

    display:flex;

    flex-direction:column;

    gap:8px;

}

#dyo-text{

    width:100%;

    padding:12px;

    border:1px solid #ddd;

    border-radius:6px;

    font-size:16px;

    box-sizing:border-box;

}

#dyo-workspace{

    width:100%;

    aspect-ratio:1/1;

    border:1px solid #ddd;

    background:#f7f7f7;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    box-sizing:border-box;

}

#dyo-canvas{

    display:block;

    max-width:100%;

    max-height:100%;

    border:1px solid #ccc;

    background:#fff;

}