*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%;font-family:sans-serif}#canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#canvas:hover{cursor:pointer}#canvas:active{cursor:col-resize}#ui-container{position:fixed;bottom:10px;left:10px;z-index:10;display:flex;flex-direction:column;gap:10px;pointer-events:none}#controls{pointer-events:auto}#controls button{padding:8px 12px;background-color:#000000b3;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:12px}#controls button:hover{background-color:#323232cc}#debug-log-area{width:300px;height:150px;background-color:#0009;color:#ccc;border:1px solid #444;border-radius:4px;padding:5px;font-size:11px;font-family:monospace;overflow-y:scroll;pointer-events:auto}#debug-log-area p{margin-bottom:3px;border-bottom:1px solid #333;padding-bottom:2px}#debug-log-area p:first-child{font-weight:700;color:#fff}