body,html{height:100%;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f0f0;font-family:Arial,sans-serif}.balancer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border:5px solid transparent;transition:background-color .5s ease,border-color .5s ease}.balancer-container.recording{border-color:green}.balancer-container.complete{background-color:green}#error{color:red;font-size:20px}#canvas{background-color:#fff;border:1px solid #ccc;margin-bottom:20px}button{padding:10px 20px;font-size:16px;margin-top:10px}.debug{margin-top:20px;background-color:#e0e0e0;padding:10px;border-radius:8px;width:300px;text-align:left}.debug h3{margin:0 0 10px}.debug p{margin:5px 0}