#app{margin:0;padding:0;overflow:hidden;height:100vh;width:100vw;position:absolute}.control-container{position:absolute;top:16px;left:16px;display:flex;flex-wrap:wrap;width:300px;box-shadow:0 0 10px #0000004d;background-color:#fff;opacity:.7}.buttons{position:absolute;top:16px;left:16px;display:flex;flex-wrap:wrap;gap:16px;width:212px}button{width:60px;height:60px;background-size:cover;background-position:center;border:2px solid transparent;cursor:pointer;outline:none}button.active{border-color:#00f}.adjustments{position:absolute;flex-direction:column;gap:8px;width:300px;margin-left:16px;margin-top:168px;pointer-events:none}.adjustment-control{display:flex;align-items:center;padding-top:8px;margin-right:32px;pointer-events:auto}.adjustment-control label{margin-right:4px}input[type=range]{flex:1;margin-right:8px}select{flex:1}.custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #007bff;border-radius:4px;position:relative;cursor:pointer;outline:none}.custom-checkbox:checked{background-color:#007bff;border-color:#007bff}.color-picker{display:flex;flex-direction:row;padding-left:16px;margin-top:10px;height:70px}.color-button{width:50px;height:50px;border:2px solid transparent;cursor:pointer;transition:border-color .3s ease}.color-button.selected{border-color:#000}