*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{font-family:system-ui,-apple-system,sans-serif;overflow:hidden;background:#000}#app{position:relative}canvas{display:block;width:100%!important;height:100%!important}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.controls{pointer-events:auto;display:flex;align-items:center;gap:16px;padding:16px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.controls button{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.controls button:hover{background:#ffffff40}.controls label{color:#fff;font-size:13px;display:flex;align-items:center;gap:8px;white-space:nowrap}.controls input[type=range]{width:120px;accent-color:#4fc3f7}.model-label{pointer-events:none;align-self:flex-end;padding:8px 16px;margin:16px;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:6px;color:#ffffffb3;font-size:12px;font-family:monospace;letter-spacing:.5px}@media(max-width:600px){.controls{gap:10px;padding:10px}.controls label{font-size:12px}.controls input[type=range]{width:80px}.model-label{margin:10px;font-size:11px}}