:root {
        --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
        --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .view-panel {
        animation: simpleFade 0.4s var(--ease-smooth) forwards;
    }
    @keyframes simpleFade {
        from { opacity: 0; transform: translateY(8px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Nav Links */
    .nav-link-btn {
        position: relative;
        padding-bottom: 2px;
        transition: color 0.25s ease;
    }
    .nav-link-btn::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: #3b82f6;
        transition: width 0.25s var(--ease-smooth), left 0.25s var(--ease-smooth);
    }
    .nav-link-btn:hover::after, .active-link::after {
        width: 100%;
        left: 0;
    }
    .nav-link-btn:hover {
        color: #ffffff !important;
    }

    /* MINIMALIST TRANSPARENT ICON TILE GRID */
    .tool-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        background-color: transparent !important; /* Stripped square boxes totally */
        padding: 1.25rem !important;
        border: 1px solid transparent !important; /* No sharp borders */
        border-radius: 1rem !important;
        cursor: pointer !important;
        position: relative;
        transition: transform 0.25s var(--ease-bounce), background-color 0.25s ease !important;
    }

    /* Tool Card Hover - Creates a premium ambient back-glow behind the minimal icon */
    .tool-card:hover {
        transform: translateY(-4px) scale(1.02) !important;
        background-color: rgba(30, 41, 59, 0.5) !important; /* Soft minimal focus backdrop shield */
    }

    /* Minimal Grid Icons Style */
    .tile-icon {
        width: 3.75rem;
        height: 3.75rem;
        border-radius: 1.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.65rem;
        margin-bottom: 0.85rem;
        transition: transform 0.3s var(--ease-bounce), box-shadow 0.25s ease, background-color 0.25s ease;
    }
    /* Elastic bounce and high glow on icon hover */
    .tool-card:hover .tile-icon {
        transform: scale(1.18) rotate(6deg) !important;
        box-shadow: 0 10px 25px rgba(59, 130, 246, 0.2);
    }

    /* Tool Title text dynamics */
    .tool-card h3 {
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        transition: color 0.25s ease, text-shadow 0.25s ease;
    }
    .tool-card:hover h3 {
        color: #ffffff !important;
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.4) !important;
    }

    .tool-card:active {
        transform: scale(0.96) !important;
    }

    #btn-execute-main-flow:hover, #btn-studio-save-canvas:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);
    }

    #canvas-render-stack canvas {
        border: 1px solid #334155;
        margin-bottom: 2rem;
        border-radius: 0.75rem;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
        background: #ffffff;
    }