body {
            background-color: #121212; /* Dark background for preview */
            padding: 20px;
        }

        /* Sidebar Container Styling */
        .game-engine-container {
            width: 320px; /* Sidebar width */
            background-color: #212529;
            border-radius: 16px;
            padding: 16px;
            border: 1px solid #2d2d2d;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }

        .gameengine-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            font-weight: 700;
            font-size: 1.1rem;
            color: #ffffff;
        }

        /* Search Input Styling */
        .search-thingy {
            position: relative;
            margin-bottom: 15px;
        }

        .search-thingy .bi-search {
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            color: #6c757d;
        }

        .search-input {
            background-color: #2c3034;
            border: none;
            border-radius: 10px;
            padding: 10px 10px 10px 40px;
            color: white;
            width: 100%;
        }

        .search-input::placeholder {
            color: #6c757d;
        }

        .search-input:focus {
            background-color: #32373d;
            box-shadow: none;
            outline: none;
            color: white;
        }

        /* Scrollable List Styling */
        .gameengines-list {
            max-height: 300px;
            overflow-y: auto;
            margin-bottom: 15px;
            padding-right: 5px;
        }

        /* Custom Scrollbar */
        .gameengines-list::-webkit-scrollbar {
            width: 4px;
        }
        .gameengines-list::-webkit-scrollbar-track {
            background: transparent;
        }
        .gameengines-list::-webkit-scrollbar-thumb {
            background: #444;
            border-radius: 10px;
        }

        .gameengines-item {
            padding: 8px 0;
            color: #adb5bd;
            font-weight: 600;
            cursor: pointer;
            transition: color 0.2s;
        }

        .btn-action {
            padding: 0;
            border: none;
            background: none;
            font-size: 0.85rem;
            line-height: 1;
        }

        .text-success-bright { color: #2ecc71; }
        .text-danger-bright { color: #e74c3c; }
        
        .duration-300 {
            transition-duration:.3s
        }

        .transition-transform {
            transition-duration:.15s;
            transition-property:transform;
            transition-timing-function:cubic-bezier(.4,0,.2,1)
          }
          
          .text-contrast {
            color:var(--color-text-primary)
          }
          
          .rotate-180 {
            --tw-rotate:180deg
          }
          .rotate-180,
          .rotate-90 {
            transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
          }
          .rotate-90 {
            --tw-rotate:90deg
          }
          .shrink-0 {
            flex-shrink:0
          }
          .size-5 {
            height:1.25rem;
            width:1.25rem
          }
          .ml-auto {
              margin-left:auto
            }
          .button-animation,
          .button-base,
          .iconified-button,
          .square-button,
          :not(tr).button-transparent,
          tr.button-transparent {
            transition:opacity .5s ease-in-out,filter .2s ease-in-out,transform .05s ease-in-out,outline-width .2s ease-in-out
          }
          .button-transparent {
            box-shadow:none
          }
          .button-animation {
            transition:opacity .5s ease-in-out,filter .2s ease-in-out,transform .05s ease-in-out,outline .2s ease-in-out
          }
          .button-animation:active:not(.button-animation:disabled) {
            transform:scale(.95)
          }
          .border-none {
            border-style:none
          }
          
          .accordion-content[gameenginestuff] {
          display:grid;
          grid-template-rows:0fr;
          transition:grid-template-rows .3s ease-in-out
        }
        @media(prefers-reduced-motion) {
          .accordion-content[gameenginestuff] {
            transition:none!important
          }
        }
        .accordion-content.open[gameenginestuff] {
          grid-template-rows:1fr
        }
        .accordion-content>div[gameenginestuff] {
          overflow:hidden
        }
        .accordion-content.overflow-visible>div[gameenginestuff] {
          overflow:visible
        }