body,html{margin:0;padding:0;font-family:sans-serif;background:#111;color:#fff;height:100%;overflow-x:hidden}.aligned-item{pointer-events:auto;display:flex;align-items:center}#three-canvas{display:block;width:100%;height:100%}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#141414cc;display:flex;align-items:center;justify-content:center;z-index:9999}#loading-bar{width:200px;height:10px;background:#444;border-radius:5px;overflow:hidden;position:relative}#loading-bar:after{content:"";position:absolute;left:-50%;top:0;width:50%;height:100%;background:#ffaf1f;animation:loading 1s infinite linear}@keyframes loading{0%{left:-50%}to{left:100%}}#camera-dropdown-container{position:absolute;top:96px;left:96px;width:fit-content;height:fit-content;display:flex;flex-direction:column;align-items:flex-start;z-index:200}.top-ui-bar{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.aligned-item{pointer-events:auto}#ui-panel{position:fixed;top:10%;right:20px;background:#fff;padding:10px;border:1px solid #ccc;z-index:10;box-shadow:0 0 10px #0000004d}#texture-browser{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,#222,#444);color:#fff;padding:10px 20px 16px;box-shadow:0 -2px 8px #00000080;z-index:10;display:flex;flex-direction:column;align-items:center;font-family:sans-serif}#texture-browser.hidden{display:none}.texture-toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;gap:20px}.search-container{display:flex;align-items:center;gap:10px}.search-container input{padding:8px 12px;border-radius:20px;border:none;font-size:14px;width:100px;background-color:#333;color:#fff}.search-container button{padding:8px 14px;border:none;border-radius:10px;background-color:#555;color:#fff;cursor:pointer;font-size:14px}.texture-list{display:flex;gap:12px;margin-top:12px;overflow-x:auto;max-width:100vw;padding:8px;z-index:11;transition:transform .3s ease}.texture-thumb{width:128px;height:128px;object-fit:cover;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:filter .2s}.texture-thumb:hover{filter:brightness(.8)}.texture-thumb.selected{border-color:#fff}.texture-thumb-container{display:flex;flex-direction:column;align-items:center;width:160px}.texture-name{margin-top:6px;color:#fff;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;cursor:default;word-break:break-all}.texture-name:hover:after{content:attr(title);position:absolute;background:#000;color:#fff;padding:4px 8px;font-size:12px;border-radius:4px;top:-30px;white-space:normal}.texture-carousel-controls{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:8px;margin-bottom:10px;z-index:11}.texture-carousel-controls button{background:none;border:none;width:48px;height:96px;cursor:pointer;padding:0}.texture-carousel-controls img{width:100%;height:100%;object-fit:contain}.texture-ui{position:absolute;bottom:0;width:100%;max-width:100%;height:auto;z-index:1}.texture-nav-container{display:flex;justify-content:space-between;align-items:center;padding:0 16px;position:absolute;top:50%;width:100%;transform:translateY(-50%);z-index:2}.texture-nav-button{width:48px;height:48px;cursor:pointer;object-fit:contain}.down-arrow{width:32px;height:32px;position:absolute;top:0;right:0;z-index:3;cursor:pointer}.texture-ui-background{position:relative;bottom:0;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;z-index:0}.texture-ui-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.close-button{background:none;border:none;cursor:pointer;width:48px;height:48px}.close-button img{width:100%;height:100%;object-fit:contain}.repeat-controls{display:flex;align-items:center;gap:12px}.repeat-controls label{font-size:14px;margin-left:6px}.repeat-controls input[type=range]{width:100px}.texture-selector-container{display:flex;align-items:center;justify-content:center;background:transparent;padding:10px;position:relative}.texture-list-wrapper{overflow:hidden;flex:1;display:flex;justify-content:center}.arrow{background:transparent;color:#fff;border:none;font-size:24px;width:36px;height:64px;cursor:pointer;border-radius:4px;transition:background .3s;z-index:10}.arrow:hover{background:#666}.arrow.left{margin-right:10px}.arrow.right{margin-left:10px}.texture-toolbar,.texture-close-center,.texture-repeat-controls,.texture-selector-container{position:relative;z-index:1}.texture-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:none;border-bottom:1px solid rgba(255,255,255,.1);position:relative;gap:80px}.search-bar{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.search-icon{width:24px;height:24px}.search-bar input{flex:1;padding:5px 10px;border-radius:5px;border:none}#texture-filter{padding:5px 10px;border-radius:5px;border:none;background-color:#333;color:#fff;cursor:pointer}.close-button-wrapper{display:flex;justify-content:flex-end;flex:0 0 auto}.close-button{background:none;border:none;cursor:pointer}.close-button img{width:32px;height:32px}.texture-repeat-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-width:0}.texture-repeat-controls label{color:#fff}.lock-button{background:none;border:none;cursor:pointer;padding:0}.lock-button img{width:24px;height:24px}body{margin:0;padding:0;background:url(../assets/images/background.png) no-repeat center center fixed;background-size:cover;font-family:sans-serif}body.scene-loaded{background:none}.dropdown-menu-container{position:absolute;top:0;left:0;width:auto;height:auto;display:flex;flex-direction:column;align-items:flex-start;z-index:20;pointer-events:auto}.dropdown-button{width:96px;height:96px;border:none;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;z-index:21}.dropdown-button img{width:100%;height:100%;object-fit:contain}.dropdown-list{display:flex;flex-direction:column;gap:10px;margin-top:10px;align-items:center}.dropdown-option{width:96px;height:96px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;cursor:pointer}.dropdown-option img.icon-image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.menu-button-container{position:absolute;top:96px;right:96px;width:auto;height:auto;display:flex;flex-direction:column;align-items:flex-end;z-index:20;pointer-events:auto}.menu-toggle-button{width:96px;height:96px;border:none;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.menu-toggle-button img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.menu-full-image{margin-top:12px;width:auto;height:auto;max-width:300px;pointer-events:none;-webkit-user-select:none;user-select:none}.menu-full-panel{position:relative;width:90vw;max-width:320px;height:360px;margin-top:12px;background-image:url(../assets/ui/Menu%20-%20Full%20with%20Options.png);background-size:cover;background-position:center;border-radius:16px;//box-shadow: 0px 12px 30px rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:space-around;padding:24px 16px;box-sizing:border-box}.menu-option{width:100%;height:96px;background-color:transparent;border:none;cursor:pointer}.hide-ui-toggle-button{position:absolute;top:48px;left:50%;transform:translate(-50%);width:96px;height:96px;border:none;background:transparent;cursor:pointer;padding:0;z-index:300;display:flex;align-items:center;justify-content:center}.hide-ui-toggle-button img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.menu-toggle-button,.hide-ui-toggle-button{width:56px;height:56px}#camera-dropdown-container{top:8px;left:8px}.dropdown-button{width:56px;height:56px}.dropdown-button img{width:100%!important;height:100%!important}.dropdown-option{width:48px!important;height:48px!important;padding:0!important;display:flex;align-items:center;justify-content:center}.dropdown-option img,.dropdown-option img.icon-image{width:100%!important;height:100%!important;object-fit:contain!important;display:block}.dropdown-list{gap:6px!important}.menu-full-panel{width:90vw;max-width:280px;height:240px;padding:16px 12px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:12px;gap:12px}.menu-option{height:60px}#texture-browser{padding:8px 12px;font-size:12px;max-height:50vh;overflow-y:auto}.texture-toolbar{padding:4px 6px;flex-wrap:wrap;flex-direction:column;align-items:center;gap:4px}.texture-list{gap:8px;padding:4px}.texture-thumb{width:64px;height:64px}.texture-thumb-container{width:80px}.texture-name{font-size:11px;word-break:break-word}.texture-carousel-controls{gap:12px;margin-top:4px;margin-bottom:6px}.texture-carousel-controls button{width:36px;height:72px}.repeat-controls{gap:4px;font-size:11px}.repeat-controls input[type=range]{width:60px;height:16px}.repeat-controls label{font-size:11px;margin-right:2px}.menu-button-container{top:8px;left:8px;right:8px}.close-button{top:4px;right:4px;width:24px;height:24px}.close-button img{width:100%;height:100%}.search-container{gap:4px}.search-container input{font-size:11px;padding:2px 4px;height:24px;width:70px}.search-container button{font-size:11px;padding:2px 6px;height:24px}}@media (max-width: 768px){.texture-header{flex-direction:column;align-items:stretch;gap:16px;padding:12px 16px}.search-bar{flex-direction:row;gap:8px;width:100%}.search-bar input#texture-search{flex:1;font-size:16px;padding:10px 12px}#texture-filter{padding:10px 16px;font-size:16px}.texture-repeat-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.repeat-control-group{display:flex;flex-direction:column;align-items:center;flex:1 1 45%;min-width:120px}.repeat-control-group label{font-size:16px;margin-bottom:4px}.repeat-control-group input[type=range]{width:100%}.lock-button{flex:0 0 auto;margin:0 8px}.lock-button img{width:32px;height:32px}.close-button-wrapper{align-self:flex-end}.close-button img{width:36px;height:36px}.texture-selector-container{padding:8px 10px}.texture-list{gap:8px;padding:4px 8px}.texture-thumb{width:96px;height:96px}.texture-name{font-size:12px;white-space:normal;word-break:break-word}.arrow{width:32px;height:48px;font-size:20px}.arrow.left{margin-right:4px}.arrow.right{margin-left:4px}}.main-menu{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#141414d9;padding:20px 24px;border-radius:24px;box-shadow:0 8px 30px #0006;text-align:center;z-index:1000;max-width:95vw;overflow-x:auto;-webkit-overflow-scrolling:touch}.menu-title{font-size:28px;color:#fff;margin-bottom:16px}.menu-title .highlight{color:gold}.scene-options{display:flex;gap:16px;justify-content:flex-start;width:max-content}.scene-button{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s;flex:0 0 auto}.scene-button img{width:100px;height:100px;border-radius:16px;object-fit:cover;margin-bottom:8px;box-shadow:0 0 10px #ffffff1a}.scene-button span{color:#fff;font-size:14px;white-space:nowrap}.scene-button:hover{transform:scale(1.05)}@media (min-width: 600px){.main-menu{bottom:40px;padding:30px 40px;max-width:none;overflow-x:visible}.menu-title{font-size:32px;margin-bottom:20px}.scene-options{justify-content:center;width:auto;gap:24px}.scene-button img{width:120px;height:120px;margin-bottom:10px}.scene-button span{font-size:16px}}