/* =====================================
   PROJECT / EXPORT BUTTONS
===================================== */

#downloadToggle,
#downloadPng,
#downloadJpg,
#downloadSvg,
#saveProject,
#loadProject,
#deleteProject {

    width: 100%;

    padding: 14px 18px;

    margin-top: 10px;

    border: none;

    border-radius: 12px;

    background: #0052a3;

    color: white;

    font-size: 16px;

    font-weight: 700;

    cursor: pointer;

    transition: 0.2s ease;

}


/* Hover */

#downloadToggle:hover,
#downloadPng:hover,
#downloadJpg:hover,
#downloadSvg:hover,
#saveProject:hover,
#loadProject:hover,
#deleteProject:hover {

    transform: translateY(-2px);

    opacity: 0.9;

}


/* Press effect */

#downloadToggle:active,
#downloadPng:active,
#downloadJpg:active,
#downloadSvg:active,
#saveProject:active,
#loadProject:active,
#deleteProject:active {

    transform: scale(0.98);

}



/* Download main button */

#downloadToggle {

    background: #16a34a;

}


/* Download options */

#downloadOptions button {

    background: #15803d;

}



/* Delete */

#deleteProject {

    background: #dc2626;

}


/* Load */

#loadProject {

    background: #334e68;

}