/* GHWL Design Studio - Animations Stylesheet */

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes scaleUp {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.tool-panel {
    animation: fadeIn 0.25s ease-out forwards;
}

.modal-content {
    animation: scaleUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.canvas-element {
    transition: transform 0.1s ease, outline 0.1s ease;
}