*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#20241e;color:#eee;font:14px Arial,sans-serif}#scene{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:14px 18px;background:#192018eb;border-bottom:1px solid #5f684b}header strong{font-size:17px}header span{color:#bdc8ad}header a{margin-left:auto;color:#dfebbc}#assets{position:absolute;top:67px;left:14px;display:flex;gap:9px;align-items:end;flex-wrap:wrap;padding:12px;background:#1a2119ed;border:1px solid #5a6248;border-radius:4px}label{display:grid;gap:5px;font-size:12px;color:#c3cbb9}select,button{font:14px Arial,sans-serif;padding:8px;color:#f0f4e7;background:#38442c;border:1px solid #798366;border-radius:3px}button{cursor:pointer}button:hover{background:#4d603a}select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #dbed9c;outline-offset:2px}#status{position:absolute;bottom:49px;left:14px;background:#1a2119e8;padding:10px 13px;border-radius:3px;max-width:calc(100% - 28px)}#status[data-error=true]{color:#ffb1aa}footer{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;background:#192018ed;color:#c1cbb6;font-size:12px}@media(max-width:700px){header span{display:none}#assets{right:14px}label{flex:1;min-width:110px}select{width:100%}footer{font-size:11px}}
body:not([data-inspect]) header,body:not([data-inspect]) #assets,body:not([data-inspect]) footer{display:none}body:not([data-inspect]) #status{bottom:42px;font-size:12px;padding:5px 8px}#migration-note{position:absolute;bottom:10px;left:14px;padding:6px 8px;background:#181c18d9;font-size:12px;color:#c6cfc2;border-radius:3px}#migration-note a{color:#c9dcab}body[data-inspect] #migration-note{display:none}
body:not([data-inspect])[data-ready=true] #status:not([data-error=true]){display:none}
#scene:focus{outline:none}