[events_listing][recipe_listing]			
        <h3>Tools</h3>
        <input type="file" id="upload">
        <input type="text" id="textInput" placeholder="Add text">
        <button onclick="addText()">Add Text</button>
        <input type="color" id="colorPicker">
        <button onclick="deleteObject()">Delete</button>
        <hr>
        <button onclick="loadFront()">Front</button>
        <button onclick="loadBack()">Back</button>
        <hr>
        <button onclick="saveDesign()">Save</button>
        <canvas id="canvas" width="400" height="500"></canvas>
<style>
.designer-app {
    display: flex;
    font-family: Arial;
}
.sidebar {
    width: 220px;
    background: #0d1b2a;
    color: #fff;
    padding: 15px;
}
.sidebar input,
.sidebar button {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    border-radius: 5px;
}
.sidebar button {
    background: #1b263b;
    color: #fff;
    cursor: pointer;
}
.canvas-area {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
}
canvas {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
</style>