*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Gothic A1,sans-serif;overflow:hidden}h1{font-size:3.2em;line-height:1.1}.dimensions{font-size:1.3vw}.name-wrapper{width:max-content;text-transform:uppercase;font-weight:900}.bottom-border{width:100%;background-color:#fff;display:block;height:.4vw;margin-block-start:.9vw;animation:borderAnimation .5s forwards}.name{position:relative;font-size:3.5vw}.absolute-name{position:absolute;top:100%;left:0;opacity:0}@keyframes borderAnimation{0%{width:0}to{width:100%}}.type{margin-block:1vw;padding-block-start:.4vw;font-size:1.8vw;line-height:1}.options{display:flex;align-items:center;justify-content:space-between}.texture-options{top:initial;bottom:0}.texture-text{font-size:2em;font-weight:700;color:#fff;width:100%;text-align:center;margin-bottom:34px;pointer-events:none;cursor:pointer}.figure{width:10vw;height:10vw;display:flex;justify-content:center;align-items:center;transition:transform ease-in-out .2s;position:absolute;bottom:5vw;left:50%;transform:translate(-50%);z-index:2}.figure .figure-style-img{display:block;height:100%;width:100%;object-fit:cover;cursor:pointer;transition:.3s}.figure.active .figure-style-img,.figure:hover .figure-style-img{scale:1.2}.style-materials{position:absolute;width:50%;height:50%;left:-46%;top:0;transform:rotate(21deg);z-index:1}.style-material{position:absolute;left:0;top:0;transition:.5s;transform:rotate(calc((180deg/4) * var(--idx)));transform-origin:10vw;transition-delay:calc(.1s * var(--idx));scale:0}.style-materials.active .style-material{scale:1}.material-img{transition:.3s;width:4vw;cursor:pointer}.material-img:hover{scale:1.1}.selected{border:2px solid #fff;box-shadow:0 0 4px #fff;border-radius:50%}.figure:nth-child(2){transform:translate(calc(-50% - 15vw));z-index:3}.figure:nth-child(3){transform:translate(calc(-50% + 15vw));z-index:1}.overlay-screen{position:absolute;top:0;left:0;width:500px;padding:7vw 4vw 0;pointer-events:none;transition:1s opacity linear}.utility-item{text-shadow:1px 1px 76px #000;color:#fff}.texture-options{position:absolute;left:0;bottom:0;box-sizing:border-box;width:100vw;padding:5vw 20vw}.texture-options.select{pointer-events:none;bottom:10vw}.overlay{position:fixed;width:100%;height:100%;top:0;left:0}.model{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader{position:relative;height:50px;width:50px;border-radius:50%;padding:8px;display:block;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;overflow:hidden}.loader:before{content:"";position:absolute;top:0;left:50%;width:100%;height:100%;transform-origin:bottom right;background:linear-gradient(0deg,#fff,#fff,#fff,#fff);z-index:1}.loader:after{content:"";position:absolute;top:0;left:-30%;width:100%;height:100%;transform-origin:top left;background:linear-gradient(342deg,transparent,transparent,rgba(255,255,255,1),rgba(255,255,255,1));z-index:1}.animate-loader{animation:loader-animate 1.5s linear infinite}@keyframes loader-animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title{min-width:85%;margin:auto;padding-top:16px;font-size:26px;font-weight:700;display:flex;justify-content:flex-start;align-items:center;text-transform:uppercase}.page{display:flex;flex-direction:column;gap:24px;height:100vh;width:100vw}.title{min-width:85%;margin:auto;padding-top:16px;font-size:26px;font-weight:700;display:flex;justify-content:flex-start;align-items:center;text-transform:uppercase;position:relative}.title .headline{display:inline-block;border-bottom:4px solid}.title .long-arrow-left{border-color:#000;top:29px;left:-40px;position:absolute}.layout-page{display:flex;align-items:flex-start;height:100%;padding-bottom:10px;overflow:hidden;width:85%;margin:auto}.layout{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:2vw;max-height:100%;overflow-y:auto}.layout::-webkit-scrollbar{display:none}.layout.single-item{max-height:50%;min-width:30%}.layout .link{aspect-ratio:1/1;background-color:#6d6868;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2vw;position:relative;text-align:center}.layout .text{display:block;position:relative;z-index:2}.layout .link img{display:block;height:100%;width:100%;object-fit:cover;cursor:pointer;position:absolute;top:0;left:0;z-index:0}@media screen and (max-width: 1024px){.layout{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 767px){.layout{grid-template-columns:repeat(2,1fr)}.layout .link{font-size:4vw}}@media screen and (max-width: 430px){.layout{grid-template-columns:1fr}}.image-preload-indicator{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff}.preload-content{text-align:center;max-width:400px;padding:2rem}.preload-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.preload-content h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:300}.progress-container{margin-bottom:1rem}.progress-bar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px;transition:width .3s ease}.progress-text{font-size:.9rem;opacity:.8}.preload-details{margin-top:1rem;font-size:.8rem;opacity:.7}.preload-details p{margin:.3rem 0}.current-priority{color:#4caf50;font-weight:500}.current-image{color:#ccc;font-family:monospace;word-break:break-all}.preload-error{position:fixed;top:1rem;right:1rem;background:#f44336;color:#fff;padding:1rem;border-radius:4px;max-width:300px;z-index:9999}@media (max-width: 768px){.preload-content{padding:1rem;max-width:300px}.preload-content h3{font-size:1.2rem}}