:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#000}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#000;color:#f5f5f5}canvas{display:block;width:100vw;height:100vh;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.hud{position:fixed;z-index:2;top:18px;left:18px;width:min(300px,calc(100vw - 36px));padding:16px;border:1px solid #2f2f33;border-radius:12px;background:#0c0c0ed6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:baseline;gap:7px;margin-bottom:16px;letter-spacing:.08em}.brand strong{font-size:17px}.brand span{color:#8e8e96;font-size:10px}.file-picker,.select-control{display:block;margin:9px 0;font-size:12px;color:#c9c9d0}.file-picker input{position:absolute;width:1px;opacity:0}.file-picker span,select{display:block;width:100%;padding:9px 10px;border:1px solid #45454d;border-radius:7px;background:#202025;color:#fff;cursor:pointer}.controls{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;margin-top:14px}.control{font-size:11px;color:#aaaab2}.control span{display:flex;justify-content:space-between}.control output{color:#fff}.control input{width:100%;accent-color:#a9d2ff}#status{margin:14px 0 0;color:#9898a2;font-size:11px;line-height:1.4}.xr-button{position:fixed!important;z-index:3;right:18px!important;bottom:18px!important}body.xr-active .hud{display:none}@media(max-width:600px){.hud{top:10px;left:10px;width:min(280px,calc(100vw - 20px))}.controls{gap:6px 10px}}