:root {
            --brand-blue: #003366; 
            --shaft-gray: #f2f2f2;
            --rail-color: #555555;
            --accent-green: #00ff41;
        }


        /* Container for the preview */
        .loader-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            width: 100vw;
            position: fixed;
            z-index: 9999;
            background: #00000011;
            backdrop-filter: blur(5px);
            transition: opacity 0.5s ease visibility 0.5s ease;
        }

        /* The Elevator Load Area */
        .loadarea {
           
            display: flex;
            align-items: flex-end;
            justify-content: center;
        }

        /* The Elevator Shaft */
        .shaft {
            position: relative;
            width: 80px;
            height: 160px;
            border-radius: 4px;
            overflow: hidden;
        }

        /* The Guide Rails (Your Product) */
        .rail {
            position: absolute;
            top: 0;
            width: 4px;
            height: 100%;
            background: var(--rail-color);
            box-shadow: inset 1px 0px 2px rgba(0,0,0,0.3);
        }
        .left-rail { left: 12px; }
        .right-rail { right: 12px; }

        /* The Elevator Car */
        .lift-car {
            position: absolute;
            bottom: 10px;
            left: 20px;
            width: 40px;
            height: 55px;
            background: var(--brand-blue);
            border-radius: 2px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            animation: elevatorMove 3s infinite ease-in-out;
        }

        /* Door Line detail */
        .lift-car::after {
            content: "";
            width: 1px;
            height: 100%;
            background: rgba(255,255,255,0.2);
        }

        /* Floor Indicator */
        

        
        /* Keyframes for smooth lift movement */
        @keyframes elevatorMove {
            0%, 10% { transform: translateY(0); }
            50% { transform: translateY(-90px); }
            90%, 100% { transform: translateY(0); }
        }

        @keyframes fadeText {
            from { opacity: 0.4; }
            to { opacity: 1; }
        }