/* ===========================
   EDIT MODE - miniPaint Embedded
   =========================== */

/* When in edit mode, hide the normal ImagePrep UI */
body.edit-mode-active .image-viewport {
    display: none !important;
}

body.edit-mode-active .top-nav,
body.edit-mode-active .tool-buttons,
body.edit-mode-active .workspace-sidebar,
body.edit-mode-active .bottom-controls {
    display: none !important;
}

/* ===========================
   EDIT MODE BUTTON (in normal UI)
   =========================== */
.tool-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(136, 170, 255, 0.3), transparent);
    margin: 8px 0;
}

.tool-select-btn.edit-mode-btn {
    background: linear-gradient(135deg, rgba(136, 170, 255, 0.15), rgba(102, 102, 255, 0.15));
    border-color: rgba(136, 170, 255, 0.4);
}

.tool-select-btn.edit-mode-btn:hover {
    background: linear-gradient(135deg, rgba(136, 170, 255, 0.25), rgba(102, 102, 255, 0.25));
    border-color: #8af;
}