body{margin:0}.canvas{width:100%;height:100%}#properties{position:absolute;top:5rem;right:5rem;min-width:50px}#panel-section{width:400px;max-height:500px}#controls{position:absolute;top:9rem;left:5rem;border-radius:var(--mud-default-borderradius, 4px)}#converter{border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;position:absolute;top:5rem;left:5rem;background-color:#d4af37;color:var(--mud-plaette-primary-text, #ffffff);border-radius:1rem}.converter__text{padding:.75rem}.converter__pulse{padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:4px;cursor:pointer;color:#fff;background-color:orang;box-shadow:0 4px 6px #0000001a;animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{background-color:#d4af37;box-shadow:0 0 #4776e6b3}50%{background-color:orange;box-shadow:0 0 0 10px #8e54e900}to{background-color:#d4af37;box-shadow:0 0 #4776e600}}input[type=file]{display:none}.toolbar{font-family:inherit;background-color:var(--mud-palette-primary, #0084f0);padding:.5rem;display:flex;flex-direction:row;gap:1rem}.toolbar__input-label{font-family:inherit;border-radius:var(--mud-default-borderradius, 4px);color:var(--mud-palette-primary, #0084f0);background-color:var(--mud-palette-primary-text, #ffffff);padding:.2rem}.toolbar__input-label:hover{cursor:pointer}.toolbar__select{font-family:inherit;border-radius:var(--mud-default-borderradius, 4px);background-color:var(--mud-palette-primary-text, #ffffff);padding:.2rem}.app{position:relative;width:100%;height:100vh;overflow:hidden;font-family:var(--mud-typography-default-family, "Roboto", "Helvetica", "Arial"),"sans-serif"}