body{background-color:#444;color:#fff}.theme-light{background-color:#fff;color:initial}#viewer{overflow:hidden;position:relative}a img,button img{pointer-events:none}#menu{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;max-height:100%}.button-dropdown{position:relative}.button-dropdown:focus-within{outline-color:#000;outline-style:auto;outline-width:1px;outline-offset:-1px}.button-dropdown div{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:0}.button-dropdown div select{height:100%}.spacer{flex:1}#menu-controls{overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:column;align-items:flex-start;padding-top:4px;padding-left:4px}#menu-controls>*{flex-shrink:0;pointer-events:initial;display:flex;align-items:center;max-width:100%}#menu-controls>*>*{margin-top:4px;margin-left:4px}#menu-controls img{filter:invert(1)}.theme-light #menu-controls img{filter:initial}#menu-controls select{min-width:80px}#animation-play,#animation-pause{padding:0}#animation-play img,#animation-pause img{width:1.4em;height:1.4em;filter:none;display:block;padding:0 4px}#animation-slider{min-width:80px}#menu-controls .spacer,.target-false,.no-target .target-true{display:none}.no-target .target-false{display:initial}#three-gui{overflow:auto;flex-shrink:1;overscroll-behavior:contain;scrollbar-width:thin;display:initial;margin-top:8px;margin-left:4px}#three-gui>.lil-gui{margin:0}.lil-gui{--background-color: rgba(0, 0, 0, .5);--title-background-color: rgba(0, 0, 0, .25);--widget-color: rgba(0, 0, 0, .5);--hover-color: rgba(0, 0, 0, .65);--focus-color: rgba(0, 0, 0, .9)}.children>.lil-gui{background:none}#preset-dialog-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#preset-dialog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#preset-dialog{background-color:#ddd;color:#000;width:300px;box-sizing:border-box;padding:0 8px}#preset-dialog>*{display:block;margin:8px 0;width:100%;box-sizing:border-box}#preset-dialog-title{margin:12px 0 8px;font-size:1.15em;text-align:center}#preset-dialog textarea{height:150px;resize:none}#preset-dialog button{padding:4px}#menu-icons>*{pointer-events:initial;display:block}#menu-icons>button,#menu-icons>*>button{border:none;background:none;margin:0;padding:0}#menu-icons>*>button{display:block}#menu-icons>*>img,#menu-icons>*>button>img{display:block;width:32px;height:32px;padding:8px;filter:invert(1)}.theme-light #menu-icons>*>img,.theme-light #menu-icons>*>button>img{filter:initial}#menu-icons>*:hover>img,#menu-icons>*:hover>button>img{opacity:.7}.theme-light #menu-icons>*:hover>img,.theme-light #menu-icons>*:hover>button>img{opacity:.6}#theme-set-dark{display:none}.theme-light #theme-set-dark{display:block}.theme-light #theme-set-light{display:none}.icon-hover-container{position:relative}.icon-hover-popitem{position:absolute;top:0;right:100%;background-color:rgba(0,0,0,.5);padding:8px 8px 2px;width:max-content;display:none}.icon-hover-popitem.center{top:50%;transform:translateY(-50%)}.icon-hover-container:hover .icon-hover-popitem,.icon-hover-container:focus-within .icon-hover-popitem{display:block}.icon-hover-popitem>*{display:block;width:100%;margin-bottom:6px}@media(max-width:750px)and (max-height:700px){#menu{height:100%}#menu-controls .spacer{display:initial}#three-gui{border:1px solid white;border-bottom:none}}#bg-image{display:none;position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-10}.bg-active #bg-image{display:block}#background-select .icon-hover-popitem{top:-15px}#background-list{display:grid;grid-template-columns:repeat(3,80px);grid-auto-rows:60px;row-gap:6px;column-gap:6px;max-height:calc(100vh - 180px);overflow-y:auto;scrollbar-width:thin}#background-list button{border:none;margin:0;padding:0;background:none}#background-list button:hover{opacity:.8}#background-list img{display:block;width:100%;height:100%;object-fit:cover}#background-clear img{box-sizing:border-box;padding:12px;border:1px solid #444;filter:invert(1);object-fit:contain}#background-choose-file{display:flex;align-items:center;justify-content:center}#background-choose-file img{--size: 1.35em;width:var(--size);height:var(--size);padding:0;margin-right:.2em}#camera-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-10}.camera-active #camera-bg{display:block}.camera-active #camera-mode-selector,#camera-off{display:none}.camera-active #camera-off{display:block}#camera-shot-btn{position:fixed;bottom:48px;left:50%;transform:var(--translate);background:none;border:none;margin:0;padding:0;filter:invert(1);--translate: translateX(-50%)}#camera-shot-btn img{display:block;width:48px;height:48px}#camera-shot-btn:hover img{transform:scale(1.1);opacity:.7}#camera-shot-btn.shoting{border:4px solid transparent;margin:4px 0;border-top:4px solid black;border-radius:100%;outline:none;animation:camera-shot-btn-rotate linear .5s infinite}#camera-shot-btn.shoting img{opacity:0;width:32px;height:32px}@keyframes camera-shot-btn-rotate{0%{transform:var(--translate) rotate(0)}to{transform:var(--translate) rotate(360deg)}}.theme-light #camera-shot-btn{filter:initial}@media(min-aspect-ratio:1/1){#camera-shot-btn{left:initial;bottom:50%;right:56px;--translate: translateY(50%)}#camera-shot-btn.shoting{margin:0 4px}}#camera-save-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:gray}#camera-save-container img{width:100%;height:100%;object-fit:contain}#camera-save-actions{position:absolute;left:50%;bottom:32px;transform:translate(-50%)}#stat{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:max-content;max-width:100%;color:#fff}#stat .demo{background-color:rgba(0,0,0,.5);font-size:1.5em;padding:0 .2em}#load-progress{font-size:1.25em;background-color:rgba(0,0,0,.5)}@media(max-width:400px){#stat .demo{font-size:1.3em}#load-progress{font-size:1.15em}}#demo-screenshot{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:-10}.no-demo .demo{display:none}#perf-stat{position:fixed;right:0;bottom:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;font-family:monospace;color:#fff;pointer-events:none}#perf-stat-js{pointer-events:initial}#perf-time{display:flex;flex-direction:column;align-items:flex-end}#perf-time>*{pointer-events:initial;background-color:rgba(0,0,0,.33)}.perf-bad{color:#fd3}:root{font-family:Arial,Helvetica,sans-serif}body{margin:0}