body{margin:0;padding:0;font-family:Arial,sans-serif}.glass{width:80%;background:#000;opacity:1;visibility:visible;transition:opacity 1s ease,visibility 1s ease}.hide{opacity:0;visibility:hidden}#logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loaderContainer{position:absolute;top:0;left:0;width:80%;height:100%}.loadingBar{height:6px;width:0;background-color:#fff;border-radius:5px;transition:width .5s ease}.container{display:flex;height:100%}.left-column{width:80%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center}label{color:#fff}h2{padding-left:10px;color:#fff}.right-column{width:20%;background:#363636;height:100vh;padding-left:10px;padding-right:10px}canvas{width:100%;height:100%}.image-grid-container{display:flex;flex-direction:column;transition:transform .3s ease-in-out}.image-grid-container.hidden{transform:translateY(100%)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:0 10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.image-item{height:100px}.image-item:hover{cursor:pointer}.image-item img{width:100%;height:100%;object-fit:cover;border:#969696 solid 1px;border-radius:5px}