body{height:100%;padding:0;margin:0;display:flex;flex-direction:column}body,input,select{font: 12px Trebuchet MS}html{height:100%}.console{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:4px 10px;margin:16px;background:#8ac;border-radius:8px}.console .configuration{flex:auto}.control .container{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.console .frame,.console .scene{flex:initial}.control{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.control input,.control select{padding:4px 8px;margin:4px 4px 4px 0;background:#ace;border-color:#CEF #8AC #8AC #CEF;border-radius:4px;border-style:solid;border-width:1px;line-height:100%;color:#404040}.control input:active,.control select:active{border-color:#8AC #CEF #CEF #8AC}.control input:hover,.control select:hover{background:#bdf}.display{display:flex;align-items:center;justify-content:center;flex:1}.screen{margin:auto;width:80%;height:80%;background:#000;box-shadow:0 0 10px #000}.screen canvas{width:100%;height:100%}.screen canvas:focus{outline:none}