body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#fff;color:#111;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#ui{position:absolute;top:20px;left:20px;background:#ffffffd9;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:15px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;box-shadow:0 4px 15px #00000026;min-width:250px}#ui h3{margin:0;padding-bottom:10px;border-bottom:1px solid #444;font-size:18px;text-align:center}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{display:flex;justify-content:space-between;font-size:14px;font-weight:700}#ui .input-row{display:flex;align-items:center;gap:10px}#ui input[type=range]{flex:1;cursor:pointer}#ui input[type=number]{width:75px;padding:4px;border-radius:4px;border:1px solid #444;background:#222;color:#fff;font-family:inherit;font-size:13px;text-align:right}#ui input[type=number]:focus{outline:none;border-color:#3498db}#ui button{padding:10px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px;transition:background .2s;margin-top:5px}#ui button:hover{background:#2980b9}#stats{font-size:15px;margin-top:5px;padding-top:10px;border-top:1px solid #444;text-align:center}canvas{display:block;width:100%;height:100%}#labelCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#ui input[type=text]{flex:1;padding:4px;border-radius:4px;border:1px solid #444;background:#222;color:#fff;font-family:inherit;font-size:13px}#ui input[type=text]:focus{outline:none;border-color:#3498db}