html,body,#root{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;background:#fff}.app-shell,.scene-container,.scene-renderer{width:100%;height:100%;height:100dvh;position:relative;overflow:hidden}.scene-renderer{z-index:0}.scene-renderer canvas{display:block;width:100%;height:100%;touch-action:none}.scene-renderer iframe{display:block;border:0;touch-action:auto;pointer-events:auto}.feature-bar{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:12px;right:12px;z-index:20;pointer-events:none}.feature-bar__demos{display:flex;flex-wrap:wrap;gap:8px;pointer-events:auto;max-width:100%}.feature-bar__demo{margin:0;padding:10px 14px;border:1px solid #111;background:#ffffffeb;color:#111;font-family:inherit;font-size:13px;line-height:1.2;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.feature-bar__demo.is-active{background:#111;color:#fff}#slider-section{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;z-index:1001;max-width:calc(100vw - 16px);overflow-x:auto;-webkit-overflow-scrolling:touch;padding:6px 4px;touch-action:pan-x;scrollbar-width:none}#slider-section::-webkit-scrollbar{display:none}.slider-plane{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border:1px solid #ccc;border-radius:22px;cursor:pointer;text-align:center;background:#ffffffeb;font-size:14px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.slider-plane.active{background-color:#007bff;color:#fff;border-color:#007bff}.hidden-pane{display:none!important}.visible-pane{display:block!important}#tweakpane-container{position:absolute;top:10px;left:10px;z-index:1000;display:none;max-height:min(40vh,320px);overflow:auto;pointer-events:auto}