body{margin:0;overflow:hidden;font-family:Arial,sans-serif}#info{position:absolute;top:10px;width:100%;text-align:center;color:#fff;font-size:14px;pointer-events:none;text-shadow:0 0 3px black;z-index:100}.ui-container{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100}.button{background-color:#ffffffb3;border:none;color:#000;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:700;min-width:120px;text-align:center}.button.active{background-color:#0080ffb3;color:#fff}.slider-container{position:absolute;top:20px;left:20px;display:flex;z-index:100}.size-slider{width:200px}.mode-indicator{background-color:#000c;color:#fff;padding:8px 12px;border-radius:5px;font-weight:700;text-align:center;min-width:120px;margin-top:10px}.mode-indicator.ar-mode{background-color:#0f0c;color:#000}.mode-indicator.vr-mode{background-color:#0064ffcc;color:#fff}.button{background-color:#ffffffe6;border:2px solid rgba(0,0,0,.3);color:#000;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:700;min-width:120px;text-align:center;box-shadow:0 2px 4px #0000004d}#VRButton{position:fixed!important;bottom:20px!important;left:20px!important;width:100px!important}#ARButton{position:fixed!important;bottom:20px!important;left:140px!important;width:100px!important}.recenter-button{background-color:#ffa500e6!important;color:#fff!important;font-weight:700}
