body{background:#222;color:#ddd;font-family:Arial;margin:0}#toolbar{align-items:center;background:#333;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;height:50px;left:0;padding:8px;position:fixed;right:0;top:0;z-index:10}#toolbar button,#toolbar input{padding:6px 10px}#sidebar{background:#2a2a2a;bottom:0;box-sizing:border-box;overflow-y:auto;padding:15px;position:fixed;right:0;top:50px;width:220px}canvas{background:#2c3e50;display:block}.btn{background:#555;border:none;border-radius:4px;color:#fff;cursor:pointer}.btn:hover{background:#777}.btn.active{background:#e74c3c}.bgOption{display:none}.keycap{color:#ff0}.warning{color:red}.sidebarTool{list-style:none;margin:0;padding:0}.sidebarTool li{margin-top:5px}#guideContent.hidden{display:none}#toggleGuide.active{background:#e74c3c}