html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e9e9e9}
.scene-frame{position:fixed;inset:0;width:100%;height:100%;border:0;display:block;outline:none}
.hero-frame{z-index:2}
.work-frame{z-index:1;visibility:hidden;opacity:0;pointer-events:none}
#transition-world{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;visibility:hidden}
#transition-world canvas{display:block;width:100%;height:100%}
#input-guard{position:fixed;inset:0;z-index:10;touch-action:none;cursor:progress}
#input-guard[hidden]{display:none}
#transition-loading{position:fixed;z-index:11;left:50%;bottom:8%;transform:translateX(-50%);padding:12px 18px;border-radius:30px;background:#f8f8f7e8;color:#262626;font:32px/1.3 system-ui,sans-serif;pointer-events:none}
#transition-loading[hidden]{display:none}
.lab-controls{position:fixed;z-index:20;bottom:14px;left:14px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #ffffff80;border-radius:8px;background:#14171de8;color:#fff;font:12px/1.3 system-ui,sans-serif;box-shadow:0 3px 20px #0002}
.lab-label{font-size:10px;letter-spacing:1px;color:#d1c1f0}
.lab-controls button{min-height:34px;padding:6px 11px;border:1px solid #ffffff50;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.lab-controls button:hover{background:#ffffff18}
.lab-controls button:focus-visible{outline:2px solid #cfb1ff;outline-offset:3px}
.lab-controls button:disabled{opacity:.45;cursor:default}
.lab-controls output{max-width:240px;color:#d9d9e0;font-size:11px}
html[data-capture] .lab-controls{display:none}
@media(max-width:600px){.lab-controls{right:10px;left:10px;bottom:10px;gap:7px;flex-wrap:wrap}.lab-controls output{flex-basis:100%;max-width:none}.lab-label{margin-right:auto}}